vft 0.0.50 → 0.0.51

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

@@ -198,7 +198,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -386,12 +386,12 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -404,11 +404,11 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -596,12 +596,12 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -610,7 +610,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -632,7 +632,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -820,12 +820,12 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -875,7 +875,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -977,14 +977,14 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
     loading: boolean;
+    height: number;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;
@@ -1210,7 +1210,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -1398,12 +1398,12 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -1416,11 +1416,11 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -1608,12 +1608,12 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -1622,7 +1622,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -1644,7 +1644,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -1832,12 +1832,12 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -1887,7 +1887,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -1989,14 +1989,14 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
     loading: boolean;
+    height: number;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;

package/lib/components/select-v2/option-item.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./option-item.vue2.cjs"),s=require("vue"),t=require("../../_virtual/_plugin-vue_export-helper.cjs"),n=["aria-selected"];function r(e,l,a,u,p,m){return s.openBlock(),s.createElementBlock("li",{"aria-selected":e.selected,style:s.normalizeStyle(e.style),class:s.normalizeClass([e.ns.be("dropdown","option-item"),e.ns.is("selected",e.selected),e.ns.is("disabled",e.disabled),e.ns.is("created",e.created),{hover:e.hovering}]),onMouseenter:l[0]||(l[0]=(...i)=>e.hoverItem&&e.hoverItem(...i)),onClick:l[1]||(l[1]=s.withModifiers((...i)=>e.selectOptionClick&&e.selectOptionClick(...i),["stop"]))},[s.renderSlot(e.$slots,"default",{item:e.item,index:e.index,disabled:e.disabled},()=>[s.createElementVNode("span",null,s.toDisplayString(e.item.label),1)])],46,n)}const d=t.default(o.default,[["render",r]]);exports.default=d;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),o=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const n=require("./useOption.cjs"),c=require("./defaults.cjs"),q=s.defineComponent({props:c.OptionProps,emits:["select","hover"],setup(e,{emit:r}){const t=o.useNamespace("select"),{hoverItem:u,selectOptionClick:i}=n.useOption(e,{emit:r});return{ns:t,hoverItem:u,selectOptionClick:i}}});exports.default=q;

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

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

package/lib/components/select-v2/select.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./select.vue2.cjs"),l=require("vue"),u=require("../../_virtual/_plugin-vue_export-helper.cjs"),f={key:0},y=["id","autocomplete","aria-expanded","aria-labelledby","disabled","readonly","name","unselectable"],C=["textContent"],b=["id","aria-labelledby","aria-expanded","autocomplete","disabled","name","readonly","unselectable"],V=["textContent"];function S(e,n,v,k,w,h){const s=l.resolveComponent("vft-tag"),i=l.resolveComponent("vft-tooltip"),a=l.resolveComponent("vft-icon"),p=l.resolveComponent("select-menu"),r=l.resolveDirective("model-text"),d=l.resolveDirective("click-outside");return l.withDirectives((l.openBlock(),l.createElementBlock("div",{ref:"selectRef",class:l.normalizeClass([e.nsSelectV2.b(),e.nsSelectV2.m(e.selectSize)]),onClick:n[24]||(n[24]=l.withModifiers((...o)=>e.toggleMenu&&e.toggleMenu(...o),["stop"])),onMouseenter:n[25]||(n[25]=o=>e.states.comboBoxHovering=!0),onMouseleave:n[26]||(n[26]=o=>e.states.comboBoxHovering=!1)},[l.createVNode(i,{ref:"popper",visible:e.dropdownMenuVisible,teleported:e.teleported,"popper-class":[e.nsSelectV2.e("popper"),e.popperClass],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"popper-options":e.popperOptions,"fallback-placements":["bottom-start","top-start","right","left"],effect:e.effect,placement:e.placement,pure:"",transition:`${e.nsSelectV2.namespace.value}-zoom-in-top`,trigger:"click",persistent:e.persistent,onBeforeShow:e.handleMenuEnter,onHide:n[23]||(n[23]=o=>e.states.inputValue=e.states.displayInputValue)},{default:l.withCtx(()=>[l.createElementVNode("div",{ref:"selectionRef",class:l.normalizeClass([e.nsSelectV2.e("wrapper"),e.nsSelectV2.is("focused",e.states.isComposing||e.expanded),e.nsSelectV2.is("hovering",e.states.comboBoxHovering),e.nsSelectV2.is("filterable",e.filterable),e.nsSelectV2.is("disabled",e.selectDisabled)])},[e.$slots.prefix?(l.openBlock(),l.createElementBlock("div",f,[l.renderSlot(e.$slots,"prefix")])):l.createCommentVNode("",!0),e.multiple?(l.openBlock(),l.createElementBlock("div",{key:1,class:l.normalizeClass(e.nsSelectV2.e("selection"))},[e.collapseTags&&e.modelValue.length>0?(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.showTagList,o=>(l.openBlock(),l.createElementBlock("div",{key:e.getValueKey(o),class:l.normalizeClass(e.nsSelectV2.e("selected-item"))},[l.createVNode(s,{closable:!e.selectDisabled&&!(o!=null&&o.disable),size:e.collapseTagSize,type:"info","disable-transitions":"",onClose:t=>e.deleteTag(t,o)},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelectV2.e("tags-text")),style:l.normalizeStyle({maxWidth:`${e.tagMaxWidth}px`})},l.toDisplayString(o==null?void 0:o.label),7)]),_:2},1032,["closable","size","onClose"])],2))),128)),l.createElementVNode("div",{class:l.normalizeClass(e.nsSelectV2.e("selected-item"))},[e.modelValue.length>e.maxCollapseTags?(l.openBlock(),l.createBlock(s,{key:0,closable:!1,size:e.collapseTagSize,type:"info","disable-transitions":""},{default:l.withCtx(()=>[e.collapseTagsTooltip?(l.openBlock(),l.createBlock(i,{key:0,disabled:e.dropdownMenuVisible,"fallback-placements":["bottom","top","right","left"],effect:e.effect,placement:"bottom",teleported:!1},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelectV2.e("tags-text")),style:l.normalizeStyle({maxWidth:`${e.tagMaxWidth}px`})},"+ "+l.toDisplayString(e.modelValue.length-e.maxCollapseTags),7)]),content:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelectV2.e("selection"))},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.collapseTagList,o=>(l.openBlock(),l.createElementBlock("div",{key:e.getValueKey(o),class:l.normalizeClass(e.nsSelectV2.e("selected-item"))},[l.createVNode(s,{closable:!e.selectDisabled&&!o.disabled,size:e.collapseTagSize,class:"in-tooltip",type:"info","disable-transitions":"",onClose:t=>e.deleteTag(t,o)},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelectV2.e("tags-text")),style:l.normalizeStyle({maxWidth:`${e.tagMaxWidth}px`})},l.toDisplayString(e.getLabel(o)),7)]),_:2},1032,["closable","size","onClose"])],2))),128))],2)]),_:1},8,["disabled","effect"])):(l.openBlock(),l.createElementBlock("span",{key:1,class:l.normalizeClass(e.nsSelectV2.e("tags-text")),style:l.normalizeStyle({maxWidth:`${e.tagMaxWidth}px`})},"+ "+l.toDisplayString(e.modelValue.length-e.maxCollapseTags),7))]),_:1},8,["size"])):l.createCommentVNode("",!0)],2)],64)):(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:1},l.renderList(e.states.cachedOptions,o=>(l.openBlock(),l.createElementBlock("div",{key:e.getValueKey(o),class:l.normalizeClass(e.nsSelectV2.e("selected-item"))},[l.createVNode(s,{closable:!e.selectDisabled&&!o.disabled,size:e.collapseTagSize,type:"info","disable-transitions":"",onClose:t=>e.deleteTag(t,o)},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelectV2.e("tags-text")),style:l.normalizeStyle({maxWidth:`${e.tagMaxWidth}px`})},l.toDisplayString(e.getLabel(o)),7)]),_:2},1032,["closable","size","onClose"])],2))),128)),l.createElementVNode("div",{class:l.normalizeClass([e.nsSelectV2.e("selected-item"),e.nsSelectV2.e("input-wrapper")]),style:l.normalizeStyle(e.inputWrapperStyle)},[l.withDirectives(l.createElementVNode("input",{id:e.id,ref:"inputRef",autocomplete:e.autocomplete,"aria-autocomplete":"list","aria-haspopup":"listbox",autocapitalize:"off","aria-expanded":e.expanded,"aria-labelledby":e.label,class:l.normalizeClass([e.nsSelectV2.is(e.selectSize),e.nsSelectV2.e("combobox-input")]),disabled:e.disabled,role:"combobox",readonly:!e.filterable,spellcheck:"false",type:"text",name:e.name,unselectable:e.expanded?"on":void 0,"on:update:modelValue":n[0]||(n[0]=(...o)=>e.onUpdateInputValue&&e.onUpdateInputValue(...o)),onFocus:n[1]||(n[1]=(...o)=>e.handleFocus&&e.handleFocus(...o)),onBlur:n[2]||(n[2]=(...o)=>e.handleBlur&&e.handleBlur(...o)),onInput:n[3]||(n[3]=(...o)=>e.onInput&&e.onInput(...o)),onCompositionstart:n[4]||(n[4]=(...o)=>e.handleCompositionStart&&e.handleCompositionStart(...o)),onCompositionupdate:n[5]||(n[5]=(...o)=>e.handleCompositionUpdate&&e.handleCompositionUpdate(...o)),onCompositionend:n[6]||(n[6]=(...o)=>e.handleCompositionEnd&&e.handleCompositionEnd(...o)),onKeydown:[n[7]||(n[7]=l.withKeys(l.withModifiers(o=>e.onKeyboardNavigate("backward"),["stop","prevent"]),["up"])),n[8]||(n[8]=l.withKeys(l.withModifiers(o=>e.onKeyboardNavigate("forward"),["stop","prevent"]),["down"])),n[9]||(n[9]=l.withKeys(l.withModifiers((...o)=>e.onKeyboardSelect&&e.onKeyboardSelect(...o),["stop","prevent"]),["enter"])),n[10]||(n[10]=l.withKeys(l.withModifiers((...o)=>e.handleEsc&&e.handleEsc(...o),["stop","prevent"]),["esc"])),n[11]||(n[11]=l.withKeys(l.withModifiers((...o)=>e.handleDel&&e.handleDel(...o),["stop"]),["delete"]))]},null,42,y),[[r,e.states.displayInputValue]]),e.filterable?(l.openBlock(),l.createElementBlock("span",{key:0,ref:"calculatorRef","aria-hidden":"true",class:l.normalizeClass(e.nsSelectV2.e("input-calculator")),textContent:l.toDisplayString(e.states.displayInputValue)},null,10,C)):l.createCommentVNode("",!0)],6)],2)):(l.openBlock(),l.createElementBlock(l.Fragment,{key:2},[l.createElementVNode("div",{class:l.normalizeClass([e.nsSelectV2.e("selected-item"),e.nsSelectV2.e("input-wrapper")])},[l.withDirectives(l.createElementVNode("input",{id:e.id,ref:"inputRef","aria-autocomplete":"list","aria-haspopup":"listbox","aria-labelledby":e.label,"aria-expanded":e.expanded,autocapitalize:"off",autocomplete:e.autocomplete,class:l.normalizeClass(e.nsSelectV2.e("combobox-input")),disabled:e.disabled,name:e.name,role:"combobox",readonly:!e.filterable,spellcheck:"false",type:"text",unselectable:e.expanded?"on":void 0,onCompositionstart:n[12]||(n[12]=(...o)=>e.handleCompositionStart&&e.handleCompositionStart(...o)),onCompositionupdate:n[13]||(n[13]=(...o)=>e.handleCompositionUpdate&&e.handleCompositionUpdate(...o)),onCompositionend:n[14]||(n[14]=(...o)=>e.handleCompositionEnd&&e.handleCompositionEnd(...o)),onFocus:n[15]||(n[15]=(...o)=>e.handleFocus&&e.handleFocus(...o)),onBlur:n[16]||(n[16]=(...o)=>e.handleBlur&&e.handleBlur(...o)),onInput:n[17]||(n[17]=(...o)=>e.onInput&&e.onInput(...o)),onKeydown:[n[18]||(n[18]=l.withKeys(l.withModifiers(o=>e.onKeyboardNavigate("backward"),["stop","prevent"]),["up"])),n[19]||(n[19]=l.withKeys(l.withModifiers(o=>e.onKeyboardNavigate("forward"),["stop","prevent"]),["down"])),n[20]||(n[20]=l.withKeys(l.withModifiers((...o)=>e.onKeyboardSelect&&e.onKeyboardSelect(...o),["stop","prevent"]),["enter"])),n[21]||(n[21]=l.withKeys(l.withModifiers((...o)=>e.handleEsc&&e.handleEsc(...o),["stop","prevent"]),["esc"]))],"on:update:modelValue":n[22]||(n[22]=(...o)=>e.onUpdateInputValue&&e.onUpdateInputValue(...o))},null,42,b),[[r,e.states.displayInputValue]])],2),e.filterable?(l.openBlock(),l.createElementBlock("span",{key:0,ref:"calculatorRef","aria-hidden":"true",class:l.normalizeClass([e.nsSelectV2.e("selected-item"),e.nsSelectV2.e("input-calculator")]),textContent:l.toDisplayString(e.states.displayInputValue)},null,10,V)):l.createCommentVNode("",!0)],64)),e.shouldShowPlaceholder?(l.openBlock(),l.createElementBlock("span",{key:3,class:l.normalizeClass([e.nsSelectV2.e("placeholder"),e.nsSelectV2.is("transparent",e.multiple?e.modelValue.length===0:!e.hasModelValue)])},l.toDisplayString(e.currentPlaceholder),3)):l.createCommentVNode("",!0),l.createElementVNode("span",{class:l.normalizeClass(e.nsSelectV2.e("suffix"))},[e.iconComponent?l.withDirectives((l.openBlock(),l.createBlock(a,{key:0,icon:e.iconComponent,class:l.normalizeClass([e.nsSelectV2.e("caret"),e.nsInput.e("icon"),e.iconReverse])},null,8,["icon","class"])),[[l.vShow,!e.showClearBtn]]):l.createCommentVNode("",!0),e.showClearBtn?(l.openBlock(),l.createBlock(a,{key:1,icon:"ico-ep:circle-close",class:l.normalizeClass([e.nsSelectV2.e("caret"),e.nsInput.e("icon")]),onClick:l.withModifiers(e.handleClear,["prevent","stop"])},null,8,["class","onClick"])):l.createCommentVNode("",!0),e.validateState&&e.validateIcon?(l.openBlock(),l.createBlock(a,{key:2,class:l.normalizeClass([e.nsInput.e("icon"),e.nsInput.e("validateIcon")])},null,8,["class"])):l.createCommentVNode("",!0)],2)],2)]),content:l.withCtx(()=>[l.createVNode(p,{ref:"menuRef",data:e.filteredOptions,width:e.popperSize,"hovering-index":e.states.hoveringIndex,"scrollbar-always-on":e.scrollbarAlwaysOn},{default:l.withCtx(o=>[l.renderSlot(e.$slots,"default",l.normalizeProps(l.guardReactiveProps(o)))]),empty:l.withCtx(()=>[l.renderSlot(e.$slots,"empty",{},()=>[l.createElementVNode("p",{class:l.normalizeClass(e.nsSelectV2.e("empty"))},l.toDisplayString(e.emptyText?e.emptyText:""),3)])]),_:3},8,["data","width","hovering-index","scrollbar-always-on"])]),_:3},8,["visible","teleported","popper-class","popper-options","effect","placement","transition","persistent","onBeforeShow"])],34)),[[d,e.handleClickOutside,e.popperRef]])}const g=u.default(m.default,[["render",S]]);exports.default=g;

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

@@ -197,7 +197,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -385,12 +385,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -403,11 +403,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -595,12 +595,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -609,7 +609,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -631,7 +631,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -819,12 +819,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -874,7 +874,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -976,14 +976,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
     loading: boolean;
+    height: number;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/utils"),a=require("@vft/directives"),d=require("../tooltip/index.cjs"),p=require("../tag/index.cjs"),f=require("../icon/index.cjs"),l=require("../../constants/event.cjs"),v=require("./select-dropdown.cjs"),V=require("./useSelect.cjs"),m=require("./token.cjs"),q=require("./defaults.cjs"),g=e.defineComponent({name:"VftSelectV2",components:{SelectMenu:v.default,VftTag:p.VftTag,VftTooltip:d.VftTooltip,VftIcon:f.VftIcon},directives:{ClickOutside:a.ClickOutside,ModelText:e.vModelText},props:q.SelectProps,emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,"remove-tag","clear","visible-change","focus","blur"],setup(o,{emit:s}){const r=e.computed(()=>{const{modelValue:n,multiple:i}=o,c=i?[]:void 0;return u.isArray(n)?i?n:c:i?c:n}),t=V.default(e.reactive({...e.toRefs(o),modelValue:r}),s);return e.provide(m.selectV2InjectionKey,{props:e.reactive({...e.toRefs(o),height:t.popupHeight,modelValue:r}),popper:t.popper,onSelect:t.onSelect,onHover:t.onHover,onKeyboardNavigate:t.onKeyboardNavigate,onKeyboardSelect:t.onKeyboardSelect}),{...t,modelValue:r}}});exports.default=g;

package/lib/components/select-v2/useSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),v=require("@vue/shared"),f=require("lodash"),ke=require("@vueuse/core"),le=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vft/utils");const _e=require("../../utils/error.cjs"),Fe=require("../../utils/vue/data-helper.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");const ne=require("../../constants/event.cjs");require("../form/index.cjs");const ze=require("./useAllowCreate.cjs"),Ke=require("./util.cjs"),Ue=require("./useInput.cjs"),Qe=require("../form/hooks/use-form-item.cjs"),je=require("../form/hooks/use-form-common-props.cjs"),ue="",ae=11,Ge={larget:51,default:42,small:33},$e=(n,m)=>{const W=le.useNamespace("select-v2"),ie=le.useNamespace("input"),{form:w,formItem:h}=Qe.useFormItem(),l=a.reactive({inputValue:ue,displayInputValue:ue,calculatedWidth:0,cachedPlaceholder:"",cachedOptions:[],createdOptions:[],createdLabel:"",createdSelected:!1,currentPlaceholder:"",hoveringIndex:-1,comboBoxHovering:!1,isOnComposition:!1,isSilentBlur:!1,isComposing:!1,inputLength:20,selectWidth:200,initialInputHeight:0,previousQuery:null,previousValue:void 0,query:"",selectedLabel:"",softFocus:!1,tagInMultiLine:!1}),oe=a.ref(-1),B=a.ref(-1),ce=a.ref(null),g=a.ref(null),q=a.ref(null),b=a.ref(null),O=a.ref(null),S=a.ref(null),I=a.ref(null),c=a.ref(!1),x=a.computed(()=>n.disabled||(w==null?void 0:w.disabled)),se=a.computed(()=>{const e=s.value.length*34;return e>n.height?n.height:e}),L=a.computed(()=>!f.isNil(n.modelValue)),re=a.computed(()=>{const e=n.multiple?Array.isArray(n.modelValue)&&n.modelValue.length>0:L.value;return n.clearable&&!x.value&&l.comboBoxHovering&&e}),D=a.computed(()=>n.remote&&n.filterable?"":"ico-ep:arrow-up"),de=a.computed(()=>D.value&&W.is("reverse",c.value)),fe=a.computed(()=>(h==null?void 0:h.validateState)||""),he="validateIcon",k=a.computed(()=>n.remote?300:0),R=a.computed(()=>{const e=s.value;return n.loading?n.loadingText||t("el.select.loading"):n.remote&&l.inputValue===""&&e.length===0?!1:n.filterable&&l.inputValue&&e.length>0?n.noMatchText||t("el.select.noMatch"):e.length===0?n.noDataText||t("el.select.noData"):null}),s=a.computed(()=>{const e=u=>{const i=l.inputValue,o=new RegExp(Fe.escapeStringRegexp(i),"i");return i?o.test(u.label||""):!0};return n.loading?[]:Ke.flattenOptions(n.options.concat(l.createdOptions).map(u=>{if(v.isArray(u.options)){const i=u.options.filter(e);if(i.length>0)return{...u,options:i}}else if(n.remote||e(u))return u;return null}).filter(u=>u!==null))}),ge=a.computed(()=>s.value.every(e=>e.disabled)),_=je.useFormSize(),F=a.computed(()=>_.value==="small"?"small":"default"),ve=a.computed(()=>{const e=S.value,u=F.value||"default",i=e?Number.parseInt(getComputedStyle(e).paddingLeft):0,o=e?Number.parseInt(getComputedStyle(e).paddingRight):0;return l.selectWidth-o-i-Ge[u]}),z=()=>{var e;B.value=((e=O.value)==null?void 0:e.offsetWidth)||200},me=a.computed(()=>({width:`${l.calculatedWidth===0?ae:Math.ceil(l.calculatedWidth)+ae}px`})),Ve=a.computed(()=>v.isArray(n.modelValue)?n.modelValue.length===0&&!l.displayInputValue:n.filterable?l.displayInputValue.length===0:!0),pe=a.computed(()=>{const e=n.placeholder||t("el.select.placeholder");return n.multiple||f.isNil(n.modelValue)?e:l.selectedLabel}),be=a.computed(()=>{var e,u;return(u=(e=b.value)==null?void 0:e.popperRef)==null?void 0:u.contentRef}),K=a.computed(()=>{if(n.multiple){const e=n.modelValue.length;if(n.modelValue.length>0)return s.value.findIndex(u=>u.value===n.modelValue[e-1])}else if(n.modelValue)return s.value.findIndex(e=>e.value===n.modelValue);return-1}),Ie=a.computed({get(){return c.value&&R.value!==!1},set(e){c.value=e}}),xe=a.computed(()=>l.cachedOptions.slice(0,n.maxCollapseTags)),ye=a.computed(()=>l.cachedOptions.slice(n.maxCollapseTags)),{createNewOption:U,removeNewOption:E,selectNewOption:Q,clearAllNewOption:M}=ze.useAllowCreate(n,l),{handleCompositionStart:Oe,handleCompositionUpdate:Se,handleCompositionEnd:Ce}=Ue.useInput(e=>te(e)),j=()=>{var e,u,i;(u=(e=g.value)==null?void 0:e.focus)==null||u.call(e),(i=b.value)==null||i.updatePopper()},N=()=>{if(!n.automaticDropdown&&!x.value)return l.isComposing&&(l.softFocus=!0),a.nextTick(()=>{var e,u;c.value=!c.value,(u=(e=g.value)==null?void 0:e.focus)==null||u.call(e)})},G=()=>(n.filterable&&l.inputValue!==l.selectedLabel&&(l.query=l.selectedLabel),J(l.inputValue),a.nextTick(()=>{U(l.inputValue)})),$=f.debounce(G,k.value),J=e=>{l.previousQuery!==e&&(l.previousQuery=e,n.filterable&&v.isFunction(n.filterMethod)?n.filterMethod(e):n.filterable&&n.remote&&v.isFunction(n.remoteMethod)&&n.remoteMethod(e))},Te=e=>{f.isEqual(n.modelValue,e)||m(ne.CHANGE_EVENT,e)},y=e=>{m(ne.UPDATE_MODEL_EVENT,e),Te(e),l.previousValue=e==null?void 0:e.toString()},we=(e=[],u)=>{if(!v.isObject(u))return e.indexOf(u);const i=n.valueKey;let o=-1;return e.some((r,d)=>f.get(r,i)===f.get(u,i)?(o=d,!0):!1),o},V=e=>v.isObject(e)?f.get(e,n.valueKey):e,qe=e=>v.isObject(e)?e.label:e,A=()=>a.nextTick(()=>{var u,i;if(!g.value)return;const e=S.value;O.value.height=e.offsetHeight,c.value&&R.value!==!1&&((i=(u=b.value)==null?void 0:u.updatePopper)==null||i.call(u))}),X=()=>{var e,u;if(Le(),z(),(u=(e=b.value)==null?void 0:e.updatePopper)==null||u.call(e),n.multiple)return A()},Le=()=>{const e=S.value;e&&(l.selectWidth=e.getBoundingClientRect().width)},Y=(e,u,i=!0)=>{var o,r;if(n.multiple){let d=n.modelValue.slice();const T=we(d,V(e));T>-1?(d=[...d.slice(0,T),...d.slice(T+1)],l.cachedOptions.splice(T,1),E(e)):(n.multipleLimit<=0||d.length<n.multipleLimit)&&(d=[...d,V(e)],l.cachedOptions.push(e),Q(e),p(u)),y(d),e.created&&(l.query="",J(""),l.inputLength=20),n.filterable&&!n.reserveKeyword&&((r=(o=g.value).focus)==null||r.call(o),C("")),n.filterable&&(l.calculatedWidth=I.value.getBoundingClientRect().width),A(),We()}else oe.value=u,l.selectedLabel=e.label,y(V(e)),c.value=!1,l.isComposing=!1,l.isSilentBlur=i,Q(e),e.created||M(),p(u)},Re=(e,u)=>{const{valueKey:i}=n,o=n.modelValue.indexOf(f.get(u,i));if(o>-1&&!x.value){const r=[...n.modelValue.slice(0,o),...n.modelValue.slice(o+1)];return l.cachedOptions.splice(o,1),y(r),m("remove-tag",f.get(u,i)),l.softFocus=!0,E(u),a.nextTick(j)}e.stopPropagation()},Ee=e=>{const u=l.isComposing;l.isComposing=!0,l.softFocus?l.softFocus=!1:u||m("focus",e)},Z=e=>(l.softFocus=!1,a.nextTick(()=>{var u,i;(i=(u=g.value)==null?void 0:u.blur)==null||i.call(u),I.value&&(l.calculatedWidth=I.value.getBoundingClientRect().width),l.isSilentBlur?l.isSilentBlur=!1:l.isComposing&&m("blur",e),l.isComposing=!1})),Me=()=>{l.displayInputValue.length>0?C(""):c.value=!1},Ne=e=>{if(l.displayInputValue.length===0){e.preventDefault();const u=n.modelValue.slice();u.pop(),E(l.cachedOptions.pop()),y(u)}},Ae=()=>{let e;return v.isArray(n.modelValue)?e=[]:e=void 0,l.softFocus=!0,n.multiple?l.cachedOptions=[]:l.selectedLabel="",c.value=!1,y(e),m("clear"),M(),a.nextTick(j)},C=e=>{l.displayInputValue=e,l.inputValue=e},ee=(e,u=void 0)=>{const i=s.value;if(!["forward","backward"].includes(e)||x.value||i.length<=0||ge.value)return;if(!c.value)return N();u===void 0&&(u=l.hoveringIndex);let o=-1;e==="forward"?(o=u+1,o>=i.length&&(o=0)):e==="backward"&&(o=u-1,(o<0||o>=i.length)&&(o=i.length-1));const r=i[o];if(r.disabled||r.type==="Group")return ee(e,o);p(o),H(o)},He=()=>{if(c.value)~l.hoveringIndex&&s.value[l.hoveringIndex]&&Y(s.value[l.hoveringIndex],l.hoveringIndex,!1);else return N()},p=e=>{l.hoveringIndex=e},Pe=()=>{l.hoveringIndex=-1},We=()=>{var u;const e=g.value;e&&((u=e.focus)==null||u.call(e))},te=e=>{const u=e.target.value;if(C(u),l.displayInputValue.length>0&&!c.value&&(c.value=!0),l.calculatedWidth=I.value.getBoundingClientRect().width,n.multiple&&A(),n.remote)$();else return G()},Be=()=>(c.value=!1,Z()),De=()=>(l.inputValue=l.displayInputValue,a.nextTick(()=>{~K.value&&(p(K.value),H(l.hoveringIndex))})),H=e=>{q.value.scrollToItem(e)},P=()=>{if(Pe(),n.multiple)if(n.modelValue.length>0){let e=!1;l.cachedOptions.length=0,l.previousValue=n.modelValue.toString(),n.modelValue.forEach(u=>{const i=s.value.findIndex(o=>V(o)===u);~i&&(l.cachedOptions.push(s.value[i]),e||p(i),e=!0)})}else l.cachedOptions=[],l.previousValue=void 0;else if(L.value){l.previousValue=n.modelValue;const e=s.value,u=e.findIndex(i=>V(i)===V(n.modelValue));~u?(l.selectedLabel=e[u].label,p(u)):l.selectedLabel=`${n.modelValue}`}else l.selectedLabel="",l.previousValue=void 0;M(),z()};return a.watch(c,e=>{var u,i;m("visible-change",e),e?(i=(u=b.value).update)==null||i.call(u):(l.displayInputValue="",l.previousQuery=null,U(""))}),a.watch(()=>n.modelValue,(e,u)=>{var i;(!e||e.toString()!==l.previousValue)&&P(),!f.isEqual(e,u)&&n.validateEvent&&((i=h==null?void 0:h.validate)==null||i.call(h,"change").catch(o=>_e.debugWarn(o)))},{deep:!0}),a.watch(()=>n.options,()=>{const e=g.value;(!e||e&&document.activeElement!==e)&&P()},{deep:!0}),a.watch(s,()=>a.nextTick(q.value.resetScrollTop)),a.onMounted(()=>{P()}),ke.useResizeObserver(O,X),{collapseTagSize:F,currentPlaceholder:pe,expanded:c,emptyText:R,popupHeight:se,debounce:k,filteredOptions:s,iconComponent:D,iconReverse:de,inputWrapperStyle:me,popperSize:B,dropdownMenuVisible:Ie,hasModelValue:L,shouldShowPlaceholder:Ve,selectDisabled:x,selectSize:_,showClearBtn:re,states:l,tagMaxWidth:ve,nsSelectV2:W,nsInput:ie,calculatorRef:I,controlRef:ce,inputRef:g,menuRef:q,popper:b,selectRef:O,selectionRef:S,popperRef:be,validateState:fe,validateIcon:he,showTagList:xe,collapseTagList:ye,debouncedOnInputChange:$,deleteTag:Re,getLabel:qe,getValueKey:V,handleBlur:Z,handleClear:Ae,handleClickOutside:Be,handleDel:Ne,handleEsc:Me,handleFocus:Ee,handleMenuEnter:De,handleResize:X,toggleMenu:N,scrollTo:H,onInput:te,onKeyboardNavigate:ee,onKeyboardSelect:He,onSelect:Y,onHover:p,onUpdateInputValue:C,handleCompositionStart:Oe,handleCompositionEnd:Ce,handleCompositionUpdate:Se}};exports.default=$e;

package/lib/components/select-v2/useSelect.d.ts

@@ -101,7 +101,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $data: {};
         $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -289,12 +289,12 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -307,11 +307,11 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -499,12 +499,12 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -513,7 +513,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -535,7 +535,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -723,12 +723,12 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;

package/lib/components/side-menu/side-menu.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),M=require("@vft/router"),A=require("@vft/use"),p=require("@vft/utils"),H=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const R=require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../divider/index.cjs");const U=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");const f=require("../menu/index.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/store");const $=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("./index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");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("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const l=H.useNamespace("side-menu"),P=u.defineComponent({name:l.b()}),E=u.defineComponent({...P,props:{menus:null,uniqueOpened:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},defaultActive:null,width:null,collapseWidth:{default:50},attrMapping:null,extraHeight:{default:100},menuTopBottomHeight:{default:40},showCollapse:{type:Boolean,default:!1},dragOption:null,useMenuSelect:{type:Boolean,default:!0}},emits:["update:collapse","dragEnd","select"],setup(t,{emit:h}){const q=u.useSlots(),v=u.ref(),a=u.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",...t.attrMapping}));M.listenerRouteChange(e=>{!e||e.meta.hideSide||(v.value=e.path)});const x=(e,o)=>{const n=e[a.value.path],c=e[a.value.title],i=e==null?void 0:e[a.value.children],s=e==null?void 0:e[a.value.index],d=e==null?void 0:e[a.value.icon];return i!=null&&i.length?u.h(f.VftSubMenu,{popperAppendToBody:!0,key:s||n,index:s||n,title:c,icon:d,popperClass:l.e("popper")},{default:()=>i==null?void 0:i.map((r,k)=>{var m;const g=r[a.value.path],y=r[a.value.index],w=r[a.value.icon],B=r[a.value.title];return(m=r==null?void 0:r[a.value.children])!=null&&m.length?x(r,k):u.h(f.VftMenuItem,{key:y||g,index:y||g,route:g,icon:w,title:B,disabled:r.disabled})})}):u.h(f.VftMenuItem,{key:s||n,index:s||n,title:c,route:n,icon:d,disabled:e.disabled},q.menuItem?()=>{var r;return(r=q.menuItem)==null?void 0:r.call(q,{item:e,index:o})}:"")},O=u.computed(()=>{var e,o;return u.h(f.VftMenu,{onSelect:t.useMenuSelect?b:()=>{},defaultActive:t.defaultActive||v.value,class:[l.e("con"),(e=t.dragOption)!=null&&e.dragClassName?l.e((o=t.dragOption)==null?void 0:o.dragClassName):""],style:{height:`calc(100% - ${t.menuTopBottomHeight}px)`},uniqueOpened:t.uniqueOpened,collapse:t.collapse,"collapse-transition":!1},()=>t.menus.map((n,c)=>x(n,c)))}),{go:C}=M.useRouterHelper(),S=$.useRouter();async function b(e){var i,s,d;const o=e.route;let n=e.route;e.indexPath.some(r=>p.isUrl(r))&&(n=e.indexPath.slice(-2).join("/"));const c=(d=(s=(i=S.getRoutes().filter(r=>r.path===n))==null?void 0:i[0])==null?void 0:s.meta)==null?void 0:d.linkTarget;C(c?{url:o,winOpenOpt:{target:c}}:o),h("select",e)}const N=u.computed(()=>({...R.generateCssVars({width:t.collapse?p.addUnit(t.collapseWidth):p.addUnit(t.width)},"side-menu"),height:`calc(100% - ${t.extraHeight}px)`})),V=u.computed(()=>[l.b(),l.m("fixed")]);function T(){h("update:collapse",!t.collapse)}return u.onMounted(()=>{u.nextTick(()=>{var e,o,n;if((e=t.dragOption)!=null&&e.dragClassName){const c=(n=document.querySelectorAll("."+l.e((o=t.dragOption)==null?void 0:o.dragClassName)))==null?void 0:n[0],{initSortable:i}=A.useSortable(c,{draggable:".vft-menu-item",onEnd:s=>{const{oldIndex:d,newIndex:r}=s;p.isNullOrUndefined(d)||p.isNullOrUndefined(r)||d===r||h("dragEnd",d,r)},...t.dragOption});i()}})}),()=>u.createVNode("div",{class:V.value,style:N.value},[q.top?u.createVNode("div",{class:l.e("top")},[q.top()]):null,O.value,q.bottom?u.createVNode("div",{class:l.e("bottom")},[q.bottom()]):t.showCollapse?u.createVNode("div",{onClick:T,class:[l.e("bottom"),l.e("collapse")]},[u.createVNode(U.VftIcon,{style:{transform:t.collapse?"rotateY(180deg)":""},size:20,icon:"ico-iconoir:sidebar-collapse"},null)]):null])}});exports.default=E;

package/lib/components/slot/only-child.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),g=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const d=require("../../hooks/use-forward-ref/index.cjs");require("@vueuse/core");const f=require("@vft/utils"),s=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const c="VftOnlyChild",p=r.defineComponent({name:c,setup(t,{slots:n,attrs:e}){const i=r.inject(d.FORWARD_REF_INJECTION_KEY),q=d.useForwardRefDirective((i==null?void 0:i.setForwardRef)??f.noop);return()=>{var l;const u=(l=n.default)==null?void 0:l.call(n,e);if(!u)return null;if(u.length>1)return s.debugWarn(c,"requires exact only one valid child."),null;const o=h(u);return o?r.withDirectives(r.cloneVNode(o,e),[[q]]):(s.debugWarn(c,"no valid child node found"),null)}}});function h(t){if(!t)return null;const n=t;for(const e of n){if(f.isObject(e))switch(e.type){case r.Comment:continue;case r.Text:case"svg":return a(e);case r.Fragment:return h(e.children);default:return e}return a(e)}return null}function a(t){const n=g.useNamespace("only-child");return r.createVNode("span",{class:n.e("content")},[t])}exports.OnlyChild=p;

package/lib/components/switch/switch.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("@vft/utils"),P=require("@vue/shared"),E=require("../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const C=require("../icon/index.cjs");require("../form/index.cjs");const i=require("../../constants/event.cjs"),U=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");const I=require("../form/hooks/use-form-item.cjs"),w=require("../form/hooks/use-form-common-props.cjs"),K=["onClick"],j=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex","onKeydown"],G=["aria-hidden"],H=["aria-hidden"],L=["aria-hidden"],o=U.useNamespace("switch"),W=e.defineComponent({name:o.b()}),$=e.defineComponent({...W,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:null,inlinePrompt:{type:Boolean,default:!1},activeIcon:null,inactiveIcon:null,activeText:null,inactiveText:null,activeColor:null,inactiveColor:null,borderColor:null,activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:null,validateEvent:{type:Boolean,default:!0},id:null,loading:{type:Boolean,default:!1},beforeChange:{type:Function},size:null,tabindex:null},emits:[i.UPDATE_MODEL_EVENT,i.CHANGE_EVENT,i.INPUT_EVENT],setup(t,{expose:z,emit:c}){const n=t,{formItem:u}=I.useFormItem(),q=w.useFormSize(),{inputId:S}=I.useFormItemInputId(n,{formItemContext:u}),s=e.computed(()=>V.singleAttrToObj(n.activeIcon,"icon")),f=e.computed(()=>V.singleAttrToObj(n.inactiveIcon,"icon")),h=w.useFormDisabled(e.computed(()=>n.loading)),b=e.ref(n.modelValue!==!1),m=e.ref(),D=e.ref(),A=e.computed(()=>[o.b(),o.m(q.value),o.is("disabled",h.value),o.is("checked",a.value)]),O=e.computed(()=>({width:V.addUnit(n.width)}));e.watch(()=>n.modelValue,()=>{b.value=!0}),e.watch(()=>n.value,()=>{b.value=!1});const y=e.computed(()=>b.value?n.modelValue:n.value),a=e.computed(()=>y.value===n.activeValue);[n.activeValue,n.inactiveValue].includes(y.value)||(c(i.UPDATE_MODEL_EVENT,n.inactiveValue),c(i.CHANGE_EVENT,n.inactiveValue),c(i.INPUT_EVENT,n.inactiveValue)),e.watch(a,l=>{var r;m.value.checked=l,n.validateEvent&&((r=u==null?void 0:u.validate)==null||r.call(u,"change").catch(v=>E.debugWarn(v)))});const k=()=>{const l=a.value?n.inactiveValue:n.activeValue;c(i.UPDATE_MODEL_EVENT,l),c(i.CHANGE_EVENT,l),c(i.INPUT_EVENT,l),e.nextTick(()=>{m.value.checked=a.value})},B=()=>{if(h.value)return;const{beforeChange:l}=n;if(!l){k();return}const r=l();[P.isPromise(r),V.isBoolean(r)].includes(!0)||E.throwError(o.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),P.isPromise(r)?r.then(d=>{d&&k()}).catch(d=>{E.debugWarn(o.b(),`some error occurred: ${d}`)}):r&&k()},F=e.computed(()=>o.cssVarBlock({...n.activeColor?{"on-color":n.activeColor}:null,...n.inactiveColor?{"off-color":n.inactiveColor}:null,...n.borderColor?{"border-color":n.borderColor}:null})),M=()=>{var l,r;(r=(l=m.value)==null?void 0:l.focus)==null||r.call(l)};return e.onMounted(()=>{m.value.checked=a.value}),z({focus:M,checked:a}),(l,r)=>{var v,d,N,T,g,p,x;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(A)),style:e.normalizeStyle(e.unref(F)),onClick:e.withModifiers(B,["prevent"])},[e.createElementVNode("input",{id:e.unref(S),ref_key:"input",ref:m,class:e.normalizeClass(e.unref(o).e("input")),type:"checkbox",role:"switch","aria-checked":e.unref(a),"aria-disabled":e.unref(h),name:t.name,"true-value":t.activeValue,"false-value":t.inactiveValue,disabled:e.unref(h),tabindex:t.tabindex,onChange:k,onKeydown:e.withKeys(B,["enter"])},null,42,j),!t.inlinePrompt&&(t.inactiveIcon||t.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o).e("label"),e.unref(o).em("label","left"),e.unref(o).is("active",!e.unref(a))])},[(v=e.unref(f))!=null&&v.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(f))),null,16)):e.createCommentVNode("",!0),!((d=e.unref(f))!=null&&d.icon)&&t.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":e.unref(a)},e.toDisplayString(t.inactiveText),9,G)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:D,class:e.normalizeClass(e.unref(o).e("core")),style:e.normalizeStyle(e.unref(O))},[t.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).e("inner"))},[(N=e.unref(s))!=null&&N.icon||(T=e.unref(f))!=null&&T.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(a)?e.unref(s):e.unref(f))),null,16)):t.activeText||t.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).is("text")),"aria-hidden":!e.unref(a)},e.toDisplayString(e.unref(a)?t.activeText:t.inactiveText),11,H)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[t.loading?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(o).is("loading")),icon:"ico-ep:loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!t.inlinePrompt&&((g=e.unref(s))!=null&&g.icon||t.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(o).e("label"),e.unref(o).em("label","right"),e.unref(o).is("active",e.unref(a))])},[(p=e.unref(s))!=null&&p.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(s))),null,16)):e.createCommentVNode("",!0),!((x=e.unref(s))!=null&&x.icon)&&t.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!e.unref(a)},e.toDisplayString(t.activeText),9,L)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],14,K)}}});exports.default=$;

package/lib/components/table/table.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("../empty/index.cjs"),k=require("../pagination/index.cjs"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const q=require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const D=require("vxe-table"),I=require("../empty/constants.cjs"),u=$.useNamespace("table"),T=e.defineComponent({name:u.b()}),A=e.defineComponent({...T,props:{maxHeight:null,columns:null,tableData:{default:[]},loading:{type:Boolean,default:!1},height:null,pageSize:{default:50},total:null,defaultSort:{default:{}},tableConfig:{default:{}},sticky:{type:[Boolean,Object]},pagePlacement:{default:"bottom-right"},pageOptions:null},emits:["page-change","sort-change","update:pageNum"],setup(n,{expose:z,emit:m}){const B=e.useAttrs(),o=e.ref(1),E=e.ref(0),i=e.ref(),P=q.useDebounceFn(()=>N(),120),y=e.computed(()=>n.pagePlacement.startsWith("bottom"));e.watch([()=>n.loading,()=>n.tableData,()=>n.columns],()=>{P()},{immediate:!0});function N(){g.data=n.tableData,b(o.value)}D.VXETable.formats.mixin({showEmpty({cellValue:t}){return t||"-"}});const R=e.computed(()=>n.columns.filter(t=>(t&&t.type!=="seq"&&!t.formatter&&!t.slots&&!t.cellRender&&(t.cellRender={name:"Encrypt"}),t))),H=()=>({maxHeight:"88px",height:"44px"}),L=t=>{var a;const{column:l}=t;return{maxHeight:((a=l==null?void 0:l.cellRender)==null?void 0:a.name)==="Clamp"?"max-content":"44px"}},g=e.reactive({autoResize:!0,sortConfig:{trigger:"cell",remote:!0,defaultSort:{field:"",order:"desc",...n.defaultSort},orders:["desc","asc",null]},seqConfig:{startIndex:E.value},cellClassName:"cellClass",rowClassName:"rowClass",cellStyle:L,rowStyle:H,headerRowClassName:"headerRowClass",headerAlign:"center",columnConfig:{resizable:!0},rowConfig:{isHover:!0},scrollY:{mode:"wheel"},scrollX:{enabled:!1},...n.tableConfig,...B}),V=t=>{m("sort-change",t)};e.watch(()=>o.value,t=>{b(t)});const b=t=>{g.seqConfig&&(g.seqConfig.startIndex=(t-1)*n.pageSize)},s=e.ref(),p=e.ref(),v=e.ref(!1);let r=e.ref(),f=e.ref();const d=e.computed(()=>{var t;return((t=n.sticky)==null?void 0:t.getContainer)||document.documentElement||document.body});e.watch(()=>[i,n.sticky],()=>{var t,l,a;(t=i.value)!=null&&t.$el&&n.sticky&&((l=d.value)==null||l.removeEventListener("scroll",h),(a=d.value)==null||a.addEventListener("scroll",h),setTimeout(()=>{C()},50))},{immediate:!0,deep:!0});function C(){if(!r.value||!f.value||(h(),!v.value))return;const t=r.value.clientWidth,l=f.value.offsetWidth;s.value.style.width=t-1+"px",p.value.style.width=l+"px"}function h(){var x,S,w;if(!((x=i.value)!=null&&x.$el)||!r.value||!d.value)return;const t=((S=d.value)==null?void 0:S.clientHeight)||window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,{top:l,bottom:a}=r.value.getBoundingClientRect(),c=((w=d.value)==null?void 0:w.getBoundingClientRect().top)||document.body.getBoundingClientRect().top;v.value=l<t&&a>t&&a-c>t,s.value.scrollLeft=r.value.scrollLeft}const O=()=>{var l;const t=(l=i.value)==null?void 0:l.$el;t&&(r.value=t.querySelector(".vxe-table--body-wrapper"),f.value=t.querySelector(".vxe-table--body"),!(!r.value&&!f.value)&&(r.value.addEventListener("scroll",function(a){s.value.scrollLeft=a.target.scrollLeft}),s.value.addEventListener("scroll",function(a){r.value.scrollLeft=a.target.scrollLeft})))};return e.onMounted(()=>{n.sticky&&(O(),q.useResizeObserver(i,()=>C()))}),z({table:i}),(t,l)=>{const a=e.resolveComponent("vxe-grid");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u).b())},[e.unref(y)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:0,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[0]||(l[0]=c=>m("page-change",o.value)),"current-page":o.value,"onUpdate:currentPage":l[1]||(l[1]=c=>o.value=c)}),null,16,["class","total","page-size","current-page"])),e.createVNode(a,e.mergeProps({ref_key:"xGrid",ref:i},g,{height:n.height,"max-height":n.maxHeight,columns:e.unref(R),data:n.tableData,"auto-resize":"",loading:n.loading,resizable:"",onSortChange:V}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(W.VftEmpty),{type:e.unref(I.EmptyEnum).NO_DATA},null,8,["type"])]),_:2},[n.sticky?{name:"bottom",fn:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"stickyScroll",ref:s,class:e.normalizeClass(e.unref(u).e("sticky-scroll-warpper"))},[e.createElementVNode("div",{ref_key:"stickyScrollBar",ref:p,class:e.normalizeClass(e.unref(u).e("sticky-scroll-bar"))},null,2)],2),[[e.vShow,v.value]])]),key:"0"}:void 0]),1040,["height","max-height","columns","data","loading"]),e.unref(y)?(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:1,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[2]||(l[2]=c=>m("page-change",o.value)),"current-page":o.value,"onUpdate:currentPage":l[3]||(l[3]=c=>o.value=c)}),null,16,["class","total","page-size","current-page"])):e.createCommentVNode("",!0)],2)}}});exports.default=A;

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

@@ -20,7 +20,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "bottom" | "right" | "left" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -113,7 +113,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "bottom" | "right" | "left" | undefined>;
         required: false;
     };
     beforeLeave: {

package/lib/components/tabs/tab-bar.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("./types.cjs"),S=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const w=require("@vueuse/core"),c=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const $=e.defineComponent({__name:"tab-bar",props:{tabs:null},setup(g,{expose:q}){const a=g,v=e.getCurrentInstance(),l=e.inject(x.TabsRootContextKey),p=S.useNamespace("tabs"),i=e.ref(),f=e.ref(),_=()=>{let t=0,r=0;const s=["top","bottom"].includes(l.props.tabPosition)?"width":"height",b=s==="width"?"x":"y",z=b==="x"?"left":"top";return a.tabs.every(d=>{var m,y;const n=(y=(m=v.parent)==null?void 0:m.refs)==null?void 0:y[`tab-${d.uid}`];if(!n)return!1;if(!d.active)return!0;t=n[`offset${c.capitalize(z)}`],r=n[`client${c.capitalize(s)}`];const u=window.getComputedStyle(n);return s==="width"&&(a.tabs.length>1&&(r-=Number.parseFloat(u.paddingLeft)+Number.parseFloat(u.paddingRight)),t+=Number.parseFloat(u.paddingLeft)),!1}),{[s]:`${r}px`,transform:`translate${c.capitalize(b)}(${t}px)`}},o=()=>f.value=_();e.watch(()=>a.tabs,async()=>{await e.nextTick(),o()},{immediate:!0});const h=e.computed(()=>l.props.tabPosition);return w.useResizeObserver(i,()=>o()),q({ref:i,update:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:i,class:e.normalizeClass([e.unref(p).e("active-bar"),e.unref(p).is(e.unref(h))]),style:e.normalizeStyle(f.value)},null,6))}});exports.default=$;