vft 0.0.331 → 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/popconfirm/index.d.ts

@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         cancel: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
         width: string | number;
-        teleported: boolean;
         icon: string | import("vft/es/vft").IconProps;
+        teleported: boolean;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         onConfirm?: ((val: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: string | number;
-        teleported: boolean;
         icon: string | import("vft/es/vft").IconProps;
+        teleported: boolean;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     icon: {
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     cancel: (val: MouseEvent) => void;
 }, string, {
     width: string | number;
-    teleported: boolean;
     icon: string | import("vft/es/vft").IconProps;
+    teleported: boolean;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;

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

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onConfirm?: ((val: MouseEvent) => any) | undefined;
 }>, {
     width: string | number;
-    teleported: boolean;
     icon: string | IconProps;
+    teleported: boolean;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;

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.331",
+  "version": "0.0.332",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",