vft 0.0.311 → 0.0.313

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.311",
+  "version": "0.0.313",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

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

package/es/utils/helper.d.ts

@@ -4,3 +4,4 @@ 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[];
 export declare const unique: <T>(arr: T[]) => T[];
+export declare function addUnit(value: number | string): string | undefined;

package/es/utils/helper.js

@@ -1,9 +1,16 @@
-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), c = (e) => n[e || "default"], u = (e) => !e && e !== 0 ? [] : Array.isArray(e) ? e : [e], p = (e) => [...new Set(e)];
+import { useGlobalConfig as n } from "../components/config-provider/hooks/use-global-config.js";
+import { componentSizes as i, componentSizeMap as o } from "../constants/size.js";
+import { addUnit as s } from "@vft/utils";
+const c = (t) => ["large", "small"].includes(t) ? t : !1, l = (t) => ["", ...i].includes(t), m = (t) => o[t || "default"], p = (t) => !t && t !== 0 ? [] : Array.isArray(t) ? t : [t], d = (t) => [...new Set(t)];
+function f(t) {
+  const e = n();
+  return s(t, e.value.baseUnit, e.value.baseUnitSize);
+}
 export {
-  u as castArray,
-  c as getComponentSize,
-  s as getSizeType,
-  r as isValidComponentSize,
-  p as unique
+  f as addUnit,
+  p as castArray,
+  m as getComponentSize,
+  c as getSizeType,
+  l as isValidComponentSize,
+  d as unique
 };

package/es/utils/index.js

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

package/lib/components/affix/affix.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const t=require("@vft/utils"),i=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");const o=require("../../utils/vue/props/runtime.cjs");require("vue");const s=o.buildProps({zIndex:{type:Number,default:100},target:{type:String,default:""},offset:{type:Number,default:0},position:{type:String,values:["top","bottom"],default:"top"}}),u={scroll:({scrollTop:e,fixed:r})=>t.isNumber(e)&&t.isBoolean(r),[i.CHANGE_EVENT]:e=>t.isBoolean(e)};exports.affixEmits=u;exports.affixProps=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const t=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const i=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");const o=require("../../utils/vue/props/runtime.cjs");require("vue");const u=o.buildProps({zIndex:{type:Number,default:100},target:{type:String,default:""},offset:{type:Number,default:0},position:{type:String,values:["top","bottom"],default:"top"}}),s={scroll:({scrollTop:e,fixed:r})=>t.isNumber(e)&&t.isBoolean(r),[i.CHANGE_EVENT]:e=>t.isBoolean(e)};exports.affixEmits=s;exports.affixProps=u;

package/lib/components/affix/affix.d.ts

@@ -4,7 +4,7 @@ export declare const affixProps: {
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
+    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
 };
 export type AffixProps = ExtractPropTypes<typeof affixProps>;
 export declare const affixEmits: {

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

@@ -5,7 +5,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
+    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
 }>, {
     /** @description update affix status */
     update: () => void;
@@ -21,7 +21,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
+    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
 }>> & Readonly<{
     onChange?: ((fixed: boolean) => any) | undefined;
     onScroll?: ((args_0: {
@@ -30,7 +30,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     }) => any) | undefined;
 }>, {
     readonly target: string;
-    readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
+    readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown>;
     readonly zIndex: number;
     readonly offset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/affix/affix.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vueuse/core"),T=require("@vft/utils"),$=require("../../utils/dom/scroll.cjs"),C=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./affix.cjs"),R=e.defineComponent({name:"vft-affix"}),k=e.defineComponent({...R,props:q.affixProps,emits:q.affixEmits,setup(S,{expose:E,emit:_}){const c=B.useNamespace("affix"),t=S,m=_,a=e.shallowRef(),v=e.shallowRef(),r=e.shallowRef(),{height:n}=f.useWindowSize(),{height:s,width:p,top:h,bottom:g,update:d}=f.useElementBounding(v,{windowScroll:!1}),u=f.useElementBounding(a),l=e.ref(!1),x=e.ref(0),i=e.ref(0),b=e.computed(()=>({height:l.value?`${s.value}px`:"",width:l.value?`${p.value}px`:""})),y=e.computed(()=>{if(!l.value)return{};const o=t.offset?T.addUnit(t.offset):0;return{height:`${s.value}px`,width:`${p.value}px`,top:t.position==="top"?o:"",bottom:t.position==="bottom"?o:"",transform:i.value?`translateY(${i.value}px)`:"",zIndex:t.zIndex}}),w=()=>{if(r.value)if(x.value=r.value instanceof Window?document.documentElement.scrollTop:r.value.scrollTop||0,t.position==="top")if(t.target){const o=u.bottom.value-t.offset-s.value;l.value=t.offset>h.value&&u.bottom.value>0,i.value=o<0?o:0}else l.value=t.offset>h.value;else if(t.target){const o=n.value-u.top.value-t.offset-s.value;l.value=n.value-t.offset<g.value&&n.value>u.top.value,i.value=o<0?-o:0}else l.value=n.value-t.offset<g.value},z=()=>{d(),m("scroll",{scrollTop:x.value,fixed:l.value})};return e.watch(l,o=>m("change",o)),e.onMounted(()=>{t.target?(a.value=document.querySelector(t.target)??void 0,a.value||C.throwError(c.b(),`Target is not existed: ${t.target}`)):a.value=document.documentElement,r.value=$.getScrollContainer(v.value,!0),d()}),f.useEventListener(r,"scroll",z),e.watchEffect(w),E({update:w,updateRoot:d}),(o,M)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:v,class:e.normalizeClass(e.unref(c).b()),style:e.normalizeStyle(b.value)},[e.createElementVNode("div",{class:e.normalizeClass({[e.unref(c).m("fixed")]:l.value}),style:e.normalizeStyle(y.value)},[e.renderSlot(o.$slots,"default")],6)],6))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vueuse/core"),T=require("../../utils/dom/scroll.cjs"),$=require("../../utils/error.cjs"),C=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("@vft/utils");require("lodash-es");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./affix.cjs"),R=e.defineComponent({name:"vft-affix"}),k=e.defineComponent({...R,props:q.affixProps,emits:q.affixEmits,setup(S,{expose:E,emit:_}){const c=B.useNamespace("affix"),t=S,p=_,a=e.shallowRef(),v=e.shallowRef(),r=e.shallowRef(),{height:n}=f.useWindowSize(),{height:s,width:m,top:h,bottom:g,update:d}=f.useElementBounding(v,{windowScroll:!1}),u=f.useElementBounding(a),l=e.ref(!1),x=e.ref(0),i=e.ref(0),b=e.computed(()=>({height:l.value?`${s.value}px`:"",width:l.value?`${m.value}px`:""})),y=e.computed(()=>{if(!l.value)return{};const o=t.offset?C.addUnit(t.offset):0;return{height:`${s.value}px`,width:`${m.value}px`,top:t.position==="top"?o:"",bottom:t.position==="bottom"?o:"",transform:i.value?`translateY(${i.value}px)`:"",zIndex:t.zIndex}}),w=()=>{if(r.value)if(x.value=r.value instanceof Window?document.documentElement.scrollTop:r.value.scrollTop||0,t.position==="top")if(t.target){const o=u.bottom.value-t.offset-s.value;l.value=t.offset>h.value&&u.bottom.value>0,i.value=o<0?o:0}else l.value=t.offset>h.value;else if(t.target){const o=n.value-u.top.value-t.offset-s.value;l.value=n.value-t.offset<g.value&&n.value>u.top.value,i.value=o<0?-o:0}else l.value=n.value-t.offset<g.value},z=()=>{d(),p("scroll",{scrollTop:x.value,fixed:l.value})};return e.watch(l,o=>p("change",o)),e.onMounted(()=>{t.target?(a.value=document.querySelector(t.target)??void 0,a.value||$.throwError(c.b(),`Target is not existed: ${t.target}`)):a.value=document.documentElement,r.value=T.getScrollContainer(v.value,!0),d()}),f.useEventListener(r,"scroll",z),e.watchEffect(w),E({update:w,updateRoot:d}),(o,M)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:v,class:e.normalizeClass(e.unref(c).b()),style:e.normalizeStyle(b.value)},[e.createElementVNode("div",{class:e.normalizeClass({[e.unref(c).m("fixed")]:l.value}),style:e.normalizeStyle(y.value)},[e.renderSlot(o.$slots,"default")],6)],6))}});exports.default=k;

package/lib/components/affix/index.cjs

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

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

@@ -3,7 +3,7 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
         readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
         readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-        readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
+        readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
     }>> & Readonly<{
         onChange?: ((fixed: boolean) => any) | undefined;
         onScroll?: ((args_0: {
@@ -21,7 +21,7 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
         }) => void;
     }, import("vue").PublicProps, {
         readonly target: string;
-        readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
+        readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown>;
         readonly zIndex: number;
         readonly offset: number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -35,7 +35,7 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
         readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
         readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-        readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
+        readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
     }>> & Readonly<{
         onChange?: ((fixed: boolean) => any) | undefined;
         onScroll?: ((args_0: {
@@ -47,7 +47,7 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
         updateRoot: () => void;
     }, {}, {}, {}, {
         readonly target: string;
-        readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
+        readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown>;
         readonly zIndex: number;
         readonly offset: number;
     }>;
@@ -58,7 +58,7 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
+    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
 }>> & Readonly<{
     onChange?: ((fixed: boolean) => any) | undefined;
     onScroll?: ((args_0: {
@@ -76,7 +76,7 @@ export declare const VftAffix: import("vft/es/utils").SFCWithInstall<{
     }) => void;
 }, string, {
     readonly target: string;
-    readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
+    readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown>;
     readonly zIndex: number;
     readonly offset: number;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

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"),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;
+"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("../config-provider/hooks/use-global-config.cjs");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.cjs

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

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

@@ -42,12 +42,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -57,7 +58,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -460,12 +460,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -475,7 +476,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -889,18 +889,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     /** @description highlight an item in a suggestion */
     highlight: (index: number) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: Record<string, any>) => void;
     "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").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AutocompleteProps>>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;

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"),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;
+"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("../config-provider/hooks/use-global-config.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;

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");const t=require("../../utils/vue/install.cjs");require("lodash-es");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("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./autocomplete.vue2.cjs"),e=t.withInstall(r.default);exports.VftAutocomplete=e;exports.default=e;

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

@@ -49,10 +49,10 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onSelect?: ((item: Record<string, any>) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
@@ -66,12 +66,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $data: {};
             $props: Partial<{}> & Omit<{
                 readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly content?: string | undefined;
                 readonly zIndex?: number | undefined;
                 readonly offset?: number | undefined;
                 readonly transition?: string | undefined;
-                readonly onBlur?: Function | undefined;
                 readonly onClick?: Function | undefined;
+                readonly onBlur?: Function | undefined;
                 readonly onContextmenu?: Function | undefined;
                 readonly onFocus?: Function | undefined;
                 readonly onKeydown?: Function | undefined;
@@ -81,7 +82,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly id?: string | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-                readonly disabled?: boolean | undefined;
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
@@ -484,12 +484,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $data: {};
             $props: Partial<{}> & Omit<{
                 readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly content?: string | undefined;
                 readonly zIndex?: number | undefined;
                 readonly offset?: number | undefined;
                 readonly transition?: string | undefined;
-                readonly onBlur?: Function | undefined;
                 readonly onClick?: Function | undefined;
+                readonly onBlur?: Function | undefined;
                 readonly onContextmenu?: Function | undefined;
                 readonly onFocus?: Function | undefined;
                 readonly onKeydown?: Function | undefined;
@@ -499,7 +500,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly id?: string | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-                readonly disabled?: boolean | undefined;
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
@@ -906,10 +906,10 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         close: () => void;
         highlight: (index: number) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (item: Record<string, any>) => void;
         "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;
@@ -970,10 +970,10 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onSelect?: ((item: Record<string, any>) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
@@ -987,12 +987,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $data: {};
             $props: Partial<{}> & Omit<{
                 readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly content?: string | undefined;
                 readonly zIndex?: number | undefined;
                 readonly offset?: number | undefined;
                 readonly transition?: string | undefined;
-                readonly onBlur?: Function | undefined;
                 readonly onClick?: Function | undefined;
+                readonly onBlur?: Function | undefined;
                 readonly onContextmenu?: Function | undefined;
                 readonly onFocus?: Function | undefined;
                 readonly onKeydown?: Function | undefined;
@@ -1002,7 +1003,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly id?: string | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-                readonly disabled?: boolean | undefined;
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
@@ -1405,12 +1405,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $data: {};
             $props: Partial<{}> & Omit<{
                 readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly content?: string | undefined;
                 readonly zIndex?: number | undefined;
                 readonly offset?: number | undefined;
                 readonly transition?: string | undefined;
-                readonly onBlur?: Function | undefined;
                 readonly onClick?: Function | undefined;
+                readonly onBlur?: Function | undefined;
                 readonly onContextmenu?: Function | undefined;
                 readonly onFocus?: Function | undefined;
                 readonly onKeydown?: Function | undefined;
@@ -1420,7 +1421,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly id?: string | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-                readonly disabled?: boolean | undefined;
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
@@ -1880,10 +1880,10 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
@@ -1897,12 +1897,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1912,7 +1913,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -2315,12 +2315,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -2330,7 +2331,6 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -2737,10 +2737,10 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
     close: () => void;
     highlight: (index: number) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: Record<string, any>) => void;
     "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;