vft 0.0.239 → 0.0.240

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

@@ -1,6 +1,6 @@
 import { type SearchProps } from './search.vue';
 export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         width: {
             type: import("vue").PropType<string | number>;
         };
@@ -11,7 +11,7 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         popoverCfg: {
-            type: import("vue").PropType<import("..").PopoverProps>;
+            type: import("vue").PropType<import("vft/es/vft").PopoverProps>;
         };
         modelValue: {
             type: import("vue").PropType<string | number>;
@@ -23,18 +23,19 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         suffixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         prefixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         clearIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
-    }>> & {
-        onChange?: ((val: string | number) => any) | undefined;
+    }>> & Readonly<{
         onInput?: ((val: string | number) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onBlur?: (() => any) | undefined;
+        onChange?: ((val: string | number) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -42,18 +43,17 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((val: string | number) => any) | undefined;
         onMouseleave?: ((val: string | number) => any) | undefined;
-        onEnter?: ((val: string | number) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onSuffixClick?: ((val: string | number) => any) | undefined;
         onPrefixClick?: ((val: string | number) => any) | undefined;
-    }, {
-        isFocus: import("vue").Ref<boolean>;
-        isHover: import("vue").Ref<boolean>;
-        visible: import("vue").Ref<boolean>;
+        onEnter?: ((val: string | number) => any) | undefined;
+    }>, {
+        isFocus: import("vue").Ref<boolean, boolean>;
+        isHover: import("vue").Ref<boolean, boolean>;
+        visible: import("vue").Ref<boolean, boolean>;
         hidePopover: () => void;
         showPopover: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (val: string | number) => void;
         blur: () => void;
         focus: () => void;
@@ -69,54 +69,7 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         compositionstart: (evt: CompositionEvent) => void;
         compositionupdate: (evt: CompositionEvent) => void;
         compositionend: (evt: CompositionEvent) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
-        activeWidth: {
-            type: import("vue").PropType<string | number>;
-        };
-        usePopover: {
-            type: import("vue").PropType<boolean>;
-        };
-        popoverCfg: {
-            type: import("vue").PropType<import("..").PopoverProps>;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-        };
-        clearable: {
-            type: import("vue").PropType<boolean>;
-        };
-        suffixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
-        };
-        prefixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
-        };
-        clearIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
-        };
-    }>> & {
-        onChange?: ((val: string | number) => any) | undefined;
-        onInput?: ((val: string | number) => any) | undefined;
-        onBlur?: (() => any) | undefined;
-        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
-        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
-        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onFocus?: (() => any) | undefined;
-        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-        onMouseenter?: ((val: string | number) => any) | undefined;
-        onMouseleave?: ((val: string | number) => any) | undefined;
-        onEnter?: ((val: string | number) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
-        onClear?: (() => any) | undefined;
-        onSuffixClick?: ((val: string | number) => any) | undefined;
-        onPrefixClick?: ((val: string | number) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -134,7 +87,7 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         popoverCfg: {
-            type: import("vue").PropType<import("..").PopoverProps>;
+            type: import("vue").PropType<import("vft/es/vft").PopoverProps>;
         };
         modelValue: {
             type: import("vue").PropType<string | number>;
@@ -146,18 +99,19 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         suffixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         prefixIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         clearIcon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
-    }>> & {
-        onChange?: ((val: string | number) => any) | undefined;
+    }>> & Readonly<{
         onInput?: ((val: string | number) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onBlur?: (() => any) | undefined;
+        onChange?: ((val: string | number) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -165,21 +119,20 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((val: string | number) => any) | undefined;
         onMouseleave?: ((val: string | number) => any) | undefined;
-        onEnter?: ((val: string | number) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onSuffixClick?: ((val: string | number) => any) | undefined;
         onPrefixClick?: ((val: string | number) => any) | undefined;
-    }, {
-        isFocus: import("vue").Ref<boolean>;
-        isHover: import("vue").Ref<boolean>;
-        visible: import("vue").Ref<boolean>;
+        onEnter?: ((val: string | number) => any) | undefined;
+    }>, {
+        isFocus: import("vue").Ref<boolean, boolean>;
+        isHover: import("vue").Ref<boolean, boolean>;
+        visible: import("vue").Ref<boolean, boolean>;
         hidePopover: () => void;
         showPopover: () => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     width: {
         type: import("vue").PropType<string | number>;
@@ -191,7 +144,7 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     popoverCfg: {
-        type: import("vue").PropType<import("..").PopoverProps>;
+        type: import("vue").PropType<import("vft/es/vft").PopoverProps>;
     };
     modelValue: {
         type: import("vue").PropType<string | number>;
@@ -203,18 +156,19 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     suffixIcon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     prefixIcon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     clearIcon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
-}>> & {
-    onChange?: ((val: string | number) => any) | undefined;
+}>> & Readonly<{
     onInput?: ((val: string | number) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: (() => any) | undefined;
+    onChange?: ((val: string | number) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -222,18 +176,17 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((val: string | number) => any) | undefined;
     onMouseleave?: ((val: string | number) => any) | undefined;
-    onEnter?: ((val: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onSuffixClick?: ((val: string | number) => any) | undefined;
     onPrefixClick?: ((val: string | number) => any) | undefined;
-}, {
-    isFocus: import("vue").Ref<boolean>;
-    isHover: import("vue").Ref<boolean>;
-    visible: import("vue").Ref<boolean>;
+    onEnter?: ((val: string | number) => any) | undefined;
+}>, {
+    isFocus: import("vue").Ref<boolean, boolean>;
+    isHover: import("vue").Ref<boolean, boolean>;
+    visible: import("vue").Ref<boolean, boolean>;
     hidePopover: () => void;
     showPopover: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | number) => void;
     blur: () => void;
     focus: () => void;
@@ -249,7 +202,7 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         prefix?(_: {}): any;
         suffix?(_: {}): any;

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

@@ -13,13 +13,20 @@ export interface SearchProps {
 }
 declare function showPopover(): void;
 declare function hidePopover(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>, {
-    isFocus: import("vue").Ref<boolean>;
-    isHover: import("vue").Ref<boolean>;
-    visible: import("vue").Ref<boolean>;
+declare function __VLS_template(): {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>>, {
+    isFocus: import("vue").Ref<boolean, boolean>;
+    isHover: import("vue").Ref<boolean, boolean>;
+    visible: import("vue").Ref<boolean, boolean>;
     hidePopover: typeof hidePopover;
     showPopover: typeof showPopover;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | number) => void;
     blur: () => void;
     focus: () => void;
@@ -35,10 +42,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>>> & {
-    onChange?: ((val: string | number) => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>>> & Readonly<{
     onInput?: ((val: string | number) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: (() => any) | undefined;
+    onChange?: ((val: string | number) => any) | undefined;
     onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -46,18 +54,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((val: string | number) => any) | undefined;
     onMouseleave?: ((val: string | number) => any) | undefined;
-    onEnter?: ((val: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onSuffixClick?: ((val: string | number) => any) | undefined;
     onPrefixClick?: ((val: string | number) => any) | undefined;
-}, {}, {}>, {
-    prefix?(_: {}): any;
-    suffix?(_: {}): any;
-    prepend?(_: {}): any;
-    append?(_: {}): any;
-    default?(_: {}): any;
-}>;
+    onEnter?: ((val: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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"),r=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 u=A.useNamespace("search"),o=C,f=e.ref(),p=e.ref(),v=e.ref(),s=e.ref(!1),d=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?r.addUnit(n.activeWidth):r.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?r.addUnit(n.activeWidth):r.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=()=>{c()};function x(){i.value=!0}function c(){i.value=!1}const S=()=>{o("clear"),a(!1)};function b(){d.value=!0,o("mouseenter",n.modelValue)}function B(){d.value=!1,o("mouseleave",n.modelValue)}const P=()=>{i.value=!0,s.value=!0,o("focus")};function $(){s.value=!1,o("blur")}function q(){a(),o("prefixClick",n.modelValue)}function R(){a(),o("suffixClick",n.modelValue)}function U(){a(),o("enter",n.modelValue)}function a(t=!0){n.usePopover&&c(),t&&v.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>{var t,l;return(l=(t=f.value)==null?void 0:t.popperRef)==null?void 0:l.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:s,isHover:d,visible:i,hidePopover:c,showPopover:x}),(t,l)=>{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:p,class:e.normalizeClass([e.unref(u).b(),e.unref(u).is("active",i.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(O.VftInput),e.mergeProps({ref_key:"inputRef",ref:v},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:f},V.value,{"virtual-ref":p.value,visible:i.value,"onUpdate:visible":l[0]||(l[0]=K=>i.value=K),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u).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");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;

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

@@ -1,10 +1,11 @@
 import type { Options, Placement } from 'vft/es/components/popper';
+import type { ComponentSize } from 'vft/es/constants';
 import type { Component, PropType } from 'vue';
 import type { OptionType } from './select.types';
 export declare const SelectProps: {
     allowCreate: BooleanConstructor;
     autocomplete: {
-        type: PropType<"both" | "none" | "inline" | "list">;
+        type: PropType<"none" | "both" | "list" | "inline">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -13,7 +14,7 @@ export declare const SelectProps: {
         type: PropType<string | Component>;
     };
     effect: {
-        type: PropType<string>;
+        type: PropType<"light" | "dark" | string>;
         default: string;
     };
     collapseTags: BooleanConstructor;
@@ -45,7 +46,7 @@ export declare const SelectProps: {
     loading: BooleanConstructor;
     loadingText: StringConstructor;
     label: StringConstructor;
-    modelValue: PropType<any>;
+    modelValue: PropType<any[] | string | number | boolean | Record<string, any> | any>;
     multiple: BooleanConstructor;
     multipleLimit: {
         type: NumberConstructor;
@@ -81,7 +82,7 @@ export declare const SelectProps: {
     };
     remote: BooleanConstructor;
     size: {
-        type: PropType<"" | "default" | "small" | "large">;
+        type: PropType<ComponentSize>;
     };
     valueKey: {
         type: StringConstructor;

package/lib/components/select/group-item.vue.d.ts

@@ -1,20 +1,20 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: ObjectConstructor;
         required: true;
     };
     style: ObjectConstructor;
     height: NumberConstructor;
-}, {
+}>, {
     ns: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -24,12 +24,12 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: ObjectConstructor;
         required: true;
     };
     style: ObjectConstructor;
     height: NumberConstructor;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/select/option-item.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: ArrayConstructor;
     disabled: BooleanConstructor;
     hovering: BooleanConstructor;
@@ -7,16 +7,16 @@ declare const _default: import("vue").DefineComponent<{
     style: ObjectConstructor;
     selected: BooleanConstructor;
     created: BooleanConstructor;
-}, {
+}>, {
     ns: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     hoverItem: () => void;
     selectOptionClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "hover")[], "select" | "hover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "hover")[], "select" | "hover", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: ArrayConstructor;
     disabled: BooleanConstructor;
     hovering: BooleanConstructor;
@@ -37,13 +37,13 @@ declare const _default: import("vue").DefineComponent<{
     style: ObjectConstructor;
     selected: BooleanConstructor;
     created: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onHover?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     created: boolean;
     selected: boolean;
     hovering: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

package/lib/components/select/select-dropdown.d.ts

@@ -1,16 +1,16 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
         type: ArrayConstructor;
         required: true;
     };
     hoveringIndex: NumberConstructor;
     width: NumberConstructor;
-}, () => VNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => VNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: ArrayConstructor;
         required: true;
     };
     hoveringIndex: NumberConstructor;
     width: NumberConstructor;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1 +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"],S=["textContent"];function v(e,n,k,w,h,B){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.nsSelect.b(),e.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.e("wrapper"),e.nsSelect.is("focused",e.states.isComposing||e.expanded),e.nsSelect.is("hovering",e.states.comboBoxHovering),e.nsSelect.is("filterable",e.filterable),e.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.e("selected-item"),e.nsSelect.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.nsSelect.is(e.selectSize),e.nsSelect.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.nsSelect.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.nsSelect.e("selected-item"),e.nsSelect.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.nsSelect.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.nsSelect.e("selected-item"),e.nsSelect.e("input-calculator")]),textContent:l.toDisplayString(e.states.displayInputValue)},null,10,S)):l.createCommentVNode("",!0)],64)),e.shouldShowPlaceholder?(l.openBlock(),l.createElementBlock("span",{key:3,class:l.normalizeClass([e.nsSelect.e("placeholder"),e.nsSelect.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.nsSelect.e("suffix"))},[e.iconComponent?l.withDirectives((l.openBlock(),l.createBlock(a,{key:0,icon:e.iconComponent,class:l.normalizeClass([e.nsSelect.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:"icon-circle-close",class:l.normalizeClass([e.nsSelect.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,icon:e.validateIcon,class:l.normalizeClass([e.nsInput.e("icon"),e.nsInput.e("validateIcon")])},null,8,["icon","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.nsSelect.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",v]]);exports.default=g;
+"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"],S=["textContent"];function v(e,n,k,w,h,B){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.nsSelect.b(),e.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.e("wrapper"),e.nsSelect.is("focused",e.states.isComposing||e.expanded),e.nsSelect.is("hovering",e.states.comboBoxHovering),e.nsSelect.is("filterable",e.filterable),e.nsSelect.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.nsSelect.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.nsSelect.e("selected-item"))},[l.createVNode(s,{closable:!e.selectDisabled&&!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.nsSelect.e("tags-text")),style:l.normalizeStyle({maxWidth:`${e.tagMaxWidth}px`})},l.toDisplayString(o?.label),7)]),_:2},1032,["closable","size","onClose"])],2))),128)),l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.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.nsSelect.e("selected-item"),e.nsSelect.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.nsSelect.is(e.selectSize),e.nsSelect.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.nsSelect.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.nsSelect.e("selected-item"),e.nsSelect.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.nsSelect.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.nsSelect.e("selected-item"),e.nsSelect.e("input-calculator")]),textContent:l.toDisplayString(e.states.displayInputValue)},null,10,S)):l.createCommentVNode("",!0)],64)),e.shouldShowPlaceholder?(l.openBlock(),l.createElementBlock("span",{key:3,class:l.normalizeClass([e.nsSelect.e("placeholder"),e.nsSelect.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.nsSelect.e("suffix"))},[e.iconComponent?l.withDirectives((l.openBlock(),l.createBlock(a,{key:0,icon:e.iconComponent,class:l.normalizeClass([e.nsSelect.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:"icon-circle-close",class:l.normalizeClass([e.nsSelect.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,icon:e.validateIcon,class:l.normalizeClass([e.nsInput.e("icon"),e.nsInput.e("validateIcon")])},null,8,["icon","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.nsSelect.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",v]]);exports.default=g;