vft 0.0.329 → 0.0.332

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

@@ -1,17 +1,17 @@
-import { defineComponent as Oe, useAttrs as Te, useSlots as Le, computed as l, ref as S, getCurrentInstance as je, shallowRef as H, watch as U, nextTick as E, onMounted as We, withDirectives as He, createElementBlock as c, openBlock as i, mergeProps as v, Fragment as q, createCommentVNode as r, createElementVNode as w, normalizeClass as u, unref as a, renderSlot as $, createBlock as V, withKeys as Ue, withModifiers as me, toDisplayString as N, normalizeStyle as qe, vShow as Ge } from "vue";
-import { UPDATE_MODEL_EVENT as G } from "@vft/constants";
-import { useAttrs as Je, useCursor as Qe } from "@vft/use";
-import { isString as B, singleAttrToObj as J, noop as Xe, isObject as ve } from "@vft/utils";
+import { defineComponent as Oe, useAttrs as Te, useSlots as Le, computed as l, ref as S, getCurrentInstance as je, shallowRef as H, watch as U, nextTick as E, onMounted as We, withDirectives as He, createElementBlock as c, openBlock as i, mergeProps as y, Fragment as q, createCommentVNode as u, createElementVNode as x, normalizeClass as r, unref as a, renderSlot as $, createBlock as V, withKeys as Ue, withModifiers as me, toDisplayString as D, normalizeStyle as qe, vShow as Ge } from "vue";
 import "../form/index.js";
-import { VftIcon as A } from "../icon/index.js";
-import { useResizeObserver as Ye, isClient as Ze } from "@vueuse/core";
-import { debugWarn as Q } from "../../utils/error.js";
+import { VftIcon as B } from "../icon/index.js";
+import { useResizeObserver as Je, isClient as Qe } from "@vueuse/core";
+import { isString as A, singleAttrToObj as G, noop as Xe, isObject as ve } from "@vft/utils";
+import { debugWarn as J } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
-import { isNil as _e } from "lodash-es";
+import { isNil as Ye } from "lodash-es";
 import { useNamespace as pe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 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";
@@ -44,11 +44,11 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     inputStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: {
-    [G]: (e) => B(e),
-    input: (e) => B(e),
-    change: (e) => B(e),
-    suffixClick: (e) => B(e),
-    prefixClick: (e) => B(e),
+    [Q]: (e) => A(e),
+    input: (e) => A(e),
+    change: (e) => A(e),
+    suffixClick: (e) => A(e),
+    prefixClick: (e) => A(e),
     focus: (e) => e instanceof FocusEvent,
     blur: (e) => e instanceof FocusEvent,
     clear: () => !0,
@@ -62,15 +62,15 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     compositionend: (e) => e instanceof CompositionEvent
   },
   setup(e, { expose: he, emit: be }) {
-    const s = be, x = Te(), m = Le(), X = l(() => {
+    const s = be, g = Te(), m = Le(), X = l(() => {
       const t = {};
-      return e.containerRole === "combobox" && (t["aria-haspopup"] = x["aria-haspopup"], t["aria-owns"] = x["aria-owns"], t["aria-expanded"] = x["aria-expanded"]), t;
+      return e.containerRole === "combobox" && (t["aria-haspopup"] = g["aria-haspopup"], t["aria-owns"] = g["aria-owns"], t["aria-expanded"] = g["aria-expanded"]), t;
     }), we = l(() => [
       e.type === "textarea" ? Z.b() : o.b(),
       o.m(ke.value),
-      o.is("disabled", p.value),
+      o.is("disabled", h.value),
       o.is("exceed", Ee.value),
-      o.is("focus", h.value),
+      o.is("focus", v.value),
       {
         [o.b("group")]: m.prepend || m.append,
         [o.bm("group", "append")]: m.append,
@@ -79,194 +79,195 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
         [o.m("suffix")]: m.suffix || e.suffixIcon || e.clearable || e.showPassword,
         [o.bm("suffix", "password-clear")]: P.value && L.value
       },
-      x.class
+      g.class
     ]), xe = je(), ge = l(() => [
       o.e("wrapper"),
-      o.is("focus", h.value)
-    ]), d = Je({
+      o.is("focus", v.value)
+    ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
     }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
       formItemContext: F
-    }), ke = et(), p = tt(), o = pe("input"), Z = pe("textarea"), K = H(), y = H(), h = S(!1), D = S(!1), g = S(!1), M = S(!1), _ = S(), O = H(e.inputStyle), C = l(() => K.value || y.value), T = l(() => J(e.prefixIcon, "icon", { size: 16 })), ee = l(() => J(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => J(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), k = l(() => F?.validateState || ""), ae = l(
-      () => k.value && {
+    })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(
+      () => I.value && {
         validating: "icon-loading",
         success: "icon-circle-check",
         error: "icon-circle-close"
-      }[k.value]
+      }[I.value]
     ), ze = l(
-      () => M.value ? { icon: "icon-view", size: 16 } : { icon: "icon-hide", size: 16 }
+      () => K.value ? { icon: "icon-view", size: 16 } : { icon: "icon-hide", size: 16 }
     ), Se = l(() => [
-      x.style,
+      g.style,
       e.inputStyle
     ]), oe = l(() => [
       e.inputStyle,
       O.value,
       { resize: e.resize }
     ]), f = l(
-      () => _e(e.modelValue) ? "" : String(e.modelValue)
+      () => Ye(e.modelValue) ? "" : String(e.modelValue)
     ), P = l(
-      () => e.clearable && !p.value && !e.readonly && !!f.value && (h.value || D.value)
+      () => e.clearable && !h.value && !e.readonly && !!f.value && (v.value || N.value)
     ), L = l(
-      () => e.showPassword && !p.value && !e.readonly && !!f.value && (!!f.value || h.value)
-    ), b = l(
-      () => e.showWordLimit && !!d.value.maxlength && (e.type === "text" || e.type === "textarea") && !p.value && !e.readonly && !e.showPassword
+      () => e.showPassword && !h.value && !e.readonly && !!f.value && (!!f.value || v.value)
+    ), w = l(
+      () => e.showWordLimit && !!d.value.maxlength && (e.type === "text" || e.type === "textarea") && !h.value && !e.readonly && !e.showPassword
     ), j = l(() => Array.from(f.value).length), Ee = l(
       () => (
         // show exceed style if length of initial value greater then maxlength
-        !!b.value && j.value > Number(d.value.maxlength)
+        !!w.value && j.value > Number(d.value.maxlength)
       )
     ), Ve = l(
-      () => !!m.suffix || !!e.suffixIcon || P.value || e.showPassword || b.value || !!k.value && te.value
-    ), [Be, Ae] = Qe(K);
-    Ye(y, (t) => {
-      if (!b.value || e.resize !== "both") return;
-      const n = t[0], { width: z } = n.contentRect;
+      () => !!m.suffix || !!e.suffixIcon || P.value || e.showPassword || w.value || !!I.value && te.value
+    ), [Be, Ae] = _e(M);
+    Je(b, (t) => {
+      if (!w.value || e.resize !== "both") return;
+      const n = t[0], { width: p } = n.contentRect;
       _.value = {
         /** right: 100% - width + padding(15) + right(6) */
-        right: `calc(100% - ${z + 15 + 6}px)`
+        right: `calc(100% - ${p + 15 + 6}px)`
       };
     });
     const R = () => {
-      if (!(!Ze || e.type !== "textarea"))
+      if (!(!Qe || e.type !== "textarea"))
         if (e.autosize) {
           const t = ve(e.autosize) ? e.autosize.minRows : void 0, n = ve(e.autosize) ? e.autosize.maxRows : void 0;
           O.value = {
-            ...ye(y.value, t, n)
+            ...ye(b.value, t, n)
           };
         } else
           O.value = {
-            minHeight: ye(y.value).minHeight
+            minHeight: ye(b.value).minHeight
           };
-    }, I = () => {
-      const t = C.value;
+    }, z = () => {
+      const t = k.value;
       !t || t.value === f.value || (t.value = f.value);
     }, W = async (t) => {
       Be();
       let { value: n } = t.target;
-      if (d.value.maxlength && n.length >= d.value.maxlength && (n = n.slice(0, Number(d.value.maxlength))), e.formatter && (n = e.parser ? e.parser(n) : n, n = e.formatter(n)), !g.value) {
+      if (d.value.maxlength && n.length >= d.value.maxlength && (n = n.slice(0, Number(d.value.maxlength))), e.formatter && (n = e.parser ? e.parser(n) : n, n = e.formatter(n)), !C.value) {
         if (n === f.value) {
-          I();
+          z();
           return;
         }
-        s(G, n), s("input", n), await E(), I(), Ae();
+        s(Q, n), s("input", n), await E(), z(), Ae();
       }
     }, ne = (t) => {
       s("change", t.target.value);
     }, Fe = () => {
       s("suffixClick", e.modelValue);
-    }, Ke = () => {
+    }, Me = () => {
       s("prefixClick", e.modelValue);
     }, le = (t) => {
-      s("compositionstart", t), g.value = !0;
-    }, Me = (t) => /([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(t), se = (t) => {
+      s("compositionstart", t), C.value = !0;
+    }, Ke = (t) => /([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(t), se = (t) => {
       s("compositionupdate", t);
-      const n = t.target?.value, z = n[n.length - 1] || "";
-      g.value = !Me(z);
+      const n = t.target?.value, p = n[n.length - 1] || "";
+      C.value = !Ke(p);
     }, ie = (t) => {
-      s("compositionend", t), g.value && (g.value = !1, W(t));
+      s("compositionend", t), C.value && (C.value = !1, W(t));
     }, Pe = () => {
-      M.value = !M.value, re();
-    }, re = async () => {
-      await E(), C.value?.focus();
-    }, Re = () => C.value?.blur(), ue = (t) => {
-      h.value = !0, s("focus", t);
+      K.value = !K.value, ue();
+    }, ue = async () => {
+      await E(), k.value?.focus();
+    }, Re = () => k.value?.blur(), re = (t) => {
+      v.value = !0, s("focus", t);
     }, ce = (t) => {
-      h.value = !1, s("blur", t), e.validateEvent && F?.validate?.("blur").catch((n) => Q(n));
+      v.value = !1, s("blur", t), e.validateEvent && F?.validate?.("blur").catch((n) => J(n));
     }, $e = (t) => {
-      D.value = !1, s("mouseleave", t);
-    }, Ne = (t) => {
-      D.value = !0, s("mouseenter", t);
+      N.value = !1, s("mouseleave", t);
+    }, De = (t) => {
+      N.value = !0, s("mouseenter", t);
     }, de = (t) => {
       let n = t.key;
       if (t.target.type === "number" && ["e", "+", "-0", "E"].includes(n))
         return t.returnValue = !1, !1;
       s("keydown", t);
-    }, De = () => {
-      C.value?.select();
+    }, Ne = () => {
+      k.value?.select();
     }, fe = () => {
-      s(G, ""), s("change", ""), s("clear"), s("input", "");
+      s(Q, ""), s("change", ""), s("clear"), s("input", "");
     };
     return U(
       () => e.modelValue,
       () => {
-        E(() => R()), e.validateEvent && F?.validate?.("change").catch((t) => Q(t));
+        E(() => R()), e.validateEvent && F?.validate?.("change").catch((t) => J(t));
       }
-    ), U(f, () => I()), U(
+    ), U(f, () => z()), U(
       () => e.type,
       async () => {
-        await E(), I(), R();
+        await E(), z(), R();
       }
     ), We(() => {
-      !e.formatter && e.parser && Q(
+      !e.formatter && e.parser && J(
         "VftInput",
         "If you set the parser, you also need to set the formatter."
-      ), I(), E(R);
+      ), z(), E(R);
     }), he({
       /** @description HTML input element */
-      input: K,
+      input: M,
       /** @description HTML textarea element */
-      textarea: y,
+      textarea: b,
       /** @description HTML element, input or textarea */
-      ref: C,
+      ref: k,
       /** @description style of textarea. */
       textareaStyle: oe,
       /** @description from props (used on unit test) */
       autosize: e.autosize,
       /** @description HTML input element native method */
-      focus: re,
+      focus: ue,
       /** @description HTML input element native method */
       blur: Re,
       /** @description HTML input element native method */
-      select: De,
+      select: Ne,
       /** @description clear input value */
       clear: fe,
       /** @description resize textarea. */
       resizeTextarea: R
-    }), (t, n) => He((i(), c("div", v(X.value, {
+    }), (t, n) => He((i(), c("div", y(X.value, {
       class: we.value,
       style: Se.value,
       role: t.containerRole,
-      onMouseenter: Ne,
-      onMouseleave: $e
+      onMouseenter: De,
+      onMouseleave: $e,
+      onMousewheel: n[1] || (n[1] = (p) => t.type === "number" && v.value ? p.preventDefault() : null)
     }), [
       t.type !== "textarea" ? (i(), c(q, { key: 0 }, [
         t.$slots.prepend ? (i(), c("div", {
           key: 0,
-          class: u(a(o).be("group", "prepend"))
+          class: r(a(o).be("group", "prepend"))
         }, [
           $(t.$slots, "prepend")
-        ], 2)) : r("", !0),
-        w("div", {
-          class: u(ge.value)
+        ], 2)) : u("", !0),
+        x("div", {
+          class: r(ge.value)
         }, [
           t.$slots.prefix || T.value?.icon ? (i(), c("span", {
             key: 0,
-            class: u(a(o).e("prefix"))
+            class: r(a(o).e("prefix"))
           }, [
-            w("span", {
-              class: u(a(o).e("prefix-inner")),
-              onClick: Ke
+            x("span", {
+              class: r(a(o).e("prefix-inner")),
+              onClick: Me
             }, [
               $(t.$slots, "prefix"),
-              T.value?.icon ? (i(), V(a(A), v({
+              T.value?.icon ? (i(), V(a(B), y({
                 key: 0,
                 pointer: ""
               }, T.value, {
                 class: a(o).e("icon")
-              }), null, 16, ["class"])) : r("", !0)
+              }), null, 16, ["class"])) : u("", !0)
             ], 2)
-          ], 2)) : r("", !0),
-          w("input", v({
+          ], 2)) : u("", !0),
+          x("input", y({
             id: a(Y),
             ref_key: "input",
-            ref: K,
+            ref: M,
             class: a(o).e("inner")
           }, a(d), {
-            type: t.showPassword ? M.value ? "text" : "password" : t.type,
-            disabled: a(p),
+            type: t.showPassword ? K.value ? "text" : "password" : t.type,
+            disabled: a(h),
             formatter: t.formatter,
             parser: t.parser,
             readonly: t.readonly,
@@ -280,73 +281,73 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
             onCompositionupdate: se,
             onCompositionend: ie,
             onInput: W,
-            onFocus: ue,
+            onFocus: re,
             onBlur: ce,
             onChange: ne,
             onKeydown: de,
-            onKeyup: n[0] || (n[0] = Ue((z) => s("enter"), ["enter"]))
+            onKeyup: n[0] || (n[0] = Ue((p) => s("enter"), ["enter"]))
           }), null, 16, lt),
           Ve.value ? (i(), c("span", {
             key: 1,
-            class: u(a(o).e("suffix"))
+            class: r(a(o).e("suffix"))
           }, [
-            w("span", {
-              class: u(a(o).e("suffix-inner")),
+            x("span", {
+              class: r(a(o).e("suffix-inner")),
               onClick: Fe
             }, [
-              !P.value || !L.value || !b.value ? (i(), c(q, { key: 0 }, [
+              !P.value || !L.value || !w.value ? (i(), c(q, { key: 0 }, [
                 $(t.$slots, "suffix"),
-                ee.value?.icon ? (i(), V(a(A), v({ key: 0 }, ee.value, {
+                ee.value?.icon ? (i(), V(a(B), y({ key: 0 }, ee.value, {
                   class: a(o).e("icon")
-                }), null, 16, ["class"])) : r("", !0)
-              ], 64)) : r("", !0),
-              P.value ? (i(), V(a(A), v({
+                }), null, 16, ["class"])) : u("", !0)
+              ], 64)) : u("", !0),
+              P.value ? (i(), V(a(B), y({
                 key: 1,
                 pointer: "",
                 class: [a(o).e("icon"), a(o).e("clear")]
               }, Ie.value, {
                 onMousedown: me(a(Xe), ["prevent"]),
                 onClick: me(fe, ["stop"])
-              }), null, 16, ["class", "onMousedown"])) : r("", !0),
-              L.value ? (i(), V(a(A), v({ key: 2 }, ze.value, {
+              }), null, 16, ["class", "onMousedown"])) : u("", !0),
+              L.value ? (i(), V(a(B), y({ key: 2 }, ze.value, {
                 class: [a(o).e("icon"), a(o).e("password")],
                 onClick: Pe
-              }), null, 16, ["class"])) : r("", !0),
-              b.value ? (i(), c("span", {
+              }), null, 16, ["class"])) : u("", !0),
+              w.value ? (i(), c("span", {
                 key: 3,
-                class: u(a(o).e("count"))
+                class: r(a(o).e("count"))
               }, [
-                w("span", {
-                  class: u(a(o).e("count-inner"))
-                }, N(j.value) + " / " + N(a(d).maxlength), 3)
-              ], 2)) : r("", !0),
-              k.value && ae.value && te.value ? (i(), V(a(A), {
+                x("span", {
+                  class: r(a(o).e("count-inner"))
+                }, D(j.value) + " / " + D(a(d).maxlength), 3)
+              ], 2)) : u("", !0),
+              I.value && ae.value && te.value ? (i(), V(a(B), {
                 key: 4,
                 icon: ae.value,
-                class: u([
+                class: r([
                   a(o).e("icon"),
                   a(o).e("validateIcon"),
-                  a(o).is("loading", k.value === "validating")
+                  a(o).is("loading", I.value === "validating")
                 ])
-              }, null, 8, ["icon", "class"])) : r("", !0)
+              }, null, 8, ["icon", "class"])) : u("", !0)
             ], 2)
-          ], 2)) : r("", !0)
+          ], 2)) : u("", !0)
         ], 2),
         t.$slots.append ? (i(), c("div", {
           key: 1,
-          class: u(a(o).be("group", "append"))
+          class: r(a(o).be("group", "append"))
         }, [
           $(t.$slots, "append")
-        ], 2)) : r("", !0)
+        ], 2)) : u("", !0)
       ], 64)) : (i(), c(q, { key: 1 }, [
-        w("textarea", v({
+        x("textarea", y({
           id: a(Y),
           ref_key: "textarea",
-          ref: y,
+          ref: b,
           class: a(Z).e("inner")
         }, a(d), {
           tabindex: t.tabindex,
-          disabled: a(p),
+          disabled: a(h),
           readonly: t.readonly,
           autocomplete: t.autocomplete,
           style: oe.value,
@@ -357,16 +358,16 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
           onCompositionupdate: se,
           onCompositionend: ie,
           onInput: W,
-          onFocus: ue,
+          onFocus: re,
           onBlur: ce,
           onChange: ne,
           onKeydown: de
         }), null, 16, st),
-        b.value ? (i(), c("span", {
+        w.value ? (i(), c("span", {
           key: 0,
           style: qe(_.value),
-          class: u(a(o).e("count"))
-        }, N(j.value) + " / " + N(a(d).maxlength), 7)) : r("", !0)
+          class: r(a(o).e("count"))
+        }, D(j.value) + " / " + D(a(d).maxlength), 7)) : u("", !0)
       ], 64))
     ], 16, nt)), [
       [Ge, t.type !== "hidden"]

package/es/components/steps/item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as w, inject as Y, getCurrentInstance as q, onMounted as F, watch as G, computed as i, reactive as H, onBeforeUnmount as Q, createElementBlock as a, openBlock as n, normalizeClass as l, normalizeStyle as z, createCommentVNode as S, createElementVNode as d, unref as t, renderSlot as p, createTextVNode as k, toDisplayString as y, createBlock as N, mergeProps as R } from "vue";
+import { defineComponent as D, ref as w, inject as Y, getCurrentInstance as q, onMounted as F, watch as G, computed as n, reactive as H, onBeforeUnmount as Q, createElementBlock as a, openBlock as i, normalizeClass as l, normalizeStyle as z, createCommentVNode as S, createElementVNode as d, unref as t, renderSlot as p, createTextVNode as k, toDisplayString as y, createBlock as N, mergeProps as R } from "vue";
 import { VftIcon as V } from "../icon/index.js";
 import "@vueuse/core";
 import { singleAttrToObj as X, isNumber as Z } from "@vft/utils";
@@ -20,7 +20,7 @@ const ee = D({
     status: {}
   },
   setup(K) {
-    const I = K, s = _("step"), c = w(-1), B = w({}), m = w(""), o = Y(x), $ = q();
+    const I = K, e = _("step"), c = w(-1), B = w({}), m = w(""), o = Y(x), $ = q();
     F(() => {
       G(
         [
@@ -28,37 +28,38 @@ const ee = D({
           () => o.props.processStatus,
           () => o.props.finishStatus
         ],
-        ([e]) => {
-          U(e);
+        ([s]) => {
+          U(s);
         },
         { immediate: !0 }
       );
     });
-    const E = i(
+    const E = n(
       () => X(I.icon, "icon")
-    ), r = i(() => I.status || m.value), O = i(() => {
-      const e = o.steps.value[c.value - 1];
-      return e ? e.currentStatus : "wait";
-    }), h = i(() => o.props.alignCenter), P = i(() => o.props.direction === "vertical"), u = i(() => o.props.simple), g = i(() => o.props.contentPosition === "top"), C = i(() => o.steps.value.length), T = i(() => o.steps.value[C.value - 1]?.uid === $.uid), f = i(() => u.value ? "" : o.props.space), A = i(() => [
-      s.b(),
-      s.is(u.value ? "simple" : o.props.direction),
-      s.is("flex", T.value && !f.value && !h.value),
-      s.is("center", h.value && !P.value && !u.value),
-      s.is("content-top", g.value)
-    ]), J = i(() => {
-      const e = {
+    ), r = n(() => I.status || m.value), O = n(() => {
+      const s = o.steps.value[c.value - 1];
+      return s ? s.currentStatus : "wait";
+    }), h = n(() => o.props.alignCenter), P = n(() => o.props.direction === "vertical"), u = n(() => o.props.simple), g = n(() => o.props.contentPosition === "top"), C = n(() => o.steps.value.length), T = n(() => o.steps.value[C.value - 1]?.uid === $.uid), f = n(() => u.value ? "" : o.props.space), A = n(() => [
+      e.b(),
+      e.is(u.value ? "simple" : o.props.direction),
+      e.is("flex", T.value && !f.value && !h.value),
+      e.is("center", h.value && !P.value && !u.value),
+      e.is("content-top", g.value),
+      e.is(r.value)
+    ]), J = n(() => {
+      const s = {
         flexBasis: Z(f.value) ? `${f.value}px` : f.value ? f.value : `${100 / (C.value - (h.value ? 0 : 1))}%`
       };
-      return P.value || T.value && (e.maxWidth = `${100 / C.value}%`), e;
-    }), L = (e) => {
-      c.value = e;
-    }, M = (e) => {
-      const v = e === "wait", b = {
+      return P.value || T.value && (s.maxWidth = `${100 / C.value}%`), s;
+    }), L = (s) => {
+      c.value = s;
+    }, M = (s) => {
+      const v = s === "wait", b = {
         transitionDelay: `${v ? "-" : ""}${150 * c.value}ms`
-      }, j = e === o.props.processStatus || v ? 0 : 100;
+      }, j = s === o.props.processStatus || v ? 0 : 100;
       b.borderWidth = j && !u.value ? "1px" : 0, b[o.props.direction === "vertical" ? "height" : "width"] = `${j}%`, B.value = b;
-    }, U = (e) => {
-      e > c.value ? m.value = o.props.finishStatus : e === c.value && O.value !== "error" ? m.value = o.props.processStatus : m.value = "wait";
+    }, U = (s) => {
+      s > c.value ? m.value = o.props.finishStatus : s === c.value && O.value !== "error" ? m.value = o.props.processStatus : m.value = "wait";
       const v = o.steps.value[c.value - 1];
       v && v.calcProgress(m.value);
     }, W = H({
@@ -70,96 +71,96 @@ const ee = D({
     });
     return o.addStep(W), Q(() => {
       o.removeStep(W);
-    }), (e, v) => (n(), a("div", {
+    }), (s, v) => (i(), a("div", {
       style: z(J.value),
       class: l(A.value)
     }, [
-      e.$slots.top ? (n(), a("div", {
+      s.$slots.top ? (i(), a("div", {
         key: 0,
-        class: l(t(s).e("top-slot"))
+        class: l(t(e).e("top-slot"))
       }, [
-        p(e.$slots, "top")
-      ], 2)) : g.value ? (n(), a("div", {
+        p(s.$slots, "top")
+      ], 2)) : g.value ? (i(), a("div", {
         key: 1,
-        class: l(t(s).e("main"))
+        class: l(t(e).e("main"))
       }, [
         d("div", {
-          class: l([t(s).e("title"), t(s).is(r.value)])
+          class: l([t(e).e("title"), t(e).is(r.value)])
         }, [
-          p(e.$slots, "title", {}, () => [
-            k(y(e.title), 1)
+          p(s.$slots, "title", {}, () => [
+            k(y(s.title), 1)
           ])
         ], 2),
-        u.value ? (n(), a("div", {
+        u.value ? (i(), a("div", {
           key: 0,
-          class: l(t(s).e("arrow"))
+          class: l(t(e).e("arrow"))
         }, null, 2)) : S("", !0),
         d("div", {
-          class: l([t(s).e("description"), t(s).is(r.value)])
+          class: l([t(e).e("description"), t(e).is(r.value)])
         }, [
-          p(e.$slots, "description", {}, () => [
-            k(y(e.description), 1)
+          p(s.$slots, "description", {}, () => [
+            k(y(s.description), 1)
           ])
         ], 2)
       ], 2)) : S("", !0),
       d("div", {
-        class: l([t(s).e("head"), t(s).is(r.value)])
+        class: l([t(e).e("head"), t(e).is(r.value)])
       }, [
-        u.value ? S("", !0) : (n(), a("div", {
+        u.value ? S("", !0) : (i(), a("div", {
           key: 0,
-          class: l(t(s).e("line"))
+          class: l(t(e).e("line"))
         }, [
           d("i", {
-            class: l(t(s).e("line-inner")),
+            class: l(t(e).e("line-inner")),
             style: z(B.value)
           }, null, 6)
         ], 2)),
         d("div", {
-          class: l([t(s).e("icon"), t(s).is(e.icon || e.$slots.icon ? "icon" : "text")])
+          class: l([t(e).e("icon"), t(e).is(s.icon || s.$slots.icon ? "icon" : "text")])
         }, [
-          p(e.$slots, "icon", {}, () => [
-            E.value?.icon ? (n(), N(t(V), R({ key: 0 }, E.value, {
-              class: t(s).e("icon-inner")
-            }), null, 16, ["class"])) : r.value === "success" ? (n(), N(t(V), {
+          p(s.$slots, "icon", {}, () => [
+            E.value?.icon ? (i(), N(t(V), R({ key: 0 }, E.value, {
+              class: t(e).e("icon-inner")
+            }), null, 16, ["class"])) : r.value === "success" ? (i(), N(t(V), {
               key: 1,
-              class: l([t(s).e("icon-inner"), t(s).is("status")]),
+              class: l([t(e).e("icon-inner"), t(e).is("status")]),
               icon: "icon-check"
-            }, null, 8, ["class"])) : r.value === "error" ? (n(), N(t(V), {
+            }, null, 8, ["class"])) : r.value === "error" ? (i(), N(t(V), {
               key: 2,
-              class: l([t(s).e("icon-inner"), t(s).is("status")]),
+              class: l([t(e).e("icon-inner"), t(e).is("status")]),
               icon: "icon-close"
-            }, null, 8, ["class"])) : u.value ? S("", !0) : (n(), a("div", {
+            }, null, 8, ["class"])) : u.value ? S("", !0) : (i(), a("div", {
               key: 3,
-              class: l(t(s).e("icon-inner"))
+              class: l(t(e).e("icon-inner"))
             }, y(c.value + 1), 3))
           ])
         ], 2)
       ], 2),
-      e.$slots.bottom ? (n(), a("div", {
+      s.$slots.bottom ? (i(), a("div", {
         key: 2,
-        class: l(t(s).e("bottom-slot"))
+        class: l(t(e).e("bottom-slot"))
       }, [
-        p(e.$slots, "bottom")
-      ], 2)) : g.value ? S("", !0) : (n(), a("div", {
+        p(s.$slots, "bottom")
+      ], 2)) : g.value ? S("", !0) : (i(), a("div", {
         key: 3,
-        class: l(t(s).e("main"))
+        class: l(t(e).e("main"))
       }, [
         d("div", {
-          class: l([t(s).e("title"), t(s).is(r.value)])
+          class: l([t(e).e("title"), t(e).is(r.value)])
         }, [
-          p(e.$slots, "title", {}, () => [
-            k(y(e.title), 1)
+          p(s.$slots, "title", {}, () => [
+            k(y(s.title), 1)
           ])
         ], 2),
-        u.value ? (n(), a("div", {
+        u.value ? (i(), a("div", {
           key: 0,
-          class: l(t(s).e("arrow"))
-        }, null, 2)) : (n(), a("div", {
+          class: l(t(e).e("arrow"))
+        }, null, 2)) : (i(), a("div", {
           key: 1,
-          class: l([t(s).e("description"), t(s).is(r.value)])
+          class: l([t(e).e("description"), t(e).is(r.value)])
         }, [
-          p(e.$slots, "description", {}, () => [
-            k(y(e.description), 1)
+          p(s.$slots, "description", {}, () => [
+            k(y(s.description), 1)
           ])
         ], 2))
       ], 2))

package/es/components/steps/style/css.d.ts

@@ -1 +1,2 @@
+import 'vft/es/components/step/style/css';
 import 'vft/theme-style/vft-steps.css';

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-step.css";
 import "vft/theme-style/vft-steps.css";

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

@@ -1 +1,2 @@
+import 'vft/es/components/step/style';
 import 'vft/theme-style/src/steps.scss';

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/step.scss";
 import "vft/theme-style/src/steps.scss";

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

@@ -0,0 +1,46 @@
+interface SimpleFormProps {
+    commonButtonOptions?: {
+        loading?: boolean;
+        btnText?: string;
+        onClick?: (data?: any) => void;
+    };
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SimpleFormProps>, {
+    commonButtonOptions: () => {
+        btnText: string;
+        loading: boolean;
+    };
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "common-click": (data?: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SimpleFormProps>, {
+    commonButtonOptions: () => {
+        btnText: string;
+        loading: boolean;
+    };
+}>>> & Readonly<{
+    "onCommon-click"?: ((data?: any) => any) | undefined;
+}>, {
+    commonButtonOptions: {
+        loading?: boolean;
+        btnText?: string;
+        onClick?: (data?: any) => void;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/components/super-form/super-form-simple.vue.js

@@ -0,0 +1,7 @@
+import o from "./super-form-simple.vue2.js";
+/* empty css                       */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b35ac0e7"]]);
+export {
+  e as default
+};

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

@@ -0,0 +1,32 @@
+import { defineComponent as r, computed as l, unref as t, createElementBlock as a, openBlock as u, createVNode as f, mergeProps as d, withCtx as _, createTextVNode as k, toDisplayString as C } from "vue";
+import { VftButton as x } from "../button/index.js";
+const B = { class: "super-form-simple" }, v = /* @__PURE__ */ r({
+  __name: "super-form-simple",
+  props: {
+    commonButtonOptions: { default: () => ({
+      btnText: "取消",
+      loading: !1
+    }) }
+  },
+  emits: ["common-click"],
+  setup(m, { emit: s }) {
+    const n = m, i = s, e = l(() => ({
+      btnText: "取消",
+      ...t(n.commonButtonOptions)
+    })), p = (c) => {
+      const o = t(n.commonButtonOptions);
+      o.onClick && o.onClick(), i("common-click");
+    };
+    return (c, o) => (u(), a("div", B, [
+      f(t(x), d(e.value, { onClick: p }), {
+        default: _(() => [
+          k(C(e.value.btnText), 1)
+        ]),
+        _: 1
+      }, 16)
+    ]));
+  }
+});
+export {
+  v as default
+};

package/es/package.json.d.ts

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

package/es/package.json.js

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

package/es/script.css

@@ -1 +1 @@
-.sortable-fallback{visibility:hidden!important}
+.sortable-fallback{visibility:hidden!important}.super-form-simple[data-v-b35ac0e7]{padding:20px}

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"),T=require("@vft/constants"),Y=require("@vft/use"),s=require("@vft/utils");require("../form/index.cjs");const b=require("../icon/index.cjs"),Z=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),_=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const 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:{[T.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,p=e.useAttrs(),i=e.useSlots(),F=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=p["aria-haspopup"],o["aria-owns"]=p["aria-owns"],o["aria-expanded"]=p["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",c.value),n.is("exceed",fe.value),n.is("focus",m.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},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",m.value)]),r=Y.useAttrs({excludeKeys:e.computed(()=>Object.keys(F.value))}),{form:ue,formItem:C}=oe.useFormItem(),{inputId:M}=oe.useFormItemInputId(se.props,{formItemContext:C}),ie=te.useFormSize(),c=te.useFormDisabled(),n=_.useNamespace("input"),A=_.useNamespace("textarea"),w=e.shallowRef(),d=e.shallowRef(),m=e.ref(!1),V=e.ref(!1),v=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),y=e.computed(()=>w.value||d.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),h=e.computed(()=>C?.validateState||""),K=e.computed(()=>h.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[h.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!c.value&&!t.readonly&&!!u.value&&(m.value||V.value)),z=e.computed(()=>t.showPassword&&!c.value&&!t.readonly&&!!u.value&&(!!u.value||m.value)),f=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!c.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!f.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||f.value||!!h.value&&R.value),[ve,ye]=Y.useCursor(w);Z.useResizeObserver(d,o=>{if(!f.value||t.resize!=="both")return;const a=o[0],{width:k}=a.contentRect;D.value={right:`calc(100% - ${k+15+6}px)`}});const B=()=>{if(!(!Z.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(d.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(d.value).minHeight}},g=()=>{const o=y.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)),!v.value){if(a===u.value){g();return}l(T.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),v.value=!0},ke=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,k=a[a.length-1]||"";v.value=!ke(k)},H=o=>{l("compositionend",o),v.value&&(v.value=!1,P(o))},be=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),y.value?.focus()},Ce=()=>y.value?.blur(),G=o=>{m.value=!0,l("focus",o)},J=o=>{m.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>q.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=()=>{y.value?.select()},X=()=>{l(T.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>q.debugWarn(o))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&q.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),ne({input:w,textarea:d,ref:y,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(F.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we}),[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(b.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(M),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(c),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(k=>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||!f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.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(b.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(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),f.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),h.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",h.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(M),ref_key:"textarea",ref:d,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(c),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),f.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/steps/item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../icon/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./tokens.cjs"),D=e.defineComponent({name:"VftStep"}),P=e.defineComponent({...D,props:{title:{},icon:{},description:{},status:{}},setup(N){const k=N,s=I.useNamespace("step"),r=e.ref(-1),S=e.ref({}),i=e.ref(""),n=e.inject(w.STEPS_INJECTION_KEY),u=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([t])=>{T(t)},{immediate:!0})});const C=e.computed(()=>E.singleAttrToObj(k.icon,"icon")),o=e.computed(()=>k.status||i.value),$=e.computed(()=>{const t=n.steps.value[r.value-1];return t?t.currentStatus:"wait"}),p=e.computed(()=>n.props.alignCenter),B=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),d=e.computed(()=>n.props.contentPosition==="top"),v=e.computed(()=>n.steps.value.length),y=e.computed(()=>n.steps.value[v.value-1]?.uid===u.uid),c=e.computed(()=>l.value?"":n.props.space),g=e.computed(()=>[s.b(),s.is(l.value?"simple":n.props.direction),s.is("flex",y.value&&!c.value&&!p.value),s.is("center",p.value&&!B.value&&!l.value),s.is("content-top",d.value)]),h=e.computed(()=>{const t={flexBasis:E.isNumber(c.value)?`${c.value}px`:c.value?c.value:`${100/(v.value-(p.value?0:1))}%`};return B.value||y.value&&(t.maxWidth=`${100/v.value}%`),t}),q=t=>{r.value=t},b=t=>{const a=t==="wait",m={transitionDelay:`${a?"-":""}${150*r.value}ms`},z=t===n.props.processStatus||a?0:100;m.borderWidth=z&&!l.value?"1px":0,m[n.props.direction==="vertical"?"height":"width"]=`${z}%`,S.value=m},T=t=>{t>r.value?i.value=n.props.finishStatus:t===r.value&&$.value!=="error"?i.value=n.props.processStatus:i.value="wait";const a=n.steps.value[r.value-1];a&&a.calcProgress(i.value)},V=e.reactive({uid:u.uid,getVnode:()=>u.vnode,currentStatus:o,setIndex:q,calcProgress:b});return n.addStep(V),e.onBeforeUnmount(()=>{n.removeStep(V)}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(h.value),class:e.normalizeClass(g.value)},[t.$slots.top?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("top-slot"))},[e.renderSlot(t.$slots,"top")],2)):d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("title"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("arrow"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("description"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("head"),e.unref(s).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(s).e("line-inner")),style:e.normalizeStyle(S.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("icon"),e.unref(s).is(t.icon||t.$slots.icon?"icon":"text")])},[e.renderSlot(t.$slots,"icon",{},()=>[C.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.mergeProps({key:0},C.value,{class:e.unref(s).e("icon-inner")}),null,16,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:1,class:e.normalizeClass([e.unref(s).e("icon-inner"),e.unref(s).is("status")]),icon:"icon-check"},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:2,class:e.normalizeClass([e.unref(s).e("icon-inner"),e.unref(s).is("status")]),icon:"icon-close"},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(s).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),t.$slots.bottom?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(s).e("bottom-slot"))},[e.renderSlot(t.$slots,"bottom")],2)):d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(s).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("title"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(s).e("description"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2))],2))],6))}});exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../icon/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./tokens.cjs"),D=e.defineComponent({name:"VftStep"}),P=e.defineComponent({...D,props:{title:{},icon:{},description:{},status:{}},setup(N){const k=N,t=I.useNamespace("step"),r=e.ref(-1),S=e.ref({}),i=e.ref(""),n=e.inject(w.STEPS_INJECTION_KEY),u=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([s])=>{T(s)},{immediate:!0})});const C=e.computed(()=>E.singleAttrToObj(k.icon,"icon")),o=e.computed(()=>k.status||i.value),$=e.computed(()=>{const s=n.steps.value[r.value-1];return s?s.currentStatus:"wait"}),p=e.computed(()=>n.props.alignCenter),B=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),d=e.computed(()=>n.props.contentPosition==="top"),v=e.computed(()=>n.steps.value.length),y=e.computed(()=>n.steps.value[v.value-1]?.uid===u.uid),c=e.computed(()=>l.value?"":n.props.space),g=e.computed(()=>[t.b(),t.is(l.value?"simple":n.props.direction),t.is("flex",y.value&&!c.value&&!p.value),t.is("center",p.value&&!B.value&&!l.value),t.is("content-top",d.value),t.is(o.value)]),h=e.computed(()=>{const s={flexBasis:E.isNumber(c.value)?`${c.value}px`:c.value?c.value:`${100/(v.value-(p.value?0:1))}%`};return B.value||y.value&&(s.maxWidth=`${100/v.value}%`),s}),q=s=>{r.value=s},b=s=>{const a=s==="wait",m={transitionDelay:`${a?"-":""}${150*r.value}ms`},z=s===n.props.processStatus||a?0:100;m.borderWidth=z&&!l.value?"1px":0,m[n.props.direction==="vertical"?"height":"width"]=`${z}%`,S.value=m},T=s=>{s>r.value?i.value=n.props.finishStatus:s===r.value&&$.value!=="error"?i.value=n.props.processStatus:i.value="wait";const a=n.steps.value[r.value-1];a&&a.calcProgress(i.value)},V=e.reactive({uid:u.uid,getVnode:()=>u.vnode,currentStatus:o,setIndex:q,calcProgress:b});return n.addStep(V),e.onBeforeUnmount(()=>{n.removeStep(V)}),(s,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(h.value),class:e.normalizeClass(g.value)},[s.$slots.top?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("top-slot"))},[e.renderSlot(s.$slots,"top")],2)):d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("head"),e.unref(t).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(t).e("line-inner")),style:e.normalizeStyle(S.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).is(s.icon||s.$slots.icon?"icon":"text")])},[e.renderSlot(s.$slots,"icon",{},()=>[C.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.mergeProps({key:0},C.value,{class:e.unref(t).e("icon-inner")}),null,16,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:1,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-check"},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:2,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-close"},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),s.$slots.bottom?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("bottom-slot"))},[e.renderSlot(s.$slots,"bottom")],2)):d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2))],2))],6))}});exports.default=P;

package/lib/components/steps/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-steps.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-step.css");require("vft/theme-style/vft-steps.css");

package/lib/components/steps/style/css.d.ts

@@ -1 +1,2 @@
+import 'vft/es/components/step/style/css';
 import 'vft/theme-style/vft-steps.css';

package/lib/components/steps/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/steps.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/step.scss");require("vft/theme-style/src/steps.scss");

package/lib/components/steps/style/index.d.ts

@@ -1 +1,2 @@
+import 'vft/es/components/step/style';
 import 'vft/theme-style/src/steps.scss';

package/lib/components/super-form/super-form-simple.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./super-form-simple.vue2.cjs");;/* empty css                         */const u=require("../../_virtual/_plugin-vue_export-helper.cjs"),r=u.default(e.default,[["__scopeId","data-v-b35ac0e7"]]);exports.default=r;

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

@@ -0,0 +1,46 @@
+interface SimpleFormProps {
+    commonButtonOptions?: {
+        loading?: boolean;
+        btnText?: string;
+        onClick?: (data?: any) => void;
+    };
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SimpleFormProps>, {
+    commonButtonOptions: () => {
+        btnText: string;
+        loading: boolean;
+    };
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "common-click": (data?: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SimpleFormProps>, {
+    commonButtonOptions: () => {
+        btnText: string;
+        loading: boolean;
+    };
+}>>> & Readonly<{
+    "onCommon-click"?: ((data?: any) => any) | undefined;
+}>, {
+    commonButtonOptions: {
+        loading?: boolean;
+        btnText?: string;
+        onClick?: (data?: any) => void;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/super-form/super-form-simple.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../button/index.cjs"),l={class:"super-form-simple"},p=e.defineComponent({__name:"super-form-simple",props:{commonButtonOptions:{default:()=>({btnText:"取消",loading:!1})}},emits:["common-click"],setup(s,{emit:i}){const o=s,r=i,n=e.computed(()=>({btnText:"取消",...e.unref(o.commonButtonOptions)})),m=c=>{const t=e.unref(o.commonButtonOptions);t.onClick&&t.onClick(),r("common-click")};return(c,t)=>(e.openBlock(),e.createElementBlock("div",l,[e.createVNode(e.unref(u.VftButton),e.mergeProps(n.value,{onClick:m}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16)]))}});exports.default=p;

package/lib/package.json.cjs

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

package/lib/package.json.d.ts

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

package/lib/script.css

@@ -1 +1 @@
-.sortable-fallback{visibility:hidden!important}
+.sortable-fallback{visibility:hidden!important}.super-form-simple[data-v-b35ac0e7]{padding:20px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.329",
+  "version": "0.0.332",
   "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/constants": "0.0.72",
     "@vft/router": "0.0.65",
-    "@vft/use": "0.0.76",
     "@vft/utils": "0.0.128",
-    "@vft/directives": "0.0.33",
-    "@vft/store": "0.0.54"
+    "@vft/use": "0.0.76",
+    "@vft/constants": "0.0.72",
+    "@vft/store": "0.0.54",
+    "@vft/directives": "0.0.33"
   },
   "vetur": {
     "tags": "tags.json",

package/web-types.json

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