vft 0.0.337 → 0.0.339

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

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

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

@@ -13,6 +13,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     inlineMessage: string;
     labelWidth: string;
     showMessage: boolean;
+    hideLabel: boolean;
 }>>, {
     size: import("vue").ComputedRef<import("vft/es/constants").ComponentSize>;
     validateMessage: import("vue").Ref<string, string>;
@@ -27,6 +28,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     inlineMessage: string;
     labelWidth: string;
     showMessage: boolean;
+    hideLabel: boolean;
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
@@ -34,6 +36,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,21 +1,21 @@
-import { defineComponent as Y, useSlots as ye, inject as A, ref as g, computed as a, watch as D, reactive as Se, toRefs as Ie, provide as _e, onMounted as Ve, onBeforeUnmount as qe, createElementBlock as we, openBlock as E, unref as f, normalizeClass as h, createVNode as L, createElementVNode as T, withCtx as k, createBlock as Ce, createCommentVNode as G, resolveDynamicComponent as Fe, normalizeStyle as K, renderSlot as M, createTextVNode as ke, toDisplayString as U, TransitionGroup as Me, nextTick as Re } from "vue";
-import { refDebounced as We } from "@vueuse/core";
-import { isBoolean as xe, getProp as R, isFunction as ze } from "@vft/utils";
+import { defineComponent as Y, useSlots as ye, inject as D, ref as b, computed as a, watch as E, reactive as Se, toRefs as ke, provide as qe, onMounted as Ie, onBeforeUnmount as Ve, createElementBlock as _e, openBlock as F, unref as f, normalizeClass as g, createBlock as T, createCommentVNode as R, createElementVNode as G, withCtx as B, resolveDynamicComponent as we, normalizeStyle as K, renderSlot as M, createTextVNode as Ce, toDisplayString as U, createVNode as Fe, TransitionGroup as Re, nextTick as Be } from "vue";
+import { refDebounced as Me } from "@vueuse/core";
+import { isBoolean as We, getProp as W, isFunction as ze } from "@vft/utils";
 import { addUnit as O, castArray as H } from "../../utils/helper.js";
 import { isArray as J, clone as Q } from "lodash-es";
 import { useId as $e } from "../../hooks/use-id/index.js";
-import { useNamespace as Be } from "../../hooks/use-namespace/index.js";
+import { useNamespace as xe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import Pe from "async-validator";
-import { formContextKey as Ne, formItemContextKey as X } from "./constants.js";
-import je from "./form-label-wrap.js";
-import { useFormSize as Ae } from "./hooks/use-form-common-props.js";
-const De = ["role", "aria-labelledby"], Ee = Y({
+import { formContextKey as Ae, formItemContextKey as X } from "./constants.js";
+import Ne from "./form-label-wrap.js";
+import { useFormSize as Le } from "./hooks/use-form-common-props.js";
+const je = ["role", "aria-labelledby"], De = Y({
   name: "vft-form-item"
 }), rt = /* @__PURE__ */ Y({
-  ...Ee,
+  ...De,
   props: {
     label: {},
     labelWidth: { default: "" },
@@ -28,26 +28,28 @@ const De = ["role", "aria-labelledby"], Ee = Y({
     validateStatus: {},
     inlineMessage: { type: [String, Boolean], default: "" },
     showMessage: { type: Boolean, default: !0 },
-    size: {}
+    size: {},
+    hideRequiredAsterisk: { type: Boolean },
+    hideLabel: { type: Boolean, default: !1 }
   },
   emits: ["update:error"],
   setup(Z, { expose: ee, emit: te }) {
-    const t = Z, re = te, W = ye(), o = A(Ne, void 0), oe = A(X, void 0), y = Ae(void 0, { formItem: !1 }), s = Be("form-item"), S = $e().value, d = g([]), c = g(""), le = We(c, 100), n = g(""), x = g();
-    let z, v = !1;
-    const b = a(
+    const t = Z, re = te, z = ye(), o = D(Ae, void 0), oe = D(X, void 0), y = Le(void 0, { formItem: !1 }), s = xe("form-item"), S = $e().value, d = b([]), c = b(""), le = Me(c, 100), n = b(""), $ = b();
+    let x, v = !1;
+    const h = a(
       () => t.labelPosition || o?.labelPosition
-    ), $ = a(() => {
-      if (b.value === "top")
+    ), P = a(() => {
+      if (h.value === "top")
         return {};
       const e = O(t.labelWidth || o?.labelWidth || "");
       return e ? { width: e } : {};
     }), ae = a(() => {
-      if (b.value === "top" || o?.inline)
+      if (h.value === "top" || o?.inline)
         return {};
       if (!t.label && !t.labelWidth && ue)
         return {};
       const e = O(t.labelWidth || o?.labelWidth || "");
-      return !t.label && !W.label ? { marginLeft: e } : {};
+      return !t.label && !z.label ? { marginLeft: e } : {};
     }), se = a(() => [
       s.b(),
       s.m(y.value),
@@ -55,174 +57,178 @@ const De = ["role", "aria-labelledby"], Ee = Y({
       s.is("validating", c.value === "validating"),
       s.is("success", c.value === "success"),
       s.is("required", fe.value || t.required),
-      s.is("no-asterisk", o?.hideRequiredAsterisk),
+      s.is(
+        "no-asterisk",
+        t?.hideRequiredAsterisk || o?.hideRequiredAsterisk
+      ),
       o?.requireAsteriskPosition === "right" ? "asterisk-right" : "asterisk-left",
       {
         [s.m("feedback")]: o?.statusIcon,
-        [s.m(`label-${b.value}`)]: b.value
+        [s.m(`label-${h.value}`)]: h.value
       }
     ]), ie = a(
-      () => xe(t.inlineMessage) ? t.inlineMessage : o?.inlineMessage || !1
+      () => We(t.inlineMessage) ? t.inlineMessage : o?.inlineMessage || !1
     ), ne = a(() => [
       s.e("error"),
       { [s.em("error", "inline")]: ie.value }
-    ]), B = a(() => t.prop ? J(t.prop) ? t.prop.join(".") : t.prop : ""), I = a(() => !!(t.label || W.label)), _ = a(() => t.for ?? (d.value.length === 1 ? d.value[0] : void 0)), V = a(() => !_.value && I.value), ue = !!oe, q = a(() => {
+    ]), A = a(() => t.prop ? J(t.prop) ? t.prop.join(".") : t.prop : ""), k = a(() => !!(t.label || z.label)), q = a(() => t.for ?? (d.value.length === 1 ? d.value[0] : void 0)), I = a(() => !q.value && k.value), ue = !!oe, V = a(() => {
       const e = o?.model;
       if (!(!e || !t.prop))
-        return R(e, t.prop).value;
-    }), w = a(() => {
+        return W(e, t.prop).value;
+    }), _ = a(() => {
       const { required: e } = t, r = [];
       t.rules && r.push(
         ...H(t.rules).map((l) => (l.trigger = l.trigger || "blur", l))
       );
       const i = o?.rules;
       if (i && t.prop) {
-        const l = R(
+        const l = W(
           i,
           t.prop
         ).value;
         l && r.push(...H(l));
       }
       if (e !== void 0) {
-        const l = r.map((u, p) => [u, p]).filter(([u]) => Object.keys(u).includes("required"));
+        const l = r.map((u, m) => [u, m]).filter(([u]) => Object.keys(u).includes("required"));
         if (l.length > 0)
-          for (const [u, p] of l)
-            u.required !== e && (r[p] = { ...u, required: e });
+          for (const [u, m] of l)
+            u.required !== e && (r[m] = { ...u, required: e });
         else
           r.push({ required: e });
       }
       return r;
-    }), de = a(() => w.value.length > 0), ce = (e) => w.value.filter((i) => !i.trigger || !e ? !0 : J(i.trigger) ? i.trigger.includes(e) : i.trigger === e).map(({ trigger: i, ...l }) => l), fe = a(
-      () => w.value.some((e) => e.required)
-    ), me = a(
+    }), de = a(() => _.value.length > 0), ce = (e) => _.value.filter((i) => !i.trigger || !e ? !0 : J(i.trigger) ? i.trigger.includes(e) : i.trigger === e).map(({ trigger: i, ...l }) => l), fe = a(
+      () => _.value.some((e) => e.required)
+    ), pe = a(
       () => le.value === "error" && t.showMessage && (o?.showMessage ?? !0)
-    ), P = a(
+    ), N = a(
       () => `${t.label || ""}${o?.labelSuffix || ""}`
-    ), m = (e) => {
+    ), p = (e) => {
       c.value = e;
-    }, pe = (e) => {
+    }, me = (e) => {
       const { errors: r, fields: i } = e;
-      (!r || !i) && console.error(e), m("error"), n.value = r ? r?.[0]?.message ?? `${t.prop} is required` : "", o?.emit("validate", t.prop, !1, n.value);
+      (!r || !i) && console.error(e), p("error"), n.value = r ? r?.[0]?.message ?? `${t.prop} is required` : "", o?.emit("validate", t.prop, !1, n.value);
     }, ve = () => {
-      m("success"), o?.emit("validate", t.prop, !0, "");
-    }, be = async (e) => {
-      const r = B.value;
+      p("success"), o?.emit("validate", t.prop, !0, "");
+    }, he = async (e) => {
+      const r = A.value;
       return new Pe({
         [r]: e
-      }).validate({ [r]: q.value }, { firstFields: !0 }).then(() => (ve(), !0)).catch((l) => (pe(l), Promise.reject(l)));
-    }, N = async (e, r) => {
+      }).validate({ [r]: V.value }, { firstFields: !0 }).then(() => (ve(), !0)).catch((l) => (me(l), Promise.reject(l)));
+    }, L = async (e, r) => {
       if (v || !t.prop)
         return !1;
       const i = ze(r);
       if (!de.value)
         return r?.(!1), !1;
       const l = ce(e);
-      return l.length === 0 ? (r?.(!0), !0) : (m("validating"), be(l).then(() => (r?.(!0), !0)).catch((u) => {
-        const { fields: p } = u;
-        return r?.(!1, p), i ? !1 : Promise.reject(p);
+      return l.length === 0 ? (r?.(!0), !0) : (p("validating"), he(l).then(() => (r?.(!0), !0)).catch((u) => {
+        const { fields: m } = u;
+        return r?.(!1, m), i ? !1 : Promise.reject(m);
       }));
-    }, C = () => {
-      t.error && re("update:error", ""), m(""), n.value = "", v = !1;
+    }, w = () => {
+      t.error && re("update:error", ""), p(""), n.value = "", v = !1;
     }, j = async () => {
       const e = o?.model;
       if (!e || !t.prop) return;
-      const r = R(e, t.prop);
-      v = !0, r.value = Q(z), await Re(), C(), v = !1;
-    }, ge = (e) => {
+      const r = W(e, t.prop);
+      v = !0, r.value = Q(x), await Be(), w(), v = !1;
+    }, be = (e) => {
       d.value.includes(e) || d.value.push(e);
-    }, he = (e) => {
+    }, ge = (e) => {
       d.value = d.value.filter((r) => r !== e);
     };
-    D(
+    E(
       () => t.error,
       (e) => {
-        n.value = e || "", m(e ? "error" : "");
+        n.value = e || "", p(e ? "error" : "");
       },
       { immediate: !0 }
-    ), D(
+    ), E(
       () => t.validateStatus,
-      (e) => m(e || "")
+      (e) => p(e || "")
     );
-    const F = Se({
-      ...Ie(t),
-      $el: x,
+    const C = Se({
+      ...ke(t),
+      $el: $,
       size: y,
       validateMessage: n,
       validateState: c,
       labelId: S,
       inputIds: d,
-      isGroup: V,
-      hasLabel: I,
-      fieldValue: q,
-      addInputId: ge,
-      removeInputId: he,
+      isGroup: I,
+      hasLabel: k,
+      fieldValue: V,
+      addInputId: be,
+      removeInputId: ge,
       resetField: j,
-      clearValidate: C,
-      validate: N,
-      propString: B
+      clearValidate: w,
+      validate: L,
+      propString: A
     });
-    return _e(X, F), Ve(() => {
-      t.prop && (o?.addField(F), z = Q(q.value));
-    }), qe(() => {
-      o?.removeField(F);
+    return qe(X, C), Ie(() => {
+      t.prop && (o?.addField(C), x = Q(V.value));
+    }), Ve(() => {
+      o?.removeField(C);
     }), ee({
       size: y,
       validateMessage: n,
       validateState: c,
-      validate: N,
-      clearValidate: C,
+      validate: L,
+      clearValidate: w,
       resetField: j
-    }), (e, r) => (E(), we("div", {
+    }), (e, r) => (F(), _e("div", {
       ref_key: "formItemRef",
-      ref: x,
-      class: h(se.value),
-      role: V.value ? "group" : void 0,
-      "aria-labelledby": V.value ? f(S) : void 0
+      ref: $,
+      class: g(se.value),
+      role: I.value ? "group" : void 0,
+      "aria-labelledby": I.value ? f(S) : void 0
     }, [
-      L(f(je), {
-        "is-auto-width": $.value.width === "auto",
+      e.hideLabel ? R("", !0) : (F(), T(f(Ne), {
+        key: 0,
+        "is-auto-width": P.value.width === "auto",
         "update-all": f(o)?.labelWidth === "auto"
       }, {
-        default: k(() => [
-          I.value ? (E(), Ce(Fe(_.value ? "label" : "div"), {
+        default: B(() => [
+          k.value ? (F(), T(we(q.value ? "label" : "div"), {
             key: 0,
             id: f(S),
-            for: _.value,
-            class: h(f(s).e("label")),
-            style: K($.value)
+            for: q.value,
+            class: g(f(s).e("label")),
+            style: K(P.value)
           }, {
-            default: k(() => [
-              M(e.$slots, "label", { label: P.value }, () => [
-                ke(U(P.value), 1)
+            default: B(() => [
+              M(e.$slots, "label", { label: N.value }, () => [
+                Ce(U(N.value), 1)
               ])
             ]),
             _: 3
-          }, 8, ["id", "for", "class", "style"])) : G("", !0)
+          }, 8, ["id", "for", "class", "style"])) : R("", !0)
         ]),
         _: 3
-      }, 8, ["is-auto-width", "update-all"]),
-      T("div", {
-        class: h(f(s).e("content")),
+      }, 8, ["is-auto-width", "update-all"])),
+      G("div", {
+        class: g(f(s).e("content")),
         style: K(ae.value)
       }, [
         M(e.$slots, "default"),
-        L(Me, {
+        Fe(Re, {
           name: `${f(s).namespace.value}-zoom-in-top`
         }, {
-          default: k(() => [
-            me.value ? M(e.$slots, "error", {
+          default: B(() => [
+            pe.value ? M(e.$slots, "error", {
               key: 0,
               error: n.value
             }, () => [
-              T("div", {
-                class: h(ne.value)
+              G("div", {
+                class: g(ne.value)
               }, U(n.value), 3)
-            ]) : G("", !0)
+            ]) : R("", !0)
           ]),
           _: 3
         }, 8, ["name"])
       ], 6)
-    ], 10, De));
+    ], 10, je));
   }
 });
 export {

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

@@ -228,12 +228,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideRequiredAsterisk: {
+                type: import("vue").PropType<boolean>;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
             validateStatus: {
                 type: import("vue").PropType<"" | "error" | "validating" | "success">;
             };
+            hideLabel: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:error"?: ((val: string) => any) | undefined;
         }>, {
@@ -250,6 +257,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            hideLabel: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -292,12 +300,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideRequiredAsterisk: {
+                type: import("vue").PropType<boolean>;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
             validateStatus: {
                 type: import("vue").PropType<"" | "error" | "validating" | "success">;
             };
+            hideLabel: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:error"?: ((val: string) => any) | undefined;
         }>, {
@@ -312,6 +327,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            hideLabel: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -351,12 +367,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -373,6 +396,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {
@@ -421,12 +445,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -443,6 +474,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -485,12 +517,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -505,6 +544,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -544,12 +584,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    hideRequiredAsterisk: {
+        type: import("vue").PropType<boolean>;
+    };
     for: {
         type: import("vue").PropType<string>;
     };
     validateStatus: {
         type: import("vue").PropType<"" | "error" | "validating" | "success">;
     };
+    hideLabel: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
@@ -566,6 +613,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    hideLabel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {

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

@@ -73,4 +73,6 @@ export interface FormItemProps {
     inlineMessage?: string | boolean;
     showMessage?: boolean;
     size?: ComponentSize;
+    hideRequiredAsterisk?: boolean;
+    hideLabel?: boolean;
 }

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/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, computed as v, ref as ee, unref as u, useSlots as te, createVNode as f, mergeProps as L, withDirectives as re, vShow as ne, createTextVNode as G, isVNode as oe, resolveComponent as q } from "vue";
+import { defineComponent as $, computed as v, ref as ee, unref as u, useSlots as te, createVNode as f, mergeProps as L, withDirectives as re, vShow as ne, isVNode as oe, createTextVNode as G, resolveComponent as q } from "vue";
 import { VftCol as J } from "../col/index.js";
 import { VftDivider as le } from "../divider/index.js";
 import { VftFormItem as se } from "../form/index.js";

package/es/components/super-form/use/helper.js

@@ -1,16 +1,12 @@
 import { isNumber as n } from "@vft/utils";
-import { isInput as u, FormCompEnum as e } from "../component-map.js";
-function s(r, E = "") {
-  if (E = (E || "").replace(":", ""), [
+import { FormCompEnum as e, isInput as u } from "../component-map.js";
+function T(r, E = "") {
+  return E = (E || "").replace(":", "") || "", [
     e.INPUT,
     e.INPUT_NUMBER,
     e.TEXTAREA,
     e.AUTOCOMPLETE
-  ].includes(r))
-    return "请输入" + E;
-  if ([e.PASSWORD].includes(r))
-    return "请输入密码";
-  if ([
+  ].includes(r) ? "请输入" + E : [e.PASSWORD].includes(r) ? "请输入密码" : [
     e.SELECT,
     e.RADIO,
     e.RADIO_SINGLE,
@@ -19,39 +15,23 @@ function s(r, E = "") {
     e.ColorPicker,
     e.CHECKBOX,
     e.CHECKBOX_BUTTON
-  ].includes(r))
-    return "请选择" + E;
-  if ([e.CHECKBOX_SINGLE].includes(r))
-    return "请勾选" + E;
-  if (![e.INPUT_TAG].includes(r)) {
-    if ([e.SEARCH].includes(r))
-      return "请输入要搜索的内容";
-    if ([e.INPUT_TAG].includes(r))
-      return "请输入标签内容";
-    if ([e.Upload].includes(r))
-      return "请选择上传文件";
-    if ([e.Slider].includes(r))
-      return "请拖动滑块";
-    if ([
-      e.TIME_PICKER,
-      e.YEAR_PICKER,
-      e.MONTH_PICKER,
-      e.DATE_PICKER,
-      e.DATES_PICKER,
-      e.DATETIME_PICKER,
-      e.WEEK_PICKER,
-      e.DATETIMERANGE_PICKER,
-      e.DATERANGE_PICKER,
-      e.MONTHRANGE_PICKER
-    ].includes(r))
-      return "请选择时间";
-  }
-  return "";
+  ].includes(r) ? "请选择" + E : [e.CHECKBOX_SINGLE].includes(r) ? "请勾选" + E : [e.SEARCH].includes(r) ? "请输入要搜索的内容" : [e.INPUT_TAG].includes(r) ? "请输入标签内容" : [e.Upload].includes(r) ? "请选择上传文件" : [e.Slider].includes(r) ? "请拖动滑块" : [
+    e.TIME_PICKER,
+    e.YEAR_PICKER,
+    e.MONTH_PICKER,
+    e.DATE_PICKER,
+    e.DATES_PICKER,
+    e.DATETIME_PICKER,
+    e.WEEK_PICKER,
+    e.DATETIMERANGE_PICKER,
+    e.DATERANGE_PICKER,
+    e.MONTHRANGE_PICKER
+  ].includes(r) ? "请选择时间" : "";
 }
-function I(r, E) {
+function s(r, E) {
   return r && u(r) && E && n(E) ? `${E}` : E;
 }
 export {
-  s as createPlaceholderMessage,
-  I as handleInputNumberValue
+  T as createPlaceholderMessage,
+  s as handleInputNumberValue
 };

package/es/package.json.d.ts

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

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.337";
+const o = "0.0.339";
 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/form/form-item.vue.d.ts

@@ -13,6 +13,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     inlineMessage: string;
     labelWidth: string;
     showMessage: boolean;
+    hideLabel: boolean;
 }>>, {
     size: import("vue").ComputedRef<import("vft/es/constants").ComponentSize>;
     validateMessage: import("vue").Ref<string, string>;
@@ -27,6 +28,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     inlineMessage: string;
     labelWidth: string;
     showMessage: boolean;
+    hideLabel: boolean;
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
@@ -34,6 +36,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/components/form/form-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),m=require("@vft/utils"),h=require("../../utils/helper.cjs"),b=require("lodash-es"),le=require("../../hooks/use-id/index.cjs"),se=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ae=require("async-validator"),z=require("./constants.cjs"),ne=require("./form-label-wrap.cjs"),ie=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{}},emits:["update:error"],setup(B,{expose:j,emit:A}){const r=B,E=A,k=e.useSlots(),l=e.inject(z.formContextKey,void 0),D=e.inject(z.formItemContextKey,void 0),y=ie.useFormSize(void 0,{formItem:!1}),a=se.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),L=oe.refDebounced(c,100),i=e.ref(""),F=e.ref();let M,v=!1;const g=e.computed(()=>r.labelPosition||l?.labelPosition),P=e.computed(()=>{if(g.value==="top")return{};const t=h.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(g.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=h.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!k.label?{marginLeft:t}:{}}),K=e.computed(()=>[a.b(),a.m(y.value),a.is("error",c.value==="error"),a.is("validating",c.value==="validating"),a.is("success",c.value==="success"),a.is("required",Q.value||r.required),a.is("no-asterisk",l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[a.m("feedback")]:l?.statusIcon,[a.m(`label-${g.value}`)]:g.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[a.e("error"),{[a.em("error","inline")]:U.value}]),N=e.computed(()=>r.prop?b.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||k.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),V=e.computed(()=>!C.value&&S.value),O=!!D,_=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...h.castArray(r.rules).map(s=>(s.trigger=s.trigger||"blur",s)));const n=l?.rules;if(n&&r.prop){const s=m.getProp(n,r.prop).value;s&&o.push(...h.castArray(s))}if(t!==void 0){const s=o.map((u,p)=>[u,p]).filter(([u])=>Object.keys(u).includes("required"));if(s.length>0)for(const[u,p]of s)u.required!==t&&(o[p]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(n=>!n.trigger||!t?!0:b.isArray(n.trigger)?n.trigger.includes(t):n.trigger===t).map(({trigger:n,...s})=>s),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>L.value==="error"&&r.showMessage&&(l?.showMessage??!0)),R=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),f=t=>{c.value=t},Y=t=>{const{errors:o,fields:n}=t;(!o||!n)&&console.error(t),f("error"),i.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,i.value)},Z=()=>{f("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=N.value;return new ae({[o]:t}).validate({[o]:_.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(s=>(Y(s),Promise.reject(s)))},W=async(t,o)=>{if(v||!r.prop)return!1;const n=m.isFunction(o);if(!H.value)return o?.(!1),!1;const s=J(t);return s.length===0?(o?.(!0),!0):(f("validating"),ee(s).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:p}=u;return o?.(!1,p),n?!1:Promise.reject(p)}))},I=()=>{r.error&&E("update:error",""),f(""),i.value="",v=!1},$=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=b.clone(M),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{i.value=t||"",f(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>f(t||""));const x=e.reactive({...e.toRefs(r),$el:F,size:y,validateMessage:i,validateState:c,labelId:q,inputIds:d,isGroup:V,hasLabel:S,fieldValue:_,addInputId:te,removeInputId:re,resetField:$,clearValidate:I,validate:W,propString:N});return e.provide(z.formItemContextKey,x),e.onMounted(()=>{r.prop&&(l?.addField(x),M=b.clone(_.value))}),e.onBeforeUnmount(()=>{l?.removeField(x)}),j({size:y,validateMessage:i,validateState:c,validate:W,clearValidate:I,resetField:$}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:F,class:e.normalizeClass(K.value),role:V.value?"group":void 0,"aria-labelledby":V.value?e.unref(q):void 0},[e.createVNode(e.unref(ne.default),{"is-auto-width":P.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(a).e("label")),style:e.normalizeStyle(P.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(a).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:i.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(i.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),m=require("@vft/utils"),b=require("../../utils/helper.cjs"),g=require("lodash-es"),le=require("../../hooks/use-id/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("async-validator"),z=require("./constants.cjs"),ie=require("./form-label-wrap.cjs"),ne=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{},hideRequiredAsterisk:{type:Boolean},hideLabel:{type:Boolean,default:!1}},emits:["update:error"],setup($,{expose:A,emit:j}){const r=$,E=j,B=e.useSlots(),l=e.inject(z.formContextKey,void 0),L=e.inject(z.formItemContextKey,void 0),y=ne.useFormSize(void 0,{formItem:!1}),s=ae.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),D=oe.refDebounced(c,100),n=e.ref(""),x=e.ref();let F,v=!1;const h=e.computed(()=>r.labelPosition||l?.labelPosition),M=e.computed(()=>{if(h.value==="top")return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(h.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!B.label?{marginLeft:t}:{}}),K=e.computed(()=>[s.b(),s.m(y.value),s.is("error",c.value==="error"),s.is("validating",c.value==="validating"),s.is("success",c.value==="success"),s.is("required",Q.value||r.required),s.is("no-asterisk",r?.hideRequiredAsterisk||l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[s.m("feedback")]:l?.statusIcon,[s.m(`label-${h.value}`)]:h.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[s.e("error"),{[s.em("error","inline")]:U.value}]),P=e.computed(()=>r.prop?g.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||B.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),k=e.computed(()=>!C.value&&S.value),O=!!L,V=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...b.castArray(r.rules).map(a=>(a.trigger=a.trigger||"blur",a)));const i=l?.rules;if(i&&r.prop){const a=m.getProp(i,r.prop).value;a&&o.push(...b.castArray(a))}if(t!==void 0){const a=o.map((u,f)=>[u,f]).filter(([u])=>Object.keys(u).includes("required"));if(a.length>0)for(const[u,f]of a)u.required!==t&&(o[f]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(i=>!i.trigger||!t?!0:g.isArray(i.trigger)?i.trigger.includes(t):i.trigger===t).map(({trigger:i,...a})=>a),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>D.value==="error"&&r.showMessage&&(l?.showMessage??!0)),R=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),p=t=>{c.value=t},Y=t=>{const{errors:o,fields:i}=t;(!o||!i)&&console.error(t),p("error"),n.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,n.value)},Z=()=>{p("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=P.value;return new se({[o]:t}).validate({[o]:V.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(a=>(Y(a),Promise.reject(a)))},N=async(t,o)=>{if(v||!r.prop)return!1;const i=m.isFunction(o);if(!H.value)return o?.(!1),!1;const a=J(t);return a.length===0?(o?.(!0),!0):(p("validating"),ee(a).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:f}=u;return o?.(!1,f),i?!1:Promise.reject(f)}))},I=()=>{r.error&&E("update:error",""),p(""),n.value="",v=!1},W=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=g.clone(F),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{n.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>p(t||""));const _=e.reactive({...e.toRefs(r),$el:x,size:y,validateMessage:n,validateState:c,labelId:q,inputIds:d,isGroup:k,hasLabel:S,fieldValue:V,addInputId:te,removeInputId:re,resetField:W,clearValidate:I,validate:N,propString:P});return e.provide(z.formItemContextKey,_),e.onMounted(()=>{r.prop&&(l?.addField(_),F=g.clone(V.value))}),e.onBeforeUnmount(()=>{l?.removeField(_)}),A({size:y,validateMessage:n,validateState:c,validate:N,clearValidate:I,resetField:W}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:x,class:e.normalizeClass(K.value),role:k.value?"group":void 0,"aria-labelledby":k.value?e.unref(q):void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(ie.default),{key:0,"is-auto-width":M.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(s).e("label")),style:e.normalizeStyle(M.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(s).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:n.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(n.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;

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

@@ -228,12 +228,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideRequiredAsterisk: {
+                type: import("vue").PropType<boolean>;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
             validateStatus: {
                 type: import("vue").PropType<"" | "error" | "validating" | "success">;
             };
+            hideLabel: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:error"?: ((val: string) => any) | undefined;
         }>, {
@@ -250,6 +257,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            hideLabel: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -292,12 +300,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideRequiredAsterisk: {
+                type: import("vue").PropType<boolean>;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
             validateStatus: {
                 type: import("vue").PropType<"" | "error" | "validating" | "success">;
             };
+            hideLabel: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:error"?: ((val: string) => any) | undefined;
         }>, {
@@ -312,6 +327,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            hideLabel: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -351,12 +367,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -373,6 +396,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {
@@ -421,12 +445,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -443,6 +474,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -485,12 +517,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -505,6 +544,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -544,12 +584,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    hideRequiredAsterisk: {
+        type: import("vue").PropType<boolean>;
+    };
     for: {
         type: import("vue").PropType<string>;
     };
     validateStatus: {
         type: import("vue").PropType<"" | "error" | "validating" | "success">;
     };
+    hideLabel: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
@@ -566,6 +613,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    hideLabel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {

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

@@ -73,4 +73,6 @@ export interface FormItemProps {
     inlineMessage?: string | boolean;
     showMessage?: boolean;
     size?: ComponentSize;
+    hideRequiredAsterisk?: boolean;
+    hideLabel?: 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 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/use/helper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("../component-map.cjs");function n(r,o=""){if(o=(o||"").replace(":",""),[m.FormCompEnum.INPUT,m.FormCompEnum.INPUT_NUMBER,m.FormCompEnum.TEXTAREA,m.FormCompEnum.AUTOCOMPLETE].includes(r))return"请输入"+o;if([m.FormCompEnum.PASSWORD].includes(r))return"请输入密码";if([m.FormCompEnum.SELECT,m.FormCompEnum.RADIO,m.FormCompEnum.RADIO_SINGLE,m.FormCompEnum.RADIO_BUTTON,m.FormCompEnum.Cascader,m.FormCompEnum.ColorPicker,m.FormCompEnum.CHECKBOX,m.FormCompEnum.CHECKBOX_BUTTON].includes(r))return"请选择"+o;if([m.FormCompEnum.CHECKBOX_SINGLE].includes(r))return"请勾选"+o;if(![m.FormCompEnum.INPUT_TAG].includes(r)){if([m.FormCompEnum.SEARCH].includes(r))return"请输入要搜索的内容";if([m.FormCompEnum.INPUT_TAG].includes(r))return"请输入标签内容";if([m.FormCompEnum.Upload].includes(r))return"请选择上传文件";if([m.FormCompEnum.Slider].includes(r))return"请拖动滑块";if([m.FormCompEnum.TIME_PICKER,m.FormCompEnum.YEAR_PICKER,m.FormCompEnum.MONTH_PICKER,m.FormCompEnum.DATE_PICKER,m.FormCompEnum.DATES_PICKER,m.FormCompEnum.DATETIME_PICKER,m.FormCompEnum.WEEK_PICKER,m.FormCompEnum.DATETIMERANGE_PICKER,m.FormCompEnum.DATERANGE_PICKER,m.FormCompEnum.MONTHRANGE_PICKER].includes(r))return"请选择时间"}return""}function E(r,o){return r&&m.isInput(r)&&o&&u.isNumber(o)?`${o}`:o}exports.createPlaceholderMessage=n;exports.handleInputNumberValue=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("../component-map.cjs");function n(r,o=""){return o=(o||"").replace(":","")||"",[m.FormCompEnum.INPUT,m.FormCompEnum.INPUT_NUMBER,m.FormCompEnum.TEXTAREA,m.FormCompEnum.AUTOCOMPLETE].includes(r)?"请输入"+o:[m.FormCompEnum.PASSWORD].includes(r)?"请输入密码":[m.FormCompEnum.SELECT,m.FormCompEnum.RADIO,m.FormCompEnum.RADIO_SINGLE,m.FormCompEnum.RADIO_BUTTON,m.FormCompEnum.Cascader,m.FormCompEnum.ColorPicker,m.FormCompEnum.CHECKBOX,m.FormCompEnum.CHECKBOX_BUTTON].includes(r)?"请选择"+o:[m.FormCompEnum.CHECKBOX_SINGLE].includes(r)?"请勾选"+o:[m.FormCompEnum.SEARCH].includes(r)?"请输入要搜索的内容":[m.FormCompEnum.INPUT_TAG].includes(r)?"请输入标签内容":[m.FormCompEnum.Upload].includes(r)?"请选择上传文件":[m.FormCompEnum.Slider].includes(r)?"请拖动滑块":[m.FormCompEnum.TIME_PICKER,m.FormCompEnum.YEAR_PICKER,m.FormCompEnum.MONTH_PICKER,m.FormCompEnum.DATE_PICKER,m.FormCompEnum.DATES_PICKER,m.FormCompEnum.DATETIME_PICKER,m.FormCompEnum.WEEK_PICKER,m.FormCompEnum.DATETIMERANGE_PICKER,m.FormCompEnum.DATERANGE_PICKER,m.FormCompEnum.MONTHRANGE_PICKER].includes(r)?"请选择时间":""}function E(r,o){return r&&m.isInput(r)&&o&&u.isNumber(o)?`${o}`:o}exports.createPlaceholderMessage=n;exports.handleInputNumberValue=E;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.337";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.339";exports.version=e;

package/lib/package.json.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.337",
+  "version": "0.0.339",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -55,12 +55,12 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
-    "@vft/use": "0.0.76",
-    "@vft/store": "0.0.54",
-    "@vft/router": "0.0.65",
+    "@vft/directives": "0.0.33",
     "@vft/utils": "0.0.128",
+    "@vft/router": "0.0.65",
+    "@vft/store": "0.0.54",
     "@vft/constants": "0.0.72",
-    "@vft/directives": "0.0.33"
+    "@vft/use": "0.0.76"
   },
   "vetur": {
     "tags": "tags.json",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.337","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.339","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}