@mingto/mt-ui 1.1.32

package/dist/popover/src/arrow.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    arrowRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    arrowRef: HTMLSpanElement;
+}, any>;
+export default _default;

package/dist/popover/src/content.vue.d.ts

@@ -0,0 +1,216 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    appendTo: {
+        type: import('vue').PropType<string | HTMLElement>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperClass: {
+        type: import('vue').PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]>;
+        default: string;
+    };
+    popperStyle: {
+        type: import('vue').PropType<import('vue').StyleValue>;
+        default: () => {};
+    };
+    width: {
+        type: import('vue').PropType<number | string>;
+        validator: (value: number | string) => boolean;
+        default: number;
+    };
+    rawContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    effect: {
+        type: import('vue').PropType<import('./popover').PopoverEffect>;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    trigger: {
+        type: import('vue').PropType<import('./popover').PopoverTriggerType>;
+        default: string;
+    };
+    enterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controlled: BooleanConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    afterLeave: () => any;
+    beforeEnter: () => any;
+    afterEnter: () => any;
+    beforeLeave: () => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    appendTo: {
+        type: import('vue').PropType<string | HTMLElement>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperClass: {
+        type: import('vue').PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]>;
+        default: string;
+    };
+    popperStyle: {
+        type: import('vue').PropType<import('vue').StyleValue>;
+        default: () => {};
+    };
+    width: {
+        type: import('vue').PropType<number | string>;
+        validator: (value: number | string) => boolean;
+        default: number;
+    };
+    rawContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    effect: {
+        type: import('vue').PropType<import('./popover').PopoverEffect>;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+    trigger: {
+        type: import('vue').PropType<import('./popover').PopoverTriggerType>;
+        default: string;
+    };
+    enterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controlled: BooleanConstructor;
+}>> & Readonly<{
+    onAfterLeave?: (() => any) | undefined;
+    onBeforeEnter?: (() => any) | undefined;
+    onAfterEnter?: (() => any) | undefined;
+    onBeforeLeave?: (() => any) | undefined;
+}>, {
+    width: string | number;
+    effect: import('./popover').PopoverEffect;
+    content: string;
+    appendTo: string | HTMLElement;
+    trigger: import('./popover').PopoverTriggerType;
+    showArrow: boolean;
+    popperClass: string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[];
+    popperStyle: import('vue').StyleValue;
+    rawContent: boolean;
+    enterable: boolean;
+    teleported: boolean;
+    controlled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    contentRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/popover/src/popover.d.ts

@@ -0,0 +1,217 @@
+import { Options, Placement } from '@popperjs/core';
+import { ExtractPropTypes, InjectionKey, PropType, Ref, StyleValue } from 'vue';
+interface PopoverInstance {
+    hide: () => void;
+    show: () => void;
+}
+type PopoverTriggerType = 'hover' | 'click' | 'manual';
+type PopoverEffect = 'light' | 'dark';
+type ClassObjectType = Record<string, boolean>;
+type ClassType = string | ClassObjectType | ClassType[];
+declare const popoverProps: {
+    /**
+     * 触发方式
+     */
+    trigger: {
+        type: PropType<PopoverTriggerType>;
+        default: string;
+    };
+    /**
+     * 显示的内容
+     */
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * popover 内容的宽度
+     */
+    width: {
+        type: PropType<number | string>;
+        validator: (value: number | string) => boolean;
+        default: number;
+    };
+    /**
+     * 出现的位置
+     */
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    /**
+     * 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * popover 内容的偏移量
+     */
+    offset: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * 是否显示
+     */
+    visible: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    /**
+     * 切换 visible 状态的回调
+     */
+    'onUpdate:visible': {
+        type: PropType<(visible: boolean) => void>;
+    };
+    /**
+     * 是否显示箭头
+     */
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * popover 的参数
+     */
+    popperOptions: {
+        type: PropType<Partial<Options>>;
+        default: () => {};
+    };
+    /**
+     * popover 策略
+     */
+    strategy: {
+        type: PropType<"absolute" | "fixed">;
+        default: string;
+    };
+    /**
+     * popover 回退位置
+     */
+    fallbackPlacements: {
+        type: PropType<Placement[]>;
+        default: undefined;
+    };
+    /**
+     * popover 是否开启 GPU 加速
+     */
+    gpuAcceleration: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * popover 类名
+     */
+    popperClass: {
+        type: PropType<ClassType>;
+        default: string;
+    };
+    /**
+     * 延迟显示，单位毫秒
+     */
+    showAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 延迟关闭，单位毫秒
+     */
+    hideAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否自动关闭
+     */
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * popover 样式
+     */
+    popperStyle: {
+        type: PropType<StyleValue>;
+        default: () => {};
+    };
+    /**
+     * Content 挂载到哪个 DOM 元素
+     */
+    appendTo: {
+        type: PropType<string | HTMLElement>;
+        default: string;
+    };
+    /**
+     * Content 主题
+     */
+    effect: {
+        type: PropType<PopoverEffect>;
+        default: string;
+    };
+    /**
+     * 是否将 content 作为 HTML 字符串处理
+     */
+    rawContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否虚拟触发
+     */
+    virtualTriggering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 虚拟触发的元素
+     */
+    virtualRef: {
+        type: PropType<Ref<HTMLElement | null>>;
+        default: () => null;
+    };
+    /**
+     * popover 内容的 z-index
+     */
+    zIndex: {
+        type: NumberConstructor;
+    };
+    /**
+     * 是否可进入
+     */
+    enterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否启用 teleport 功能
+     */
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+interface PopoverEmits {
+    'update:visible': [boolean];
+    'show': [];
+    'hide': [];
+    'beforeEnter': [];
+    'beforeLeave': [];
+}
+type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+interface MtPopperInjectionContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    arrowRef: Ref<HTMLElement | null>;
+    contentVisible: Ref<boolean>;
+    onShow: () => void;
+    onHide: () => void;
+    onToggle: () => void;
+}
+export declare const POPPER_INJECTION_KEY: InjectionKey<MtPopperInjectionContext>;
+interface MtPopperContentInjectionContext {
+    arrowRef: Ref<HTMLElement | null>;
+}
+export declare const POPPER_CONTENT_INJECTION_KEY: InjectionKey<MtPopperContentInjectionContext>;
+export type { PopoverEffect, PopoverEmits, PopoverInstance, PopoverProps, PopoverTriggerType, };
+export { popoverProps, };