@will-ui/vue 1.0.0

package/dist/components/trigger/Trigger.d.ts

@@ -0,0 +1,921 @@
+import { CssVars } from '../../util';
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    loading: BooleanConstructor;
+    active: BooleanConstructor;
+    clearable: BooleanConstructor;
+    disabled: BooleanConstructor;
+    block: BooleanConstructor;
+    placeholder: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    text: {
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    };
+    hasTip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 实例高度（px），写入 `--w-prop-trigger-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-trigger-color`（Loading 等子件跟随） */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（如 `--w-prop-trigger-bg-color` / `--w-prop-trigger-text-color`） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    style: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "clear"[], "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    loading: BooleanConstructor;
+    active: BooleanConstructor;
+    clearable: BooleanConstructor;
+    disabled: BooleanConstructor;
+    block: BooleanConstructor;
+    placeholder: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    text: {
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    };
+    hasTip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 实例高度（px），写入 `--w-prop-trigger-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-trigger-color`（Loading 等子件跟随） */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（如 `--w-prop-trigger-bg-color` / `--w-prop-trigger-text-color`） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    style: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: any;
+    };
+}>> & Readonly<{
+    onClear?: (...args: any[]) => any;
+}>, {
+    style: string | Record<string, any> | unknown[];
+    size: number;
+    block: boolean;
+    loading: boolean;
+    color: string;
+    cssVars: CssVars;
+    disabled: boolean;
+    active: boolean;
+    clearable: boolean;
+    hasTip: boolean;
+}, {}, {
+    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>;
+    Loading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: any;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        hasTransition: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        transitionName: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<CssVars>;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:show" | "update:text")[], "update:show" | "update:text", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: any;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        hasTransition: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        transitionName: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<CssVars>;
+            default: any;
+        };
+    }>> & Readonly<{
+        "onUpdate:show"?: (...args: any[]) => any;
+        "onUpdate:text"?: (...args: any[]) => any;
+    }>, {
+        text: string;
+        size: number;
+        name: string;
+        fontClassName: string;
+        color: string;
+        show: boolean;
+        hasTransition: boolean;
+        transitionName: string;
+        cssVars: CssVars;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Tooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        trigger: {
+            default: string;
+            type: PropType<import('../..').TriggerType>;
+        };
+        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<import('../..').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;
+            };
+        };
+        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').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<import('../..').AdjustmentPosition>;
+            default: string;
+        };
+        clickOutside: FunctionConstructor;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        trigger: {
+            default: string;
+            type: PropType<import('../..').TriggerType>;
+        };
+        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<import('../..').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;
+            };
+        };
+        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').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<import('../..').AdjustmentPosition>;
+            default: string;
+        };
+        clickOutside: FunctionConstructor;
+    }>> & Readonly<{}>, {
+        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: import('../..').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').LayerCssVarType;
+        layerStyle: Record<string, any>;
+        immediate: boolean;
+        realTime: 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<import('../..').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').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<import('../..').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: import('../..').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<import('../..').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').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<import('../..').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: import('../..').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: import('../..').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').LayerCssVarType;
+            layerStyle: Record<string, any>;
+            immediate: boolean;
+            realTime: boolean;
+        }, {}, {}, {
+            clickOutside: import('vue').ObjectDirective<any, any, string, any>;
+        }, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;