yc-design-vue 1.0.2 → 1.0.4

package/lib/Popover/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=require("../_shared/utils/control.js"),o=require("../Trigger/index.js"),r={key:0,class:"yc-popover-title"},s={class:"yc-popover-content"},l=e.defineComponent({name:"Popover",__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},title:{default:""},content:{default:""},trigger:{default:"hover"},position:{default:"bottom"},contentClass:{default:""},contentStyle:{default:()=>({})},arrowClass:{default:""},arrowStyle:{default:()=>({})},popupContainer:{default:void 0},triggerProps:{default:()=>({})}},emits:["update:popupVisible","popup-visible-change"],setup(l,{expose:i,emit:p}){const n=l,a=p,{popupVisible:u,defaultPopupVisible:c}=e.toRefs(n),d=t(u,c.value,e=>{a("update:popupVisible",e),a("popup-visible-change",e)});return i({show(){d.value=!0},hide(){d.value=!1}}),(t,l)=>(e.openBlock(),e.createBlock(e.unref(o),e.mergeProps({"popup-visible":e.unref(d),"onUpdate:popupVisible":l[0]||(l[0]=t=>e.isRef(d)?d.value=t:null),trigger:t.trigger,position:t.position,"popup-container":t.popupContainer,"arrow-class":["yc-popover-popup-arrow ",t.arrowClass],"arrow-style":t.arrowStyle,"content-class":["yc-popover-popup-content",t.contentClass],"content-style":t.contentStyle,"popup-offset":10,class:["yc-popover",t.$attrs.class],style:t.$attrs.style,"animation-name":"zoom-in-fade-out","need-transform-origin":"","show-arrow":""},t.triggerProps),{content:e.withCtx(()=>[t.$slots.title||t.title?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.renderSlot(t.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)])])]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["popup-visible","trigger","position","popup-container","arrow-class","arrow-style","content-class","content-style","class","style"]))}});module.exports=l;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const t=require("../_shared/utils/control.js"),o=require("../Trigger/index.js"),r={key:0,class:"yc-popover-title"},s={class:"yc-popover-content"},l=e.defineComponent({name:"Popover",__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},title:{default:""},content:{default:""},trigger:{default:"hover"},position:{default:"bottom"},contentClass:{default:""},contentStyle:{default:()=>({})},arrowClass:{default:""},arrowStyle:{default:()=>({})},popupContainer:{default:void 0},triggerProps:{default:()=>({})}},emits:["update:popupVisible","popup-visible-change"],setup(l,{expose:p,emit:i}){const n=l,a=i,{popupVisible:u,defaultPopupVisible:c}=e.toRefs(n),d=t(u,c.value,e=>{a("update:popupVisible",e),a("popup-visible-change",e)});return p({show(){d.value=!0},hide(){d.value=!1}}),(t,l)=>(e.openBlock(),e.createBlock(e.unref(o),e.mergeProps({"popup-visible":e.unref(d),"onUpdate:popupVisible":l[0]||(l[0]=t=>e.isRef(d)?d.value=t:null),trigger:t.trigger,position:t.position,"popup-container":t.popupContainer,"arrow-class":["yc-popover-popup-arrow ",t.arrowClass],"arrow-style":t.arrowStyle,"content-class":["yc-popover-popup-content",t.contentClass],"content-style":t.contentStyle,"popup-offset":10,class:["yc-popover",t.$attrs.class],style:t.$attrs.style,"animation-name":"zoom-in-fade-out","need-transform-origin":"","show-arrow":""},t.triggerProps),{content:e.withCtx(()=>[t.$slots.title||t.title?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.renderSlot(t.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)])])]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["popup-visible","trigger","position","popup-container","arrow-class","arrow-style","content-class","content-style","class","style"]))}});module.exports=l;

package/lib/Popover/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
 import { TriggerPostion, TriggerProps, TriggerType } from '../Trigger';
 export interface PopoverProps {
@@ -20,9 +20,9 @@ export interface PopoverEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface PopoverSlots {
-    default(): void;
-    content(): void;
-    title(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
+    title?: () => VNode[];
 }
 export interface PopoverExpose {
     hide(): void;

package/lib/Progress/ProgressCircle.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("../_shared/icons/IconCheck.vue.js"),t=require("../_shared/icons/IconExclamation.vue2.js"),s=require("../_shared/constants/index.js"),c=["aria-valuenow"],a=["viewBox"],n={key:0},u=["id"],i=["offset","stop-color"],m=["cx","cy","r","stroke-width"],d=["cx","cy","r","stroke-width"],p={key:2,class:e.normalizeClass("yc-progress-circle-text")},k=e.defineComponent({__name:"ProgressCircle",props:{type:{},percent:{},status:{},size:{},text:{},showText:{type:Boolean},width:{},strokeWidth:{},pathStrokeWidth:{},color:{},trackColor:{}},setup(k){const v=k,{size:y,width:f,color:h,strokeWidth:x,pathStrokeWidth:B}=e.toRefs(v);let _=0;const g=e.computed(()=>l.isObject(h.value)),C=e.computed(()=>x.value??("mini"===y.value?f.value/2:{mini:4,small:3,medium:4,large:4}[y.value])),E=e.computed(()=>B.value?B.value:"mini"===y.value?C.value:Math.max(2,C.value-2)),w=e.computed(()=>(f.value-C.value)/2),j=e.computed(()=>2*Math.PI*w.value),z=e.computed(()=>f.value/2),O=e.computed(()=>(_+=1,`yc-progress-circle-linear-gradient-${_}`));return(k,v)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":k.percent,class:e.normalizeClass("yc-progress-circle-wrapper"),style:e.normalizeStyle({width:e.unref(r.valueToPx)(e.unref(f)),height:e.unref(r.valueToPx)(e.unref(f))})},["circle"===k.type&&"mini"===e.unref(y)&&"success"===k.status?(e.openBlock(),e.createBlock(e.unref(o),{key:0,style:e.normalizeStyle({fontSize:e.unref(f)-2,color:e.unref(h)??e.unref(s.TYPE_ICON_COLOR_MAP).success})},null,8,["style"])):(e.openBlock(),e.createElementBlock("svg",{key:1,viewBox:`0 0 ${e.unref(f)} ${e.unref(f)}`,class:e.normalizeClass("yc-progress-circle-svg")},[e.unref(l.isObject)(e.unref(h))?(e.openBlock(),e.createElementBlock("defs",n,[e.createElementVNode("linearGradient",{id:O.value,x1:"0",y1:"1",x2:"0",y2:"0"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(e.unref(h)),r=>(e.openBlock(),e.createElementBlock("stop",{key:r,offset:r,"stop-color":e.unref(h)[r]},null,8,i))),128))],8,u)])):e.createCommentVNode("",!0),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bg"),fill:"none",cx:z.value,cy:z.value,r:w.value,"stroke-width":E.value,style:e.normalizeStyle({stroke:k.trackColor})},null,12,m),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bar"),fill:"none",cx:z.value,cy:z.value,r:w.value,"stroke-width":C.value,style:e.normalizeStyle({stroke:g.value?`url(#${O.value})`:e.unref(h),strokeDasharray:j.value,strokeDashoffset:(k.percent>=1?0:1-k.percent)*j.value})},null,12,d)],8,a)),k.showText&&"mini"!==e.unref(y)?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(k.$slots,"text",{percent:k.percent},()=>["danger"===k.status?(e.openBlock(),e.createBlock(e.unref(t),{key:0,color:e.unref(s.TYPE_ICON_COLOR_MAP).error},null,8,["color"])):"success"===k.status?(e.openBlock(),e.createBlock(e.unref(o),{key:1,color:e.unref(s.TYPE_ICON_COLOR_MAP).success},null,8,["color"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(k.text),1)],64))],!0)])):e.createCommentVNode("",!0)],12,c))}});module.exports=k;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const o=require("../_shared/icons/IconCheck.vue.js"),t=require("../_shared/icons/IconExclamation.vue.js"),s=require("../_shared/constants/index.js"),c=["aria-valuenow"],a=["viewBox"],n={key:0},u=["id"],i=["offset","stop-color"],m=["cx","cy","r","stroke-width"],d=["cx","cy","r","stroke-width"],p={key:2,class:e.normalizeClass("yc-progress-circle-text")},k=e.defineComponent({__name:"ProgressCircle",props:{type:{},percent:{},status:{},size:{},text:{},showText:{type:Boolean},width:{},strokeWidth:{},pathStrokeWidth:{},color:{},trackColor:{}},setup(k){const v=k,{size:y,width:f,color:h,strokeWidth:x,pathStrokeWidth:B}=e.toRefs(v);let _=0;const g=e.computed(()=>l.isObject(h.value)),C=e.computed(()=>x.value??("mini"===y.value?f.value/2:{mini:4,small:3,medium:4,large:4}[y.value])),E=e.computed(()=>B.value?B.value:"mini"===y.value?C.value:Math.max(2,C.value-2)),w=e.computed(()=>(f.value-C.value)/2),j=e.computed(()=>2*Math.PI*w.value),z=e.computed(()=>f.value/2),O=e.computed(()=>(_+=1,`yc-progress-circle-linear-gradient-${_}`));return(k,v)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":k.percent,class:e.normalizeClass("yc-progress-circle-wrapper"),style:e.normalizeStyle({width:e.unref(r.valueToPx)(e.unref(f)),height:e.unref(r.valueToPx)(e.unref(f))})},["circle"===k.type&&"mini"===e.unref(y)&&"success"===k.status?(e.openBlock(),e.createBlock(e.unref(o),{key:0,style:e.normalizeStyle({fontSize:e.unref(f)-2,color:e.unref(h)??e.unref(s.TYPE_ICON_COLOR_MAP).success})},null,8,["style"])):(e.openBlock(),e.createElementBlock("svg",{key:1,viewBox:`0 0 ${e.unref(f)} ${e.unref(f)}`,class:e.normalizeClass("yc-progress-circle-svg")},[e.unref(l.isObject)(e.unref(h))?(e.openBlock(),e.createElementBlock("defs",n,[e.createElementVNode("linearGradient",{id:O.value,x1:"0",y1:"1",x2:"0",y2:"0"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(e.unref(h)),r=>(e.openBlock(),e.createElementBlock("stop",{key:r,offset:r,"stop-color":e.unref(h)[r]},null,8,i))),128))],8,u)])):e.createCommentVNode("",!0),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bg"),fill:"none",cx:z.value,cy:z.value,r:w.value,"stroke-width":E.value,style:e.normalizeStyle({stroke:k.trackColor})},null,12,m),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bar"),fill:"none",cx:z.value,cy:z.value,r:w.value,"stroke-width":C.value,style:e.normalizeStyle({stroke:g.value?`url(#${O.value})`:e.unref(h),strokeDasharray:j.value,strokeDashoffset:(k.percent>=1?0:1-k.percent)*j.value})},null,12,d)],8,a)),k.showText&&"mini"!==e.unref(y)?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(k.$slots,"text",{percent:k.percent},()=>["danger"===k.status?(e.openBlock(),e.createBlock(e.unref(t),{key:0,color:e.unref(s.TYPE_ICON_COLOR_MAP).error},null,8,["color"])):"success"===k.status?(e.openBlock(),e.createBlock(e.unref(o),{key:1,color:e.unref(s.TYPE_ICON_COLOR_MAP).success},null,8,["color"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(k.text),1)],64))],!0)])):e.createCommentVNode("",!0)],12,c))}});module.exports=k;

package/lib/Progress/ProgressLine.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../_shared/constants/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const s=["aria-valuenow"],l={key:0,class:"yc-progress-line-text"},a=e.defineComponent({__name:"ProgressLine",props:{size:{},percent:{},status:{},showText:{type:Boolean},text:{},width:{},strokeWidth:{},color:{},trackColor:{}},setup(a){const n=a,{width:i,trackColor:u,color:c,percent:d,size:m,strokeWidth:p}=e.toRefs(n),v=e.computed(()=>p.value??{small:3,medium:4,large:8}[m.value]),g=e.computed(()=>({width:o.valueToPx(i.value),height:o.valueToPx(v.value),backgroundColor:u.value})),h=e.computed(()=>({width:100*d.value+"%",...y(c.value)})),y=e=>{if(t.isObject(e)){return{backgroundImage:`linear-gradient(to right, ${Object.keys(e).map(r=>`${e[r]} ${r}`).join(",")})`}}return{backgroundColor:e}};return(o,t)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e.unref(d),class:"yc-progress-line-wrapper"},[e.createElementVNode("div",{class:"yc-progress-line",style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:"yc-progress-line-bar",style:e.normalizeStyle(h.value)},null,4)],4),o.showText?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(o.$slots,"text",{percent:e.unref(d)},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1),"danger"===o.status?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r.TYPE_ICON_MAP).warning),{key:0,color:e.unref(r.TYPE_ICON_COLOR_MAP).error},null,8,["color"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)],8,s))}});module.exports=a;
+"use strict";const e=require("vue"),r=require("../_shared/constants/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const s=["aria-valuenow"],l={key:0,class:"yc-progress-line-text"},a=e.defineComponent({__name:"ProgressLine",props:{size:{},percent:{},status:{},showText:{type:Boolean},text:{},width:{},strokeWidth:{},color:{},trackColor:{}},setup(a){const n=a,{width:i,trackColor:u,color:c,percent:d,size:m,strokeWidth:p}=e.toRefs(n),v=e.computed(()=>p.value??{small:3,medium:4,large:8}[m.value]),g=e.computed(()=>({width:o.valueToPx(i.value),height:o.valueToPx(v.value),backgroundColor:u.value})),h=e.computed(()=>({width:100*d.value+"%",...y(c.value)})),y=e=>{if(t.isObject(e)){return{backgroundImage:`linear-gradient(to right, ${Object.keys(e).map(r=>`${e[r]} ${r}`).join(",")})`}}return{backgroundColor:e}};return(o,t)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e.unref(d),class:"yc-progress-line-wrapper"},[e.createElementVNode("div",{class:"yc-progress-line",style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:"yc-progress-line-bar",style:e.normalizeStyle(h.value)},null,4)],4),o.showText?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(o.$slots,"text",{percent:e.unref(d)},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1),"danger"===o.status?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r.TYPE_ICON_MAP).warning),{key:0,color:e.unref(r.TYPE_ICON_COLOR_MAP).error},null,8,["color"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)],8,s))}});module.exports=a;

package/lib/Progress/ProgressSteps.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../_shared/constants/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const s=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=["aria-valuenow"],o={key:0,class:"yc-progress-steps-text"},l=e.defineComponent({__name:"ProgressSteps",props:{steps:{},percent:{},size:{},text:{},showText:{type:Boolean},color:{},trackColor:{},strokeWidth:{},status:{}},setup(l){const a=l,{steps:n,percent:c,size:i,strokeWidth:u}=e.toRefs(a),p=e.computed(()=>u.value??("small"==i.value?8:4)),m=e.computed(()=>Array(n.value).fill(0).map((e,r)=>c.value>0&&c.value>1/n.value*r));return(l,a)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e.unref(c),class:"yc-progress-steps-wrapper"},[e.createElementVNode("div",{class:"yc-progress-steps",style:e.normalizeStyle({height:e.unref(s.valueToPx)(p.value)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass(["yc-progress-steps-item",{"yc-progress-steps-item-active":r}]),style:e.normalizeStyle({backgroundColor:r?l.color:l.trackColor})},null,6))),128))],4),l.showText?(e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(l.$slots,"text",{percent:e.unref(c)},()=>[e.createTextVNode(e.toDisplayString(l.text)+" ",1),"danger"===l.status?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r.TYPE_ICON_MAP).danger),{key:0,color:e.unref(r.TYPE_ICON_COLOR_MAP).danger},null,8,["color"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)],8,t))}});module.exports=l;
+"use strict";const e=require("vue"),r=require("../_shared/constants/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const s=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const t=["aria-valuenow"],o={key:0,class:"yc-progress-steps-text"},l=e.defineComponent({__name:"ProgressSteps",props:{steps:{},percent:{},size:{},text:{},showText:{type:Boolean},color:{},trackColor:{},strokeWidth:{},status:{}},setup(l){const a=l,{steps:n,percent:c,size:u,strokeWidth:i}=e.toRefs(a),p=e.computed(()=>i.value??("small"==u.value?8:4)),m=e.computed(()=>Array(n.value).fill(0).map((e,r)=>c.value>0&&c.value>1/n.value*r));return(l,a)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e.unref(c),class:"yc-progress-steps-wrapper"},[e.createElementVNode("div",{class:"yc-progress-steps",style:e.normalizeStyle({height:e.unref(s.valueToPx)(p.value)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass(["yc-progress-steps-item",{"yc-progress-steps-item-active":r}]),style:e.normalizeStyle({backgroundColor:r?l.color:l.trackColor})},null,6))),128))],4),l.showText?(e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(l.$slots,"text",{percent:e.unref(c)},()=>[e.createTextVNode(e.toDisplayString(l.text)+" ",1),"danger"===l.status?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r.TYPE_ICON_MAP).danger),{key:0,color:e.unref(r.TYPE_ICON_COLOR_MAP).danger},null,8,["color"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)],8,t))}});module.exports=l;

package/lib/Radio/Radio.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const a=require("../_shared/utils/control.js"),l=require("./hooks/useContext.js"),o=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const t=["value","checked","disabled"],u={key:0,class:"yc-radio-label text-ellipsis"},d={key:1,class:"yc-radio-button-content"},r=e.defineComponent({name:"Radio",__name:"Radio",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultChecked:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:!0},type:{default:void 0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(r,{emit:s}){const n=r,c=s,{modelValue:i,defaultChecked:v,value:m,disabled:p,type:y}=e.toRefs(n),{computedValue:h,disabled:k,type:b,size:f,hasGroup:B,emits:_}=l().inject(),j=a(i,v.value,e=>{c("update:modelValue",e)}),q=e.computed(()=>B.value?h.value==m.value:j.value),V=e.computed(()=>k.value||p.value),C=e.computed(()=>y.value??b.value),E=e=>{V.value||(B.value?h.value=m.value:(j.value=m.value,c("change",m.value,e)))};return(a,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([`yc-radio-button-size-${e.unref(f)}`,"yc-radio"+("radio"==C.value?"":"-button"),"yc-radio-"+(q.value?"checked":"unchecked"),{"yc-radio-disabled":V.value}]),onClick:E},[e.createElementVNode("input",{type:"radio",class:"yc-radio-target",value:a.value,checked:q.value,disabled:V.value},null,8,t),e.renderSlot(a.$slots,"radio",{checked:q.value,disabled:V.value},()=>["radio"==C.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(o),{"hover-size":24,"hover-color":q.value||V.value?"transparent":"rgb(242, 243, 245)"},{default:e.withCtx(()=>l[0]||(l[0]=[e.createElementVNode("span",{class:"yc-radio-icon"},null,-1)])),_:1,__:[0]},8,["hover-color"]),a.$slots.default?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock("span",d,[e.renderSlot(a.$slots,"default",{},void 0,!0)]))],!0)],2))}});module.exports=r;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const a=require("../_shared/utils/control.js"),l=require("./hooks/useContext.js"),o=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const t=["value","checked","disabled"],u={key:0,class:"yc-radio-label text-ellipsis"},d={key:1,class:"yc-radio-button-content"},r=e.defineComponent({name:"Radio",__name:"Radio",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultChecked:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:!0},type:{default:void 0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(r,{emit:s}){const n=r,c=s,{modelValue:i,defaultChecked:v,value:m,disabled:p,type:y}=e.toRefs(n),{computedValue:h,disabled:k,type:b,size:f,hasGroup:B,emits:_}=l().inject(),j=a(i,v.value,e=>{c("update:modelValue",e)}),q=e.computed(()=>B.value?h.value==m.value:j.value),V=e.computed(()=>k.value||p.value),C=e.computed(()=>y.value??b.value),E=e=>{V.value||(B.value?h.value=m.value:(j.value=m.value,c("change",m.value,e)))};return(a,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([`yc-radio-button-size-${e.unref(f)}`,"yc-radio"+("radio"==C.value?"":"-button"),"yc-radio-"+(q.value?"checked":"unchecked"),{"yc-radio-disabled":V.value}]),onClick:E},[e.createElementVNode("input",{type:"radio",class:"yc-radio-target",value:a.value,checked:q.value,disabled:V.value},null,8,t),e.renderSlot(a.$slots,"radio",{checked:q.value,disabled:V.value},()=>["radio"==C.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(o),{"hover-size":24,"hover-color":q.value||V.value?"transparent":"rgb(242, 243, 245)"},{default:e.withCtx(()=>l[0]||(l[0]=[e.createElementVNode("span",{class:"yc-radio-icon"},null,-1)])),_:1,__:[0]},8,["hover-color"]),a.$slots.default?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock("span",d,[e.renderSlot(a.$slots,"default",{},void 0,!0)]))],!0)],2))}});module.exports=r;

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

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

package/lib/Radio/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction, Size, ObjectData } from '../_shared/type';
+import { VNode } from 'vue';
 export interface RadioProps {
     modelValue?: RadioValue;
     defaultChecked?: boolean;
@@ -11,11 +12,11 @@ export interface RadioEmits {
     (e: 'change', value: RadioValue, ev: Event): void;
 }
 export interface RadioSlots {
-    default(): void;
-    radio(scope: {
+    default?: () => VNode[];
+    radio?: (scope: {
         checked: boolean;
         disabled: boolean;
-    }): void;
+    }) => VNode[];
 }
 export interface RadioGroupProps {
     modelValue?: RadioValue;
@@ -31,14 +32,14 @@ export interface RadioGroupEmits {
     (e: 'change', value: RadioValue): void;
 }
 export interface RadioGroupSlots {
-    default(): void;
-    radio(scope: {
+    default?: () => VNode[];
+    radio?: (scope: {
         checked: boolean;
         disabled: boolean;
-    }): void;
-    label(scope: {
+    }) => VNode[];
+    label?: (scope: {
         data: ObjectData;
-    }): void;
+    }) => VNode[];
 }
 export type RadioOption = (RadioValue | {
     label?: string;

package/lib/Rate/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("../_shared/icons/IconFaceSmile.vue.js"),o=require("../_shared/icons/IconStar.vue.js"),t=require("../_shared/utils/control.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 i=c,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 _=e.ref(0),j=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])=>_.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)){j.value=p.value&&j.value==e?0:e,d("change",j.value),g=!0;for(let e=1;e<=k.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 V=e=>{m.value||y.value||(b&&clearTimeout(b),_.value=e,d("hover-change",e))},M=()=>{m.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(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<=_.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(r),{key:0})):(e.openBlock(),e.createBlock(e.unref(o),{key:1}))],!0)],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=>V(a),onMouseleave:M},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(r),{key:0})):(e.openBlock(),e.createBlock(e.unref(o),{key:1}))],!0)],44,u)]))),128))],2))}});module.exports=c;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const r=require("../_shared/icons/IconFaceSmile.vue.js"),o=require("../_shared/icons/IconStar.vue.js"),t=require("../_shared/utils/control.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 i=c,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(r),{key:0})):(e.openBlock(),e.createBlock(e.unref(o),{key:1}))],!0)],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(r),{key:0})):(e.openBlock(),e.createBlock(e.unref(o),{key:1}))],!0)],44,u)]))),128))],2))}});module.exports=c;

package/lib/Rate/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface RateProps {
     count?: number;
     modelValue?: number;
@@ -15,7 +16,7 @@ export interface RateEmits {
     (e: 'hover-change', value: number): void;
 }
 export interface RateSlots {
-    character(scope: {
+    character?: (scope: {
         index: number;
-    }): void;
+    }) => VNode[];
 }

package/lib/ResizeBox/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.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,d=s,{width:c,height:v}=e.toRefs(a),h=o(c,0,e=>{d("update:width",e)}),g=o(v,0,e=>{d("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),d("moving",{width:s,height:a},e)}),t.useEventListener("mouseup",e=>{y.value&&(y.value=null,document.body.style.cursor=w,d("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",{},void 0,!0),(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",d("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"])],!0)])],!0)],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"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.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,d=s,{width:c,height:v}=e.toRefs(a),h=o(c,0,e=>{d("update:width",e)}),g=o(v,0,e=>{d("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),d("moving",{width:s,height:a},e)}),t.useEventListener("mouseup",e=>{y.value&&(y.value=null,document.body.style.cursor=w,d("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",{},void 0,!0),(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",d("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"])],!0)])],!0)],42,l))),128))]),_:3},512))}});module.exports=n;

package/lib/ResizeBox/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface ResizeBoxProps {
     width?: number;
     height?: number;
@@ -15,12 +16,12 @@ export interface ResizeBoxEmits {
     (e: 'moving-end', ev: MouseEvent): void;
 }
 export interface ResizeBoxSlots {
-    default(): void;
-    ['resize-trigger'](scope: {
+    default?: () => VNode[];
+    'resize-trigger'?: (scope: {
         direction: ResizeBoxDirection;
-    }): void;
-    ['resize-trigger-icon'](scope: {
+    }) => VNode[];
+    'resize-trigger-icon'?: (scope: {
         direction: ResizeBoxDirection;
-    }): void;
+    }) => VNode[];
 }
 export type ResizeBoxDirection = 'left' | 'right' | 'top' | 'bottom';

package/lib/Result/type.d.ts

@@ -1,13 +1,14 @@
+import { VNode } from 'vue';
 export interface ResultProps {
     status?: ResultStatus;
     title?: string;
     subtitle?: string;
 }
 export interface ResultSlots {
-    icon(): void;
-    title(): void;
-    subtitle(): void;
-    default(): void;
-    extra(): void;
+    icon?: () => VNode[];
+    title?: () => VNode[];
+    subtitle?: () => VNode[];
+    default?: () => VNode[];
+    extra?: () => VNode[];
 }
 export type ResultStatus = 'info' | 'success' | 'warning' | 'error' | '403' | '404' | '500' | null;

package/lib/Scrollbar/ScrollbarTrack.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const a=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("./hooks/useContext.js"),u=e.defineComponent({__name:"ScrollbarTrack",props:{direction:{default:"vertical"}},emits:["drag","resize"],setup(u,{emit:t}){const s=u,o=t,{direction:i}=e.toRefs(s),{scrollRef:c,thumbHeight:n,thumbWidth:v,movableLeft:d,movableTop:f,curTop:m,curLeft:g,isDragging:h}=r().inject(),b=e.computed(()=>"vertical"==i.value),y=e.computed(()=>b.value?{height:a.valueToPx(n.value),transform:`translateY(${a.valueToPx(m.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();o("resize",b.value?e:l)});const _=e.ref(),{x:k,y:j,isDragging:q}=l.useDraggable(_,{onMove(){const{left:e,top:l}=c.value.getBoundingClientRect(),a=l,r=f.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,o("drag",!0,j.value-a)):(k.value=k.value<=u?u:k.value,k.value=k.value>=t?t:k.value,o("drag",!1,k.value-u))}});e.watchEffect(()=>{h.value=q.value});const x=e=>{const{offsetX:l,offsetY:a}=e;if(b.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,o("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,o("drag",!1,a)}};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-scrollbar-track",`yc-scrollbar-track-direction-${e.unref(i)}`]),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(i)}`]),style:e.normalizeStyle(y.value),ref_key:"dragRef",ref:_},[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;
+"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const a=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const r=require("./hooks/useContext.js"),u=e.defineComponent({__name:"ScrollbarTrack",props:{direction:{default:"vertical"}},emits:["drag","resize"],setup(u,{emit:t}){const s=u,o=t,{direction:i}=e.toRefs(s),{scrollRef:c,thumbHeight:n,thumbWidth:v,movableLeft:d,movableTop:f,curTop:m,curLeft:g,isDragging:h}=r().inject(),b=e.computed(()=>"vertical"==i.value),y=e.computed(()=>b.value?{height:a.valueToPx(n.value),transform:`translateY(${a.valueToPx(m.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();o("resize",b.value?e:l)});const k=e.ref(),{x:_,y:j,isDragging:q}=l.useDraggable(k,{onMove(){const{left:e,top:l}=c.value.getBoundingClientRect(),a=l,r=f.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,o("drag",!0,j.value-a)):(_.value=_.value<=u?u:_.value,_.value=_.value>=t?t:_.value,o("drag",!1,_.value-u))}});e.watchEffect(()=>{h.value=q.value});const x=e=>{const{offsetX:l,offsetY:a}=e;if(b.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,o("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,o("drag",!1,a)}};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-scrollbar-track",`yc-scrollbar-track-direction-${e.unref(i)}`]),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(i)}`]),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/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ClassName } from '../_shared/type';
 export interface ScrollbarProps {
     type?: TackType;
@@ -10,7 +10,7 @@ export interface ScrollbarEmits {
     (e: 'scroll', left: number, top: number, ev: Event): void;
 }
 export interface ScrollbarSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface ScrollbarExpose {
     scrollTo(options: ScrollOptions): void;

package/lib/Select/Option.vue2.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"},i=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(i){const a=i,{label:u,disabled:c}=e.toRefs(a),{computedValue:d,multiple:p,limit:f,curIndex:v,options:m,blur:y,filterOption:k,getValue:x,emits:b,collectOption:B}=o().inject(),_=e.ref(),h=e.computed(()=>`${a.value}`?a.value:t.getDomText(_)),j=e.computed(()=>a.label?a.label:t.getDomText(_)),q=e.computed(()=>{if(!p.value)return!1;return-1!=d.value.findIndex(e=>x(e)===x(h.value))}),g=()=>{c.value||l.isUndefined(d.value)||(d.value=h.value,b("select",h.value),y())},C=e=>{const t=d.value,{value:l}=h;if(e){if(f.value>0&&t.length==f.value)return b("exceedLimit",l);b("select",h.value),d.value=[...t,l]}else d.value=t.filter(e=>e!=l)};return B(a,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)==h.value,"yc-select-option-disabled":e.unref(c)}])},[t.$slots.icon?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):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:_},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)],!0)],512)]),_:3},8,["model-value","disabled"])):(e.openBlock(),e.createElementBlock("div",{key:2,class:"yc-select-option-content text-ellipsis",ref_key:"contentRef",ref:_,onClick:g},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)],!0)],512)),t.$slots.suffix?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0)],2)),[[e.vShow,e.unref(k)({...t.$props,label:j.value})]])}}});module.exports=i;
+"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"},i=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(i){const a=i,{label:u,disabled:c}=e.toRefs(a),{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(()=>`${a.value}`?a.value:t.getDomText(h)),_=e.computed(()=>a.label?a.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(a,_),(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",{},void 0,!0)])):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)],!0)],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)],!0)],512)),t.$slots.suffix?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0)],2)),[[e.vShow,e.unref(k)({...t.$props,label:_.value})]])}}});module.exports=i;

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

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

package/lib/Select/Select.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),t=require("./SelectIcon.vue.js"),r=require("./SelectView.vue.js"),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},defaultActivefirstOption:{type:Boolean,default:!1},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:_,selectOptions:q,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,t,r;switch(e){case"create":if(!V.value)return;if(O.value.find(e=>e==_.value))return;O.value.push({label:_.value,value:_.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==(t=k.value)?void 0:t.blur();j.value=!0,await l.sleep(0),null==(r=k.value)||r.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(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(_),"onUpdate:inputValue":a[7]||(a[7]=l=>e.isRef(_)?_.value=l:null),"model-value":e.unref(q),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},void 0,!0):e.createCommentVNode("",!0)]),suffix:e.withCtx(()=>[e.createVNode(t,{"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(_),"onUpdate:modelValue":a[1]||(a[1]=l=>e.isRef(_)?_.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(q)[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(q)[0]},()=>{var a;return[e.createElementVNode("span",{class:e.normalizeClass([{"yc-input-placeholder":!e.unref(q).length}])},e.toDisplayString((null==(a=e.unref(q)[0])?void 0:a.label)||l.placeholder),3)]},!0)]),suffix:e.withCtx(()=>[e.createVNode(t,{"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"]))]},!0)],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"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.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                */r=require("./SelectView.vue.js"),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},defaultActivefirstOption:{type:Boolean,default:!1},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,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":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==(t=k.value)?void 0:t.blur();j.value=!0,await l.sleep(0),null==(r=k.value)||r.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(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},void 0,!0):e.createCommentVNode("",!0)]),suffix:e.withCtx(()=>[e.createVNode(t,{"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)]},!0)]),suffix:e.withCtx(()=>[e.createVNode(t,{"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"]))]},!0)],6)]),_:3},16,["popup-visible","unmount-on-close","popup-container","disabled"]))}});module.exports=i;

package/lib/Select/SelectIcon.vue2.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                                          */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");/* empty css                               */const c=require("../_shared/components/IconButton.vue.js");;/* 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 p=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(p,{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.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),r=require("./Option.vue.js"),t=require("./Optgroup.vue.js"),n=require("../Scrollbar/index.js"),a={class:"yc-select-dropdown-list"},s=e.defineComponent({__name:"SelectRealList",props:{scrollbar:{type:Boolean}},setup(s,{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",a,[(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=s;
+"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                               */const o=require("./hooks/useContext.js"),r=require("./Option.vue.js"),t=require("./Optgroup.vue.js"),n=require("../Scrollbar/index.js"),a={class:"yc-select-dropdown-list"},s=e.defineComponent({__name:"SelectRealList",props:{scrollbar:{type:Boolean}},setup(s,{expose:c}){const{fieldKey:i,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}=i.value;return l.getSlotFunction(e[o]?e[o]:e[r])};return c({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",a,[(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(i).value],value:l[e.unref(i).value],disabled:l[e.unref(i).disabled],"tag-props":l[e.unref(i).tagProps],"is-fallback-option":l[e.unref(i).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(i).value],disabled:l[e.unref(i).disabled],"tag-props":l[e.unref(i).tagProps],"is-fallback-option":l[e.unref(i).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=s;

package/lib/Select/SelectVirtualList.vue2.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"),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:k}=r.useVirtualList(d,{overscan:(null==(l=a.value)?void 0:l.buffer)??10,itemHeight:(null==(n=a.value)?void 0:n.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=i;
+"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"),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;

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,_=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: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:k,computedVisible:_,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: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:()=>{}})});
+"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:()=>{}})});

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                                  */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})})}}};