vft 0.0.311 → 0.0.313

package/lib/components/scrollbar/scrollbar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),k=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const M=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const W=require("./bar.vue2.cjs"),L=require("./constants.cjs"),c=require("./util.cjs"),x="ElScrollbar",P=e.defineComponent({name:"vft-scrollbar"}),j=e.defineComponent({...P,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{type:[Boolean,null,String,Object,Array],default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{type:[Boolean,null,String,Object,Array],default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:r,scrollLeft:f})=>[r,f].every(i.isNumber)},setup(r,{expose:f,emit:B}){const o=M.useNamespace("scrollbar"),N=B;let h,y;const b=e.ref(),l=e.ref(),g=e.ref(),w=e.ref("0"),S=e.ref("0"),d=e.ref(),z=e.ref(1),p=e.ref(1),R=e.computed(()=>{const t={};return r.height&&(t.height=i.addUnit(r.height)),r.maxHeight&&(t.maxHeight=i.addUnit(r.maxHeight)),[r.wrapStyle,t]}),T=e.computed(()=>[r.wrapClass,o.e("wrap"),{[o.em("wrap","hidden-default")]:!r.native}]),H=e.computed(()=>[o.e("view"),r.viewClass]),C=()=>{l.value&&(d.value?.handleScroll(l.value),N("scroll",{scrollTop:l.value.scrollTop,scrollLeft:l.value.scrollLeft}))};function E(t,a){i.isObject(t)?l.value.scrollTo(t):i.isNumber(t)&&i.isNumber(a)&&l.value.scrollTo(t,a)}const O=t=>{if(!i.isNumber(t)){q.debugWarn(x,"value must be a number");return}l.value.scrollTop=t},A=t=>{if(!i.isNumber(t)){q.debugWarn(x,"value must be a number");return}l.value.scrollLeft=t},s=()=>{if(!l.value)return;const t=l.value.offsetHeight-c.GAP,a=l.value.offsetWidth-c.GAP,v=t**2/l.value.scrollHeight,m=a**2/l.value.scrollWidth,n=Math.max(v,r.minSize),u=Math.max(m,r.minSize);z.value=v/(t-v)/(n/(t-n)),p.value=m/(a-m)/(u/(a-u)),S.value=n+c.GAP<t?`${n}px`:"",w.value=u+c.GAP<a?`${u}px`:""};return e.watch(()=>r.noresize,t=>{t?(h?.(),y?.()):({stop:h}=k.useResizeObserver(g,s),y=k.useEventListener("resize",s))},{immediate:!0}),e.watch(()=>[r.maxHeight,r.height],()=>{r.native||e.nextTick(()=>{s(),l.value&&d.value?.handleScroll(l.value)})}),e.provide(L.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:l})),e.onMounted(()=>{r.native||e.nextTick(()=>{s()})}),e.onUpdated(()=>s()),f({wrapRef:l,update:s,scrollTo:E,setScrollTop:O,setScrollLeft:A,handleScroll:C}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:l,class:e.normalizeClass(T.value),style:e.normalizeStyle(R.value),onScroll:C},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resizeRef",ref:g,class:e.normalizeClass(H.value),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,{key:0,ref_key:"barRef",ref:d,height:S.value,width:w.value,always:t.always,"ratio-x":p.value,"ratio-y":z.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),C=require("@vueuse/core"),k=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const M=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const W=require("./bar.vue2.cjs"),L=require("./constants.cjs"),c=require("./util.cjs"),x="ElScrollbar",P=e.defineComponent({name:"vft-scrollbar"}),j=e.defineComponent({...P,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{type:[Boolean,null,String,Object,Array],default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{type:[Boolean,null,String,Object,Array],default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:r,scrollLeft:f})=>[r,f].every(i.isNumber)},setup(r,{expose:f,emit:B}){const o=M.useNamespace("scrollbar"),N=B;let h,y;const b=e.ref(),l=e.ref(),g=e.ref(),w=e.ref("0"),S=e.ref("0"),d=e.ref(),z=e.ref(1),p=e.ref(1),R=e.computed(()=>{const t={};return r.height&&(t.height=i.addUnit(r.height)),r.maxHeight&&(t.maxHeight=i.addUnit(r.maxHeight)),[r.wrapStyle,t]}),T=e.computed(()=>[r.wrapClass,o.e("wrap"),{[o.em("wrap","hidden-default")]:!r.native}]),H=e.computed(()=>[o.e("view"),r.viewClass]),q=()=>{l.value&&(d.value?.handleScroll(l.value),N("scroll",{scrollTop:l.value.scrollTop,scrollLeft:l.value.scrollLeft}))};function E(t,a){i.isObject(t)?l.value.scrollTo(t):i.isNumber(t)&&i.isNumber(a)&&l.value.scrollTo(t,a)}const O=t=>{if(!i.isNumber(t)){k.debugWarn(x,"value must be a number");return}l.value.scrollTop=t},A=t=>{if(!i.isNumber(t)){k.debugWarn(x,"value must be a number");return}l.value.scrollLeft=t},s=()=>{if(!l.value)return;const t=l.value.offsetHeight-c.GAP,a=l.value.offsetWidth-c.GAP,v=t**2/l.value.scrollHeight,m=a**2/l.value.scrollWidth,n=Math.max(v,r.minSize),u=Math.max(m,r.minSize);z.value=v/(t-v)/(n/(t-n)),p.value=m/(a-m)/(u/(a-u)),S.value=n+c.GAP<t?`${n}px`:"",w.value=u+c.GAP<a?`${u}px`:""};return e.watch(()=>r.noresize,t=>{t?(h?.(),y?.()):({stop:h}=C.useResizeObserver(g,s),y=C.useEventListener("resize",s))},{immediate:!0}),e.watch(()=>[r.maxHeight,r.height],()=>{r.native||e.nextTick(()=>{s(),l.value&&d.value?.handleScroll(l.value)})}),e.provide(L.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:l})),e.onMounted(()=>{r.native||e.nextTick(()=>{s()})}),e.onUpdated(()=>s()),f({wrapRef:l,update:s,scrollTo:E,setScrollTop:O,setScrollLeft:A,handleScroll:q}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:l,class:e.normalizeClass(T.value),style:e.normalizeStyle(R.value),onScroll:q},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resizeRef",ref:g,class:e.normalizeClass(H.value),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,{key:0,ref_key:"barRef",ref:d,height:S.value,width:w.value,always:t.always,"ratio-x":p.value,"ratio-y":z.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=j;

package/lib/components/scrollbar/thumb.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const L=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./constants.cjs"),S=require("./util.cjs"),T="Thumb",x=e.defineComponent({__name:"thumb",props:{vertical:{type:Boolean},size:{},move:{},ratio:{},always:{type:Boolean}},setup(s){const o=e.inject(R.scrollbarContextKey),u=L.useNamespace("scrollbar");o||B.throwError(T,"can not inject scrollbar context");const l=e.ref(),a=e.ref(),v=e.ref({}),c=e.ref(!1);let i=!1,m=!1,f=E.isClient?document.onselectstart:null;const t=e.computed(()=>S.BAR_MAP[s.vertical?"vertical":"horizontal"]),y=e.computed(()=>S.renderThumbStyle({size:s.size,move:s.move,bar:t.value})),g=e.computed(()=>l.value[t.value.offset]**2/o.wrapElement[t.value.scrollSize]/s.ratio/a.value[t.value.offset]),q=n=>{if(n.stopPropagation(),n.ctrlKey||[1,2].includes(n.button))return;window.getSelection()?.removeAllRanges(),C(n);const r=n.currentTarget;r&&(v.value[t.value.axis]=r[t.value.offset]-(n[t.value.client]-r.getBoundingClientRect()[t.value.direction]))},z=n=>{if(!a.value||!l.value||!o.wrapElement)return;const r=Math.abs(n.target.getBoundingClientRect()[t.value.direction]-n[t.value.client]),b=a.value[t.value.offset]/2,h=(r-b)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=h*o.wrapElement[t.value.scrollSize]/100},C=n=>{n.stopImmediatePropagation(),i=!0,document.addEventListener("mousemove",p),document.addEventListener("mouseup",d),f=document.onselectstart,document.onselectstart=()=>!1},p=n=>{if(!l.value||!a.value||i===!1)return;const r=v.value[t.value.axis];if(!r)return;const b=(l.value.getBoundingClientRect()[t.value.direction]-n[t.value.client])*-1,h=a.value[t.value.offset]-r,k=(b-h)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=k*o.wrapElement[t.value.scrollSize]/100},d=()=>{i=!1,v.value[t.value.axis]=0,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",d),w(),m&&(c.value=!1)},P=()=>{m=!1,c.value=!!s.size},M=()=>{m=!0,c.value=i};e.onBeforeUnmount(()=>{w(),document.removeEventListener("mouseup",d)});const w=()=>{document.onselectstart!==f&&(document.onselectstart=f)};return E.useEventListener(e.toRef(o,"scrollbarElement"),"mousemove",P),E.useEventListener(e.toRef(o,"scrollbarElement"),"mouseleave",M),(n,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(u).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"instance",ref:l,class:e.normalizeClass([e.unref(u).e("bar"),e.unref(u).is(t.value.key)]),onMousedown:z},[e.createElementVNode("div",{ref_key:"thumb",ref:a,class:e.normalizeClass(e.unref(u).e("thumb")),style:e.normalizeStyle(y.value),onMousedown:q},null,38)],34),[[e.vShow,n.always||c.value]])]),_:1},8,["name"]))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const L=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./constants.cjs"),S=require("./util.cjs"),T="Thumb",x=e.defineComponent({__name:"thumb",props:{vertical:{type:Boolean},size:{},move:{},ratio:{},always:{type:Boolean}},setup(s){const o=e.inject(R.scrollbarContextKey),u=L.useNamespace("scrollbar");o||B.throwError(T,"can not inject scrollbar context");const l=e.ref(),a=e.ref(),v=e.ref({}),c=e.ref(!1);let i=!1,m=!1,f=E.isClient?document.onselectstart:null;const t=e.computed(()=>S.BAR_MAP[s.vertical?"vertical":"horizontal"]),y=e.computed(()=>S.renderThumbStyle({size:s.size,move:s.move,bar:t.value})),g=e.computed(()=>l.value[t.value.offset]**2/o.wrapElement[t.value.scrollSize]/s.ratio/a.value[t.value.offset]),q=n=>{if(n.stopPropagation(),n.ctrlKey||[1,2].includes(n.button))return;window.getSelection()?.removeAllRanges(),C(n);const r=n.currentTarget;r&&(v.value[t.value.axis]=r[t.value.offset]-(n[t.value.client]-r.getBoundingClientRect()[t.value.direction]))},z=n=>{if(!a.value||!l.value||!o.wrapElement)return;const r=Math.abs(n.target.getBoundingClientRect()[t.value.direction]-n[t.value.client]),b=a.value[t.value.offset]/2,h=(r-b)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=h*o.wrapElement[t.value.scrollSize]/100},C=n=>{n.stopImmediatePropagation(),i=!0,document.addEventListener("mousemove",p),document.addEventListener("mouseup",d),f=document.onselectstart,document.onselectstart=()=>!1},p=n=>{if(!l.value||!a.value||i===!1)return;const r=v.value[t.value.axis];if(!r)return;const b=(l.value.getBoundingClientRect()[t.value.direction]-n[t.value.client])*-1,h=a.value[t.value.offset]-r,k=(b-h)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=k*o.wrapElement[t.value.scrollSize]/100},d=()=>{i=!1,v.value[t.value.axis]=0,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",d),w(),m&&(c.value=!1)},P=()=>{m=!1,c.value=!!s.size},M=()=>{m=!0,c.value=i};e.onBeforeUnmount(()=>{w(),document.removeEventListener("mouseup",d)});const w=()=>{document.onselectstart!==f&&(document.onselectstart=f)};return E.useEventListener(e.toRef(o,"scrollbarElement"),"mousemove",P),E.useEventListener(e.toRef(o,"scrollbarElement"),"mouseleave",M),(n,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(u).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"instance",ref:l,class:e.normalizeClass([e.unref(u).e("bar"),e.unref(u).is(t.value.key)]),onMousedown:z},[e.createElementVNode("div",{ref_key:"thumb",ref:a,class:e.normalizeClass(e.unref(u).e("thumb")),style:e.normalizeStyle(y.value),onMousedown:q},null,38)],34),[[e.vShow,n.always||c.value]])]),_:1},8,["name"]))}});exports.default=x;

package/lib/components/search/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./search.vue2.cjs"),e=r.withInstall(t.default);exports.VftSearch=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./search.vue2.cjs"),e=r.withInstall(t.default);exports.VftSearch=e;exports.default=e;

package/lib/components/search/index.d.ts

@@ -32,9 +32,9 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
     }>> & Readonly<{
+        onInput?: ((val: string | number) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
         onChange?: ((val: string | number) => any) | undefined;
-        onInput?: ((val: string | number) => any) | undefined;
         onClear?: (() => any) | undefined;
         onBlur?: (() => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
@@ -108,9 +108,9 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
     }>> & Readonly<{
+        onInput?: ((val: string | number) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
         onChange?: ((val: string | number) => any) | undefined;
-        onInput?: ((val: string | number) => any) | undefined;
         onClear?: (() => any) | undefined;
         onBlur?: (() => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
@@ -165,9 +165,9 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
 }>> & Readonly<{
+    onInput?: ((val: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
     onChange?: ((val: string | number) => any) | undefined;
-    onInput?: ((val: string | number) => any) | undefined;
     onClear?: (() => any) | undefined;
     onBlur?: (() => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;

package/lib/components/search/search.vue.d.ts

@@ -43,9 +43,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     compositionupdate: (evt: CompositionEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>>> & Readonly<{
+    onInput?: ((val: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
     onChange?: ((val: string | number) => any) | undefined;
-    onInput?: ((val: string | number) => any) | undefined;
     onClear?: (() => any) | undefined;
     onBlur?: (() => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;

package/lib/components/search/search.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils"),O=require("../input/index.cjs"),j=require("../popover/index.cjs");require("@vueuse/core");const m=require("../../utils/ns-cover.cjs");require("lodash-es");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const H=e.defineComponent({name:"vft-search"}),L=e.defineComponent({...H,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const r=A.useNamespace("search"),o=C,c=e.ref(),f=e.ref(),p=e.ref(),u=e.ref(!1),s=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{d()};function x(){i.value=!0}function d(){i.value=!1}const S=()=>{o("clear"),l(!1)};function b(){s.value=!0,o("mouseenter",n.modelValue)}function B(){s.value=!1,o("mouseleave",n.modelValue)}const P=()=>{i.value=!0,u.value=!0,o("focus")};function $(){u.value=!1,o("blur")}function q(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function U(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&d(),t&&p.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>c.value?.popperRef?.contentRef),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},z=t=>{o("compositionstart",t)},F=t=>{o("compositionupdate",t)},N=t=>{o("compositionend",t)};return h({isFocus:u,isHover:s,visible:i,hidePopover:d,showPopover:x}),(t,v)=>{const D=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:f,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",i.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(O.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},t.$props,{"input-style":k.value,onInput:w,onFocus:P,onEnter:U,onBlur:$,onMouseenter:b,"onUpdate:modelValue":I,onMouseleave:B,onPrefixClick:q,onSuffixClick:R,onChange:W,onKeydown:E,onClear:S,onCompositionstart:z,onCompositionupdate:F,onCompositionend:N}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[D,g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(j.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},V.value,{"virtual-ref":f.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=K=>i.value=K),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils"),O=require("../input/index.cjs"),j=require("../popover/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const m=require("../../utils/ns-cover.cjs");require("lodash-es");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const H=e.defineComponent({name:"vft-search"}),L=e.defineComponent({...H,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const r=A.useNamespace("search"),o=C,c=e.ref(),f=e.ref(),p=e.ref(),u=e.ref(!1),s=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{d()};function x(){i.value=!0}function d(){i.value=!1}const S=()=>{o("clear"),l(!1)};function b(){s.value=!0,o("mouseenter",n.modelValue)}function q(){s.value=!1,o("mouseleave",n.modelValue)}const B=()=>{i.value=!0,u.value=!0,o("focus")};function P(){u.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function U(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&d(),t&&p.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>c.value?.popperRef?.contentRef),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},z=t=>{o("compositionstart",t)},F=t=>{o("compositionupdate",t)},N=t=>{o("compositionend",t)};return h({isFocus:u,isHover:s,visible:i,hidePopover:d,showPopover:x}),(t,v)=>{const D=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:f,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",i.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(O.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},t.$props,{"input-style":k.value,onInput:w,onFocus:B,onEnter:U,onBlur:P,onMouseenter:b,"onUpdate:modelValue":I,onMouseleave:q,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:E,onClear:S,onCompositionstart:z,onCompositionupdate:F,onCompositionend:N}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[D,g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(j.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},V.value,{"virtual-ref":f.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=K=>i.value=K),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=L;

package/lib/components/segmented/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const s=require("./segmented.vue2.cjs"),e=require("./segmented.cjs"),t=r.withInstall(s.default);exports.defaultProps=e.defaultProps;exports.segmentedEmits=e.segmentedEmits;exports.segmentedProps=e.segmentedProps;exports.VftSegmented=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const s=require("./segmented.vue2.cjs"),e=require("./segmented.cjs"),t=r.withInstall(s.default);exports.defaultProps=e.defaultProps;exports.segmentedEmits=e.segmentedEmits;exports.segmentedProps=e.segmentedProps;exports.VftSegmented=t;exports.default=t;

package/lib/components/segmented/index.d.ts

@@ -6,7 +6,7 @@ export declare const VftSegmented: import("vft/es/utils").SFCWithInstall<{
         props: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props) | (((new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props)) | null)[], unknown, unknown, () => Required<import("./segmented").Props>, boolean>;
         block: BooleanConstructor;
         size: {
-            readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+            readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -23,9 +23,9 @@ export declare const VftSegmented: import("vft/es/utils").SFCWithInstall<{
         "update:modelValue": (val: any) => void;
         change: (val: any) => void;
     }, import("vue").PublicProps, {
+        disabled: boolean;
         direction: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal") | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal")) | null)[], unknown, unknown>;
         props: import("./segmented").Props;
-        disabled: boolean;
         modelValue: import("vft/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
         options: import("./types").Option[];
         block: boolean;
@@ -44,7 +44,7 @@ export declare const VftSegmented: import("vft/es/utils").SFCWithInstall<{
         props: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props) | (((new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props)) | null)[], unknown, unknown, () => Required<import("./segmented").Props>, boolean>;
         block: BooleanConstructor;
         size: {
-            readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+            readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -58,9 +58,9 @@ export declare const VftSegmented: import("vft/es/utils").SFCWithInstall<{
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         onChange?: ((val: any) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        disabled: boolean;
         direction: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal") | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal")) | null)[], unknown, unknown>;
         props: import("./segmented").Props;
-        disabled: boolean;
         modelValue: import("vft/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
         options: import("./types").Option[];
         block: boolean;
@@ -76,7 +76,7 @@ export declare const VftSegmented: import("vft/es/utils").SFCWithInstall<{
     props: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props) | (((new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props)) | null)[], unknown, unknown, () => Required<import("./segmented").Props>, boolean>;
     block: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -93,9 +93,9 @@ export declare const VftSegmented: import("vft/es/utils").SFCWithInstall<{
     "update:modelValue": (val: any) => void;
     change: (val: any) => void;
 }, string, {
+    disabled: boolean;
     direction: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal") | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal")) | null)[], unknown, unknown>;
     props: import("./segmented").Props;
-    disabled: boolean;
     modelValue: import("vft/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
     options: import("./types").Option[];
     block: boolean;

package/lib/components/segmented/segmented.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const t=require("@vft/utils"),r=require("../../constants/event.cjs"),n=require("../../constants/size.cjs");require("../../utils/ns-cover.cjs");const i=require("../../utils/vue/props/runtime.cjs");require("vue");const o={label:"label",value:"value",disabled:"disabled"},s=i.buildProps({direction:{type:i.definePropType(String),default:"horizontal"},options:{type:i.definePropType(Array),default:()=>[]},modelValue:{type:[String,Number,Boolean],default:void 0},props:{type:i.definePropType(Object),default:()=>o},block:Boolean,size:{type:String,values:n.componentSizes,required:!1},disabled:Boolean,validateEvent:{type:Boolean,default:!0},id:String,name:String,ariaLabel:String}),l={[r.UPDATE_MODEL_EVENT]:e=>t.isString(e)||t.isNumber(e)||t.isBoolean(e),[r.CHANGE_EVENT]:e=>t.isString(e)||t.isNumber(e)||t.isBoolean(e)};exports.defaultProps=o;exports.segmentedEmits=l;exports.segmentedProps=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const t=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const i=require("../../constants/event.cjs"),n=require("../../constants/size.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/props/runtime.cjs");require("vue");const o={label:"label",value:"value",disabled:"disabled"},s=r.buildProps({direction:{type:r.definePropType(String),default:"horizontal"},options:{type:r.definePropType(Array),default:()=>[]},modelValue:{type:[String,Number,Boolean],default:void 0},props:{type:r.definePropType(Object),default:()=>o},block:Boolean,size:{type:String,values:n.componentSizes,required:!1},disabled:Boolean,validateEvent:{type:Boolean,default:!0},id:String,name:String,ariaLabel:String}),l={[i.UPDATE_MODEL_EVENT]:e=>t.isString(e)||t.isNumber(e)||t.isBoolean(e),[i.CHANGE_EVENT]:e=>t.isString(e)||t.isNumber(e)||t.isBoolean(e)};exports.defaultProps=o;exports.segmentedEmits=l;exports.segmentedProps=s;

package/lib/components/segmented/segmented.d.ts

@@ -14,7 +14,7 @@ export declare const segmentedProps: {
     props: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;
     block: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/lib/components/segmented/segmented.vue.d.ts

@@ -11,7 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     props: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props) | (((new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props)) | null)[], unknown, unknown, () => Required<import("./segmented").Props>, boolean>;
     block: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -31,7 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     props: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props) | (((new (...args: any[]) => import("./segmented").Props) | (() => import("./segmented").Props)) | null)[], unknown, unknown, () => Required<import("./segmented").Props>, boolean>;
     block: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -45,9 +45,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     onChange?: ((val: any) => any) | undefined;
 }>, {
+    disabled: boolean;
     direction: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal") | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal")) | null)[], unknown, unknown>;
     props: import("./segmented").Props;
-    disabled: boolean;
     modelValue: import("vft/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor)[], unknown, unknown>;
     options: Option[];
     block: boolean;

package/lib/components/segmented/segmented.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@vueuse/core"),f=require("@vft/utils"),x=require("../../utils/error.cjs"),I=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const D=require("../../hooks/use-id/index.cjs"),X=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../form/index.cjs");const p=require("./segmented.cjs"),q=require("../form/hooks/use-form-common-props.cjs"),C=require("../form/hooks/use-form-item.cjs"),Y=["id","aria-label","aria-labelledby"],j=["name","disabled","checked","onChange"],A=e.defineComponent({name:"VftSegmented"}),M=e.defineComponent({...A,props:p.segmentedProps,emits:p.segmentedEmits,setup(E,{emit:V}){const n=E,v=V,l=X.useNamespace("segmented"),y=D.useId(),_=q.useFormSize(),k=q.useFormDisabled(),{formItem:i}=C.useFormItem(),{inputId:S,isLabeledByFormItem:b}=C.useFormItemInputId(n,{formItemContext:i}),o=e.ref(null),z=h.useActiveElement(),s=e.reactive({isInit:!1,width:0,height:0,translateX:0,translateY:0,focusVisible:!1}),N=t=>{const r=u(t);v(I.UPDATE_MODEL_EVENT,r),v(I.CHANGE_EVENT,r)},c=e.computed(()=>({...p.defaultProps,...n.props})),u=t=>f.isObject(t)?t[c.value.value]:t,F=t=>f.isObject(t)?t[c.value.label]:t,d=t=>!!(k.value||f.isObject(t)&&t[c.value.disabled]),g=t=>n.modelValue===u(t),w=t=>n.options.find(r=>u(r)===t),B=t=>[l.e("item"),l.is("selected",g(t)),l.is("disabled",d(t))],m=()=>{if(!o.value)return;const t=o.value.querySelector(".is-selected"),r=o.value.querySelector(".is-selected input");if(!t||!r){s.width=0,s.height=0,s.translateX=0,s.translateY=0,s.focusVisible=!1;return}s.isInit=!0,n.direction==="vertical"?(s.height=t.offsetHeight,s.translateY=t.offsetTop):(s.width=t.offsetWidth,s.translateX=t.offsetLeft);try{s.focusVisible=r.matches(":focus-visible")}catch{}},O=e.computed(()=>[l.b(),l.m(_.value),l.is("block",n.block)]),$=e.computed(()=>({width:n.direction==="vertical"?"100%":`${s.width}px`,height:n.direction==="vertical"?`${s.height}px`:"100%",transform:n.direction==="vertical"?`translateY(${s.translateY}px)`:`translateX(${s.translateX}px)`,display:s.isInit?"block":"none"})),L=e.computed(()=>[l.e("item-selected"),l.is("disabled",d(w(n.modelValue))),l.is("focus-visible",s.focusVisible)]),P=e.computed(()=>n.name||y.value);return h.useResizeObserver(o,m),e.watch(z,m),e.watch(()=>n.modelValue,()=>{m(),n.validateEvent&&i?.validate?.("change").catch(t=>x.debugWarn(t))},{flush:"post"}),(t,r)=>t.options.length?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(S),ref_key:"segmentedRef",ref:o,class:e.normalizeClass(O.value),role:"radiogroup","aria-label":e.unref(b)?void 0:t.ariaLabel||"segmented","aria-labelledby":e.unref(b)?e.unref(i).labelId:void 0},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).e("group"),e.unref(l).m(n.direction)])},[e.createElementVNode("div",{style:e.normalizeStyle($.value),class:e.normalizeClass(L.value)},null,6),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(a,T)=>(e.openBlock(),e.createElementBlock("label",{key:T,class:e.normalizeClass(B(a))},[e.createElementVNode("input",{class:e.normalizeClass(e.unref(l).e("item-input")),type:"radio",name:P.value,disabled:d(a),checked:g(a),onChange:R=>N(a)},null,42,j),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("item-label"))},[e.renderSlot(t.$slots,"default",{item:a},()=>[e.createTextVNode(e.toDisplayString(F(a)),1)])],2)],2))),128))],2)],10,Y)):e.createCommentVNode("",!0)}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@vueuse/core"),f=require("@vft/utils"),x=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const q=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const D=require("../../hooks/use-id/index.cjs"),X=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../form/index.cjs");const p=require("./segmented.cjs"),I=require("../form/hooks/use-form-common-props.cjs"),C=require("../form/hooks/use-form-item.cjs"),Y=["id","aria-label","aria-labelledby"],j=["name","disabled","checked","onChange"],A=e.defineComponent({name:"VftSegmented"}),M=e.defineComponent({...A,props:p.segmentedProps,emits:p.segmentedEmits,setup(E,{emit:V}){const n=E,v=V,l=X.useNamespace("segmented"),y=D.useId(),_=I.useFormSize(),k=I.useFormDisabled(),{formItem:i}=C.useFormItem(),{inputId:S,isLabeledByFormItem:b}=C.useFormItemInputId(n,{formItemContext:i}),o=e.ref(null),z=h.useActiveElement(),s=e.reactive({isInit:!1,width:0,height:0,translateX:0,translateY:0,focusVisible:!1}),N=t=>{const r=u(t);v(q.UPDATE_MODEL_EVENT,r),v(q.CHANGE_EVENT,r)},c=e.computed(()=>({...p.defaultProps,...n.props})),u=t=>f.isObject(t)?t[c.value.value]:t,F=t=>f.isObject(t)?t[c.value.label]:t,d=t=>!!(k.value||f.isObject(t)&&t[c.value.disabled]),g=t=>n.modelValue===u(t),w=t=>n.options.find(r=>u(r)===t),B=t=>[l.e("item"),l.is("selected",g(t)),l.is("disabled",d(t))],m=()=>{if(!o.value)return;const t=o.value.querySelector(".is-selected"),r=o.value.querySelector(".is-selected input");if(!t||!r){s.width=0,s.height=0,s.translateX=0,s.translateY=0,s.focusVisible=!1;return}s.isInit=!0,n.direction==="vertical"?(s.height=t.offsetHeight,s.translateY=t.offsetTop):(s.width=t.offsetWidth,s.translateX=t.offsetLeft);try{s.focusVisible=r.matches(":focus-visible")}catch{}},O=e.computed(()=>[l.b(),l.m(_.value),l.is("block",n.block)]),$=e.computed(()=>({width:n.direction==="vertical"?"100%":`${s.width}px`,height:n.direction==="vertical"?`${s.height}px`:"100%",transform:n.direction==="vertical"?`translateY(${s.translateY}px)`:`translateX(${s.translateX}px)`,display:s.isInit?"block":"none"})),L=e.computed(()=>[l.e("item-selected"),l.is("disabled",d(w(n.modelValue))),l.is("focus-visible",s.focusVisible)]),P=e.computed(()=>n.name||y.value);return h.useResizeObserver(o,m),e.watch(z,m),e.watch(()=>n.modelValue,()=>{m(),n.validateEvent&&i?.validate?.("change").catch(t=>x.debugWarn(t))},{flush:"post"}),(t,r)=>t.options.length?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(S),ref_key:"segmentedRef",ref:o,class:e.normalizeClass(O.value),role:"radiogroup","aria-label":e.unref(b)?void 0:t.ariaLabel||"segmented","aria-labelledby":e.unref(b)?e.unref(i).labelId:void 0},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).e("group"),e.unref(l).m(n.direction)])},[e.createElementVNode("div",{style:e.normalizeStyle($.value),class:e.normalizeClass(L.value)},null,6),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(a,T)=>(e.openBlock(),e.createElementBlock("label",{key:T,class:e.normalizeClass(B(a))},[e.createElementVNode("input",{class:e.normalizeClass(e.unref(l).e("item-input")),type:"radio",name:P.value,disabled:d(a),checked:g(a),onChange:R=>N(a)},null,42,j),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("item-label"))},[e.renderSlot(t.$slots,"default",{item:a},()=>[e.createTextVNode(e.toDisplayString(F(a)),1)])],2)],2))),128))],2)],10,Y)):e.createCommentVNode("",!0)}});exports.default=M;

package/lib/components/select/defaults.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@popperjs/core"),r=require("../../constants/event.cjs");require("@vueuse/core");const o=require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/props/runtime.cjs");require("vue");require("./select.vue2.cjs");const l=require("./useProps.cjs"),n={allowCreate:Boolean,autocomplete:{type:String,default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:String,default:"icon-circle-close"},effect:{type:String,default:"light"},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:170},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,label:String,modelValue:{type:t.definePropType([Array,String,Number,Boolean,Object])},multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:t.definePropType(Array),required:!0},placeholder:{type:String},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:Object,default:()=>({})},remote:Boolean,size:{type:String},props:{type:t.definePropType(Object),default:()=>l.defaultProps},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:{type:Boolean,default:!1},validateEvent:{type:Boolean,default:!0},tabindex:{type:[String,Number],default:0},tagType:{type:String,values:["primary","success","info","warning","danger"],default:"info"},tagEffect:{type:String,values:["dark","light","plain"],default:"light"},placement:{type:t.definePropType(String),values:a.placements,default:"bottom-start"},offset:{type:Number,default:12},ariaLabel:String,showArrow:{type:Boolean,default:!0},fallbackPlacements:{type:t.definePropType(Array),default:["bottom-start","top-start","right","left"]},appendTo:{type:String},emptyValues:Array,valueOnClear:{type:[String,Number,Boolean,Function],default:void 0,validator:e=>o.isFunction(e)?!e():!e},fitInputWidth:{type:[Boolean,Number],default:!0,validator(e){return o.isBoolean(e)||o.isNumber(e)}}},i=t.buildProps({data:Array,disabled:Boolean,hovering:Boolean,item:{type:t.definePropType(Object),required:!0},index:Number,style:Object,selected:Boolean,created:Boolean}),u={[r.UPDATE_MODEL_EVENT]:e=>!0,[r.CHANGE_EVENT]:e=>!0,"remove-tag":e=>!0,"visible-change":e=>!0,focus:e=>e instanceof FocusEvent,blur:e=>e instanceof FocusEvent,clear:()=>!0},p={hover:e=>o.isNumber(e),select:(e,s)=>!0};exports.optionV2Emits=p;exports.optionV2Props=i;exports.selectV2Emits=u;exports.selectV2Props=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@popperjs/core"),r=require("../../constants/event.cjs");require("@vueuse/core");const o=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/props/runtime.cjs");require("vue");require("./select.vue2.cjs");const l=require("./useProps.cjs"),n={allowCreate:Boolean,autocomplete:{type:String,default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:String,default:"icon-circle-close"},effect:{type:String,default:"light"},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:170},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,label:String,modelValue:{type:t.definePropType([Array,String,Number,Boolean,Object])},multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:t.definePropType(Array),required:!0},placeholder:{type:String},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:Object,default:()=>({})},remote:Boolean,size:{type:String},props:{type:t.definePropType(Object),default:()=>l.defaultProps},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:{type:Boolean,default:!1},validateEvent:{type:Boolean,default:!0},tabindex:{type:[String,Number],default:0},tagType:{type:String,values:["primary","success","info","warning","danger"],default:"info"},tagEffect:{type:String,values:["dark","light","plain"],default:"light"},placement:{type:t.definePropType(String),values:a.placements,default:"bottom-start"},offset:{type:Number,default:12},ariaLabel:String,showArrow:{type:Boolean,default:!0},fallbackPlacements:{type:t.definePropType(Array),default:["bottom-start","top-start","right","left"]},appendTo:{type:String},emptyValues:Array,valueOnClear:{type:[String,Number,Boolean,Function],default:void 0,validator:e=>o.isFunction(e)?!e():!e},fitInputWidth:{type:[Boolean,Number],default:!0,validator(e){return o.isBoolean(e)||o.isNumber(e)}}},i=t.buildProps({data:Array,disabled:Boolean,hovering:Boolean,item:{type:t.definePropType(Object),required:!0},index:Number,style:Object,selected:Boolean,created:Boolean}),u={[r.UPDATE_MODEL_EVENT]:e=>!0,[r.CHANGE_EVENT]:e=>!0,"remove-tag":e=>!0,"visible-change":e=>!0,focus:e=>e instanceof FocusEvent,blur:e=>e instanceof FocusEvent,clear:()=>!0},p={hover:e=>o.isNumber(e),select:(e,s)=>!0};exports.optionV2Emits=p;exports.optionV2Props=i;exports.selectV2Emits=u;exports.selectV2Props=n;

package/lib/components/select/group-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=e.defineComponent({props:{item:{type:Object,required:!0},style:{type:Object},height:Number},setup(){return{ns:r.useNamespace("select")}}});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=e.defineComponent({props:{item:{type:Object,required:!0},style:{type:Object},height:Number},setup(){return{ns:r.useNamespace("select")}}});exports.default=t;

package/lib/components/select/index.d.ts

@@ -240,12 +240,13 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -255,7 +256,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -658,12 +658,13 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -673,7 +674,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1077,12 +1077,13 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1092,7 +1093,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1495,12 +1495,13 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1510,7 +1511,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -2115,10 +2115,10 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
+    disabled: boolean;
     height: number;
     offset: number;
     props: import("./useProps").Props;
-    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: string;
     tabindex: string | number;

package/lib/components/select/option-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=require("./useOption.cjs"),q=require("./useProps.cjs"),r=require("./defaults.cjs"),a=require("./token.cjs"),d=e.defineComponent({props:r.optionV2Props,emits:r.optionV2Emits,setup(t,{emit:s}){const o=e.inject(a.selectV2InjectionKey),i=p.useNamespace("select"),{hoverItem:n,selectOptionClick:u}=l.useOption(t,{emit:s}),{getLabel:c}=q.useProps(o.props);return{ns:i,hoverItem:n,selectOptionClick:u,getLabel:c}}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./useOption.cjs"),l=require("./useProps.cjs"),r=require("./defaults.cjs"),a=require("./token.cjs"),d=e.defineComponent({props:r.optionV2Props,emits:r.optionV2Emits,setup(t,{emit:s}){const o=e.inject(a.selectV2InjectionKey),i=p.useNamespace("select"),{hoverItem:u,selectOptionClick:n}=q.useOption(t,{emit:s}),{getLabel:c}=l.useProps(o.props);return{ns:i,hoverItem:u,selectOptionClick:n,getLabel:c}}});exports.default=d;

package/lib/components/select/select-dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),f=require("lodash-es"),g=require("@vft/utils"),B=require("../virtual-list/components/fixed-size-list.cjs"),C=require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("@vueuse/core");const F=require("../../constants/aria.cjs");require("../../utils/ns-cover.cjs");const G=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const U=require("./group-item.vue.cjs"),$=require("./option-item.vue.cjs"),J=require("./useProps.cjs"),Q=require("./token.cjs"),W={loading:Boolean,data:{type:Array,required:!0},hoveringIndex:Number,width:Number},X=o.defineComponent({name:"ElSelectDropdown",props:W,setup(b,{slots:d,expose:z}){const r=o.inject(Q.selectV2InjectionKey),h=G.useNamespace("select"),{getLabel:O,getValue:v,getDisabled:V}=J.useProps(r.props),x=o.ref([]),p=o.ref(),H=o.computed(()=>b.data.length);o.watch(()=>H.value,()=>{r.tooltipRef.value?.updatePopper?.()});const m=o.computed(()=>g.isUndefined(r.props.estimatedOptionHeight)),S=o.computed(()=>m.value?{itemSize:r.props.itemHeight}:{estimatedSize:r.props.estimatedOptionHeight,itemSize:e=>x.value[e]}),T=(e=[],t)=>{const{props:{valueKey:s}}=r;return g.isObject(t)?e&&e.some(n=>o.toRaw(f.get(n,s))===f.get(t,s)):e.includes(t)},k=(e,t)=>{if(g.isObject(t)){const{valueKey:s}=r.props;return f.get(e,s)===f.get(t,s)}else return e===t},q=(e,t)=>r.props.multiple?T(e,v(t)):k(e,v(t)),w=(e,t)=>{const{disabled:s,multiple:n,multipleLimit:i}=r.props;return s||!t&&(n?i>0&&e.length>=i:!1)},y=e=>b.hoveringIndex===e;z({listRef:p,isSized:m,isItemDisabled:w,isItemHovering:y,isItemSelected:q,scrollToItem:e=>{const t=p.value;t&&t.scrollToItem(e)},resetScrollTop:()=>{const e=p.value;e&&e.resetScrollTop()}});const E=e=>{const{index:t,data:s,style:n}=e,i=o.unref(m),{itemSize:a,estimatedSize:u}=o.unref(S),{modelValue:c}=r.props,{onSelect:L,onHover:A}=r,l=s[t];if(l.type==="Group")return o.createVNode(U.default,{item:l,style:n,height:i?a:u},null);const N=q(c,l),M=w(c,N),R=y(t);return o.createVNode($.default,o.mergeProps(e,{selected:N,disabled:V(l)||M,created:!!l.created,hovering:R,item:l,onSelect:L,onHover:A}),{default:_=>d.default?.(_)||o.createVNode("span",null,[O(l)])})},{onKeyboardNavigate:I,onKeyboardSelect:K}=r,P=()=>{I("forward")},D=()=>{I("backward")},j=e=>{const{code:t}=e,{tab:s,esc:n,down:i,up:a,enter:u,numpadEnter:c}=F.EVENT_CODE;switch([n,i,a,u,c].includes(t)&&(e.preventDefault(),e.stopPropagation()),t){case s:case n:break;case i:P();break;case a:D();break;case u:case c:K();break}};return()=>{const{data:e,width:t}=b,{height:s,multiple:n,scrollbarAlwaysOn:i}=r.props,a=o.computed(()=>g.isIOS?!0:i),u=o.unref(m)?B.default:C.default;return o.createVNode("div",{class:[h.b("dropdown"),h.is("multiple",n)],style:{width:`${t}px`}},[d.header?.(),d.loading?.()||d.empty?.()||o.createVNode(u,o.mergeProps({ref:p},o.unref(S),{className:h.be("dropdown","list"),scrollbarAlwaysOn:a.value,data:e,height:s,width:t,total:e.length,onKeydown:j}),{default:c=>o.createVNode(E,c,null)}),d.footer?.()])}}});exports.default=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),f=require("lodash-es"),g=require("@vft/utils"),B=require("../virtual-list/components/fixed-size-list.cjs"),C=require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const F=require("../../constants/aria.cjs");require("../../utils/ns-cover.cjs");const G=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const U=require("./group-item.vue.cjs"),$=require("./option-item.vue.cjs"),J=require("./useProps.cjs"),Q=require("./token.cjs"),W={loading:Boolean,data:{type:Array,required:!0},hoveringIndex:Number,width:Number},X=o.defineComponent({name:"ElSelectDropdown",props:W,setup(b,{slots:d,expose:z}){const r=o.inject(Q.selectV2InjectionKey),h=G.useNamespace("select"),{getLabel:O,getValue:q,getDisabled:V}=J.useProps(r.props),x=o.ref([]),p=o.ref(),H=o.computed(()=>b.data.length);o.watch(()=>H.value,()=>{r.tooltipRef.value?.updatePopper?.()});const m=o.computed(()=>g.isUndefined(r.props.estimatedOptionHeight)),v=o.computed(()=>m.value?{itemSize:r.props.itemHeight}:{estimatedSize:r.props.estimatedOptionHeight,itemSize:e=>x.value[e]}),T=(e=[],t)=>{const{props:{valueKey:s}}=r;return g.isObject(t)?e&&e.some(n=>o.toRaw(f.get(n,s))===f.get(t,s)):e.includes(t)},k=(e,t)=>{if(g.isObject(t)){const{valueKey:s}=r.props;return f.get(e,s)===f.get(t,s)}else return e===t},S=(e,t)=>r.props.multiple?T(e,q(t)):k(e,q(t)),w=(e,t)=>{const{disabled:s,multiple:n,multipleLimit:i}=r.props;return s||!t&&(n?i>0&&e.length>=i:!1)},y=e=>b.hoveringIndex===e;z({listRef:p,isSized:m,isItemDisabled:w,isItemHovering:y,isItemSelected:S,scrollToItem:e=>{const t=p.value;t&&t.scrollToItem(e)},resetScrollTop:()=>{const e=p.value;e&&e.resetScrollTop()}});const E=e=>{const{index:t,data:s,style:n}=e,i=o.unref(m),{itemSize:a,estimatedSize:u}=o.unref(v),{modelValue:c}=r.props,{onSelect:L,onHover:A}=r,l=s[t];if(l.type==="Group")return o.createVNode(U.default,{item:l,style:n,height:i?a:u},null);const N=S(c,l),M=w(c,N),R=y(t);return o.createVNode($.default,o.mergeProps(e,{selected:N,disabled:V(l)||M,created:!!l.created,hovering:R,item:l,onSelect:L,onHover:A}),{default:_=>d.default?.(_)||o.createVNode("span",null,[O(l)])})},{onKeyboardNavigate:I,onKeyboardSelect:K}=r,P=()=>{I("forward")},D=()=>{I("backward")},j=e=>{const{code:t}=e,{tab:s,esc:n,down:i,up:a,enter:u,numpadEnter:c}=F.EVENT_CODE;switch([n,i,a,u,c].includes(t)&&(e.preventDefault(),e.stopPropagation()),t){case s:case n:break;case i:P();break;case a:D();break;case u:case c:K();break}};return()=>{const{data:e,width:t}=b,{height:s,multiple:n,scrollbarAlwaysOn:i}=r.props,a=o.computed(()=>g.isIOS?!0:i),u=o.unref(m)?B.default:C.default;return o.createVNode("div",{class:[h.b("dropdown"),h.is("multiple",n)],style:{width:`${t}px`}},[d.header?.(),d.loading?.()||d.empty?.()||o.createVNode(u,o.mergeProps({ref:p},o.unref(v),{className:h.be("dropdown","list"),scrollbarAlwaysOn:a.value,data:e,height:s,width:t,total:e.length,onKeydown:j}),{default:c=>o.createVNode(E,c,null)}),d.footer?.()])}}});exports.default=X;

package/lib/components/select/select.vue.d.ts

@@ -236,12 +236,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -251,7 +252,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -654,12 +654,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -669,7 +670,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1073,12 +1073,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1088,7 +1089,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1491,12 +1491,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1506,7 +1507,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -2111,10 +2111,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
+    disabled: boolean;
     height: number;
     offset: number;
     props: import("./useProps").Props;
-    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: string;
     tabindex: string | number;

package/lib/components/select/select.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../icon/index.cjs"),f=require("../tag/index.cjs"),q=require("../tooltip/index.cjs");require("@vueuse/core");const m=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const v=require("../../hooks/use-calc-input-width/index.cjs"),b=require("@vft/directives"),u=require("./defaults.cjs"),S=require("./select-dropdown.cjs"),V=require("./token.cjs"),g=require("./useSelect.cjs"),y=t.defineComponent({name:"VftSelect",components:{SelectMenu:S.default,Tag:f.VftTag,Tooltip:q.VftTooltip,Icon:p.VftIcon},directives:{ClickOutside:b.ClickOutside},props:u.selectV2Props,emits:u.selectV2Emits,setup(r,{emit:l}){const i=t.computed(()=>{const{modelValue:o,multiple:n}=r,c=n?[]:void 0;return m.isArray(o)?n?o:c:n?c:o}),e=g.default(t.reactive({...t.toRefs(r),modelValue:i}),l),{calculatorRef:s,inputStyle:a}=v.useCalcInputWidth();t.provide(V.selectV2InjectionKey,{props:t.reactive({...t.toRefs(r),height:e.popupHeight,modelValue:i}),expanded:e.expanded,tooltipRef:e.tooltipRef,onSelect:e.onSelect,onHover:e.onHover,onKeyboardNavigate:e.onKeyboardNavigate,onKeyboardSelect:e.onKeyboardSelect});const d=t.computed(()=>r.multiple?e.states.cachedOptions.map(o=>o.label):e.states.selectedLabel);return{...e,modelValue:i,selectedLabel:d,calculatorRef:s,inputStyle:a}}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../icon/index.cjs"),f=require("../tag/index.cjs"),q=require("../tooltip/index.cjs");require("@vueuse/core");const m=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const v=require("../../hooks/use-calc-input-width/index.cjs"),b=require("@vft/directives"),u=require("./defaults.cjs"),S=require("./select-dropdown.cjs"),V=require("./token.cjs"),g=require("./useSelect.cjs"),y=t.defineComponent({name:"VftSelect",components:{SelectMenu:S.default,Tag:f.VftTag,Tooltip:q.VftTooltip,Icon:p.VftIcon},directives:{ClickOutside:b.ClickOutside},props:u.selectV2Props,emits:u.selectV2Emits,setup(r,{emit:l}){const i=t.computed(()=>{const{modelValue:o,multiple:n}=r,c=n?[]:void 0;return m.isArray(o)?n?o:c:n?c:o}),e=g.default(t.reactive({...t.toRefs(r),modelValue:i}),l),{calculatorRef:s,inputStyle:a}=v.useCalcInputWidth();t.provide(V.selectV2InjectionKey,{props:t.reactive({...t.toRefs(r),height:e.popupHeight,modelValue:i}),expanded:e.expanded,tooltipRef:e.tooltipRef,onSelect:e.onSelect,onHover:e.onHover,onKeyboardNavigate:e.onKeyboardNavigate,onKeyboardSelect:e.onKeyboardSelect});const d=t.computed(()=>r.multiple?e.states.cachedOptions.map(o=>o.label):e.states.selectedLabel);return{...e,modelValue:i,selectedLabel:d,calculatorRef:s,inputStyle:a}}});exports.default=y;