yc-design-vue 2.0.3 → 2.0.4

package/lib/ResizeBox/index.vue.js

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

package/lib/ResizeBox/index.vue3.js

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

package/lib/Result/index.d.ts

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

package/lib/Result/index.js

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

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

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

package/lib/Result/index.vue.js

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

package/lib/Result/index.vue3.js

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

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

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

package/lib/Scrollbar/Scrollbar.vue.js

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

package/lib/Scrollbar/Scrollbar.vue3.js

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

package/lib/Scrollbar/ScrollbarTrack.vue.js

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

package/lib/Scrollbar/ScrollbarTrack.vue3.js

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

package/lib/Scrollbar/hooks/useContext.js

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

package/lib/Scrollbar/index.d.ts

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

package/lib/Scrollbar/index.js

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

package/lib/Select/Optgroup.vue.js

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

package/lib/Select/Optgroup.vue3.js

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

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

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

package/lib/Select/Option.vue.js

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

package/lib/Select/Option.vue3.js

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

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

@@ -1,9 +1,9 @@
-import { SelectProps, SelectSlots, SelectOptionValue } from './type';
+import { SelectProps, SelectOptionValue } from './type';
 import { InputTagValue, TagData } from '../InputTag';
 import { TriggerInstance } from '../Trigger';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<SelectSlots> & SelectSlots;
+    slots: any;
     refs: {
         popupRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -114,7 +114,7 @@ declare function __VLS_template(): {
                 }> & Omit<Readonly<{
                     preventFocus?: boolean;
                     tag?: string;
-                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
                     };
@@ -144,6 +144,8 @@ declare function __VLS_template(): {
                 show: () => any;
                 hide: () => any;
             }, string, {
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 trigger: import('../Trigger').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -171,8 +173,6 @@ declare function __VLS_template(): {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -198,6 +198,8 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            popupContainer: import('..').PopupContainer;
+            renderToBody: boolean;
             trigger: import('../Trigger').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -225,8 +227,6 @@ declare function __VLS_template(): {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -236,12 +236,12 @@ declare function __VLS_template(): {
             "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-        }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+        }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
             hide(): void;
             show(): void;
             updatePosition(x: number, y: number): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -266,12 +266,12 @@ declare function __VLS_template(): {
                 readonly allowCreate?: boolean | undefined;
                 readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onClear?: ((ev: MouseEvent) => any) | undefined;
-                readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
                 readonly onInput?: ((value: string) => any) | undefined;
+                readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: InputTagValue) => any) | undefined;
                 readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                 readonly "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-                readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 readonly "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -289,17 +289,17 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
+            $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
             $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('../InputTag').InputTagProps> & Readonly<{
                 onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onClear?: ((ev: MouseEvent) => any) | undefined;
-                onBlur?: ((ev: FocusEvent) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
+                onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: InputTagValue) => any) | undefined;
                 "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                 "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
             }>, {
                 focus(): void;
@@ -307,17 +307,17 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 focus: (ev: FocusEvent) => any;
                 clear: (ev: MouseEvent) => any;
-                blur: (ev: FocusEvent) => any;
                 input: (value: string) => any;
+                blur: (ev: FocusEvent) => any;
+                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "update:modelValue": (value: InputTagValue) => any;
                 "update:inputValue": (value: string) => any;
                 "input-value-change": (value: string, ev: Event) => any;
-                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "press-enter": (ev: KeyboardEvent) => any;
             }, string, {
                 size: import('..').Size;
-                disabled: boolean;
                 error: boolean;
+                disabled: boolean;
                 placeholder: string;
                 modelValue: InputTagValue;
                 defaultValue: InputTagValue;
@@ -353,8 +353,8 @@ declare function __VLS_template(): {
             $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<{
             size: import('..').Size;
-            disabled: boolean;
             error: boolean;
+            disabled: boolean;
             placeholder: string;
             modelValue: InputTagValue;
             defaultValue: InputTagValue;
@@ -371,18 +371,18 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<import('../InputTag').InputTagProps> & Readonly<{
             onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: MouseEvent) => any) | undefined;
-            onBlur?: ((ev: FocusEvent) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: InputTagValue) => any) | undefined;
             "onUpdate:inputValue"?: ((value: string) => any) | undefined;
             "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "focus" | "blur" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "blur" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('../InputTag').InputTagSlots> & import('../InputTag').InputTagSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
     };
     rootEl: any;
@@ -397,12 +397,12 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: SelectOptionValue) => any;
     search: (value: string) => any;
+    select: (value: SelectOptionValue) => any;
+    remove: (index: string | number, ev: Event) => any;
     "update:modelValue": (value: import('./type').SelectValue) => any;
     "update:inputValue": (value: string) => any;
     "input-value-change": (value: string) => any;
-    remove: (index: string | number, ev: Event) => any;
     exceedLimit: (value: SelectOptionValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
@@ -411,22 +411,22 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onSelect?: ((value: SelectOptionValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
+    onSelect?: ((value: SelectOptionValue) => any) | undefined;
+    onRemove?: ((index: string | number, ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').SelectValue) => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
     "onInput-value-change"?: ((value: string) => any) | undefined;
-    onRemove?: ((index: string | number, ev: Event) => any) | undefined;
     onExceedLimit?: ((value: SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
 }>, {
     size: import('..').Size;
+    error: boolean;
+    popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
-    popupContainer: import('..').PopupContainer;
-    error: boolean;
     scrollbar: boolean;
     multiple: boolean;
     placeholder: string;
@@ -563,7 +563,7 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             }> & Omit<Readonly<{
                 preventFocus?: boolean;
                 tag?: string;
-            }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                 $slots: {
                     default?(_: {}): any;
                 };
@@ -593,6 +593,8 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             show: () => any;
             hide: () => any;
         }, string, {
+            popupContainer: import('..').PopupContainer;
+            renderToBody: boolean;
             trigger: import('../Trigger').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -620,8 +622,6 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -647,6 +647,8 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        popupContainer: import('..').PopupContainer;
+        renderToBody: boolean;
         trigger: import('../Trigger').TriggerType;
         mouseEnterDelay: number;
         popupVisible: boolean;
@@ -674,8 +676,6 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         duration: number;
         autoFitPopupWidth: boolean;
         autoFitPopupMinWidth: boolean;
-        popupContainer: import('..').PopupContainer;
-        renderToBody: boolean;
         autoFitPosition: boolean;
         updateAtScroll: boolean;
         preventFocus: boolean;
@@ -685,12 +685,12 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
         onHide?: (() => any) | undefined;
-    }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+    }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
         hide(): void;
         show(): void;
         updatePosition(x: number, y: number): void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
+    }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+        $slots: any;
     }) | null;
     inputRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -715,12 +715,12 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             readonly allowCreate?: boolean | undefined;
             readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
             readonly onClear?: ((ev: MouseEvent) => any) | undefined;
-            readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
             readonly onInput?: ((value: string) => any) | undefined;
+            readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+            readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: InputTagValue) => any) | undefined;
             readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
             readonly "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-            readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             readonly "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
@@ -738,17 +738,17 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
+        $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<import('../InputTag').InputTagProps> & Readonly<{
             onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: MouseEvent) => any) | undefined;
-            onBlur?: ((ev: FocusEvent) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: InputTagValue) => any) | undefined;
             "onUpdate:inputValue"?: ((value: string) => any) | undefined;
             "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
             focus(): void;
@@ -756,17 +756,17 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             focus: (ev: FocusEvent) => any;
             clear: (ev: MouseEvent) => any;
-            blur: (ev: FocusEvent) => any;
             input: (value: string) => any;
+            blur: (ev: FocusEvent) => any;
+            remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
             "update:modelValue": (value: InputTagValue) => any;
             "update:inputValue": (value: string) => any;
             "input-value-change": (value: string, ev: Event) => any;
-            remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
             "press-enter": (ev: KeyboardEvent) => any;
         }, string, {
             size: import('..').Size;
-            disabled: boolean;
             error: boolean;
+            disabled: boolean;
             placeholder: string;
             modelValue: InputTagValue;
             defaultValue: InputTagValue;
@@ -802,8 +802,8 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         $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<{
         size: import('..').Size;
-        disabled: boolean;
         error: boolean;
+        disabled: boolean;
         placeholder: string;
         modelValue: InputTagValue;
         defaultValue: InputTagValue;
@@ -820,18 +820,18 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     }> & Omit<Readonly<import('../InputTag').InputTagProps> & Readonly<{
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onBlur?: ((ev: FocusEvent) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: InputTagValue) => any) | undefined;
         "onUpdate:inputValue"?: ((value: string) => any) | undefined;
         "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-        onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
         "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-    }>, "focus" | "blur" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | "blur" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<import('../InputTag').InputTagSlots> & import('../InputTag').InputTagSlots;
+    }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+        $slots: any;
     }) | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;