vft 0.0.402 → 0.0.404

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

@@ -1,7 +1,7 @@
 export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         link: {
             type: import("vue").PropType<boolean>;
@@ -91,7 +91,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         link: {
             type: import("vue").PropType<boolean>;
@@ -176,7 +176,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize>;
+        type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
     link: {
         type: import("vue").PropType<boolean>;
@@ -266,7 +266,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     ButtonGroup: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             size: {
-                type: import("vue").PropType<import("../types").ComponentSize>;
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
             type: {
                 type: import("vue").PropType<import("./types").ButtonType>;
@@ -280,7 +280,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             size: {
-                type: import("vue").PropType<import("../types").ComponentSize>;
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
             type: {
                 type: import("vue").PropType<import("./types").ButtonType>;
@@ -291,7 +291,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         type: {
             type: import("vue").PropType<import("./types").ButtonType>;
@@ -305,7 +305,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
 export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         type: {
             type: import("vue").PropType<import("./types").ButtonType>;
@@ -319,7 +319,7 @@ export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         type: {
             type: import("vue").PropType<import("./types").ButtonType>;
@@ -330,7 +330,7 @@ export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize>;
+        type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
     type: {
         type: import("vue").PropType<import("./types").ButtonType>;

package/es/components/button/types.d.ts

@@ -1,5 +1,5 @@
 import type { IconProps } from 'vft/es/components';
-import type { ComponentSize } from 'vft/es/components/types.ts';
+import type { ComponentSize } from 'vft/es/constants';
 import type { Component } from 'vue';
 export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text' | '';
 export interface ButtonConfigContext {

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

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
       formItemContext: F
-    }), ke = at(), h = ot(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

package/es/components/super-form/index.d.ts

@@ -8,6 +8,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"top" | "left" | "right">;
             default: string;
         };
+        labelWidth: {
+            type: import("vue").PropType<"string" | "number">;
+            default: string;
+        };
         showResetButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -150,6 +154,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
     }, import("vue").PublicProps, {
         size: import("vft/es/constants").ComponentSize;
         labelPosition: "left" | "right" | "top";
+        labelWidth: "string" | "number";
         showResetButton: boolean;
         showSubmitButton: boolean;
         showCommonButton: boolean;
@@ -180,6 +185,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"top" | "left" | "right">;
             default: string;
         };
+        labelWidth: {
+            type: import("vue").PropType<"string" | "number">;
+            default: string;
+        };
         showResetButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -316,6 +325,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, {
         size: import("vft/es/constants").ComponentSize;
         labelPosition: "left" | "right" | "top";
+        labelWidth: "string" | "number";
         showResetButton: boolean;
         showSubmitButton: boolean;
         showCommonButton: boolean;
@@ -343,6 +353,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<"top" | "left" | "right">;
         default: string;
     };
+    labelWidth: {
+        type: import("vue").PropType<"string" | "number">;
+        default: string;
+    };
     showResetButton: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -485,6 +499,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
 }, string, {
     size: import("vft/es/constants").ComponentSize;
     labelPosition: "left" | "right" | "top";
+    labelWidth: "string" | "number";
     showResetButton: boolean;
     showSubmitButton: boolean;
     showCommonButton: boolean;

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, createTextVNode as G, isVNode as le, resolveComponent as V } from "vue";
+import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, isVNode as le, createTextVNode as G, resolveComponent as V } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";

package/es/components/super-form/super-form.vue.d.ts

@@ -85,6 +85,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>, {
     size: import("vft/es/constants").ComponentSize;
     labelPosition: "left" | "right" | "top";
+    labelWidth: "string" | "number";
     showResetButton: boolean;
     showSubmitButton: boolean;
     showCommonButton: boolean;

package/es/components/super-form/super-form.vue2.js

@@ -107,6 +107,9 @@ const Ve = j({
     labelPosition: {
       default: "right"
     },
+    labelWidth: {
+      default: "auto"
+    },
     disabled: {
       type: Boolean
     },
@@ -115,9 +118,6 @@ const Ve = j({
     requireAsteriskPosition: {
       default: "left"
     },
-    labelWidth: {
-      default: "auto"
-    },
     labelSuffix: {},
     inline: {
       type: Boolean

package/es/components/super-form/types.d.ts

@@ -177,6 +177,7 @@ export interface SuperFormProps extends FormInnerProps {
     /** 重置与提交按钮互换位置 */
     submitResetReverse?: boolean;
     labelPosition?: 'left' | 'right' | 'top';
+    labelWidth?: 'string' | 'number';
 }
 /** 表单配置模式接口 */
 export interface FormSchema {

package/es/components/tooltip/content.vue2.js

@@ -1,26 +1,26 @@
-import { defineComponent as C, ref as v, computed as n, inject as K, onBeforeUnmount as Y, unref as t, watch as y, createBlock as b, openBlock as h, withCtx as u, createVNode as q, Transition as G, withDirectives as Q, createCommentVNode as X, mergeProps as Z, renderSlot as x, vShow as _ } from "vue";
+import { defineComponent as B, ref as v, computed as n, inject as K, onBeforeUnmount as Y, unref as t, watch as y, createBlock as b, openBlock as C, withCtx as u, createVNode as q, Transition as G, withDirectives as Q, createCommentVNode as X, mergeProps as Z, renderSlot as x, vShow as _ } from "vue";
 import "../focus-trap/focus-trap.vue2.js";
 import { tryFocus as ee } from "../focus-trap/utils.js";
-import { onClickOutside as te } from "@vueuse/core";
+import { isClient as te, onClickOutside as oe } from "@vueuse/core";
 import "@vft/utils";
-import { composeEventHandlers as B } from "../../utils/event.js";
+import { composeEventHandlers as h } from "../../utils/event.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ne } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
-import { usePopperContainerId as ne } from "../../hooks/use-popper-container/index.js";
+import { usePopperContainerId as re } from "../../hooks/use-popper-container/index.js";
 import "../../hooks/use-z-index/index.js";
 import "../popper/index.js";
-import { VftTeleport as re } from "../teleport/index.js";
-import { TOOLTIP_INJECTION_KEY as ae } from "./constants.js";
-import le from "../popper/content.vue2.js";
-const se = C({
+import { VftTeleport as ae } from "../teleport/index.js";
+import { TOOLTIP_INJECTION_KEY as le } from "./constants.js";
+import se from "../popper/content.vue2.js";
+const pe = B({
   name: "VftTooltipContent",
   inheritAttrs: !1
-}), Oe = /* @__PURE__ */ C({
-  ...se,
+}), Ne = /* @__PURE__ */ B({
+  ...pe,
   props: {
     boundariesPadding: { default: 0 },
     fallbackPlacements: {},
@@ -56,8 +56,8 @@ const se = C({
     disabled: { type: Boolean },
     arrowOffset: { default: 5 }
   },
-  setup(o, { expose: T }) {
-    const { selector: E } = ne(), w = oe("tooltip"), r = v(null), S = n(() => r.value?.popperContentRef);
+  setup(o, { expose: E }) {
+    const { selector: T } = re(), w = ne("tooltip"), r = v(null), S = n(() => r.value?.popperContentRef);
     let l;
     const {
       controlled: d,
@@ -65,29 +65,29 @@ const se = C({
       open: s,
       trigger: p,
       onClose: a,
-      onOpen: P,
-      onShow: k,
-      onHide: A,
-      onBeforeShow: N,
+      onOpen: N,
+      onShow: P,
+      onHide: k,
+      onBeforeShow: A,
       onBeforeHide: I
-    } = K(ae, void 0), R = n(() => o.transition || `${w.namespace.value}-fade-in-linear`), L = n(() => process.env.NODE_ENV === "test" && !process.env.RUN_TEST_WITH_PERSISTENT ? !0 : o.persistent);
+    } = K(le, void 0), R = n(() => o.transition || `${w.namespace.value}-fade-in-linear`), L = n(() => process.env.NODE_ENV === "test" && !process.env.RUN_TEST_WITH_PERSISTENT ? !0 : process.env.NODE_ENV === "development" && !te ? !1 : o.persistent);
     Y(() => {
       l?.();
     });
-    const H = n(() => t(L) ? !0 : t(s)), c = n(() => o.disabled ? !1 : t(s)), $ = n(() => o.appendTo || E.value), M = n(() => o.style ?? {}), i = v(!0), V = () => {
-      A(), g() && ee(document.body), i.value = !0;
+    const H = n(() => t(L) ? !0 : t(s)), c = n(() => o.disabled ? !1 : t(s)), V = n(() => o.appendTo || T.value), $ = n(() => o.style ?? {}), i = v(!0), M = () => {
+      k(), g() && ee(document.body), i.value = !0;
     }, m = () => {
       if (t(d)) return !0;
-    }, z = B(m, () => {
-      o.enterable && t(p) === "hover" && P();
-    }), j = B(m, () => {
+    }, z = h(m, () => {
+      o.enterable && t(p) === "hover" && N();
+    }), j = h(m, () => {
       t(p) === "hover" && a();
     }), D = () => {
-      r.value?.updatePopper?.(), N?.();
+      r.value?.updatePopper?.(), A?.();
     }, F = () => {
       I?.();
     }, U = () => {
-      k();
+      P();
     }, W = () => {
       o.virtualTriggering || a();
     }, g = (e) => {
@@ -97,7 +97,7 @@ const se = C({
     return y(
       () => t(s),
       (e) => {
-        e ? (i.value = !1, l = te(S, () => {
+        e ? (i.value = !1, l = oe(S, () => {
           if (t(d)) return;
           t(p) !== "hover" && a();
         })) : l?.();
@@ -110,26 +110,26 @@ const se = C({
       () => {
         r.value?.updatePopper?.();
       }
-    ), T({
+    ), E({
       /**
        * @description el-popper-content component instance
        */
       contentRef: r,
       isFocusInsideContent: g
-    }), (e, f) => (h(), b(t(re), {
+    }), (e, f) => (C(), b(t(ae), {
       disabled: !e.teleported,
-      to: $.value
+      to: V.value
     }, {
       default: u(() => [
         q(G, {
           name: R.value,
-          onAfterLeave: V,
+          onAfterLeave: M,
           onBeforeEnter: D,
           onAfterEnter: U,
           onBeforeLeave: F
         }, {
           default: u(() => [
-            H.value ? Q((h(), b(t(le), Z({
+            H.value ? Q((C(), b(t(se), Z({
               key: 0,
               id: t(O),
               ref_key: "contentRef",
@@ -149,7 +149,7 @@ const se = C({
               enterable: e.enterable,
               pure: e.pure,
               "popper-class": e.popperClass,
-              "popper-style": [e.popperStyle, M.value],
+              "popper-style": [e.popperStyle, $.value],
               "reference-el": e.referenceEl,
               "trigger-target-el": e.triggerTargetEl,
               visible: c.value,
@@ -175,5 +175,5 @@ const se = C({
   }
 });
 export {
-  Oe as default
+  Ne as default
 };

package/es/package.json.d.ts

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

package/es/package.json.js

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

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/button/index.d.ts

@@ -1,7 +1,7 @@
 export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         link: {
             type: import("vue").PropType<boolean>;
@@ -91,7 +91,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         link: {
             type: import("vue").PropType<boolean>;
@@ -176,7 +176,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize>;
+        type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
     link: {
         type: import("vue").PropType<boolean>;
@@ -266,7 +266,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     ButtonGroup: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             size: {
-                type: import("vue").PropType<import("../types").ComponentSize>;
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
             type: {
                 type: import("vue").PropType<import("./types").ButtonType>;
@@ -280,7 +280,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             size: {
-                type: import("vue").PropType<import("../types").ComponentSize>;
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
             type: {
                 type: import("vue").PropType<import("./types").ButtonType>;
@@ -291,7 +291,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         type: {
             type: import("vue").PropType<import("./types").ButtonType>;
@@ -305,7 +305,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
 export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         type: {
             type: import("vue").PropType<import("./types").ButtonType>;
@@ -319,7 +319,7 @@ export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<import("../types").ComponentSize>;
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
         type: {
             type: import("vue").PropType<import("./types").ButtonType>;
@@ -330,7 +330,7 @@ export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize>;
+        type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
     type: {
         type: import("vue").PropType<import("./types").ButtonType>;

package/lib/components/button/types.d.ts

@@ -1,5 +1,5 @@
 import type { IconProps } from 'vft/es/components';
-import type { ComponentSize } from 'vft/es/components/types.ts';
+import type { ComponentSize } from 'vft/es/constants';
 import type { Component } from 'vue';
 export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text' | '';
 export interface ButtonConfigContext {

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 k=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"),oe=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:ne,emit:ae}){const l=ae,v=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=v["aria-haspopup"],o["aria-owns"]=v["aria-owns"],o["aria-expanded"]=v["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",m.value),n.is("exceed",fe.value),n.is("focus",c.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},v.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:C}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:C}),ie=oe.useFormSize(),m=oe.useFormDisabled(),n=Z.useNamespace("input"),A=Z.useNamespace("textarea"),w=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>w.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),g=e.computed(()=>C?.validateState||""),K=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[v.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)),p=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(()=>!!p.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||p.value||!!g.value&&R.value),[ve,ye]=_.useCursor(w);Y.useResizeObserver(f,o=>{if(!p.value||t.resize!=="both")return;const a=o[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 o=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,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},b=()=>{const o=h.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.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){b();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),y.value=!0},be=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,d=a[a.length-1]||"";y.value=!be(d)},H=o=>{l("compositionend",o),y.value&&(y.value=!1,P(o))},ke=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},Ce=()=>h.value?.blur(),G=o=>{c.value=!0,l("focus",o)},J=o=>{c.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>T.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},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&&C?.validate?.("change").catch(o=>T.debugWarn(o))}),e.watch(u,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(B)}),ne({input:w,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we,onMousewheel:a[1]||(a[1]=d=>o.type==="number"&&c.value?d.preventDefault():null)}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).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:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(m),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.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),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).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(k.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:ke}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$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:o.tabindex,disabled:e.unref(m),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.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 k=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"),oe=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:ne,emit:ae}){const l=ae,v=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=v["aria-haspopup"],o["aria-owns"]=v["aria-owns"],o["aria-expanded"]=v["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",m.value),n.is("exceed",fe.value),n.is("focus",c.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},v.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:C}=oe.useFormItem(),{inputId:F}=oe.useFormItemInputId(se.props,{formItemContext:C}),ie=te.useFormSize(),m=te.useFormDisabled(),n=Z.useNamespace("input"),A=Z.useNamespace("textarea"),w=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>w.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),g=e.computed(()=>C?.validateState||""),K=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[v.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)),p=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(()=>!!p.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||p.value||!!g.value&&R.value),[ve,ye]=_.useCursor(w);Y.useResizeObserver(f,o=>{if(!p.value||t.resize!=="both")return;const a=o[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 o=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,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},b=()=>{const o=h.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.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){b();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),y.value=!0},be=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,d=a[a.length-1]||"";y.value=!be(d)},H=o=>{l("compositionend",o),y.value&&(y.value=!1,P(o))},ke=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},Ce=()=>h.value?.blur(),G=o=>{c.value=!0,l("focus",o)},J=o=>{c.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>T.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},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&&C?.validate?.("change").catch(o=>T.debugWarn(o))}),e.watch(u,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(B)}),ne({input:w,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we,onMousewheel:a[1]||(a[1]=d=>o.type==="number"&&c.value?d.preventDefault():null)}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).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:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(m),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.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),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).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(k.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:ke}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$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:o.tabindex,disabled:e.unref(m),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;

package/lib/components/super-form/index.d.ts

@@ -8,6 +8,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"top" | "left" | "right">;
             default: string;
         };
+        labelWidth: {
+            type: import("vue").PropType<"string" | "number">;
+            default: string;
+        };
         showResetButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -150,6 +154,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
     }, import("vue").PublicProps, {
         size: import("vft/es/constants").ComponentSize;
         labelPosition: "left" | "right" | "top";
+        labelWidth: "string" | "number";
         showResetButton: boolean;
         showSubmitButton: boolean;
         showCommonButton: boolean;
@@ -180,6 +185,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"top" | "left" | "right">;
             default: string;
         };
+        labelWidth: {
+            type: import("vue").PropType<"string" | "number">;
+            default: string;
+        };
         showResetButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -316,6 +325,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, {
         size: import("vft/es/constants").ComponentSize;
         labelPosition: "left" | "right" | "top";
+        labelWidth: "string" | "number";
         showResetButton: boolean;
         showSubmitButton: boolean;
         showCommonButton: boolean;
@@ -343,6 +353,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<"top" | "left" | "right">;
         default: string;
     };
+    labelWidth: {
+        type: import("vue").PropType<"string" | "number">;
+        default: string;
+    };
     showResetButton: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -485,6 +499,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
 }, string, {
     size: import("vft/es/constants").ComponentSize;
     labelPosition: "left" | "right" | "top";
+    labelWidth: "string" | "number";
     showResetButton: boolean;
     showSubmitButton: boolean;
     showCommonButton: boolean;

package/lib/components/super-form/super-form.vue.d.ts

@@ -85,6 +85,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>, {
     size: import("vft/es/constants").ComponentSize;
     labelPosition: "left" | "right" | "top";
+    labelWidth: "string" | "number";
     showResetButton: boolean;
     showSubmitButton: boolean;
     showCommonButton: boolean;