vft 0.0.249 → 0.0.252

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.249",
+  "version": "0.0.252",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -58,7 +58,7 @@ declare const _default: {
     "@vueuse/core": "13.5.0",
     "@waline/client": "2.15.8",
     "async-validator": "4.2.5",
-    "dayjs": "1.11.10",
+    "dayjs": "1.11.13",
     "fflate": "0.8.1",
     "hotkeys-js": "3.12.0",
     "lodash-es": "4.17.21",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.249";
+const o = "0.0.252";
 export {
   o as version
 };

package/es/utils/helper.d.ts

@@ -2,3 +2,4 @@ import { type ComponentSize } from 'vft/es/constants';
 export declare const getSizeType: (type: string) => string | false;
 export declare const isValidComponentSize: (val: string) => val is ComponentSize | "";
 export declare const getComponentSize: (size?: ComponentSize) => 32 | 24 | 40;
+export declare const castArray: (arr: any) => any[];

package/es/utils/helper.js

@@ -1,7 +1,8 @@
 import { componentSizes as t, componentSizeMap as n } from "../constants/size.js";
-const s = (e) => ["large", "small"].includes(e) ? e : !1, r = (e) => ["", ...t].includes(e), p = (e) => n[e || "default"];
+const s = (e) => ["large", "small"].includes(e) ? e : !1, r = (e) => ["", ...t].includes(e), c = (e) => n[e || "default"], p = (e) => !e && e !== 0 ? [] : Array.isArray(e) ? e : [e];
 export {
-  p as getComponentSize,
+  p as castArray,
+  c as getComponentSize,
   s as getSizeType,
   r as isValidComponentSize
 };

package/es/utils/index.js

@@ -1,70 +1,71 @@
-import { attemptFocus as r, focusNode as t, getSibling as s, isFocusable as i, isLeaf as l, isVisible as n, obtainAllFocusableElements as p, triggerEvent as a } from "./dom/aria.js";
-import { getClientXY as f, getOffsetTop as g, getOffsetTopDistance as c, isInContainer as d } from "./dom/position.js";
+import { attemptFocus as o, focusNode as t, getSibling as s, isFocusable as i, isLeaf as l, isVisible as n, obtainAllFocusableElements as a, triggerEvent as p } from "./dom/aria.js";
+import { getClientXY as f, getOffsetTop as c, getOffsetTopDistance as g, isInContainer as d } from "./dom/position.js";
 import { getScrollBarWidth as C, getScrollContainer as u, isScroll as h, scrollIntoView as b } from "./dom/scroll.js";
 import { debugWarn as V, throwError as P } from "./error.js";
-import { composeEventHandlers as w, whenMouse as I } from "./event.js";
-import { getComponentSize as E, getSizeType as T, isValidComponentSize as N } from "./helper.js";
-import { cssVarValue as z, generateCssVars as A, primaryColor as O, setCssVar as B, setPrimaryColorCssvars as D } from "./ns-cover.js";
-import { mutable as W } from "./typescript.js";
-import { escapeStringRegexp as H } from "./vue/data-helper.js";
-import { withInstall as L, withInstallDirective as M, withInstallFunction as X, withNoopInstall as Y } from "./vue/install.js";
-import { buildProp as q, buildProps as G, definePropType as J, epPropKey as Q, isEpProp as U } from "./vue/props/runtime.js";
-import { cAF as _, rAF as $ } from "./vue/raf.js";
+import { composeEventHandlers as w, whenMouse as y } from "./event.js";
+import { castArray as E, getComponentSize as T, getSizeType as N, isValidComponentSize as v } from "./helper.js";
+import { cssVarValue as A, generateCssVars as O, primaryColor as B, setCssVar as D, setPrimaryColorCssvars as R } from "./ns-cover.js";
+import { mutable as k } from "./typescript.js";
+import { escapeStringRegexp as K } from "./vue/data-helper.js";
+import { withInstall as M, withInstallDirective as X, withInstallFunction as Y, withNoopInstall as j } from "./vue/install.js";
+import { buildProp as G, buildProps as J, definePropType as Q, epPropKey as U, isEpProp as Z } from "./vue/props/runtime.js";
+import { cAF as $, rAF as ee } from "./vue/raf.js";
 import { composeRefs as oe } from "./vue/refs.js";
-import { PatchFlags as te, ensureOnlyChild as se, flattedChildren as ie, getFirstValidNode as le, getNormalizedProps as ne, isComment as pe, isFragment as ae, isTemplate as me, isText as fe, isValidElementNode as ge, renderBlock as ce, renderIf as de } from "./vue/vnode.js";
+import { PatchFlags as se, ensureOnlyChild as ie, flattedChildren as le, getFirstValidNode as ne, getNormalizedProps as ae, isComment as pe, isFragment as me, isTemplate as fe, isText as ce, isValidElementNode as ge, renderBlock as de, renderIf as xe } from "./vue/vnode.js";
 export {
-  te as PatchFlags,
-  r as attemptFocus,
-  q as buildProp,
-  G as buildProps,
-  _ as cAF,
+  se as PatchFlags,
+  o as attemptFocus,
+  G as buildProp,
+  J as buildProps,
+  $ as cAF,
+  E as castArray,
   w as composeEventHandlers,
   oe as composeRefs,
-  z as cssVarValue,
+  A as cssVarValue,
   V as debugWarn,
-  J as definePropType,
-  se as ensureOnlyChild,
-  Q as epPropKey,
-  H as escapeStringRegexp,
-  ie as flattedChildren,
+  Q as definePropType,
+  ie as ensureOnlyChild,
+  U as epPropKey,
+  K as escapeStringRegexp,
+  le as flattedChildren,
   t as focusNode,
-  A as generateCssVars,
+  O as generateCssVars,
   f as getClientXY,
-  E as getComponentSize,
-  le as getFirstValidNode,
-  ne as getNormalizedProps,
-  g as getOffsetTop,
-  c as getOffsetTopDistance,
+  T as getComponentSize,
+  ne as getFirstValidNode,
+  ae as getNormalizedProps,
+  c as getOffsetTop,
+  g as getOffsetTopDistance,
   C as getScrollBarWidth,
   u as getScrollContainer,
   s as getSibling,
-  T as getSizeType,
+  N as getSizeType,
   pe as isComment,
-  U as isEpProp,
+  Z as isEpProp,
   i as isFocusable,
-  ae as isFragment,
+  me as isFragment,
   d as isInContainer,
   l as isLeaf,
   h as isScroll,
-  me as isTemplate,
-  fe as isText,
-  N as isValidComponentSize,
+  fe as isTemplate,
+  ce as isText,
+  v as isValidComponentSize,
   ge as isValidElementNode,
   n as isVisible,
-  W as mutable,
-  p as obtainAllFocusableElements,
-  O as primaryColor,
-  $ as rAF,
-  ce as renderBlock,
-  de as renderIf,
+  k as mutable,
+  a as obtainAllFocusableElements,
+  B as primaryColor,
+  ee as rAF,
+  de as renderBlock,
+  xe as renderIf,
   b as scrollIntoView,
-  B as setCssVar,
-  D as setPrimaryColorCssvars,
+  D as setCssVar,
+  R as setPrimaryColorCssvars,
   P as throwError,
-  a as triggerEvent,
-  I as whenMouse,
-  L as withInstall,
-  M as withInstallDirective,
-  X as withInstallFunction,
-  Y as withNoopInstall
+  p as triggerEvent,
+  y as whenMouse,
+  M as withInstall,
+  X as withInstallDirective,
+  Y as withInstallFunction,
+  j as withNoopInstall
 };

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

@@ -27,16 +27,11 @@ export interface AlertProps {
     center?: boolean;
     effect?: alertEffects;
 }
-declare function __VLS_template(): {
-    title?(_: {}): any;
-    default?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (evt: MouseEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>> & Readonly<{
     onClose?: ((evt: MouseEvent) => 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> = {
@@ -47,8 +42,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/components/alert/alert.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p=e.defineComponent({name:"vft-alert"}),k=e.defineComponent({...p,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:l=>l instanceof MouseEvent},setup(l,{emit:i}){const o=m.useNamespace("alert"),u=i,n=e.useSlots(),s=e.ref(!0),r=e.computed(()=>l.type),d=e.computed(()=>[o.e("icon"),{[o.is("big")]:!!l.description||!!n.default}]),f=e.computed(()=>({[o.is("bold")]:l.description||n.default})),a=t=>{s.value=!1,u("close",t)};return(t,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(o).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(o).b(),e.unref(o).m(t.type),e.unref(o).is("center",t.center),e.unref(o).is(t.effect)]),role:"alert"},[t.showIcon&&r.value?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,class:e.normalizeClass(d.value),icon:r.value},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("content"))},[t.title||t.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o).e("title"),f.value])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(o).e("description"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).e("close-btn"),e.unref(o).is("customed")]),onClick:a},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,class:e.normalizeClass(e.unref(o).e("close-btn")),onClick:a,icon:t.CloseIcon},null,8,["class","icon"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,s.value]])]),_:3},8,["name"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const n=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=e.defineComponent({name:"vft-alert"}),c=e.defineComponent({...i,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:t=>t instanceof MouseEvent},setup(t,{emit:l}){const o=n.useNamespace("alert"),r=e.useSlots();return e.ref(!0),e.computed(()=>t.type),e.computed(()=>[o.e("icon"),{[o.is("big")]:!!t.description||!!r.default}]),e.computed(()=>({[o.is("bold")]:t.description||r.default})),(s,a)=>(e.openBlock(),e.createBlock(e.unref(u.VftIcon)))}});exports.default=c;

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

@@ -1,73 +1,5 @@
 export * from './types';
-export declare const VftAlert: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-        };
-        type: {
-            type: import("vue").PropType<import("./types").TypeComponents>;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeText: {
-            type: import("vue").PropType<string>;
-        };
-        showIcon: {
-            type: import("vue").PropType<boolean>;
-        };
-        center: {
-            type: import("vue").PropType<boolean>;
-        };
-        effect: {
-            type: import("vue").PropType<import("./types").alertEffects>;
-        };
-    }>> & Readonly<{
-        onClose?: ((evt: MouseEvent) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        close: (evt: MouseEvent) => void;
-    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-        };
-        type: {
-            type: import("vue").PropType<import("./types").TypeComponents>;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeText: {
-            type: import("vue").PropType<string>;
-        };
-        showIcon: {
-            type: import("vue").PropType<boolean>;
-        };
-        center: {
-            type: import("vue").PropType<boolean>;
-        };
-        effect: {
-            type: import("vue").PropType<import("./types").alertEffects>;
-        };
-    }>> & Readonly<{
-        onClose?: ((evt: MouseEvent) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+export declare const VftAlert: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
     };
@@ -92,14 +24,34 @@ export declare const VftAlert: import("vft/es/utils").SFCWithInstall<{
     effect: {
         type: import("vue").PropType<import("./types").alertEffects>;
     };
-}>> & Readonly<{
-    onClose?: ((evt: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (evt: MouseEvent) => void;
-}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        title?(_: {}): any;
-        default?(_: {}): any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    description: {
+        type: import("vue").PropType<string>;
     };
-})> & Record<string, any>;
+    type: {
+        type: import("vue").PropType<import("./types").TypeComponents>;
+    };
+    closable: {
+        type: import("vue").PropType<boolean>;
+    };
+    closeText: {
+        type: import("vue").PropType<string>;
+    };
+    showIcon: {
+        type: import("vue").PropType<boolean>;
+    };
+    center: {
+        type: import("vue").PropType<boolean>;
+    };
+    effect: {
+        type: import("vue").PropType<import("./types").alertEffects>;
+    };
+}>> & Readonly<{
+    onClose?: ((evt: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftAlert;

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

@@ -58,14 +58,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
             readonly disabled?: boolean | undefined;
-            readonly showAfter?: number | undefined;
-            readonly hideAfter?: number | undefined;
-            readonly open?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
-            readonly appendTo?: (HTMLElement | string) | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly open?: boolean | undefined;
             readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -83,9 +81,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly stopPopperMouseEvent?: boolean | undefined;
             readonly virtualTriggering?: boolean | undefined;
             readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+            readonly showAfter?: number | undefined;
+            readonly hideAfter?: number | undefined;
+            readonly appendTo?: (HTMLElement | string) | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
             readonly onClose?: ((...args: any[]) => any) | undefined;
@@ -261,7 +261,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         }>, {
             popperRef: import("vue").Ref<any, any>;
             contentRef: import("vue").Ref<any, any>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent) => any;
             updatePopper: () => void;
             onOpen: (event?: Event) => void;
             onClose: (event?: Event) => void;
@@ -445,7 +445,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any, any>;
         contentRef: import("vue").Ref<any, any>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent) => any;
         updatePopper: () => void;
         onOpen: (event?: Event) => void;
         onClose: (event?: Event) => void;
@@ -476,14 +476,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
             readonly disabled?: boolean | undefined;
-            readonly showAfter?: number | undefined;
-            readonly hideAfter?: number | undefined;
-            readonly open?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
-            readonly appendTo?: (HTMLElement | string) | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly open?: boolean | undefined;
             readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -501,9 +499,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly stopPopperMouseEvent?: boolean | undefined;
             readonly virtualTriggering?: boolean | undefined;
             readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+            readonly showAfter?: number | undefined;
+            readonly hideAfter?: number | undefined;
+            readonly appendTo?: (HTMLElement | string) | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
             readonly onClose?: ((...args: any[]) => any) | undefined;
@@ -679,7 +679,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         }>, {
             popperRef: import("vue").Ref<any, any>;
             contentRef: import("vue").Ref<any, any>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent) => any;
             updatePopper: () => void;
             onOpen: (event?: Event) => void;
             onClose: (event?: Event) => void;
@@ -863,7 +863,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any, any>;
         contentRef: import("vue").Ref<any, any>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent) => any;
         updatePopper: () => void;
         onOpen: (event?: Event) => void;
         onClose: (event?: Event) => void;

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