yc-design-vue 2.0.2 → 2.0.4

package/lib/Radio/RadioGroup.vue.d.ts

@@ -1,7 +1,7 @@
-import { RadioGroupProps, RadioGroupSlots } from './type';
+import { RadioGroupProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<RadioGroupSlots> & RadioGroupSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };
@@ -14,8 +14,8 @@ declare const __VLS_component: import('vue').DefineComponent<RadioGroupProps, {}
     "onUpdate:modelValue"?: ((value: import('./type').RadioValue) => any) | undefined;
 }>, {
     size: import('..').Size;
-    disabled: boolean;
     type: import('./type').RadioType;
+    disabled: boolean;
     modelValue: import('./type').RadioValue;
     defaultValue: import('./type').RadioValue;
     options: import('./type').RadioOption[];

package/lib/Radio/RadioGroup.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t=require("./Radio.vue.js");;/* empty css            */const r=e.defineComponent({name:"RadioGroup",__name:"RadioGroup",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultValue:{type:[String,Number,Boolean],default:""},size:{default:void 0},type:{default:"radio"},options:{default:()=>[]},direction:{default:"horizontal"},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(r,{emit:a}){const l=r,d=a,{options:i}=o().provide(l,d);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["radio"==o.type?"yc-radio-group":"yc-radio-button-group","radio"==o.type?`yc-radio-group-direction-${o.direction}`:`yc-radio-button-group-size-${o.size}`])},[e.renderSlot(o.$slots,"default"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(r,a)=>(e.openBlock(),e.createBlock(t,{key:a,value:r.value,disabled:r.disabled},e.createSlots({default:e.withCtx(()=>[e.renderSlot(o.$slots,"label",{data:r},()=>[e.createTextVNode(e.toDisplayString(r.label),1)])]),_:2},[o.$slots.radio?{name:"radio",fn:e.withCtx(t=>[e.renderSlot(o.$slots,"radio",e.mergeProps({ref_for:!0},t))]),key:"0"}:void 0]),1032,["value","disabled"]))),128))],2))}});module.exports=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./hooks/useContext.js"),t=require("./Radio.vue.js");;/* empty css            */const a=e.defineComponent({name:"RadioGroup",__name:"RadioGroup",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultValue:{type:[String,Number,Boolean],default:""},size:{default:void 0},type:{default:"radio"},options:{default:()=>[]},direction:{default:"horizontal"},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(a,{emit:r}){const l=e.useSlots(),d=a,i=r,{options:u}=o.default().provide(d,i);return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["radio"==o.type?"yc-radio-group":"yc-radio-button-group","radio"==o.type?`yc-radio-group-direction-${o.direction}`:`yc-radio-button-group-size-${o.size}`])},[e.renderSlot(o.$slots,"default"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(a,r)=>(e.openBlock(),e.createBlock(t.default,{key:r,value:a.value,disabled:a.disabled},e.createSlots({default:e.withCtx(()=>[e.renderSlot(o.$slots,"label",{data:a},()=>[e.createTextVNode(e.toDisplayString(a.label),1)])]),_:2},[l.radio?{name:"radio",fn:e.withCtx(t=>[e.renderSlot(o.$slots,"radio",e.mergeProps({ref_for:!0},t))]),key:"0"}:void 0]),1032,["value","disabled"]))),128))],2))}});exports.default=a;

package/lib/Radio/RadioGroup.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./RadioGroup.vue.js");,/* empty css                 */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./RadioGroup.vue.js");,/* empty css                 */exports.default=e.default;

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { RadioType, RadioGroupEmits, RadioValue } from '../type';
-import { Size, Props, ObjectData } from '../../_shared/type';
+import { Size, RecordType } from '../../_shared/type';
 interface RadioContext {
     computedValue: Ref<RadioValue | undefined>;
     type: Ref<RadioType>;
@@ -10,8 +10,8 @@ interface RadioContext {
     emits: RadioGroupEmits;
 }
 declare const _default: () => {
-    provide: (props: Props, emits: RadioGroupEmits) => {
-        options: import('vue').ComputedRef<ObjectData[]>;
+    provide: (props: RecordType, emits: RadioGroupEmits) => {
+        options: import('vue').ComputedRef<RecordType[]>;
     };
     inject: () => RadioContext;
 };

package/lib/Radio/hooks/useContext.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const s=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js");const r=require("../../_shared/utils/global-config.js");require("../../_shared/utils/locale.js");const i=require("../../_shared/utils/control.js"),o="radio-group-context";module.exports=()=>({provide:(t,u)=>{const{modelValue:l,defaultValue:a,disabled:d,type:c,options:n}=e.toRefs(t),{size:p}=r.getGlobalConfig(t),m=i(l,a.value,e=>{u("update:modelValue",e),u("change",e)}),f=e.computed(()=>n.value.map(e=>s.isObject(e)?e:{label:e,value:e}));return e.provide(o,{computedValue:m,type:c,disabled:d,size:p,hasGroup:e.ref(!0),emits:u}),{options:f}},inject:()=>e.inject(o,{computedValue:e.ref(void 0),disabled:e.ref(!1),type:e.ref("radio"),size:e.ref("medium"),hasGroup:e.ref(!1),emits:()=>{}})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../_shared/utils/control.js"),t=require("../../_shared/utils/global-config.js"),r=require("../../_shared/utils/is.js"),u="radio-group-context";exports.default=()=>({provide:(i,s)=>{const{modelValue:l,defaultValue:a,disabled:d,type:p,options:n}=e.toRefs(i),{size:c}=t.getGlobalConfig(i),f=o.useControlValue(l,a.value,e=>{s("update:modelValue",e),s("change",e)}),m=e.computed(()=>n.value.map(e=>r.isObject(e)?e:{label:e,value:e}));return e.provide(u,{computedValue:f,type:p,disabled:d,size:c,hasGroup:e.ref(!0),emits:s}),{options:m}},inject:()=>e.inject(u,{computedValue:e.ref(void 0),disabled:e.ref(!1),type:e.ref("radio"),size:e.ref("medium"),hasGroup:e.ref(!1),emits:()=>{}})});

package/lib/Radio/index.d.ts

@@ -12,9 +12,9 @@ declare const Radio: {
         change: (value: import('./type').RadioValue, ev: Event) => any;
         "update:modelValue": (value: boolean) => any;
     }, import('vue').PublicProps, {
+        type: import('./type').RadioType;
         disabled: boolean;
         value: import('./type').RadioValue;
-        type: import('./type').RadioType;
         defaultChecked: boolean;
         modelValue: import('./type').RadioValue;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLabelElement, import('vue').ComponentProvideOptions, {
@@ -28,9 +28,9 @@ declare const Radio: {
         onChange?: ((value: import('./type').RadioValue, ev: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        type: import('./type').RadioType;
         disabled: boolean;
         value: import('./type').RadioValue;
-        type: import('./type').RadioType;
         defaultChecked: boolean;
         modelValue: import('./type').RadioValue;
     }>;
@@ -44,13 +44,13 @@ declare const Radio: {
     change: (value: import('./type').RadioValue, ev: Event) => any;
     "update:modelValue": (value: boolean) => any;
 }, string, {
+    type: import('./type').RadioType;
     disabled: boolean;
     value: import('./type').RadioValue;
-    type: import('./type').RadioType;
     defaultChecked: boolean;
     modelValue: import('./type').RadioValue;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').RadioSlots> & import('./type').RadioSlots;
+    $slots: any;
 }) & {
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').RadioGroupProps> & Readonly<{
@@ -61,8 +61,8 @@ declare const Radio: {
             "update:modelValue": (value: import('./type').RadioValue) => any;
         }, import('vue').PublicProps, {
             size: import('..').Size;
-            disabled: boolean;
             type: import('./type').RadioType;
+            disabled: boolean;
             modelValue: import('./type').RadioValue;
             defaultValue: import('./type').RadioValue;
             options: import('./type').RadioOption[];
@@ -79,8 +79,8 @@ declare const Radio: {
             "onUpdate:modelValue"?: ((value: import('./type').RadioValue) => any) | undefined;
         }>, {}, {}, {}, {}, {
             size: import('..').Size;
-            disabled: boolean;
             type: import('./type').RadioType;
+            disabled: boolean;
             modelValue: import('./type').RadioValue;
             defaultValue: import('./type').RadioValue;
             options: import('./type').RadioOption[];
@@ -97,14 +97,14 @@ declare const Radio: {
         "update:modelValue": (value: import('./type').RadioValue) => any;
     }, string, {
         size: import('..').Size;
-        disabled: boolean;
         type: import('./type').RadioType;
+        disabled: boolean;
         modelValue: import('./type').RadioValue;
         defaultValue: import('./type').RadioValue;
         options: import('./type').RadioOption[];
         direction: import('..').Direction;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').RadioGroupSlots> & import('./type').RadioGroupSlots;
+        $slots: any;
     });
     install: (app: App) => void;
 };

package/lib/Radio/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Radio.vue.js");;/* empty css            */const o=require("./RadioGroup.vue.js");;/* empty css                 */const r=Object.assign(e,{group:o,install:r=>{r.component("Yc"+e.name,e),r.component("Yc"+o.name,o)}});exports.RadioGroup=o,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Radio.vue.js");;/* empty css            */const u=require("./RadioGroup.vue.js");;/* empty css                 */const o=Object.assign(e.default,{group:u.default,install:o=>{o.component("Yc"+e.default.name,e.default),o.component("Yc"+u.default.name,u.default)}});exports.RadioGroup=u.default,exports.default=o;

package/lib/Radio/type.d.ts

@@ -1,4 +1,4 @@
-import { Direction, Size, ObjectData } from '../_shared/type';
+import { Direction, Size, RecordType } from '../_shared/type';
 import { VNode } from 'vue';
 export interface RadioProps {
     modelValue?: RadioValue;
@@ -38,7 +38,7 @@ export interface RadioGroupSlots {
         disabled: boolean;
     }) => VNode[];
     label?: (scope: {
-        data: ObjectData;
+        data: RecordType;
     }) => VNode[];
 }
 export type RadioOption = (RadioValue | {

package/lib/Rate/index.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */;/* empty css            */const s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */;/* empty css            */const t=Object.assign(e.default,{install:t=>{t.component("Yc"+e.default.name,e.default)}});exports.default=t;

package/lib/Rate/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const o=require("../_shared/utils/control.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconFaceSmile.vue.js"),t=require("../_shared/icons/IconStar.vue.js"),n=["onClick","onMouseenter"],c=["onClick","onMouseenter"],u=e.defineComponent({name:"Rate",__name:"index",props:{count:{default:5},modelValue:{default:void 0},defaultValue:{default:0},allowHalf:{type:Boolean,default:!1},allowClear:{type:Boolean},grading:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{default:"rgb(247, 186, 30)"}},emits:["update:modelValue","change","hover-change"],setup(u,{emit:s}){const i=u,d=s,{modelValue:v,defaultValue:m,readonly:f,disabled:y,count:p,allowClear:k,color:h}=e.toRefs(i),B=e.ref([]);let g=!1;const _=e.ref(0),j=o(v,m.value,e=>{d("update:modelValue",e)}),q=e.computed(()=>{var e;return a.isObject(h.value)?(null==(e=Object.entries(h.value).find(([e])=>_.value<=+e))?void 0:e[1])??"rgb(247, 186, 30)":h.value??"rgb(247, 186, 30)"}),C=async e=>{if(!(f.value||y.value||g)){j.value=k.value&&j.value==e?0:e,d("change",j.value),g=!0;for(let e=1;e<=p.value;e++){if(e>j.value)continue;const a=B.value[e];a.classList.add("yc-rate-character-scale"),await l.sleep(50),setTimeout(()=>{a.classList.remove("yc-rate-character-scale")},150)}g=!1}};let b;const x=e=>{f.value||y.value||(b&&clearTimeout(b),_.value=e,d("hover-change",e))},V=()=>{f.value||y.value||(b&&clearTimeout(b),b=setTimeout(()=>{_.value=0},100))};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-rate",{"yc-rate-disabled":e.unref(y),"yc-rate-readonly":e.unref(f)}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),a=>(e.openBlock(),e.createElementBlock("div",{key:a,class:"yc-rate-character",ref_for:!0,ref:e=>B.value[a]=e},[l.allowHalf?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-rate-character-left",style:e.normalizeStyle({color:a-.5<=e.unref(j)&&!_.value||a-.5<=_.value?q.value:""}),onClick:e.withModifiers(e=>C(a-.5),["stop"]),onMouseenter:e=>x(a-.5),onMouseleave:V},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(r),{key:0})):(e.openBlock(),e.createBlock(e.unref(t),{key:1}))])],44,n)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-rate-character-right",style:e.normalizeStyle({color:a<=e.unref(j)&&!_.value||a<=_.value?q.value:""}),onClick:e=>C(a),onMouseenter:e=>x(a),onMouseleave:V},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(r),{key:0})):(e.openBlock(),e.createBlock(e.unref(t),{key:1}))])],44,c)]))),128))],2))}});module.exports=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../_shared/utils/control.js"),l=require("../_shared/utils/is.js"),o=require("../_shared/utils/dom.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconFaceSmile.vue.js"),t=require("../_shared/icons/IconStar.vue.js"),n=["onClick","onMouseenter"],u=["onClick","onMouseenter"],c=e.defineComponent({name:"Rate",__name:"index",props:{count:{default:5},modelValue:{default:void 0},defaultValue:{default:0},allowHalf:{type:Boolean,default:!1},allowClear:{type:Boolean},grading:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{default:"rgb(247, 186, 30)"}},emits:["update:modelValue","change","hover-change"],setup(c,{emit:s}){const d=c,i=s,{modelValue:v,defaultValue:f,readonly:m,disabled:p,count:y,allowClear:k,color:h}=e.toRefs(d),B=e.ref([]);let g=!1;const _=e.ref(0),j=a.useControlValue(v,f.value,e=>{i("update:modelValue",e)}),b=e.computed(()=>{var e;return l.isObject(h.value)?(null==(e=Object.entries(h.value).find(([e])=>_.value<=+e))?void 0:e[1])??"rgb(247, 186, 30)":h.value??"rgb(247, 186, 30)"}),C=async e=>{if(!(m.value||p.value||g)){j.value=k.value&&j.value==e?0:e,i("change",j.value),g=!0;for(let e=1;e<=y.value;e++){if(e>j.value)continue;const a=B.value[e];a.classList.add("yc-rate-character-scale"),await o.sleep(50),setTimeout(()=>{a.classList.remove("yc-rate-character-scale")},150)}g=!1}};let q;const x=e=>{m.value||p.value||(q&&clearTimeout(q),_.value=e,i("hover-change",e))},M=()=>{m.value||p.value||(q&&clearTimeout(q),q=setTimeout(()=>{_.value=0},100))};return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-rate",{"yc-rate-disabled":e.unref(p),"yc-rate-readonly":e.unref(m)}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),l=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"yc-rate-character",ref_for:!0,ref:e=>B.value[l]=e},[a.allowHalf?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-rate-character-left",style:e.normalizeStyle({color:l-.5<=e.unref(j)&&!_.value||l-.5<=_.value?b.value:""}),onClick:e.withModifiers(e=>C(l-.5),["stop"]),onMouseenter:e=>x(l-.5),onMouseleave:M},[e.renderSlot(a.$slots,"character",{index:l},()=>[a.grading?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0})):(e.openBlock(),e.createBlock(e.unref(t.default),{key:1}))])],44,n)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-rate-character-right",style:e.normalizeStyle({color:l<=e.unref(j)&&!_.value||l<=_.value?b.value:""}),onClick:e=>C(l),onMouseenter:e=>x(l),onMouseleave:M},[e.renderSlot(a.$slots,"character",{index:l},()=>[a.grading?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0})):(e.openBlock(),e.createBlock(e.unref(t.default),{key:1}))])],44,u)]))),128))],2))}});exports.default=c;

package/lib/Rate/index.vue3.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */,/* empty css            */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */,/* empty css            */exports.default=e.default;

package/lib/ResizeBox/index.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */;/* empty css            */const s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */;/* empty css            */const t=Object.assign(e.default,{install:t=>{t.component("Yc"+e.default.name,e.default)}});exports.default=t;

package/lib/ResizeBox/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const i=require("../_shared/utils/control.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconDragDot.vue.js"),n=["dir","onMousedown"],l={class:"yc-resizebox-trigger-icon-wrapper"},s=e.defineComponent({name:"ResizeBox",__name:"index",props:{width:{default:void 0},height:{default:void 0},component:{default:"div"},directions:{default:()=>["right"]}},emits:["update:width","update:height","moving-start","moving","moving-end"],setup(s,{emit:u}){e.useSlots();const a=s,c=u,{width:d,height:v}=e.toRefs(a),h=i(d,0,e=>{c("update:width",e)}),g=i(v,0,e=>{c("update:height",e)}),m=e.reactive([]),f=e.reactive({left:0,right:0,bottom:0,top:0}),p=e.ref(),y=e.ref(null);let x,w=0,b=0;return t.useEventListener("mousemove",async e=>{if(!y.value||!p.value)return;const{clientX:t,clientY:i}=e,r="left"==y.value?w-t:t-w,n="top"==y.value?b-i:i-b;w=t,b=i,["left","right"].includes(y.value)?(h.value+=r,p.value.style.width=`${o.valueToPx(h.value)}`):(g.value+=n,p.value.style.height=`${o.valueToPx(g.value)}`);const{width:l,height:s}=p.value.getBoundingClientRect();l!=h.value&&(h.value=l),s!=g.value&&(g.value=l),c("moving",{width:l,height:s},e)}),t.useEventListener("mouseup",e=>{y.value&&(y.value=null,document.body.style.cursor=x,c("moving-end",e))}),t.useResizeObserver(()=>m,e=>{e.forEach(e=>{const t=e.target.getAttribute("dir"),{contentRect:{width:o,height:i}}=e;f[t]=["right","left"].includes(t)?o:i})},{box:"border-box"}),e.watch([h,g],async()=>{y.value||(await e.nextTick(),p.value.style.width=h.value?`${o.valueToPx(h.value)}`:"",p.value.style.height=g.value?`${o.valueToPx(g.value)}`:"")},{immediate:!0}),(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),{style:e.normalizeStyle({minWidth:e.unref(o.valueToPx)(f.left+f.right),minHeight:e.unref(o.valueToPx)(f.top+f.bottom)}),class:"yc-resizebox",ref_key:"boxRef",ref:p},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.directions,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["yc-resizebox-trigger",`yc-resizebox-direction-${o}`,"yc-resizebox-trigger-"+(["left","right"].includes(o)?"vertical":"horizontal")]),dir:o,ref_for:!0,ref:e=>m[i]=e,onMousedown:e=>(async(e,t)=>{t.preventDefault(),y.value=e;const{width:o,height:i}=p.value.getBoundingClientRect();h.value=o,g.value=i;const{clientX:r,clientY:n}=t;w=r,b=n,x=getComputedStyle(document.body).cursor,document.body.style.cursor=["left","right"].includes(e)?"col-resize":"row-resize",c("moving-start",t)})(o,e)},[e.renderSlot(t.$slots,"resize-trigger",{direction:o},()=>[e.createElementVNode("div",l,[e.renderSlot(t.$slots,"resize-trigger-icon",{direction:o},()=>[e.createVNode(e.unref(r),{rotate:["left","right"].includes(o)?90:0},null,8,["rotate"])])])])],42,n))),128))]),_:3},8,["style"]))}});module.exports=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js"),o=require("../_shared/utils/dom.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const i=require("../_shared/icons/IconDragDot.vue.js"),r=require("../_shared/utils/control.js"),l=["dir","onMousedown"],n={class:"yc-resizebox-trigger-icon-wrapper"},u=e.defineComponent({name:"ResizeBox",__name:"index",props:{width:{default:void 0},height:{default:void 0},component:{default:"div"},directions:{default:()=>["right"]}},emits:["update:width","update:height","moving-start","moving","moving-end"],setup(u,{emit:s}){const a=u,d=s,{width:c,height:v}=e.toRefs(a),h=r.useControlValue(c,0,e=>{d("update:width",e)}),g=r.useControlValue(v,0,e=>{d("update:height",e)}),m=e.reactive([]),f=e.reactive({left:0,right:0,bottom:0,top:0}),p=e.ref(),x=e.ref(null);let y,b=0,w=0;return t.useEventListener("mousemove",async e=>{if(!x.value||!p.value)return;const{clientX:t,clientY:i}=e,r="left"==x.value?b-t:t-b,l="top"==x.value?w-i:i-w;b=t,w=i,["left","right"].includes(x.value)?(h.value+=r,p.value.style.width=`${o.valueToPx(h.value)}`):(g.value+=l,p.value.style.height=`${o.valueToPx(g.value)}`);const{width:n,height:u}=p.value.getBoundingClientRect();n!=h.value&&(h.value=n),u!=g.value&&(g.value=n),d("moving",{width:n,height:u},e)}),t.useEventListener("mouseup",e=>{x.value&&(x.value=null,document.body.style.cursor=y,d("moving-end",e))}),t.useResizeObserver(()=>m,e=>{e.forEach(e=>{const t=e.target.getAttribute("dir"),{contentRect:{width:o,height:i}}=e;f[t]=["right","left"].includes(t)?o:i})},{box:"border-box"}),e.watch([h,g],async()=>{x.value||(await e.nextTick(),p.value.style.width=h.value?`${o.valueToPx(h.value)}`:"",p.value.style.height=g.value?`${o.valueToPx(g.value)}`:"")},{immediate:!0}),(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),{style:e.normalizeStyle({minWidth:e.unref(o.valueToPx)(f.left+f.right),minHeight:e.unref(o.valueToPx)(f.top+f.bottom)}),class:"yc-resizebox",ref_key:"boxRef",ref:p},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.directions,(o,r)=>(e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["yc-resizebox-trigger",`yc-resizebox-direction-${o}`,"yc-resizebox-trigger-"+(["left","right"].includes(o)?"vertical":"horizontal")]),dir:o,ref_for:!0,ref:e=>m[r]=e,onMousedown:e=>(async(e,t)=>{t.preventDefault(),x.value=e;const{width:o,height:i}=p.value.getBoundingClientRect();h.value=o,g.value=i;const{clientX:r,clientY:l}=t;b=r,w=l,y=getComputedStyle(document.body).cursor,document.body.style.cursor=["left","right"].includes(e)?"col-resize":"row-resize",d("moving-start",t)})(o,e)},[e.renderSlot(t.$slots,"resize-trigger",{direction:o},()=>[e.createElementVNode("div",n,[e.renderSlot(t.$slots,"resize-trigger-icon",{direction:o},()=>[e.createVNode(e.unref(i.default),{rotate:["left","right"].includes(o)?90:0},null,8,["rotate"])])])])],42,l))),128))]),_:3},8,["style"]))}});exports.default=u;

package/lib/ResizeBox/index.vue3.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */,/* empty css            */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */,/* empty css            */exports.default=e.default;

package/lib/Result/index.d.ts

@@ -27,7 +27,7 @@ declare const Result: {
     status: import('./type').ResultStatus;
     subtitle: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').ResultSlots> & import('./type').ResultSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };

package/lib/Result/index.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */;/* empty css            */const s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */;/* empty css            */const t=Object.assign(e.default,{install:t=>{t.component("Yc"+e.default.name,e.default)}});exports.default=t;

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

@@ -1,7 +1,7 @@
-import { ResultProps, ResultSlots } from './type';
+import { ResultProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<ResultSlots> & ResultSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };

package/lib/Result/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../_shared/constants/index.js"),l={class:"yc-result"},o={class:"yc-result-icon-tip"},s=["src"],n={key:1,class:"yc-result-title"},r={key:2,class:"yc-result-subtitle"},c={key:3,class:"yc-result-extra"},a={key:4,class:"yc-result-content"},u=e.defineComponent({name:"Result",__name:"index",props:{status:{default:"info"},title:{default:""},subtitle:{default:""}},setup(u){const i=u,{status:d}=e.toRefs(i);return(u,i)=>(e.openBlock(),e.createElementBlock("div",l,[u.$slots.icon||e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-result-icon",`yc-result-icon-${e.unref(d)}`])},[e.createElementVNode("div",o,[e.renderSlot(u.$slots,"icon",{},()=>[e.unref(d)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[["403","404","500"].includes(e.unref(d))?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(t.TYPE_ICON_MAP)[`result-${e.unref(d)}`]},null,8,s)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t.TYPE_ICON_MAP)[`result-${e.unref(d)}`]),{key:1}))],64)):e.createCommentVNode("",!0)])])],2)):e.createCommentVNode("",!0),u.$slots.title||u.title?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(u.title),1)])])):e.createCommentVNode("",!0),u.$slots.subtitle||u.subtitle?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(u.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(u.subtitle),1)])])):e.createCommentVNode("",!0),u.$slots.extra?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(u.$slots,"extra")])):e.createCommentVNode("",!0),u.$slots.default?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(u.$slots,"default")])):e.createCommentVNode("",!0)]))}});module.exports=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/constants/index.js"),l={class:"yc-result"},o={class:"yc-result-icon-tip"},r=["src"],s={key:1,class:"yc-result-title"},n={key:2,class:"yc-result-subtitle"},c={key:3,class:"yc-result-extra"},a={key:4,class:"yc-result-content"},u=e.defineComponent({name:"Result",__name:"index",props:{status:{default:"info"},title:{default:""},subtitle:{default:""}},setup(u){const i=e.useSlots(),d=u,{status:m}=e.toRefs(d);return(u,d)=>(e.openBlock(),e.createElementBlock("div",l,[i.icon||e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-result-icon",`yc-result-icon-${e.unref(m)}`])},[e.createElementVNode("div",o,[e.renderSlot(u.$slots,"icon",{},()=>[e.unref(m)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[["403","404","500"].includes(e.unref(m))?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(t.TYPE_ICON_MAP)[`result-${e.unref(m)}`]},null,8,r)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t.TYPE_ICON_MAP)[`result-${e.unref(m)}`]),{key:1}))],64)):e.createCommentVNode("",!0)])])],2)):e.createCommentVNode("",!0),i.title||u.title?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(u.title),1)])])):e.createCommentVNode("",!0),i.subtitle||u.subtitle?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(u.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(u.subtitle),1)])])):e.createCommentVNode("",!0),i.extra?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(u.$slots,"extra")])):e.createCommentVNode("",!0),i.default?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(u.$slots,"default")])):e.createCommentVNode("",!0)]))}});exports.default=u;

package/lib/Result/index.vue3.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */,/* empty css            */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */,/* empty css            */exports.default=e.default;

package/lib/Result/type.d.ts

@@ -11,4 +11,4 @@ export interface ResultSlots {
     default?: () => VNode[];
     extra?: () => VNode[];
 }
-export type ResultStatus = 'info' | 'success' | 'warning' | 'error' | '403' | '404' | '500' | null;
+export type ResultStatus = 'success' | 'warning' | 'error' | 'info' | '403' | '404' | '500' | null;

package/lib/Scrollbar/Scrollbar.vue.d.ts

@@ -19,9 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<ScrollbarProps, {
 }, string, import('vue').PublicProps, Readonly<ScrollbarProps> & Readonly<{
     onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
 }>, {
-    scrollbar: boolean;
     type: import('./type').TackType;
-    outerClass: import('../_shared/type').ClassName;
+    scrollbar: boolean;
+    outerClass: import('..').ClassName;
     outerStyle: import('vue').CSSProperties;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     scrollRef: HTMLDivElement;

package/lib/Scrollbar/Scrollbar.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const t=require("./ScrollbarTrack.vue.js");;/* empty css                     */const o=require("./hooks/useContext.js"),a=e.defineComponent({name:"Scrollbar",inheritAttrs:!1,__name:"Scrollbar",props:{type:{default:"embed"},outerClass:{default:""},outerStyle:{default:()=>({})},scrollbar:{type:Boolean,default:!0}},emits:["scroll"],setup(a,{expose:u,emit:c}){const s=a,n=c,{type:i,scrollbar:v}=e.toRefs(s),f=e.ref(),d=e.ref(),h=e.ref(0),m=e.ref(0);l.useResizeObserver(f,()=>{const{offsetWidth:e,offsetHeight:l}=f.value;h.value=e,m.value=l});const{hasVerticalBar:b=e.ref(!1),hashorizontalBar:p=e.ref(!1),trackHeight:k=e.ref(0),trackWidth:y=e.ref(0),scrollWidth:g,scrollHeight:T,curLeft:z,curTop:S,movableLeft:B,movableTop:H}=function(){if(!v.value)return{hasVerticalBar:e.ref(!1),hashorizontalBar:e.ref(!1),trackHeight:e.ref(0),trackWidth:e.ref(0),contentWidth:e.ref(0),contentHeight:e.ref(0),scrollWidth:e.ref(0),scrollHeight:e.ref(0),curLeft:e.ref(0),curTop:e.ref(0),movableLeft:e.ref(0),movableTop:e.ref(0)};const t=e.ref(0),a=e.ref(0),{width:u,height:c}=l.useElementSize(d,void 0,{box:"border-box"}),s=e.ref(0),n=e.ref(0),i=e.computed(()=>!!d.value&&(m.value>c.value&&r.isVerticallyScrollable(d.value))),f=e.computed(()=>!!d.value&&(h.value>u.value&&r.isHorizontallyScrollable(d.value))),b=e.computed(()=>{if(!i.value)return 0;const e=+(c.value*c.value/m.value).toFixed(0);return e<=20?20:e}),p=e.computed(()=>{if(!f.value)return 0;const e=+(u.value*u.value/h.value).toFixed(0);return e<=20?20:e}),k=e.computed(()=>{const e=f.value?a.value:0;return c.value-b.value-e}),y=e.computed(()=>{const e=i.value?t.value:0;return u.value-p.value-e});return o().provide({curLeft:n,curTop:s,movableLeft:y,movableTop:k,thumbHeight:b,thumbWidth:p,scrollRef:d,isDragging:e.ref(!1)}),{hasVerticalBar:i,hashorizontalBar:f,trackWidth:t,trackHeight:a,contentHeight:m,contentWidth:h,scrollHeight:c,scrollWidth:u,movableLeft:y,movableTop:k,curTop:s,curLeft:n}}(),L=e=>{const{scrollTop:l,scrollLeft:r,scrollWidth:t,scrollHeight:o}=e.target;if(n("scroll",r,l,e),!v.value)return;const a=l/(m.value-T.value)*H.value;S.value=a<=H.value?a:H.value;const u=r/(h.value-g.value)*B.value;z.value=u<=B.value?u:B.value},W=(e,l)=>{if(e){S.value=l;const e=m.value-T.value,r=S.value/H.value*e;d.value.scrollTop=r>=e?e:r}else{z.value=l;const e=h.value-g.value,r=z.value/B.value*e;d.value.scrollLeft=r>=e?e:r}};return u({scrollTo(e){var l;null==(l=d.value)||l.scrollTo(e)},scrollLeft(e){var l;null==(l=d.value)||l.scrollTo({left:e})},scrollTop(e){var l;null==(l=d.value)||l.scrollTo({top:e})},getScrollRef:()=>d.value}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-scrollbar",l.outerClass,{"yc-scrollbar-both-track":"track"==e.unref(i)&&e.unref(b)&&e.unref(p),"yc-scrollbar-vertical-track":"track"==e.unref(i)&&e.unref(b),"yc-scrollbar-horizontal-track":"track"==e.unref(i)&&e.unref(p),"yc-scrollbar-real":!e.unref(v)}]),style:e.normalizeStyle(l.outerStyle)},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-container",l.$attrs.class]),style:e.normalizeStyle(l.$attrs.style),ref_key:"scrollRef",ref:d,onScroll:L},[e.createElementVNode("div",{class:"yc-scrollbar-content",ref_key:"contentRef",ref:f},[e.renderSlot(l.$slots,"default")],512)],38),e.unref(b)?(e.openBlock(),e.createBlock(t,{key:0,direction:"vertical",onDrag:W,onResize:r[0]||(r[0]=e=>y.value=e)})):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createBlock(t,{key:1,direction:"horizontal",onDrag:W,onResize:r[1]||(r[1]=e=>k.value=e)})):e.createCommentVNode("",!0)],6))}});module.exports=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js"),r=require("../_shared/utils/dom.js"),t=require("./ScrollbarTrack.vue.js");;/* empty css                     */const o=require("./hooks/useContext.js"),a=e.defineComponent({name:"Scrollbar",inheritAttrs:!1,__name:"Scrollbar",props:{type:{default:"embed"},outerClass:{default:""},outerStyle:{default:()=>({})},scrollbar:{type:Boolean,default:!0}},emits:["scroll"],setup(a,{expose:u,emit:c}){const s=a,n=c,{type:v,scrollbar:i}=e.toRefs(s),f=e.ref(),d=e.ref(),h=e.ref(0),m=e.ref(0);l.useResizeObserver(f,()=>{const{offsetWidth:e,offsetHeight:l}=f.value;h.value=e,m.value=l});const{hasVerticalBar:b=e.ref(!1),hashorizontalBar:p=e.ref(!1),trackHeight:k=e.ref(0),trackWidth:y=e.ref(0),scrollWidth:g,scrollHeight:T,curLeft:S,curTop:z,movableLeft:B,movableTop:H}=function(){if(!i.value)return{hasVerticalBar:e.ref(!1),hashorizontalBar:e.ref(!1),trackHeight:e.ref(0),trackWidth:e.ref(0),contentWidth:e.ref(0),contentHeight:e.ref(0),scrollWidth:e.ref(0),scrollHeight:e.ref(0),curLeft:e.ref(0),curTop:e.ref(0),movableLeft:e.ref(0),movableTop:e.ref(0)};const t=e.ref(0),a=e.ref(0),{width:u,height:c}=l.useElementSize(d,void 0,{box:"border-box"}),s=e.ref(0),n=e.ref(0),v=e.computed(()=>!!d.value&&(m.value>c.value&&r.isVerticallyScrollable(d.value))),f=e.computed(()=>!!d.value&&(h.value>u.value&&r.isHorizontallyScrollable(d.value))),b=e.computed(()=>{if(!v.value)return 0;const e=+(c.value*c.value/m.value).toFixed(0);return e<=20?20:e}),p=e.computed(()=>{if(!f.value)return 0;const e=+(u.value*u.value/h.value).toFixed(0);return e<=20?20:e}),k=e.computed(()=>{const e=f.value?a.value:0;return c.value-b.value-e}),y=e.computed(()=>{const e=v.value?t.value:0;return u.value-p.value-e});return o.default().provide({curLeft:n,curTop:s,movableLeft:y,movableTop:k,thumbHeight:b,thumbWidth:p,scrollRef:d,isDragging:e.ref(!1)}),{hasVerticalBar:v,hashorizontalBar:f,trackWidth:t,trackHeight:a,contentHeight:m,contentWidth:h,scrollHeight:c,scrollWidth:u,movableLeft:y,movableTop:k,curTop:s,curLeft:n}}(),L=e=>{const{scrollTop:l,scrollLeft:r,scrollWidth:t,scrollHeight:o}=e.target;if(n("scroll",r,l,e),!i.value)return;const a=l/(m.value-T.value)*H.value;z.value=a<=H.value?a:H.value;const u=r/(h.value-g.value)*B.value;S.value=u<=B.value?u:B.value},W=(e,l)=>{if(e){z.value=l;const e=m.value-T.value,r=z.value/H.value*e;d.value.scrollTop=r>=e?e:r}else{S.value=l;const e=h.value-g.value,r=S.value/B.value*e;d.value.scrollLeft=r>=e?e:r}};return u({scrollTo(e){var l;null==(l=d.value)||l.scrollTo(e)},scrollLeft(e){var l;null==(l=d.value)||l.scrollTo({left:e})},scrollTop(e){var l;null==(l=d.value)||l.scrollTo({top:e})},getScrollRef:()=>d.value}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-scrollbar",l.outerClass,{"yc-scrollbar-both-track":"track"==e.unref(v)&&e.unref(b)&&e.unref(p),"yc-scrollbar-vertical-track":"track"==e.unref(v)&&e.unref(b),"yc-scrollbar-horizontal-track":"track"==e.unref(v)&&e.unref(p),"yc-scrollbar-real":!e.unref(i)}]),style:e.normalizeStyle(l.outerStyle)},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-container",l.$attrs.class]),style:e.normalizeStyle(l.$attrs.style),ref_key:"scrollRef",ref:d,onScroll:L},[e.createElementVNode("div",{class:"yc-scrollbar-content",ref_key:"contentRef",ref:f},[e.renderSlot(l.$slots,"default")],512)],38),e.unref(b)?(e.openBlock(),e.createBlock(t.default,{key:0,direction:"vertical",onDrag:W,onResize:r[0]||(r[0]=e=>y.value=e)})):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createBlock(t.default,{key:1,direction:"horizontal",onDrag:W,onResize:r[1]||(r[1]=e=>k.value=e)})):e.createCommentVNode("",!0)],6))}});exports.default=a;

package/lib/Scrollbar/Scrollbar.vue3.js

@@ -1 +1 @@
-"use strict";const r=require("./Scrollbar.vue.js");,/* empty css                */module.exports=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Scrollbar.vue.js");,/* empty css                */exports.default=e.default;

package/lib/Scrollbar/ScrollbarTrack.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const a=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const r=require("./hooks/useContext.js"),u=e.defineComponent({__name:"ScrollbarTrack",props:{direction:{default:"vertical"}},emits:["drag","resize"],setup(u,{emit:t}){const o=u,s=t,{direction:c}=e.toRefs(o),{scrollRef:i,thumbHeight:v,thumbWidth:n,movableLeft:d,movableTop:f,curTop:m,curLeft:g,isDragging:b}=r().inject(),h=e.computed(()=>"vertical"==c.value),y=e.computed(()=>h.value?{height:a.valueToPx(v.value),transform:`translateY(${a.valueToPx(m.value)})`}:{width:a.valueToPx(n.value),transform:`translateX(${a.valueToPx(g.value)})`}),p=e.ref();l.useResizeObserver(p,()=>{const{width:e,height:l}=p.value.getBoundingClientRect();s("resize",h.value?e:l)});const k=e.ref(),{x:_,y:x,isDragging:C}=l.useDraggable(k,{onMove(){const{left:e,top:l}=i.value.getBoundingClientRect(),a=l,r=f.value+a,u=e,t=d.value+u;h.value?(x.value=x.value<=a?a:x.value,x.value=x.value>=r?r:x.value,s("drag",!0,x.value-a)):(_.value=_.value<=u?u:_.value,_.value=_.value>=t?t:_.value,s("drag",!1,_.value-u))}});e.watchEffect(()=>{b.value=C.value});const j=e=>{const{offsetX:l,offsetY:a}=e;if(h.value){const e=m.value<a?f.value/9:-f.value/9;let l=m.value+e;l=l<=0?0:l,l=l>f.value?f.value:l,s("drag",!0,l)}else{const e=g.value<l?d.value/9:-d.value/9;let a=g.value+e;a=a<=0?0:a,a=a>d.value?d.value:a,s("drag",!1,a)}};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-scrollbar-track",`yc-scrollbar-track-direction-${e.unref(c)}`]),ref_key:"trackRef",ref:p,onClick:e.withModifiers(j,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-thumb",`yc-scrollbar-thumb-direction-${e.unref(c)}`]),style:e.normalizeStyle(y.value),ref_key:"dragRef",ref:k},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-thumb-bar",{"yc-scrollbar-thumb-bar-dragging":e.unref(C),"yc-scrollbar-thumb-bar-hover":!e.unref(C)&&e.unref(b)}])},null,2)],6)],2))}});module.exports=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js"),a=require("../_shared/utils/dom.js"),r=require("./hooks/useContext.js"),u=e.defineComponent({__name:"ScrollbarTrack",props:{direction:{default:"vertical"}},emits:["drag","resize"],setup(u,{emit:t}){const o=u,s=t,{direction:v}=e.toRefs(o),{scrollRef:c,thumbHeight:i,thumbWidth:n,movableLeft:d,movableTop:f,curTop:m,curLeft:g,isDragging:b}=r.default().inject(),h=e.computed(()=>"vertical"==v.value),p=e.computed(()=>h.value?{height:a.valueToPx(i.value),transform:`translateY(${a.valueToPx(m.value)})`}:{width:a.valueToPx(n.value),transform:`translateX(${a.valueToPx(g.value)})`}),y=e.ref();l.useResizeObserver(y,()=>{const{width:e,height:l}=y.value.getBoundingClientRect();s("resize",h.value?e:l)});const k=e.ref(),{x:x,y:C,isDragging:T}=l.useDraggable(k,{onMove(){const{left:e,top:l}=c.value.getBoundingClientRect(),a=l,r=f.value+a,u=e,t=d.value+u;h.value?(C.value=C.value<=a?a:C.value,C.value=C.value>=r?r:C.value,s("drag",!0,C.value-a)):(x.value=x.value<=u?u:x.value,x.value=x.value>=t?t:x.value,s("drag",!1,x.value-u))}});e.watchEffect(()=>{b.value=T.value});const _=e=>{const{offsetX:l,offsetY:a}=e;if(h.value){const e=m.value<a?f.value/9:-f.value/9;let l=m.value+e;l=l<=0?0:l,l=l>f.value?f.value:l,s("drag",!0,l)}else{const e=g.value<l?d.value/9:-d.value/9;let a=g.value+e;a=a<=0?0:a,a=a>d.value?d.value:a,s("drag",!1,a)}};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-scrollbar-track",`yc-scrollbar-track-direction-${e.unref(v)}`]),ref_key:"trackRef",ref:y,onClick:e.withModifiers(_,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-thumb",`yc-scrollbar-thumb-direction-${e.unref(v)}`]),style:e.normalizeStyle(p.value),ref_key:"dragRef",ref:k},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-thumb-bar",{"yc-scrollbar-thumb-bar-dragging":e.unref(T),"yc-scrollbar-thumb-bar-hover":!e.unref(T)&&e.unref(b)}])},null,2)],6)],2))}});exports.default=u;

package/lib/Scrollbar/ScrollbarTrack.vue3.js

@@ -1 +1 @@
-"use strict";const r=require("./ScrollbarTrack.vue.js");,/* empty css                     */module.exports=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ScrollbarTrack.vue.js");,/* empty css                     */exports.default=e.default;

package/lib/Scrollbar/hooks/useContext.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),r="scrollbar-context";module.exports=()=>({provide:t=>{e.provide(r,t)},inject:()=>e.inject(r,{curTop:e.ref(0),curLeft:e.ref(0),movableLeft:e.ref(0),movableTop:e.ref(0),thumbHeight:e.ref(0),thumbWidth:e.ref(0),scrollRef:e.ref(),isDragging:e.ref(!1)})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r="scrollbar-context";exports.default=()=>({provide:t=>{e.provide(r,t)},inject:()=>e.inject(r,{curTop:e.ref(0),curLeft:e.ref(0),movableLeft:e.ref(0),movableTop:e.ref(0),thumbHeight:e.ref(0),thumbWidth:e.ref(0),scrollRef:e.ref(),isDragging:e.ref(!1)})});

package/lib/Scrollbar/index.d.ts

@@ -13,9 +13,9 @@ declare const Scrollbar: {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         scroll: (left: number, top: number, ev: Event) => any;
     }, import('vue').PublicProps, {
-        scrollbar: boolean;
         type: import('./type').TackType;
-        outerClass: import('../_shared/type').ClassName;
+        scrollbar: boolean;
+        outerClass: import('..').ClassName;
         outerStyle: import('vue').CSSProperties;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         scrollRef: HTMLDivElement;
@@ -35,9 +35,9 @@ declare const Scrollbar: {
         scrollTop(top: number): void;
         getScrollRef(): HTMLDivElement;
     }, {}, {}, {}, {
-        scrollbar: boolean;
         type: import('./type').TackType;
-        outerClass: import('../_shared/type').ClassName;
+        scrollbar: boolean;
+        outerClass: import('..').ClassName;
         outerStyle: import('vue').CSSProperties;
     }>;
     __isFragment?: never;
@@ -53,9 +53,9 @@ declare const Scrollbar: {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     scroll: (left: number, top: number, ev: Event) => any;
 }, string, {
-    scrollbar: boolean;
     type: import('./type').TackType;
-    outerClass: import('../_shared/type').ClassName;
+    scrollbar: boolean;
+    outerClass: import('..').ClassName;
     outerStyle: import('vue').CSSProperties;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').ScrollbarSlots> & import('./type').ScrollbarSlots;

package/lib/Scrollbar/index.js

@@ -1 +1 @@
-"use strict";const e=require("./Scrollbar.vue.js");;/* empty css                */const r=Object.assign(e,{install:r=>{r.component("Yc"+e.name,e)}});module.exports=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Scrollbar.vue.js");;/* empty css                */const t=Object.assign(e.default,{install:t=>{t.component("Yc"+e.default.name,e.default)}});exports.default=t;

package/lib/Select/Optgroup.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t={class:"yc-option-group-label text-ellipsis"},l=e.defineComponent({name:"Optgroup",__name:"Optgroup",props:{label:{}},setup:l=>(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",t,[e.renderSlot(l.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(l.label),1)])]),e.renderSlot(l.$slots,"default")],64))});module.exports=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t={class:"yc-option-group-label text-ellipsis"},l=e.defineComponent({name:"Optgroup",__name:"Optgroup",props:{label:{}},setup:l=>(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",t,[e.renderSlot(l.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(l.label),1)])]),e.renderSlot(l.$slots,"default")],64))});exports.default=l;

package/lib/Select/Optgroup.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./Optgroup.vue.js");,/* empty css               */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Optgroup.vue.js");,/* empty css               */exports.default=e.default;

package/lib/Select/Option.vue.d.ts

@@ -1,7 +1,7 @@
-import { OptionProps, OptionSlots } from './type';
+import { OptionProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<OptionSlots> & OptionSlots;
+    slots: any;
     refs: {
         contentRef: HTMLDivElement;
     };
@@ -9,9 +9,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<OptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OptionProps> & Readonly<{}>, {
-    disabled: boolean;
-    value: import('./type').OptionValue;
     label: string;
+    disabled: boolean;
+    value: import('./type').SelectOptionValue;
     isFallbackOption: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     contentRef: HTMLDivElement;

package/lib/Select/Option.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),n=require("../Checkbox/index.js"),s={key:0,class:"yc-select-option-icon"},a={key:3,class:"yc-select-option-suffix"},r=e.defineComponent({name:"Option",__name:"Option",props:{label:{default:""},value:{type:[String,Number,Boolean,Object],default:""},disabled:{type:Boolean,default:!1},tagProps:{},id:{},isFallbackOption:{type:Boolean,default:!1}},setup(r){const i=r,{label:u,disabled:c}=e.toRefs(i),{computedValue:d,multiple:f,limit:p,curIndex:v,options:m,blur:k,filterOption:y,getValue:x,emits:b,collectOption:B}=o().inject(),h=e.ref(),_=e.computed(()=>`${i.value}`?i.value:t.getDomText(h)),j=e.computed(()=>i.label?i.label:t.getDomText(h)),g=e.computed(()=>{if(!f.value)return!1;return-1!=d.value.findIndex(e=>x(e)===x(_.value))}),q=()=>{c.value||l.isUndefined(d.value)||(d.value=_.value,b("select",_.value),k())},C=e=>{const t=d.value,{value:l}=_;if(e){if(p.value>0&&t.length==p.value)return b("exceedLimit",l);b("select",_.value),d.value=[...t,l]}else d.value=t.filter(e=>e!=l)};return B(i,j),(t,l)=>{var o;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-select-option",{"yc-select-option-active":(null==(o=e.unref(m)[e.unref(v)])?void 0:o.value)==_.value,"yc-select-option-disabled":e.unref(c)}])},[t.$slots.icon?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.unref(f)?(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,"model-value":g.value,disabled:e.unref(c),"onUpdate:modelValue":C,class:"yc-select-option-content"},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"contentRef",ref:h},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)])],512)]),_:3},8,["model-value","disabled"])):(e.openBlock(),e.createElementBlock("div",{key:2,class:"yc-select-option-content text-ellipsis",ref_key:"contentRef",ref:h,onClick:q},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)])],512)),t.$slots.suffix?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(t.$slots,"suffix")])):e.createCommentVNode("",!0)],2)),[[e.vShow,e.unref(y)({...t.$props,label:j.value})]])}}});module.exports=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/is.js"),l=require("../_shared/utils/dom.js"),o=require("./hooks/useContext.js"),n=require("../Checkbox/index.js"),a={key:0,class:"yc-select-option-icon"},u={key:3,class:"yc-select-option-suffix"},s=e.defineComponent({name:"Option",__name:"Option",props:{label:{default:""},value:{type:[String,Number,Boolean],default:""},disabled:{type:Boolean,default:!1},tagProps:{},id:{},isFallbackOption:{type:Boolean,default:!1}},setup(s){const i=e.useSlots(),r=s,{label:c,disabled:d}=e.toRefs(r),{computedValue:f,multiple:p,limit:v,curIndex:m,options:k,blur:y,filterOption:x,getValue:b,emits:B,collectOption:S}=o.default().inject(),g=e.ref(),_=e.computed(()=>`${r.value}`?r.value:l.getDomText(g)),h=e.computed(()=>r.label?r.label:l.getDomText(g)),C=e.computed(()=>{if(!p.value)return!1;return-1!=f.value.findIndex(e=>b(e)===b(_.value))}),V=()=>{d.value||t.isUndefined(f.value)||(f.value=_.value,B("select",_.value),y())},j=e=>{const t=f.value,{value:l}=_;if(e){if(v.value>0&&t.length==v.value)return B("exceedLimit",l);B("select",_.value),f.value=[...t,l]}else f.value=t.filter(e=>e!=l)};return S(r,h),(t,l)=>{var o;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-select-option",{"yc-select-option-active":(null==(o=e.unref(k)[e.unref(m)])?void 0:o.value)==_.value,"yc-select-option-disabled":e.unref(d)}])},[i.icon?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,"model-value":C.value,disabled:e.unref(d),"onUpdate:modelValue":j,class:"yc-select-option-content"},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"contentRef",ref:g},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])],512)]),_:3},8,["model-value","disabled"])):(e.openBlock(),e.createElementBlock("div",{key:2,class:"yc-select-option-content text-ellipsis",ref_key:"contentRef",ref:g,onClick:V},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])],512)),i.suffix?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(t.$slots,"suffix")])):e.createCommentVNode("",!0)],2)),[[e.vShow,e.unref(x)({...t.$props,label:h.value})]])}}});exports.default=s;

package/lib/Select/Option.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./Option.vue.js");,/* empty css             */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Option.vue.js");,/* empty css             */exports.default=e.default;