vft 0.0.142 → 0.0.145

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

@@ -87,6 +87,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
             key?: string | number | symbol | undefined;
+            readonly className?: import("../types").ClassType | undefined;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree" | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             readonly showAfter?: number | undefined;
@@ -95,9 +99,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
-            readonly strategy?: "absolute" | "fixed" | undefined;
+            readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly id?: string | undefined;
+            readonly onFocus?: Function | undefined;
+            readonly onBlur?: Function | undefined;
+            readonly onKeydown?: Function | undefined;
+            readonly onClick?: Function | undefined;
+            readonly onContextmenu?: Function | undefined;
+            readonly onMouseenter?: Function | undefined;
+            readonly onMouseleave?: Function | undefined;
+            readonly visible?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -138,22 +151,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly onFocus?: Function | undefined;
-            readonly onBlur?: Function | undefined;
-            readonly onKeydown?: Function | undefined;
-            readonly onClick?: Function | undefined;
-            readonly onContextmenu?: Function | undefined;
-            readonly onMouseenter?: Function | undefined;
-            readonly onMouseleave?: Function | undefined;
-            readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             readonly appendTo?: any;
-            readonly className?: import("../types").ClassType | undefined;
-            readonly ariaLabel?: string | undefined;
-            readonly visible?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -172,6 +171,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly virtualRef?: import("..").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
@@ -189,11 +189,11 @@ declare const _default: __VLS_WithTemplateSlots<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" | "close" | "hide" | "show" | "before-show" | "before-hide", ...args: any[]) => void;
+        $emit: ((event: "open", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -253,7 +253,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
             };
             strategy: {
-                type: import("vue").PropType<"absolute" | "fixed">;
+                type: import("vue").PropType<"fixed" | "absolute">;
             };
             style: {
                 type: import("vue").PropType<StyleValue>;
@@ -348,7 +348,14 @@ declare const _default: __VLS_WithTemplateSlots<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" | "close" | "hide" | "show" | "before-show" | "before-hide")[], string, {}, {}, string, {}> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            open: (...args: any[]) => void;
+            close: (...args: any[]) => void;
+            hide: (...args: any[]) => void;
+            show: (...args: any[]) => void;
+            "before-show": (...args: any[]) => void;
+            "before-hide": (...args: any[]) => void;
+        }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -370,7 +377,7 @@ declare const _default: __VLS_WithTemplateSlots<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<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -430,7 +437,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
         };
         strategy: {
-            type: import("vue").PropType<"absolute" | "fixed">;
+            type: import("vue").PropType<"fixed" | "absolute">;
         };
         style: {
             type: import("vue").PropType<StyleValue>;
@@ -546,13 +553,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** @description highlight an item in a suggestion */
     highlight: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => boolean;
-    input: (value: string) => boolean;
-    change: (value: string) => boolean;
-    focus: (evt: FocusEvent) => boolean;
-    blur: (evt: FocusEvent) => boolean;
-    clear: () => true;
-    select: (item: Record<string, any>) => boolean;
+    "update:modelValue": (value: string) => void;
+    change: (value: string) => void;
+    input: (value: string) => void;
+    select: (item: Record<string, any>) => void;
+    clear: () => void;
+    blur: (evt: FocusEvent) => void;
+    focus: (evt: FocusEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     valueKey: {
         type: import("vue").PropType<string>;

package/lib/components/autocomplete/autocomplete.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils");require("../form/index.cjs");const Y=require("../input/index.cjs"),Z=require("../scrollbar/index.cjs"),_=require("../tooltip/index.cjs"),d=require("../../constants/event.cjs"),ee=require("../../hooks/use-attrs/index.cjs"),te=require("@vueuse/core"),le=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const ae=require("lodash"),oe=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./types.cjs"),se=require("../form/hooks/use-form-common-props.cjs"),re=["aria-expanded","aria-owns"],ue=["id","aria-selected","onClick"],ie="ElAutocomplete",i=oe.useNamespace("autocomplete"),ce=e.defineComponent({name:"vft-autocomplete",inheritAttrs:!1}),fe=e.defineComponent({...ce,props:{valueKey:{default:"value"},modelValue:{default:""},debounce:{default:300},placement:{default:"bottom-start"},fetchSuggestions:{type:[Function,Array],default:()=>{}},popperClass:{default:""},triggerOnFocus:{type:Boolean,default:!0},selectWhenUnmatched:{type:Boolean,default:!1},hideLoading:{type:Boolean,default:!1},label:{},teleported:{type:Boolean,default:!1},highlightFirstItem:{type:Boolean,default:!1},fitInputWidth:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{}},emits:{[d.UPDATE_MODEL_EVENT]:l=>f.isString(l),[d.INPUT_EVENT]:l=>f.isString(l),[d.CHANGE_EVENT]:l=>f.isString(l),focus:l=>l instanceof FocusEvent,blur:l=>l instanceof FocusEvent,clear:()=>!0,select:l=>f.isObject(l)},setup(l,{expose:F,emit:r}){const P=ee.useAttrs(),K=e.useAttrs(),C=se.useFormDisabled(),n=e.ref(),N=e.ref(),E=e.ref(),V=e.ref();let B=!1,w=!1;const u=e.ref([]),o=e.ref(-1),q=e.ref(""),c=e.ref(!1),m=e.ref(!1),h=e.ref(!1),y=e.computed(()=>i.b(String(ne.generateId()))),M=e.computed(()=>K.style),v=e.computed(()=>(u.value.length>0||h.value)&&c.value),$=e.computed(()=>!l.hideLoading&&h.value),O=e.computed(()=>n.value?Array.from(n.value.$el.querySelectorAll("input")):[]),U=async()=>{await e.nextTick(),v.value&&(q.value=`${n.value.$el.offsetWidth}px`)},x=()=>{o.value=-1},R=async t=>{if(m.value)return;const a=s=>{h.value=!1,console.log("cb---",s,m.value,f.isArray(s)),!m.value&&(f.isArray(s)?(u.value=s,o.value=l.highlightFirstItem?0:-1):le.throwError(ie,"autocomplete suggestions must be an array"))};if(h.value=!0,console.log(l.fetchSuggestions,t,8989),f.isArray(l.fetchSuggestions))console.log("isArray----"),a(l.fetchSuggestions);else{const s=await l.fetchSuggestions(t,a);f.isArray(s)&&a(s),console.log("await----",f.isArray(s),s)}},D=ae.debounce(R,l.debounce),z=t=>{const a=!!t;if(r(d.INPUT_EVENT,t),r(d.UPDATE_MODEL_EVENT,t),m.value=!1,c.value||(c.value=a),!l.triggerOnFocus&&!t){m.value=!0,u.value=[];return}D(t)},L=t=>{var a;C.value||(((a=t.target)==null?void 0:a.tagName)!=="INPUT"||O.value.includes(document.activeElement))&&(c.value=!0)},W=t=>{r(d.CHANGE_EVENT,t)},H=t=>{w?w=!1:(c.value=!0,r("focus",t),l.triggerOnFocus&&!B&&D(String(l.modelValue)))},G=t=>{setTimeout(()=>{var a;if((a=E.value)!=null&&a.isFocusInsideContent()){w=!0;return}c.value&&b(),r("blur",t)})},j=()=>{c.value=!1,r(d.UPDATE_MODEL_EVENT,""),r("clear")},I=async()=>{v.value&&o.value>=0&&o.value<u.value.length?A(u.value[o.value]):l.selectWhenUnmatched&&(r("select",{value:l.modelValue}),u.value=[],o.value=-1)},J=t=>{v.value&&(t.preventDefault(),t.stopPropagation(),b())},b=()=>{c.value=!1},Q=()=>{var t;(t=n.value)==null||t.focus()},X=()=>{var t;(t=n.value)==null||t.blur()},A=async t=>{r(d.INPUT_EVENT,t[l.valueKey]),r(d.UPDATE_MODEL_EVENT,t[l.valueKey]),r("select",t),u.value=[],o.value=-1},S=t=>{if(!v.value||h.value)return;if(t<0){o.value=-1;return}t>=u.value.length&&(t=u.value.length-1);const a=N.value.querySelector(`.${i.be("suggestion","wrap")}`),p=a.querySelectorAll(`.${i.be("suggestion","list")} li`)[t],g=a.scrollTop,{offsetTop:T,scrollHeight:k}=p;T+k>g+a.clientHeight&&(a.scrollTop+=k),T<g&&(a.scrollTop-=k),o.value=t,n.value.ref.setAttribute("aria-activedescendant",`${y.value}-item-${o.value}`)};return te.onClickOutside(V,()=>{v.value&&b()}),e.onMounted(()=>{n.value.ref.setAttribute("role","textbox"),n.value.ref.setAttribute("aria-autocomplete","list"),n.value.ref.setAttribute("aria-controls","id"),n.value.ref.setAttribute("aria-activedescendant",`${y.value}-item-${o.value}`),B=n.value.ref.hasAttribute("readonly")}),F({highlightedIndex:o,activated:c,loading:h,inputRef:n,popperRef:E,suggestions:u,handleSelect:A,handleKeyEnter:I,focus:Q,blur:X,close:b,highlight:S}),(t,a)=>{const s=e.resolveDirective("loading");return e.openBlock(),e.createBlock(e.unref(_.VftTooltip),{ref_key:"popperRef",ref:E,visible:v.value,placement:t.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[e.unref(i).e("popper"),t.popperClass],teleported:t.teleported,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${e.unref(i).namespace.value}-zoom-in-top`,persistent:"",onBeforeShow:U,onHide:x},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"regionRef",ref:N,class:e.normalizeClass([e.unref(i).b("suggestion"),e.unref(i).is("loading",$.value)]),style:e.normalizeStyle({[t.fitInputWidth?"width":"minWidth"]:q.value,outline:"none"}),role:"region"},[e.withDirectives((e.openBlock(),e.createBlock(e.unref(Z.VftScrollbar),{id:y.value,tag:"ul","wrap-class":e.unref(i).be("suggestion","wrap"),"view-class":e.unref(i).be("suggestion","list"),role:"listbox"},{default:e.withCtx(()=>[$.value?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(e.unref(i).is("loading"))},null,2)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(u.value,(p,g)=>(e.openBlock(),e.createElementBlock("li",{id:`${y.value}-item-${g}`,key:g,class:e.normalizeClass({highlighted:o.value===g}),role:"option","aria-selected":o.value===g,onClick:T=>A(p)},[e.renderSlot(t.$slots,"default",{item:p},()=>[e.createTextVNode(e.toDisplayString(p[t.valueKey]),1)])],10,ue))),128))]),_:3},8,["id","wrap-class","view-class"])),[[s,$.value]])],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"listboxRef",ref:V,class:e.normalizeClass([e.unref(i).b(),t.$attrs.class]),style:e.normalizeStyle(M.value),role:"combobox","aria-haspopup":"listbox","aria-expanded":v.value,"aria-owns":y.value},[e.createVNode(e.unref(Y.VftInput),e.mergeProps({ref_key:"inputRef",ref:n},e.unref(P),{clearable:t.clearable,disabled:e.unref(C),name:t.name,"model-value":t.modelValue,onInput:z,onChange:W,onFocus:H,onBlur:G,onClear:j,onKeydown:[a[0]||(a[0]=e.withKeys(e.withModifiers(p=>S(o.value-1),["prevent"]),["up"])),a[1]||(a[1]=e.withKeys(e.withModifiers(p=>S(o.value+1),["prevent"]),["down"])),e.withKeys(I,["enter"]),e.withKeys(b,["tab"]),e.withKeys(J,["esc"])],onMousedown:L}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0]),1040,["clearable","disabled","name","model-value","onKeydown"])],14,re)]),_:3},8,["visible","placement","popper-class","teleported","transition"])}}});exports.default=fe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils");require("../form/index.cjs");const Y=require("../input/index.cjs"),Z=require("../scrollbar/index.cjs"),_=require("../tooltip/index.cjs"),d=require("../../constants/event.cjs"),ee=require("../../hooks/use-attrs/index.cjs"),te=require("@vueuse/core"),le=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const ae=require("lodash"),oe=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./types.cjs"),se=require("../form/hooks/use-form-common-props.cjs"),re=["aria-expanded","aria-owns"],ue=["id","aria-selected","onClick"],ie="ElAutocomplete",r=oe.useNamespace("autocomplete"),ce=e.defineComponent({name:r.b(),inheritAttrs:!1}),fe=e.defineComponent({...ce,props:{valueKey:{default:"value"},modelValue:{default:""},debounce:{default:300},placement:{default:"bottom-start"},fetchSuggestions:{type:[Function,Array],default:()=>{}},popperClass:{default:""},triggerOnFocus:{type:Boolean,default:!0},selectWhenUnmatched:{type:Boolean,default:!1},hideLoading:{type:Boolean,default:!1},label:{},teleported:{type:Boolean,default:!1},highlightFirstItem:{type:Boolean,default:!1},fitInputWidth:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{}},emits:{[d.UPDATE_MODEL_EVENT]:l=>f.isString(l),[d.INPUT_EVENT]:l=>f.isString(l),[d.CHANGE_EVENT]:l=>f.isString(l),focus:l=>l instanceof FocusEvent,blur:l=>l instanceof FocusEvent,clear:()=>!0,select:l=>f.isObject(l)},setup(l,{expose:F,emit:u}){const P=ee.useAttrs(),K=e.useAttrs(),C=se.useFormDisabled(),n=e.ref(),N=e.ref(),E=e.ref(),V=e.ref();let B=!1,w=!1;const i=e.ref([]),o=e.ref(-1),q=e.ref(""),c=e.ref(!1),m=e.ref(!1),h=e.ref(!1),y=e.computed(()=>r.b(String(ne.generateId()))),M=e.computed(()=>K.style),v=e.computed(()=>(i.value.length>0||h.value)&&c.value),$=e.computed(()=>!l.hideLoading&&h.value),O=e.computed(()=>n.value?Array.from(n.value.$el.querySelectorAll("input")):[]),U=async()=>{await e.nextTick(),v.value&&(q.value=`${n.value.$el.offsetWidth}px`)},x=()=>{o.value=-1},R=async t=>{if(m.value)return;const a=s=>{h.value=!1,console.log("cb---",s,m.value,f.isArray(s)),!m.value&&(f.isArray(s)?(i.value=s,o.value=l.highlightFirstItem?0:-1):le.throwError(ie,"autocomplete suggestions must be an array"))};if(h.value=!0,console.log(l.fetchSuggestions,t,8989),f.isArray(l.fetchSuggestions))console.log("isArray----"),a(l.fetchSuggestions);else{const s=await l.fetchSuggestions(t,a);f.isArray(s)&&a(s),console.log("await----",f.isArray(s),s)}},D=ae.debounce(R,l.debounce),z=t=>{const a=!!t;if(u(d.INPUT_EVENT,t),u(d.UPDATE_MODEL_EVENT,t),m.value=!1,c.value||(c.value=a),!l.triggerOnFocus&&!t){m.value=!0,i.value=[];return}D(t)},L=t=>{var a;C.value||(((a=t.target)==null?void 0:a.tagName)!=="INPUT"||O.value.includes(document.activeElement))&&(c.value=!0)},W=t=>{u(d.CHANGE_EVENT,t)},H=t=>{w?w=!1:(c.value=!0,u("focus",t),l.triggerOnFocus&&!B&&D(String(l.modelValue)))},G=t=>{setTimeout(()=>{var a;if((a=E.value)!=null&&a.isFocusInsideContent()){w=!0;return}c.value&&b(),u("blur",t)})},j=()=>{c.value=!1,u(d.UPDATE_MODEL_EVENT,""),u("clear")},I=async()=>{v.value&&o.value>=0&&o.value<i.value.length?A(i.value[o.value]):l.selectWhenUnmatched&&(u("select",{value:l.modelValue}),i.value=[],o.value=-1)},J=t=>{v.value&&(t.preventDefault(),t.stopPropagation(),b())},b=()=>{c.value=!1},Q=()=>{var t;(t=n.value)==null||t.focus()},X=()=>{var t;(t=n.value)==null||t.blur()},A=async t=>{u(d.INPUT_EVENT,t[l.valueKey]),u(d.UPDATE_MODEL_EVENT,t[l.valueKey]),u("select",t),i.value=[],o.value=-1},S=t=>{if(!v.value||h.value)return;if(t<0){o.value=-1;return}t>=i.value.length&&(t=i.value.length-1);const a=N.value.querySelector(`.${r.be("suggestion","wrap")}`),p=a.querySelectorAll(`.${r.be("suggestion","list")} li`)[t],g=a.scrollTop,{offsetTop:T,scrollHeight:k}=p;T+k>g+a.clientHeight&&(a.scrollTop+=k),T<g&&(a.scrollTop-=k),o.value=t,n.value.ref.setAttribute("aria-activedescendant",`${y.value}-item-${o.value}`)};return te.onClickOutside(V,()=>{v.value&&b()}),e.onMounted(()=>{n.value.ref.setAttribute("role","textbox"),n.value.ref.setAttribute("aria-autocomplete","list"),n.value.ref.setAttribute("aria-controls","id"),n.value.ref.setAttribute("aria-activedescendant",`${y.value}-item-${o.value}`),B=n.value.ref.hasAttribute("readonly")}),F({highlightedIndex:o,activated:c,loading:h,inputRef:n,popperRef:E,suggestions:i,handleSelect:A,handleKeyEnter:I,focus:Q,blur:X,close:b,highlight:S}),(t,a)=>{const s=e.resolveDirective("loading");return e.openBlock(),e.createBlock(e.unref(_.VftTooltip),{ref_key:"popperRef",ref:E,visible:v.value,placement:t.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[e.unref(r).e("popper"),t.popperClass],teleported:t.teleported,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${e.unref(r).namespace.value}-zoom-in-top`,persistent:"",onBeforeShow:U,onHide:x},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"regionRef",ref:N,class:e.normalizeClass([e.unref(r).b("suggestion"),e.unref(r).is("loading",$.value)]),style:e.normalizeStyle({[t.fitInputWidth?"width":"minWidth"]:q.value,outline:"none"}),role:"region"},[e.withDirectives((e.openBlock(),e.createBlock(e.unref(Z.VftScrollbar),{id:y.value,tag:"ul","wrap-class":e.unref(r).be("suggestion","wrap"),"view-class":e.unref(r).be("suggestion","list"),role:"listbox"},{default:e.withCtx(()=>[$.value?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(e.unref(r).is("loading"))},null,2)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(i.value,(p,g)=>(e.openBlock(),e.createElementBlock("li",{id:`${y.value}-item-${g}`,key:g,class:e.normalizeClass({highlighted:o.value===g}),role:"option","aria-selected":o.value===g,onClick:T=>A(p)},[e.renderSlot(t.$slots,"default",{item:p},()=>[e.createTextVNode(e.toDisplayString(p[t.valueKey]),1)])],10,ue))),128))]),_:3},8,["id","wrap-class","view-class"])),[[s,$.value]])],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"listboxRef",ref:V,class:e.normalizeClass([e.unref(r).b(),t.$attrs.class]),style:e.normalizeStyle(M.value),role:"combobox","aria-haspopup":"listbox","aria-expanded":v.value,"aria-owns":y.value},[e.createVNode(e.unref(Y.VftInput),e.mergeProps({ref_key:"inputRef",ref:n},e.unref(P),{clearable:t.clearable,disabled:e.unref(C),name:t.name,"model-value":t.modelValue,onInput:z,onChange:W,onFocus:H,onBlur:G,onClear:j,onKeydown:[a[0]||(a[0]=e.withKeys(e.withModifiers(p=>S(o.value-1),["prevent"]),["up"])),a[1]||(a[1]=e.withKeys(e.withModifiers(p=>S(o.value+1),["prevent"]),["down"])),e.withKeys(I,["enter"]),e.withKeys(b,["tab"]),e.withKeys(J,["esc"])],onMousedown:L}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0]),1040,["clearable","disabled","name","model-value","onKeydown"])],14,re)]),_:3},8,["visible","placement","popper-class","teleported","transition"])}}});exports.default=fe;

package/lib/components/autocomplete/index.cjs

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