vft 0.0.429 → 0.0.431

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/menu/sub-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as s, Fragment as pe, withDirectives as me, vShow as de } from "vue";
+import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as u, Fragment as pe, withDirectives as me, vShow as de } from "vue";
 import { singleAttrToObj as g, renderTNode as ve, isMobile as fe } from "@vft/utils";
 import { VftTooltip as Me } from "../tooltip/index.js";
 import { VftIcon as L } from "../icon/index.js";
@@ -56,7 +56,7 @@ const Ce = Z({
     const y = G, I = w("sub-menu"), m = le(), {
       indexPath: f,
       parentMenu: k
-    } = he(m, l(() => o.index)), i = w("menu"), u = w("sub-menu"), e = D("rootMenu");
+    } = he(m, l(() => o.index)), i = w("menu"), a = w("sub-menu"), e = D("rootMenu");
     e || U(I.b(), "can not inject root menu");
     const r = D(`subMenu:${k.value.uid}`);
     r || U(I.b(), "can not inject sub menu");
@@ -64,8 +64,8 @@ const Ce = Z({
     let M;
     const z = C(!1), J = C(), E = C(null), A = l(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => r.level === 0), x = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), Q = l(() => p.value === "horizontal" && b.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = l(() => e.openedMenus.includes(o.index)), d = l(() => {
       let t = !1;
-      return Object.values(S.value).forEach((a) => {
-        a.active && (t = !0);
+      return Object.values(S.value).forEach((s) => {
+        s.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
     }), B = l(() => e.props.backgroundColor || ""), P = l(() => e.props.activeTextColor || ""), F = l(() => e.props.textColor || ""), p = l(() => e.props.mode), W = l(() => e.props.persistent), h = ue({
       index: o.index,
@@ -79,7 +79,7 @@ const Ce = Z({
     }), X = () => E.value?.popperRef?.popperInstanceRef?.destroy(), Y = (t) => {
       t || X();
     }, O = (t) => {
-      const a = {
+      const s = {
         e: t,
         index: o.index,
         indexPath: f.value,
@@ -87,18 +87,18 @@ const Ce = Z({
       };
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !fe() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
         e.handleSubMenuClick({
-          ...a,
+          ...s,
           isFirstLevel: !0
         });
         return;
       }
-      e.handleSubMenuClick(a);
-    }, v = (t, a = o.showTimeout) => {
+      e.handleSubMenuClick(s);
+    }, v = (t, s = o.showTimeout) => {
       t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (r.mouseInChild.value = !0, M?.(), {
         stop: M
       } = H(() => {
         e.openMenu(o.index, f.value);
-      }, a), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
+      }, s), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
     }, _ = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
@@ -107,23 +107,23 @@ const Ce = Z({
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
-    }, T = (t, a = !1) => {
+    }, T = (t, s = !1) => {
       e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (M?.(), r.mouseInChild.value = !1, {
         stop: M
       } = H(() => {
         !z.value && e.closeMenu(o.index, f.value);
-      }, o.hideTimeout), x.value && a && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
+      }, o.hideTimeout), x.value && s && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
     };
     ae(() => e.props.collapse, (t) => Y(!!t));
     {
       const t = (n) => {
         S.value[n.index] = n;
-      }, a = (n) => {
+      }, s = (n) => {
         delete S.value[n.index];
       };
       se(`subMenu:${m.uid}`, {
         addSubMenu: t,
-        removeSubMenu: a,
+        removeSubMenu: s,
         handleMouseleave: T,
         mouseInChild: z,
         level: r.level + 1
@@ -146,18 +146,18 @@ const Ce = Z({
       ...te.value
     }), R = l(() => ve(m, "title"));
     return () => {
-      const t = [N.value?.icon ? s(L, {
+      const t = [N.value?.icon ? u(L, {
         ...N.value
-      }) : null, s("span", {
-        class: [u.e("text"), u.is("arrow", o.showArrow)],
+      }) : null, u("span", {
+        class: [a.e("text"), a.is("arrow", o.showArrow)],
         title: m.props.title
-      }, R.value), o.showArrow ? s(L, {
-        class: u.e("icon-arrow"),
+      }, R.value), o.showArrow ? u(L, {
+        class: a.e("icon-arrow"),
         ...ne.value,
         style: {
           transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], a = e.isMenuPopup ? s(Me, {
+      }) : !1], s = e.isMenuPopup ? u(Me, {
         ref: E,
         visible: c.value,
         effect: "light",
@@ -173,17 +173,19 @@ const Ce = Z({
         gpuAcceleration: !1,
         ...o.toolTipCfg
       }, {
-        content: () => s("div", {
+        content: () => u("div", {
           class: [i.m(p.value), i.m("popup-container"), o.popperClass],
           onMouseenter: (n) => v(n, 100),
           onMouseleave: (n) => T(n, !0),
           onFocus: (n) => v(n, 100)
-        }, [s("ul", {
+        }, [u("div", {
           class: [i.b(), i.m("popup"), i.m(`popup-${A.value}`)],
           style: j.value
-        }, [V.default?.()])]),
-        default: () => s("div", {
-          class: u.e("title"),
+        }, [u("ul", {
+          class: i.m("popup-ul-list")
+        }, V.default?.())])]),
+        default: () => u("div", {
+          class: a.e("title"),
           style: [$.value, {
             backgroundColor: B.value
           }],
@@ -193,30 +195,30 @@ const Ce = Z({
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        s(pe, {}, [R.value ? s("div", {
-          class: u.e("title"),
+        u(pe, {}, [R.value ? u("div", {
+          class: a.e("title"),
           style: [$.value, {
             backgroundColor: B.value
           }],
           ref: J,
           onClick: O
-        }, t) : null, s(be, {}, {
-          default: () => me(s("ul", {
+        }, t) : null, u(be, {}, {
+          default: () => me(u("ul", {
             role: "menu",
             class: [i.b(), i.m("inline")],
             style: j.value
           }, [V.default?.()]), [[de, c.value]])
         })])
       );
-      return s("li", {
-        class: [u.b(), u.is("active", d.value), u.e(String(r.level)), u.is("in-popup", r.level !== 0), u.is("opened", c.value), u.is("arrow", !0), u.is("disabled", o.disabled)],
+      return u("li", {
+        class: [a.b(), a.is("active", d.value), a.e(String(r.level)), a.is("in-popup", r.level !== 0), a.is("opened", c.value), a.is("arrow", !0), a.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,
         onMouseenter: [_, (n) => v(n)],
         onMouseleave: [ee, (n) => T(n, !0)],
         onFocus: v
-      }, [a]);
+      }, [s]);
     };
   }
 });

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
 };