yc-design-vue 1.8.7 → 1.8.8

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"),i=require("../../_shared/utils/control.js"),o="radio-group-context";module.exports=()=>({provide:(t,u)=>{const{modelValue:l,defaultValue:d,disabled:a,type:c,options:n}=e.toRefs(t),{size:p}=r.getGlobalConfig(t),m=i(l,d.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:a,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";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:()=>{}})});

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,9 +44,9 @@ 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 () => {
@@ -60,9 +60,9 @@ declare const Radio: {
             change: (value: import('./type').RadioValue) => any;
             "update:modelValue": (value: import('./type').RadioValue) => any;
         }, import('vue').PublicProps, {
-            type: import('./type').RadioType;
             size: import('..').Size;
             disabled: boolean;
+            type: import('./type').RadioType;
             modelValue: import('./type').RadioValue;
             defaultValue: import('./type').RadioValue;
             options: import('./type').RadioOption[];
@@ -78,9 +78,9 @@ declare const Radio: {
             onChange?: ((value: import('./type').RadioValue) => any) | undefined;
             "onUpdate:modelValue"?: ((value: import('./type').RadioValue) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            type: import('./type').RadioType;
             size: import('..').Size;
             disabled: boolean;
+            type: import('./type').RadioType;
             modelValue: import('./type').RadioValue;
             defaultValue: import('./type').RadioValue;
             options: import('./type').RadioOption[];
@@ -96,9 +96,9 @@ declare const Radio: {
         change: (value: import('./type').RadioValue) => any;
         "update:modelValue": (value: import('./type').RadioValue) => any;
     }, string, {
-        type: import('./type').RadioType;
         size: import('..').Size;
         disabled: boolean;
+        type: import('./type').RadioType;
         modelValue: import('./type').RadioValue;
         defaultValue: import('./type').RadioValue;
         options: import('./type').RadioOption[];

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("../Empty/index.js");/* empty css                               */const o=require("../_shared/icons/IconFaceSmile.vue.js"),r=require("../_shared/icons/IconStar.vue.js"),t=require("../_shared/utils/control.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:f,readonly:m,disabled:y,count:k,allowClear:p,color:h}=e.toRefs(i),B=e.ref([]);let g=!1;const j=e.ref(0),_=t(v,f.value,e=>{d("update:modelValue",e)}),q=e.computed(()=>{var e;return a.isObject(h.value)?(null==(e=Object.entries(h.value).find(([e])=>j.value<=+e))?void 0:e[1])??"rgb(247, 186, 30)":h.value??"rgb(247, 186, 30)"}),C=async e=>{if(!(m.value||y.value||g)){_.value=p.value&&_.value==e?0:e,d("change",_.value),g=!0;for(let e=1;e<=k.value;e++){if(e>_.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 V=e=>{m.value||y.value||(b&&clearTimeout(b),j.value=e,d("hover-change",e))},M=()=>{m.value||y.value||(b&&clearTimeout(b),b=setTimeout(()=>{j.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(m)}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),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<=j.value?q.value:""}),onClick:e.withModifiers(e=>C(a-.5),["stop"]),onMouseenter:e=>V(a-.5),onMouseleave:M},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(o),{key:0})):(e.openBlock(),e.createBlock(e.unref(r),{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<=j.value?q.value:""}),onClick:e=>C(a),onMouseenter:e=>V(a),onMouseleave:M},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(o),{key:0})):(e.openBlock(),e.createBlock(e.unref(r),{key:1}))])],44,c)]))),128))],2))}});module.exports=u;
+"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("../Empty/index.js");/* empty css                               */const o=require("../_shared/icons/IconFaceSmile.vue.js"),r=require("../_shared/icons/IconStar.vue.js");require("../_shared/utils/locale.js");const t=require("../_shared/utils/control.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:f,readonly:m,disabled:y,count:k,allowClear:p,color:h}=e.toRefs(i),B=e.ref([]);let g=!1;const j=e.ref(0),_=t(v,f.value,e=>{d("update:modelValue",e)}),q=e.computed(()=>{var e;return a.isObject(h.value)?(null==(e=Object.entries(h.value).find(([e])=>j.value<=+e))?void 0:e[1])??"rgb(247, 186, 30)":h.value??"rgb(247, 186, 30)"}),C=async e=>{if(!(m.value||y.value||g)){_.value=p.value&&_.value==e?0:e,d("change",_.value),g=!0;for(let e=1;e<=k.value;e++){if(e>_.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 V=e=>{m.value||y.value||(b&&clearTimeout(b),j.value=e,d("hover-change",e))},M=()=>{m.value||y.value||(b&&clearTimeout(b),b=setTimeout(()=>{j.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(m)}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),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<=j.value?q.value:""}),onClick:e.withModifiers(e=>C(a-.5),["stop"]),onMouseenter:e=>V(a-.5),onMouseleave:M},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(o),{key:0})):(e.openBlock(),e.createBlock(e.unref(r),{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<=j.value?q.value:""}),onClick:e=>C(a),onMouseenter:e=>V(a),onMouseleave:M},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(o),{key:0})):(e.openBlock(),e.createBlock(e.unref(r),{key:1}))])],44,c)]))),128))],2))}});module.exports=u;

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("../Empty/index.js");const r=require("../_shared/utils/control.js");;/* empty css                              */const i=require("../_shared/icons/IconDragDot.vue.js"),l=["dir","onMousedown"],u={class:"yc-resizebox-trigger-icon-wrapper"},n=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(n,{emit:s}){e.useSlots();const a=n,c=s,{width:d,height:v}=e.toRefs(a),h=r(d,0,e=>{c("update:width",e)}),g=r(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),b=e.ref(0),x=e.ref(0);let w;return t.useEventListener("mousemove",async e=>{if(!y.value||!p.value)return;const{clientX:t,clientY:r}=e,i="left"==y.value?b.value-t:t-b.value,l="top"==y.value?x.value-r:r-x.value,u=f.left+f.right,n=f.top+f.bottom;b.value=t,x.value=r,["left","right"].includes(y.value)?(h.value+=i,h.value<=u&&(h.value=u),p.value.style.width=o.valueToPx(h.value)):(g.value+=l,g.value<=n&&(g.value=n),p.value.style.height=o.valueToPx(g.value));const{width:s,height:a}=p.value.getBoundingClientRect();h.value!=s&&(h.value=s),a!=g.value&&(g.value=a),c("moving",{width:s,height:a},e)}),t.useEventListener("mouseup",e=>{y.value&&(y.value=null,document.body.style.cursor=w,c("moving-end",e))}),t.useResizeObserver(()=>m,e=>{e.forEach(e=>{const t=e.target.getAttribute("dir"),{contentRect:{width:o,height:r}}=e;f[t]=["right","left"].includes(t)?o:r})},{box:"border-box"}),(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),{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=>((e,t)=>{t.preventDefault(),y.value=e;const{width:o,height:r}=p.value.getBoundingClientRect(),{clientX:i,clientY:l}=t;h.value=o,g.value=r,b.value=i,x.value=l,w=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",u,[e.renderSlot(t.$slots,"resize-trigger-icon",{direction:o},()=>[e.createVNode(e.unref(i),{rotate:["left","right"].includes(o)?90:0},null,8,["rotate"])])])])],42,l))),128))]),_:3},512))}});module.exports=n;
+"use strict";const e=require("vue"),t=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("../Empty/index.js"),require("../_shared/utils/locale.js");const o=require("../_shared/utils/control.js");;/* empty css                              */const i=require("../_shared/icons/IconDragDot.vue.js"),l=["dir","onMousedown"],u={class:"yc-resizebox-trigger-icon-wrapper"},n=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(n,{emit:s}){e.useSlots();const a=n,c=s,{width:d,height:v}=e.toRefs(a),h=o(d,0,e=>{c("update:width",e)}),g=o(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),b=e.ref(0),x=e.ref(0);let w;return t.useEventListener("mousemove",async e=>{if(!y.value||!p.value)return;const{clientX:t,clientY:o}=e,i="left"==y.value?b.value-t:t-b.value,l="top"==y.value?x.value-o:o-x.value,u=f.left+f.right,n=f.top+f.bottom;b.value=t,x.value=o,["left","right"].includes(y.value)?(h.value+=i,h.value<=u&&(h.value=u),p.value.style.width=r.valueToPx(h.value)):(g.value+=l,g.value<=n&&(g.value=n),p.value.style.height=r.valueToPx(g.value));const{width:s,height:a}=p.value.getBoundingClientRect();h.value!=s&&(h.value=s),a!=g.value&&(g.value=a),c("moving",{width:s,height:a},e)}),t.useEventListener("mouseup",e=>{y.value&&(y.value=null,document.body.style.cursor=w,c("moving-end",e))}),t.useResizeObserver(()=>m,e=>{e.forEach(e=>{const t=e.target.getAttribute("dir"),{contentRect:{width:r,height:o}}=e;f[t]=["right","left"].includes(t)?r:o})},{box:"border-box"}),(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),{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,(r,o)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(["yc-resizebox-trigger",`yc-resizebox-direction-${r}`,"yc-resizebox-trigger-"+(["left","right"].includes(r)?"vertical":"horizontal")]),dir:r,ref_for:!0,ref:e=>m[o]=e,onMousedown:e=>((e,t)=>{t.preventDefault(),y.value=e;const{width:r,height:o}=p.value.getBoundingClientRect(),{clientX:i,clientY:l}=t;h.value=r,g.value=o,b.value=i,x.value=l,w=getComputedStyle(document.body).cursor,document.body.style.cursor=["left","right"].includes(e)?"col-resize":"row-resize",c("moving-start",t)})(r,e)},[e.renderSlot(t.$slots,"resize-trigger",{direction:r},()=>[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"resize-trigger-icon",{direction:r},()=>[e.createVNode(e.unref(i),{rotate:["left","right"].includes(r)?90:0},null,8,["rotate"])])])])],42,l))),128))]),_:3},512))}});module.exports=n;

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

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

package/lib/Scrollbar/Scrollbar.vue.js

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

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("../Empty/index.js");/* empty css                               */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:n,thumbWidth:v,movableLeft:d,movableTop:m,curTop:f,curLeft:g,isDragging:b}=r().inject(),h=e.computed(()=>"vertical"==c.value),y=e.computed(()=>h.value?{height:a.valueToPx(n.value),transform:`translateY(${a.valueToPx(f.value)})`}:{width:a.valueToPx(v.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:x,y:_,isDragging:j}=l.useDraggable(k,{onMove(){const{left:e,top:l}=i.value.getBoundingClientRect(),a=l,r=m.value+a,u=e,t=d.value+u;h.value?(_.value=_.value<=a?a:_.value,_.value=_.value>=r?r:_.value,s("drag",!0,_.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=j.value});const q=e=>{const{offsetX:l,offsetY:a}=e;if(h.value){const e=f.value<a?m.value/9:-m.value/9;let l=f.value+e;l=l<=0?0:l,l=l>m.value?m.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(q,["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(j),"yc-scrollbar-thumb-bar-hover":!e.unref(j)&&e.unref(b)}])},null,2)],6)],2))}});module.exports=u;
+"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("../Empty/index.js"),/* empty css                               */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:n,thumbWidth:v,movableLeft:d,movableTop:m,curTop:f,curLeft:g,isDragging:h}=r().inject(),b=e.computed(()=>"vertical"==c.value),y=e.computed(()=>b.value?{height:a.valueToPx(n.value),transform:`translateY(${a.valueToPx(f.value)})`}:{width:a.valueToPx(v.value),transform:`translateX(${a.valueToPx(g.value)})`}),p=e.ref();l.useResizeObserver(p,()=>{const{width:e,height:l}=p.value.getBoundingClientRect();s("resize",b.value?e:l)});const k=e.ref(),{x:_,y:j,isDragging:q}=l.useDraggable(k,{onMove(){const{left:e,top:l}=i.value.getBoundingClientRect(),a=l,r=m.value+a,u=e,t=d.value+u;b.value?(j.value=j.value<=a?a:j.value,j.value=j.value>=r?r:j.value,s("drag",!0,j.value-a)):(_.value=_.value<=u?u:_.value,_.value=_.value>=t?t:_.value,s("drag",!1,_.value-u))}});e.watchEffect(()=>{h.value=q.value});const x=e=>{const{offsetX:l,offsetY:a}=e;if(b.value){const e=f.value<a?m.value/9:-m.value/9;let l=f.value+e;l=l<=0?0:l,l=l>m.value?m.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(x,["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(q),"yc-scrollbar-thumb-bar-hover":!e.unref(q)&&e.unref(h)}])},null,2)],6)],2))}});module.exports=u;

package/lib/Scrollbar/index.d.ts

@@ -13,8 +13,8 @@ declare const Scrollbar: {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         scroll: (left: number, top: number, ev: Event) => any;
     }, import('vue').PublicProps, {
-        type: import('./type').TackType;
         scrollbar: boolean;
+        type: import('./type').TackType;
         outerClass: import('../_shared/type').ClassName;
         outerStyle: import('vue').CSSProperties;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -35,8 +35,8 @@ declare const Scrollbar: {
         scrollTop(top: number): void;
         getScrollRef(): HTMLDivElement;
     }, {}, {}, {}, {
-        type: import('./type').TackType;
         scrollbar: boolean;
+        type: import('./type').TackType;
         outerClass: import('../_shared/type').ClassName;
         outerStyle: import('vue').CSSProperties;
     }>;
@@ -53,8 +53,8 @@ declare const Scrollbar: {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     scroll: (left: number, top: number, ev: Event) => any;
 }, string, {
-    type: import('./type').TackType;
     scrollbar: boolean;
+    type: import('./type').TackType;
     outerClass: import('../_shared/type').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 () => {

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("../Empty/index.js");/* empty css                               */const o=require("./hooks/useContext.js"),n=require("../Checkbox/index.js"),s={key:0,class:"yc-select-option-icon"},r={key:3,class:"yc-select-option-suffix"},a=e.defineComponent({name:"Option",__name:"Option",props:{label:{default:""},value:{type:[String,Number,Boolean,Object,Array],default:""},disabled:{type:Boolean,default:!1},tagProps:{},id:{},isFallbackOption:{type:Boolean,default:!1}},setup(a){const i=a,{label:u,disabled:c}=e.toRefs(i),{computedValue:d,multiple:p,limit:f,curIndex:v,options:m,blur:y,filterOption:k,getValue:x,emits:b,collectOption:B}=o().inject(),h=e.ref(),j=e.computed(()=>`${i.value}`?i.value:t.getDomText(h)),_=e.computed(()=>i.label?i.label:t.getDomText(h)),q=e.computed(()=>{if(!p.value)return!1;return-1!=d.value.findIndex(e=>x(e)===x(j.value))}),g=()=>{c.value||l.isUndefined(d.value)||(d.value=j.value,b("select",j.value),y())},C=e=>{const t=d.value,{value:l}=j;if(e){if(f.value>0&&t.length==f.value)return b("exceedLimit",l);b("select",j.value),d.value=[...t,l]}else d.value=t.filter(e=>e!=l)};return B(i,_),(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)==j.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(p)?(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,"model-value":q.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:g},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)])],512)),t.$slots.suffix?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"suffix")])):e.createCommentVNode("",!0)],2)),[[e.vShow,e.unref(k)({...t.$props,label:_.value})]])}}});module.exports=a;
+"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("../Empty/index.js"),/* empty css                               */require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),n=require("../Checkbox/index.js"),s={key:0,class:"yc-select-option-icon"},r={key:3,class:"yc-select-option-suffix"},a=e.defineComponent({name:"Option",__name:"Option",props:{label:{default:""},value:{type:[String,Number,Boolean,Object,Array],default:""},disabled:{type:Boolean,default:!1},tagProps:{},id:{},isFallbackOption:{type:Boolean,default:!1}},setup(a){const i=a,{label:u,disabled:c}=e.toRefs(i),{computedValue:d,multiple:p,limit:f,curIndex:v,options:m,blur:y,filterOption:k,getValue:x,emits:b,collectOption:B}=o().inject(),h=e.ref(),j=e.computed(()=>`${i.value}`?i.value:t.getDomText(h)),_=e.computed(()=>i.label?i.label:t.getDomText(h)),q=e.computed(()=>{if(!p.value)return!1;return-1!=d.value.findIndex(e=>x(e)===x(j.value))}),g=()=>{c.value||l.isUndefined(d.value)||(d.value=j.value,b("select",j.value),y())},C=e=>{const t=d.value,{value:l}=j;if(e){if(f.value>0&&t.length==f.value)return b("exceedLimit",l);b("select",j.value),d.value=[...t,l]}else d.value=t.filter(e=>e!=l)};return B(i,_),(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)==j.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(p)?(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,"model-value":q.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:g},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)])],512)),t.$slots.suffix?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"suffix")])):e.createCommentVNode("",!0)],2)),[[e.vShow,e.unref(k)({...t.$props,label:_.value})]])}}});module.exports=a;

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

@@ -1,4 +1,4 @@
-import { SelectProps, SelectSlots } from './type';
+import { SelectProps, SelectSlots, SelectValue } from './type';
 import { InputTagValue } from '../InputTag';
 import { TriggerInstance } from '../Trigger';
 declare function __VLS_template(): {
@@ -315,10 +315,10 @@ declare function __VLS_template(): {
                 remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "press-enter": (ev: KeyboardEvent) => any;
             }, string, {
-                error: boolean;
-                placeholder: string;
                 size: import('..').Size;
                 disabled: boolean;
+                error: boolean;
+                placeholder: string;
                 modelValue: InputTagValue;
                 defaultValue: InputTagValue;
                 allowClear: boolean;
@@ -352,10 +352,10 @@ declare function __VLS_template(): {
             $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<{
-            error: boolean;
-            placeholder: string;
             size: import('..').Size;
             disabled: boolean;
+            error: boolean;
+            placeholder: string;
             modelValue: InputTagValue;
             defaultValue: InputTagValue;
             allowClear: boolean;
@@ -378,7 +378,7 @@ declare function __VLS_template(): {
             "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
             onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "focus" | "blur" | ("error" | "placeholder" | "size" | "disabled" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "blur" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -393,47 +393,47 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     blur(): void;
     getPopupRef(): TriggerInstance;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (value: import('./type').SelectValue) => any;
+    change: (value: SelectValue) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: import('./type').SelectValue) => any;
+    select: (value: SelectValue) => any;
     search: (value: string) => any;
-    "update:modelValue": (value: import('./type').SelectValue) => any;
-    "update:inputValue": (value: import('./type').SelectValue) => any;
+    "update:modelValue": (value: SelectValue) => any;
+    "update:inputValue": (value: SelectValue) => any;
     "input-value-change": (value: string) => any;
     remove: (index: string | number, ev: Event) => any;
-    exceedLimit: (value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any;
+    exceedLimit: (value: SelectValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
-    onChange?: ((value: import('./type').SelectValue) => any) | undefined;
+    onChange?: ((value: SelectValue) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onSelect?: ((value: import('./type').SelectValue) => any) | undefined;
+    onSelect?: ((value: SelectValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: import('./type').SelectValue) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: import('./type').SelectValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SelectValue) => any) | undefined;
+    "onUpdate:inputValue"?: ((value: SelectValue) => any) | undefined;
     "onInput-value-change"?: ((value: string) => any) | undefined;
     onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-    onExceedLimit?: ((value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
+    onExceedLimit?: ((value: SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
 }>, {
-    loading: boolean;
-    error: boolean;
-    placeholder: string;
     size: import('..').Size;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
     popupContainer: import('..').PopupContainer;
+    loading: boolean;
+    error: boolean;
     scrollbar: boolean;
     multiple: boolean;
+    placeholder: string;
     bordered: boolean;
-    modelValue: import('./type').SelectValue;
-    defaultValue: import('./type').SelectValue;
+    modelValue: SelectValue;
+    defaultValue: SelectValue;
     allowClear: boolean;
     showExtraOptions: boolean;
     options: import('./type').SelectOptions;
@@ -764,10 +764,10 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
             "press-enter": (ev: KeyboardEvent) => any;
         }, string, {
-            error: boolean;
-            placeholder: string;
             size: import('..').Size;
             disabled: boolean;
+            error: boolean;
+            placeholder: string;
             modelValue: InputTagValue;
             defaultValue: InputTagValue;
             allowClear: boolean;
@@ -801,10 +801,10 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         $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<{
-        error: boolean;
-        placeholder: string;
         size: import('..').Size;
         disabled: boolean;
+        error: boolean;
+        placeholder: string;
         modelValue: InputTagValue;
         defaultValue: InputTagValue;
         allowClear: boolean;
@@ -827,7 +827,7 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
         onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
         "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-    }>, "focus" | "blur" | ("error" | "placeholder" | "size" | "disabled" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | "blur" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

package/lib/Select/Select.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("../Empty/index.js");/* empty css                               */const o=require("./hooks/useContext.js"),t=;/* empty css                */;/* empty css                 */const r=require("./SelectView.vue.js");;/* empty css                 */const u=require("../Input/index.js"),n=require("../InputTag/index.js"),s=require("../Trigger/index.js"),i=e.defineComponent({name:"Select",__name:"Select",props:{multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},defaultValue:{type:[String,Number,Boolean,Object,Array],default:e=>e.multiple?[]:""},inputValue:{default:void 0},defaultInputValue:{default:""},size:{default:void 0},placeholder:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},allowSearch:{type:Boolean,default:e=>e.multiple},allowCreate:{type:Boolean,default:!1},maxTagCount:{default:0},popupContainer:{default:void 0},bordered:{type:Boolean,default:!0},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},unmountonClose:{type:Boolean},filterOption:{type:[Boolean,Function],default:void 0},options:{default:()=>[]},virtualListProps:{default:void 0},triggerProps:{default:()=>({contentStyle:{}})},formatLabel:{},fallbackOption:{},showExtraOptions:{type:Boolean,default:!0},valueKey:{default:""},searchDelay:{default:500},limit:{default:0},fieldNames:{default:()=>({})},scrollbar:{type:Boolean,default:!0},showHeaderOnEmpty:{type:Boolean,default:!1},showFooterOnEmpty:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},hotkeys:{type:Boolean},showEmpty:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","update:popupVisible","change","input-value-change","clear","remove","search","exceedLimit","popup-visible-change","dropdown-scroll","dropdown-reach-bottom","select"],setup(i,{expose:p,emit:d}){const c=i,f=d,{allowClear:v,disabled:m,loading:h,searchDelay:y,showFooterOnEmpty:b,showHeaderOnEmpty:w,multiple:g,allowSearch:B,allowCreate:V,virtualListProps:C}=e.toRefs(c),k=e.ref(),x=e.ref(),{computedVisible:S,computedValue:j,computedInputValue:q,selectOptions:_,createOptions:O}=o().provide(c,f,k),E=e.computed(()=>{const e=g.value?j.value.length:String(j.value).length;return v.value&&!m.value&&!h.value&&!!e}),N=e.computed(()=>(!B.value||h.value)&&!V.value&&a.isUndefined(c.filterOption)),z=async(e,a="")=>{var o,t,r;switch(e){case"create":if(!V.value)return;if(O.value.find(e=>e==q.value))return;O.value.push({label:q.value,value:q.value}),B.value&&(null==(o=k.value)||o.blur());break;case"clear":j.value=g.value?[]:"",f("clear");break;case"search":await l.sleep(y.value),f("search",a);break;case"focus":if(m.value)return;if(S.value)return null==(t=k.value)?void 0:t.blur();S.value=!0,await l.sleep(0),null==(r=k.value)||r.focus();break;case"blur":S.value=!1;break;case"updateValue":j.value=a.map(e=>e.value)}};return p({focus(){var e;null==(e=k.value)||e.focus()},blur(){var e;null==(e=k.value)||e.blur()},getPopupRef:()=>x.value}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({"popup-visible":e.unref(S),"onUpdate:popupVisible":a[14]||(a[14]=l=>e.isRef(S)?S.value=l:null),"unmount-on-close":l.unmountonClose,"popup-container":l.popupContainer,disabled:e.unref(m),"popup-offset":4,trigger:"focus",position:"bl","animation-name":"slide-dynamic-origin","need-transform-origin":"","auto-fit-popup-width":"","prevent-focus":"",ref_key:"popupRef",ref:x},l.triggerProps),{content:e.withCtx(()=>[e.createVNode(r,{loading:e.unref(h),scrollbar:l.scrollbar,"virtual-list-props":e.unref(C),"show-footer-on-empty":e.unref(b),"show-header-on-empty":e.unref(w)},null,8,["loading","scrollbar","virtual-list-props","show-footer-on-empty","show-header-on-empty"])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-select",{"yc-select-allow-search":e.unref(B),"yc-select-allow-clear":E.value,"yc-select-no-border":!l.bordered},l.$attrs.class]),style:e.normalizeStyle(l.$attrs.style)},[e.renderSlot(l.$slots,"trigger",{},()=>{var o;return[e.unref(g)?(e.openBlock(),e.createBlock(e.unref(n),{key:1,"input-value":e.unref(q),"onUpdate:inputValue":a[7]||(a[7]=l=>e.isRef(q)?q.value=l:null),"model-value":e.unref(_),placeholder:l.placeholder,readonly:N.value,disabled:e.unref(m),size:l.size,error:l.error,"max-tag-count":l.maxTagCount,"tag-nowrap":l.tagNowrap,ref_key:"inputRef",ref:k,onFocus:a[8]||(a[8]=e=>z("focus")),onBlur:a[9]||(a[9]=e=>z("blur")),onInput:a[10]||(a[10]=e=>z("search",e)),onRemove:a[11]||(a[11]=(e,a)=>l.$emit("remove",e,a)),onPressEnter:a[12]||(a[12]=e=>z("create")),"onUpdate:modelValue":a[13]||(a[13]=e=>z("updateValue",e))},{tag:e.withCtx(({tag:a})=>[l.$slots.label?e.renderSlot(l.$slots,"label",{key:0,data:a}):e.createCommentVNode("",!0)]),suffix:e.withCtx(()=>[e.createVNode(t,{"popup-visible":e.unref(S),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":E.value,onClear:a[6]||(a[6]=e=>z("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["input-value","model-value","placeholder","readonly","disabled","size","error","max-tag-count","tag-nowrap"])):(e.openBlock(),e.createBlock(e.unref(u),{key:0,modelValue:e.unref(q),"onUpdate:modelValue":a[1]||(a[1]=l=>e.isRef(q)?q.value=l:null),"show-input":e.unref(S),readonly:N.value,disabled:e.unref(m),size:l.size,error:l.error,placeholder:(null==(o=e.unref(_)[0])?void 0:o.label)||"",ref_key:"inputRef",ref:k,onClick:a[2]||(a[2]=e=>z("focus")),onBlur:a[3]||(a[3]=e=>z("blur")),onInput:a[4]||(a[4]=e=>z("search",e)),onPressEnter:a[5]||(a[5]=e=>z("create"))},{label:e.withCtx(()=>[e.renderSlot(l.$slots,"label",{data:e.unref(_)[0]},()=>{var a;return[e.createElementVNode("span",{class:e.normalizeClass([{"yc-input-placeholder":!e.unref(_).length}])},e.toDisplayString((null==(a=e.unref(_)[0])?void 0:a.label)||l.placeholder),3)]})]),suffix:e.withCtx(()=>[e.createVNode(t,{"popup-visible":e.unref(S),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":E.value,onClear:a[0]||(a[0]=e=>z("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["modelValue","show-input","readonly","disabled","size","error","placeholder"]))]})],6)]),_:3},16,["popup-visible","unmount-on-close","popup-container","disabled"]))}});module.exports=i;
+"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("../Empty/index.js"),/* empty css                               */require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),r=;/* empty css                */;/* empty css                 */const t=require("./SelectView.vue.js");;/* empty css                 */const u=require("../Input/index.js"),n=require("../InputTag/index.js"),s=require("../Trigger/index.js"),i=e.defineComponent({name:"Select",__name:"Select",props:{multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},defaultValue:{type:[String,Number,Boolean,Object,Array],default:e=>e.multiple?[]:""},inputValue:{default:void 0},defaultInputValue:{default:""},size:{default:void 0},placeholder:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},allowSearch:{type:Boolean,default:e=>e.multiple},allowCreate:{type:Boolean,default:!1},maxTagCount:{default:0},popupContainer:{default:void 0},bordered:{type:Boolean,default:!0},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},unmountonClose:{type:Boolean},filterOption:{type:[Boolean,Function],default:void 0},options:{default:()=>[]},virtualListProps:{default:void 0},triggerProps:{default:()=>({contentStyle:{}})},formatLabel:{},fallbackOption:{},showExtraOptions:{type:Boolean,default:!0},valueKey:{default:""},searchDelay:{default:500},limit:{default:0},fieldNames:{default:()=>({})},scrollbar:{type:Boolean,default:!0},showHeaderOnEmpty:{type:Boolean,default:!1},showFooterOnEmpty:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},hotkeys:{type:Boolean},showEmpty:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","update:popupVisible","change","input-value-change","clear","remove","search","exceedLimit","popup-visible-change","dropdown-scroll","dropdown-reach-bottom","select"],setup(i,{expose:p,emit:d}){const c=i,f=d,{allowClear:v,disabled:m,loading:h,searchDelay:y,showFooterOnEmpty:b,showHeaderOnEmpty:w,multiple:g,allowSearch:B,allowCreate:V,virtualListProps:C}=e.toRefs(c),k=e.ref(),x=e.ref(),{computedVisible:j,computedValue:S,computedInputValue:q,selectOptions:_,createOptions:O}=o().provide(c,f,k),E=e.computed(()=>{const e=g.value?S.value.length:String(S.value).length;return v.value&&!m.value&&!h.value&&!!e}),N=e.computed(()=>(!B.value||h.value)&&!V.value&&a.isUndefined(c.filterOption)),z=async(e,a="")=>{var o,r,t;switch(e){case"create":if(!V.value)return;if(O.value.find(e=>e==q.value))return;O.value.push({label:q.value,value:q.value}),B.value&&(null==(o=k.value)||o.blur());break;case"clear":S.value=g.value?[]:"",f("clear");break;case"search":await l.sleep(y.value),f("search",a);break;case"focus":if(m.value)return;if(j.value)return null==(r=k.value)?void 0:r.blur();j.value=!0,await l.sleep(0),null==(t=k.value)||t.focus();break;case"blur":j.value=!1;break;case"updateValue":S.value=a.map(e=>e.value)}};return p({focus(){var e;null==(e=k.value)||e.focus()},blur(){var e;null==(e=k.value)||e.blur()},getPopupRef:()=>x.value}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({"popup-visible":e.unref(j),"onUpdate:popupVisible":a[14]||(a[14]=l=>e.isRef(j)?j.value=l:null),"unmount-on-close":l.unmountonClose,"popup-container":l.popupContainer,disabled:e.unref(m),"popup-offset":4,trigger:"focus",position:"bl","animation-name":"slide-dynamic-origin","need-transform-origin":"","auto-fit-popup-width":"","prevent-focus":"",ref_key:"popupRef",ref:x},l.triggerProps),{content:e.withCtx(()=>[e.createVNode(t,{loading:e.unref(h),scrollbar:l.scrollbar,"virtual-list-props":e.unref(C),"show-footer-on-empty":e.unref(b),"show-header-on-empty":e.unref(w)},null,8,["loading","scrollbar","virtual-list-props","show-footer-on-empty","show-header-on-empty"])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-select",{"yc-select-allow-search":e.unref(B),"yc-select-allow-clear":E.value,"yc-select-no-border":!l.bordered},l.$attrs.class]),style:e.normalizeStyle(l.$attrs.style)},[e.renderSlot(l.$slots,"trigger",{},()=>{var o;return[e.unref(g)?(e.openBlock(),e.createBlock(e.unref(n),{key:1,"input-value":e.unref(q),"onUpdate:inputValue":a[7]||(a[7]=l=>e.isRef(q)?q.value=l:null),"model-value":e.unref(_),placeholder:l.placeholder,readonly:N.value,disabled:e.unref(m),size:l.size,error:l.error,"max-tag-count":l.maxTagCount,"tag-nowrap":l.tagNowrap,ref_key:"inputRef",ref:k,onFocus:a[8]||(a[8]=e=>z("focus")),onBlur:a[9]||(a[9]=e=>z("blur")),onInput:a[10]||(a[10]=e=>z("search",e)),onRemove:a[11]||(a[11]=(e,a)=>l.$emit("remove",e,a)),onPressEnter:a[12]||(a[12]=e=>z("create")),"onUpdate:modelValue":a[13]||(a[13]=e=>z("updateValue",e))},{tag:e.withCtx(({tag:a})=>[l.$slots.label?e.renderSlot(l.$slots,"label",{key:0,data:a}):e.createCommentVNode("",!0)]),suffix:e.withCtx(()=>[e.createVNode(r,{"popup-visible":e.unref(j),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":E.value,onClear:a[6]||(a[6]=e=>z("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["input-value","model-value","placeholder","readonly","disabled","size","error","max-tag-count","tag-nowrap"])):(e.openBlock(),e.createBlock(e.unref(u),{key:0,modelValue:e.unref(q),"onUpdate:modelValue":a[1]||(a[1]=l=>e.isRef(q)?q.value=l:null),"show-input":e.unref(j),readonly:N.value,disabled:e.unref(m),size:l.size,error:l.error,placeholder:(null==(o=e.unref(_)[0])?void 0:o.label)||"",ref_key:"inputRef",ref:k,onClick:a[2]||(a[2]=e=>z("focus")),onBlur:a[3]||(a[3]=e=>z("blur")),onInput:a[4]||(a[4]=e=>z("search",e)),onPressEnter:a[5]||(a[5]=e=>z("create"))},{label:e.withCtx(()=>[e.renderSlot(l.$slots,"label",{data:e.unref(_)[0]},()=>{var a;return[e.createElementVNode("span",{class:e.normalizeClass([{"yc-input-placeholder":!e.unref(_).length}])},e.toDisplayString((null==(a=e.unref(_)[0])?void 0:a.label)||l.placeholder),3)]})]),suffix:e.withCtx(()=>[e.createVNode(r,{"popup-visible":e.unref(j),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":E.value,onClear:a[0]||(a[0]=e=>z("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["modelValue","show-input","readonly","disabled","size","error","placeholder"]))]})],6)]),_:3},16,["popup-visible","unmount-on-close","popup-container","disabled"]))}});module.exports=i;

package/lib/Select/SelectIcon.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),n=require("../_shared/icons/IconArrowDown.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                               */const c=require("../_shared/components/IconButton.vue.js");,/* empty css                                     */;/* empty css                                          */const r=require("../Spin/index.js"),t={class:"yc-select-suffix-icon"},s={key:0,class:"yc-select-search-icon"},l=e.defineComponent({__name:"SelectIcon",props:{loading:{type:Boolean},popupVisible:{type:Boolean},showClearBtn:{type:Boolean},allowSearch:{type:Boolean}},emits:["clear"],setup(l){const{slots:i}=o().inject(),a=e=>i[e];return(o,l)=>{const u=e.resolveComponent("icon-search");return o.loading?(e.openBlock(),e.createBlock(e.unref(r),{key:0,size:12,class:"yc-select-loading-icon"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("loading-icon"))))]),key:"0"}:void 0]),1024)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",t,[e.unref(i)["arrow-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("arrow-icon")),{key:0})):(e.openBlock(),e.createBlock(e.unref(n),{key:1,rotate:o.popupVisible?180:0},null,8,["rotate"]))]),o.allowSearch?(e.openBlock(),e.createElementBlock("div",s,[e.unref(i)["search-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("search-icon")),{key:0})):(e.openBlock(),e.createBlock(u,{key:1}))])):e.createCommentVNode("",!0),o.showClearBtn?(e.openBlock(),e.createBlock(e.unref(c),{key:1,class:"yc-select-clear-icon",onClick:l[0]||(l[0]=e.withModifiers(e=>o.$emit("clear"),["stop"]))})):e.createCommentVNode("",!0)],64))}}});module.exports=l;
+"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),n=require("../_shared/icons/IconArrowDown.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js"),require("../_shared/utils/locale.js");/* empty css                               */const c=require("../_shared/components/IconButton.vue.js");,/* empty css                                     */;/* empty css                                          */const r=require("../Spin/index.js"),t={class:"yc-select-suffix-icon"},s={key:0,class:"yc-select-search-icon"},l=e.defineComponent({__name:"SelectIcon",props:{loading:{type:Boolean},popupVisible:{type:Boolean},showClearBtn:{type:Boolean},allowSearch:{type:Boolean}},emits:["clear"],setup(l){const{slots:i}=o().inject(),a=e=>i[e];return(o,l)=>{const u=e.resolveComponent("icon-search");return o.loading?(e.openBlock(),e.createBlock(e.unref(r),{key:0,size:12,class:"yc-select-loading-icon"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("loading-icon"))))]),key:"0"}:void 0]),1024)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",t,[e.unref(i)["arrow-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("arrow-icon")),{key:0})):(e.openBlock(),e.createBlock(e.unref(n),{key:1,rotate:o.popupVisible?180:0},null,8,["rotate"]))]),o.allowSearch?(e.openBlock(),e.createElementBlock("div",s,[e.unref(i)["search-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("search-icon")),{key:0})):(e.openBlock(),e.createBlock(u,{key:1}))])):e.createCommentVNode("",!0),o.showClearBtn?(e.openBlock(),e.createBlock(e.unref(c),{key:1,class:"yc-select-clear-icon",onClick:l[0]||(l[0]=e.withModifiers(e=>o.$emit("clear"),["stop"]))})):e.createCommentVNode("",!0)],64))}}});module.exports=l;

package/lib/Select/SelectRealList.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const l=require("./hooks/useContext.js"),r=require("./Option.vue.js");;/* empty css             */const t=require("./Optgroup.vue.js");;/* empty css               */const n=require("../Scrollbar/index.js"),s={class:"yc-select-dropdown-list"},a=e.defineComponent({__name:"SelectRealList",props:{scrollbar:{type:Boolean}},setup(a,{expose:i}){const{fieldKey:c,renderOptions:u,slots:p,emits:d}=l().inject(),k=e.ref(),f=e=>{if(p.option)return()=>{var o;return(null==(o=p.option)?void 0:o.call(p,{data:e}))||[]};const{render:l,label:r}=c.value;return o.getSlotFunction(e[l]?e[l]:e[r])};return i({getScrollRef(){var e;return null==(e=k.value)?void 0:e.getScrollRef()}}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(n),{scrollbar:o.scrollbar,class:"yc-select-dropdown-list-wrapper"},{default:e.withCtx(()=>[e.createElementVNode("div",s,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p).default))),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},[o.isGroup?(e.openBlock(),e.createBlock(t,{key:0,label:o.label},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,o=>(e.openBlock(),e.createBlock(r,{key:o[e.unref(c).value],value:o[e.unref(c).value],disabled:o[e.unref(c).disabled],"tag-props":o[e.unref(c).tagProps],"is-fallback-option":o[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(o))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))),128))]),_:2},1032,["label"])):(e.openBlock(),e.createBlock(r,{key:1,value:o[e.unref(c).value],disabled:o[e.unref(c).disabled],"tag-props":o[e.unref(c).tagProps],"is-fallback-option":o[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(o))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))],64))),128))])]),_:1},8,["scrollbar"]))}});module.exports=a;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../Empty/index.js"),/* empty css                               */require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),r=require("./Option.vue.js");;/* empty css             */const t=require("./Optgroup.vue.js");;/* empty css               */const n=require("../Scrollbar/index.js"),s={class:"yc-select-dropdown-list"},a=e.defineComponent({__name:"SelectRealList",props:{scrollbar:{type:Boolean}},setup(a,{expose:i}){const{fieldKey:c,renderOptions:u,slots:p,emits:d}=o().inject(),k=e.ref(),f=e=>{if(p.option)return()=>{var l;return(null==(l=p.option)?void 0:l.call(p,{data:e}))||[]};const{render:o,label:r}=c.value;return l.getSlotFunction(e[o]?e[o]:e[r])};return i({getScrollRef(){var e;return null==(e=k.value)?void 0:e.getScrollRef()}}),(l,o)=>(e.openBlock(),e.createBlock(e.unref(n),{scrollbar:l.scrollbar,class:"yc-select-dropdown-list-wrapper"},{default:e.withCtx(()=>[e.createElementVNode("div",s,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p).default))),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.id},[l.isGroup?(e.openBlock(),e.createBlock(t,{key:0,label:l.label},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,l=>(e.openBlock(),e.createBlock(r,{key:l[e.unref(c).value],value:l[e.unref(c).value],disabled:l[e.unref(c).disabled],"tag-props":l[e.unref(c).tagProps],"is-fallback-option":l[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(l))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))),128))]),_:2},1032,["label"])):(e.openBlock(),e.createBlock(r,{key:1,value:l[e.unref(c).value],disabled:l[e.unref(c).disabled],"tag-props":l[e.unref(c).tagProps],"is-fallback-option":l[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(l))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))],64))),128))])]),_:1},8,["scrollbar"]))}});module.exports=a;

package/lib/Select/SelectView.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const r=require("../_shared/utils/global-config.js"),l=require("./hooks/useContext.js"),t=require("../List/hooks/useScrollReach.js"),n=require("./SelectVirtualList.vue.js");;/* empty css                        */const s=require("./SelectRealList.vue.js");;/* empty css                     */const c=require("../Spin/index.js"),a={class:"yc-select-dropdown"},i={key:0,class:"yc-select-dropdown-header"},u={key:4,class:"yc-select-dropdown-footer"},d=e.defineComponent({__name:"SelectView",props:{loading:{type:Boolean},scrollbar:{type:Boolean},showFooterOnEmpty:{type:Boolean},showHeaderOnEmpty:{type:Boolean},virtualListProps:{}},setup(d){const p=d,{virtualListProps:m}=e.toRefs(p),{slots:k,options:y,isEmpty:v,emits:f}=l().inject(),{renderEmpty:B}=r.getGlobalConfig(),h=e.ref(),g=e.ref(),j=e.computed(()=>!!m.value&&(m.value.itemHeight&&(!m.value.threshold||m.value.threshold>y.value.length))),q=e.computed(()=>{var e;return j.value?o.unrefElement(g):null==(e=h.value)?void 0:e.getScrollRef()});t({scrollRef:q,onScroll:e=>{f("dropdown-scroll",e)},onReachBottom:e=>{f("dropdown-reach-bottom",e)}});const w=e=>k[e];return(o,r)=>(e.openBlock(),e.createElementBlock("div",a,[o.loading?(e.openBlock(),e.createBlock(e.unref(c),{key:0,loading:o.loading,class:"yc-select-dropdown-loading"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w("loading-icon"))))]),key:"0"}:void 0]),1032,["loading"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(k).header||!o.showHeaderOnEmpty&&e.unref(v)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",i,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w("header"))))])),j.value?(e.openBlock(),e.createBlock(n,{key:1,"virtual-list-props":e.unref(m),ref_key:"virtualListRef",ref:g},null,8,["virtual-list-props"])):(e.openBlock(),e.createBlock(s,{key:2,scrollbar:o.scrollbar,ref_key:"realListRef",ref:h},null,8,["scrollbar"])),e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k).empty||e.unref(B)("Select")),{key:3})):e.createCommentVNode("",!0),!e.unref(k).footer||!o.showFooterOnEmpty&&e.unref(v)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w("footer"))))]))],64))]))}});module.exports=d;
+"use strict";const e=require("vue"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const r=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const l=require("./hooks/useContext.js"),t=require("../List/hooks/useScrollReach.js"),n=require("./SelectVirtualList.vue.js");;/* empty css                        */const s=require("./SelectRealList.vue.js");;/* empty css                     */const c=require("../Spin/index.js"),a={class:"yc-select-dropdown"},i={key:0,class:"yc-select-dropdown-header"},u={key:4,class:"yc-select-dropdown-footer"},d=e.defineComponent({__name:"SelectView",props:{loading:{type:Boolean},scrollbar:{type:Boolean},showFooterOnEmpty:{type:Boolean},showHeaderOnEmpty:{type:Boolean},virtualListProps:{}},setup(d){const p=d,{virtualListProps:m}=e.toRefs(p),{slots:k,options:y,isEmpty:v,emits:f}=l().inject(),{renderEmpty:B}=r.getGlobalConfig(),h=e.ref(),g=e.ref(),j=e.computed(()=>!!m.value&&(m.value.itemHeight&&(!m.value.threshold||m.value.threshold>y.value.length))),q=e.computed(()=>{var e;return j.value?o.unrefElement(g):null==(e=h.value)?void 0:e.getScrollRef()});t({scrollRef:q,onScroll:e=>{f("dropdown-scroll",e)},onReachBottom:e=>{f("dropdown-reach-bottom",e)}});const w=e=>k[e];return(o,r)=>(e.openBlock(),e.createElementBlock("div",a,[o.loading?(e.openBlock(),e.createBlock(e.unref(c),{key:0,loading:o.loading,class:"yc-select-dropdown-loading"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w("loading-icon"))))]),key:"0"}:void 0]),1032,["loading"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(k).header||!o.showHeaderOnEmpty&&e.unref(v)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",i,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w("header"))))])),j.value?(e.openBlock(),e.createBlock(n,{key:1,"virtual-list-props":e.unref(m),ref_key:"virtualListRef",ref:g},null,8,["virtual-list-props"])):(e.openBlock(),e.createBlock(s,{key:2,scrollbar:o.scrollbar,ref_key:"realListRef",ref:h},null,8,["scrollbar"])),e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k).empty||e.unref(B)("Select")),{key:3})):e.createCommentVNode("",!0),!e.unref(k).footer||!o.showFooterOnEmpty&&e.unref(v)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w("footer"))))]))],64))]))}});module.exports=d;

package/lib/Select/SelectVirtualList.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const t=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const o=require("./hooks/useContext.js");require("./index.js");const s=require("./Option.vue.js");;/* empty css             */const n=e.defineComponent({__name:"SelectVirtualList",props:{virtualListProps:{}},setup(n){var i,l;const u=n,{virtualListProps:a}=e.toRefs(u),{fieldKey:c,renderOptions:d,slots:p,emits:v}=o().inject(),{list:m,wrapperProps:f,containerProps:k}=r.useVirtualList(d,{overscan:(null==(i=a.value)?void 0:i.buffer)??10,itemHeight:(null==(l=a.value)?void 0:l.itemHeight)||36}),j=e=>{if(p.option)return()=>{var r;return(null==(r=p.option)?void 0:r.call(p,{data:e}))||[]};const{render:r,label:o}=c.value;return e[r]?t.getSlotFunction(e[r]):t.getSlotFunction(e[o])};return(r,t)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"yc-select-dropdown-virtual-list"},e.unref(k)),[e.createElementVNode("div",e.mergeProps({class:"yc-select-dropdown-list"},e.unref(f)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),({data:r})=>(e.openBlock(),e.createBlock(e.unref(s),{key:r[e.unref(c).value],value:r[e.unref(c).value],disabled:r[e.unref(c).disabled],"is-fallback-option":r[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(j(r))))]),_:2},1032,["value","disabled","is-fallback-option"]))),128))],16)],16))}});module.exports=n;
+"use strict";const e=require("vue"),r=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const t=require("../_shared/utils/vue-utils.js");require("../Empty/index.js"),/* empty css                               */require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js");require("./index.js");const s=require("./Option.vue.js");;/* empty css             */const i=e.defineComponent({__name:"SelectVirtualList",props:{virtualListProps:{}},setup(i){var l,n;const u=i,{virtualListProps:a}=e.toRefs(u),{fieldKey:c,renderOptions:d,slots:p,emits:v}=o().inject(),{list:m,wrapperProps:f,containerProps:j}=r.useVirtualList(d,{overscan:(null==(l=a.value)?void 0:l.buffer)??10,itemHeight:(null==(n=a.value)?void 0:n.itemHeight)||36}),k=e=>{if(p.option)return()=>{var r;return(null==(r=p.option)?void 0:r.call(p,{data:e}))||[]};const{render:r,label:o}=c.value;return e[r]?t.getSlotFunction(e[r]):t.getSlotFunction(e[o])};return(r,t)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"yc-select-dropdown-virtual-list"},e.unref(j)),[e.createElementVNode("div",e.mergeProps({class:"yc-select-dropdown-list"},e.unref(f)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),({data:r})=>(e.openBlock(),e.createBlock(e.unref(s),{key:r[e.unref(c).value],value:r[e.unref(c).value],disabled:r[e.unref(c).disabled],"is-fallback-option":r[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k(r))))]),_:2},1032,["value","disabled","is-fallback-option"]))),128))],16)],16))}});module.exports=i;

package/lib/Select/hooks/useContext.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 l=require("../../_shared/utils/control.js"),u=require("./useSelectOptions.js"),i=require("./useSelectHotkeys.js"),o="select-context";module.exports=()=>({provide:(s,r,a)=>{const{popupVisible:n,defaultPopupVisible:p,modelValue:c,defaultValue:d,inputValue:m,defaultInputValue:v,multiple:f,fieldNames:V,limit:O,allowSearch:b,showExtraOptions:y,valueKey:h,hotkeys:j,options:q,showEmpty:x}=e.toRefs(s),{formatLabel:I,fallbackOption:g,filterOption:E}=s,k=l(n,p.value,e=>{r("update:popupVisible",e),r("popup-visible-change",e)}),w=l(c,d.value?d.value:f.value?[]:"",e=>{r("change",e),r("update:modelValue",e)},e=>f.value?Array.isArray(e)?e:[e]:e),_=l(m,v.value,e=>{r("update:inputValue",e)}),L=e.computed(()=>Object.fromEntries(["id","label","value","disabled","tagProps","render","isFallbackOption"].map(e=>[e,V.value[e]??e]))),S=e=>{var t;const l=null==e?void 0:e.label,u=null==(t=_.value.toLowerCase())?void 0:t.toLowerCase();return!!(null==l?void 0:l.includes(u))},F=e=>b.value?t.isFunction(E)?E(_.value,e):S(e):!(!t.isBoolean(E)||E)||(t.isFunction(E)?E(_.value,e):S(e)),{options:K,renderOptions:A,createOptions:B,selectOptions:C,collectOption:P}=u({computedValue:w,multiple:f,showExtraOptions:y,provideOptions:q,getValue:R,fallbackOption:g,formatLabel:I}),H=e.computed(()=>x.value?!b.value||t.isBoolean(E)&&!F?!K.value.length:K.value.every(e=>!F(e)):x.value),{curIndex:N}=i({computedValue:w,computedVisible:k,hotkeys:j,limit:O,multiple:f,options:K,blur:z,emits:r});function R(e){return(null==e?void 0:e[h.value])??e}function z(){var e;null==(e=a.value)||e.blur()}return e.provide(o,{computedValue:w,computedInputValue:_,limit:O,multiple:f,curIndex:N,options:K,isEmpty:H,fieldKey:L,renderOptions:A,slots:e.useSlots(),filterOption:F,blur:z,getValue:R,emits:r,collectOption:P}),{computedVisible:k,computedValue:w,computedInputValue:_,selectOptions:C,createOptions:B,options:K}},inject:()=>e.inject(o,{computedValue:e.ref(void 0),computedInputValue:e.ref(""),multiple:e.ref(!1),limit:e.ref(0),curIndex:e.ref(-1),options:e.ref([]),renderOptions:e.ref([]),isEmpty:e.ref(!1),fieldKey:e.ref({}),slots:{},emits:()=>{},blur:()=>{},filterOption:()=>!0,getValue:()=>"",collectOption:()=>{}})});
+"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                                  */require("../../_shared/utils/locale.js");const l=require("../../_shared/utils/control.js"),u=require("./useSelectOptions.js"),i=require("./useSelectHotkeys.js"),o="select-context";module.exports=()=>({provide:(s,r,a)=>{const{popupVisible:n,defaultPopupVisible:p,modelValue:c,defaultValue:d,inputValue:m,defaultInputValue:v,multiple:f,fieldNames:V,limit:O,allowSearch:b,showExtraOptions:h,valueKey:y,hotkeys:j,options:q,showEmpty:x}=e.toRefs(s),{formatLabel:I,fallbackOption:g,filterOption:E}=s,_=l(n,p.value,e=>{r("update:popupVisible",e),r("popup-visible-change",e)}),k=l(c,d.value?d.value:f.value?[]:"",e=>{r("change",e),r("update:modelValue",e)},e=>f.value?Array.isArray(e)?e:[e]:e),w=l(m,v.value,e=>{r("update:inputValue",e)}),L=e.computed(()=>Object.fromEntries(["id","label","value","disabled","tagProps","render","isFallbackOption"].map(e=>[e,V.value[e]??e]))),S=e=>{var t;const l=null==e?void 0:e.label,u=null==(t=w.value.toLowerCase())?void 0:t.toLowerCase();return!!(null==l?void 0:l.includes(u))},F=e=>b.value?t.isFunction(E)?E(w.value,e):S(e):!(!t.isBoolean(E)||E)||(t.isFunction(E)?E(w.value,e):S(e)),{options:K,renderOptions:A,createOptions:B,selectOptions:C,collectOption:P}=u({computedValue:k,multiple:f,showExtraOptions:h,provideOptions:q,getValue:R,fallbackOption:g,formatLabel:I}),H=e.computed(()=>x.value?!b.value||t.isBoolean(E)&&!F?!K.value.length:K.value.every(e=>!F(e)):x.value),{curIndex:N}=i({computedValue:k,computedVisible:_,hotkeys:j,limit:O,multiple:f,options:K,blur:z,emits:r});function R(e){return(null==e?void 0:e[y.value])??e}function z(){var e;null==(e=a.value)||e.blur()}return e.provide(o,{computedValue:k,computedInputValue:w,limit:O,multiple:f,curIndex:N,options:K,isEmpty:H,fieldKey:L,renderOptions:A,slots:e.useSlots(),filterOption:F,blur:z,getValue:R,emits:r,collectOption:P}),{computedVisible:_,computedValue:k,computedInputValue:w,selectOptions:C,createOptions:B,options:K}},inject:()=>e.inject(o,{computedValue:e.ref(void 0),computedInputValue:e.ref(""),multiple:e.ref(!1),limit:e.ref(0),curIndex:e.ref(-1),options:e.ref([]),renderOptions:e.ref([]),isEmpty:e.ref(!1),fieldKey:e.ref({}),slots:{},emits:()=>{},blur:()=>{},filterOption:()=>!0,getValue:()=>"",collectOption:()=>{}})});

package/lib/Select/hooks/useSelectOptions.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../../node_modules/nanoid/index.browser.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */module.exports=t=>{const{computedValue:i,multiple:a,provideOptions:o,showExtraOptions:n,getValue:r,fallbackOption:s,formatLabel:d}=t,c=e.reactive(new Map),v=e.computed(()=>[...c.values()]),p=e.ref([]),m=e.computed(()=>s?O.value.filter(e=>!v.value.find(l=>r(l.value)==e)).map(e=>({...s(e)||{},isFallbackOption:!0})):[]),b=e.computed(()=>[...o.value,...p.value,...n.value?m.value:[]].map(e=>{let t=e;return u.isObject(e)||(t={label:e,value:e}),{id:l.nanoid(),...t}})),O=e.computed(()=>(a.value?i.value:[i.value]).map(e=>r(e)).filter(e=>!j(e))),f=e.computed(()=>{const e=[...v.value,...m.value];return O.value.map(l=>{const u=e.find(e=>r(e.value)==l)||{};return{...u,id:`${l}`,label:u?(null==d?void 0:d(u))??(null==u?void 0:u.label):l}})}),j=e=>u.isUndefined(e)||u.isNull(e)||u.isString(e)&&!e.length;return{options:v,createOptions:p,renderOptions:b,selectOptions:f,collectOption:(u,t)=>{if(u.isFallbackOption)return;const i=l.nanoid();e.onMounted(()=>{const e=`${r(u.value)}`;c.set(i,{...u,label:t.value,value:e?u.value:t.value})})}}};
+"use strict";const e=require("vue"),l=require("../../node_modules/nanoid/index.browser.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js"),/* empty css                                  */require("../../_shared/utils/locale.js");module.exports=t=>{const{computedValue:i,multiple:a,provideOptions:o,showExtraOptions:r,getValue:n,fallbackOption:s,formatLabel:d}=t,c=e.reactive(new Map),v=e.computed(()=>[...c.values()]),p=e.ref([]),m=e.computed(()=>s?O.value.filter(e=>!v.value.find(l=>n(l.value)==e)).map(e=>({...s(e)||{},isFallbackOption:!0})):[]),b=e.computed(()=>[...o.value,...p.value,...r.value?m.value:[]].map(e=>{let t=e;return u.isObject(e)||(t={label:e,value:e}),{id:l.nanoid(),...t}})),O=e.computed(()=>(a.value?i.value:[i.value]).map(e=>n(e)).filter(e=>!j(e))),f=e.computed(()=>{const e=[...v.value,...m.value];return O.value.map(l=>{const u=e.find(e=>n(e.value)==l)||{};return{...u,id:`${l}`,label:u?(null==d?void 0:d(u))??(null==u?void 0:u.label):l}})}),j=e=>u.isUndefined(e)||u.isNull(e)||u.isString(e)&&!e.length;return{options:v,createOptions:p,renderOptions:b,selectOptions:f,collectOption:(u,t)=>{if(u.isFallbackOption)return;const i=l.nanoid();e.onMounted(()=>{const e=`${n(u.value)}`;c.set(i,{...u,label:t.value,value:e?u.value:t.value})})}}};

package/lib/Select/index.d.ts

@@ -40,16 +40,16 @@ declare const Select: {
         "dropdown-scroll": (ev: Event) => any;
         "dropdown-reach-bottom": (ev: Event) => any;
     }, import('vue').PublicProps, {
-        loading: boolean;
-        error: boolean;
-        placeholder: string;
         size: import('..').Size;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         popupContainer: import('..').PopupContainer;
+        loading: boolean;
+        error: boolean;
         scrollbar: boolean;
         multiple: boolean;
+        placeholder: string;
         bordered: boolean;
         modelValue: import('./type').SelectValue;
         defaultValue: import('./type').SelectValue;
@@ -383,10 +383,10 @@ declare const Select: {
                 remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "press-enter": (ev: KeyboardEvent) => any;
             }, string, {
-                error: boolean;
-                placeholder: string;
                 size: import('..').Size;
                 disabled: boolean;
+                error: boolean;
+                placeholder: string;
                 modelValue: import('..').InputTagValue;
                 defaultValue: import('..').InputTagValue;
                 allowClear: boolean;
@@ -420,10 +420,10 @@ declare const Select: {
             $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<{
-            error: boolean;
-            placeholder: string;
             size: import('..').Size;
             disabled: boolean;
+            error: boolean;
+            placeholder: string;
             modelValue: import('..').InputTagValue;
             defaultValue: import('..').InputTagValue;
             allowClear: boolean;
@@ -446,7 +446,7 @@ declare const Select: {
             "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
             onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "focus" | "blur" | ("error" | "placeholder" | "size" | "disabled" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "blur" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -478,16 +478,16 @@ declare const Select: {
         blur(): void;
         getPopupRef(): import('..').TriggerInstance;
     }, {}, {}, {}, {
-        loading: boolean;
-        error: boolean;
-        placeholder: string;
         size: import('..').Size;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         popupContainer: import('..').PopupContainer;
+        loading: boolean;
+        error: boolean;
         scrollbar: boolean;
         multiple: boolean;
+        placeholder: string;
         bordered: boolean;
         modelValue: import('./type').SelectValue;
         defaultValue: import('./type').SelectValue;
@@ -547,16 +547,16 @@ declare const Select: {
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, {
-    loading: boolean;
-    error: boolean;
-    placeholder: string;
     size: import('..').Size;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
     popupContainer: import('..').PopupContainer;
+    loading: boolean;
+    error: boolean;
     scrollbar: boolean;
     multiple: boolean;
+    placeholder: string;
     bordered: boolean;
     modelValue: import('./type').SelectValue;
     defaultValue: import('./type').SelectValue;

package/lib/Skeleton/SkeletonLine.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.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");const l=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../Empty/index.js"),/* empty css                               */require("../_shared/utils/locale.js");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/SkeletonShape.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const s=require("../_shared/utils/global-config.js"),o=e.defineComponent({name:"SkeletonShape",__name:"SkeletonShape",props:{shape:{default:"sqaure"},size:{default:void 0}},setup(o){const l=o,{size:t}=s.getGlobalConfig(l);return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-skeleton-shape",`yc-skeleton-shape-shape-${s.shape}`,`yc-skeleton-shape-size-${e.unref(t)}`])},null,2))}});module.exports=o;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const s=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const o=e.defineComponent({name:"SkeletonShape",__name:"SkeletonShape",props:{shape:{default:"sqaure"},size:{default:void 0}},setup(o){const l=o,{size:r}=s.getGlobalConfig(l);return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-skeleton-shape",`yc-skeleton-shape-shape-${s.shape}`,`yc-skeleton-shape-size-${e.unref(r)}`])},null,2))}});module.exports=o;