@will-ui/vue 1.0.0

package/dist/components/layer/Layer.d.ts

@@ -0,0 +1,410 @@
+import { PropType } from 'vue';
+import { TriggerType, PlacementType, AdjustmentPosition, RectType } from '../../config/types';
+import { CssVars } from '../../util';
+export interface LayerCssVarType {
+    '--_layer-border-color'?: string;
+    '--_layer-background-color'?: string;
+    '--_layer-arrow-size'?: string;
+    '--_layer-color'?: string;
+    '--_layer-transform'?: string;
+}
+export declare const LayerProps: {
+    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<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<LayerCssVarType>;
+        default: () => {};
+    };
+    layerClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    };
+    layerStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 实例尺度（px）→ `--w-prop-layer-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（三级 token 等） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    realTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    adjustPosition: {
+        type: PropType<AdjustmentPosition>;
+        default: string;
+    };
+    clickOutside: FunctionConstructor;
+};
+declare const _default_1: 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<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<LayerCssVarType>;
+        default: () => {};
+    };
+    layerClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    };
+    layerStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 实例尺度（px）→ `--w-prop-layer-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（三级 token 等） */
+    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<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<LayerCssVarType>;
+        default: () => {};
+    };
+    layerClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    };
+    layerStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 实例尺度（px）→ `--w-prop-layer-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（三级 token 等） */
+    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: 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: LayerCssVarType;
+    layerStyle: Record<string, any>;
+    immediate: boolean;
+    realTime: boolean;
+}, {}, {}, {
+    clickOutside: import('vue').ObjectDirective<any, any, string, any>;
+}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default_1;