@will-ui/vue 1.0.0

package/dist/components/tree-choose/TreeChoose.d.ts

@@ -0,0 +1,833 @@
+import { PropType } from 'vue';
+import { RectType, AdjustmentPosition, PlacementType } from '../../config/types';
+import { TreeExpose } from '../tree/Tree';
+import { CssVars } from '../../util';
+export type { TreeChooseGlobalConfig } from './config';
+export { TREE_CHOOSE_FALLBACK } from './config';
+export type TreeChooseExpose = {
+    clear: () => void;
+    getCheckedKeys: () => Array<string | number>;
+    getSubmitData: () => ReturnType<TreeExpose['getSubmitData']>;
+    expandToNode: (key: string | number) => void;
+    revealToNode: (key: string | number, scroll?: boolean) => void;
+    /** 内部 Tree 实例（高级） */
+    getTree: () => TreeExpose | null;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    keys: {
+        type: PropType<Array<string | number>>;
+        default: () => any[];
+    };
+    data: {
+        type: PropType<import('..').TreeDataType[]>;
+        default: () => import('..').TreeDataType[];
+    };
+    modelValue: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    keyField: {
+        type: PropType<string>;
+        default: any;
+    };
+    textField: {
+        type: PropType<string>;
+        default: any;
+    };
+    childField: {
+        type: PropType<string>;
+        default: any;
+    };
+    indent: {
+        type: PropType<number>;
+        default: any;
+    };
+    hasCheckbox: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    checkedMode: {
+        type: PropType<"some" | "every">;
+        default: any;
+    };
+    onlyOneSpread: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    onlyChooseLeaf: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    checkable: {
+        type: PropType<(item: import('..').TreeDataType) => boolean>;
+        default: any;
+    };
+    size: {
+        type: PropType<number>;
+        default: any;
+    };
+    color: {
+        type: PropType<string>;
+        default: any;
+    };
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 预留：搜索占位，当前未实现搜索 UI */
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    sign: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 预留：懒加载，当前未实现 */
+    lazyLoad: PropType<() => Promise<any[]>>;
+    placement: {
+        type: PropType<PlacementType>;
+        default: any;
+    };
+    adjustPosition: {
+        type: PropType<AdjustmentPosition>;
+        default: any;
+    };
+    nearby: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "clear" | "update:show" | "update:modelValue" | "update:keys")[], "change" | "clear" | "update:show" | "update:modelValue" | "update:keys", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    keys: {
+        type: PropType<Array<string | number>>;
+        default: () => any[];
+    };
+    data: {
+        type: PropType<import('..').TreeDataType[]>;
+        default: () => import('..').TreeDataType[];
+    };
+    modelValue: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    keyField: {
+        type: PropType<string>;
+        default: any;
+    };
+    textField: {
+        type: PropType<string>;
+        default: any;
+    };
+    childField: {
+        type: PropType<string>;
+        default: any;
+    };
+    indent: {
+        type: PropType<number>;
+        default: any;
+    };
+    hasCheckbox: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    checkedMode: {
+        type: PropType<"some" | "every">;
+        default: any;
+    };
+    onlyOneSpread: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    onlyChooseLeaf: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    checkable: {
+        type: PropType<(item: import('..').TreeDataType) => boolean>;
+        default: any;
+    };
+    size: {
+        type: PropType<number>;
+        default: any;
+    };
+    color: {
+        type: PropType<string>;
+        default: any;
+    };
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 预留：搜索占位，当前未实现搜索 UI */
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    sign: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 预留：懒加载，当前未实现 */
+    lazyLoad: PropType<() => Promise<any[]>>;
+    placement: {
+        type: PropType<PlacementType>;
+        default: any;
+    };
+    adjustPosition: {
+        type: PropType<AdjustmentPosition>;
+        default: any;
+    };
+    nearby: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:show"?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:keys"?: (...args: any[]) => any;
+    onClear?: (...args: any[]) => any;
+}>, {
+    data: import('..').TreeDataType[];
+    keyField: string;
+    textField: string;
+    childField: string;
+    indent: number;
+    hasCheckbox: boolean;
+    checkedMode: "some" | "every";
+    onlyOneSpread: boolean;
+    onlyChooseLeaf: boolean;
+    keys: (string | number)[];
+    size: number;
+    block: boolean;
+    placement: "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "center" | "client-center";
+    adjustPosition: AdjustmentPosition;
+    color: string;
+    show: boolean;
+    cssVars: CssVars;
+    modelValue: string | number;
+    disabled: boolean;
+    checkable: (item: import('..').TreeDataType) => boolean;
+    clearable: boolean;
+    placeholder: string;
+    sign: string;
+    searchPlaceholder: string;
+    nearby: boolean;
+}, {}, {
+    Layer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        bind: {
+            type: PropType<"v-if" | "v-show">;
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        manual: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        placement: {
+            type: PropType<PlacementType>;
+            default: string;
+        };
+        gap: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offset: {
+            type: PropType<{
+                x: number;
+                y: number;
+            }>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        arrowOffset: {
+            type: PropType<{
+                x: number;
+                y: number;
+            }>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        trigger: {
+            type: PropType<import('../..').TriggerType>;
+            default: string;
+        };
+        triggerAttrs: {
+            type: ObjectConstructor;
+        };
+        triggerTag: {
+            type: StringConstructor;
+            default: string;
+        };
+        nearby: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        canCloseByClickOutside: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        exclude: {
+            type: PropType<HTMLElement[]>;
+            default: () => any[];
+        };
+        transitionName: {
+            type: StringConstructor;
+            default: string;
+        };
+        hasArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasMask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        layerCssVar: {
+            type: PropType<import('../layer/Layer').LayerCssVarType>;
+            default: () => {};
+        };
+        layerClass: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        };
+        layerStyle: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<CssVars>;
+            default: any;
+        };
+        immediate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        realTime: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        adjustPosition: {
+            type: PropType<AdjustmentPosition>;
+            default: string;
+        };
+        clickOutside: FunctionConstructor;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:show': (v: boolean) => true;
+        'get-trigger-rect': (rect: RectType) => true;
+        'get-layer-size': (size: {
+            width: number;
+            height: number;
+        }) => true;
+        'get-layer-element': (elem: HTMLElement) => true;
+        'after-enter': (elem: Element) => true;
+        'before-enter': (elem: Element) => true;
+        enter: (elem: Element) => true;
+        'before-leave': (elem: Element) => true;
+        'after-leave': (elem: Element) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        bind: {
+            type: PropType<"v-if" | "v-show">;
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        manual: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        placement: {
+            type: PropType<PlacementType>;
+            default: string;
+        };
+        gap: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offset: {
+            type: PropType<{
+                x: number;
+                y: number;
+            }>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        arrowOffset: {
+            type: PropType<{
+                x: number;
+                y: number;
+            }>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        trigger: {
+            type: PropType<import('../..').TriggerType>;
+            default: string;
+        };
+        triggerAttrs: {
+            type: ObjectConstructor;
+        };
+        triggerTag: {
+            type: StringConstructor;
+            default: string;
+        };
+        nearby: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        canCloseByClickOutside: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        exclude: {
+            type: PropType<HTMLElement[]>;
+            default: () => any[];
+        };
+        transitionName: {
+            type: StringConstructor;
+            default: string;
+        };
+        hasArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasMask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        layerCssVar: {
+            type: PropType<import('../layer/Layer').LayerCssVarType>;
+            default: () => {};
+        };
+        layerClass: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        };
+        layerStyle: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<CssVars>;
+            default: any;
+        };
+        immediate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        realTime: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        adjustPosition: {
+            type: PropType<AdjustmentPosition>;
+            default: string;
+        };
+        clickOutside: FunctionConstructor;
+    }>> & Readonly<{
+        "onUpdate:show"?: (v: boolean) => any;
+        onEnter?: (elem: Element) => any;
+        "onAfter-enter"?: (elem: Element) => any;
+        "onAfter-leave"?: (elem: Element) => any;
+        "onGet-trigger-rect"?: (rect: RectType) => any;
+        "onGet-layer-size"?: (size: {
+            width: number;
+            height: number;
+        }) => any;
+        "onGet-layer-element"?: (elem: HTMLElement) => any;
+        "onBefore-enter"?: (elem: Element) => any;
+        "onBefore-leave"?: (elem: Element) => any;
+    }>, {
+        trigger: import('../..').TriggerType;
+        size: number;
+        placement: "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "center" | "client-center";
+        adjustPosition: AdjustmentPosition;
+        gap: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        arrowOffset: {
+            x: number;
+            y: number;
+        };
+        show: boolean;
+        transitionName: string;
+        cssVars: CssVars;
+        disabled: boolean;
+        bind: "v-if" | "v-show";
+        manual: boolean;
+        exclude: HTMLElement[];
+        hasMask: boolean;
+        triggerTag: string;
+        nearby: boolean;
+        canCloseByClickOutside: boolean;
+        hasArrow: boolean;
+        layerCssVar: import('../layer/Layer').LayerCssVarType;
+        layerStyle: Record<string, any>;
+        immediate: boolean;
+        realTime: boolean;
+    }, {}, {}, {
+        clickOutside: import('vue').ObjectDirective<any, any, string, any>;
+    }, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Close: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        hoverColor: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        rotate: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        deg: {
+            type: NumberConstructor;
+            default: any;
+        };
+        direction: {
+            type: PropType<import('..').IconRotateDirection>;
+            default: any;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: MouseEvent) => boolean;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        hoverColor: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        rotate: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        deg: {
+            type: NumberConstructor;
+            default: any;
+        };
+        direction: {
+            type: PropType<import('..').IconRotateDirection>;
+            default: any;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>> & Readonly<{
+        onClick?: (e: MouseEvent) => any;
+    }>, {
+        title: string;
+        deg: number;
+        size: string | number;
+        name: string;
+        fontClassName: string;
+        color: string;
+        hoverColor: string;
+        spin: boolean;
+        rotate: boolean;
+        direction: import('..').IconRotateDirection;
+        ariaLabel: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: PropType<string>;
+            default: any;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        hoverColor: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        rotate: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        deg: {
+            type: NumberConstructor;
+            default: any;
+        };
+        direction: {
+            type: PropType<import('..').IconRotateDirection>;
+            default: any;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: MouseEvent) => boolean;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: PropType<string>;
+            default: any;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        hoverColor: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        rotate: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        deg: {
+            type: NumberConstructor;
+            default: any;
+        };
+        direction: {
+            type: PropType<import('..').IconRotateDirection>;
+            default: any;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>> & Readonly<{
+        onClick?: (e: MouseEvent) => any;
+    }>, {
+        title: string;
+        deg: number;
+        size: string | number;
+        name: string;
+        fontClassName: string;
+        color: string;
+        hoverColor: string;
+        spin: boolean;
+        rotate: boolean;
+        direction: import('..').IconRotateDirection;
+        ariaLabel: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Tree: new <T extends import('..').TreeDataType = import('..').TreeDataType>(props: ({
+        data?: T[];
+        modelValue?: string | number;
+        keys?: Array<string | number>;
+        keyField?: string;
+        textField?: string;
+        childField?: string;
+        indent?: number;
+        hasCheckbox?: boolean;
+        checkedMode?: "some" | "every";
+        onlyOneSpread?: boolean;
+        onlyChooseLeaf?: boolean;
+        checkable?: (item: T) => boolean;
+        size?: number;
+        color?: string;
+    } & ({
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    } | {
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    })) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps) => import('vue').CreateComponentPublicInstanceWithMixins<{
+        data?: T[];
+        modelValue?: string | number;
+        keys?: Array<string | number>;
+        keyField?: string;
+        textField?: string;
+        childField?: string;
+        indent?: number;
+        hasCheckbox?: boolean;
+        checkedMode?: "some" | "every";
+        onlyOneSpread?: boolean;
+        onlyChooseLeaf?: boolean;
+        checkable?: (item: T) => boolean;
+        size?: number;
+        color?: string;
+    } & ({
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    } | {
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('vue').EmitsOptions, import('vue').PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, ({
+        data?: T[];
+        modelValue?: string | number;
+        keys?: Array<string | number>;
+        keyField?: string;
+        textField?: string;
+        childField?: string;
+        indent?: number;
+        hasCheckbox?: boolean;
+        checkedMode?: "some" | "every";
+        onlyOneSpread?: boolean;
+        onlyChooseLeaf?: boolean;
+        checkable?: (item: T) => boolean;
+        size?: number;
+        color?: string;
+    } & {
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    }) | ({
+        data?: T[];
+        modelValue?: string | number;
+        keys?: Array<string | number>;
+        keyField?: string;
+        textField?: string;
+        childField?: string;
+        indent?: number;
+        hasCheckbox?: boolean;
+        checkedMode?: "some" | "every";
+        onlyOneSpread?: boolean;
+        onlyChooseLeaf?: boolean;
+        checkable?: (item: T) => boolean;
+        size?: number;
+        color?: string;
+    } & {
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    }), {}, {}, {}, {}, {}>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;