@zyzgroup/core-vue 0.0.11 → 0.0.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zyzgroup/core-vue",
   "private": false,
-  "version": "0.0.11",
+  "version": "0.0.12",
   "sideEffects": false,
   "type": "module",
   "main": "dist/zyzgroup_core_vue.umd.cjs",
@@ -31,7 +31,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "npm run ce && vue-tsc --emitDeclarationOnly && vite build",
+    "build": "npm run ce && vue-tsc --emitDeclarationOnly && npm run --prefix ../../../vite/ lib -- ../lib/packages/core-vue/vite.config.json",
     "preview": "vite preview",
     "ce": "copy_ce_vue && npm run --prefix ../../../vite/ lib -- ../lib/packages/core-vue/vite.ce.config.json",
     "copy:components": "copy /src/components/ /dist/ vue",
@@ -41,13 +41,13 @@
     "vue": "^3.4.21"
   },
   "devDependencies": {
-    "@headlessui/vue": "^1.7.21",
     "@iconify/vue": "^4.1.2",
     "@types/node": "^20.7.1",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@zyzgroup/core-common": "^0.0.50",
-    "@zyzgroup/core-web": "^0.0.52",
+    "@zyzgroup/core-common": "workspace:^",
+    "@zyzgroup/core-web": "workspace:^",
     "typescript": "^5.2.2",
+    "vanilla-colorful": "^0.7.2",
     "vite": "^5.2.0",
     "vue-tsc": "^2.0.6"
   }

package/types/components/Button.ce.vue.d.ts

@@ -1,63 +1,61 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     label?: string | undefined;
     icon?: string | undefined;
+    iconPosition?: string | undefined;
     isDisabled?: boolean | undefined;
     height?: string | undefined;
-    iconPosition?: string | undefined;
     padding?: string | undefined;
     fontSize?: string | undefined;
     borderRadius?: string | undefined;
+    stylePattern?: "fullfilled" | "outline" | undefined;
     borderColor?: string | undefined;
     bgColor?: string | undefined;
     fontColor?: string | undefined;
 }>, {
+    iconPosition: string;
     isDisabled: boolean;
     height: string;
-    iconPosition: string;
     padding: string;
     fontSize: string;
     borderRadius: string;
-    borderColor: string;
-    bgColor: string;
-    fontColor: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    stylePattern: string;
+}>, {
+    wrapper: import("vue").Ref<HTMLElement | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ceClick: () => void;
     click: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     label?: string | undefined;
     icon?: string | undefined;
+    iconPosition?: string | undefined;
     isDisabled?: boolean | undefined;
     height?: string | undefined;
-    iconPosition?: string | undefined;
     padding?: string | undefined;
     fontSize?: string | undefined;
     borderRadius?: string | undefined;
+    stylePattern?: "fullfilled" | "outline" | undefined;
     borderColor?: string | undefined;
     bgColor?: string | undefined;
     fontColor?: string | undefined;
 }>, {
+    iconPosition: string;
     isDisabled: boolean;
     height: string;
-    iconPosition: string;
     padding: string;
     fontSize: string;
     borderRadius: string;
-    borderColor: string;
-    bgColor: string;
-    fontColor: string;
+    stylePattern: string;
 }>>> & {
     onClick?: (() => any) | undefined;
     onCeClick?: (() => any) | undefined;
 }, {
     height: string;
-    isDisabled: boolean;
     iconPosition: string;
+    isDisabled: boolean;
     padding: string;
     fontSize: string;
     borderRadius: string;
-    borderColor: string;
-    bgColor: string;
-    fontColor: string;
+    stylePattern: "fullfilled" | "outline";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/types/components/Button.vue.d.ts

@@ -1,63 +1,61 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     label?: string | undefined;
     icon?: string | undefined;
+    iconPosition?: string | undefined;
     isDisabled?: boolean | undefined;
     height?: string | undefined;
-    iconPosition?: string | undefined;
     padding?: string | undefined;
     fontSize?: string | undefined;
     borderRadius?: string | undefined;
+    stylePattern?: "fullfilled" | "outline" | undefined;
     borderColor?: string | undefined;
     bgColor?: string | undefined;
     fontColor?: string | undefined;
 }>, {
+    iconPosition: string;
     isDisabled: boolean;
     height: string;
-    iconPosition: string;
     padding: string;
     fontSize: string;
     borderRadius: string;
-    borderColor: string;
-    bgColor: string;
-    fontColor: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    stylePattern: string;
+}>, {
+    wrapper: import("vue").Ref<HTMLElement | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ceClick: () => void;
     click: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     label?: string | undefined;
     icon?: string | undefined;
+    iconPosition?: string | undefined;
     isDisabled?: boolean | undefined;
     height?: string | undefined;
-    iconPosition?: string | undefined;
     padding?: string | undefined;
     fontSize?: string | undefined;
     borderRadius?: string | undefined;
+    stylePattern?: "fullfilled" | "outline" | undefined;
     borderColor?: string | undefined;
     bgColor?: string | undefined;
     fontColor?: string | undefined;
 }>, {
+    iconPosition: string;
     isDisabled: boolean;
     height: string;
-    iconPosition: string;
     padding: string;
     fontSize: string;
     borderRadius: string;
-    borderColor: string;
-    bgColor: string;
-    fontColor: string;
+    stylePattern: string;
 }>>> & {
     onClick?: (() => any) | undefined;
     onCeClick?: (() => any) | undefined;
 }, {
     height: string;
-    isDisabled: boolean;
     iconPosition: string;
+    isDisabled: boolean;
     padding: string;
     fontSize: string;
     borderRadius: string;
-    borderColor: string;
-    bgColor: string;
-    fontColor: string;
+    stylePattern: "fullfilled" | "outline";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/types/components/CheckboxGroup.ce.vue.d.ts

@@ -0,0 +1,79 @@
+declare const _default: <T extends string>(__VLS_props: {
+    onChange?: ((values: T[]) => any) | undefined;
+    options: T[];
+    initIndexs?: number[] | undefined;
+    isRounded?: boolean | undefined;
+    isFullfilled?: boolean | undefined;
+    colorPath?: string | undefined;
+    colorBg?: string | undefined;
+    colorBorder?: string | undefined;
+    fontSize?: string | undefined;
+    itemWidth?: string | undefined;
+    itemPadding?: string | undefined;
+    labelPadding?: string | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        default?(_: {
+            label: T;
+            index: number;
+        }): any;
+    };
+    emit: (event: "change", values: T[]) => void;
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        onChange?: ((values: T[]) => any) | undefined;
+        options: T[];
+        initIndexs?: number[] | undefined;
+        isRounded?: boolean | undefined;
+        isFullfilled?: boolean | undefined;
+        colorPath?: string | undefined;
+        colorBg?: string | undefined;
+        colorBorder?: string | undefined;
+        fontSize?: string | undefined;
+        itemWidth?: string | undefined;
+        itemPadding?: string | undefined;
+        labelPadding?: string | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            label: T;
+            index: number;
+        }): any;
+    };
+    emit: (event: "change", values: T[]) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            onChange?: ((values: T[]) => any) | undefined;
+            options: T[];
+            initIndexs?: number[] | undefined;
+            isRounded?: boolean | undefined;
+            isFullfilled?: boolean | undefined;
+            colorPath?: string | undefined;
+            colorBg?: string | undefined;
+            colorBorder?: string | undefined;
+            fontSize?: string | undefined;
+            itemWidth?: string | undefined;
+            itemPadding?: string | undefined;
+            labelPadding?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            default?(_: {
+                label: T;
+                index: number;
+            }): any;
+        };
+        emit: (event: "change", values: T[]) => void;
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/components/CheckboxGroup.vue.d.ts

@@ -0,0 +1,79 @@
+declare const _default: <T extends string>(__VLS_props: {
+    onChange?: ((values: T[]) => any) | undefined;
+    options: T[];
+    initIndexs?: number[] | undefined;
+    isRounded?: boolean | undefined;
+    isFullfilled?: boolean | undefined;
+    colorPath?: string | undefined;
+    colorBg?: string | undefined;
+    colorBorder?: string | undefined;
+    fontSize?: string | undefined;
+    itemWidth?: string | undefined;
+    itemPadding?: string | undefined;
+    labelPadding?: string | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        default?(_: {
+            label: T;
+            index: number;
+        }): any;
+    };
+    emit: (event: "change", values: T[]) => void;
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        onChange?: ((values: T[]) => any) | undefined;
+        options: T[];
+        initIndexs?: number[] | undefined;
+        isRounded?: boolean | undefined;
+        isFullfilled?: boolean | undefined;
+        colorPath?: string | undefined;
+        colorBg?: string | undefined;
+        colorBorder?: string | undefined;
+        fontSize?: string | undefined;
+        itemWidth?: string | undefined;
+        itemPadding?: string | undefined;
+        labelPadding?: string | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            label: T;
+            index: number;
+        }): any;
+    };
+    emit: (event: "change", values: T[]) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            onChange?: ((values: T[]) => any) | undefined;
+            options: T[];
+            initIndexs?: number[] | undefined;
+            isRounded?: boolean | undefined;
+            isFullfilled?: boolean | undefined;
+            colorPath?: string | undefined;
+            colorBg?: string | undefined;
+            colorBorder?: string | undefined;
+            fontSize?: string | undefined;
+            itemWidth?: string | undefined;
+            itemPadding?: string | undefined;
+            labelPadding?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            default?(_: {
+                label: T;
+                index: number;
+            }): any;
+        };
+        emit: (event: "change", values: T[]) => void;
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/components/ColorPicker.ce.vue.d.ts

@@ -0,0 +1,41 @@
+import "vanilla-colorful/hex-alpha-color-picker.js";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    color?: string | undefined;
+}>, {
+    color: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    color?: string | undefined;
+}>, {
+    color: string;
+}>>> & {
+    onChange?: ((value: string) => any) | undefined;
+}, {
+    color: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/components/ColorPicker.vue.d.ts

@@ -0,0 +1,41 @@
+import "vanilla-colorful/hex-alpha-color-picker.js";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    color?: string | undefined;
+}>, {
+    color: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    color?: string | undefined;
+}>, {
+    color: string;
+}>>> & {
+    onChange?: ((value: string) => any) | undefined;
+}, {
+    color: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/components/Dialog.ce.vue.d.ts

@@ -1,64 +1,68 @@
+declare function open(): void;
 declare function close(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    open?: boolean | undefined;
     title?: string | undefined;
     content?: string | undefined;
     showTitle?: boolean | undefined;
     showClose?: boolean | undefined;
     showCancel?: boolean | undefined;
     showConfirm?: boolean | undefined;
+    closeWhenClickOverlay?: boolean | undefined;
     openDurTime?: number | undefined;
     closeDurTime?: number | undefined;
 }>, {
-    open: boolean;
     title: string;
     content: string;
     showTitle: boolean;
     showClose: boolean;
     showCancel: boolean;
     showConfirm: boolean;
+    closeWhenClickOverlay: boolean;
     openDurTime: number;
     closeDurTime: number;
 }>, {
+    open: typeof open;
     close: typeof close;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => void;
     close: () => void;
     cancel: () => void;
     confirm: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    open?: boolean | undefined;
     title?: string | undefined;
     content?: string | undefined;
     showTitle?: boolean | undefined;
     showClose?: boolean | undefined;
     showCancel?: boolean | undefined;
     showConfirm?: boolean | undefined;
+    closeWhenClickOverlay?: boolean | undefined;
     openDurTime?: number | undefined;
     closeDurTime?: number | undefined;
 }>, {
-    open: boolean;
     title: string;
     content: string;
     showTitle: boolean;
     showClose: boolean;
     showCancel: boolean;
     showConfirm: boolean;
+    closeWhenClickOverlay: boolean;
     openDurTime: number;
     closeDurTime: number;
 }>>> & {
-    onCancel?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }, {
     title: string;
-    open: boolean;
+    closeWhenClickOverlay: boolean;
+    openDurTime: number;
+    closeDurTime: number;
     content: string;
     showTitle: boolean;
     showClose: boolean;
     showCancel: boolean;
     showConfirm: boolean;
-    openDurTime: number;
-    closeDurTime: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/types/components/Dialog.vue.d.ts

@@ -1,64 +1,68 @@
+declare function open(): void;
 declare function close(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    open?: boolean | undefined;
     title?: string | undefined;
     content?: string | undefined;
     showTitle?: boolean | undefined;
     showClose?: boolean | undefined;
     showCancel?: boolean | undefined;
     showConfirm?: boolean | undefined;
+    closeWhenClickOverlay?: boolean | undefined;
     openDurTime?: number | undefined;
     closeDurTime?: number | undefined;
 }>, {
-    open: boolean;
     title: string;
     content: string;
     showTitle: boolean;
     showClose: boolean;
     showCancel: boolean;
     showConfirm: boolean;
+    closeWhenClickOverlay: boolean;
     openDurTime: number;
     closeDurTime: number;
 }>, {
+    open: typeof open;
     close: typeof close;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => void;
     close: () => void;
     cancel: () => void;
     confirm: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    open?: boolean | undefined;
     title?: string | undefined;
     content?: string | undefined;
     showTitle?: boolean | undefined;
     showClose?: boolean | undefined;
     showCancel?: boolean | undefined;
     showConfirm?: boolean | undefined;
+    closeWhenClickOverlay?: boolean | undefined;
     openDurTime?: number | undefined;
     closeDurTime?: number | undefined;
 }>, {
-    open: boolean;
     title: string;
     content: string;
     showTitle: boolean;
     showClose: boolean;
     showCancel: boolean;
     showConfirm: boolean;
+    closeWhenClickOverlay: boolean;
     openDurTime: number;
     closeDurTime: number;
 }>>> & {
-    onCancel?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }, {
     title: string;
-    open: boolean;
+    closeWhenClickOverlay: boolean;
+    openDurTime: number;
+    closeDurTime: number;
     content: string;
     showTitle: boolean;
     showClose: boolean;
     showCancel: boolean;
     showConfirm: boolean;
-    openDurTime: number;
-    closeDurTime: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/types/components/DialogLoading.ce.vue.d.ts

@@ -1,15 +1,36 @@
+declare function open(): void;
+declare function close(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    open?: boolean | undefined;
     content?: string | undefined;
+    closeWhenClickOverlay?: boolean | undefined;
+    openDurTime?: number | undefined;
+    closeDurTime?: number | undefined;
 }>, {
-    open: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    open?: boolean | undefined;
+    closeWhenClickOverlay: boolean;
+    openDurTime: number;
+    closeDurTime: number;
+}>, {
+    open: typeof open;
+    close: typeof close;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => void;
+    close: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     content?: string | undefined;
+    closeWhenClickOverlay?: boolean | undefined;
+    openDurTime?: number | undefined;
+    closeDurTime?: number | undefined;
 }>, {
-    open: boolean;
-}>>>, {
-    open: boolean;
+    closeWhenClickOverlay: boolean;
+    openDurTime: number;
+    closeDurTime: number;
+}>>> & {
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}, {
+    closeWhenClickOverlay: boolean;
+    openDurTime: number;
+    closeDurTime: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/types/components/DialogLoading.vue.d.ts

@@ -1,15 +1,36 @@
+declare function open(): void;
+declare function close(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    open?: boolean | undefined;
     content?: string | undefined;
+    closeWhenClickOverlay?: boolean | undefined;
+    openDurTime?: number | undefined;
+    closeDurTime?: number | undefined;
 }>, {
-    open: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    open?: boolean | undefined;
+    closeWhenClickOverlay: boolean;
+    openDurTime: number;
+    closeDurTime: number;
+}>, {
+    open: typeof open;
+    close: typeof close;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => void;
+    close: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     content?: string | undefined;
+    closeWhenClickOverlay?: boolean | undefined;
+    openDurTime?: number | undefined;
+    closeDurTime?: number | undefined;
 }>, {
-    open: boolean;
-}>>>, {
-    open: boolean;
+    closeWhenClickOverlay: boolean;
+    openDurTime: number;
+    closeDurTime: number;
+}>>> & {
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}, {
+    closeWhenClickOverlay: boolean;
+    openDurTime: number;
+    closeDurTime: number;
 }, {}>, {
     default?(_: {}): any;
 }>;