yc-design-vue 1.0.1 → 1.0.3

package/lib/Checkbox/hooks/useContext.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { CheckboxValue, CheckboxGroupEmits } from '../type';
-import { Props } from '../../_shared/type';
+import { ObjectData, Props } from '../../_shared/type';
 type CheckboxContext = {
     computedValue: Ref<CheckboxValue[]>;
     max: Ref<number>;
@@ -9,10 +9,7 @@ type CheckboxContext = {
 };
 declare const _default: () => {
     provide: (props: Props, emits: CheckboxGroupEmits) => {
-        options: import('vue').ComputedRef<((string & Record<string, unknown>) | (number & Record<string, unknown>) | (false & Record<string, unknown>) | (true & Record<string, unknown>) | (import('..').CheckboxOption & Record<string, unknown>) | {
-            label: CheckboxValue | import('..').CheckboxOption;
-            value: CheckboxValue | import('..').CheckboxOption;
-        })[]>;
+        options: import('vue').ComputedRef<ObjectData[]>;
     };
     inject: () => CheckboxContext;
 };

package/lib/Checkbox/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction, ObjectData } from '../_shared/type';
+import { VNode } from 'vue';
 export interface CheckboxProps {
     modelValue?: boolean;
     defaultChecked?: boolean;
@@ -11,11 +12,11 @@ export interface CheckboxEmits {
     (e: 'change', value: boolean, ev: Event): void;
 }
 export interface CheckboxSlots {
-    default(): void;
-    checkbox(scope: {
+    default?: () => VNode[];
+    checkbox?: (scope: {
         checked: boolean;
         disabled: boolean;
-    }): void;
+    }) => VNode[];
 }
 export interface CheckboxGroupProps {
     modelValue?: CheckboxValue[];
@@ -30,14 +31,14 @@ export interface CheckboxGroupEmits {
     (e: 'change', value: CheckboxValue[]): void;
 }
 export interface CheckboxGroupSlots {
-    default(): void;
-    checkbox(scope: {
+    default?: () => void;
+    checkbox?: (scope: {
         checked: boolean;
         disabled: boolean;
-    }): void;
-    label(scope: {
+    }) => void;
+    label?: (scope: {
         data: ObjectData;
-    }): void;
+    }) => void;
 }
 export type CheckboxOption = (CheckboxValue | {
     label?: string;

package/lib/Collapse/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface CollapseProps {
     activeKey?: CollapseValue[];
     defaultActiveKey?: CollapseValue[];
@@ -12,12 +13,12 @@ export interface CollapseEmits {
     (e: 'change', value: CollapseValue): void;
 }
 export interface CollapseSlots {
-    default(): void;
-    ['expand-icon'](scope: {
+    default?: () => VNode[];
+    'expand-icon': (scope: {
         active: boolean;
         disabled: boolean;
         position: 'left' | 'right';
-    }): void;
+    }) => VNode[];
 }
 export interface CollapseItemProps {
     path?: CollapseValue;
@@ -27,14 +28,14 @@ export interface CollapseItemProps {
     destroyOnHide?: boolean;
 }
 export interface CollapseItemSlots {
-    default(): void;
-    header(): void;
-    extra(): void;
-    ['expand-icon'](scope: {
+    default?: () => VNode[];
+    header?: () => VNode[];
+    extra?: () => VNode[];
+    ['expand-icon']?: (scope: {
         active: boolean;
         disabled: boolean;
         position: 'left' | 'right';
-    }): void;
+    }) => VNode[];
 }
 export type CollapseValue = string | number;
 export type ExpandIconPosition = 'left' | 'right';

package/lib/Comment/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface CommentProps {
     author?: string;
     avatar?: string;
@@ -6,12 +7,12 @@ export interface CommentProps {
     align?: CommentAlign;
 }
 export interface CommentSlots {
-    avatar(): void;
-    author(): void;
-    datetime(): void;
-    content(): void;
-    actions(): void;
-    default(): void;
+    avatar?: () => VNode[];
+    author?: () => VNode[];
+    datetime?: () => VNode[];
+    content?: () => VNode[];
+    actions?: () => VNode[];
+    default?: () => VNode[][];
 }
 export type CommentAlign = 'left' | 'right' | {
     datetime?: 'left' | 'right';

package/lib/ConfigProvider/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js"),t=e.defineComponent({name:"ConfigProvider",__name:"index",props:{zIndex:{default:1001},size:{default:"medium"},popupContainer:{default:"body"},updateAtScroll:{type:Boolean,default:!0},scrollToClose:{type:Boolean,default:!1},exchangeTime:{type:Boolean,default:!0}},setup(t){const l=t,{zIndex:s,size:r,updateAtScroll:n,scrollToClose:u,exchangeTime:i,popupContainer:d}=e.toRefs(l),a=e.useSlots();return e.provide(o.CONFIG_PROVIDER_PROVIDE_KEY,{slots:a,zIndex:s,size:r,updateAtScroll:n,scrollToClose:u,exchangeTime:i,popupContainer:d}),(o,t)=>e.renderSlot(o.$slots,"default")}});module.exports=t;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js"),t=e.defineComponent({name:"ConfigProvider",__name:"index",props:{zIndex:{default:1001},size:{default:"medium"},popupContainer:{default:"body"},updateAtScroll:{type:Boolean,default:!0},scrollToClose:{type:Boolean,default:!1},exchangeTime:{type:Boolean,default:!0}},setup(t){const l=e.useSlots(),s=t,{zIndex:r,size:n,updateAtScroll:u,scrollToClose:i,exchangeTime:d,popupContainer:a}=e.toRefs(s);return e.provide(o.CONFIG_PROVIDER_PROVIDE_KEY,{slots:l,zIndex:r,size:n,updateAtScroll:u,scrollToClose:i,exchangeTime:d,popupContainer:a}),(o,t)=>e.renderSlot(o.$slots,"default")}});module.exports=t;

package/lib/ConfigProvider/type.d.ts

@@ -1,4 +1,5 @@
 import { Size, PopupContainer } from '../_shared/type';
+import { VNode } from 'vue';
 export interface ConfigProviderProps {
     zIndex?: number;
     size?: Size;
@@ -8,10 +9,10 @@ export interface ConfigProviderProps {
     exchangeTime?: boolean;
 }
 export interface ConfigconfigSlots {
-    default(): void;
-    loading(): void;
-    empty(scope: {
+    default?: () => VNode[];
+    loading?: () => VNode[];
+    empty?: (scope: {
         component: EmptyComponent;
-    }): void;
+    }) => VNode[];
 }
 export type EmptyComponent = 'Select' | 'List' | 'Transfer';

package/lib/Descriptions/type.d.ts

@@ -1,6 +1,6 @@
 import { RenderContent, Size } from '../_shared/type';
 import { ResponsiveValue } from '../Grid';
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface DescriptionsProps {
     data?: DescData[];
     column?: DescriptionsColumn;
@@ -14,26 +14,26 @@ export interface DescriptionsProps {
     tableLayout?: TableLayout;
 }
 export interface DescriptionsSlots {
-    default(): void;
-    value(scope: {
+    default?: () => VNode[];
+    value?: (scope: {
         value: string;
         index: number;
         data: DescData;
-    }): void;
-    label(scope: {
+    }) => VNode[];
+    label?: (scope: {
         label: string;
         index: number;
         data: DescData;
-    }): void;
-    title(): void;
+    }) => VNode[];
+    title?: () => VNode[];
 }
 export interface DescriptionsItemProps {
     span?: number;
     label?: string;
 }
 export interface DescriptionsItemSlots {
-    default(): void;
-    label(): void;
+    default?: () => VNode[];
+    label?: () => VNode[];
 }
 export interface DescData {
     label?: string | RenderContent;

package/lib/Divider/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface DividerProps {
     direction?: Direction;
     orientation?: Orientation;
@@ -7,7 +8,7 @@ export interface DividerProps {
     margin?: number;
 }
 export interface DividerSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export type Orientation = 'left' | 'center' | 'right';
 export type DividerType = 'solid' | 'dashed' | 'dotted' | 'double';

package/lib/Drawer/Drawer.vue.js

@@ -1 +1 @@
-"use strict";const e=require("./Drawer.vue2.js");;/* empty css             */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-f4f2afd5"]]);module.exports=r;
+"use strict";const e=require("./Drawer.vue2.js");;/* empty css             */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-23a10cf6"]]);module.exports=r;

package/lib/Drawer/Drawer.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js"),l=require("../Modal/hooks/useModalClose.js"),a=require("../Button/index.js"),r=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const n={key:0,class:"yc-drawer-header"},s={class:"yc-drawer-title text-ellipsis"},i={class:"yc-drawer-body"},d={key:0,class:"yc-drawer-footer"},c=e.defineComponent({name:"Drawer",inheritAttrs:!1,__name:"Drawer",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},placement:{default:"right"},title:{default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:void 0},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","before-open","open","before-close","close"],setup(c,{emit:u}){const f=c,m=u,{visible:p,defaultVisible:y,width:B,height:k,placement:h,maskClosable:v,escToClose:C,drawerStyle:w,renderToBody:b}=e.toRefs(f),{onBeforeOk:g,onBeforeCancel:V}=f,{zIndex:x,popupContainer:T}=t.getGlobalConfig(f),N=e.computed(()=>({height:"left"==h.value||"right"==h.value?"100%":o.valueToPx(k.value),width:"left"==h.value||"right"==h.value?o.valueToPx(B.value):"100%",...w.value})),{outerVisible:S,innerVisible:_,asyncLoading:$,handleClose:q,handleAfterLeave:E}=l({visible:p,defaultVisible:y,escToClose:C,maskClosable:v,onBeforeCancel:V,onBeforeOk:g,emits:m});return(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(T),disabled:!e.unref(b)},[!o.unmountOnClose||e.unref(S)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-drawer-wrapper",`yc-drawer-placement-${e.unref(h)}`,{"yc-drawer-position-absolute":e.unref(T)||!e.unref(b)}]),style:e.normalizeStyle({zIndex:e.unref(x)})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.mask?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-drawer-mask",onClick:t[0]||(t[0]=o=>e.unref(q)("mask",o))},null,512)),[[e.vShow,e.unref(_)]]):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:`slide-drawer-${e.unref(h)}`,onBeforeEnter:t[4]||(t[4]=e=>o.$emit("before-open")),onBeforeLeave:t[5]||(t[5]=e=>o.$emit("before-close")),onAfterEnter:t[6]||(t[6]=e=>o.$emit("open")),onAfterLeave:e.unref(E)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-drawer-container",o.$attrs.class]),style:e.normalizeStyle({...N.value,...o.$attrs.style??{}})},[e.renderSlot(o.$slots,"header",{},()=>[o.header?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",s,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)]),o.closable?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:"yc-modal-close-button",onClick:t[1]||(t[1]=o=>e.unref(q)("closeBtn",o))})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",i,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.renderSlot(o.$slots,"footer",{},()=>[o.footer?(e.openBlock(),e.createElementBlock("div",d,[o.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.default),e.mergeProps({key:0},o.cancelButtonProps,{onClick:t[2]||(t[2]=o=>e.unref(q)("cancelBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText),1)]),_:1},16)),e.createVNode(e.unref(a.default),e.mergeProps({type:"primary",loading:o.okLoading||e.unref($)},o.okButtonProps,{onClick:t[3]||(t[3]=o=>e.unref(q)("confirmBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText),1)]),_:1},16,["loading"])])):e.createCommentVNode("",!0)],!0)],6),[[e.vShow,e.unref(_)]])]),_:3},8,["name","onAfterLeave"])],6)),[[e.vShow,e.unref(S)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});module.exports=c;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js"),l=require("../Modal/hooks/useModalClose.js"),a=require("../Button/index.js"),r=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const n={key:0,class:"yc-drawer-header"},s={class:"yc-drawer-title text-ellipsis"},i={class:"yc-drawer-body"},d={key:0,class:"yc-drawer-footer"},c=e.defineComponent({name:"Drawer",inheritAttrs:!1,__name:"Drawer",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},placement:{default:"right"},title:{default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:void 0},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","before-open","open","before-close","close"],setup(c,{emit:u}){const f=c,p=u,{visible:m,defaultVisible:y,width:B,height:k,placement:h,maskClosable:v,escToClose:C,drawerStyle:w,renderToBody:b}=e.toRefs(f),{onBeforeOk:g,onBeforeCancel:V}=f,{zIndex:x,popupContainer:T}=t.getGlobalConfig(f),N=e.computed(()=>({height:"left"==h.value||"right"==h.value?"100%":o.valueToPx(k.value),width:"left"==h.value||"right"==h.value?o.valueToPx(B.value):"100%",...w.value})),{outerVisible:S,innerVisible:_,asyncLoading:$,handleClose:q,handleAfterLeave:E}=l({visible:m,defaultVisible:y,escToClose:C,maskClosable:v,onBeforeCancel:V,onBeforeOk:g,emits:p});return(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(T),disabled:!e.unref(b)},[!o.unmountOnClose||e.unref(S)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-drawer-wrapper",`yc-drawer-placement-${e.unref(h)}`,o.$attrs.class,{"yc-drawer-position-absolute":e.unref(T)||!e.unref(b)}]),style:e.normalizeStyle({zIndex:e.unref(x),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.mask?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-drawer-mask",onClick:t[0]||(t[0]=o=>e.unref(q)("mask",o))},null,512)),[[e.vShow,e.unref(_)]]):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:`slide-drawer-${e.unref(h)}`,onBeforeEnter:t[4]||(t[4]=e=>o.$emit("before-open")),onBeforeLeave:t[5]||(t[5]=e=>o.$emit("before-close")),onAfterEnter:t[6]||(t[6]=e=>o.$emit("open")),onAfterLeave:e.unref(E)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-drawer-container",style:e.normalizeStyle(N.value)},[e.renderSlot(o.$slots,"header",{},()=>[o.header?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",s,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)]),o.closable?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:"yc-modal-close-button",onClick:t[1]||(t[1]=o=>e.unref(q)("closeBtn",o))})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",i,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.renderSlot(o.$slots,"footer",{},()=>[o.footer?(e.openBlock(),e.createElementBlock("div",d,[o.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.default),e.mergeProps({key:0},o.cancelButtonProps,{onClick:t[2]||(t[2]=o=>e.unref(q)("cancelBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText),1)]),_:1},16)),e.createVNode(e.unref(a.default),e.mergeProps({type:"primary",loading:o.okLoading||e.unref($)},o.okButtonProps,{onClick:t[3]||(t[3]=o=>e.unref(q)("confirmBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText),1)]),_:1},16,["loading"])])):e.createCommentVNode("",!0)],!0)],4),[[e.vShow,e.unref(_)]])]),_:3},8,["name","onAfterLeave"])],6)),[[e.vShow,e.unref(S)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});module.exports=c;

package/lib/Drawer/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ButtonProps } from '../Button';
 import { OnBeforeCancel, OnBeforeOk } from '../Modal';
 import { RenderContent, PopupContainer } from '../_shared/type';
@@ -29,10 +29,10 @@ export interface DrawerProps {
     onBeforeOk?: OnBeforeOk;
 }
 export interface DrawerSlots {
-    default(): void;
-    header(): void;
-    footer(): void;
-    title(): void;
+    default?: () => VNode[];
+    header?: () => VNode[];
+    footer?: () => VNode[];
+    title?: () => VNode[];
 }
 export interface DrawerEmits {
     (e: 'update:visible', value: boolean): void;

package/lib/Dropdown/Dsubmenu.vue.d.ts

@@ -56,7 +56,70 @@ declare function __VLS_template(): {
             $attrs: {
                 [x: string]: unknown;
             };
-            $refs: any;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                triggerRef: unknown;
+                popupRef: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly preventFocus?: boolean | undefined;
+                        readonly tag?: string | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        preventFocus?: boolean;
+                        tag?: string;
+                    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        preventFocus: boolean;
+                        tag: string;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    preventFocus: boolean;
+                    tag: string;
+                }> & Omit<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?(_: {}): any;
+                    };
+                }) | null;
+                arrowRef: HTMLDivElement;
+            };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
@@ -177,7 +240,7 @@ declare function __VLS_template(): {
             show(): void;
             updatePosition(x: number, y: number): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
+            $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
         }) | null;
         optionRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -314,7 +377,70 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         $attrs: {
             [x: string]: unknown;
         };
-        $refs: any;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            triggerRef: unknown;
+            popupRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly preventFocus?: boolean | undefined;
+                    readonly tag?: string | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    preventFocus: boolean;
+                    tag: string;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                preventFocus: boolean;
+                tag: string;
+            }> & Omit<Readonly<{
+                preventFocus?: boolean;
+                tag?: string;
+            }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            arrowRef: HTMLDivElement;
+        };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
@@ -435,7 +561,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         show(): void;
         updatePosition(x: number, y: number): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: any;
+        $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
     }) | null;
     optionRef: ({
         $: import('vue').ComponentInternalInstance;

package/lib/Dropdown/Dsubmenu.vue.js

@@ -1 +1 @@
-"use strict";const e=require("./Dsubmenu.vue2.js");;/* empty css               */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-8f255659"]]);module.exports=u;
+"use strict";const e=require("./Dsubmenu.vue2.js");;/* empty css               */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-7a40c502"]]);module.exports=u;

package/lib/Dropdown/Dsubmenu.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/fn.js"),o=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const i=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");const s=require("../_shared/utils/control.js");;/* empty css                          */const r=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./hooks/useContext.js");require("./index.js");const u=require("../Trigger/index.js"),n=require("../Scrollbar/index.js"),a=require("./Doption.vue.js"),d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:m}){const v=c,g=m,{defaultPopupVisible:h,popupVisible:y,trigger:b,position:x,popupMaxHeight:_}=e.toRefs(v),{theme:j}=l().inject(),q=s(y,h.value,e=>{g("update:popupVisible",e),g("popup-visible-change",e)}),w=e.ref(),V=e.ref(),k=e.computed(()=>["rt","lt"].includes(x.value)?x.value:"rt"),C=e.computed(()=>["hover","click"].includes(b.value)?b.value:"hover"),B=e.computed(()=>o.isBoolean(_.value)&&!_.value||o.isUndefined(_)?"":t.valueToPx(o.isBoolean(_.value)?200:_.value)),P=async()=>{var t;await e.nextTick();const o=i.unrefElement(w);if(!o)return;const{left:s,top:r,right:l,width:u}=o.getBoundingClientRect(),n="rt"==k.value?l:s-u,a=r-5;null==(t=V.value)||t.updatePosition(n,a)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(u),e.mergeProps({"popup-visible":e.unref(q),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(q)?q.value=t:null),trigger:C.value,position:k.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":P,"on-trigger-mouseclick":P,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:V},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-dropdown",`yc-dropdown-theme-${e.unref(j)}`])},[e.createVNode(e.unref(n),{style:e.normalizeStyle({maxHeight:B.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content",{},void 0,!0)])]),_:3},8,["style"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(a),{disabled:t.disabled,theme:e.unref(j),class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:w},{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["disabled","theme","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js"),i=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("../_shared/icons/IconArrowRight.vue.js"),s=require("../_shared/utils/control.js"),l=require("./hooks/useContext.js");require("./index.js");const u=require("../Trigger/index.js"),n=require("../Scrollbar/index.js"),a=require("./Doption.vue.js"),d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:m}){const v=c,g=m,{defaultPopupVisible:h,popupVisible:y,trigger:b,position:x,popupMaxHeight:_}=e.toRefs(v),{theme:j}=l().inject(),q=s(y,h.value,e=>{g("update:popupVisible",e),g("popup-visible-change",e)}),w=e.ref(),V=e.ref(),k=e.computed(()=>["rt","lt"].includes(x.value)?x.value:"rt"),C=e.computed(()=>["hover","click"].includes(b.value)?b.value:"hover"),B=e.computed(()=>i.isBoolean(_.value)&&!_.value||i.isUndefined(_)?"":o.valueToPx(i.isBoolean(_.value)?200:_.value)),P=async()=>{var o;await e.nextTick();const i=t.unrefElement(w);if(!i)return;const{left:r,top:s,right:l,width:u}=i.getBoundingClientRect(),n="rt"==k.value?l:r-u,a=s-5;null==(o=V.value)||o.updatePosition(n,a)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(u),e.mergeProps({"popup-visible":e.unref(q),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(q)?q.value=t:null),trigger:C.value,position:k.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":P,"on-trigger-mouseclick":P,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:V},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-dropdown",`yc-dropdown-theme-${e.unref(j)}`])},[e.createVNode(e.unref(n),{style:e.normalizeStyle({maxHeight:B.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content",{},void 0,!0)])]),_:3},8,["style"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(a),{disabled:t.disabled,theme:e.unref(j),class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:w},{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["disabled","theme","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});module.exports=c;

package/lib/Dropdown/index.d.ts

@@ -278,7 +278,70 @@ declare const Dropdown: {
                 $attrs: {
                     [x: string]: unknown;
                 };
-                $refs: any;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    triggerRef: unknown;
+                    popupRef: ({
+                        $: import('vue').ComponentInternalInstance;
+                        $data: {};
+                        $props: {
+                            readonly preventFocus?: boolean | undefined;
+                            readonly tag?: string | undefined;
+                        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                        $attrs: {
+                            [x: string]: unknown;
+                        };
+                        $refs: {
+                            [x: string]: unknown;
+                        };
+                        $slots: Readonly<{
+                            [name: string]: import('vue').Slot<any> | undefined;
+                        }>;
+                        $root: import('vue').ComponentPublicInstance | null;
+                        $parent: import('vue').ComponentPublicInstance | null;
+                        $host: Element | null;
+                        $emit: (event: string, ...args: any[]) => void;
+                        $el: any;
+                        $options: import('vue').ComponentOptionsBase<Readonly<{
+                            preventFocus?: boolean;
+                            tag?: string;
+                        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                            preventFocus: boolean;
+                            tag: string;
+                        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                            beforeCreate?: (() => void) | (() => void)[];
+                            created?: (() => void) | (() => void)[];
+                            beforeMount?: (() => void) | (() => void)[];
+                            mounted?: (() => void) | (() => void)[];
+                            beforeUpdate?: (() => void) | (() => void)[];
+                            updated?: (() => void) | (() => void)[];
+                            activated?: (() => void) | (() => void)[];
+                            deactivated?: (() => void) | (() => void)[];
+                            beforeDestroy?: (() => void) | (() => void)[];
+                            beforeUnmount?: (() => void) | (() => void)[];
+                            destroyed?: (() => void) | (() => void)[];
+                            unmounted?: (() => void) | (() => void)[];
+                            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                        };
+                        $forceUpdate: () => void;
+                        $nextTick: typeof import('vue').nextTick;
+                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                    } & Readonly<{
+                        preventFocus: boolean;
+                        tag: string;
+                    }> & Omit<Readonly<{
+                        preventFocus?: boolean;
+                        tag?: string;
+                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                        $slots: {
+                            default?(_: {}): any;
+                        };
+                    }) | null;
+                    arrowRef: HTMLDivElement;
+                };
                 $slots: Readonly<{
                     [name: string]: import('vue').Slot<any> | undefined;
                 }>;
@@ -399,7 +462,7 @@ declare const Dropdown: {
                 show(): void;
                 updatePosition(x: number, y: number): void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: any;
+                $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
             }) | null;
             optionRef: ({
                 $: import('vue').ComponentInternalInstance;

package/lib/Dropdown/type.d.ts

@@ -1,6 +1,7 @@
 import { ObjectData, PopupContainer, Theme, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
+import { VNode } from 'vue';
 export interface DropdownProps {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
@@ -19,9 +20,9 @@ export interface DropdownEmits {
     (e: 'select', value: DoptionValue, ev: MouseEvent): void;
 }
 export interface DropdownSlots {
-    default(): void;
-    content(): void;
-    footer(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
+    footer?: () => VNode[];
 }
 export interface DropdownExpose {
     show(): void;
@@ -34,9 +35,9 @@ export interface DoptionProps {
     isActive?: boolean;
 }
 export interface DoptionSlots {
-    default(): void;
-    icon(): void;
-    suffix(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    suffix?: () => VNode[];
 }
 export interface DsubmenuProps {
     disabled?: boolean;
@@ -52,16 +53,16 @@ export interface DsubmenuEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface DsubmenuSlots {
-    content(): void;
-    default(): void;
-    footer(): void;
+    content?: () => VNode[];
+    default?: () => VNode[];
+    footer?: () => VNode[];
 }
 export interface DgroupProps {
     title?: string;
 }
 export interface DgroupSlots {
-    title(): void;
-    default(): void;
+    title?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface DropdownButtonProps {
     popupVisible?: boolean;
@@ -76,9 +77,9 @@ export interface DropdownButtonProps {
     hideOnSelect?: boolean;
 }
 export interface DropdownButtonSlots {
-    content(): void;
-    default(): void;
-    icon(): void;
+    content?: () => VNode[];
+    default?: () => VNode[];
+    icon?: () => VNode[];
 }
 export type DoptionValue = string | number | boolean | ObjectData;
 export type DropdownPosition = 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl';

package/lib/Empty/type.d.ts

@@ -1,7 +1,8 @@
+import { VNode } from 'vue';
 export interface EmptyProps {
     description?: string;
     imgSrc?: string;
 }
 export interface EmptySlots {
-    image(): void;
+    image?: () => VNode[];
 }