vft 0.0.498 → 0.0.500

package/es/components/table/use/use-loading.js

@@ -1,19 +1,19 @@
-import { ref as l, unref as n, watch as u, computed as f } from "vue";
+import { ref as i, unref as o, watch as c, computed as g } from "vue";
 import { useLoadingDelay as m } from "@vft/use";
-function p(o) {
-  const t = l(n(o).loading), { loading: a, start: i, cancel: d } = m(230);
-  u(
-    [() => n(o).loading, a],
-    ([e, c]) => {
-      t.value = e || c;
+function p(t) {
+  const e = i(o(t).loading), { loading: l, start: u, cancel: d } = m(230), n = i(!0);
+  c(
+    [() => o(t).loading, l],
+    ([a, f]) => {
+      e.value = a || f;
     },
     { immediate: !0 }
   );
-  const g = f(() => n(t));
-  function r(e) {
-    e ? i() : d();
+  const r = g(() => o(e));
+  function s(a) {
+    a ? n.value ? (e.value = !0, n.value = !1) : u() : (e.value = !1, d());
   }
-  return { getLoading: g, setLoading: r };
+  return { getLoading: r, setLoading: s };
 }
 export {
   p as useLoading

package/es/components/table/use/use-table.js

@@ -1,13 +1,13 @@
 import { getDynamicProps as c } from "@vft/utils";
 import { tryOnBeforeUnmount as f } from "@vueuse/core";
-import { ref as u, unref as l, watch as b, toRaw as D } from "vue";
+import { ref as l, unref as u, watch as b, toRaw as p } from "vue";
 function h(r) {
-  const n = u(null), o = u(!1), d = u(null);
+  const n = l(null), o = l(!1), d = l(null);
   let s;
   function i(e, a) {
     f(() => {
       n.value = null, o.value = null;
-    }), !(l(o) && e === l(n)) && (n.value = e, d.value = a, r && e.setProps(c(r)), o.value = !0, s?.(), s = b(
+    }), !(u(o) && e === u(n)) && (n.value = e, d.value = a, r && e.setProps(c(r)), o.value = !0, s?.(), s = b(
       () => r,
       () => {
         r && e.setProps(c(r));
@@ -19,7 +19,7 @@ function h(r) {
     ));
   }
   function t() {
-    const e = l(n);
+    const e = u(n);
     return e || console.error(
       "The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"
     ), e;
@@ -36,7 +36,7 @@ function h(r) {
     },
     getColumns: () => {
       const e = t().getColumns() || [];
-      return D(e);
+      return p(e);
     },
     setColumns: (e) => {
       t().setColumns(e);
@@ -46,7 +46,8 @@ function h(r) {
     deleteTableDataRecord: (e, a) => t().deleteTableDataRecord(e, a),
     insertTableDataRecord: (e, a, m) => t().insertTableDataRecord(e, a, m),
     updateTableDataRecord: (e, a) => t().updateTableDataRecord(e, a),
-    findTableDataRecord: (e) => t().findTableDataRecord(e)
+    findTableDataRecord: (e) => t().findTableDataRecord(e),
+    expandTreeLevel: (e) => t().expandTreeLevel(e)
   }];
 }
 export {

package/es/components/tooltip/index.d.ts

@@ -2,7 +2,7 @@ import Tooltip from './tooltip.vue';
 export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+            type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -173,7 +173,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+            type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -334,7 +334,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+        type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
     };
     showArrow: {
         type: import("vue").PropType<boolean>;

package/es/components/tree/index.d.ts

@@ -97,12 +97,12 @@ export declare const VftTree: SFCWithInstall<{
         };
     }>> & Readonly<{
         "onCurrent-change"?: (() => any) | undefined;
-        onCheck?: (() => any) | undefined;
         "onCheck-change"?: (() => any) | undefined;
         "onNode-click"?: (() => any) | undefined;
         "onNode-contextmenu"?: (() => any) | undefined;
         "onNode-collapse"?: (() => any) | undefined;
         "onNode-expand"?: (() => any) | undefined;
+        onCheck?: (() => any) | undefined;
         "onNode-drag-start"?: (() => any) | undefined;
         "onNode-drag-end"?: (() => any) | undefined;
         "onNode-drop"?: (() => any) | undefined;
@@ -134,12 +134,12 @@ export declare const VftTree: SFCWithInstall<{
         updateNode: (data: import("./tree.type").TreeData, refNode: import("./tree.type").TreeKey | import("./tree.type").TreeNodeData | import("./model/node").default) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "current-change": () => void;
-        check: () => void;
         "check-change": () => void;
         "node-click": () => void;
         "node-contextmenu": () => void;
         "node-collapse": () => void;
         "node-expand": () => void;
+        check: () => void;
         "node-drag-start": () => void;
         "node-drag-end": () => void;
         "node-drop": () => void;
@@ -251,12 +251,12 @@ export declare const VftTree: SFCWithInstall<{
         };
     }>> & Readonly<{
         "onCurrent-change"?: (() => any) | undefined;
-        onCheck?: (() => any) | undefined;
         "onCheck-change"?: (() => any) | undefined;
         "onNode-click"?: (() => any) | undefined;
         "onNode-contextmenu"?: (() => any) | undefined;
         "onNode-collapse"?: (() => any) | undefined;
         "onNode-expand"?: (() => any) | undefined;
+        onCheck?: (() => any) | undefined;
         "onNode-drag-start"?: (() => any) | undefined;
         "onNode-drag-end"?: (() => any) | undefined;
         "onNode-drop"?: (() => any) | undefined;
@@ -388,12 +388,12 @@ export declare const VftTree: SFCWithInstall<{
     };
 }>> & Readonly<{
     "onCurrent-change"?: (() => any) | undefined;
-    onCheck?: (() => any) | undefined;
     "onCheck-change"?: (() => any) | undefined;
     "onNode-click"?: (() => any) | undefined;
     "onNode-contextmenu"?: (() => any) | undefined;
     "onNode-collapse"?: (() => any) | undefined;
     "onNode-expand"?: (() => any) | undefined;
+    onCheck?: (() => any) | undefined;
     "onNode-drag-start"?: (() => any) | undefined;
     "onNode-drag-end"?: (() => any) | undefined;
     "onNode-drop"?: (() => any) | undefined;
@@ -425,12 +425,12 @@ export declare const VftTree: SFCWithInstall<{
     updateNode: (data: import("./tree.type").TreeData, refNode: import("./tree.type").TreeKey | import("./tree.type").TreeNodeData | import("./model/node").default) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "current-change": () => void;
-    check: () => void;
     "check-change": () => void;
     "node-click": () => void;
     "node-contextmenu": () => void;
     "node-collapse": () => void;
     "node-expand": () => void;
+    check: () => void;
     "node-drag-start": () => void;
     "node-drag-end": () => void;
     "node-drop": () => void;

package/es/components/tree/tree.vue.d.ts

@@ -69,12 +69,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     updateNode: (data: TreeData, refNode: TreeKey | TreeNodeData | Node) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "current-change": () => void;
-    check: () => void;
     "check-change": () => void;
     "node-click": () => void;
     "node-contextmenu": () => void;
     "node-collapse": () => void;
     "node-expand": () => void;
+    check: () => void;
     "node-drag-start": () => void;
     "node-drag-end": () => void;
     "node-drop": () => void;
@@ -94,12 +94,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     indent: number;
 }>>> & Readonly<{
     "onCurrent-change"?: (() => any) | undefined;
-    onCheck?: (() => any) | undefined;
     "onCheck-change"?: (() => any) | undefined;
     "onNode-click"?: (() => any) | undefined;
     "onNode-contextmenu"?: (() => any) | undefined;
     "onNode-collapse"?: (() => any) | undefined;
     "onNode-expand"?: (() => any) | undefined;
+    onCheck?: (() => any) | undefined;
     "onNode-drag-start"?: (() => any) | undefined;
     "onNode-drag-end"?: (() => any) | undefined;
     "onNode-drop"?: (() => any) | undefined;

package/es/components/upload/index.d.ts

@@ -50,6 +50,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
+        accept: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         fileList: {
             type: import("vue").PropType<import("./types").UploadUserFile[]>;
             default: never[];
@@ -61,10 +65,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        accept: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         autoUpload: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -178,9 +178,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         sizeWidth: number;
         sizeHeight: number;
         action: string;
+        accept: string;
         fileList: import("./types").UploadUserFile[];
         showFileList: boolean;
-        accept: string;
         autoUpload: boolean;
         listType: import("./types").ListType;
         httpRequest: import("./types").UploadRequestHandler;
@@ -246,6 +246,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
+        accept: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         fileList: {
             type: import("vue").PropType<import("./types").UploadUserFile[]>;
             default: never[];
@@ -257,10 +261,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        accept: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         autoUpload: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -374,9 +374,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         sizeWidth: number;
         sizeHeight: number;
         action: string;
+        accept: string;
         fileList: import("./types").UploadUserFile[];
         showFileList: boolean;
-        accept: string;
         autoUpload: boolean;
         listType: import("./types").ListType;
         httpRequest: import("./types").UploadRequestHandler;
@@ -439,6 +439,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    accept: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     fileList: {
         type: import("vue").PropType<import("./types").UploadUserFile[]>;
         default: never[];
@@ -450,10 +454,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    accept: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     autoUpload: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -567,9 +567,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     sizeWidth: number;
     sizeHeight: number;
     action: string;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     showFileList: boolean;
-    accept: string;
     autoUpload: boolean;
     listType: import("./types").ListType;
     httpRequest: import("./types").UploadRequestHandler;

package/es/components/upload/upload-content.vue.d.ts

@@ -50,9 +50,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     sizeWidth: number;
     sizeHeight: number;
     action: string;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     showFileList: boolean;
-    accept: string;
     autoUpload: boolean;
     listType: import("./types").ListType;
     httpRequest: import("./types").UploadRequestHandler;

package/es/components/upload/upload.vue.d.ts

@@ -104,9 +104,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     sizeWidth: number;
     sizeHeight: number;
     action: string;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     showFileList: boolean;
-    accept: string;
     autoUpload: boolean;
     listType: import("./types").ListType;
     httpRequest: import("./types").UploadRequestHandler;

package/es/hooks/use-z-index/index.js

@@ -2,14 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
+import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = v(x);
+    const r = Z(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(

package/es/package.json.d.ts

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

package/es/package.json.js

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

package/es/utils/form-register.d.ts

@@ -13,6 +13,7 @@ export declare const FormCompEnum: {
     readonly Slider: "slider";
     readonly Divider: "divider";
     readonly Select: "select";
+    readonly Tree: "tree";
     readonly TreeSelect: "tree-select";
     readonly Search: "search";
     readonly Radio: "radio";

package/es/utils/form-register.js

@@ -1,4 +1,4 @@
-const r = {
+const o = {
   Custom: "custom",
   AutoComplete: "autocomplete",
   Cascader: "cascader",
@@ -12,6 +12,7 @@ const r = {
   Slider: "slider",
   Divider: "divider",
   Select: "select",
+  Tree: "tree",
   TreeSelect: "tree-select",
   Search: "search",
   Radio: "radio",
@@ -39,8 +40,8 @@ function i(e, n) {
   t.set(e, n);
 }
 function c(e) {
-  Object.entries(e).forEach(([n, o]) => {
-    t.set(n, o);
+  Object.entries(e).forEach(([n, r]) => {
+    t.set(n, r);
   });
 }
 function a(e) {
@@ -59,7 +60,7 @@ function p() {
   t.clear();
 }
 export {
-  r as FormCompEnum,
+  o as FormCompEnum,
   p as clearComponents,
   a as getComponent,
   m as getRegisteredComponents,

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
+import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

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

@@ -112,7 +112,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -296,7 +296,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+            type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -530,7 +530,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -714,7 +714,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+            type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;

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

@@ -135,7 +135,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 role: {
-                    type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                    type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
                 };
                 showArrow: {
                     type: import("vue").PropType<boolean>;
@@ -319,7 +319,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -553,7 +553,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 role: {
-                    type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                    type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
                 };
                 showArrow: {
                     type: import("vue").PropType<boolean>;
@@ -737,7 +737,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -1056,7 +1056,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 role: {
-                    type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                    type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
                 };
                 showArrow: {
                     type: import("vue").PropType<boolean>;
@@ -1240,7 +1240,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -1474,7 +1474,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 role: {
-                    type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                    type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
                 };
                 showArrow: {
                     type: import("vue").PropType<boolean>;
@@ -1658,7 +1658,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -1966,7 +1966,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -2150,7 +2150,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+            type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -2384,7 +2384,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+                type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -2568,7 +2568,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+            type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=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("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),ne=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:k}),ie=ne.useFormSize(),m=ne.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{const a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=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("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),ne=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=ne.useFormItem(),{inputId:F}=ne.useFormItemInputId(se.props,{formItemContext:k}),ie=te.useFormSize(),m=te.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{const a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;