@mtn-ui/components 1.0.7 → 1.0.9

package/dist/index.mjs

@@ -1,10 +1,11 @@
-import { cn as Le, withInstall as Ce, PERMISSION_CHECKER_KEY as ie, defaultPermissionChecker as re } from "@mtn-ui/shared";
-import { defineComponent as N, createVNode as h, inject as ae, ref as M, computed as p, mergeProps as C, Fragment as E, h as Ve, Comment as Re, Text as Ue, useSlots as We, shallowRef as Fe, watch as J, createElementBlock as x, openBlock as s, createElementVNode as me, unref as S, withCtx as y, createBlock as k, createCommentVNode as Ge, renderList as j, resolveDynamicComponent as z, createSlots as U, createTextVNode as W, toDisplayString as te, cloneVNode as ye, nextTick as ge, onBeforeUnmount as He, renderSlot as R, isVNode as Ke } from "vue";
-import { cva as Ye } from "class-variance-authority";
-import { Button as Te, Space as ve, Dropdown as be, Menu as Z, Popconfirm as qe, message as ke, Modal as Ze, Table as Je } from "ant-design-vue";
-import { useElementSize as Qe, useDebounceFn as ze } from "@vueuse/core";
-import { MoreOutlined as Xe, DeleteOutlined as he, ExclamationCircleOutlined as et } from "@ant-design/icons-vue";
-const tt = {
+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"
@@ -12,7 +13,7 @@ const tt = {
   color: {
     type: String
   }
-}, nt = Ye("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",
@@ -25,26 +26,26 @@ const tt = {
   defaultVariants: {
     type: "default"
   }
-}), ot = /* @__PURE__ */ N({
+}), ct = /* @__PURE__ */ G({
   name: "MTag",
-  props: tt,
+  props: st,
   setup(e, {
-    slots: o,
-    attrs: t
+    slots: r,
+    attrs: n
   }) {
     return () => {
       var l;
       const {
-        type: i
+        type: o
       } = e;
-      return h("span", {
-        class: Le(nt({
-          type: i
-        }), t.class)
-      }, [(l = o.default) == null ? void 0 : l.call(o)]);
+      return B("span", {
+        class: Ue(ut({
+          type: o
+        }), n.class)
+      }, [(l = r.default) == null ? void 0 : l.call(r)]);
     };
   }
-}), it = Ce(ot), Ae = {
+}), dt = je(ct), Pe = {
   // 按钮类型
   type: {
     type: String,
@@ -105,72 +106,72 @@ const tt = {
     default: "hide"
   }
 };
-function Pe(e) {
-  const { permission: o, permissionAction: t = "hide" } = e, i = ae(ie, M(re)), l = p(() => o ? i.value(o) : !0), g = 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: g,
-    shouldDisable: m
+    shouldHide: y,
+    shouldDisable: d
   };
 }
-function rt(e, o) {
-  return e.map((t) => {
-    if (!t || t.type === "divider" || !t.permission)
-      return t;
-    if (!o(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 Q = /* @__PURE__ */ N({
+const te = /* @__PURE__ */ G({
   name: "MButton",
-  props: Ae,
+  props: Pe,
   emits: ["click"],
   setup(e, {
-    slots: o,
-    attrs: t,
-    emit: i
+    slots: r,
+    attrs: n,
+    emit: o
   }) {
     const {
       shouldHide: l,
-      shouldDisable: g
-    } = Pe({
+      shouldDisable: y
+    } = Te({
       permission: e.permission,
       permissionAction: e.permissionAction
-    }), m = (f) => {
-      i("click", f);
+    }), d = (f) => {
+      o("click", f);
     };
-    return () => l.value ? null : h(Te, C({
+    return () => l.value ? null : B(ze, x({
       type: e.type,
       size: e.size,
       loading: e.loading,
-      disabled: e.disabled || g.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;
-        return (f = o.default) == null ? void 0 : f.call(o);
+        return (f = r.default) == null ? void 0 : f.call(r);
       },
       icon: () => {
         var f;
-        return (f = o.icon) == null ? void 0 : f.call(o);
+        return (f = r.icon) == null ? void 0 : f.call(r);
       }
     });
   }
-}), at = {
+}), pt = {
   // 按钮组尺寸
   size: {
     type: String,
@@ -196,43 +197,43 @@ const Q = /* @__PURE__ */ N({
     type: Boolean,
     default: !1
   }
-}, xe = /* @__PURE__ */ N({
+}, Ae = /* @__PURE__ */ G({
   name: "MButtonGroup",
-  props: at,
+  props: pt,
   setup(e, {
-    slots: o,
-    attrs: t
+    slots: r,
+    attrs: n
   }) {
-    return () => h(E, null, [e.compact ? (
+    return () => B(R, null, [e.compact ? (
       // 紧凑模式：按钮紧密连接
-      h(ve.Compact, C({
+      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 i;
-          return [(i = o.default) == null ? void 0 : i.call(o)];
+          var o;
+          return [(o = r.default) == null ? void 0 : o.call(r)];
         }
       })
     ) : (
       // 普通模式：按钮有间距
-      h(ve, C({
+      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 i;
-          return [(i = o.default) == null ? void 0 : i.call(o)];
+          var o;
+          return [(o = r.default) == null ? void 0 : o.call(r)];
         }
       })
     )]);
   }
-}), lt = {
+}), mt = {
   // 按钮文字
   text: {
     type: String,
@@ -288,77 +289,77 @@ const Q = /* @__PURE__ */ N({
     type: String,
     default: "hide"
   }
-}, oe = /* @__PURE__ */ N({
+}, ie = /* @__PURE__ */ G({
   name: "MDropdownButton",
-  props: lt,
+  props: mt,
   emits: ["click"],
   setup(e, {
-    slots: o,
-    attrs: t,
-    emit: i
+    slots: r,
+    attrs: n,
+    emit: o
   }) {
     const {
       shouldHide: l,
-      shouldDisable: g
-    } = Pe({
+      shouldDisable: y
+    } = Te({
       permission: e.permission,
       permissionAction: e.permissionAction
-    }), m = ae(ie, M(re)), f = (v) => {
-      i("click", v);
+    }), d = ue(le, D(se)), f = (v) => {
+      o("click", v);
     };
     return () => {
       if (l.value)
         return null;
       const v = {};
-      if (o.overlay)
-        v.overlay = o.overlay;
+      if (r.overlay)
+        v.overlay = r.overlay;
       else if (e.menu && e.menu.length > 0) {
-        const B = rt(e.menu, m.value);
-        v.overlay = () => Ve(Z, {
-          items: B
+        const b = ft(e.menu, d.value);
+        v.overlay = () => Fe(Q, {
+          items: b
         });
       }
-      return o.icon && (v.icon = o.icon), !(o.default || e.text) ? h(be, C({
+      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: () => [h(Te, {
+        default: () => [B(ze, {
           type: e.type,
           size: e.size === "middle" ? void 0 : e.size,
-          disabled: e.disabled || g.value,
+          disabled: e.disabled || y.value,
           loading: e.loading,
           danger: e.danger,
           onClick: f
         }, {
           default: () => {
-            var B;
-            return [(B = o.icon) == null ? void 0 : B.call(o)];
+            var b;
+            return [(b = r.icon) == null ? void 0 : b.call(r)];
           }
         })],
         ...v
-      }) : h(be.Button, C({
+      }) : B(ke.Button, x({
         type: e.type,
         size: e.size === "middle" ? void 0 : e.size,
-        disabled: e.disabled || g.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 = o.default) == null ? void 0 : B.call(o)) || e.text];
+          var b;
+          return [((b = r.default) == null ? void 0 : b.call(r)) || e.text];
         },
         ...v
       });
     };
   }
-}), ut = {
+}), yt = {
   // ===== 配置化 API =====
   /**
    * 操作项配置列表
@@ -447,267 +448,300 @@ const Q = /* @__PURE__ */ N({
     default: !1
   }
 };
-function st(e) {
+function gt(e) {
   return e ? e.filter(
-    (o) => o.type !== Re && o.type !== Ue && o.type !== Symbol.for("v-fgt")
+    (r) => r.type !== He && r.type !== Ke && r.type !== Symbol.for("v-fgt")
   ) : [];
 }
-function Se(e, o) {
-  var t, i;
+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 && ((i = e.props) == null ? void 0 : i.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-${o}`;
+  return `button-${r}`;
 }
-const ne = "link", Be = "small", ct = 150, dt = /* @__PURE__ */ N({
+const ae = "link", Be = "small", bt = 150, kt = /* @__PURE__ */ G({
   name: "MActionGroup",
   inheritAttrs: !1,
   __name: "action-group",
-  props: ut,
+  props: yt,
   emits: ["action-click"],
-  setup(e, { emit: o }) {
-    const t = e, i = o, l = We(), g = M(), m = M(), f = M(), { width: v } = Qe(g), F = ae(ie, M(re));
-    function B(n) {
-      if (!n) return;
-      const c = n;
-      return c.name || c.__name || c.displayName;
-    }
-    const D = p(() => t.mode === "table"), a = p(
-      () => D.value ? "small" : t.size
-    ), u = p(
-      () => D.value ? "link" : "default"
-    ), A = p(
-      () => D.value ? "" : t.moreText
-    ), _ = p(() => t.moreIcon || Xe);
-    function G(n) {
-      return n ? F.value(n) : !0;
+  setup(e, { emit: r }) {
+    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 H = p(() => st(l.default ? l.default() : void 0)), I = Fe([]);
-    function le(n) {
-      var r, d, b;
+    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(((r = n.componentProps) == null ? void 0 : r.confirm) ?? ""),
-        String(((d = n.componentProps) == null ? void 0 : d.showSuccess) ?? ""),
-        String(((b = n.componentProps) == null ? void 0 : b.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("|");
     }
-    J(
-      () => t.actions,
-      (n) => {
-        if (!n) {
-          I.value = [];
+    ee(
+      () => n.actions,
+      (t) => {
+        if (!t) {
+          O.value = [];
           return;
         }
-        if (I.value.length !== n.length) {
-          I.value = n;
+        if (O.value.length !== t.length) {
+          O.value = t;
           return;
         }
-        const c = n.map(le).join("||"), r = I.value.map(le).join("||");
-        c !== r && (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(() => I.value.length ? I.value.filter((n) => G(n.permission)) : []), T = p(() => t.actions ? K.value.length : H.value.length);
-    function _e() {
-      if (!m.value || !f.value || !v.value)
-        return Math.min(t.maxItems, T.value);
-      const n = f.value.offsetWidth, c = Array.from(
-        m.value.querySelectorAll(".measure-item")
-      );
-      if (c.length === 0) return Math.min(t.maxItems, T.value);
-      let r = n, d = 0;
-      for (let b = 0; b < c.length - 1; b++) {
-        const w = c[b].offsetWidth + t.gap;
-        if (r + w <= v.value)
-          r += 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, T.value));
+      return Math.max(0, Math.min(C, n.maxItems, a));
     }
-    const L = M(t.maxItems), De = ze(() => {
-      L.value = _e();
-    }, ct);
-    J(
-      [v, T, () => t.maxItems, () => t.gap],
-      () => {
-        if (t.disableCollapse) {
-          L.value = T.value;
-          return;
-        }
-        if (T.value <= 1) {
-          L.value = T.value;
-          return;
-        }
-        m.value && f.value && v.value ? De() : L.value = Math.min(t.maxItems, T.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 O = p(() => t.disableCollapse || T.value <= 1 ? T.value : m.value && f.value && v.value ? L.value : Math.min(t.maxItems, T.value)), Ie = p(() => t.actions ? K.value.slice(0, O.value) : []), ue = p(() => t.actions ? K.value.slice(O.value) : []), we = p(() => {
-      if (t.actions) return [];
-      const n = H.value;
-      return O.value >= n.length ? n : n.slice(0, O.value);
-    }), se = p(() => {
-      if (t.actions) return [];
-      const n = H.value;
-      return O.value >= n.length ? [] : n.slice(O.value);
-    }), Ee = p(() => t.actions ? [] : se.value.filter((n) => {
-      const c = n.props || {};
-      return c.permission && c.permissionAction === "hide" ? G(c.permission) : !0;
-    })), Ne = p(() => t.disableCollapse ? !1 : (t.actions ? ue.value.length : se.value.length) > 0);
-    function X(n) {
-      return n.component || Q;
+    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: r,
-        onClick: d,
-        permission: b,
-        permissionAction: P,
-        icon: w,
-        component: $,
-        componentProps: V,
-        slot: Y,
-        type: ee,
-        size: q,
+        key: a,
+        onClick: g,
+        permission: z,
+        permissionAction: k,
+        icon: C,
+        component: S,
+        componentProps: _,
+        slot: N,
+        type: J,
+        size: V,
         disabled: $e,
-        ...je
-      } = n;
+        ...Ge
+      } = t;
       return {
-        component: $,
-        componentProps: V,
-        type: ee,
-        size: q,
-        rest: je,
-        permission: b,
-        permissionAction: P,
+        component: S,
+        componentProps: _,
+        type: J,
+        size: V,
+        rest: Ge,
+        permission: z,
+        permissionAction: k,
         disabled: $e
       };
     }
-    function fe(n) {
-      const { component: c, componentProps: r, type: d, rest: b, permission: P, permissionAction: w, disabled: $ } = de(n), V = {
-        type: d || u.value,
-        size: a.value,
-        disabled: $ || !G(P) && w === "disable",
-        ...b
+    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 && r) {
-        const Y = { ...V, ...r };
-        return D.value && (Y.type = "link"), Y;
+      if (c && a) {
+        const N = { ..._, ...a };
+        return b.value && (N.type = "link"), N;
       }
-      return V;
+      return _;
     }
-    function Oe(n) {
-      const { component: c, componentProps: r, rest: d, permission: b, permissionAction: P, disabled: w } = de(n), $ = {
-        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 || !G(b) && P === "disable",
-        ...d
+        disabled: C || !w(z) && k === "disable",
+        ...g
       };
-      if (c && r) {
-        const { type: V, size: Y, ...ee } = r, q = { ...$, ...ee };
-        return q.type = ne, q;
+      if (c && a) {
+        const { type: _, size: N, ...J } = a, V = { ...S, ...J };
+        return V.type = ae, V;
       }
-      return $;
+      return S;
     }
-    function pe(n) {
-      n.onClick && n.onClick(n), i("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: g,
+      ref: d,
       class: "mtn-action-group"
     }, [
-      h(S(xe), C({
-        size: a.value,
-        compact: n.compact,
-        vertical: n.vertical,
-        block: n.block
-      }, n.$attrs), {
-        default: y(() => [
-          t.actions ? (s(!0), x(E, { key: 0 }, j(Ie.value, (r, d) => (s(), k(z(X(r)), C({
-            key: ce(r, d)
-          }, { ref_for: !0 }, fe(r), {
-            onClick: (b) => pe(r)
-          }), U({
-            default: y(() => [
-              W(" " + te(r.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
           }, [
-            r.icon ? {
+            a.icon ? {
               name: "icon",
-              fn: y(() => [
-                (s(), k(z(r.icon)))
+              fn: m(() => [
+                (s(), h(A(a.icon)))
               ]),
               key: "0"
             } : void 0
-          ]), 1040, ["onClick"]))), 128)) : (s(!0), x(E, { key: 1 }, j(we.value, (r, d) => {
-            var b, P;
-            return s(), k(z(ye(r, {
-              type: ((b = r.props) == null ? void 0 : b.type) ?? (D.value ? u.value : void 0),
-              size: ((P = r.props) == null ? void 0 : P.size) ?? a.value
-            })), {
-              key: S(Se)(r, d)
-            });
-          }), 128)),
-          Ne.value ? (s(), k(S(oe), C({
-            key: 2,
-            text: A.value,
-            size: a.value,
-            type: u.value
-          }, t.moreProps), {
-            icon: y(() => [
-              (s(), k(z(_.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(() => [
-              h(S(Z), null, {
-                default: y(() => [
-                  t.actions ? (s(!0), x(E, { key: 0 }, j(ue.value, (r, d) => (s(), k(S(Z).Item, {
-                    key: ce(r, 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(z(X(r)), C({ ref_for: !0 }, Oe(r), {
-                        onClick: (b) => pe(r)
-                      }), U({
-                        default: y(() => [
-                          W(" " + te(r.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
                       }, [
-                        r.icon ? {
+                        a.icon ? {
                           name: "icon",
-                          fn: y(() => [
-                            (s(), k(z(r.icon)))
+                          fn: m(() => [
+                            (s(), h(A(a.icon)))
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1040, ["onClick"]))
                     ]),
                     _: 2
-                  }, 1024))), 128)) : (s(!0), x(E, { key: 1 }, j(Ee.value, (r, d) => (s(), k(S(Z).Item, {
-                    key: S(Se)(r, d)
+                  }, 1024))), 128)) : (s(!0), M(R, { key: 1 }, $(oe.value, (a) => (s(), h(P(Q).Item, {
+                    key: a.key
                   }, {
-                    default: y(() => [
-                      (s(), k(z(ye(r, {
-                        ...r.props,
-                        type: ne,
-                        size: Be
-                      }))))
+                    default: m(() => [
+                      (s(), h(A(a.menuVnode)))
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -716,66 +750,67 @@ const ne = "link", Be = "small", ct = 150, dt = /* @__PURE__ */ N({
               })
             ]),
             _: 1
-          }, 16, ["text", "size", "type"])) : Ge("", !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 }, j(K.value, (r, 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(z(X(r)), C({ ref_for: !0 }, fe(r)), U({
-            default: y(() => [
-              W(" " + te(r.label), 1)
+          (s(), h(A(a.component), x({ ref_for: !0 }, a.props), K({
+            default: m(() => [
+              W(" " + re(a.label), 1)
             ]),
             _: 2
           }, [
-            r.icon ? {
+            a.icon ? {
               name: "icon",
-              fn: y(() => [
-                (s(), k(z(r.icon)))
+              fn: m(() => [
+                (s(), h(A(a.icon)))
               ]),
               key: "0"
             } : void 0
           ]), 1040))
-        ]))), 128)) : (s(!0), x(E, { key: 1 }, j(H.value, (r, 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(z(r)))
+          (s(), h(A(a.vnode)))
         ]))), 128)),
-        me("span", {
+        ge("span", {
           ref_key: "moreTriggerRef",
-          ref: f,
+          ref: v,
           class: "measure-item"
         }, [
-          h(S(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(z(_.value)))
+            icon: m(() => [
+              (s(), h(A(I.value)))
             ]),
             _: 1
           }, 8, ["text", "size", "type"])
         ], 512)
-      ], 512)
+      ], 4)
     ], 512));
   }
-}), Me = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [i, l] of o)
-    t[i] = l;
-  return t;
-}, ft = /* @__PURE__ */ Me(dt, [["__scopeId", "data-v-845c43ad"]]), pt = {
+}), xe = (e, r) => {
+  const n = e.__vccOpts || e;
+  for (const [o, l] of r)
+    n[o] = l;
+  return n;
+}, ht = /* @__PURE__ */ xe(kt, [["__scopeId", "data-v-29d941f4"]]), St = {
   // 继承 Button 的所有 props
-  ...Ae,
+  ...Pe,
   // 覆盖 loading prop，使其默认值为 undefined，以便自动 loading 功能正常工作
   loading: {
     type: Boolean,
@@ -851,76 +886,76 @@ const ne = "link", Be = "small", ct = 150, dt = /* @__PURE__ */ N({
     type: Function,
     default: void 0
   }
-}, mt = /* @__PURE__ */ N({
+}, Bt = /* @__PURE__ */ G({
   name: "MDeleteButton",
   inheritAttrs: !1,
   __name: "delete-button",
-  props: pt,
+  props: St,
   emits: ["delete", "success", "error"],
-  setup(e, { emit: o }) {
-    const t = o, i = e, l = M(!1), g = M(null), m = p(() => i.loading !== void 0 ? i.loading : i.autoLoading ? l.value : !1), f = p(() => typeof i.confirm == "function" ? i.confirm(i.count) : i.confirm);
-    J(m, (a) => {
-      g.value && ge(() => {
+  setup(e, { emit: r }) {
+    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 = g.value) == null || u.update({
-          okButtonProps: { loading: a }
+        (u = y.value) == null || u.update({
+          okButtonProps: { loading: i }
         });
       });
-    }, { flush: "post" }), He(() => {
-      g.value && (g.value.destroy(), g.value = null);
+    }, { flush: "post" }), tt(() => {
+      y.value && (y.value.destroy(), y.value = null);
     });
     const v = async () => {
       try {
-        if (i.beforeDelete && await i.beforeDelete() === !1)
+        if (o.beforeDelete && await o.beforeDelete() === !1)
           return;
-        i.autoLoading && i.loading === void 0 && (l.value = !0);
-        let a = !1;
+        o.autoLoading && o.loading === void 0 && (l.value = !0);
+        let i = !1;
         const u = () => {
-          a || (a = !0, i.autoLoading && i.loading === void 0 && (l.value = !1));
+          i || (i = !0, o.autoLoading && o.loading === void 0 && (l.value = !1));
         };
-        if (i.onDelete) {
-          const A = i.onDelete(u);
-          if (A && typeof A.then == "function")
+        if (o.onDelete) {
+          const I = o.onDelete(u);
+          if (I && typeof I.then == "function")
             try {
-              const _ = await A;
-              a || u(), F(_);
-            } catch (_) {
-              throw a || u(), _;
+              const w = await I;
+              i || u(), Y(w);
+            } catch (w) {
+              throw i || u(), w;
             }
         } else
-          t("delete", u), i.autoLoading && i.loading === void 0 && setTimeout(() => {
-            a || u();
+          n("delete", u), o.autoLoading && o.loading === void 0 && setTimeout(() => {
+            i || u();
           }, 5e3);
-      } catch (a) {
-        i.autoLoading && i.loading === void 0 && (l.value = !1);
-        const u = a instanceof Error ? a : new Error(String(a));
-        t("error", u), i.showError && ke.error(u.message || "删除失败，请重试");
+      } catch (i) {
+        o.autoLoading && o.loading === void 0 && (l.value = !1);
+        const u = i instanceof Error ? i : new Error(String(i));
+        n("error", u), o.showError && he.error(u.message || "删除失败，请重试");
       }
-    }, F = (a) => {
-      i.showSuccess && ke.success(i.successText || "删除成功"), t("success", a);
-    }, B = i.debounce > 0 ? ze(v, i.debounce) : v, D = () => {
+    }, 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 (i.confirmType === "popconfirm") return;
-      ge(() => {
-        g.value = Ze.confirm({
-          title: i.confirmTitle,
+      if (o.confirmType === "popconfirm") return;
+      H(() => {
+        y.value = rt.confirm({
+          title: o.confirmTitle,
           content: f.value,
-          okText: i.okText,
-          cancelText: i.cancelText,
+          okText: o.okText,
+          cancelText: o.cancelText,
           okType: "danger",
-          okButtonProps: { loading: m.value },
+          okButtonProps: { loading: d.value },
           onOk: async () => {
             try {
               return await v(), new Promise((u) => {
-                if (!m.value) {
+                if (!d.value) {
                   u();
                   return;
                 }
-                const A = J(m, (_) => {
-                  _ || (A(), u());
+                const I = ee(d, (w) => {
+                  w || (I(), u());
                 });
               });
             } catch (u) {
@@ -928,50 +963,50 @@ const ne = "link", Be = "small", ct = 150, dt = /* @__PURE__ */ N({
             }
           },
           onCancel: () => {
-            g.value = null;
+            y.value = null;
           },
           afterClose: () => {
-            g.value = null;
+            y.value = null;
           }
         });
       });
     };
-    return (a, u) => f.value && a.confirmType === "popconfirm" ? (s(), k(S(qe), {
+    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: S(B)
+      "ok-text": i.okText,
+      "cancel-text": i.cancelText,
+      "ok-button-props": { loading: d.value, danger: !0 },
+      onConfirm: P(b)
     }, {
-      icon: y(() => [
-        R(a.$slots, "popconfirmIcon", {}, () => [
-          h(S(et), { class: "text-[--color-ant-error]" })
+      icon: m(() => [
+        F(i.$slots, "popconfirmIcon", {}, () => [
+          B(P(lt), { class: "text-[--color-ant-error]" })
         ], !0)
       ]),
-      default: y(() => [
-        h(S(Q), C(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(() => [
-            R(a.$slots, "default", {}, () => [
+        }), 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(() => [
-              R(a.$slots, "icon", {}, () => [
-                h(S(he))
+            fn: m(() => [
+              F(i.$slots, "icon", {}, () => [
+                B(P(Se))
               ], !0)
             ]),
             key: "0"
@@ -979,99 +1014,57 @@ const ne = "link", Be = "small", ct = 150, dt = /* @__PURE__ */ N({
         ]), 1040, ["type", "size", "loading", "disabled", "permission", "permission-action"])
       ]),
       _: 3
-    }, 8, ["title", "ok-text", "cancel-text", "ok-button-props", "onConfirm"])) : (s(), k(S(Q), C({ 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: D
-    }), U({
-      default: y(() => [
-        R(a.$slots, "default", {}, () => [
+      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(() => [
-          R(a.$slots, "icon", {}, () => [
-            h(S(he))
+        fn: m(() => [
+          F(i.$slots, "icon", {}, () => [
+            B(P(Se))
           ], !0)
         ]),
         key: "0"
       }
     ]), 1040, ["type", "size", "loading", "disabled", "permission", "permission-action"]));
   }
-}), yt = /* @__PURE__ */ Me(mt, [["__scopeId", "data-v-a943bc19"]]), gt = {
-  // 继承 antd 的所有 props
-  columns: {
-    type: Array,
-    required: !0
-  },
-  dataSource: {
-    type: Array,
-    default: () => []
-  },
-  rowKey: {
-    type: [String, Function],
-    default: "id"
-  },
-  pagination: {
-    type: [Object, Boolean],
-    default: void 0
-  },
-  loading: {
-    type: Boolean,
-    default: !1
-  },
-  bordered: {
-    type: Boolean,
-    default: !1
-  },
-  size: {
-    type: String,
-    default: "middle"
-  }
-  // 可以添加更多自定义 props
-};
-function vt(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ke(e);
-}
-const bt = /* @__PURE__ */ N({
-  name: "MTable",
-  props: gt,
-  setup(e, {
-    slots: o,
-    attrs: t
-  }) {
-    return () => h(Je, C(e, t, {
-      class: "mtn-table"
-    }), vt(o) ? o : {
-      default: () => [o]
-    });
-  }
-}), kt = Ce(bt), ht = [Q, xe, oe, ft, yt, it, kt], 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) {
-    ht.forEach((o) => {
-      e.component(o.name || "", o);
+    wt.forEach((r) => {
+      e.component(r.name || "", r);
     });
   }
 };
 export {
-  ft as ActionGroup,
-  Q as Button,
-  xe as ButtonGroup,
-  yt as DeleteButton,
-  oe as DropdownButton,
-  kt as Table,
-  it as Tag,
-  at as buttonGroupProps,
-  Pt as default,
-  gt as tableProps,
-  tt 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
 };