@fruits-chain/react-native-xiaoshu/lib/typescript/tree/index.d.ts

🌈 React Native UI library

/// <reference types="react" />
import { TreeMultipleMode } from './var';
declare const _default: import("react").FC<import("./interface").TreeProps> & {
    varCreator: (TOKENS: {
        animation_duration_base: number;
        animation_duration_fast: number;
        border_color: string;
        underlay_color: string;
        yellow_1: string;
        yellow_2: string;
        yellow_3: string;
        yellow_4: string;
        yellow_5: string;
        yellow_6: string;
        yellow_7: string;
        yellow_8: string;
        yellow_9: string;
        yellow_10: string;
        green_1: string;
        green_2: string;
        green_3: string;
        green_4: string;
        green_5: string;
        green_6: string;
        green_7: string;
        green_8: string;
        green_9: string;
        green_10: string;
        brand_1: string;
        brand_2: string;
        brand_3: string;
        brand_4: string;
        brand_5: string;
        brand_6: string;
        brand_7: string;
        brand_8: string;
        brand_9: string;
        brand_10: string;
        red_1: string;
        red_2: string;
        red_3: string;
        red_4: string;
        red_5: string;
        red_6: string;
        red_7: string;
        red_8: string;
        red_9: string;
        red_10: string;
        gray_1: string;
        gray_2: string;
        gray_3: string;
        gray_4: string;
        gray_5: string;
        gray_6: string;
        gray_7: string;
        gray_8: string;
        black: string;
        white: string;
        opacity_10: number;
        opacity_5: number;
        opacity_20: number;
        opacity_30: number;
        opacity_40: number;
        opacity_50: number;
        opacity_60: number;
        opacity_70: number;
        opacity_80: number;
        opacity_90: number;
        opacity_100: number;
        font_size_1: number;
        font_size_2: number;
        font_size_3: number;
        font_size_4: number;
        font_size_5: number;
        font_size_6: number;
        font_size_7: number;
        font_size_8: number;
        font_size_9: number;
        font_size_10: number;
        line_height_1: number;
        line_height_2: number;
        line_height_3: number;
        line_height_4: number;
        line_height_5: number;
        space_1: number;
        space_2: number;
        space_3: number;
        space_4: number;
        space_5: number;
        space_6: number;
        space_7: number;
        space_8: number;
        space_9: number;
        space_10: number;
        border_radius_xxs: number;
        border_radius_xs: number;
        border_radius_s: number;
        border_radius_m: number;
        border_radius_l: number;
        border_radius_xl: number;
        border_radius_max: number;
    }) => {
        tree_indent: number;
        tree_active_color: string;
        tree_active_color_lightness: number;
        tree_min_height: number;
        tree_item_height: number;
        tree_item_padding_horizontal: number;
        tree_item_text_margin_horizontal: number;
        tree_item_text_font_size: number;
        tree_item_text_color: string;
        tree_item_switcher_color: string;
        tree_item_switcher_size: number;
        tree_item_switcher_lightness: number;
        tree_item_disabled_text_color: string;
        tree_item_highlight_text_color: string;
    };
    styleCreator: (cv: {
        tree_indent: number;
        tree_active_color: string;
        tree_active_color_lightness: number;
        tree_min_height: number;
        tree_item_height: number;
        tree_item_padding_horizontal: number;
        tree_item_text_margin_horizontal: number;
        tree_item_text_font_size: number;
        tree_item_text_color: string;
        tree_item_switcher_color: string;
        tree_item_switcher_size: number;
        tree_item_switcher_lightness: number;
        tree_item_disabled_text_color: string;
        tree_item_highlight_text_color: string;
    }) => {
        tree_item: {
            flexDirection: "row";
            alignItems: "center";
            minHeight: number;
            paddingHorizontal: number;
        };
        tree_item_switcher: {
            backgroundColor: string;
            paddingHorizontal: number;
            paddingVertical: number;
            borderRadius: number;
            alignSelf: "center";
        };
        tree_item_text: {
            flex: number;
            marginHorizontal: number;
            fontSize: number;
            color: string;
        };
        tree_item_disabled_text: {
            color: string;
        };
        tree_item_highlight_text: {
            color: string;
        };
    };
    MultipleMode: typeof TreeMultipleMode;
    findNodeByValue: (tree: import("./interface").TreeOption[], value: import("./interface").TreeValue) => import("./interface").TreeOption | undefined;
    findAllChildrenValue: (tree: import("./interface").TreeOption[]) => import("./interface").TreeValue[];
    findParentNodeByValue: (tree: import("./interface").TreeOption[], value: import("./interface").TreeValue) => import("./interface").TreeOption | null;
    findAllParentNodeByValue: (tree: import("./interface").TreeOption[], value: import("./interface").TreeValue) => import("./interface").TreeOption[];
    flattenDeepWidthChildren: (tree: import("./interface").TreeOption[]) => import("./interface").TreeOption[];
    buildHighlightLabelConfig: (label: string, keyword: string) => {
        text: string;
        highlight: boolean;
    }[];
};
export default _default;
//# sourceMappingURL=index.d.ts.map