vft 0.0.429 → 0.0.430

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

@@ -1,22 +1,22 @@
-import { defineComponent as E, getCurrentInstance as F, useAttrs as O, inject as N, computed as a, reactive as q, onMounted as G, onBeforeUnmount as H, createElementBlock as p, openBlock as o, Fragment as k, createBlock as l, createCommentVNode as m, createElementVNode as b, unref as e, normalizeClass as M, withCtx as $, renderSlot as y, normalizeProps as I, mergeProps as V, createVNode as J } from "vue";
+import { defineComponent as P, getCurrentInstance as F, useAttrs as O, inject as N, computed as a, reactive as q, onMounted as G, onBeforeUnmount as H, createElementBlock as k, openBlock as n, Fragment as b, createBlock as s, createCommentVNode as m, createElementVNode as M, unref as t, normalizeClass as y, withCtx as $, renderSlot as A, normalizeProps as I, mergeProps as V, createVNode as J } from "vue";
 import { singleAttrToObj as K, renderTNode as L, VNode as Q } from "@vft/utils";
 import { VftIcon as h } from "../icon/index.js";
 import { VftDivider as j } from "../divider/index.js";
 import { VftTooltip as R } from "../tooltip/index.js";
 import "@vueuse/core";
-import { throwError as P } from "../../utils/error.js";
+import { throwError as p } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as A } from "../../hooks/use-namespace/index.js";
+import { useNamespace as x } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import W from "./use-menu.js";
-const X = ["title"], Y = E({
+const X = ["title"], Y = P({
   name: "vft-menu-item",
   inheritAttrs: !1
-}), fe = /* @__PURE__ */ E({
+}), fe = /* @__PURE__ */ P({
   ...Y,
   props: {
     index: {},
@@ -30,79 +30,79 @@ const X = ["title"], Y = E({
     reverse: { type: Boolean }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(t, { emit: S }) {
-    const d = S, c = A("menu-item"), g = F(), T = O(), w = A("menu"), f = A("menu-item"), i = t.isAloneUse ? null : N("rootMenu");
-    !i && !t.isAloneUse && P(c.b(), "can not inject root menu");
+  setup(e, { emit: E }) {
+    const c = E, d = x("menu-item"), g = F(), S = O(), T = x("menu"), f = x("menu-item"), o = e.isAloneUse ? null : N("rootMenu");
+    !o && !e.isAloneUse && p(d.b(), "can not inject root menu");
     const { parentMenu: U, indexPath: B } = W(
       g,
-      a(() => t.index)
-    ), v = t.isAloneUse ? null : N(`subMenu:${U.value.uid}`);
-    !v && !t.isAloneUse && P(c.b(), "can not inject sub menu");
-    const C = a(() => t.index === i?.activeIndex), s = q({
-      index: t.index,
+      a(() => e.index)
+    ), v = e.isAloneUse ? null : N(`subMenu:${U.value.uid}`);
+    !v && !e.isAloneUse && p(d.b(), "can not inject sub menu");
+    const C = a(() => e.index === o?.activeIndex), i = q({
+      index: e.index,
       indexPath: B,
       active: C
-    }), x = () => {
-      t.disabled || (i?.handleMenuItemClick({
-        ...T,
-        index: t.index,
+    }), w = () => {
+      e.disabled || (o?.handleMenuItemClick({
+        ...S,
+        index: e.index,
         indexPath: B.value,
-        route: t.route
-      }), d("click", s));
-    }, r = a(() => K(t.icon, "icon")), z = a(() => L(g, "title"));
+        route: e.route
+      }), c("click", i));
+    }, r = a(() => K(e.icon, "icon")), z = a(() => L(g, "title"));
     return G(() => {
-      t.isAloneUse || (v?.addSubMenu(s), i?.addMenuItem(s));
+      e.isAloneUse || (v?.addSubMenu(i), o?.addMenuItem(i));
     }), H(() => {
-      t.isAloneUse || (v?.removeSubMenu(s), i?.removeMenuItem(s));
-    }), (n, u) => (o(), p(k, null, [
-      n.reverse && n.divider ? (o(), l(e(j), {
+      e.isAloneUse || (v?.removeSubMenu(i), o?.removeMenuItem(i));
+    }), (l, u) => (n(), k(b, null, [
+      e.reverse && e.divider ? (n(), s(t(j), {
         key: 0,
         "margin-y": "0"
       })) : m("", !0),
-      b("li", {
-        class: M([
-          n.className,
-          e(f).b(),
-          e(f).is("active", n.isAloneUse ? !1 : C.value),
-          e(f).is("disabled", n.disabled)
+      M("li", {
+        class: y([
+          e.className,
+          t(f).b(),
+          t(f).is("active", e.isAloneUse ? !1 : C.value),
+          t(f).is("disabled", e.disabled)
         ]),
-        onMouseenter: u[0] || (u[0] = (D) => d("mouseenter")),
-        onMouseleave: u[1] || (u[1] = (D) => d("mouseleave")),
+        onMouseenter: u[0] || (u[0] = (D) => c("mouseenter")),
+        onMouseleave: u[1] || (u[1] = (D) => c("mouseleave")),
         role: "menuitem",
         tabindex: "-1",
-        onClick: x
+        onClick: w
       }, [
-        e(U)?.type?.name === "vft-menu" && e(i)?.props.collapse && n.$slots.title ? (o(), l(e(R), {
+        t(U)?.type?.name === "vft-menu" && t(o)?.props.collapse && l.$slots.title ? (n(), s(t(R), {
           key: 0,
           placement: "right",
           "fallback-placements": ["left"],
-          persistent: e(i).props.persistent
+          persistent: t(o).props.persistent
         }, {
           content: $(() => [
-            y(n.$slots, "title")
+            A(l.$slots, "title")
           ]),
           default: $(() => [
-            b("div", {
-              class: M(e(w).be("tooltip", "trigger"))
+            M("div", {
+              class: y(t(T).be("tooltip", "trigger"))
             }, [
-              r.value?.icon ? (o(), l(e(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
-              y(n.$slots, "default")
+              r.value?.icon ? (n(), s(t(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
+              A(l.$slots, "default")
             ], 2)
           ]),
           _: 3
-        }, 8, ["persistent"])) : (o(), p(k, { key: 1 }, [
-          n.$slots?.default ? y(n.$slots, "default", { key: 0 }) : (o(), p(k, { key: 1 }, [
-            r.value?.icon ? (o(), l(e(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
-            b("span", {
-              class: M(e(c).e("text")),
-              title: n.title
+        }, 8, ["persistent"])) : (n(), k(b, { key: 1 }, [
+          l.$slots?.default ? A(l.$slots, "default", { key: 0 }) : (n(), k(b, { key: 1 }, [
+            r.value?.icon ? (n(), s(t(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
+            M("span", {
+              class: y(t(d).e("text")),
+              title: e.title
             }, [
-              J(e(Q), { content: z.value }, null, 8, ["content"])
+              J(t(Q), { content: z.value }, null, 8, ["content"])
             ], 10, X)
           ], 64))
         ], 64))
       ], 34),
-      !n.reverse && n.divider ? (o(), l(e(j), {
+      !e.reverse && e.divider ? (n(), s(t(j), {
         key: 1,
         "margin-y": "0"
       })) : m("", !0)

package/es/components/message/message.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as R, ref as f, computed as s, onMounted as V, watch as H, createBlock as $, openBlock as i, Transition as D, unref as n, withCtx as F, withDirectives as j, createElementVNode as P, normalizeStyle as U, normalizeClass as r, createElementBlock as c, createCommentVNode as h, renderSlot as Z, createVNode as w, normalizeProps as A, guardReactiveProps as G, toDisplayString as q, withModifiers as J, vShow as K } from "vue";
-import { EVENT_CODE as Q } from "@vft/constants";
-import { useEventListener as W } from "@vft/use";
-import { isObject as X } from "@vft/utils";
-import { VftIcon as k } from "../icon/index.js";
-import { useResizeObserver as Y, useTimeoutFn as _ } from "@vueuse/core";
+import { defineComponent as N, ref as d, computed as i, onMounted as R, watch as V, createBlock as H, openBlock as c, Transition as $, unref as o, withCtx as D, withDirectives as F, createElementVNode as j, normalizeStyle as P, normalizeClass as r, createElementBlock as u, createCommentVNode as w, renderSlot as U, createVNode as k, normalizeProps as Z, guardReactiveProps as A, toDisplayString as G, withModifiers as q, vShow as J } from "vue";
+import { EVENT_CODE as K } from "@vft/constants";
+import { useEventListener as Q } from "@vft/use";
+import { isObject as W } from "@vft/utils";
+import { VftIcon as B } from "../icon/index.js";
+import { useResizeObserver as X, useTimeoutFn as Y } from "@vueuse/core";
 import "../config-provider/index.js";
-import { getLastOffset as x, getOffsetOrSpace as ee } from "./instance.js";
-import { useGlobalComponentSettings as oe } from "../config-provider/hooks/use-global-config.js";
-const ne = ["id"], te = ["innerHTML"], de = /* @__PURE__ */ R({
+import { getLastOffset as _, getOffsetOrSpace as ee } from "./instance.js";
+import { useGlobalComponentSettings as te } from "../config-provider/hooks/use-global-config.js";
+const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
   __name: "message",
   props: {
     customClass: {},
@@ -26,96 +26,96 @@ const ne = ["id"], te = ["innerHTML"], de = /* @__PURE__ */ R({
     repeatNum: {}
   },
   emits: ["destroy"],
-  setup(B, { expose: b }) {
-    const o = B, { ns: t, zIndex: M } = oe("message"), { currentZIndex: S, nextZIndex: T } = M, u = f(), l = f(!1), p = f(0);
-    let d;
-    const L = /* @__PURE__ */ new Map([
+  setup(e, { expose: b }) {
+    const t = e, { ns: n, zIndex: M } = te("message"), { currentZIndex: S, nextZIndex: T } = M, m = d(), l = d(!1), g = d(0);
+    let v;
+    const x = /* @__PURE__ */ new Map([
       ["success", { icon: "icon-success-filled" }],
       ["error", { icon: "icon-circle-close-filled" }],
       ["warning", { icon: "icon-warning-filled" }]
-    ]), g = s(() => (o.icon ? X(o.icon) ? o.icon : { icon: o.icon } : "") || L.get(o.type) || ""), O = s(() => {
-      const e = o.type;
-      return { [t.bm("icon", e)]: e };
-    }), z = s(() => x(o.id)), v = s(
-      () => ee(o.id, o.offset) + z.value
-    ), E = s(() => p.value + v.value), I = s(() => ({
-      top: `${v.value}px`,
+    ]), y = i(() => (t.icon ? W(t.icon) ? t.icon : { icon: t.icon } : "") || x.get(t.type) || ""), L = i(() => {
+      const s = t.type;
+      return { [n.bm("icon", s)]: s };
+    }), O = i(() => _(t.id)), p = i(
+      () => ee(t.id, t.offset) + O.value
+    ), z = i(() => g.value + p.value), E = i(() => ({
+      top: `${p.value}px`,
       zIndex: S.value
     }));
-    function m() {
-      o.duration !== 0 && ({ stop: d } = _(() => {
+    function f() {
+      t.duration !== 0 && ({ stop: v } = Y(() => {
         a();
-      }, o.duration));
+      }, t.duration));
     }
-    function y() {
-      d?.();
+    function C() {
+      v?.();
     }
     function a() {
       l.value = !1;
     }
-    function N({ code: e }) {
-      e === Q.esc && a();
+    function I({ code: s }) {
+      s === K.esc && a();
     }
-    return V(() => {
-      m(), T(), l.value = !0;
-    }), H(
-      () => o.repeatNum,
+    return R(() => {
+      f(), T(), l.value = !0;
+    }), V(
+      () => t.repeatNum,
       () => {
-        y(), m();
+        C(), f();
       }
-    ), W(document, "keydown", N), Y(u, () => {
-      p.value = u.value.getBoundingClientRect().height;
+    ), Q(document, "keydown", I), X(m, () => {
+      g.value = m.value.getBoundingClientRect().height;
     }), b({
       visible: l,
-      bottom: E,
+      bottom: z,
       close: a
-    }), (e, C) => (i(), $(D, {
-      name: n(t).b("fade"),
+    }), (s, h) => (c(), H($, {
+      name: o(n).b("fade"),
       onBeforeLeave: e.onClose,
-      onAfterLeave: C[0] || (C[0] = (se) => e.$emit("destroy"))
+      onAfterLeave: h[0] || (h[0] = (se) => s.$emit("destroy"))
     }, {
-      default: F(() => [
-        j(P("div", {
+      default: D(() => [
+        F(j("div", {
           id: e.id,
           ref_key: "messageRef",
-          ref: u,
+          ref: m,
           class: r([
-            n(t).b(),
-            { [n(t).m(e.type)]: e.type && !e.icon },
-            n(t).is("center", e.center),
-            n(t).is("closable", e.showClose),
+            o(n).b(),
+            { [o(n).m(e.type)]: e.type && !e.icon },
+            o(n).is("center", e.center),
+            o(n).is("closable", e.showClose),
             e.customClass
           ]),
-          style: U(I.value),
+          style: P(E.value),
           role: "alert",
-          onMouseenter: y,
-          onMouseleave: m
+          onMouseenter: C,
+          onMouseleave: f
         }, [
-          g.value?.icon ? (i(), c("div", {
+          y.value?.icon ? (c(), u("div", {
             key: 0,
-            class: r([n(t).e("icon"), O.value])
+            class: r([o(n).e("icon"), L.value])
           }, [
-            w(n(k), A(G(g.value)), null, 16)
-          ], 2)) : h("", !0),
-          Z(e.$slots, "default", {}, () => [
-            e.dangerouslyUseHTMLString ? (i(), c("p", {
+            k(o(B), Z(A(y.value)), null, 16)
+          ], 2)) : w("", !0),
+          U(s.$slots, "default", {}, () => [
+            e.dangerouslyUseHTMLString ? (c(), u("p", {
               key: 1,
-              class: r(n(t).e("content")),
+              class: r(o(n).e("content")),
               innerHTML: e.message
-            }, null, 10, te)) : (i(), c("p", {
+            }, null, 10, ne)) : (c(), u("p", {
               key: 0,
-              class: r(n(t).e("content"))
-            }, q(e.message), 3))
+              class: r(o(n).e("content"))
+            }, G(e.message), 3))
           ]),
-          e.showClose ? (i(), c("div", {
+          e.showClose ? (c(), u("div", {
             key: 1,
-            class: r(n(t).e("closeBtn")),
-            onClick: J(a, ["stop"])
+            class: r(o(n).e("closeBtn")),
+            onClick: q(a, ["stop"])
           }, [
-            w(n(k), { icon: "icon-circle-close" })
-          ], 2)) : h("", !0)
-        ], 46, ne), [
-          [K, l.value]
+            k(o(B), { icon: "icon-circle-close" })
+          ], 2)) : w("", !0)
+        ], 46, oe), [
+          [J, l.value]
         ])
       ]),
       _: 3
@@ -123,5 +123,5 @@ const ne = ["id"], te = ["innerHTML"], de = /* @__PURE__ */ R({
   }
 });
 export {
-  de as default
+  ge as default
 };

package/es/components/modal/modal-footer-action.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, computed as n, createBlock as s, openBlock as i, unref as t, normalizeProps as w, guardReactiveProps as y, withCtx as r, createCommentVNode as p, renderSlot as c, mergeProps as l, createTextVNode as f, toDisplayString as B } from "vue";
+import { defineComponent as O, computed as e, createBlock as n, openBlock as i, unref as o, normalizeProps as w, guardReactiveProps as y, withCtx as s, createCommentVNode as c, renderSlot as p, mergeProps as l, createTextVNode as f, toDisplayString as B } from "vue";
 import { VftRow as g } from "../row/index.js";
 import { VftButton as b } from "../button/index.js";
 import "../super-form/index.js";
@@ -12,7 +12,7 @@ import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const D = /* @__PURE__ */ O({
+const q = /* @__PURE__ */ O({
   __name: "modal-footer-action",
   props: {
     showSubmitButton: { type: Boolean },
@@ -21,42 +21,42 @@ const D = /* @__PURE__ */ O({
     cancelButtonOptions: {},
     actionRowOptions: {}
   },
-  setup(e) {
-    const a = h("form-action"), d = n(() => ({
+  setup(t) {
+    const a = h("form-action"), d = e(() => ({
       justify: "end",
-      ...e.actionRowOptions
-    })), m = n(
-      () => Object.assign({ btnText: "确认" }, e.submitButtonOptions)
-    ), u = n(
-      () => Object.assign({ btnText: "取消" }, e.cancelButtonOptions)
+      ...t.actionRowOptions
+    })), r = e(
+      () => Object.assign({ btnText: "确认" }, t.submitButtonOptions)
+    ), m = e(
+      () => Object.assign({ btnText: "取消" }, t.cancelButtonOptions)
     );
-    return (o, v) => (i(), s(t(g), w(y(d.value)), {
-      default: r(() => [
-        o.showCancelButton ? (i(), s(t(b), l({ key: 0 }, u.value, {
-          class: t(a).e("cancel")
+    return (u, v) => (i(), n(o(g), w(y(d.value)), {
+      default: s(() => [
+        t.showCancelButton ? (i(), n(o(b), l({ key: 0 }, m.value, {
+          class: o(a).e("cancel")
         }), {
-          default: r(() => [
-            f(B(u.value.btnText), 1)
+          default: s(() => [
+            f(B(m.value.btnText), 1)
           ]),
           _: 1
-        }, 16, ["class"])) : p("", !0),
-        c(o.$slots, "submitBefore"),
-        o.showSubmitButton ? (i(), s(t(b), l({
+        }, 16, ["class"])) : c("", !0),
+        p(u.$slots, "submitBefore"),
+        t.showSubmitButton ? (i(), n(o(b), l({
           key: 1,
           type: "primary",
-          class: t(a).e("submit")
-        }, m.value), {
-          default: r(() => [
-            f(B(m.value.btnText), 1)
+          class: o(a).e("submit")
+        }, r.value), {
+          default: s(() => [
+            f(B(r.value.btnText), 1)
           ]),
           _: 1
-        }, 16, ["class"])) : p("", !0),
-        c(o.$slots, "submitAfter")
+        }, 16, ["class"])) : c("", !0),
+        p(u.$slots, "submitAfter")
       ]),
       _: 3
     }, 16));
   }
 });
 export {
-  D as default
+  q as default
 };

package/es/components/modal/modal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, useAttrs as M, ref as c, getCurrentInstance as F, computed as u, unref as o, watchEffect as P, watch as R, nextTick as r, createBlock as m, openBlock as B, mergeProps as S, createSlots as T, withCtx as b, renderSlot as _, createCommentVNode as A } from "vue";
+import { defineComponent as O, useAttrs as M, ref as r, getCurrentInstance as F, computed as i, unref as t, watchEffect as P, watch as R, nextTick as d, createBlock as B, openBlock as b, mergeProps as S, createSlots as T, withCtx as y, renderSlot as A, createCommentVNode as x } from "vue";
 import { deepMerge as D, isFunction as G } from "@vft/utils";
 import { VftDialog as I } from "../dialog/index.js";
 import $ from "./modal-footer-action.vue2.js";
@@ -53,74 +53,74 @@ const N = /* @__PURE__ */ O({
     "update:modelValue": [],
     submit: []
   },
-  setup(y, { emit: h }) {
-    const t = y, n = h, C = M(), i = c(null), l = c(!1), a = c(null), d = {
+  setup(n, { emit: h }) {
+    const o = n, a = h, C = M(), c = r(null), l = r(!1), s = r(null), f = {
       setModalProps: V,
       emitVisible: void 0,
       redoModalHeight: () => {
-        r(() => {
-          o(a) && o(a).setModalHeight();
+        d(() => {
+          t(s) && t(s).setModalHeight();
         });
       }
-    }, s = F();
-    s && n("register", d, s.uid);
-    const g = u(() => ({
-      ...t,
-      ...o(i)
-    })), w = u(() => ({
+    }, u = F();
+    u && a("register", f, u.uid);
+    const g = i(() => ({
+      ...o,
+      ...t(c)
+    })), w = i(() => ({
       ...C,
-      ...o(g),
-      modelValue: o(l)
+      ...t(g),
+      modelValue: t(l)
     }));
     P(() => {
-      l.value = !!t.modelValue;
+      l.value = !!o.modelValue;
     }), R(
-      () => o(l),
+      () => t(l),
       (e) => {
-        n("visible-change", e), n("update:modelValue", e), s && r(() => {
-          d.emitVisible(e, s.uid);
-        }), r(() => {
-          t.scrollTop && e && o(a) && o(a).scrollTop();
+        a("visible-change", e), a("update:modelValue", e), u && d(() => {
+          f.emitVisible(e, u.uid);
+        }), d(() => {
+          o.scrollTop && e && t(s) && t(s).scrollTop();
         });
       },
       {
         immediate: !1
       }
     );
-    async function f(e) {
-      if (e?.stopPropagation(), t.closeFunc && G(t.closeFunc)) {
-        const p = await t.closeFunc();
-        l.value = !p;
+    async function p(e) {
+      if (e?.stopPropagation(), o.closeFunc && G(o.closeFunc)) {
+        const m = await o.closeFunc();
+        l.value = !m;
         return;
       }
-      l.value = !1, n("close", e);
+      l.value = !1, a("close", e);
     }
     function V(e) {
-      i.value = D(o(i) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
+      c.value = D(t(c) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
     }
-    const v = u(() => ({
-      onClick: (e) => f(e),
-      ...t.cancelButtonOptions
-    })), k = u(() => ({
-      onClick: () => n("submit"),
-      ...t.submitButtonOptions
+    const v = i(() => ({
+      onClick: (e) => p(e),
+      ...o.cancelButtonOptions
+    })), k = i(() => ({
+      onClick: () => a("submit"),
+      ...o.submitButtonOptions
     }));
-    return (e, p) => (B(), m(o(I), S(w.value, { onClose: f }), T({
-      default: b(() => [
-        _(e.$slots, "default")
+    return (e, m) => (b(), B(t(I), S(w.value, { onClose: p }), T({
+      default: y(() => [
+        A(e.$slots, "default")
       ]),
       _: 2
     }, [
-      e.$slots.footer || e.showActionButtonGroup ? {
+      e.$slots.footer || n.showActionButtonGroup ? {
         name: "footer",
-        fn: b(() => [
-          e.showActionButtonGroup ? (B(), m($, {
+        fn: y(() => [
+          n.showActionButtonGroup ? (b(), B($, {
             key: 0,
-            "show-cancel-button": e.showCancelButton,
-            "show-submit-button": e.showSubmitButton,
+            "show-cancel-button": n.showCancelButton,
+            "show-submit-button": n.showSubmitButton,
             "cancel-button-options": v.value,
             "submit-button-options": k.value
-          }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : A("", !0)
+          }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : x("", !0)
         ]),
         key: "0"
       } : void 0