vft 0.0.335 → 0.0.338

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 { CAROUSEL_ITEM_NAME as H, carouselContextKey as ge } from "./constants.js";
+import { carouselContextKey as ge, CAROUSEL_ITEM_NAME as H } 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 { 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";
+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";
 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 } = at(), { inputId: Y } = ot(xe.props, {
+    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
       formItemContext: F
-    }), 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", {
+    }), 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", {
       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, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } 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/search/style/css.d.ts

@@ -1,3 +1,4 @@
 import 'vft/es/components/input/style/css';
 import 'vft/es/components/popover/style/css';
+import 'vft/es/components/icon/style/css';
 import 'vft/theme-style/vft-search.css';

package/es/components/search/style/css.js

@@ -2,4 +2,5 @@ import "vft/theme-style/base.css";
 import "vft/theme-style/vft-input.css";
 import "vft/theme-style/vft-popover.css";
 import "vft/theme-style/vft-popper.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-search.css";

package/es/components/search/style/index.d.ts

@@ -1,3 +1,4 @@
 import 'vft/es/components/input/style';
 import 'vft/es/components/popover/style';
+import 'vft/es/components/icon/style';
 import 'vft/theme-style/src/search.scss';

package/es/components/search/style/index.js

@@ -2,4 +2,5 @@ import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/input.scss";
 import "vft/theme-style/src/popper.scss";
 import "vft/theme-style/src/popover.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/search.scss";

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

@@ -4,6 +4,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             default: string;
         };
+        labelPosition: {
+            type: import("vue").PropType<"top" | "left" | "right">;
+            default: string;
+        };
         showResetButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -141,6 +145,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         "field-value-change": () => void;
     }, import("vue").PublicProps, {
         size: import("vft/es/constants").ComponentSize;
+        labelPosition: "left" | "right" | "top";
         showResetButton: boolean;
         showSubmitButton: boolean;
         showCommonButton: boolean;
@@ -166,6 +171,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             default: string;
         };
+        labelPosition: {
+            type: import("vue").PropType<"top" | "left" | "right">;
+            default: string;
+        };
         showResetButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -298,6 +307,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         formModel: import("vue").ComputedRef<import("../types").Recordable>;
     }, {}, {}, {}, {
         size: import("vft/es/constants").ComponentSize;
+        labelPosition: "left" | "right" | "top";
         showResetButton: boolean;
         showSubmitButton: boolean;
         showCommonButton: boolean;
@@ -320,6 +330,10 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         default: string;
     };
+    labelPosition: {
+        type: import("vue").PropType<"top" | "left" | "right">;
+        default: string;
+    };
     showResetButton: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -457,6 +471,7 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
     "field-value-change": () => void;
 }, string, {
     size: import("vft/es/constants").ComponentSize;
+    labelPosition: "left" | "right" | "top";
     showResetButton: boolean;
     showSubmitButton: boolean;
     showCommonButton: boolean;