yc-design-vue 1.0.2 → 1.0.4

package/lib/Select/index.d.ts

@@ -126,7 +126,70 @@ declare const Select: {
             $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;
             }>;
@@ -247,7 +310,7 @@ declare const Select: {
             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/Select/type.d.ts

@@ -1,6 +1,7 @@
 import { ObjectData, RenderContent, Size, PopupContainer } from '../_shared/type';
 import { TriggerInstance, TriggerProps } from '../Trigger';
 import { TagProps } from '../Tag';
+import { VNode } from 'vue';
 export interface SelectProps {
     multiple?: boolean;
     modelValue?: SelectValue;
@@ -56,21 +57,21 @@ export interface SelectEmits {
     (e: 'select', value: SelectValue): void;
 }
 export interface SelectSlots {
-    default(): void;
-    trigger(): void;
-    prefix(): void;
-    ['search-icon'](): void;
-    ['loading-icon'](): void;
-    ['arrow-icon'](): void;
-    footer(): void;
-    header(): void;
-    label(scope: {
+    default?: () => VNode[];
+    trigger?: () => VNode[];
+    prefix?: () => VNode[];
+    'search-icon'?: () => VNode[];
+    'loading-icon'?: () => VNode[];
+    'arrow-icon'?: () => VNode[];
+    footer?: () => VNode[];
+    header?: () => VNode[];
+    label?: (scope: {
         data: ObjectData;
-    }): void;
-    option(scope: {
+    }) => VNode[];
+    option?: (scope: {
         data: ObjectData;
-    }): void;
-    empty(): void;
+    }) => VNode[];
+    empty?: () => VNode[];
 }
 export interface SelectExpose {
     focus(): void;
@@ -86,16 +87,16 @@ export interface OptionProps {
     isFallbackOption?: boolean;
 }
 export interface OptionSlots {
-    default(): void;
-    icon(): void;
-    suffix(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    suffix?: () => VNode[];
 }
 export interface OptgroupProps {
     label?: string;
 }
 export interface OptgroupSlots {
-    default(): void;
-    label(): void;
+    default?: () => VNode[];
+    label?: () => VNode[];
 }
 export type SelectValue = (string | number | boolean | ObjectData) | (string | number | boolean | ObjectData)[];
 export type SelectOptionData = {

package/lib/Skeleton/SkeletonLine.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=e.defineComponent({name:"SkeletonLine",__name:"SkeletonLine",props:{rows:{default:1},widths:{default:()=>[]},lineHeight:{default:20},lineSpacing:{default:15}},setup(t){const n=t,{lineSpacing:o}=e.toRefs(n),s=e.computed(()=>l.valueToPx(o.value));return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-skeleton-line",style:e.normalizeStyle({gap:s.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,n=>(e.openBlock(),e.createElementBlock("div",{class:"yc-skeleton-line-row",key:n,style:e.normalizeStyle({height:e.unref(l.valueToPx)(t.lineHeight),width:t.widths[n]?e.unref(l.valueToPx)(t.widths[n]):"100%"})},null,4))),128))],4))}});module.exports=t;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const t=e.defineComponent({name:"SkeletonLine",__name:"SkeletonLine",props:{rows:{default:1},widths:{default:()=>[]},lineHeight:{default:20},lineSpacing:{default:15}},setup(t){const n=t,{lineSpacing:o}=e.toRefs(n),s=e.computed(()=>l.valueToPx(o.value));return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-skeleton-line",style:e.normalizeStyle({gap:s.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,n=>(e.openBlock(),e.createElementBlock("div",{class:"yc-skeleton-line-row",key:n,style:e.normalizeStyle({height:e.unref(l.valueToPx)(t.lineHeight),width:t.widths[n]?e.unref(l.valueToPx)(t.widths[n]):"100%"})},null,4))),128))],4))}});module.exports=t;

package/lib/Skeleton/type.d.ts

@@ -1,10 +1,11 @@
+import { VNode } from 'vue';
 export interface SkeletonProps {
     animation?: boolean;
     loading?: boolean;
 }
 export interface SkeletonSlots {
-    default(): void;
-    content(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
 }
 export interface SkeletonLineProps {
     rows?: number;

package/lib/Slider/SliderBtn.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("./hooks/useContext.js"),r=require("./hooks/useSliderDraggable.js"),i=require("../Tooltip/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("../_shared/utils/control.js"),s=e.defineComponent({__name:"SliderBtn",props:{type:{},position:{}},emits:["update:position"],setup(s,{emit:l}){const n=s,u=l,{type:a}=e.toRefs(n),d=e.ref(),{trackRef:p,min:c,max:m,direction:f,disabled:v,step:g,showTooltip:b,startValue:h,endValue:j,formatTooltip:q,normalizeValue:_,denormalizeValue:y}=t().inject(),V=e.computed({get:()=>"start"==a.value?h.value:j.value,set(e){"start"==a.value?h.value=e:j.value=e}}),{position:k,isDragging:x}=r({trackRef:p,triggerRef:d,computedValue:V,direction:f,step:g,min:c,max:m,disabled:v,denormalizeValue:y,normalizeValue:_}),R=o(e.ref(),!1,()=>{},e=>x.value||e);return e.watch(k,()=>{u("update:position",k)}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(i),{"popup-visible":e.unref(R),"onUpdate:popupVisible":r[0]||(r[0]=t=>e.isRef(R)?R.value=t:null),disabled:!e.unref(b),position:"vertical"==e.unref(f)?"right":"bottom",content:e.unref(q)?e.unref(q)(V.value):String(V.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"yc-slider-btn",ref_key:"triggerRef",ref:d,style:e.normalizeStyle({transform:e.unref(k).transform})},null,4)]),_:1},8,["popup-visible","disabled","position","content"]))}});module.exports=s;
+"use strict";const e=require("vue"),t=require("./hooks/useContext.js"),r=require("./hooks/useSliderDraggable.js"),i=require("../Tooltip/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const o=require("../_shared/utils/control.js"),s=e.defineComponent({__name:"SliderBtn",props:{type:{},position:{}},emits:["update:position"],setup(s,{emit:n}){const l=s,u=n,{type:a}=e.toRefs(l),d=e.ref(),{trackRef:p,min:m,max:c,direction:f,disabled:v,step:g,showTooltip:b,startValue:h,endValue:j,formatTooltip:q,normalizeValue:y,denormalizeValue:V}=t().inject(),_=e.computed({get:()=>"start"==a.value?h.value:j.value,set(e){"start"==a.value?h.value=e:j.value=e}}),{position:k,isDragging:x}=r({trackRef:p,triggerRef:d,computedValue:_,direction:f,step:g,min:m,max:c,disabled:v,denormalizeValue:V,normalizeValue:y}),R=o(e.ref(),!1,()=>{},e=>x.value||e);return e.watch(k,()=>{u("update:position",k)}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(i),{"popup-visible":e.unref(R),"onUpdate:popupVisible":r[0]||(r[0]=t=>e.isRef(R)?R.value=t:null),disabled:!e.unref(b),position:"vertical"==e.unref(f)?"right":"bottom",content:e.unref(q)?e.unref(q)(_.value):String(_.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"yc-slider-btn",ref_key:"triggerRef",ref:d,style:e.normalizeStyle({transform:e.unref(k).transform})},null,4)]),_:1},8,["popup-visible","disabled","position","content"]))}});module.exports=s;

package/lib/Slider/hooks/useContext.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const a=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const u=require("../../_shared/utils/control.js"),l="slider-context";module.exports=()=>({inject:()=>e.inject(l,{startValue:e.ref(0),endValue:e.ref(0),tempEndValue:e.ref(0),tempStartValue:e.ref(0),range:e.ref(!1),min:e.ref(0),max:e.ref(0),step:e.ref(0),direction:e.ref("horizontal"),disabled:e.ref(!1),showTooltip:e.ref(!0),trackRef:e.ref(),normalizeValue:e=>e,denormalizeValue:e=>e}),provide:(t,r,o)=>{const{modelValue:n,defaultValue:i,step:s,min:d,max:v,direction:m,disabled:c,range:f,showTooltip:p,marks:V}=e.toRefs(t),{formatTooltip:h}=t,j=u(n,f.value&&!a.isArray(i.value)?[0,0]:i.value,e=>{r("update:modelValue",e),r("change",e)}),x=e.computed({get:()=>f.value?j.value[0]:j.value,set(e){f.value?j.value[0]=e:j.value=e,g.value=e}}),g=e.ref(x.value),q=e.computed({get:()=>f.value?j.value[1]:j.value,set(e){f.value?j.value[1]=e:j.value=e,_.value=e}}),_=e.ref(q.value),b=e.computed(()=>{const e=k(s.value),a=[];for(let u=1;u<Math.floor(v.value/s.value);u++){const l=+(u*s.value).toFixed(e);a.push({label:l,value:l})}return a}),z=e.computed(()=>Object.entries(V.value).map(([e,a])=>({value:+e,label:a})));function k(e){const a=e.toString(),u=a.indexOf(".");return-1===u?0:a.length-u-1}function T(e){const a=(v.value-d.value)/s.value,u=(e-d.value)/s.value/a*100;return Math.round(u)}return e.provide(l,{startValue:x,endValue:q,tempStartValue:g,tempEndValue:_,range:f,min:d,max:v,step:s,showTooltip:p,disabled:c,direction:m,trackRef:o,formatTooltip:h,normalizeValue:T,denormalizeValue:function(e){const a=e/100*((v.value-d.value)/s.value),u=d.value+a*s.value,l=k(s.value);return+(Math.round(u/s.value)*s.value).toFixed(l)}}),{range:f,direction:m,startValue:x,endValue:q,tempStartValue:g,tempEndValue:_,computedValue:j,ticks:b,marks:z,min:d,max:v,normalizeValue:T}}});
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const a=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */const u=require("../../_shared/utils/control.js"),l="slider-context";module.exports=()=>({inject:()=>e.inject(l,{startValue:e.ref(0),endValue:e.ref(0),tempEndValue:e.ref(0),tempStartValue:e.ref(0),range:e.ref(!1),min:e.ref(0),max:e.ref(0),step:e.ref(0),direction:e.ref("horizontal"),disabled:e.ref(!1),showTooltip:e.ref(!0),trackRef:e.ref(),normalizeValue:e=>e,denormalizeValue:e=>e}),provide:(t,r,o)=>{const{modelValue:n,defaultValue:i,step:s,min:d,max:v,direction:m,disabled:c,range:p,showTooltip:f,marks:V}=e.toRefs(t),{formatTooltip:h}=t,j=u(n,p.value&&!a.isArray(i.value)?[0,0]:i.value,e=>{r("update:modelValue",e),r("change",e)}),x=e.computed({get:()=>p.value?j.value[0]:j.value,set(e){p.value?j.value[0]=e:j.value=e,g.value=e}}),g=e.ref(x.value),q=e.computed({get:()=>p.value?j.value[1]:j.value,set(e){p.value?j.value[1]=e:j.value=e,b.value=e}}),b=e.ref(q.value),z=e.computed(()=>{const e=k(s.value),a=[];for(let u=1;u<Math.floor(v.value/s.value);u++){const l=+(u*s.value).toFixed(e);a.push({label:l,value:l})}return a}),_=e.computed(()=>Object.entries(V.value).map(([e,a])=>({value:+e,label:a})));function k(e){const a=e.toString(),u=a.indexOf(".");return-1===u?0:a.length-u-1}function T(e){const a=(v.value-d.value)/s.value,u=(e-d.value)/s.value/a*100;return Math.round(u)}return e.provide(l,{startValue:x,endValue:q,tempStartValue:g,tempEndValue:b,range:p,min:d,max:v,step:s,showTooltip:f,disabled:c,direction:m,trackRef:o,formatTooltip:h,normalizeValue:T,denormalizeValue:function(e){const a=e/100*((v.value-d.value)/s.value),u=d.value+a*s.value,l=k(s.value);return+(Math.round(u/s.value)*s.value).toFixed(l)}}),{range:p,direction:m,startValue:x,endValue:q,tempStartValue:g,tempEndValue:b,computedValue:j,ticks:z,marks:_,min:d,max:v,normalizeValue:T}}});

package/lib/Slider/hooks/useSliderDraggable.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const l=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */module.exports=t=>{const{trackRef:u,triggerRef:i,computedValue:v,direction:o,max:r,min:n,step:s,disabled:c,normalizeValue:m,denormalizeValue:d}=t,{x:g,y:h,isDragging:f}=a.useDraggable(i,{disabled:c,onMove(){const{minTop:e,maxTop:a,minLeft:l,maxLeft:t}=q;let u;"vertical"==o.value?(h.value=h.value>e?e:h.value,h.value=h.value<a?a:h.value,u=b(h.value)):(g.value=g.value<l?l:g.value,g.value=g.value>t?t:g.value,u=b(g.value)),u=d(u),w(u),u!=v.value&&(v.value=u)}}),p=e.computed(()=>m(r.value)),x=e.computed(()=>m(s.value)),T=e.reactive({bottom:0,left:0,top:0,right:0}),q=e.reactive({minLeft:0,maxLeft:0,minTop:0,maxTop:0}),b=e=>{const{left:a,bottom:l,width:t,height:i}=u.value.getBoundingClientRect(),v="vertical"==o.value?(l-e)/i*p.value:(e-a)/t*p.value;return Math.floor(v/x.value)*x.value},j=e=>{e=m(e);const{left:a,bottom:l,width:t,height:i}=u.value.getBoundingClientRect();return e=Math.floor(e/x.value)*x.value,"vertical"==o.value?l-e/p.value*i:e/p.value*t+a},w=e=>{e=m(e);const{width:a,height:t}=u.value.getBoundingClientRect(),i=m(v.value)/p.value*t,r=m(v.value)/p.value*a;"vertical"==o.value?(T.top=100-e,T.bottom=e,T.transform=`translate(-50%,calc(${l.valueToPx(-i)} + 50%))`):(T.left=e,T.right=100-e,T.transform=`translate(calc(${l.valueToPx(r)} - 50%),-50%)`)};return e.watch([n,r],async()=>{await e.nextTick(),q.minTop=j(n.value),q.maxTop=j(r.value),q.minLeft=j(n.value),q.maxLeft=j(r.value),v.value>r.value?v.value=r.value:v.value<n.value&&(v.value=n.value),w(v.value)},{immediate:!0}),e.watch(()=>v.value,async a=>{f.value||(await e.nextTick(),w(a))}),{isDragging:f,position:T}};
+"use strict";const e=require("vue"),a=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const l=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */module.exports=t=>{const{trackRef:u,triggerRef:v,computedValue:i,direction:o,max:r,min:n,step:s,disabled:c,normalizeValue:m,denormalizeValue:d}=t,{x:g,y:h,isDragging:f}=a.useDraggable(v,{disabled:c,onMove(){const{minTop:e,maxTop:a,minLeft:l,maxLeft:t}=q;let u;"vertical"==o.value?(h.value=h.value>e?e:h.value,h.value=h.value<a?a:h.value,u=b(h.value)):(g.value=g.value<l?l:g.value,g.value=g.value>t?t:g.value,u=b(g.value)),u=d(u),w(u),u!=i.value&&(i.value=u)}}),p=e.computed(()=>m(r.value)),x=e.computed(()=>m(s.value)),T=e.reactive({bottom:0,left:0,top:0,right:0}),q=e.reactive({minLeft:0,maxLeft:0,minTop:0,maxTop:0}),b=e=>{const{left:a,bottom:l,width:t,height:v}=u.value.getBoundingClientRect(),i="vertical"==o.value?(l-e)/v*p.value:(e-a)/t*p.value;return Math.floor(i/x.value)*x.value},j=e=>{e=m(e);const{left:a,bottom:l,width:t,height:v}=u.value.getBoundingClientRect();return e=Math.floor(e/x.value)*x.value,"vertical"==o.value?l-e/p.value*v:e/p.value*t+a},w=e=>{e=m(e);const{width:a,height:t}=u.value.getBoundingClientRect(),v=m(i.value)/p.value*t,r=m(i.value)/p.value*a;"vertical"==o.value?(T.top=100-e,T.bottom=e,T.transform=`translate(-50%,calc(${l.valueToPx(-v)} + 50%))`):(T.left=e,T.right=100-e,T.transform=`translate(calc(${l.valueToPx(r)} - 50%),-50%)`)};return e.watch([n,r],async()=>{await e.nextTick(),q.minTop=j(n.value),q.maxTop=j(r.value),q.minLeft=j(n.value),q.maxLeft=j(r.value),i.value>r.value?i.value=r.value:i.value<n.value&&(i.value=n.value),w(i.value)},{immediate:!0}),e.watch(()=>i.value,async a=>{f.value||(await e.nextTick(),w(a))}),{isDragging:f,position:T}};

package/lib/Space/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-7f500669"]]);module.exports=r;
+"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-7a9a36b0"]]);module.exports=r;

package/lib/Space/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const s={class:"yc-space-item"},r={key:0,class:"yc-space-split"},a=e.defineComponent({name:"Space",__name:"index",props:{align:{default:void 0},direction:{default:"horizontal"},wrap:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},size:{default:"small"}},setup(a){const n=a,{size:i,direction:c,align:u}=e.toRefs(n),d=e.useSlots(),m=e.computed(()=>l.valueToPx(t.isNumber(i.value)?i.value:{mini:4,small:8,medium:16,large:24}[i.value])),p=e.computed(()=>t.isUndefined(u.value)?"horizontal"==c.value?"center":"start":u.value),v=e.computed(()=>{var l;if(!d.split)return[];const t=[];return((null==(l=d.default)?void 0:l.call(d))||[]).forEach(l=>{l.type===e.Fragment?t.push(...l.children):l.type!==e.Comment&&t.push(l)}),t});return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-space",`yc-space-align-${p.value}`,`yc-space-direction-${e.unref(c)}`,{"yc-space-wrap":l.wrap,"yc-space-fill":l.fill}]),style:e.normalizeStyle({gap:m.value})},[l.$slots.split?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a},[e.createElementVNode("div",s,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t))))]),a<v.value.length-1?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(l.$slots,"split",{},void 0,!0)])):e.createCommentVNode("",!0)],64))),128))],6))}});module.exports=a;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const s={class:"yc-space-item"},r={key:0,class:"yc-space-split"},a=e.defineComponent({name:"Space",__name:"index",props:{align:{default:void 0},direction:{default:"horizontal"},wrap:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},size:{default:"small"}},setup(a){const n=e.useSlots(),i=a,{size:c,direction:u,align:d}=e.toRefs(i),m=e.computed(()=>l.valueToPx(t.isNumber(c.value)?c.value:{mini:4,small:8,medium:16,large:24}[c.value])),p=e.computed(()=>t.isUndefined(d.value)?"horizontal"==u.value?"center":"start":d.value),v=e.computed(()=>{var l;if(!n.split)return[];const t=[];return((null==(l=n.default)?void 0:l.call(n))||[]).forEach(l=>{l.type===e.Fragment?t.push(...l.children):l.type!==e.Comment&&t.push(l)}),t});return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-space",`yc-space-align-${p.value}`,`yc-space-direction-${e.unref(u)}`,{"yc-space-wrap":l.wrap,"yc-space-fill":l.fill}]),style:e.normalizeStyle({gap:m.value})},[l.$slots.split?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a},[e.createElementVNode("div",s,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t))))]),a<v.value.length-1?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(l.$slots,"split",{},void 0,!0)])):e.createCommentVNode("",!0)],64))),128))],6))}});module.exports=a;

package/lib/Space/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction, Size } from '../_shared/type';
+import { VNode } from 'vue';
 export interface SpaceProps {
     align?: SpaceAlign;
     direction?: Direction;
@@ -7,7 +8,7 @@ export interface SpaceProps {
     size?: Size | number;
 }
 export interface SpaceSlots {
-    default(): void;
-    split(): void;
+    default?: () => VNode[];
+    split?: () => VNode[];
 }
 export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';

package/lib/Spin/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface SpinProps {
     size?: number;
     loading?: boolean;
@@ -7,7 +8,7 @@ export interface SpinProps {
     isSizeInherit?: boolean;
 }
 export interface SpinSlots {
-    default(): void;
-    icon(): void;
-    tip(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    tip?: () => VNode[];
 }

package/lib/Split/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"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");const i=require("../_shared/utils/control.js");;/* empty css                          */const a=require("../_shared/icons/IconDragDot.vue.js"),r=require("../node_modules/@vueuse/core/index.js"),o={class:"yc-split-trigger-icon-wrapper"},s={class:"yc-split-trigger-icon"},u={class:"yc-split-pane yc-split-pane-second"},n=e.defineComponent({name:"Split",__name:"index",props:{component:{default:"div"},direction:{default:"horizontal"},size:{default:void 0},defaultSize:{default:.5},min:{default:0},max:{default:1},disabled:{type:Boolean,default:!1}},emits:["update:size","moving-start","moving","moving-end"],setup(n,{emit:d}){const v=n,c=d,{size:m,defaultSize:p,direction:f,min:g,max:h}=e.toRefs(v),y=i(m,p.value,e=>{c("update:size",e)}),z=e.computed(()=>100*(l.isNumber(y.value)?y.value:E(y.value))+"%"),_=e.ref(),x=e.ref(),q=e.computed(()=>{var e,t;return("horizontal"==f.value?null==(e=x.value)?void 0:e.offsetWidth:null==(t=x.value)?void 0:t.offsetHeight)??6}),N=e.computed(()=>{var e;const t=null==(e=_.value)?void 0:e.getBoundingClientRect();return("horizontal"==f.value?null==t?void 0:t.width:null==t?void 0:t.height)??0}),{isDragging:j,x:S,y:b}=r.useDraggable(x,{onMove(){c("moving");const{left:e,top:t}=_.value.getBoundingClientRect(),i="horizontal"==f.value?e:t,a=i+C(g.value),r=i+C(h.value)-q.value;let o="";"horizontal"==f.value?(S.value=S.value<a?a:S.value,S.value=S.value>r?r:S.value,o=S.value-e+"px"):(b.value=b.value<a?a:b.value,b.value=b.value>r?r:b.value,o=b.value-t+"px"),y.value=l.isNumber(y.value)?E(o):o},onStart(){c("moving-start")},onEnd(){c("moving-end")}}),C=e=>l.isNumber(e)?e*N.value:Number.parseFloat(e),E=e=>Number.parseFloat(e)/N.value;return e.watch(()=>y.value,async e=>{if(j.value)return;await t.sleep(0);const{left:l,top:i}=_.value.getBoundingClientRect();S.value=l+C(e),b.value=i+C(e)},{immediate:!0}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.component),{class:e.normalizeClass(["yc-split",`yc-split-direction-${e.unref(f)}`]),ref_key:"splitRef",ref:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"yc-split-pane yc-split-pane-first",style:e.normalizeStyle({flex:`0 0 calc(${z.value} - ${e.unref(t.valueToPx)(q.value/2)}`})},[e.renderSlot(l.$slots,"first",{},void 0,!0)],4),e.createElementVNode("div",{class:"yc-split-trigger",ref_key:"triggerRef",ref:x},[e.renderSlot(l.$slots,"resize-trigger",{},()=>[e.createElementVNode("div",o,[e.createElementVNode("div",s,[e.renderSlot(l.$slots,"resize-trigger-icon",{},()=>[e.createVNode(e.unref(a),{rotate:"horizontal"==e.unref(f)?90:0,size:12},null,8,["rotate"])],!0)])])],!0)],512),e.createElementVNode("div",u,[e.renderSlot(l.$slots,"second",{},void 0,!0)])]),_:3},8,["class"]))}});module.exports=n;
+"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"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");const i=require("../_shared/utils/control.js");;/* empty css                              */const a=require("../_shared/icons/IconDragDot.vue.js"),r=require("../node_modules/@vueuse/core/index.js"),o={class:"yc-split-trigger-icon-wrapper"},s={class:"yc-split-trigger-icon"},u={class:"yc-split-pane yc-split-pane-second"},n=e.defineComponent({name:"Split",__name:"index",props:{component:{default:"div"},direction:{default:"horizontal"},size:{default:void 0},defaultSize:{default:.5},min:{default:0},max:{default:1},disabled:{type:Boolean,default:!1}},emits:["update:size","moving-start","moving","moving-end"],setup(n,{emit:d}){const v=n,c=d,{size:m,defaultSize:p,direction:f,min:g,max:h}=e.toRefs(v),y=i(m,p.value,e=>{c("update:size",e)}),z=e.computed(()=>100*(l.isNumber(y.value)?y.value:E(y.value))+"%"),_=e.ref(),x=e.ref(),q=e.computed(()=>{var e,t;return("horizontal"==f.value?null==(e=x.value)?void 0:e.offsetWidth:null==(t=x.value)?void 0:t.offsetHeight)??6}),N=e.computed(()=>{var e;const t=null==(e=_.value)?void 0:e.getBoundingClientRect();return("horizontal"==f.value?null==t?void 0:t.width:null==t?void 0:t.height)??0}),{isDragging:j,x:S,y:b}=r.useDraggable(x,{onMove(){c("moving");const{left:e,top:t}=_.value.getBoundingClientRect(),i="horizontal"==f.value?e:t,a=i+C(g.value),r=i+C(h.value)-q.value;let o="";"horizontal"==f.value?(S.value=S.value<a?a:S.value,S.value=S.value>r?r:S.value,o=S.value-e+"px"):(b.value=b.value<a?a:b.value,b.value=b.value>r?r:b.value,o=b.value-t+"px"),y.value=l.isNumber(y.value)?E(o):o},onStart(){c("moving-start")},onEnd(){c("moving-end")}}),C=e=>l.isNumber(e)?e*N.value:Number.parseFloat(e),E=e=>Number.parseFloat(e)/N.value;return e.watch(()=>y.value,async e=>{if(j.value)return;await t.sleep(0);const{left:l,top:i}=_.value.getBoundingClientRect();S.value=l+C(e),b.value=i+C(e)},{immediate:!0}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.component),{class:e.normalizeClass(["yc-split",`yc-split-direction-${e.unref(f)}`]),ref_key:"splitRef",ref:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"yc-split-pane yc-split-pane-first",style:e.normalizeStyle({flex:`0 0 calc(${z.value} - ${e.unref(t.valueToPx)(q.value/2)}`})},[e.renderSlot(l.$slots,"first",{},void 0,!0)],4),e.createElementVNode("div",{class:"yc-split-trigger",ref_key:"triggerRef",ref:x},[e.renderSlot(l.$slots,"resize-trigger",{},()=>[e.createElementVNode("div",o,[e.createElementVNode("div",s,[e.renderSlot(l.$slots,"resize-trigger-icon",{},()=>[e.createVNode(e.unref(a),{rotate:"horizontal"==e.unref(f)?90:0,size:12},null,8,["rotate"])],!0)])])],!0)],512),e.createElementVNode("div",u,[e.renderSlot(l.$slots,"second",{},void 0,!0)])]),_:3},8,["class"]))}});module.exports=n;

package/lib/Split/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface SplitProps {
     component?: string;
     direction?: Direction;
@@ -15,8 +16,8 @@ export interface SplitEmits {
     (e: 'moving-end'): void;
 }
 export interface SplitSlots {
-    ['resize-trigger-icon'](): void;
-    ['resize-trigger'](): void;
-    first(): void;
-    second(): void;
+    'resize-trigger-icon'?: () => VNode[];
+    'resize-trigger'?: () => VNode[];
+    first?: () => VNode[];
+    second?: () => VNode[];
 }

package/lib/Statistic/Countdown.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const a=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js"),u=require("../_shared/utils/time.js");require("../Empty/index.js");/* empty css                           */const i=require("./Statistic.vue.js"),l=e.defineComponent({name:"Countdown",__name:"Countdown",props:{title:{default:""},value:{default:void 0},now:{default:void 0},format:{default:"HH:mm:ss"},start:{type:Boolean,default:!0},easeing:{default:"quadOut"},valueStyle:{default:()=>({})}},emits:["finish"],setup(l,{emit:n}){const r=l,s=n,{value:o,now:v,format:d,start:f}=e.toRefs(r),m=e.ref(0),c=e.ref(0),h=e.ref(m.value),p=e.ref(!1),q=()=>{if(h.value-1e3<=0)return p.value=!1,s("finish");h.value-=1e3};return e.watch(()=>f.value,async e=>{p.value||(m.value=t.isUndefined(o.value)?Date.now()+3e5:o.value,c.value=t.isUndefined(v.value)?Date.now():v.value,h.value=m.value-c.value),e&&(await a.sleep(0),p.value=!0)},{immediate:!0}),(a,t)=>(e.openBlock(),e.createBlock(i,{title:a.title,value:h.value-1e3,"value-from":h.value,start:e.unref(f),animation:p.value,format:e.unref(d),"value-style":a.valueStyle,easeing:a.easeing,"animation-duration":1e3,"is-countdown":"",onFinish:q},{value:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u.formatSeconds)(m.value-c.value,e.unref(d))),1)]),_:1},8,["title","value","value-from","start","animation","format","value-style","easeing"]))}});module.exports=l;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const a=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js"),u=require("../_shared/utils/time.js");require("../Empty/index.js");/* empty css                               */const l=require("./Statistic.vue.js"),i=e.defineComponent({name:"Countdown",__name:"Countdown",props:{title:{default:""},value:{default:void 0},now:{default:void 0},format:{default:"HH:mm:ss"},start:{type:Boolean,default:!0},easeing:{default:"quadOut"},valueStyle:{default:()=>({})}},emits:["finish"],setup(i,{emit:n}){const r=i,s=n,{value:o,now:v,format:d,start:f}=e.toRefs(r),m=e.ref(0),c=e.ref(0),p=e.ref(m.value),h=e.ref(!1),q=()=>{if(p.value-1e3<=0)return h.value=!1,s("finish");p.value-=1e3};return e.watch(()=>f.value,async e=>{h.value||(m.value=t.isUndefined(o.value)?Date.now()+3e5:o.value,c.value=t.isUndefined(v.value)?Date.now():v.value,p.value=m.value-c.value),e&&(await a.sleep(0),h.value=!0)},{immediate:!0}),(a,t)=>(e.openBlock(),e.createBlock(l,{title:a.title,value:p.value-1e3,"value-from":p.value,start:e.unref(f),animation:h.value,format:e.unref(d),"value-style":a.valueStyle,easeing:a.easeing,"animation-duration":1e3,"is-countdown":"",onFinish:q},{value:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u.formatSeconds)(m.value-c.value,e.unref(d))),1)]),_:1},8,["title","value","value-from","start","animation","format","value-style","easeing"]))}});module.exports=i;

package/lib/Statistic/Statistic.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/is.js"),a=require("../_shared/utils/time.js");require("../Empty/index.js");/* empty css                           */const o=require("../node_modules/b-tween/dist/b-tween.es.js"),s={class:"yc-statistic yc-statistic-countdown"},l={key:0,class:"yc-statistic-title"},i={class:"yc-statistic-content"},n={key:0,class:"yc-statistic-prefix"},r={key:1,class:"yc-statistic-suffix"},u={key:0,class:"yc-statistic-extra"},c=e.defineComponent({name:"Statistic",__name:"Statistic",props:{title:{default:""},value:{default:0},format:{default:"HH:mm:ss"},extra:{default:""},start:{type:Boolean,default:!0},easeing:{default:"quadOut"},precision:{default:0},separator:{default:""},showGroupSeparator:{type:Boolean,default:!1},animation:{type:Boolean,default:!1},animationDuration:{default:2e3},valueFrom:{default:void 0},placeholder:{default:""},valueStyle:{default:()=>({})},isCountdown:{type:Boolean,default:!1}},emits:["finish"],setup(c,{emit:d}){const m=c,f=d,{value:v,precision:p,format:y,start:x,valueFrom:k,placeholder:S,animation:B,animationDuration:N,easeing:h,isCountdown:C}=e.toRefs(m),V=e.ref(),_=e.computed(()=>t.isUndefined(v.value)?S.value:q(v.value));function q(e){return t.isNumber(e)&&!C.value?e.toFixed(p.value):C.value?a.formatSeconds(e,y.value):a.formatDate(e,y.value)}return e.watch([x,B,k,v],()=>{if(!x.value||!B.value||t.isUndefined(k.value)||!t.isNumber(v.value)||k.value-v.value==0)return;new o({from:{textContent:k.value},to:{textContent:v.value},duration:N.value,easeing:h.value,onUpdate:e=>{V.value.textContent=q(e.textContent)},onFinish(){f("finish")}}).start()},{immediate:!0}),(t,a)=>(e.openBlock(),e.createElementBlock("div",s,[t.$slots.title||t.title?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.createElementVNode("div",{class:"yc-statistic-value",style:e.normalizeStyle(t.valueStyle)},[t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",n,[e.renderSlot(t.$slots,"prefix",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:"yc-statistic-value-integer",ref_key:"valueRef",ref:V},[e.renderSlot(t.$slots,"value",{},()=>[e.createTextVNode(e.toDisplayString(_.value),1)],!0)],512),t.$slots.suffix?(e.openBlock(),e.createElementBlock("span",r,[e.renderSlot(t.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0)],4),t.$slots.extra||t.extra?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(t.extra),1)],!0)])):e.createCommentVNode("",!0)])]))}});module.exports=c;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js"),a=require("../_shared/utils/time.js");require("../Empty/index.js");/* empty css                               */const o=require("../node_modules/b-tween/dist/b-tween.es.js"),s={class:"yc-statistic yc-statistic-countdown"},l={key:0,class:"yc-statistic-title"},i={class:"yc-statistic-content"},n={key:0,class:"yc-statistic-prefix"},r={key:1,class:"yc-statistic-suffix"},u={key:0,class:"yc-statistic-extra"},c=e.defineComponent({name:"Statistic",__name:"Statistic",props:{title:{default:""},value:{default:0},format:{default:"HH:mm:ss"},extra:{default:""},start:{type:Boolean,default:!0},easeing:{default:"quadOut"},precision:{default:0},separator:{default:""},showGroupSeparator:{type:Boolean,default:!1},animation:{type:Boolean,default:!1},animationDuration:{default:2e3},valueFrom:{default:void 0},placeholder:{default:""},valueStyle:{default:()=>({})},isCountdown:{type:Boolean,default:!1}},emits:["finish"],setup(c,{emit:d}){const m=c,f=d,{value:v,precision:p,format:y,start:x,valueFrom:k,placeholder:S,animation:B,animationDuration:N,easeing:h,isCountdown:C}=e.toRefs(m),V=e.ref(),q=e.computed(()=>t.isUndefined(v.value)?S.value:E(v.value));function E(e){return t.isNumber(e)&&!C.value?e.toFixed(p.value):C.value?a.formatSeconds(e,y.value):a.formatDate(e,y.value)}return e.watch([x,B,k,v],()=>{if(!x.value||!B.value||t.isUndefined(k.value)||!t.isNumber(v.value)||k.value-v.value==0)return;new o({from:{textContent:k.value},to:{textContent:v.value},duration:N.value,easeing:h.value,onUpdate:e=>{V.value.textContent=E(e.textContent)},onFinish(){f("finish")}}).start()},{immediate:!0}),(t,a)=>(e.openBlock(),e.createElementBlock("div",s,[t.$slots.title||t.title?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.createElementVNode("div",{class:"yc-statistic-value",style:e.normalizeStyle(t.valueStyle)},[t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",n,[e.renderSlot(t.$slots,"prefix",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:"yc-statistic-value-integer",ref_key:"valueRef",ref:V},[e.renderSlot(t.$slots,"value",{},()=>[e.createTextVNode(e.toDisplayString(q.value),1)],!0)],512),t.$slots.suffix?(e.openBlock(),e.createElementBlock("span",r,[e.renderSlot(t.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0)],4),t.$slots.extra||t.extra?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(t.extra),1)],!0)])):e.createCommentVNode("",!0)])]))}});module.exports=c;

package/lib/Statistic/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface StatisticProps {
     title?: string;
     value?: StatisticValue;
@@ -20,11 +20,11 @@ export interface StatisticEmits {
     (e: 'finish'): void;
 }
 export interface StatisticSlots {
-    title(): void;
-    prefix(): void;
-    suffix(): void;
-    extra(): void;
-    value(): void;
+    title?: () => VNode[];
+    prefix?: () => VNode[];
+    suffix?: () => VNode[];
+    extra?: () => VNode[];
+    value?: () => VNode[];
 }
 export interface CountdownProps {
     title?: string;
@@ -39,6 +39,6 @@ export interface CountDownEmits {
     (e: 'finish'): void;
 }
 export interface CountdownSlots {
-    title(): void;
+    title?: () => VNode[];
 }
 export type StatisticValue = number | Date;

package/lib/Steps/Step.vue2.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"),require("../Empty/index.js");/* empty css                           */const t=require("../_shared/icons/IconCheck.vue.js"),s=require("../_shared/icons/IconClose.vue.js"),n=require("./hooks/useContext.js"),r={key:0,class:"yc-steps-item-tail"},o={class:"yc-steps-item-node"},l={class:"yc-steps-icon"},i={class:"yc-steps-item-content"},c={class:"yc-steps-item-title"},a={key:0,class:"yc-steps-item-description"},u=e.defineComponent({name:"Step",__name:"Step",props:{title:{default:""},description:{default:""},status:{default:void 0},disabled:{type:Boolean,default:!1}},setup(u){const d=u,{disabled:m}=e.toRefs(d),{curStep:p,stepMap:f,computedCurrent:v,type:y,changeable:k,status:B,nextStatus:C,direction:N,labelPlacement:S,lineLess:V,small:h,emits:g}=n().inject(d),j=e.computed(()=>"dot"!=y.value&&h.value),q=e.computed(()=>V.value||p.value==f.size||["arrow","navigation"].includes(y.value)),E=e=>{k.value&&!m.value&&(v.value=p.value,g("change",p.value,e))};return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-steps-item",`yc-steps-item-${e.unref(N)}`,`yc-steps-item-label-${e.unref(S)}`,`yc-steps-item-${e.unref(B)}`,`yc-steps-item-next-${e.unref(C)}`,{"yc-steps-item-active":e.unref(p)==e.unref(v)&&"navigation"==e.unref(y),"yc-steps-item-line-less":q.value,"yc-steps-item-size-small":j.value}]),onClick:E},["default"==e.unref(y)&&("vertical"==e.unref(N)||"vertical"==e.unref(S))||"dot"==e.unref(y)?(e.openBlock(),e.createElementBlock("div",r)):e.createCommentVNode("",!0),"arrow"!=e.unref(y)?e.renderSlot(n.$slots,"node",{key:1,step:e.unref(p),status:e.unref(B)},()=>[e.createElementVNode("div",o,[e.createElementVNode("div",l,[["default","navigation"].includes(e.unref(y))?e.renderSlot(n.$slots,"icon",{key:0,status:e.unref(B),step:e.unref(p)},()=>["finish"==e.unref(B)?(e.openBlock(),e.createBlock(e.unref(t),{key:0})):"error"==e.unref(B)?(e.openBlock(),e.createBlock(e.unref(s),{key:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(e.unref(p)),1)],64))],!0):e.createCommentVNode("",!0)])])],!0):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.createElementVNode("div",c,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)],!0)]),n.$slots.description||n.description?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(n.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(n.description),1)],!0)])):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"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const t=require("../_shared/icons/IconCheck.vue.js"),s=require("../_shared/icons/IconClose.vue.js"),n=require("./hooks/useContext.js"),r={key:0,class:"yc-steps-item-tail"},o={class:"yc-steps-item-node"},l={class:"yc-steps-icon"},i={class:"yc-steps-item-content"},c={class:"yc-steps-item-title"},a={key:0,class:"yc-steps-item-description"},u=e.defineComponent({name:"Step",__name:"Step",props:{title:{default:""},description:{default:""},status:{default:void 0},disabled:{type:Boolean,default:!1}},setup(u){const d=u,{disabled:m}=e.toRefs(d),{curStep:p,stepMap:f,computedCurrent:v,type:y,changeable:k,status:B,nextStatus:C,direction:N,labelPlacement:S,lineLess:V,small:h,emits:g}=n().inject(d),j=e.computed(()=>"dot"!=y.value&&h.value),q=e.computed(()=>V.value||p.value==f.size||["arrow","navigation"].includes(y.value)),E=e=>{k.value&&!m.value&&(v.value=p.value,g("change",p.value,e))};return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-steps-item",`yc-steps-item-${e.unref(N)}`,`yc-steps-item-label-${e.unref(S)}`,`yc-steps-item-${e.unref(B)}`,`yc-steps-item-next-${e.unref(C)}`,{"yc-steps-item-active":e.unref(p)==e.unref(v)&&"navigation"==e.unref(y),"yc-steps-item-line-less":q.value,"yc-steps-item-size-small":j.value}]),onClick:E},["default"==e.unref(y)&&("vertical"==e.unref(N)||"vertical"==e.unref(S))||"dot"==e.unref(y)?(e.openBlock(),e.createElementBlock("div",r)):e.createCommentVNode("",!0),"arrow"!=e.unref(y)?e.renderSlot(n.$slots,"node",{key:1,step:e.unref(p),status:e.unref(B)},()=>[e.createElementVNode("div",o,[e.createElementVNode("div",l,[["default","navigation"].includes(e.unref(y))?e.renderSlot(n.$slots,"icon",{key:0,status:e.unref(B),step:e.unref(p)},()=>["finish"==e.unref(B)?(e.openBlock(),e.createBlock(e.unref(t),{key:0})):"error"==e.unref(B)?(e.openBlock(),e.createBlock(e.unref(s),{key:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(e.unref(p)),1)],64))],!0):e.createCommentVNode("",!0)])])],!0):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.createElementVNode("div",c,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)],!0)]),n.$slots.description||n.description?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(n.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(n.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});module.exports=u;

package/lib/Steps/hooks/useContext.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const r=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const u=require("../../_shared/utils/control.js"),a="card-context";module.exports=()=>({provide:(t,r)=>{const{status:s,current:l,defaultCurrent:n,lineLess:o,labelPlacement:i,direction:c,small:d,type:v,changeable:p}=e.toRefs(t),m=u(l,n.value,e=>{r("update:current",e)}),f=e.computed(()=>["default","dot"].includes(v.value)?c.value:"horizontal"),h=e.computed(()=>"default"==v.value&&"horizontal"==f.value?i.value:"dot"==v.value?"vertical"==f.value?"horizontal":"vertical":"horizontal"),j=e.reactive(new Map),q=e.ref([]);return e.provide(a,{stepMap:j,computedCurrent:m,lineLess:o,direction:f,status:s,statusArr:q,small:d,type:v,changeable:p,labelPlacement:h,emits:r}),{direction:f,labelPlacement:h,type:v}},inject:u=>{const{status:s}=e.toRefs(u),l=e.inject(a,{stepMap:e.reactive(new Map),computedCurrent:e.ref(0),lineLess:e.ref(!1),direction:e.ref("horizontal"),status:e.ref("process"),statusArr:e.ref([]),small:e.ref(!1),type:e.ref("default"),changeable:e.ref(!1),labelPlacement:e.ref("horizontal"),emits:()=>{}}),{curStep:n,status:o,nextStatus:i}=(()=>{const{stepMap:u,computedCurrent:a,statusArr:n,status:o}=l,i=t.nanoid();u.set(i,i);const c=e.computed(()=>[...u.values()].findIndex(e=>e==i)+1),d=e.computed(()=>r.isUndefined(s.value)?c.value<a.value?"finish":c.value==a.value?o.value??"process":"wait":s.value),v=e.computed(()=>{var e;return null==(e=n.value[c.value])?void 0:e.value});return n.value[c.value-1]=d,e.onBeforeUnmount(()=>{u.delete(i),n.value.splice(c.value-1,1)}),{curStep:c,status:d,nextStatus:v}})();return{...l,curStep:n,status:o,nextStatus:i}}});
+"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const r=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */const u=require("../../_shared/utils/control.js"),a="card-context";module.exports=()=>({provide:(t,r)=>{const{status:s,current:l,defaultCurrent:n,lineLess:o,labelPlacement:i,direction:c,small:d,type:v,changeable:p}=e.toRefs(t),m=u(l,n.value,e=>{r("update:current",e)}),f=e.computed(()=>["default","dot"].includes(v.value)?c.value:"horizontal"),h=e.computed(()=>"default"==v.value&&"horizontal"==f.value?i.value:"dot"==v.value?"vertical"==f.value?"horizontal":"vertical":"horizontal"),j=e.reactive(new Map),q=e.ref([]);return e.provide(a,{stepMap:j,computedCurrent:m,lineLess:o,direction:f,status:s,statusArr:q,small:d,type:v,changeable:p,labelPlacement:h,emits:r}),{direction:f,labelPlacement:h,type:v}},inject:u=>{const{status:s}=e.toRefs(u),l=e.inject(a,{stepMap:e.reactive(new Map),computedCurrent:e.ref(0),lineLess:e.ref(!1),direction:e.ref("horizontal"),status:e.ref("process"),statusArr:e.ref([]),small:e.ref(!1),type:e.ref("default"),changeable:e.ref(!1),labelPlacement:e.ref("horizontal"),emits:()=>{}}),{curStep:n,status:o,nextStatus:i}=(()=>{const{stepMap:u,computedCurrent:a,statusArr:n,status:o}=l,i=t.nanoid();u.set(i,i);const c=e.computed(()=>[...u.values()].findIndex(e=>e==i)+1),d=e.computed(()=>r.isUndefined(s.value)?c.value<a.value?"finish":c.value==a.value?o.value??"process":"wait":s.value),v=e.computed(()=>{var e;return null==(e=n.value[c.value])?void 0:e.value});return n.value[c.value-1]=d,e.onBeforeUnmount(()=>{u.delete(i),n.value.splice(c.value-1,1)}),{curStep:c,status:d,nextStatus:v}})();return{...l,curStep:n,status:o,nextStatus:i}}});

package/lib/Steps/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface StepsProps {
     type?: StepType;
     direction?: Direction;
@@ -15,7 +16,7 @@ export interface StepsEmits {
     (e: 'update:current', step: number): void;
 }
 export interface StepsSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface StepProps {
     title?: string;
@@ -24,16 +25,16 @@ export interface StepProps {
     disabled?: boolean;
 }
 export interface StepSlots {
-    node(scope: {
+    node?: (scope: {
         step: number;
         status: StepStatus;
-    }): void;
-    icon(scope: {
+    }) => VNode[];
+    icon?: (scope: {
         step: number;
         status: StepStatus;
-    }): void;
-    description(): void;
-    default(): void;
+    }) => VNode[];
+    description?: () => VNode[];
+    default?: () => VNode[];
 }
 export type StepStatus = 'wait' | 'process' | 'finish' | 'error';
 export type StepType = 'default' | 'arrow' | 'dot' | 'navigation';

package/lib/Switch/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-cc705f5d"]]);module.exports=r;
+"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-be8dccd4"]]);module.exports=r;

package/lib/Switch/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const c=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/control.js"),t=require("../Spin/index.js"),u=["aria-checked"],o={class:"yc-switch-handle"},n={class:"yc-switch-handle-icon"},s={key:0,class:"yc-switch-placeholder"},r={key:1,class:"yc-switch-text"},d=e.defineComponent({name:"Switch",__name:"index",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultChecked:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"circle"},size:{default:void 0},checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},checkedColor:{default:"rgba(22, 93, 255)"},uncheckedColor:{default:"rgb(201, 205, 212)"},checkedText:{default:""},uncheckedText:{default:""},beforeChange:{type:Function,default:()=>!0}},emits:["update:modelValue","change","focus","blur"],setup(d,{emit:i}){e.useCssVars(e=>({"455e587d":$.value}));const h=d,k=i,{modelValue:v,defaultChecked:f,checkedValue:m,uncheckedValue:p,disabled:y,type:g,checkedText:B,uncheckedText:b,checkedColor:w,uncheckedColor:C,loading:V}=e.toRefs(h),{beforeChange:S}=h,x=e.useSlots(),{size:N}=c.getGlobalConfig(h),q=a(v,f.value,e=>{k("update:modelValue",e)}),_=e.computed(()=>q.value==m.value),j=e.computed(()=>{const e=_.value&&(B.value||x.checked),l=!_.value&&(b.value||x.unchecked);return"line"!=g.value&&"small"!=N.value&&(e||l)}),$=e.computed(()=>_.value?w.value:C.value),T=e.ref(!1),z=e.computed(()=>T.value||V.value),E=async e=>{if(z.value||y.value)return;const c=_.value?p.value:m.value,a=await(async e=>{let c=!0;T.value=!0;const a=S(e);if(l.isBoolean(a))c=a;else if(a instanceof Promise)try{const e=await a;l.isBoolean(e)&&(c=e)}catch{c=!1}return T.value=!1,c})(c);a&&(q.value=c,k("change",c,e))};return(l,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yc-switch",`yc-switch-shape-${e.unref(g)}`,`yc-switch-size-${e.unref(N)}`,_.value?"yc-switch-checked":"yc-switch-unchecked",{"yc-switch-loading":z.value,"yc-switch-disabled":e.unref(y)}]),"aria-checked":_.value,role:"switch",onFocus:c[0]||(c[0]=e=>l.$emit("focus",e)),onBlur:c[1]||(c[1]=e=>l.$emit("blur",e)),onClick:E},[e.createElementVNode("span",o,[e.createElementVNode("span",n,[z.value?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(l.$slots,_.value?"checked-icon":"unchecked-icon",{key:1},void 0,!0)])]),j.value?(e.openBlock(),e.createElementBlock("span",s,[e.renderSlot(l.$slots,_.value?"checked":"unchecked",{},()=>[e.createTextVNode(e.toDisplayString(_.value?e.unref(B):e.unref(b)),1)],!0)])):e.createCommentVNode("",!0),j.value?(e.openBlock(),e.createElementBlock("span",r,[e.renderSlot(l.$slots,_.value?"checked":"unchecked",{},()=>[e.createTextVNode(e.toDisplayString(_.value?e.unref(B):e.unref(b)),1)],!0)])):e.createCommentVNode("",!0)],42,u))}});module.exports=d;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const c=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/control.js"),t=require("../Spin/index.js"),u=["aria-checked"],o={class:"yc-switch-handle"},n={class:"yc-switch-handle-icon"},s={key:0,class:"yc-switch-placeholder"},r={key:1,class:"yc-switch-text"},d=e.defineComponent({name:"Switch",__name:"index",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultChecked:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"circle"},size:{default:void 0},checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},checkedColor:{default:"rgba(22, 93, 255)"},uncheckedColor:{default:"rgb(201, 205, 212)"},checkedText:{default:""},uncheckedText:{default:""},beforeChange:{type:Function,default:()=>!0}},emits:["update:modelValue","change","focus","blur"],setup(d,{emit:i}){e.useCssVars(e=>({e55eb67a:$.value}));const h=e.useSlots(),k=d,v=i,{modelValue:f,defaultChecked:m,checkedValue:p,uncheckedValue:y,disabled:g,type:b,checkedText:B,uncheckedText:w,checkedColor:C,uncheckedColor:V,loading:S}=e.toRefs(k),{beforeChange:x}=k,{size:N}=c.getGlobalConfig(k),q=a(f,m.value,e=>{v("update:modelValue",e)}),_=e.computed(()=>q.value==p.value),j=e.computed(()=>{const e=_.value&&(B.value||h.checked),l=!_.value&&(w.value||h.unchecked);return"line"!=b.value&&"small"!=N.value&&(e||l)}),$=e.computed(()=>_.value?C.value:V.value),T=e.ref(!1),z=e.computed(()=>T.value||S.value),E=async e=>{if(z.value||g.value)return;const c=_.value?y.value:p.value,a=await(async e=>{let c=!0;T.value=!0;const a=x(e);if(l.isBoolean(a))c=a;else if(a instanceof Promise)try{const e=await a;l.isBoolean(e)&&(c=e)}catch{c=!1}return T.value=!1,c})(c);a&&(q.value=c,v("change",c,e))};return(l,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yc-switch",`yc-switch-shape-${e.unref(b)}`,`yc-switch-size-${e.unref(N)}`,_.value?"yc-switch-checked":"yc-switch-unchecked",{"yc-switch-loading":z.value,"yc-switch-disabled":e.unref(g)}]),"aria-checked":_.value,role:"switch",onFocus:c[0]||(c[0]=e=>l.$emit("focus",e)),onBlur:c[1]||(c[1]=e=>l.$emit("blur",e)),onClick:E},[e.createElementVNode("span",o,[e.createElementVNode("span",n,[z.value?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(l.$slots,_.value?"checked-icon":"unchecked-icon",{key:1},void 0,!0)])]),j.value?(e.openBlock(),e.createElementBlock("span",s,[e.renderSlot(l.$slots,_.value?"checked":"unchecked",{},()=>[e.createTextVNode(e.toDisplayString(_.value?e.unref(B):e.unref(w)),1)],!0)])):e.createCommentVNode("",!0),j.value?(e.openBlock(),e.createElementBlock("span",r,[e.renderSlot(l.$slots,_.value?"checked":"unchecked",{},()=>[e.createTextVNode(e.toDisplayString(_.value?e.unref(B):e.unref(w)),1)],!0)])):e.createCommentVNode("",!0)],42,u))}});module.exports=d;

package/lib/Switch/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface SwitchProps {
     modelValue?: SwitchValue;
     defaultChecked?: SwitchValue;
@@ -20,10 +21,10 @@ export interface SwitchEmits {
     (e: 'blur', ev: FocusEvent): void;
 }
 export interface SwitchSlots {
-    ['checked-icon'](): void;
-    ['unchecked-icon'](): void;
-    ['checked'](): void;
-    ['unchecked'](): void;
+    'checked-icon'?: () => VNode[];
+    'unchecked-icon'?: () => VNode[];
+    checked?: () => VNode[];
+    unchecked?: () => VNode[];
 }
 export type SwitchValue = string | number | boolean;
 export type SwitchType = 'circle' | 'round' | 'line';

package/lib/Tabs/TabButton.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../_shared/components/IconButton.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js"),/* empty css                           */;/* empty css                                          */const o=e.defineComponent({__name:"TabButton",props:{className:{type:Boolean,default:!0},type:{},direction:{}},setup:o=>(o,s)=>(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({size:14,class:[`yc-tabs-nav-${o.type?`${o.type}-`:""}button`,{[`yc-tabs-nav-button-${o.direction}`]:o.direction}],"hover-color":"rgb(242,243,245)"},o.$attrs),{default:e.withCtx(()=>[o.$slots.default?e.renderSlot(o.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("",!0)]),_:3},16,["class"]))});module.exports=o;
+"use strict";const e=require("vue"),t=require("../_shared/components/IconButton.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js"),/* empty css                               */;/* empty css                                          */const o=e.defineComponent({__name:"TabButton",props:{className:{type:Boolean,default:!0},type:{},direction:{}},setup:o=>(o,s)=>(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({size:14,class:[`yc-tabs-nav-${o.type?`${o.type}-`:""}button`,{[`yc-tabs-nav-button-${o.direction}`]:o.direction}],"hover-color":"rgb(242,243,245)"},o.$attrs),{default:e.withCtx(()=>[o.$slots.default?e.renderSlot(o.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("",!0)]),_:3},16,["class"]))});module.exports=o;

package/lib/Tabs/TabPane.vue.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/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),s={class:"yc-tabs-content-item"},n={key:0,class:"yc-tabs-pane"},r=e.defineComponent({name:"TabPane",__name:"TabPane",props:{title:{default:""},path:{default:""},disabled:{type:Boolean,default:!1},closable:{type:Boolean,default:void 0},destoryOnHide:{type:Boolean,default:void 0}},setup(r){const d=r,{computedActiveKey:i,destoryOnHide:a}=o().inject(),l=e.computed(()=>t.isUndefined(d.destoryOnHide)?a.value:d.destoryOnHide);return(t,o)=>(e.openBlock(),e.createElementBlock("div",s,[l.value&&e.unref(i)!=t.path?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"default")]))]))}});module.exports=r;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const o=require("./hooks/useContext.js"),s={class:"yc-tabs-content-item"},n={key:0,class:"yc-tabs-pane"},r=e.defineComponent({name:"TabPane",__name:"TabPane",props:{title:{default:""},path:{default:""},disabled:{type:Boolean,default:!1},closable:{type:Boolean,default:void 0},destoryOnHide:{type:Boolean,default:void 0}},setup(r){const d=r,{computedActiveKey:a,destoryOnHide:i}=o().inject(),l=e.computed(()=>t.isUndefined(d.destoryOnHide)?i.value:d.destoryOnHide);return(t,o)=>(e.openBlock(),e.createElementBlock("div",s,[l.value&&e.unref(a)!=t.path?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"default")]))]))}});module.exports=r;

package/lib/Tabs/Tabs.vue.js

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

package/lib/Tabs/Tabs.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 a=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const n=require("../_shared/icons/IconArrowRight.vue.js"),o=require("../_shared/icons/IconPlus.vue.js"),l=require("./hooks/useContext.js"),r=require("./hooks/useTabsScroll.js"),i=require("./TabPane.vue.js");;/* empty css              */const s=require("./TabsTab.vue.js"),u=require("./TabsNavInk.vue.js"),c=require("./TabButton.vue.js"),d={class:"yc-tabs-nav"},f={key:3,class:"yc-tabs-nav-extra"},y=e.defineComponent({name:"Tabs",__name:"Tabs",props:{activeKey:{default:void 0},defaultActiveKey:{default:""},position:{default:void 0},size:{default:void 0},type:{default:"line"},direction:{default:"horizontal"},editable:{type:Boolean,default:!1},showAddButton:{type:Boolean,default:!1},destoryOnHide:{type:Boolean,default:!1},justify:{type:Boolean,default:!1},animation:{type:Boolean,default:!1},headerPadding:{type:Boolean,default:!0},autoSwitch:{type:Boolean,default:!1},hideContent:{type:Boolean,default:!1},trigger:{default:"click"}},emits:["update:activeKey","change","tab-click","add","delete"],setup(y,{emit:p}){const m=y,v=p,h=e.ref(),{computedActiveKey:k,size:b,direction:B,autoSwitch:z,position:x}=l().provide(m,v,h),C=e.useSlots(),j=e.computed(()=>{var e;return a.findComponentsFromVnodes((null==(e=C.default)?void 0:e.call(C))||[],i.name)}),q=e.computed(()=>j.value.map(e=>({title:"",path:"",disabled:!1,...e.props||{},slots:e.children}))),_=e.computed(()=>m.showAddButton&&["line","card","card-gutter"].includes(m.type)),g=e.computed(()=>{const e=q.value.findIndex(e=>e.path==k.value);return e<0?0:e}),{scrollDis:N,isScrollable:V,preDisabled:T,nextDisabled:$,navHeight:w,handleScroll:E}=r({listRef:h,panes:q,direction:B}),S=async()=>{v("add"),z.value&&(await e.nextTick(),k.value=q.value[q.value.length-1].path)};return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-tabs",`yc-tabs-${e.unref(B)}`,`yc-tabs-type-${a.type}`,`yc-tabs-size-${e.unref(b)}`,{"yc-tabs-animation":a.animation,"yc-tabs-justify":"horizontal"==e.unref(B)&&a.justify,"yc-tabs-no-padding":a.headerPadding&&["line","text"].includes(a.type)&&"horizontal"===m.direction,[`yc-tabs-${e.unref(x)}`]:e.unref(x)}])},[e.createElementVNode("div",d,[e.unref(V)?(e.openBlock(),e.createBlock(c,{key:0,disabled:e.unref(T),direction:"horizontal"==e.unref(B)?"left":"up",onClick:l[0]||(l[0]=t=>e.unref(E)("pre"))},{default:e.withCtx(()=>[e.createVNode(e.unref(n),{rotate:"horizontal"==e.unref(B)?180:-90,size:14},null,8,["rotate"])]),_:1},8,["disabled","direction"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-tabs-nav-tab",{"yc-tabs-nav-tab-scroll":e.unref(V)}])},[e.createElementVNode("div",{class:"yc-tabs-nav-tab-list",style:e.normalizeStyle({transform:`translate${"horizontal"==e.unref(B)?"X":"Y"}(${e.unref(t.valueToPx)(e.unref(N))})`}),ref_key:"listRef",ref:h},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(t,a)=>(e.openBlock(),e.createBlock(s,{key:a,index:a,node:t},null,8,["index","node"]))),128)),"line"==a.type?(e.openBlock(),e.createBlock(u,{key:0,"cur-index":g.value,panes:q.value},null,8,["cur-index","panes"])):e.createCommentVNode("",!0)],4)],2),e.unref(V)?(e.openBlock(),e.createBlock(c,{key:1,disabled:e.unref($),direction:"horizontal"==e.unref(B)?"right":"down",onClick:l[1]||(l[1]=t=>e.unref(E)("next"))},{default:e.withCtx(()=>[e.createVNode(e.unref(n),{rotate:"horizontal"==e.unref(B)?0:90,size:14},null,8,["rotate"])]),_:1},8,["disabled","direction"])):e.createCommentVNode("",!0),_.value?(e.openBlock(),e.createBlock(c,{key:2,type:"add",size:"12",onClick:S},{default:e.withCtx(()=>[e.createVNode(e.unref(o),{size:12})]),_:1})):e.createCommentVNode("",!0),a.$slots.extra?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(a.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0)]),a.hideContent?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-tabs-content",style:e.normalizeStyle({height:"vertical"==e.unref(B)?`${e.unref(t.valueToPx)(e.unref(w))}`:""})},[e.createElementVNode("div",{class:"yc-tabs-content-list",style:e.normalizeStyle({transform:`translate${"horizontal"==e.unref(B)?"X":"Y"}(${100*-g.value}%)`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{key:a}))),128))],4)],4))],2))}});module.exports=y;
+"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 a=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const n=require("../_shared/icons/IconArrowRight.vue.js"),o=require("../_shared/icons/IconPlus.vue.js"),l=require("./hooks/useContext.js"),r=require("./hooks/useTabsScroll.js"),i=require("./TabPane.vue.js");;/* empty css              */const s=require("./TabsTab.vue.js"),u=require("./TabsNavInk.vue.js"),c=require("./TabButton.vue.js"),d={class:"yc-tabs-nav"},f={key:3,class:"yc-tabs-nav-extra"},y=e.defineComponent({name:"Tabs",__name:"Tabs",props:{activeKey:{default:void 0},defaultActiveKey:{default:""},position:{default:void 0},size:{default:void 0},type:{default:"line"},direction:{default:"horizontal"},editable:{type:Boolean,default:!1},showAddButton:{type:Boolean,default:!1},destoryOnHide:{type:Boolean,default:!1},justify:{type:Boolean,default:!1},animation:{type:Boolean,default:!1},headerPadding:{type:Boolean,default:!0},autoSwitch:{type:Boolean,default:!1},hideContent:{type:Boolean,default:!1},trigger:{default:"click"}},emits:["update:activeKey","change","tab-click","add","delete"],setup(y,{emit:p}){const m=e.useSlots(),v=y,h=p,k=e.ref(),{computedActiveKey:b,size:B,direction:z,autoSwitch:x,position:C}=l().provide(v,h,k),j=e.computed(()=>{var e;return a.findComponentsFromVnodes((null==(e=m.default)?void 0:e.call(m))||[],i.name)}),q=e.computed(()=>j.value.map(e=>({title:"",path:"",disabled:!1,...e.props||{},slots:e.children}))),g=e.computed(()=>v.showAddButton&&["line","card","card-gutter"].includes(v.type)),N=e.computed(()=>{const e=q.value.findIndex(e=>e.path==b.value);return e<0?0:e}),{scrollDis:V,isScrollable:_,preDisabled:T,nextDisabled:$,navHeight:w,handleScroll:E}=r({listRef:k,panes:q,direction:z}),S=async()=>{h("add"),x.value&&(await e.nextTick(),b.value=q.value[q.value.length-1].path)};return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-tabs",`yc-tabs-${e.unref(z)}`,`yc-tabs-type-${a.type}`,`yc-tabs-size-${e.unref(B)}`,{"yc-tabs-animation":a.animation,"yc-tabs-justify":"horizontal"==e.unref(z)&&a.justify,"yc-tabs-no-padding":a.headerPadding&&["line","text"].includes(a.type)&&"horizontal"===v.direction,[`yc-tabs-${e.unref(C)}`]:e.unref(C)}])},[e.createElementVNode("div",d,[e.unref(_)?(e.openBlock(),e.createBlock(c,{key:0,disabled:e.unref(T),direction:"horizontal"==e.unref(z)?"left":"up",onClick:l[0]||(l[0]=t=>e.unref(E)("pre"))},{default:e.withCtx(()=>[e.createVNode(e.unref(n),{rotate:"horizontal"==e.unref(z)?180:-90,size:14},null,8,["rotate"])]),_:1},8,["disabled","direction"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-tabs-nav-tab",{"yc-tabs-nav-tab-scroll":e.unref(_)}])},[e.createElementVNode("div",{class:"yc-tabs-nav-tab-list",style:e.normalizeStyle({transform:`translate${"horizontal"==e.unref(z)?"X":"Y"}(${e.unref(t.valueToPx)(e.unref(V))})`}),ref_key:"listRef",ref:k},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(t,a)=>(e.openBlock(),e.createBlock(s,{key:a,index:a,node:t},null,8,["index","node"]))),128)),"line"==a.type?(e.openBlock(),e.createBlock(u,{key:0,"cur-index":N.value,panes:q.value},null,8,["cur-index","panes"])):e.createCommentVNode("",!0)],4)],2),e.unref(_)?(e.openBlock(),e.createBlock(c,{key:1,disabled:e.unref($),direction:"horizontal"==e.unref(z)?"right":"down",onClick:l[1]||(l[1]=t=>e.unref(E)("next"))},{default:e.withCtx(()=>[e.createVNode(e.unref(n),{rotate:"horizontal"==e.unref(z)?0:90,size:14},null,8,["rotate"])]),_:1},8,["disabled","direction"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createBlock(c,{key:2,type:"add",size:"12",onClick:S},{default:e.withCtx(()=>[e.createVNode(e.unref(o),{size:12})]),_:1})):e.createCommentVNode("",!0),a.$slots.extra?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(a.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0)]),a.hideContent?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-tabs-content",style:e.normalizeStyle({height:"vertical"==e.unref(z)?`${e.unref(t.valueToPx)(e.unref(w))}`:""})},[e.createElementVNode("div",{class:"yc-tabs-content-list",style:e.normalizeStyle({transform:`translate${"horizontal"==e.unref(z)?"X":"Y"}(${100*-N.value}%)`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{key:a}))),128))],4)],4))],2))}});module.exports=y;

package/lib/Tabs/TabsNavInk.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),s=e.defineComponent({__name:"TabsNavInk",props:{curIndex:{},panes:{}},setup(s){const i=s,{curIndex:n,panes:u}=e.toRefs(i),{titleRefs:r,listRef:a,direction:c,editable:d}=o().inject(),v=e.computed(()=>{var e,o,s;const i=u.value[n.value],v=d.value&&(t.isUndefined(i.closable)||i.closable)?22:0,f=r.value[n.value],{left:p,top:h}=(null==(o=null==(e=a.value)?void 0:e.getBoundingClientRect)?void 0:o.call(e))??{left:0,top:0},{scrollLeft:m,scrollTop:j}=a.value??{scrollLeft:0,scrollTop:0},{left:q,top:x}=(null==(s=null==f?void 0:f.getBoundingClientRect)?void 0:s.call(f))??{left:0,top:0},{offsetHeight:_,offsetWidth:g}=f??{offsetHeight:0,offsetWidth:0};return"horizontal"==c.value?{width:l.valueToPx(g+v),left:l.valueToPx(q-p+m)}:{height:l.valueToPx(_),top:l.valueToPx(x-h+j)}});return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-tabs-nav-ink",style:e.normalizeStyle(v.value)},null,4))}});module.exports=s;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const o=require("./hooks/useContext.js"),s=e.defineComponent({__name:"TabsNavInk",props:{curIndex:{},panes:{}},setup(s){const i=s,{curIndex:n,panes:u}=e.toRefs(i),{titleRefs:r,listRef:a,direction:c,editable:d}=o().inject(),v=e.computed(()=>{var e,o,s;const i=u.value[n.value],v=d.value&&(t.isUndefined(i.closable)||i.closable)?22:0,f=r.value[n.value],{left:p,top:h}=(null==(o=null==(e=a.value)?void 0:e.getBoundingClientRect)?void 0:o.call(e))??{left:0,top:0},{scrollLeft:m,scrollTop:j}=a.value??{scrollLeft:0,scrollTop:0},{left:q,top:x}=(null==(s=null==f?void 0:f.getBoundingClientRect)?void 0:s.call(f))??{left:0,top:0},{offsetHeight:_,offsetWidth:g}=f??{offsetHeight:0,offsetWidth:0};return"horizontal"==c.value?{width:l.valueToPx(g+v),left:l.valueToPx(q-p+m)}:{height:l.valueToPx(_),top:l.valueToPx(x-h+j)}});return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-tabs-nav-ink",style:e.normalizeStyle(v.value)},null,4))}});module.exports=s;

package/lib/Tabs/TabsTab.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("./hooks/useContext.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const n=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("./TabButton.vue.js"),s=e.defineComponent({__name:"TabsTab",props:{node:{},index:{}},setup(s){const a=s,{node:o,index:u}=e.toRefs(a),{computedActiveKey:i,titleRefs:l,tabRefs:c,trigger:d,editable:f,type:b,direction:p,position:y,headerPadding:m,size:v,emits:h}=t().inject(),k=e=>{const{slots:t,title:n}=e;return t.title??(()=>n)},j=(e,t)=>{const{disabled:n,path:r}=e;i.value==r||n||t!=d.value||(i.value=r,h("change",r),h("tab-click",r))};return e.onMounted(()=>{if(i.value==o.value.path);else{if(i.value||u.value)return;i.value=o.value.path}}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{tabindex:"0",class:e.normalizeClass(["yc-tabs-tab",`yc-tabs-tab-type-${e.unref(b)}`,`yc-tabs-tab-${e.unref(p)}`,`yc-tabs-tab-size-${e.unref(v)}`,{[`yc-tabs-tab-${e.unref(y)}`]:e.unref(y),"yc-tabs-tab-no-padding":!e.unref(m)&&"horizontal"==e.unref(p)&&["line","text"].includes(e.unref(b)),"yc-tabs-tab-active":e.unref(i)==e.unref(o).path,"yc-tabs-tab-disabled":e.unref(o).disabled}]),ref:t=>e.unref(c)[e.unref(u)]=t,onMouseenter:s[1]||(s[1]=t=>j(e.unref(o),"hover")),onClick:s[2]||(s[2]=t=>j(e.unref(o),"click"))},[e.createElementVNode("span",{class:"yc-tabs-tab-title",ref:t=>e.unref(l)[e.unref(u)]=t},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k(e.unref(o)))))],512),e.unref(f)&&(e.unref(n.isUndefined)(e.unref(o).closable)||e.unref(o).closable)?(e.openBlock(),e.createBlock(r,{key:0,type:"close",onClick:s[0]||(s[0]=t=>(async e=>{h("delete",e.path)})(e.unref(o)))})):e.createCommentVNode("",!0)],34))}});module.exports=s;
+"use strict";const e=require("vue"),t=require("./hooks/useContext.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const n=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const r=require("./TabButton.vue.js"),s=e.defineComponent({__name:"TabsTab",props:{node:{},index:{}},setup(s){const a=s,{node:o,index:u}=e.toRefs(a),{computedActiveKey:i,titleRefs:l,tabRefs:c,trigger:d,editable:f,type:b,direction:p,position:y,headerPadding:m,size:v,emits:h}=t().inject(),k=e=>{const{slots:t,title:n}=e;return t.title??(()=>n)},j=(e,t)=>{const{disabled:n,path:r}=e;i.value==r||n||t!=d.value||(i.value=r,h("change",r),h("tab-click",r))};return e.onMounted(()=>{if(i.value==o.value.path);else{if(i.value||u.value)return;i.value=o.value.path}}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{tabindex:"0",class:e.normalizeClass(["yc-tabs-tab",`yc-tabs-tab-type-${e.unref(b)}`,`yc-tabs-tab-${e.unref(p)}`,`yc-tabs-tab-size-${e.unref(v)}`,{[`yc-tabs-tab-${e.unref(y)}`]:e.unref(y),"yc-tabs-tab-no-padding":!e.unref(m)&&"horizontal"==e.unref(p)&&["line","text"].includes(e.unref(b)),"yc-tabs-tab-active":e.unref(i)==e.unref(o).path,"yc-tabs-tab-disabled":e.unref(o).disabled}]),ref:t=>e.unref(c)[e.unref(u)]=t,onMouseenter:s[1]||(s[1]=t=>j(e.unref(o),"hover")),onClick:s[2]||(s[2]=t=>j(e.unref(o),"click"))},[e.createElementVNode("span",{class:"yc-tabs-tab-title",ref:t=>e.unref(l)[e.unref(u)]=t},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k(e.unref(o)))))],512),e.unref(f)&&(e.unref(n.isUndefined)(e.unref(o).closable)||e.unref(o).closable)?(e.openBlock(),e.createBlock(r,{key:0,type:"close",onClick:s[0]||(s[0]=t=>(async e=>{h("delete",e.path)})(e.unref(o)))})):e.createCommentVNode("",!0)],34))}});module.exports=s;

package/lib/Tabs/hooks/useTabsScroll.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const a=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */module.exports=u=>{const{direction:r,panes:t,listRef:s}=u,v=e.ref(!1),i=e.ref(0),o=e.ref(0),n=e.ref(0),c=e.ref(0),h=e.ref(0),d=e.ref(0),f=e.computed(()=>!i.value),m=e.computed(()=>"horizontal"==r.value?Math.abs(i.value)+c.value>=o.value:Math.abs(i.value)+h.value>=n.value);l.useResizeObserver(s,()=>q()),e.watch(()=>t.value.length,async()=>{await a.sleep(0),q()});const p=()=>{n.value=s.value.scrollHeight,o.value=s.value.scrollWidth,c.value=s.value.parentElement.offsetWidth,h.value=s.value.parentElement.offsetHeight,d.value=s.value.parentElement.parentElement.offsetHeight},q=()=>{p(),"horizontal"==r.value?v.value=o.value>c.value:v.value=n.value>h.value};return{navHeight:d,scrollDis:i,isScrollable:v,preDisabled:f,nextDisabled:m,handleScroll:e=>{p();const l="horizontal"===r.value?c.value:h.value,a="horizontal"===r.value?o.value:n.value,u=.8*l;let t=i.value;t="next"===e?Math.max(i.value-u,l-a):Math.min(i.value+u,0),i.value=t}}};
+"use strict";const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const a=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */module.exports=u=>{const{direction:t,panes:r,listRef:s}=u,v=e.ref(!1),o=e.ref(0),i=e.ref(0),n=e.ref(0),c=e.ref(0),h=e.ref(0),d=e.ref(0),m=e.computed(()=>!o.value),f=e.computed(()=>"horizontal"==t.value?Math.abs(o.value)+c.value>=i.value:Math.abs(o.value)+h.value>=n.value);l.useResizeObserver(s,()=>q()),e.watch(()=>r.value.length,async()=>{await a.sleep(0),q()});const p=()=>{n.value=s.value.scrollHeight,i.value=s.value.scrollWidth,c.value=s.value.parentElement.offsetWidth,h.value=s.value.parentElement.offsetHeight,d.value=s.value.parentElement.parentElement.offsetHeight},q=()=>{p(),"horizontal"==t.value?v.value=i.value>c.value:v.value=n.value>h.value};return{navHeight:d,scrollDis:o,isScrollable:v,preDisabled:m,nextDisabled:f,handleScroll:e=>{p();const l="horizontal"===t.value?c.value:h.value,a="horizontal"===t.value?i.value:n.value,u=.8*l;let r=o.value;r="next"===e?Math.max(o.value-u,l-a):Math.min(o.value+u,0),o.value=r}}};

package/lib/Tabs/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction, Size } from '../_shared/type';
+import { VNode } from 'vue';
 export interface TabsProps {
     activeKey?: TabKey;
     defaultActiveKey?: TabKey;
@@ -24,8 +25,8 @@ export interface TabsEmits {
     (e: 'delete', value: TabKey): void;
 }
 export interface TabsSlots {
-    extra(): void;
-    default(): void;
+    extra?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface TabPaneProps {
     title?: string;
@@ -35,8 +36,8 @@ export interface TabPaneProps {
     destoryOnHide?: boolean;
 }
 export interface TabPaneSlots {
-    default(): void;
-    title(): void;
+    default?: () => VNode[];
+    title?: () => VNode[];
 }
 export type TabKey = string | number;
 export type TabType = 'line' | 'card' | 'card-gutter' | 'text' | 'rounded' | 'capsule';