@mtn-ui/components 1.0.8 → 1.0.9

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { cn as Re, withInstall as $e, PERMISSION_CHECKER_KEY as re, defaultPermissionChecker as ie } from "@mtn-ui/shared";
-import { defineComponent as R, createVNode as S, inject as ae, ref as D, computed as p, mergeProps as z, Fragment as E, h as Ge, Comment as Ve, Text as Ue, useSlots as je, shallowRef as He, watch as Z, createElementBlock as x, openBlock as s, createElementVNode as me, unref as b, withCtx as y, createBlock as k, createCommentVNode as Fe, renderList as O, resolveDynamicComponent as T, createSlots as U, createTextVNode as j, toDisplayString as te, cloneVNode as ye, nextTick as ve, onBeforeUnmount as We, renderSlot as V } from "vue";
-import { cva as Ke } from "class-variance-authority";
-import { Button as Ce, Space as ge, Dropdown as he, Menu as q, Popconfirm as Ye, message as ke, Modal as Xe, Table as qe } from "ant-design-vue";
-import { Table as It } from "ant-design-vue";
-import { useElementSize as Ze, useDebounceFn as ze } from "@vueuse/core";
-import { MoreOutlined as Je, DeleteOutlined as be, ExclamationCircleOutlined as Qe } from "@ant-design/icons-vue";
-const et = {
+import { cn as Ue, withInstall as je, PERMISSION_CHECKER_KEY as le, defaultPermissionChecker as se } from "@mtn-ui/shared";
+import { defineComponent as G, createVNode as B, inject as ue, ref as D, computed as p, mergeProps as x, Fragment as R, h as Fe, Comment as He, Text as Ke, useSlots as We, useAttrs as Ye, shallowRef as Xe, watch as ee, cloneVNode as ye, onMounted as qe, nextTick as H, onUnmounted as Ze, createElementBlock as M, openBlock as s, createElementVNode as ge, unref as P, normalizeProps as ve, guardReactiveProps as Je, withCtx as m, createBlock as h, createCommentVNode as Qe, renderList as $, resolveDynamicComponent as A, createSlots as K, createTextVNode as W, toDisplayString as re, normalizeStyle as et, onBeforeUnmount as tt, renderSlot as F } from "vue";
+import { cva as nt } from "class-variance-authority";
+import { Button as ze, Space as be, Dropdown as ke, Menu as Q, Popconfirm as ot, message as he, Modal as rt, Table as at } from "ant-design-vue";
+import { Table as Vt } from "ant-design-vue";
+import { useDebounceFn as Ce } from "@vueuse/core";
+import { MoreOutlined as it, DeleteOutlined as Se, ExclamationCircleOutlined as lt } from "@ant-design/icons-vue";
+const st = {
   type: {
     type: String,
     default: "default"
@@ -13,7 +13,7 @@ const et = {
   color: {
     type: String
   }
-}, tt = Ke("inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border transition-colors", {
+}, ut = nt("inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border transition-colors", {
   variants: {
     type: {
       default: "bg-gray-100 text-gray-800 border-gray-200",
@@ -26,26 +26,26 @@ const et = {
   defaultVariants: {
     type: "default"
   }
-}), nt = /* @__PURE__ */ R({
+}), ct = /* @__PURE__ */ G({
   name: "MTag",
-  props: et,
+  props: st,
   setup(e, {
     slots: r,
-    attrs: t
+    attrs: n
   }) {
     return () => {
       var l;
       const {
         type: o
       } = e;
-      return S("span", {
-        class: Re(tt({
+      return B("span", {
+        class: Ue(ut({
           type: o
-        }), t.class)
+        }), n.class)
       }, [(l = r.default) == null ? void 0 : l.call(r)]);
     };
   }
-}), ot = $e(nt), Te = {
+}), dt = je(ct), Pe = {
   // 按钮类型
   type: {
     type: String,
@@ -106,60 +106,60 @@ const et = {
     default: "hide"
   }
 };
-function Ae(e) {
-  const { permission: r, permissionAction: t = "hide" } = e, o = ae(re, D(ie)), l = p(() => r ? o.value(r) : !0), v = p(() => !l.value && t === "hide"), m = p(() => !l.value && t === "disable");
+function Te(e) {
+  const { permission: r, permissionAction: n = "hide" } = e, o = ue(le, D(se)), l = p(() => r ? o.value(r) : !0), y = p(() => !l.value && n === "hide"), d = p(() => !l.value && n === "disable");
   return {
     hasPermission: l,
-    shouldHide: v,
-    shouldDisable: m
+    shouldHide: y,
+    shouldDisable: d
   };
 }
-function rt(e, r) {
-  return e.map((t) => {
-    if (!t || t.type === "divider" || !t.permission)
-      return t;
-    if (!r(t.permission)) {
-      const l = t.permissionAction || "hide";
+function ft(e, r) {
+  return e.map((n) => {
+    if (!n || n.type === "divider" || !n.permission)
+      return n;
+    if (!r(n.permission)) {
+      const l = n.permissionAction || "hide";
       if (l === "hide")
         return null;
       if (l === "disable")
-        return { ...t, disabled: !0 };
+        return { ...n, disabled: !0 };
     }
-    return t;
+    return n;
   }).filter(Boolean);
 }
-const J = /* @__PURE__ */ R({
+const te = /* @__PURE__ */ G({
   name: "MButton",
-  props: Te,
+  props: Pe,
   emits: ["click"],
   setup(e, {
     slots: r,
-    attrs: t,
+    attrs: n,
     emit: o
   }) {
     const {
       shouldHide: l,
-      shouldDisable: v
-    } = Ae({
+      shouldDisable: y
+    } = Te({
       permission: e.permission,
       permissionAction: e.permissionAction
-    }), m = (f) => {
+    }), d = (f) => {
       o("click", f);
     };
-    return () => l.value ? null : S(Ce, z({
+    return () => l.value ? null : B(ze, x({
       type: e.type,
       size: e.size,
       loading: e.loading,
-      disabled: e.disabled || v.value,
+      disabled: e.disabled || y.value,
       danger: e.danger,
       block: e.block,
       ghost: e.ghost,
       shape: e.shape,
       htmlType: e.htmlType,
       icon: e.icon
-    }, t, {
-      class: ["mtn-button", t.class],
-      onClick: m
+    }, n, {
+      class: ["mtn-button", n.class],
+      onClick: d
     }), {
       default: () => {
         var f;
@@ -171,7 +171,7 @@ const J = /* @__PURE__ */ R({
       }
     });
   }
-}), it = {
+}), pt = {
   // 按钮组尺寸
   size: {
     type: String,
@@ -197,21 +197,21 @@ const J = /* @__PURE__ */ R({
     type: Boolean,
     default: !1
   }
-}, Pe = /* @__PURE__ */ R({
+}, Ae = /* @__PURE__ */ G({
   name: "MButtonGroup",
-  props: it,
+  props: pt,
   setup(e, {
     slots: r,
-    attrs: t
+    attrs: n
   }) {
-    return () => S(E, null, [e.compact ? (
+    return () => B(R, null, [e.compact ? (
       // 紧凑模式：按钮紧密连接
-      S(ge.Compact, z({
+      B(be.Compact, x({
         size: e.size,
         direction: e.vertical ? "vertical" : "horizontal",
         block: e.block
-      }, t, {
-        class: ["mtn-button-group", "mtn-button-group--compact", t.class]
+      }, n, {
+        class: ["mtn-button-group", "mtn-button-group--compact", n.class]
       }), {
         default: () => {
           var o;
@@ -220,11 +220,11 @@ const J = /* @__PURE__ */ R({
       })
     ) : (
       // 普通模式：按钮有间距
-      S(ge, z({
+      B(be, x({
         size: typeof e.gap == "number" ? e.gap : parseInt(e.gap) || 8,
         direction: e.vertical ? "vertical" : "horizontal"
-      }, t, {
-        class: ["mtn-button-group", "mtn-button-group--normal", t.class]
+      }, n, {
+        class: ["mtn-button-group", "mtn-button-group--normal", n.class]
       }), {
         default: () => {
           var o;
@@ -233,7 +233,7 @@ const J = /* @__PURE__ */ R({
       })
     )]);
   }
-}), at = {
+}), mt = {
   // 按钮文字
   text: {
     type: String,
@@ -289,77 +289,77 @@ const J = /* @__PURE__ */ R({
     type: String,
     default: "hide"
   }
-}, oe = /* @__PURE__ */ R({
+}, ie = /* @__PURE__ */ G({
   name: "MDropdownButton",
-  props: at,
+  props: mt,
   emits: ["click"],
   setup(e, {
     slots: r,
-    attrs: t,
+    attrs: n,
     emit: o
   }) {
     const {
       shouldHide: l,
-      shouldDisable: v
-    } = Ae({
+      shouldDisable: y
+    } = Te({
       permission: e.permission,
       permissionAction: e.permissionAction
-    }), m = ae(re, D(ie)), f = (g) => {
-      o("click", g);
+    }), d = ue(le, D(se)), f = (v) => {
+      o("click", v);
     };
     return () => {
       if (l.value)
         return null;
-      const g = {};
+      const v = {};
       if (r.overlay)
-        g.overlay = r.overlay;
+        v.overlay = r.overlay;
       else if (e.menu && e.menu.length > 0) {
-        const B = rt(e.menu, m.value);
-        g.overlay = () => Ge(q, {
-          items: B
+        const b = ft(e.menu, d.value);
+        v.overlay = () => Fe(Q, {
+          items: b
         });
       }
-      return r.icon && (g.icon = r.icon), !(r.default || e.text) ? S(he, z({
+      return r.icon && (v.icon = r.icon), !(r.default || e.text) ? B(ke, x({
         placement: e.placement,
         trigger: e.trigger
-      }, t, {
-        class: ["mtn-dropdown-button", t.class]
+      }, n, {
+        class: ["mtn-dropdown-button", n.class]
       }), {
-        default: () => [S(Ce, {
+        default: () => [B(ze, {
           type: e.type,
           size: e.size === "middle" ? void 0 : e.size,
-          disabled: e.disabled || v.value,
+          disabled: e.disabled || y.value,
           loading: e.loading,
           danger: e.danger,
           onClick: f
         }, {
           default: () => {
-            var B;
-            return [(B = r.icon) == null ? void 0 : B.call(r)];
+            var b;
+            return [(b = r.icon) == null ? void 0 : b.call(r)];
           }
         })],
-        ...g
-      }) : S(he.Button, z({
+        ...v
+      }) : B(ke.Button, x({
         type: e.type,
         size: e.size === "middle" ? void 0 : e.size,
-        disabled: e.disabled || v.value,
+        disabled: e.disabled || y.value,
         loading: e.loading,
         danger: e.danger,
         placement: e.placement,
         trigger: e.trigger
-      }, t, {
-        class: ["mtn-dropdown-button", t.class],
+      }, n, {
+        class: ["mtn-dropdown-button", n.class],
         onClick: f
       }), {
         default: () => {
-          var B;
-          return [((B = r.default) == null ? void 0 : B.call(r)) || e.text];
+          var b;
+          return [((b = r.default) == null ? void 0 : b.call(r)) || e.text];
         },
-        ...g
+        ...v
       });
     };
   }
-}), lt = {
+}), yt = {
   // ===== 配置化 API =====
   /**
    * 操作项配置列表
@@ -448,270 +448,300 @@ const J = /* @__PURE__ */ R({
     default: !1
   }
 };
-function ut(e) {
+function gt(e) {
   return e ? e.filter(
-    (r) => r.type !== Ve && r.type !== Ue && r.type !== Symbol.for("v-fgt")
+    (r) => r.type !== He && r.type !== Ke && r.type !== Symbol.for("v-fgt")
   ) : [];
 }
-function Se(e, r) {
-  var t, o;
+function vt(e, r) {
+  var n, o;
   if (e.key !== null && e.key !== void 0)
     return typeof e.key == "symbol" ? e.key.toString() : e.key;
-  if (((t = e.props) == null ? void 0 : t.key) !== null && ((o = e.props) == null ? void 0 : o.key) !== void 0) {
+  if (((n = e.props) == null ? void 0 : n.key) !== null && ((o = e.props) == null ? void 0 : o.key) !== void 0) {
     const l = e.props.key;
     return typeof l == "symbol" ? l.toString() : l;
   }
   return `button-${r}`;
 }
-const ne = "link", Be = "small", st = 150, ct = /* @__PURE__ */ R({
+const ae = "link", Be = "small", bt = 150, kt = /* @__PURE__ */ G({
   name: "MActionGroup",
   inheritAttrs: !1,
   __name: "action-group",
-  props: lt,
+  props: yt,
   emits: ["action-click"],
   setup(e, { emit: r }) {
-    const t = e, o = r, l = je(), v = D(), m = D(), f = D(), { width: g } = Ze(v), H = ae(re, D(ie));
-    function B(n) {
-      if (!n) return;
-      const c = n;
-      return c.name || c.__name || c.displayName;
-    }
-    const M = p(() => t.mode === "table"), a = p(
-      () => M.value ? "small" : t.size
-    ), u = p(
-      () => M.value ? "link" : "default"
-    ), A = p(
-      () => M.value ? "" : t.moreText
-    ), I = p(() => t.moreIcon || Je);
-    function F(n) {
-      return n ? H.value(n) : !0;
+    const n = e, o = r, l = We(), y = Ye(), d = D(), f = D(), v = D(), Y = ue(le, D(se)), b = p(() => n.mode === "table"), E = p(() => b.value ? "small" : n.size), i = p(() => b.value ? "link" : "default"), u = p(() => b.value ? "" : n.moreText), I = p(() => n.moreIcon || it);
+    function w(t) {
+      return t ? Y.value(t) : !0;
     }
-    const W = p(() => {
-      var n;
-      return ut((n = l.default) == null ? void 0 : n.call(l));
-    }), _ = He([]);
-    function le(n) {
-      var i, d, h;
+    const ce = p(() => {
+      var t;
+      return gt((t = l.default) == null ? void 0 : t.call(l));
+    }), O = Xe([]);
+    function de(t) {
+      var z, k, C;
+      const c = t.icon && (t.icon.name || t.icon.__name) || "", a = t.component && (t.component.name || t.component.__name) || "";
       return [
-        n.key ?? "",
-        n.label ?? "",
-        B(n.icon) ?? "",
-        B(n.component) ?? "",
-        Array.isArray(n.permission) ? n.permission.join(",") : n.permission ?? "",
-        n.permissionAction ?? "",
-        String(n.disabled ?? !1),
-        String(((i = n.componentProps) == null ? void 0 : i.confirm) ?? ""),
-        String(((d = n.componentProps) == null ? void 0 : d.showSuccess) ?? ""),
-        String(((h = n.componentProps) == null ? void 0 : h.danger) ?? "")
+        t.key ?? "",
+        t.label ?? "",
+        c,
+        a,
+        Array.isArray(t.permission) ? t.permission.join(",") : t.permission ?? "",
+        t.permissionAction ?? "",
+        String(t.disabled ?? !1),
+        String(((z = t.componentProps) == null ? void 0 : z.confirm) ?? ""),
+        String(((k = t.componentProps) == null ? void 0 : k.showSuccess) ?? ""),
+        String(((C = t.componentProps) == null ? void 0 : C.danger) ?? "")
       ].join("|");
     }
-    Z(
-      () => t.actions,
-      (n) => {
-        if (!n) {
-          _.value = [];
+    ee(
+      () => n.actions,
+      (t) => {
+        if (!t) {
+          O.value = [];
           return;
         }
-        if (_.value.length !== n.length) {
-          _.value = n;
+        if (O.value.length !== t.length) {
+          O.value = t;
           return;
         }
-        const c = n.map(le).join("||"), i = _.value.map(le).join("||");
-        c !== i && (_.value = n);
+        const c = t.map(de).join("||"), a = O.value.map(de).join("||");
+        c !== a && (O.value = t);
       },
       { immediate: !0, deep: !1 }
     );
-    const K = p(() => _.value.length ? _.value.filter((n) => F(n.permission)) : []), C = p(() => t.actions ? K.value.length : W.value.length);
-    function De() {
-      if (!m.value || !f.value || !g.value)
-        return Math.min(t.maxItems, C.value);
-      const n = f.value.offsetWidth, c = Array.from(
-        m.value.querySelectorAll(".measure-item")
-      );
-      if (c.length === 0) return Math.min(t.maxItems, C.value);
-      let i = n, d = 0;
-      for (let h = 0; h < c.length - 1; h++) {
-        const w = c[h].offsetWidth + t.gap;
-        if (i + w <= g.value)
-          i += w, d++;
-        else
-          break;
+    const ne = p(() => O.value.length ? O.value.filter((t) => w(t.permission)) : []), T = p(() => n.actions ? ne.value.length : ce.value.length), X = p(() => n.actions ? ne.value.map((t, c) => ({
+      key: Le(t, c),
+      label: t.label || "",
+      icon: t.icon || null,
+      component: Oe(t),
+      props: Ne(t),
+      menuProps: Re(t),
+      handler: () => Ve(t)
+    })) : ce.value.filter((t) => {
+      const c = t.props || {};
+      return c.permission && c.permissionAction === "hide" ? w(c.permission) : !0;
+    }).map((t, c) => {
+      var k, C;
+      const a = vt(t, c), g = ye(t, {
+        type: ((k = t.props) == null ? void 0 : k.type) ?? (b.value ? i.value : void 0),
+        size: ((C = t.props) == null ? void 0 : C.size) ?? E.value
+      }), z = ye(t, {
+        ...t.props,
+        type: ae,
+        size: Be
+      });
+      return {
+        key: a,
+        label: "",
+        // 插槽模式没有 label，由组件自身渲染
+        icon: null,
+        component: g,
+        props: {},
+        // 插槽模式使用 cloneVNode 已经处理了 props
+        menuProps: {},
+        // 菜单模式使用 cloneVNode 已经处理了 props
+        handler: null,
+        // 插槽模式的事件由组件自身处理
+        vnode: g,
+        // 保存原始 vnode 用于渲染
+        menuVnode: z
+        // 保存菜单模式的 vnode
+      };
+    })), fe = p(() => X.value.slice(0, pe.value)), oe = p(() => X.value.slice(pe.value)), we = p(() => ({
+      size: E.value,
+      compact: n.compact,
+      vertical: n.vertical,
+      block: n.block,
+      ...y
+    })), Ie = p(() => ({
+      text: u.value,
+      size: E.value,
+      type: i.value,
+      ...n.moreProps
+    })), q = D(n.maxItems);
+    function Me() {
+      if (!d.value || !f.value || !v.value)
+        return Math.min(n.maxItems, T.value);
+      const t = d.value.clientWidth, c = f.value.querySelectorAll(".measure-item");
+      if (c.length === 0) return Math.min(n.maxItems, T.value);
+      const a = T.value, g = [];
+      for (let S = 0; S < Math.min(a, c.length); S++)
+        g.push(c[S].offsetWidth);
+      const z = v.value.offsetWidth ?? 0;
+      let k = 0, C = 0;
+      for (let S = 0; S < g.length; S++) {
+        const _ = g[S], N = k === 0 ? _ : k + n.gap + _, V = g.length - (S + 1) > 0 ? k === 0 ? z : n.gap + z : 0;
+        if (N + V <= t) {
+          k = N, C++;
+          continue;
+        }
+        break;
       }
-      return Math.max(0, Math.min(d, t.maxItems, C.value));
+      return Math.max(0, Math.min(C, n.maxItems, a));
     }
-    const $ = D(t.maxItems), Ie = ze(() => {
-      $.value = De();
-    }, st);
-    Z(
-      [g, C, () => t.maxItems, () => t.gap],
-      () => {
-        if (t.disableCollapse) {
-          $.value = C.value;
-          return;
-        }
-        if (C.value <= 1) {
-          $.value = C.value;
-          return;
-        }
-        m.value && f.value && g.value ? Ie() : $.value = Math.min(t.maxItems, C.value);
+    const Z = () => {
+      if (n.disableCollapse) {
+        q.value = T.value;
+        return;
+      }
+      if (T.value <= 1) {
+        q.value = T.value;
+        return;
+      }
+      q.value = Me();
+    }, L = Ce(() => {
+      Z();
+    }, bt), U = (t = !1) => {
+      t ? (typeof L == "function" && "cancel" in L && L.cancel(), Z()) : L();
+    };
+    U.cancel = () => {
+      typeof L == "function" && "cancel" in L && L.cancel();
+    };
+    let j = null;
+    const De = async () => {
+      await H(), Z(), d.value && typeof ResizeObserver < "u" && (j = new ResizeObserver((t) => {
+        t[0].contentRect.width > 0 && U();
+      }), j.observe(d.value));
+    }, _e = () => {
+      j && d.value && j.unobserve(d.value), j = null, "cancel" in U && U.cancel();
+    };
+    qe(async () => {
+      Z(), await H(), De();
+    }), Ze(() => {
+      _e();
+    }), ee(
+      [ne, T, () => n.maxItems, () => n.gap],
+      async () => {
+        await H(), U(!0);
       },
-      { immediate: !0 }
+      { deep: !1 }
     );
-    const N = p(() => t.disableCollapse || C.value <= 1 ? C.value : m.value && f.value && g.value ? $.value : Math.min(t.maxItems, C.value)), Me = p(() => t.actions ? K.value.slice(0, N.value) : []), ue = p(() => t.actions ? K.value.slice(N.value) : []), _e = p(() => {
-      if (t.actions) return [];
-      const n = W.value;
-      return N.value >= n.length ? n : n.slice(0, N.value);
-    }), se = p(() => {
-      if (t.actions) return [];
-      const n = W.value;
-      return N.value >= n.length ? [] : n.slice(N.value);
-    }), we = p(() => t.actions ? [] : se.value.filter((n) => {
-      const c = n.props || {};
-      return c.permission && c.permissionAction === "hide" ? F(c.permission) : !0;
-    })), Ee = p(() => t.disableCollapse ? !1 : (t.actions ? ue.value.length : se.value.length) > 0);
-    function Q(n) {
-      return n.component || J;
+    const pe = p(() => n.disableCollapse || T.value <= 1 ? T.value : f.value && v.value && d.value ? q.value : Math.min(n.maxItems, T.value)), Ee = p(() => n.disableCollapse ? !1 : oe.value.length > 0);
+    function Oe(t) {
+      return t.component || te;
     }
-    function ce(n, c) {
-      return n.key || n.label || `action-${c}`;
+    function Le(t, c) {
+      return t.key || t.label || `action-${c}`;
     }
-    function de(n) {
+    function me(t) {
       const {
         label: c,
-        key: i,
-        onClick: d,
-        permission: h,
-        permissionAction: P,
-        icon: w,
-        component: L,
-        componentProps: G,
-        slot: Y,
-        type: ee,
-        size: X,
-        disabled: Le,
-        ...Oe
-      } = n;
+        key: a,
+        onClick: g,
+        permission: z,
+        permissionAction: k,
+        icon: C,
+        component: S,
+        componentProps: _,
+        slot: N,
+        type: J,
+        size: V,
+        disabled: $e,
+        ...Ge
+      } = t;
       return {
-        component: L,
-        componentProps: G,
-        type: ee,
-        size: X,
-        rest: Oe,
-        permission: h,
-        permissionAction: P,
-        disabled: Le
+        component: S,
+        componentProps: _,
+        type: J,
+        size: V,
+        rest: Ge,
+        permission: z,
+        permissionAction: k,
+        disabled: $e
       };
     }
-    function fe(n) {
-      const { component: c, componentProps: i, type: d, rest: h, permission: P, permissionAction: w, disabled: L } = de(n), G = {
-        type: d || u.value,
-        size: a.value,
-        disabled: L || !F(P) && w === "disable",
-        ...h
+    function Ne(t) {
+      const { component: c, componentProps: a, type: g, rest: z, permission: k, permissionAction: C, disabled: S } = me(t), _ = {
+        type: g || i.value,
+        size: E.value,
+        disabled: S || !w(k) && C === "disable",
+        ...z
       };
-      if (c && i) {
-        const Y = { ...G, ...i };
-        return M.value && (Y.type = "link"), Y;
+      if (c && a) {
+        const N = { ..._, ...a };
+        return b.value && (N.type = "link"), N;
       }
-      return G;
+      return _;
     }
-    function Ne(n) {
-      const { component: c, componentProps: i, rest: d, permission: h, permissionAction: P, disabled: w } = de(n), L = {
-        type: ne,
+    function Re(t) {
+      const { component: c, componentProps: a, rest: g, permission: z, permissionAction: k, disabled: C } = me(t), S = {
+        type: ae,
         size: Be,
-        disabled: w || !F(h) && P === "disable",
-        ...d
+        disabled: C || !w(z) && k === "disable",
+        ...g
       };
-      if (c && i) {
-        const { type: G, size: Y, ...ee } = i, X = { ...L, ...ee };
-        return X.type = ne, X;
+      if (c && a) {
+        const { type: _, size: N, ...J } = a, V = { ...S, ...J };
+        return V.type = ae, V;
       }
-      return L;
+      return S;
     }
-    function pe(n) {
-      n.onClick && n.onClick(n), o("action-click", n);
+    function Ve(t) {
+      t.onClick && t.onClick(t), o("action-click", t);
     }
-    return (n, c) => (s(), x("div", {
+    return (t, c) => (s(), M("div", {
       ref_key: "containerRef",
-      ref: v,
+      ref: d,
       class: "mtn-action-group"
     }, [
-      S(b(Pe), z({
-        size: a.value,
-        compact: n.compact,
-        vertical: n.vertical,
-        block: n.block
-      }, n.$attrs), {
-        default: y(() => [
-          t.actions ? (s(!0), x(E, { key: 0 }, O(Me.value, (i, d) => (s(), k(T(Q(i)), z({
-            key: ce(i, d)
-          }, { ref_for: !0 }, fe(i), {
-            onClick: (h) => pe(i)
-          }), U({
-            default: y(() => [
-              j(" " + te(i.label), 1)
+      B(P(Ae), ve(Je(we.value)), {
+        default: m(() => [
+          n.actions ? (s(!0), M(R, { key: 0 }, $(fe.value, (a) => (s(), h(A(a.component), x({
+            key: a.key,
+            ref_for: !0
+          }, a.props, {
+            onClick: a.handler
+          }), K({
+            default: m(() => [
+              W(" " + re(a.label), 1)
             ]),
             _: 2
           }, [
-            i.icon ? {
+            a.icon ? {
               name: "icon",
-              fn: y(() => [
-                (s(), k(T(i.icon)))
+              fn: m(() => [
+                (s(), h(A(a.icon)))
               ]),
               key: "0"
             } : void 0
-          ]), 1040, ["onClick"]))), 128)) : (s(!0), x(E, { key: 1 }, O(_e.value, (i, d) => {
-            var h, P;
-            return s(), k(T(ye(i, {
-              type: ((h = i.props) == null ? void 0 : h.type) ?? (M.value ? u.value : void 0),
-              size: ((P = i.props) == null ? void 0 : P.size) ?? a.value
-            })), {
-              key: b(Se)(i, d)
-            });
-          }), 128)),
-          Ee.value ? (s(), k(b(oe), z({
-            key: 2,
-            text: A.value,
-            size: a.value,
-            type: u.value
-          }, t.moreProps), {
-            icon: y(() => [
-              (s(), k(T(I.value)))
+          ]), 1040, ["onClick"]))), 128)) : (s(!0), M(R, { key: 1 }, $(fe.value, (a) => (s(), h(A(a.vnode), {
+            key: a.key
+          }))), 128)),
+          Ee.value ? (s(), h(P(ie), ve(x({ key: 2 }, Ie.value)), {
+            icon: m(() => [
+              (s(), h(A(I.value)))
             ]),
-            overlay: y(() => [
-              S(b(q), null, {
-                default: y(() => [
-                  t.actions ? (s(!0), x(E, { key: 0 }, O(ue.value, (i, d) => (s(), k(b(q).Item, {
-                    key: ce(i, d)
+            overlay: m(() => [
+              B(P(Q), null, {
+                default: m(() => [
+                  n.actions ? (s(!0), M(R, { key: 0 }, $(oe.value, (a) => (s(), h(P(Q).Item, {
+                    key: a.key
                   }, {
-                    default: y(() => [
-                      (s(), k(T(Q(i)), z({ ref_for: !0 }, Ne(i), {
-                        onClick: (h) => pe(i)
-                      }), U({
-                        default: y(() => [
-                          j(" " + te(i.label), 1)
+                    default: m(() => [
+                      (s(), h(A(a.component), x({ ref_for: !0 }, a.menuProps, {
+                        onClick: a.handler
+                      }), K({
+                        default: m(() => [
+                          W(" " + re(a.label), 1)
                         ]),
                         _: 2
                       }, [
-                        i.icon ? {
+                        a.icon ? {
                           name: "icon",
-                          fn: y(() => [
-                            (s(), k(T(i.icon)))
+                          fn: m(() => [
+                            (s(), h(A(a.icon)))
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1040, ["onClick"]))
                     ]),
                     _: 2
-                  }, 1024))), 128)) : (s(!0), x(E, { key: 1 }, O(we.value, (i, d) => (s(), k(b(q).Item, {
-                    key: b(Se)(i, d)
+                  }, 1024))), 128)) : (s(!0), M(R, { key: 1 }, $(oe.value, (a) => (s(), h(P(Q).Item, {
+                    key: a.key
                   }, {
-                    default: y(() => [
-                      (s(), k(T(ye(i, {
-                        ...i.props,
-                        type: ne,
-                        size: Be
-                      }))))
+                    default: m(() => [
+                      (s(), h(A(a.menuVnode)))
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -720,66 +750,67 @@ const ne = "link", Be = "small", st = 150, ct = /* @__PURE__ */ R({
               })
             ]),
             _: 1
-          }, 16, ["text", "size", "type"])) : Fe("", !0)
+          }, 16)) : Qe("", !0)
         ]),
         _: 1
-      }, 16, ["size", "compact", "vertical", "block"]),
-      me("div", {
+      }, 16),
+      ge("div", {
         ref_key: "measureRef",
-        ref: m,
-        class: "mtn-action-group-measure"
+        ref: f,
+        class: "mtn-action-group-measure",
+        style: et({ gap: `${n.gap}px` })
       }, [
-        t.actions ? (s(!0), x(E, { key: 0 }, O(K.value, (i, d) => (s(), x("span", {
-          key: d,
+        n.actions ? (s(!0), M(R, { key: 0 }, $(X.value, (a, g) => (s(), M("span", {
+          key: g,
           class: "measure-item"
         }, [
-          (s(), k(T(Q(i)), z({ ref_for: !0 }, fe(i)), U({
-            default: y(() => [
-              j(" " + te(i.label), 1)
+          (s(), h(A(a.component), x({ ref_for: !0 }, a.props), K({
+            default: m(() => [
+              W(" " + re(a.label), 1)
             ]),
             _: 2
           }, [
-            i.icon ? {
+            a.icon ? {
               name: "icon",
-              fn: y(() => [
-                (s(), k(T(i.icon)))
+              fn: m(() => [
+                (s(), h(A(a.icon)))
               ]),
               key: "0"
             } : void 0
           ]), 1040))
-        ]))), 128)) : (s(!0), x(E, { key: 1 }, O(W.value, (i, d) => (s(), x("span", {
-          key: d,
+        ]))), 128)) : (s(!0), M(R, { key: 1 }, $(X.value, (a, g) => (s(), M("span", {
+          key: g,
           class: "measure-item"
         }, [
-          (s(), k(T(i)))
+          (s(), h(A(a.vnode)))
         ]))), 128)),
-        me("span", {
+        ge("span", {
           ref_key: "moreTriggerRef",
-          ref: f,
+          ref: v,
           class: "measure-item"
         }, [
-          S(b(oe), {
-            text: A.value,
-            size: a.value,
-            type: u.value
+          B(P(ie), {
+            text: u.value,
+            size: E.value,
+            type: i.value
           }, {
-            icon: y(() => [
-              (s(), k(T(I.value)))
+            icon: m(() => [
+              (s(), h(A(I.value)))
             ]),
             _: 1
           }, 8, ["text", "size", "type"])
         ], 512)
-      ], 512)
+      ], 4)
     ], 512));
   }
 }), xe = (e, r) => {
-  const t = e.__vccOpts || e;
+  const n = e.__vccOpts || e;
   for (const [o, l] of r)
-    t[o] = l;
-  return t;
-}, dt = /* @__PURE__ */ xe(ct, [["__scopeId", "data-v-ccd228a1"]]), ft = {
+    n[o] = l;
+  return n;
+}, ht = /* @__PURE__ */ xe(kt, [["__scopeId", "data-v-29d941f4"]]), St = {
   // 继承 Button 的所有 props
-  ...Te,
+  ...Pe,
   // 覆盖 loading prop，使其默认值为 undefined，以便自动 loading 功能正常工作
   loading: {
     type: Boolean,
@@ -855,76 +886,76 @@ const ne = "link", Be = "small", st = 150, ct = /* @__PURE__ */ R({
     type: Function,
     default: void 0
   }
-}, pt = /* @__PURE__ */ R({
+}, Bt = /* @__PURE__ */ G({
   name: "MDeleteButton",
   inheritAttrs: !1,
   __name: "delete-button",
-  props: ft,
+  props: St,
   emits: ["delete", "success", "error"],
   setup(e, { emit: r }) {
-    const t = r, o = e, l = D(!1), v = D(null), m = p(() => o.loading !== void 0 ? o.loading : o.autoLoading ? l.value : !1), f = p(() => typeof o.confirm == "function" ? o.confirm(o.count) : o.confirm);
-    Z(m, (a) => {
-      v.value && ve(() => {
+    const n = r, o = e, l = D(!1), y = D(null), d = p(() => o.loading !== void 0 ? o.loading : o.autoLoading ? l.value : !1), f = p(() => typeof o.confirm == "function" ? o.confirm(o.count) : o.confirm);
+    ee(d, (i) => {
+      y.value && H(() => {
         var u;
-        (u = v.value) == null || u.update({
-          okButtonProps: { loading: a }
+        (u = y.value) == null || u.update({
+          okButtonProps: { loading: i }
         });
       });
-    }, { flush: "post" }), We(() => {
-      v.value && (v.value.destroy(), v.value = null);
+    }, { flush: "post" }), tt(() => {
+      y.value && (y.value.destroy(), y.value = null);
     });
-    const g = async () => {
+    const v = async () => {
       try {
         if (o.beforeDelete && await o.beforeDelete() === !1)
           return;
         o.autoLoading && o.loading === void 0 && (l.value = !0);
-        let a = !1;
+        let i = !1;
         const u = () => {
-          a || (a = !0, o.autoLoading && o.loading === void 0 && (l.value = !1));
+          i || (i = !0, o.autoLoading && o.loading === void 0 && (l.value = !1));
         };
         if (o.onDelete) {
-          const A = o.onDelete(u);
-          if (A && typeof A.then == "function")
+          const I = o.onDelete(u);
+          if (I && typeof I.then == "function")
             try {
-              const I = await A;
-              a || u(), H(I);
-            } catch (I) {
-              throw a || u(), I;
+              const w = await I;
+              i || u(), Y(w);
+            } catch (w) {
+              throw i || u(), w;
             }
         } else
-          t("delete", u), o.autoLoading && o.loading === void 0 && setTimeout(() => {
-            a || u();
+          n("delete", u), o.autoLoading && o.loading === void 0 && setTimeout(() => {
+            i || u();
           }, 5e3);
-      } catch (a) {
+      } catch (i) {
         o.autoLoading && o.loading === void 0 && (l.value = !1);
-        const u = a instanceof Error ? a : new Error(String(a));
-        t("error", u), o.showError && ke.error(u.message || "删除失败，请重试");
+        const u = i instanceof Error ? i : new Error(String(i));
+        n("error", u), o.showError && he.error(u.message || "删除失败，请重试");
       }
-    }, H = (a) => {
-      o.showSuccess && ke.success(o.successText || "删除成功"), t("success", a);
-    }, B = o.debounce > 0 ? ze(g, o.debounce) : g, M = () => {
+    }, Y = (i) => {
+      o.showSuccess && he.success(o.successText || "删除成功"), n("success", i);
+    }, b = o.debounce > 0 ? Ce(v, o.debounce) : v, E = () => {
       if (!f.value) {
-        B();
+        b();
         return;
       }
       if (o.confirmType === "popconfirm") return;
-      ve(() => {
-        v.value = Xe.confirm({
+      H(() => {
+        y.value = rt.confirm({
           title: o.confirmTitle,
           content: f.value,
           okText: o.okText,
           cancelText: o.cancelText,
           okType: "danger",
-          okButtonProps: { loading: m.value },
+          okButtonProps: { loading: d.value },
           onOk: async () => {
             try {
-              return await g(), new Promise((u) => {
-                if (!m.value) {
+              return await v(), new Promise((u) => {
+                if (!d.value) {
                   u();
                   return;
                 }
-                const A = Z(m, (I) => {
-                  I || (A(), u());
+                const I = ee(d, (w) => {
+                  w || (I(), u());
                 });
               });
             } catch (u) {
@@ -932,50 +963,50 @@ const ne = "link", Be = "small", st = 150, ct = /* @__PURE__ */ R({
             }
           },
           onCancel: () => {
-            v.value = null;
+            y.value = null;
           },
           afterClose: () => {
-            v.value = null;
+            y.value = null;
           }
         });
       });
     };
-    return (a, u) => f.value && a.confirmType === "popconfirm" ? (s(), k(b(Ye), {
+    return (i, u) => f.value && i.confirmType === "popconfirm" ? (s(), h(P(ot), {
       key: 0,
       title: f.value,
-      "ok-text": a.okText,
-      "cancel-text": a.cancelText,
-      "ok-button-props": { loading: m.value, danger: !0 },
-      onConfirm: b(B)
+      "ok-text": i.okText,
+      "cancel-text": i.cancelText,
+      "ok-button-props": { loading: d.value, danger: !0 },
+      onConfirm: P(b)
     }, {
-      icon: y(() => [
-        V(a.$slots, "popconfirmIcon", {}, () => [
-          S(b(Qe), { class: "text-[--color-ant-error]" })
+      icon: m(() => [
+        F(i.$slots, "popconfirmIcon", {}, () => [
+          B(P(lt), { class: "text-[--color-ant-error]" })
         ], !0)
       ]),
-      default: y(() => [
-        S(b(J), z(a.$attrs, {
-          type: a.type,
-          size: a.size,
+      default: m(() => [
+        B(P(te), x(i.$attrs, {
+          type: i.type,
+          size: i.size,
           danger: !0,
-          loading: m.value,
-          disabled: a.disabled,
-          permission: a.permission,
-          "permission-action": a.permissionAction,
+          loading: d.value,
+          disabled: i.disabled,
+          permission: i.permission,
+          "permission-action": i.permissionAction,
           class: "group"
-        }), U({
-          default: y(() => [
-            V(a.$slots, "default", {}, () => [
-              u[0] || (u[0] = j("删除", -1))
+        }), K({
+          default: m(() => [
+            F(i.$slots, "default", {}, () => [
+              u[0] || (u[0] = W("删除", -1))
             ], !0)
           ]),
           _: 2
         }, [
-          a.hideIcon ? void 0 : {
+          i.hideIcon ? void 0 : {
             name: "icon",
-            fn: y(() => [
-              V(a.$slots, "icon", {}, () => [
-                S(b(be))
+            fn: m(() => [
+              F(i.$slots, "icon", {}, () => [
+                B(P(Se))
               ], !0)
             ]),
             key: "0"
@@ -983,57 +1014,57 @@ const ne = "link", Be = "small", st = 150, ct = /* @__PURE__ */ R({
         ]), 1040, ["type", "size", "loading", "disabled", "permission", "permission-action"])
       ]),
       _: 3
-    }, 8, ["title", "ok-text", "cancel-text", "ok-button-props", "onConfirm"])) : (s(), k(b(J), z({ key: 1 }, a.$attrs, {
-      type: a.type,
-      size: a.size,
+    }, 8, ["title", "ok-text", "cancel-text", "ok-button-props", "onConfirm"])) : (s(), h(P(te), x({ key: 1 }, i.$attrs, {
+      type: i.type,
+      size: i.size,
       danger: !0,
-      loading: m.value,
-      disabled: a.disabled,
-      permission: a.permission,
-      "permission-action": a.permissionAction,
-      onClick: M
-    }), U({
-      default: y(() => [
-        V(a.$slots, "default", {}, () => [
-          u[1] || (u[1] = j("删除", -1))
+      loading: d.value,
+      disabled: i.disabled,
+      permission: i.permission,
+      "permission-action": i.permissionAction,
+      onClick: E
+    }), K({
+      default: m(() => [
+        F(i.$slots, "default", {}, () => [
+          u[1] || (u[1] = W("删除", -1))
         ], !0)
       ]),
       _: 2
     }, [
-      a.hideIcon ? void 0 : {
+      i.hideIcon ? void 0 : {
         name: "icon",
-        fn: y(() => [
-          V(a.$slots, "icon", {}, () => [
-            S(b(be))
+        fn: m(() => [
+          F(i.$slots, "icon", {}, () => [
+            B(P(Se))
           ], !0)
         ]),
         key: "0"
       }
     ]), 1040, ["type", "size", "loading", "disabled", "permission", "permission-action"]));
   }
-}), mt = /* @__PURE__ */ xe(pt, [["__scopeId", "data-v-a943bc19"]]);
-var yt = /* @__PURE__ */ ((e) => (e.TEXT = "text", e.TAG = "tag", e.DATE = "date", e.DATETIME = "dateTime", e.SELECT = "select", e.STATUS = "status", e.CUSTOM = "custom", e))(yt || {}), vt = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.CENTER = "center", e.RIGHT = "right", e))(vt || {}), gt = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MIDDLE = "middle", e.LARGE = "large", e))(gt || {}), ht = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.RADIO = "radio", e))(ht || {}), kt = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e))(kt || {});
-const bt = [J, Pe, oe, dt, mt, ot, qe], Pt = {
+}), zt = /* @__PURE__ */ xe(Bt, [["__scopeId", "data-v-a943bc19"]]);
+var Ct = /* @__PURE__ */ ((e) => (e.TEXT = "text", e.TAG = "tag", e.DATE = "date", e.DATETIME = "dateTime", e.SELECT = "select", e.STATUS = "status", e.CUSTOM = "custom", e))(Ct || {}), Pt = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.CENTER = "center", e.RIGHT = "right", e))(Pt || {}), Tt = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MIDDLE = "middle", e.LARGE = "large", e))(Tt || {}), At = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.RADIO = "radio", e))(At || {}), xt = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e))(xt || {});
+const wt = [te, Ae, ie, ht, zt, dt, at], Lt = {
   install(e) {
-    bt.forEach((r) => {
+    wt.forEach((r) => {
       e.component(r.name || "", r);
     });
   }
 };
 export {
-  dt as ActionGroup,
-  J as Button,
-  Pe as ButtonGroup,
-  kt as ButtonPositionEnum,
-  mt as DeleteButton,
-  oe as DropdownButton,
-  It as Table,
-  vt as TableColumnAlignEnum,
-  yt as TableColumnTypeEnum,
-  ht as TableSelectionTypeEnum,
-  gt as TableSizeEnum,
-  ot as Tag,
-  it as buttonGroupProps,
-  Pt as default,
-  et as tagProps
+  ht as ActionGroup,
+  te as Button,
+  Ae as ButtonGroup,
+  xt as ButtonPositionEnum,
+  zt as DeleteButton,
+  ie as DropdownButton,
+  Vt as Table,
+  Pt as TableColumnAlignEnum,
+  Ct as TableColumnTypeEnum,
+  At as TableSelectionTypeEnum,
+  Tt as TableSizeEnum,
+  dt as Tag,
+  pt as buttonGroupProps,
+  Lt as default,
+  st as tagProps
 };