@mtn-ui/components 1.0.5 → 1.0.7

package/dist/antd-wrapped/action-group/action-group.vue.js

@@ -1,7 +1,7 @@
 import o from "./action-group.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b8d47218"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-845c43ad"]]);
 export {
-  _ as default
+  c as default
 };

package/dist/antd-wrapped/action-group/action-group.vue2.js

@@ -1,207 +1,258 @@
-import { defineComponent as ve, useSlots as ke, ref as x, inject as ye, computed as s, createElementBlock as f, openBlock as o, createVNode as R, createElementVNode as F, unref as d, mergeProps as z, withCtx as u, createBlock as l, createCommentVNode as he, Fragment as h, renderList as g, resolveDynamicComponent as m, createSlots as W, createTextVNode as V, toDisplayString as $, cloneVNode as L } from "vue";
-import { useElementSize as ge } from "@vueuse/core";
-import { MoreOutlined as Ce } from "@ant-design/icons-vue";
+import { defineComponent as Ce, useSlots as be, ref as x, inject as Pe, computed as l, shallowRef as ze, watch as ne, createElementBlock as f, openBlock as o, createVNode as U, createElementVNode as oe, unref as v, mergeProps as I, withCtx as a, createBlock as u, createCommentVNode as Ae, Fragment as g, renderList as _, resolveDynamicComponent as m, createSlots as j, createTextVNode as O, toDisplayString as $, cloneVNode as re } from "vue";
+import { useElementSize as Se, useDebounceFn as Me } from "@vueuse/core";
+import { MoreOutlined as xe } from "@ant-design/icons-vue";
 import { Menu as K } from "ant-design-vue";
-import _e from "../button/button.js";
-import be from "../button-group/button-group.js";
-import Z from "../dropdown-button/dropdown-button.js";
-import { actionGroupProps as Ae } from "./props.js";
-import { PERMISSION_CHECKER_KEY as ze, defaultPermissionChecker as Pe } from "@mtn-ui/shared";
-import { filterValidChildren as Be, getButtonKey as J } from "./utils.js";
-const Q = "link", X = "small", $e = /* @__PURE__ */ ve({
+import Ie from "../button/button.js";
+import Be from "../button-group/button-group.js";
+import ie from "../dropdown-button/dropdown-button.js";
+import { actionGroupProps as Ee } from "./props.js";
+import { PERMISSION_CHECKER_KEY as Ne, defaultPermissionChecker as Te } from "@mtn-ui/shared";
+import { filterValidChildren as Re, getButtonKey as se } from "./utils.js";
+const w = "link", le = "small", Ve = 150, Fe = /* @__PURE__ */ Ce({
   name: "MActionGroup",
   inheritAttrs: !1,
   __name: "action-group",
-  props: Ae,
+  props: Ee,
   emits: ["action-click"],
-  setup(ee, { emit: te }) {
-    const n = ee, ne = te, I = ke(), O = x(), P = x(), B = x(), { width: E } = ge(O), oe = ye(ze, x(Pe)), M = s(() => n.mode === "table"), C = s(
-      () => M.value ? "small" : n.size
-    ), T = s(
-      () => M.value ? "link" : "default"
-    ), U = s(
-      () => M.value ? "" : n.moreText
-    ), w = s(() => n.moreIcon || Ce);
-    function _(e) {
-      return e ? oe.value(e) : !0;
+  setup(ue, { emit: ae }) {
+    const n = ue, ce = ae, G = be(), Y = x(), C = x(), b = x(), { width: P } = Se(Y), me = Pe(Ne, x(Te));
+    function F(e) {
+      if (!e) return;
+      const r = e;
+      return r.name || r.__name || r.displayName;
     }
-    const v = s(() => {
-      var e;
-      return Be((e = I.default) == null ? void 0 : e.call(I));
-    }), k = s(() => n.actions ? n.actions.filter((e) => _(e.permission)) : []), y = s(() => {
-      if (n.disableCollapse)
-        return n.actions ? k.value.length : v.value.length;
-      const e = n.actions ? k.value.length : v.value.length;
-      return e <= 1 ? e : P.value && B.value && E.value ? re() : Math.min(n.maxItems, e);
-    });
-    function re() {
-      if (!P.value || !B.value || !E.value)
-        return n.maxItems;
-      const e = B.value.offsetWidth, i = Array.from(
-        P.value.querySelectorAll(".measure-item")
+    const z = l(() => n.mode === "table"), A = l(
+      () => z.value ? "small" : n.size
+    ), B = l(
+      () => z.value ? "link" : "default"
+    ), H = l(
+      () => z.value ? "" : n.moreText
+    ), L = l(() => n.moreIcon || xe);
+    function E(e) {
+      return e ? me.value(e) : !0;
+    }
+    const N = l(() => Re(G.default ? G.default() : void 0)), d = ze([]);
+    function q(e) {
+      var t, i, s;
+      return [
+        e.key ?? "",
+        e.label ?? "",
+        F(e.icon) ?? "",
+        F(e.component) ?? "",
+        Array.isArray(e.permission) ? e.permission.join(",") : e.permission ?? "",
+        e.permissionAction ?? "",
+        String(e.disabled ?? !1),
+        String(((t = e.componentProps) == null ? void 0 : t.confirm) ?? ""),
+        String(((i = e.componentProps) == null ? void 0 : i.showSuccess) ?? ""),
+        String(((s = e.componentProps) == null ? void 0 : s.danger) ?? "")
+      ].join("|");
+    }
+    ne(
+      () => n.actions,
+      (e) => {
+        if (!e) {
+          d.value = [];
+          return;
+        }
+        if (d.value.length !== e.length) {
+          d.value = e;
+          return;
+        }
+        const r = e.map(q).join("||"), t = d.value.map(q).join("||");
+        r !== t && (d.value = e);
+      },
+      { immediate: !0, deep: !1 }
+    );
+    const T = l(() => d.value.length ? d.value.filter((e) => E(e.permission)) : []), c = l(() => n.actions ? T.value.length : N.value.length);
+    function pe() {
+      if (!C.value || !b.value || !P.value)
+        return Math.min(n.maxItems, c.value);
+      const e = b.value.offsetWidth, r = Array.from(
+        C.value.querySelectorAll(".measure-item")
       );
-      if (i.length === 0) return n.maxItems;
-      let t = e, r = 0;
-      for (let c = 0; c < i.length - 1; c++) {
-        const p = i[c].offsetWidth + n.gap;
-        if (t + p <= E.value)
-          t += p, r++;
+      if (r.length === 0) return Math.min(n.maxItems, c.value);
+      let t = e, i = 0;
+      for (let s = 0; s < r.length - 1; s++) {
+        const y = r[s].offsetWidth + n.gap;
+        if (t + y <= P.value)
+          t += y, i++;
         else
           break;
       }
-      const a = n.actions ? k.value.length : v.value.length;
-      return Math.max(0, Math.min(r, n.maxItems, a));
+      return Math.max(0, Math.min(i, n.maxItems, c.value));
     }
-    const ie = s(() => n.actions ? k.value.slice(0, y.value) : []), D = s(() => n.actions ? k.value.slice(y.value) : []), se = s(() => {
+    const S = x(n.maxItems), fe = Me(() => {
+      S.value = pe();
+    }, Ve);
+    ne(
+      [P, c, () => n.maxItems, () => n.gap],
+      () => {
+        if (n.disableCollapse) {
+          S.value = c.value;
+          return;
+        }
+        if (c.value <= 1) {
+          S.value = c.value;
+          return;
+        }
+        C.value && b.value && P.value ? fe() : S.value = Math.min(n.maxItems, c.value);
+      },
+      { immediate: !0 }
+    );
+    const k = l(() => n.disableCollapse || c.value <= 1 ? c.value : C.value && b.value && P.value ? S.value : Math.min(n.maxItems, c.value)), ve = l(() => n.actions ? T.value.slice(0, k.value) : []), Z = l(() => n.actions ? T.value.slice(k.value) : []), de = l(() => {
       if (n.actions) return [];
-      const e = v.value;
-      return y.value >= e.length ? e : e.slice(0, y.value);
-    }), G = s(() => {
+      const e = N.value;
+      return k.value >= e.length ? e : e.slice(0, k.value);
+    }), J = l(() => {
       if (n.actions) return [];
-      const e = v.value;
-      return y.value >= e.length ? [] : e.slice(y.value);
-    }), le = s(() => n.actions ? D.value.filter((e) => _(e.permission)) : []), ue = s(() => n.actions ? [] : G.value.filter((e) => {
-      const i = e.props || {};
-      return i.permission && i.permissionAction === "hide" ? _(i.permission) : !0;
-    })), ae = s(() => n.disableCollapse ? !1 : (n.actions ? D.value.length : G.value.length) > 0);
-    function N(e) {
-      return e.component || _e;
+      const e = N.value;
+      return k.value >= e.length ? [] : e.slice(k.value);
+    }), ye = l(() => n.actions ? [] : J.value.filter((e) => {
+      const r = e.props || {};
+      return r.permission && r.permissionAction === "hide" ? E(r.permission) : !0;
+    })), ke = l(() => n.disableCollapse ? !1 : (n.actions ? Z.value.length : J.value.length) > 0);
+    function W(e) {
+      return e.component || Ie;
     }
-    function H(e, i) {
-      return e.key || e.label || `action-${i}`;
+    function Q(e, r) {
+      return e.key || e.label || `action-${r}`;
     }
-    function Y(e) {
+    function X(e) {
       const {
-        label: i,
+        label: r,
         key: t,
-        onClick: r,
-        permission: a,
-        permissionAction: c,
-        icon: b,
-        component: p,
-        componentProps: A,
-        slot: me,
-        type: S,
-        size: pe,
-        disabled: fe,
-        ...de
+        onClick: i,
+        permission: s,
+        permissionAction: p,
+        icon: y,
+        component: h,
+        componentProps: M,
+        slot: R,
+        type: D,
+        size: V,
+        disabled: ge,
+        ..._e
       } = e;
       return {
-        component: p,
-        componentProps: A,
-        type: S,
-        size: pe,
-        rest: de,
-        permission: a,
-        permissionAction: c,
-        disabled: fe
+        component: h,
+        componentProps: M,
+        type: D,
+        size: V,
+        rest: _e,
+        permission: s,
+        permissionAction: p,
+        disabled: ge
       };
     }
-    function j(e) {
-      const { component: i, componentProps: t, type: r, rest: a, permission: c, permissionAction: b, disabled: p } = Y(e), A = {
-        type: r || T.value,
-        size: C.value,
-        disabled: p || !_(c) && b === "disable",
-        ...a
+    function ee(e) {
+      const { component: r, componentProps: t, type: i, rest: s, permission: p, permissionAction: y, disabled: h } = X(e), M = {
+        type: i || B.value,
+        size: A.value,
+        disabled: h || !E(p) && y === "disable",
+        ...s
       };
-      return i && t ? { ...A, ...t } : A;
+      if (r && t) {
+        const R = { ...M, ...t };
+        return z.value && (R.type = "link"), R;
+      }
+      return M;
     }
-    function ce(e) {
-      const { component: i, componentProps: t, rest: r, permission: a, permissionAction: c, disabled: b } = Y(e), p = {
-        type: Q,
-        size: X,
-        disabled: b || !_(a) && c === "disable",
-        ...r
+    function he(e) {
+      const { component: r, componentProps: t, rest: i, permission: s, permissionAction: p, disabled: y } = X(e), h = {
+        type: w,
+        size: le,
+        disabled: y || !E(s) && p === "disable",
+        ...i
       };
-      if (i && t) {
-        const { type: A, size: me, ...S } = t;
-        return { ...p, ...S };
+      if (r && t) {
+        const { type: M, size: R, ...D } = t, V = { ...h, ...D };
+        return V.type = w, V;
       }
-      return p;
+      return h;
     }
-    function q(e) {
-      e.onClick && e.onClick(e), ne("action-click", e);
+    function te(e) {
+      e.onClick && e.onClick(e), ce("action-click", e);
     }
-    return (e, i) => (o(), f("div", {
+    return (e, r) => (o(), f("div", {
       ref_key: "containerRef",
-      ref: O,
+      ref: Y,
       class: "mtn-action-group"
     }, [
-      R(d(be), z({
-        size: C.value,
+      U(v(Be), I({
+        size: A.value,
         compact: e.compact,
         vertical: e.vertical,
         block: e.block
       }, e.$attrs), {
-        default: u(() => [
-          n.actions ? (o(!0), f(h, { key: 0 }, g(ie.value, (t, r) => (o(), l(m(N(t)), z({
-            key: H(t, r)
-          }, { ref_for: !0 }, j(t), {
-            onClick: (a) => q(t)
-          }), W({
-            default: u(() => [
-              V(" " + $(t.label), 1)
+        default: a(() => [
+          n.actions ? (o(!0), f(g, { key: 0 }, _(ve.value, (t, i) => (o(), u(m(W(t)), I({
+            key: Q(t, i)
+          }, { ref_for: !0 }, ee(t), {
+            onClick: (s) => te(t)
+          }), j({
+            default: a(() => [
+              O(" " + $(t.label), 1)
             ]),
             _: 2
           }, [
-            t.icon && !t.component ? {
+            t.icon ? {
               name: "icon",
-              fn: u(() => [
-                (o(), l(m(t.icon)))
+              fn: a(() => [
+                (o(), u(m(t.icon)))
               ]),
               key: "0"
             } : void 0
-          ]), 1040, ["onClick"]))), 128)) : (o(!0), f(h, { key: 1 }, g(se.value, (t, r) => {
-            var a, c;
-            return o(), l(m(L(t, {
-              type: ((a = t.props) == null ? void 0 : a.type) ?? (M.value ? T.value : void 0),
-              size: ((c = t.props) == null ? void 0 : c.size) ?? C.value
+          ]), 1040, ["onClick"]))), 128)) : (o(!0), f(g, { key: 1 }, _(de.value, (t, i) => {
+            var s, p;
+            return o(), u(m(re(t, {
+              type: ((s = t.props) == null ? void 0 : s.type) ?? (z.value ? B.value : void 0),
+              size: ((p = t.props) == null ? void 0 : p.size) ?? A.value
             })), {
-              key: d(J)(t, r)
+              key: v(se)(t, i)
             });
           }), 128)),
-          ae.value ? (o(), l(d(Z), z({
+          ke.value ? (o(), u(v(ie), I({
             key: 2,
-            text: U.value,
-            size: C.value,
-            type: T.value
+            text: H.value,
+            size: A.value,
+            type: B.value
           }, n.moreProps), {
-            icon: u(() => [
-              (o(), l(m(w.value)))
+            icon: a(() => [
+              (o(), u(m(L.value)))
             ]),
-            overlay: u(() => [
-              R(d(K), null, {
-                default: u(() => [
-                  n.actions ? (o(!0), f(h, { key: 0 }, g(le.value, (t, r) => (o(), l(d(K).Item, {
-                    key: H(t, r)
+            overlay: a(() => [
+              U(v(K), null, {
+                default: a(() => [
+                  n.actions ? (o(!0), f(g, { key: 0 }, _(Z.value, (t, i) => (o(), u(v(K).Item, {
+                    key: Q(t, i)
                   }, {
-                    default: u(() => [
-                      (o(), l(m(N(t)), z({ ref_for: !0 }, ce(t), {
-                        onClick: (a) => q(t)
-                      }), W({
-                        default: u(() => [
-                          V(" " + $(t.label), 1)
+                    default: a(() => [
+                      (o(), u(m(W(t)), I({ ref_for: !0 }, he(t), {
+                        onClick: (s) => te(t)
+                      }), j({
+                        default: a(() => [
+                          O(" " + $(t.label), 1)
                         ]),
                         _: 2
                       }, [
-                        t.icon && !t.component ? {
+                        t.icon ? {
                           name: "icon",
-                          fn: u(() => [
-                            (o(), l(m(t.icon)))
+                          fn: a(() => [
+                            (o(), u(m(t.icon)))
                           ]),
                           key: "0"
                         } : void 0
                       ]), 1040, ["onClick"]))
                     ]),
                     _: 2
-                  }, 1024))), 128)) : (o(!0), f(h, { key: 1 }, g(ue.value, (t, r) => (o(), l(d(K).Item, {
-                    key: d(J)(t, r)
+                  }, 1024))), 128)) : (o(!0), f(g, { key: 1 }, _(ye.value, (t, i) => (o(), u(v(K).Item, {
+                    key: v(se)(t, i)
                   }, {
-                    default: u(() => [
-                      (o(), l(m(L(t, {
+                    default: a(() => [
+                      (o(), u(m(re(t, {
                         ...t.props,
-                        type: Q,
-                        size: X
+                        type: w,
+                        size: le
                       }))))
                     ]),
                     _: 2
@@ -211,51 +262,51 @@ const Q = "link", X = "small", $e = /* @__PURE__ */ ve({
               })
             ]),
             _: 1
-          }, 16, ["text", "size", "type"])) : he("", !0)
+          }, 16, ["text", "size", "type"])) : Ae("", !0)
         ]),
         _: 1
       }, 16, ["size", "compact", "vertical", "block"]),
-      F("div", {
+      oe("div", {
         ref_key: "measureRef",
-        ref: P,
+        ref: C,
         class: "mtn-action-group-measure"
       }, [
-        n.actions ? (o(!0), f(h, { key: 0 }, g(k.value, (t, r) => (o(), f("span", {
-          key: r,
+        n.actions ? (o(!0), f(g, { key: 0 }, _(T.value, (t, i) => (o(), f("span", {
+          key: i,
           class: "measure-item"
         }, [
-          (o(), l(m(N(t)), z({ ref_for: !0 }, j(t)), W({
-            default: u(() => [
-              V(" " + $(t.label), 1)
+          (o(), u(m(W(t)), I({ ref_for: !0 }, ee(t)), j({
+            default: a(() => [
+              O(" " + $(t.label), 1)
             ]),
             _: 2
           }, [
-            t.icon && !t.component ? {
+            t.icon ? {
               name: "icon",
-              fn: u(() => [
-                (o(), l(m(t.icon)))
+              fn: a(() => [
+                (o(), u(m(t.icon)))
               ]),
               key: "0"
             } : void 0
           ]), 1040))
-        ]))), 128)) : (o(!0), f(h, { key: 1 }, g(v.value, (t, r) => (o(), f("span", {
-          key: r,
+        ]))), 128)) : (o(!0), f(g, { key: 1 }, _(N.value, (t, i) => (o(), f("span", {
+          key: i,
           class: "measure-item"
         }, [
-          (o(), l(m(t)))
+          (o(), u(m(t)))
         ]))), 128)),
-        F("span", {
+        oe("span", {
           ref_key: "moreTriggerRef",
-          ref: B,
+          ref: b,
           class: "measure-item"
         }, [
-          R(d(Z), {
-            text: U.value,
-            size: C.value,
-            type: T.value
+          U(v(ie), {
+            text: H.value,
+            size: A.value,
+            type: B.value
           }, {
-            icon: u(() => [
-              (o(), l(m(w.value)))
+            icon: a(() => [
+              (o(), u(m(L.value)))
             ]),
             _: 1
           }, 8, ["text", "size", "type"])
@@ -265,5 +316,5 @@ const Q = "link", X = "small", $e = /* @__PURE__ */ ve({
   }
 });
 export {
-  $e as default
+  Fe as default
 };

package/dist/antd-wrapped/button/button.js

@@ -1,10 +1,10 @@
-import { defineComponent as u, createVNode as c, mergeProps as d } from "vue";
-import { Button as s } from "ant-design-vue";
-import { buttonProps as r } from "./props.js";
-import { usePermission as f } from "../../_utils/usePermission.js";
+import { defineComponent as u, createVNode as d, mergeProps as l } from "vue";
+import { Button as r } from "ant-design-vue";
+import { buttonProps as f } from "./props.js";
+import { usePermission as h } from "../../_utils/usePermission.js";
 const y = /* @__PURE__ */ u({
   name: "MButton",
-  props: r,
+  props: f,
   emits: ["click"],
   setup(e, {
     slots: n,
@@ -12,19 +12,19 @@ const y = /* @__PURE__ */ u({
     emit: o
   }) {
     const {
-      shouldHide: l,
-      shouldDisable: a
-    } = f({
+      shouldHide: a,
+      shouldDisable: c
+    } = h({
       permission: e.permission,
       permissionAction: e.permissionAction
     }), m = (i) => {
       o("click", i);
     };
-    return () => l.value ? null : c(s, d({
+    return () => a.value ? null : d(r, l({
       type: e.type,
       size: e.size,
       loading: e.loading,
-      disabled: e.disabled || a.value,
+      disabled: e.disabled || c.value,
       danger: e.danger,
       block: e.block,
       ghost: e.ghost,
@@ -37,7 +37,11 @@ const y = /* @__PURE__ */ u({
     }), {
       default: () => {
         var i;
-        return [(i = n.default) == null ? void 0 : i.call(n)];
+        return (i = n.default) == null ? void 0 : i.call(n);
+      },
+      icon: () => {
+        var i;
+        return (i = n.icon) == null ? void 0 : i.call(n);
       }
     });
   }

package/dist/components.css

@@ -1 +1 @@
-.mtn-action-group[data-v-b8d47218]{width:100%;container-type:inline-size}.mtn-action-group-measure[data-v-b8d47218]{position:absolute;display:flex;visibility:hidden;align-items:center;height:0;overflow:hidden;pointer-events:none;white-space:nowrap}.measure-item[data-v-b8d47218]{display:inline-flex}[data-v-a943bc19] .ant-btn-dangerous{transition:transform .1s ease}[data-v-a943bc19] .ant-btn-dangerous:active{transform:scale(.95)}
+.mtn-action-group[data-v-845c43ad]{width:100%;container-type:inline-size}.mtn-action-group-measure[data-v-845c43ad]{position:absolute;display:flex;visibility:hidden;align-items:center;height:0;overflow:hidden;pointer-events:none;white-space:nowrap}.measure-item[data-v-845c43ad]{display:inline-flex}[data-v-a943bc19] .ant-btn-dangerous{transition:transform .1s ease}[data-v-a943bc19] .ant-btn-dangerous:active{transform:scale(.95)}