@mtn-ui/components 1.0.2 → 1.0.4

package/dist/index.mjs

@@ -0,0 +1,1022 @@
+import { cn as _e, withInstall as ge, PERMISSION_CHECKER_KEY as Z, defaultPermissionChecker as J } from "@mtn-ui/shared";
+import { defineComponent as _, createVNode as v, inject as Q, ref as D, computed as c, mergeProps as S, Fragment as I, h as Ee, Comment as Ne, Text as $e, useSlots as Oe, createElementBlock as w, openBlock as u, createElementVNode as re, unref as B, withCtx as f, createBlock as g, createCommentVNode as Le, renderList as O, resolveDynamicComponent as A, createSlots as j, createTextVNode as W, toDisplayString as q, cloneVNode as ae, watch as le, nextTick as ue, onBeforeUnmount as Re, renderSlot as V, isVNode as Ve } from "vue";
+import { cva as je } from "class-variance-authority";
+import { Button as ve, Space as se, Dropdown as ce, Menu as G, Popconfirm as We, message as de, Modal as Fe, Table as Ge } from "ant-design-vue";
+import { useElementSize as He, useDebounceFn as Ke } from "@vueuse/core";
+import { MoreOutlined as Ue, DeleteOutlined as fe, ExclamationCircleOutlined as qe } from "@ant-design/icons-vue";
+const Ye = {
+  type: {
+    type: String,
+    default: "default"
+  },
+  color: {
+    type: String
+  }
+}, Ze = je("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",
+      success: "bg-green-100 text-green-800 border-green-200",
+      processing: "bg-blue-100 text-blue-800 border-blue-200",
+      error: "bg-red-100 text-red-800 border-red-200",
+      warning: "bg-orange-100 text-orange-800 border-orange-200"
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+}), Je = /* @__PURE__ */ _({
+  name: "MTag",
+  props: Ye,
+  setup(e, {
+    slots: n,
+    attrs: t
+  }) {
+    return () => {
+      var l;
+      const {
+        type: o
+      } = e;
+      return v("span", {
+        class: _e(Ze({
+          type: o
+        }), t.class)
+      }, [(l = n.default) == null ? void 0 : l.call(n)]);
+    };
+  }
+}), Qe = ge(Je), be = {
+  // 按钮类型
+  type: {
+    type: String,
+    default: "default"
+  },
+  // 按钮尺寸
+  size: {
+    type: String,
+    default: "middle"
+  },
+  // 加载状态
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  // 禁用状态
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  // 危险按钮
+  danger: {
+    type: Boolean,
+    default: !1
+  },
+  // 块级按钮
+  block: {
+    type: Boolean,
+    default: !1
+  },
+  // 幽灵按钮
+  ghost: {
+    type: Boolean,
+    default: !1
+  },
+  // 按钮形状
+  shape: {
+    type: String,
+    default: "default"
+  },
+  // HTML 按钮类型
+  htmlType: {
+    type: String,
+    default: "button"
+  },
+  // 图标
+  icon: {
+    type: Object
+  },
+  // 权限码（支持单个或多个，满足任一即可）
+  permission: {
+    type: [String, Array],
+    default: void 0
+  },
+  // 无权限时的行为：hide-隐藏元素，disable-禁用元素
+  permissionAction: {
+    type: String,
+    default: "hide"
+  }
+};
+function ke(e) {
+  const { permission: n, permissionAction: t = "hide" } = e, o = Q(Z, D(J)), l = c(() => n ? o.value(n) : !0), p = c(() => !l.value && t === "hide"), m = c(() => !l.value && t === "disable");
+  return {
+    hasPermission: l,
+    shouldHide: p,
+    shouldDisable: m
+  };
+}
+function Xe(e, n) {
+  return e.map((t) => {
+    if (!t || t.type === "divider" || !t.permission)
+      return t;
+    if (!n(t.permission)) {
+      const l = t.permissionAction || "hide";
+      if (l === "hide")
+        return null;
+      if (l === "disable")
+        return { ...t, disabled: !0 };
+    }
+    return t;
+  }).filter(Boolean);
+}
+const H = /* @__PURE__ */ _({
+  name: "MButton",
+  props: be,
+  emits: ["click"],
+  setup(e, {
+    slots: n,
+    attrs: t,
+    emit: o
+  }) {
+    const {
+      shouldHide: l,
+      shouldDisable: p
+    } = ke({
+      permission: e.permission,
+      permissionAction: e.permissionAction
+    }), m = (y) => {
+      o("click", y);
+    };
+    return () => l.value ? null : v(ve, S({
+      type: e.type,
+      size: e.size,
+      loading: e.loading,
+      disabled: e.disabled || p.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
+    }), {
+      default: () => {
+        var y;
+        return [(y = n.default) == null ? void 0 : y.call(n)];
+      }
+    });
+  }
+}), et = {
+  // 按钮组尺寸
+  size: {
+    type: String,
+    default: "middle"
+  },
+  // 是否紧凑模式（按钮紧密连接）
+  compact: {
+    type: Boolean,
+    default: !0
+  },
+  // 按钮间距（仅在非紧凑模式下生效）
+  gap: {
+    type: [Number, String],
+    default: 8
+  },
+  // 是否垂直排列
+  vertical: {
+    type: Boolean,
+    default: !1
+  },
+  // 是否块级（100%宽度）
+  block: {
+    type: Boolean,
+    default: !1
+  }
+}, he = /* @__PURE__ */ _({
+  name: "MButtonGroup",
+  props: et,
+  setup(e, {
+    slots: n,
+    attrs: t
+  }) {
+    return () => v(I, null, [e.compact ? (
+      // 紧凑模式：按钮紧密连接
+      v(se.Compact, S({
+        size: e.size,
+        direction: e.vertical ? "vertical" : "horizontal",
+        block: e.block
+      }, t, {
+        class: ["mtn-button-group", "mtn-button-group--compact", t.class]
+      }), {
+        default: () => {
+          var o;
+          return [(o = n.default) == null ? void 0 : o.call(n)];
+        }
+      })
+    ) : (
+      // 普通模式：按钮有间距
+      v(se, S({
+        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]
+      }), {
+        default: () => {
+          var o;
+          return [(o = n.default) == null ? void 0 : o.call(n)];
+        }
+      })
+    )]);
+  }
+}), tt = {
+  // 按钮文字
+  text: {
+    type: String,
+    default: "Dropdown"
+  },
+  // 按钮类型
+  type: {
+    type: String,
+    default: "default"
+  },
+  // 按钮尺寸
+  size: {
+    type: String,
+    default: "middle"
+  },
+  // 下拉菜单配置（配置化方式）
+  menu: {
+    type: Array,
+    default: void 0
+  },
+  // 禁用状态
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  // 加载状态
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  // 危险按钮
+  danger: {
+    type: Boolean,
+    default: !1
+  },
+  // 下拉位置
+  placement: {
+    type: String,
+    default: "bottomLeft"
+  },
+  // 触发方式（下拉按钮通常使用点击触发）
+  trigger: {
+    type: Array,
+    default: () => ["click"]
+  },
+  // 权限码（支持单个或多个，满足任一即可）
+  permission: {
+    type: [String, Array],
+    default: void 0
+  },
+  // 无权限时的行为：hide-隐藏元素，disable-禁用元素
+  permissionAction: {
+    type: String,
+    default: "hide"
+  }
+}, Y = /* @__PURE__ */ _({
+  name: "MDropdownButton",
+  props: tt,
+  emits: ["click"],
+  setup(e, {
+    slots: n,
+    attrs: t,
+    emit: o
+  }) {
+    const {
+      shouldHide: l,
+      shouldDisable: p
+    } = ke({
+      permission: e.permission,
+      permissionAction: e.permissionAction
+    }), m = Q(Z, D(J)), y = (b) => {
+      o("click", b);
+    };
+    return () => {
+      if (l.value)
+        return null;
+      const b = {};
+      if (n.overlay)
+        b.overlay = n.overlay;
+      else if (e.menu && e.menu.length > 0) {
+        const k = Xe(e.menu, m.value);
+        b.overlay = () => Ee(G, {
+          items: k
+        });
+      }
+      return n.icon && (b.icon = n.icon), !(n.default || e.text) ? v(ce, S({
+        placement: e.placement,
+        trigger: e.trigger
+      }, t, {
+        class: ["mtn-dropdown-button", t.class]
+      }), {
+        default: () => [v(ve, {
+          type: e.type,
+          size: e.size === "middle" ? void 0 : e.size,
+          disabled: e.disabled || p.value,
+          loading: e.loading,
+          danger: e.danger,
+          onClick: y
+        }, {
+          default: () => {
+            var k;
+            return [(k = n.icon) == null ? void 0 : k.call(n)];
+          }
+        })],
+        ...b
+      }) : v(ce.Button, S({
+        type: e.type,
+        size: e.size === "middle" ? void 0 : e.size,
+        disabled: e.disabled || p.value,
+        loading: e.loading,
+        danger: e.danger,
+        placement: e.placement,
+        trigger: e.trigger
+      }, t, {
+        class: ["mtn-dropdown-button", t.class],
+        onClick: y
+      }), {
+        default: () => {
+          var k;
+          return [((k = n.default) == null ? void 0 : k.call(n)) || e.text];
+        },
+        ...b
+      });
+    };
+  }
+}), nt = {
+  // ===== 配置化 API =====
+  /**
+   * 操作项配置列表
+   */
+  actions: {
+    type: Array,
+    default: void 0
+  },
+  /**
+   * 组件模式
+   */
+  mode: {
+    type: String,
+    default: "default"
+  },
+  // ===== 收纳配置 =====
+  /**
+   * 最多显示的按钮数量
+   */
+  maxItems: {
+    type: Number,
+    default: 3
+  },
+  /**
+   * 按钮之间的间距（px）
+   */
+  gap: {
+    type: Number,
+    default: 8
+  },
+  /**
+   * "更多"按钮的文本
+   */
+  moreText: {
+    type: String,
+    default: "更多"
+  },
+  /**
+   * "更多"按钮的图标
+   */
+  moreIcon: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * "更多"按钮的属性
+   */
+  moreProps: {
+    type: Object,
+    default: () => ({})
+  },
+  // ===== 样式配置 =====
+  /**
+   * 按钮尺寸
+   */
+  size: {
+    type: String,
+    default: "middle"
+  },
+  /**
+   * 是否紧凑模式
+   */
+  compact: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 是否垂直布局
+   */
+  vertical: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 是否块级元素
+   */
+  block: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 是否禁用响应式收纳
+   */
+  disableCollapse: {
+    type: Boolean,
+    default: !1
+  }
+};
+function ot(e) {
+  return e ? e.filter(
+    (n) => n.type !== Ne && n.type !== $e && n.type !== Symbol.for("v-fgt")
+  ) : [];
+}
+function pe(e, n) {
+  var t, 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) {
+    const l = e.props.key;
+    return typeof l == "symbol" ? l.toString() : l;
+  }
+  return `button-${n}`;
+}
+const me = "link", ye = "small", it = /* @__PURE__ */ _({
+  name: "MActionGroup",
+  inheritAttrs: !1,
+  __name: "action-group",
+  props: nt,
+  emits: ["action-click"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = Oe(), p = D(), m = D(), y = D(), { width: b } = He(p), F = Q(Z, D(J)), k = c(() => t.mode === "table"), M = c(
+      () => k.value ? "small" : t.size
+    ), a = c(
+      () => k.value ? "link" : "default"
+    ), s = c(
+      () => k.value ? "" : t.moreText
+    ), P = c(() => t.moreIcon || Ue);
+    function z(i) {
+      return i ? F.value(i) : !0;
+    }
+    const E = c(() => {
+      var i;
+      return ot((i = l.default) == null ? void 0 : i.call(l));
+    }), N = c(() => t.actions ? t.actions.filter((i) => z(i.permission)) : []), $ = c(() => {
+      if (t.disableCollapse)
+        return t.actions ? N.value.length : E.value.length;
+      const i = t.actions ? N.value.length : E.value.length;
+      return i <= 1 ? i : m.value && y.value && b.value ? Se() : Math.min(t.maxItems, i);
+    });
+    function Se() {
+      if (!m.value || !y.value || !b.value)
+        return t.maxItems;
+      const i = y.value.offsetWidth, h = Array.from(
+        m.value.querySelectorAll(".measure-item")
+      );
+      if (h.length === 0) return t.maxItems;
+      let r = i, d = 0;
+      for (let C = 0; C < h.length - 1; C++) {
+        const x = h[C].offsetWidth + t.gap;
+        if (r + x <= b.value)
+          r += x, d++;
+        else
+          break;
+      }
+      const T = t.actions ? N.value.length : E.value.length;
+      return Math.max(0, Math.min(d, t.maxItems, T));
+    }
+    const Te = c(() => t.actions ? N.value.slice(0, $.value) : []), X = c(() => t.actions ? N.value.slice($.value) : []), Ce = c(() => {
+      if (t.actions) return [];
+      const i = E.value;
+      return $.value >= i.length ? i : i.slice(0, $.value);
+    }), ee = c(() => {
+      if (t.actions) return [];
+      const i = E.value;
+      return $.value >= i.length ? [] : i.slice($.value);
+    }), ze = c(() => t.actions ? X.value.filter((i) => z(i.permission)) : []), Ae = c(() => t.actions ? [] : ee.value.filter((i) => {
+      const h = i.props || {};
+      return h.permission && h.permissionAction === "hide" ? z(h.permission) : !0;
+    })), Pe = c(() => t.disableCollapse ? !1 : (t.actions ? X.value.length : ee.value.length) > 0);
+    function K(i) {
+      return i.component || H;
+    }
+    function te(i, h) {
+      return i.key || i.label || `action-${h}`;
+    }
+    function ne(i) {
+      const {
+        label: h,
+        key: r,
+        onClick: d,
+        permission: T,
+        permissionAction: C,
+        icon: L,
+        component: x,
+        componentProps: R,
+        slot: we,
+        type: U,
+        size: De,
+        disabled: Me,
+        ...Ie
+      } = i;
+      return {
+        component: x,
+        componentProps: R,
+        type: U,
+        size: De,
+        rest: Ie,
+        permission: T,
+        permissionAction: C,
+        disabled: Me
+      };
+    }
+    function oe(i) {
+      const { component: h, componentProps: r, type: d, rest: T, permission: C, permissionAction: L, disabled: x } = ne(i), R = {
+        type: d || a.value,
+        size: M.value,
+        disabled: x || !z(C) && L === "disable",
+        ...T
+      };
+      return h && r ? { ...R, ...r } : R;
+    }
+    function xe(i) {
+      const { component: h, componentProps: r, rest: d, permission: T, permissionAction: C, disabled: L } = ne(i), x = {
+        type: me,
+        size: ye,
+        disabled: L || !z(T) && C === "disable",
+        ...d
+      };
+      if (h && r) {
+        const { type: R, size: we, ...U } = r;
+        return { ...x, ...U };
+      }
+      return x;
+    }
+    function ie(i) {
+      i.onClick && i.onClick(i), o("action-click", i);
+    }
+    return (i, h) => (u(), w("div", {
+      ref_key: "containerRef",
+      ref: p,
+      class: "mtn-action-group"
+    }, [
+      v(B(he), S({
+        size: M.value,
+        compact: i.compact,
+        vertical: i.vertical,
+        block: i.block
+      }, i.$attrs), {
+        default: f(() => [
+          t.actions ? (u(!0), w(I, { key: 0 }, O(Te.value, (r, d) => (u(), g(A(K(r)), S({
+            key: te(r, d)
+          }, { ref_for: !0 }, oe(r), {
+            onClick: (T) => ie(r)
+          }), j({
+            default: f(() => [
+              W(" " + q(r.label), 1)
+            ]),
+            _: 2
+          }, [
+            r.icon && !r.component ? {
+              name: "icon",
+              fn: f(() => [
+                (u(), g(A(r.icon)))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["onClick"]))), 128)) : (u(!0), w(I, { key: 1 }, O(Ce.value, (r, d) => {
+            var T, C;
+            return u(), g(A(ae(r, {
+              type: ((T = r.props) == null ? void 0 : T.type) ?? (k.value ? a.value : void 0),
+              size: ((C = r.props) == null ? void 0 : C.size) ?? M.value
+            })), {
+              key: B(pe)(r, d)
+            });
+          }), 128)),
+          Pe.value ? (u(), g(B(Y), S({
+            key: 2,
+            text: s.value,
+            size: M.value,
+            type: a.value
+          }, t.moreProps), {
+            icon: f(() => [
+              (u(), g(A(P.value)))
+            ]),
+            overlay: f(() => [
+              v(B(G), null, {
+                default: f(() => [
+                  t.actions ? (u(!0), w(I, { key: 0 }, O(ze.value, (r, d) => (u(), g(B(G).Item, {
+                    key: te(r, d)
+                  }, {
+                    default: f(() => [
+                      (u(), g(A(K(r)), S({ ref_for: !0 }, xe(r), {
+                        onClick: (T) => ie(r)
+                      }), j({
+                        default: f(() => [
+                          W(" " + q(r.label), 1)
+                        ]),
+                        _: 2
+                      }, [
+                        r.icon && !r.component ? {
+                          name: "icon",
+                          fn: f(() => [
+                            (u(), g(A(r.icon)))
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1040, ["onClick"]))
+                    ]),
+                    _: 2
+                  }, 1024))), 128)) : (u(!0), w(I, { key: 1 }, O(Ae.value, (r, d) => (u(), g(B(G).Item, {
+                    key: B(pe)(r, d)
+                  }, {
+                    default: f(() => [
+                      (u(), g(A(ae(r, {
+                        ...r.props,
+                        type: me,
+                        size: ye
+                      }))))
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 16, ["text", "size", "type"])) : Le("", !0)
+        ]),
+        _: 1
+      }, 16, ["size", "compact", "vertical", "block"]),
+      re("div", {
+        ref_key: "measureRef",
+        ref: m,
+        class: "mtn-action-group-measure"
+      }, [
+        t.actions ? (u(!0), w(I, { key: 0 }, O(N.value, (r, d) => (u(), w("span", {
+          key: d,
+          class: "measure-item"
+        }, [
+          (u(), g(A(K(r)), S({ ref_for: !0 }, oe(r)), j({
+            default: f(() => [
+              W(" " + q(r.label), 1)
+            ]),
+            _: 2
+          }, [
+            r.icon && !r.component ? {
+              name: "icon",
+              fn: f(() => [
+                (u(), g(A(r.icon)))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040))
+        ]))), 128)) : (u(!0), w(I, { key: 1 }, O(E.value, (r, d) => (u(), w("span", {
+          key: d,
+          class: "measure-item"
+        }, [
+          (u(), g(A(r)))
+        ]))), 128)),
+        re("span", {
+          ref_key: "moreTriggerRef",
+          ref: y,
+          class: "measure-item"
+        }, [
+          v(B(Y), {
+            text: s.value,
+            size: M.value,
+            type: a.value
+          }, {
+            icon: f(() => [
+              (u(), g(A(P.value)))
+            ]),
+            _: 1
+          }, 8, ["text", "size", "type"])
+        ], 512)
+      ], 512)
+    ], 512));
+  }
+}), Be = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, l] of n)
+    t[o] = l;
+  return t;
+}, rt = /* @__PURE__ */ Be(it, [["__scopeId", "data-v-b8d47218"]]), at = {
+  // 继承 Button 的所有 props
+  ...be,
+  // 覆盖 loading prop，使其默认值为 undefined，以便自动 loading 功能正常工作
+  loading: {
+    type: Boolean,
+    default: void 0
+  },
+  /** 确认提示文本（支持函数，动态生成） */
+  confirm: {
+    type: [String, Boolean, Function],
+    default: "确定要删除吗？"
+  },
+  /** 确认类型：modal-弹窗确认，popconfirm-气泡确认 */
+  confirmType: {
+    type: String,
+    default: "modal"
+  },
+  /** Modal 标题 */
+  confirmTitle: {
+    type: String,
+    default: "确认删除"
+  },
+  /** 确认按钮文本 */
+  okText: {
+    type: String,
+    default: "确定"
+  },
+  /** 取消按钮文本 */
+  cancelText: {
+    type: String,
+    default: "取消"
+  },
+  /** 是否隐藏图标 */
+  hideIcon: {
+    type: Boolean,
+    default: !1
+  },
+  /** 是否自动处理 Loading（推荐开启） */
+  autoLoading: {
+    type: Boolean,
+    default: !0
+  },
+  /** 删除前验证函数，返回 false 或 Promise<false> 可阻止删除 */
+  beforeDelete: {
+    type: Function,
+    default: void 0
+  },
+  /** 删除数量（用于批量删除提示） */
+  count: {
+    type: Number,
+    default: 1
+  },
+  /** 是否显示成功提示 */
+  showSuccess: {
+    type: Boolean,
+    default: !1
+  },
+  /** 成功提示文本 */
+  successText: {
+    type: String,
+    default: "删除成功"
+  },
+  /** 是否显示错误提示 */
+  showError: {
+    type: Boolean,
+    default: !0
+  },
+  /** 防抖延迟（ms），0 表示不防抖 */
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  /** 删除事件处理函数（用于 ActionGroup Config API） */
+  onDelete: {
+    type: Function,
+    default: void 0
+  }
+}, lt = /* @__PURE__ */ _({
+  name: "MDeleteButton",
+  inheritAttrs: !1,
+  __name: "delete-button",
+  props: at,
+  emits: ["delete", "success", "error"],
+  setup(e, { emit: n }) {
+    const t = n, o = e, l = D(!1), p = D(null), m = c(() => o.loading !== void 0 ? o.loading : o.autoLoading ? l.value : !1), y = c(() => typeof o.confirm == "function" ? o.confirm(o.count) : o.confirm);
+    le(m, (a) => {
+      p.value && ue(() => {
+        var s;
+        (s = p.value) == null || s.update({
+          okButtonProps: { loading: a }
+        });
+      });
+    }, { flush: "post" }), Re(() => {
+      p.value && (p.value.destroy(), p.value = null);
+    });
+    const b = async () => {
+      try {
+        if (o.beforeDelete && await o.beforeDelete() === !1)
+          return;
+        o.autoLoading && o.loading === void 0 && (l.value = !0);
+        let a = !1;
+        const s = () => {
+          a || (a = !0, o.autoLoading && o.loading === void 0 && (l.value = !1));
+        };
+        if (o.onDelete) {
+          const P = o.onDelete(s);
+          if (P && typeof P.then == "function")
+            try {
+              const z = await P;
+              a || s(), F(z);
+            } catch (z) {
+              throw a || s(), z;
+            }
+        } else
+          t("delete", s), o.autoLoading && o.loading === void 0 && setTimeout(() => {
+            a || s();
+          }, 5e3);
+      } catch (a) {
+        o.autoLoading && o.loading === void 0 && (l.value = !1);
+        const s = a instanceof Error ? a : new Error(String(a));
+        t("error", s), o.showError && de.error(s.message || "删除失败，请重试");
+      }
+    }, F = (a) => {
+      o.showSuccess && de.success(o.successText || "删除成功"), t("success", a);
+    }, k = o.debounce > 0 ? Ke(b, o.debounce) : b, M = () => {
+      if (!y.value) {
+        k();
+        return;
+      }
+      if (o.confirmType === "popconfirm") return;
+      ue(() => {
+        p.value = Fe.confirm({
+          title: o.confirmTitle,
+          content: y.value,
+          okText: o.okText,
+          cancelText: o.cancelText,
+          okType: "danger",
+          okButtonProps: { loading: m.value },
+          onOk: async () => {
+            try {
+              return await b(), new Promise((s) => {
+                if (!m.value) {
+                  s();
+                  return;
+                }
+                const P = le(m, (z) => {
+                  z || (P(), s());
+                });
+              });
+            } catch (s) {
+              throw s;
+            }
+          },
+          onCancel: () => {
+            p.value = null;
+          },
+          afterClose: () => {
+            p.value = null;
+          }
+        });
+      });
+    };
+    return (a, s) => y.value && a.confirmType === "popconfirm" ? (u(), g(B(We), {
+      key: 0,
+      title: y.value,
+      "ok-text": a.okText,
+      "cancel-text": a.cancelText,
+      "ok-button-props": { loading: m.value, danger: !0 },
+      onConfirm: B(k)
+    }, {
+      icon: f(() => [
+        V(a.$slots, "popconfirmIcon", {}, () => [
+          v(B(qe), { class: "text-[--color-ant-error]" })
+        ], !0)
+      ]),
+      default: f(() => [
+        v(B(H), S(a.$attrs, {
+          type: a.type,
+          size: a.size,
+          danger: !0,
+          loading: m.value,
+          disabled: a.disabled,
+          permission: a.permission,
+          "permission-action": a.permissionAction,
+          class: "group"
+        }), j({
+          default: f(() => [
+            V(a.$slots, "default", {}, () => [
+              s[0] || (s[0] = W("删除", -1))
+            ], !0)
+          ]),
+          _: 2
+        }, [
+          a.hideIcon ? void 0 : {
+            name: "icon",
+            fn: f(() => [
+              V(a.$slots, "icon", {}, () => [
+                v(B(fe))
+              ], !0)
+            ]),
+            key: "0"
+          }
+        ]), 1040, ["type", "size", "loading", "disabled", "permission", "permission-action"])
+      ]),
+      _: 3
+    }, 8, ["title", "ok-text", "cancel-text", "ok-button-props", "onConfirm"])) : (u(), g(B(H), S({ key: 1 }, a.$attrs, {
+      type: a.type,
+      size: a.size,
+      danger: !0,
+      loading: m.value,
+      disabled: a.disabled,
+      permission: a.permission,
+      "permission-action": a.permissionAction,
+      onClick: M
+    }), j({
+      default: f(() => [
+        V(a.$slots, "default", {}, () => [
+          s[1] || (s[1] = W("删除", -1))
+        ], !0)
+      ]),
+      _: 2
+    }, [
+      a.hideIcon ? void 0 : {
+        name: "icon",
+        fn: f(() => [
+          V(a.$slots, "icon", {}, () => [
+            v(B(fe))
+          ], !0)
+        ]),
+        key: "0"
+      }
+    ]), 1040, ["type", "size", "loading", "disabled", "permission", "permission-action"]));
+  }
+}), ut = /* @__PURE__ */ Be(lt, [["__scopeId", "data-v-a943bc19"]]), st = {
+  // 继承 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 ct(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ve(e);
+}
+const dt = /* @__PURE__ */ _({
+  name: "MTable",
+  props: st,
+  setup(e, {
+    slots: n,
+    attrs: t
+  }) {
+    return () => v(Ge, S(e, t, {
+      class: "mtn-table"
+    }), ct(n) ? n : {
+      default: () => [n]
+    });
+  }
+}), ft = ge(dt), pt = [H, he, Y, rt, ut, Qe, ft], ht = {
+  install(e) {
+    pt.forEach((n) => {
+      e.component(n.name || "", n);
+    });
+  }
+};
+export {
+  rt as ActionGroup,
+  H as Button,
+  he as ButtonGroup,
+  ut as DeleteButton,
+  Y as DropdownButton,
+  ft as Table,
+  Qe as Tag,
+  et as buttonGroupProps,
+  ht as default,
+  st as tableProps,
+  Ye as tagProps
+};