yc-design-vue 1.0.1 → 1.0.3

package/lib/Affix/type.d.ts

@@ -1,4 +1,5 @@
 import { TargetContainer } from '../_shared/type';
+import { VNode } from 'vue';
 export interface AffixProps {
     offsetTop?: number;
     offsetBottom?: number;
@@ -9,8 +10,8 @@ export interface AffixEmits {
     (e: 'change', fixed: boolean): void;
 }
 export interface AffixSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface AffixExpose {
-    'updatePosition'(): void;
+    updatePosition(): void;
 }

package/lib/Alert/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface AlertProps {
     type?: AlertType;
     showIcon?: boolean;
@@ -11,10 +12,10 @@ export interface AlertEmits {
     (e: 'after-close'): void;
 }
 export interface AlertSlots {
-    default(): void;
-    icon(): void;
-    title(): void;
-    action(): void;
-    ['close-element'](): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    title?: () => VNode[];
+    action?: () => VNode[];
+    'close-element'?: () => VNode[];
 }
 export type AlertType = 'warning' | 'success' | 'info' | 'error' | 'normal';

package/lib/Anchor/type.d.ts

@@ -1,4 +1,5 @@
 import { TargetContainer } from '../_shared/type';
+import { VNode } from 'vue';
 export interface AnchorProps {
     boundary?: AnchorBoundary;
     lineLess?: boolean;
@@ -7,14 +8,14 @@ export interface AnchorProps {
     smooth?: boolean;
 }
 export interface AnchorSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface AnchorLinkProps {
     title?: string;
     href?: string;
 }
 export interface AnchorLinkSlots {
-    default(): void;
-    sublist(): void;
+    default?: () => VNode[];
+    sublist?: () => VNode[];
 }
 export type AnchorBoundary = 'start' | 'end' | 'center' | 'nearest' | number;

package/lib/AutoComplete/index.d.ts

@@ -160,7 +160,70 @@ declare const AutoComplete: {
                     $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;
                     }>;
@@ -281,7 +344,7 @@ declare const AutoComplete: {
                     show(): void;
                     updatePosition(x: number, y: number): void;
                 }> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: any;
+                    $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
                 }) | null;
                 inputRef: ({
                     $: import('vue').ComponentInternalInstance;

package/lib/AutoComplete/index.vue.d.ts

@@ -118,7 +118,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;
                     }>;
@@ -239,7 +302,7 @@ declare function __VLS_template(): {
                     show(): void;
                     updatePosition(x: number, y: number): void;
                 }> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: any;
+                    $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
                 }) | null;
                 inputRef: ({
                     $: import('vue').ComponentInternalInstance;
@@ -768,7 +831,70 @@ declare const __VLS_component: import('vue').DefineComponent<AutoCompleteProps,
                 $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;
                 }>;
@@ -889,7 +1015,7 @@ declare const __VLS_component: import('vue').DefineComponent<AutoCompleteProps,
                 show(): void;
                 updatePosition(x: number, y: number): void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: any;
+                $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
             }) | null;
             inputRef: ({
                 $: import('vue').ComponentInternalInstance;

package/lib/AutoComplete/type.d.ts

@@ -1,6 +1,7 @@
 import { SelectOptions, SelectOptionData, VirtualListProps } from '../Select';
 import { PopupContainer, ObjectData } from '../_shared/type';
 import { TriggerProps } from '../Trigger';
+import { VNode } from 'vue';
 export type AutoCompleteProps = {
     modelValue?: string;
     defaultValue?: string;
@@ -30,11 +31,11 @@ export interface AutoCompleteEmits {
     (e: 'keydown', ev: KeyboardEvent): void;
 }
 export interface AutoCompleteSlots {
-    option(scope: {
+    option?: (scope: {
         data: ObjectData;
-    }): void;
-    footer(): void;
-    trigger(): void;
+    }) => VNode[];
+    footer?: () => VNode[];
+    trigger?: () => VNode[];
 }
 export interface AutoCompleteExpose {
     focus(): void;

package/lib/Avatar/AvatarGroup.vue.js

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

package/lib/Avatar/AvatarGroup.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");require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),r=require("./index.js"),n=require("../Popover/index.js"),s={class:"yc-avatar-group"},a=e.defineComponent({name:"AvatarGroup",__name:"AvatarGroup",props:{shape:{default:"round"},size:{default:40},autoFixFontSize:{type:Boolean,default:!0},maxCount:{default:0},zIndexAscend:{type:Boolean,default:!1},maxStyle:{default:()=>({})},maxPopoverTriggerProps:{default:()=>({})}},setup(a){const u=a,{maxCount:i}=e.toRefs(u);o().provide(u);const d=e.useSlots(),c=e.computed(()=>{var e;const t=l.findComponentsFromVnodes((null==(e=d.default)?void 0:e.call(d))||[],r.default.name);return{visible:i.value>0?t.slice(0,i.value):t,hide:t.slice(i.value)}});return(l,o)=>(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.visible,(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:r,style:e.normalizeStyle({zIndex:l.zIndexAscend?r+1:c.value.visible.length-r,marginLeft:r?e.unref(t.valueToPx)(-l.size/4):""})},null,8,["style"]))),128)),e.unref(i)>0&&c.value.hide.length?(e.openBlock(),e.createBlock(e.unref(n),{key:0,"trigger-props":l.maxPopoverTriggerProps},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.hide,(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:r,style:e.normalizeStyle({border:"2px solid #fff",zIndex:l.zIndexAscend?r+1:c.value.hide.length-r,marginLeft:r?e.unref(t.valueToPx)(-l.size/4):""})},null,8,["style"]))),128))]),default:e.withCtx(()=>[e.createVNode(e.unref(r.default),{style:e.normalizeStyle({zIndex:l.zIndexAscend?c.value.visible.length:0,marginLeft:e.unref(t.valueToPx)(-l.size/4),...l.maxStyle})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${c.value.hide.length}`),1)]),_:1},8,["style"])]),_:1},8,["trigger-props"])):e.createCommentVNode("",!0)]))}});module.exports=a;
+"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");require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),r=require("./index.js"),n=require("../Popover/index.js"),s={class:"yc-avatar-group"},a=e.defineComponent({name:"AvatarGroup",__name:"AvatarGroup",props:{shape:{default:"round"},size:{default:40},autoFixFontSize:{type:Boolean,default:!0},maxCount:{default:0},zIndexAscend:{type:Boolean,default:!1},maxStyle:{default:()=>({})},maxPopoverTriggerProps:{default:()=>({})}},setup(a){const u=e.useSlots(),i=a,{maxCount:d}=e.toRefs(i);o().provide(i);const c=e.computed(()=>{var e;const t=l.findComponentsFromVnodes((null==(e=u.default)?void 0:e.call(u))||[],r.default.name);return{visible:d.value>0?t.slice(0,d.value):t,hide:t.slice(d.value)}});return(l,o)=>(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.visible,(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:r,style:e.normalizeStyle({zIndex:l.zIndexAscend?r+1:c.value.visible.length-r,marginLeft:r?e.unref(t.valueToPx)(-l.size/4):""})},null,8,["style"]))),128)),e.unref(d)>0&&c.value.hide.length?(e.openBlock(),e.createBlock(e.unref(n),{key:0,"trigger-props":l.maxPopoverTriggerProps},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.hide,(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:r,style:e.normalizeStyle({border:"2px solid #fff",zIndex:l.zIndexAscend?r+1:c.value.hide.length-r,marginLeft:r?e.unref(t.valueToPx)(-l.size/4):""})},null,8,["style"]))),128))]),default:e.withCtx(()=>[e.createVNode(e.unref(r.default),{style:e.normalizeStyle({zIndex:l.zIndexAscend?c.value.visible.length:0,marginLeft:e.unref(t.valueToPx)(-l.size/4),...l.maxStyle})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${c.value.hide.length}`),1)]),_:1},8,["style"])]),_:1},8,["trigger-props"])):e.createCommentVNode("",!0)]))}});module.exports=a;

package/lib/Avatar/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { TriggerProps } from '../Trigger';
 export interface AvatarProps {
     shape?: AvatarShape;
@@ -15,8 +15,8 @@ export interface AvatarEmits {
     (e: 'load', ev: Event): void;
 }
 export interface AvatarSlots {
-    default(): void;
-    ['trigger-icon'](): void;
+    default?: () => VNode[];
+    'trigger-icon'?: () => VNode[];
 }
 export interface AvatarGroupProps {
     shape?: AvatarShape;
@@ -28,7 +28,7 @@ export interface AvatarGroupProps {
     maxPopoverTriggerProps?: TriggerProps;
 }
 export interface AvatarGroupSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export type AvatarShape = 'square' | 'round';
 export type AvatarTriggerType = 'mask' | 'button';

package/lib/BackTop/type.d.ts

@@ -1,4 +1,5 @@
 import { TargetContainer } from '../_shared/type';
+import { VNode } from 'vue';
 export interface BackTopProps {
     visibleHeight?: number;
     targetContainer?: TargetContainer;
@@ -6,5 +7,5 @@ export interface BackTopProps {
     duration?: number;
 }
 export interface BackTopSlots {
-    default(): void;
+    default?: () => VNode[];
 }

package/lib/Badge/index.vue.js

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

package/lib/Badge/index.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");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const a=require("../_shared/constants/index.js"),l={key:0,class:"yc-badge-stauts-wrapper"},o={key:0,class:"yc-badge-status-text"},u=e.defineComponent({name:"Badge",__name:"index",props:{text:{default:""},dot:{type:Boolean,default:!1},dotStyle:{default:()=>({})},maxCount:{default:99},offset:{default:()=>[0,0]},color:{default:void 0},status:{default:void 0},count:{default:void 0}},setup(u){const s=u,{text:n,dot:r,count:d,maxCount:c,offset:i,dotStyle:v,status:m,color:y}=e.toRefs(s),f=e.useSlots(),g=e.computed(()=>({margin:`${t.valueToPx(i.value[1])} ${t.valueToPx(-i.value[0])} 0 0`,...v.value})),p=e.computed(()=>f.content?"yc-badge-custom-dot":y.value||m.value?"yc-badge-status":n.value?"yc-badge-text":r.value?"yc-badge-dot":"yc-badge-number"),b=e.computed(()=>y.value||m.value||n.value||r.value?n.value:d.value>=c.value?`${c.value}+`:d.value);return(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-badge",{"yc-badge-no-children":!t.$slots.default}])},[e.renderSlot(t.$slots,"default",{},void 0,!0),"yc-badge-status"==p.value?(e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",{class:e.normalizeClass(["yc-badge-stauts-dot",{[`yc-badge-color-${e.unref(y)}`]:e.unref(y),[`yc-badge-status-${e.unref(m)}`]:e.unref(m)}]),style:e.normalizeStyle({backgroundColor:e.unref(a.TAG_PRESET_COLORS).includes(e.unref(y))?"":e.unref(y),...e.unref(v)})},null,6),b.value?(e.openBlock(),e.createElementBlock("div",o,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)])):"yc-badge-number"!=p.value||e.unref(d)>0?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([p.value]),style:e.normalizeStyle(g.value)},[e.renderSlot(t.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(b.value),1)],!0)],6)):e.createCommentVNode("",!0)],2))}});module.exports=u;
+"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");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const a=require("../_shared/constants/index.js"),l={key:0,class:"yc-badge-stauts-wrapper"},o={key:0,class:"yc-badge-status-text"},u=e.defineComponent({name:"Badge",__name:"index",props:{text:{default:""},dot:{type:Boolean,default:!1},dotStyle:{default:()=>({})},maxCount:{default:99},offset:{default:()=>[0,0]},color:{default:void 0},status:{default:void 0},count:{default:void 0}},setup(u){const s=e.useSlots(),n=u,{text:r,dot:d,count:c,maxCount:i,offset:v,dotStyle:m,status:y,color:f}=e.toRefs(n),g=e.computed(()=>({margin:`${t.valueToPx(v.value[1])} ${t.valueToPx(-v.value[0])} 0 0`,...m.value})),p=e.computed(()=>s.content?"yc-badge-custom-dot":f.value||y.value?"yc-badge-status":r.value?"yc-badge-text":d.value?"yc-badge-dot":"yc-badge-number"),b=e.computed(()=>f.value||y.value||r.value||d.value?r.value:c.value>=i.value?`${i.value}+`:c.value);return(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-badge",{"yc-badge-no-children":!t.$slots.default}])},[e.renderSlot(t.$slots,"default",{},void 0,!0),"yc-badge-status"==p.value?(e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",{class:e.normalizeClass(["yc-badge-stauts-dot",{[`yc-badge-color-${e.unref(f)}`]:e.unref(f),[`yc-badge-status-${e.unref(y)}`]:e.unref(y)}]),style:e.normalizeStyle({backgroundColor:e.unref(a.TAG_PRESET_COLORS).includes(e.unref(f))?"":e.unref(f),...e.unref(m)})},null,6),b.value?(e.openBlock(),e.createElementBlock("div",o,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)])):"yc-badge-number"!=p.value||e.unref(c)>0?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([p.value]),style:e.normalizeStyle(g.value)},[e.renderSlot(t.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(b.value),1)],!0)],6)):e.createCommentVNode("",!0)],2))}});module.exports=u;

package/lib/Badge/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface BadgeProps {
     text?: string;
     dot?: boolean;
@@ -10,7 +10,7 @@ export interface BadgeProps {
     count?: number;
 }
 export interface BadgeSlots {
-    default(): void;
-    content(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
 }
 export type BadgeStatus = 'normal' | 'processing' | 'success' | 'warning' | 'danger';

package/lib/Breadcrumb/type.d.ts

@@ -1,4 +1,5 @@
 import { DropdownProps } from '../Dropdown';
+import { VNode } from 'vue';
 export interface BreadcrumbProps {
     maxCount?: number;
     routes?: BreadcrumbRoute[];
@@ -6,14 +7,14 @@ export interface BreadcrumbProps {
     customUrl?: CustomUrl;
 }
 export interface BreadcrumbSlots {
-    default(): void;
-    ['item-render'](scope: {
+    default?: () => VNode[];
+    'item-render': (scope: {
         route: BreadcrumbRoute;
         routes: BreadcrumbRoute[];
         paths: string[];
-    }): void;
-    ['more-icon'](): void;
-    separator(): void;
+    }) => VNode[];
+    'more-icon'?: () => VNode[];
+    separator?: () => VNode[];
 }
 export interface BreadcrumbItemProps {
     separator?: BreadcrumbSeparator;
@@ -23,9 +24,9 @@ export interface BreadcrumbItemProps {
     showSeparator?: boolean;
 }
 export interface BreadcrumbItemSlots {
-    default(): void;
-    droplist(): void;
-    separator(): void;
+    default?: () => VNode[];
+    droplist?: () => VNode[];
+    separator?: () => VNode[];
 }
 export interface BreadcrumbRoute {
     label?: string;

package/lib/Button/Button.vue.js

@@ -1 +1 @@
-"use strict";const e=require("./Button.vue2.js");;/* empty css             */const t=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-70cfe83d"]]);module.exports=t;
+"use strict";const e=require("./Button.vue2.js");;/* empty css             */const t=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-2327bc3e"]]);module.exports=t;

package/lib/Button/Button.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t=require("../Spin/index.js"),n=["href"],l={key:0,class:"yc-button-icon"},u=["type","disabled"],s={key:0,class:"yc-button-icon"},c=e.defineComponent({name:"Button",__name:"Button",props:{type:{default:void 0},shape:{default:void 0},status:{default:void 0},size:{default:void 0},long:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:void 0},htmlType:{default:"button"},href:{default:""}},emits:["mousedown","mouseup","click","dblclick","contextmenu"],setup(c,{emit:a}){const i=c,d=a,{loading:r,disabled:p,type:k,status:m,shape:y,long:f}=e.toRefs(i),{size:b,disabled:v,type:B,status:h,shape:$}=o().inject(i),g=e.useSlots(),x=e.computed(()=>["yc-button",`yc-button-size-${b.value}`,`yc-button-${B.value}`,`yc-button-status-${h.value}`,`yc-button-shape-${$.value}`,{"yc-button-long":f.value,"yc-button-loading":r.value,"yc-button-disabled":v.value,"yc-button-only-icon":!g.default}]),C=(e,o)=>{v.value||r.value||d(e,o)};return(o,c)=>o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,href:o.href,class:x.value},o.$attrs,{onMousedown:c[0]||(c[0]=e=>C("mousedown",e)),onMouseup:c[1]||(c[1]=e=>C("mouseup",e)),onClick:c[2]||(c[2]=e=>C("click",e)),onDblclick:c[3]||(c[3]=e=>C("dblclick",e)),onContextmenu:c[4]||(c[4]=e=>C("contextmenu",e))}),[o.$slots.icon||e.unref(r)?(e.openBlock(),e.createElementBlock("span",l,[e.unref(r)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(o.$slots,"icon",{key:1},void 0,!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],16,n)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:o.htmlType,disabled:e.unref(v),class:x.value},o.$attrs,{onMousedown:c[5]||(c[5]=e=>C("mousedown",e)),onMouseup:c[6]||(c[6]=e=>C("mouseup",e)),onClick:c[7]||(c[7]=e=>C("click",e)),onDblclick:c[8]||(c[8]=e=>C("dblclick",e)),onContextmenu:c[9]||(c[9]=e=>C("contextmenu",e))}),[o.$slots.icon||e.unref(r)?(e.openBlock(),e.createElementBlock("span",s,[e.unref(r)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(o.$slots,"icon",{key:1},void 0,!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],16,u))}});module.exports=c;
+"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t=require("../Spin/index.js"),n=["href"],l={key:0,class:"yc-button-icon"},u=["type","disabled"],s={key:0,class:"yc-button-icon"},c=e.defineComponent({name:"Button",__name:"Button",props:{type:{default:void 0},shape:{default:void 0},status:{default:void 0},size:{default:void 0},long:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:void 0},htmlType:{default:"button"},href:{default:""}},emits:["mousedown","mouseup","click","dblclick","contextmenu"],setup(c,{emit:a}){const i=e.useSlots(),d=c,r=a,{loading:p,disabled:k,type:m,status:y,shape:f,long:b}=e.toRefs(d),{size:v,disabled:B,type:h,status:$,shape:g}=o().inject(d),x=e.computed(()=>["yc-button",`yc-button-size-${v.value}`,`yc-button-${h.value}`,`yc-button-status-${$.value}`,`yc-button-shape-${g.value}`,{"yc-button-long":b.value,"yc-button-loading":p.value,"yc-button-disabled":B.value,"yc-button-only-icon":!i.default}]),C=(e,o)=>{B.value||p.value||r(e,o)};return(o,c)=>o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,href:o.href,class:x.value},o.$attrs,{onMousedown:c[0]||(c[0]=e=>C("mousedown",e)),onMouseup:c[1]||(c[1]=e=>C("mouseup",e)),onClick:c[2]||(c[2]=e=>C("click",e)),onDblclick:c[3]||(c[3]=e=>C("dblclick",e)),onContextmenu:c[4]||(c[4]=e=>C("contextmenu",e))}),[o.$slots.icon||e.unref(p)?(e.openBlock(),e.createElementBlock("span",l,[e.unref(p)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(o.$slots,"icon",{key:1},void 0,!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],16,n)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:o.htmlType,disabled:e.unref(B),class:x.value},o.$attrs,{onMousedown:c[5]||(c[5]=e=>C("mousedown",e)),onMouseup:c[6]||(c[6]=e=>C("mouseup",e)),onClick:c[7]||(c[7]=e=>C("click",e)),onDblclick:c[8]||(c[8]=e=>C("dblclick",e)),onContextmenu:c[9]||(c[9]=e=>C("contextmenu",e))}),[o.$slots.icon||e.unref(p)?(e.openBlock(),e.createElementBlock("span",s,[e.unref(p)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(o.$slots,"icon",{key:1},void 0,!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],16,u))}});module.exports=c;

package/lib/Button/type.d.ts

@@ -1,4 +1,5 @@
 import { Size } from '../_shared/type';
+import { VNode } from 'vue';
 export interface ButtonProps {
     type?: ButtonType;
     shape?: ButtonShape;
@@ -18,8 +19,8 @@ export interface ButtonEmits {
     (e: 'contextmenu', event: MouseEvent): void;
 }
 export interface ButtonSlots {
-    default(): void;
-    icon(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
 }
 export interface ButtonGroupProps {
     type?: ButtonType;
@@ -29,7 +30,7 @@ export interface ButtonGroupProps {
     disabled?: boolean;
 }
 export interface ButtonGroupSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export type ButtonStatus = 'normal' | 'warning' | 'success' | 'danger';
 export type ButtonShape = 'square' | 'circle' | 'round';

package/lib/Calendar/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface CalendarProps {
     modelValue?: Date;
     defaultValue?: Date;
@@ -12,14 +13,14 @@ export interface CalendarEmits {
     (e: 'panel-change', value: Date): void;
 }
 export interface CalendarSlots {
-    header(scope: {
+    header: (scope: {
         year: number;
         month: number;
-    }): void;
-    default(scope: {
+    }) => VNode[];
+    default: (scope: {
         year: number;
         month: number;
         day: number;
-    }): void;
+    }) => VNode[];
 }
 export type CalendarMode = 'month' | 'year';

package/lib/Card/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface CardProps {
     bordered?: boolean;
     loading?: boolean;
@@ -10,25 +10,25 @@ export interface CardProps {
     extra?: string;
 }
 export interface CardSlots {
-    actions(): void;
-    cover(): void;
-    extra(): void;
-    title(): void;
-    default(): void;
+    actions?: () => VNode[];
+    cover?: () => VNode[];
+    extra?: () => VNode[];
+    title?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface CardMetaProps {
     title?: string;
     description?: string;
 }
 export interface CardMetaSlots {
-    description(): void;
-    title(): void;
-    avatar(): void;
+    description?: () => VNode[];
+    title?: () => VNode[];
+    avatar?: () => VNode[];
 }
 export interface CardGridProps {
     hoverable?: boolean;
 }
 export interface CardGridSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export type CardSize = 'medium' | 'small';

package/lib/Carousel/type.d.ts

@@ -1,4 +1,5 @@
 import { ClassName, Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface CarouselProps {
     current?: number;
     defaultCurrent?: number;
@@ -19,10 +20,10 @@ export interface CarouselEmits {
     (e: 'change', index: number, preIndex: number, isManual: boolean): void;
 }
 export interface CarouselSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface CarouselItemSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export type CarouselAnimationName = 'slide' | 'fade';
 export type CarouselShowArrow = 'always' | 'hover' | 'never';

package/lib/Cascader/type.d.ts

@@ -1,4 +1,4 @@
-import { RenderFunction } from 'vue';
+import { RenderFunction, VNode } from 'vue';
 import { PopupContainer, Size } from '../_shared/type';
 import { TagProps } from '../Tag';
 import { TriggerProps } from '../Trigger';
@@ -47,17 +47,17 @@ export interface CascaderEmits {
     (e: 'blur', ev: FocusEvent): void;
 }
 export interface CascaderSlots {
-    label(scope: {
+    label?: (scope: {
         data: CascaderOption;
-    }): void;
-    prefix(): void;
-    ['arrow-icon'](): void;
-    ['loading-icon'](): void;
-    ['search-icon'](): void;
-    empty(): void;
-    option(scope: {
+    }) => VNode[];
+    prefix?: () => VNode[];
+    'arrow-icon'?: () => VNode[];
+    'loading-icon'?: () => VNode[];
+    'search-icon'?: () => VNode[];
+    empty?: () => VNode[];
+    option?: (scope: {
         data: CascaderOption;
-    }): void;
+    }) => VNode[];
 }
 export type CascaderValue = CascaderOptionValue | CascaderOptionValue[] | CascaderOptionValue[][];
 export type CascaderOptionValue = string | number | Record<string, any>;