@mtn-ui/components 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./action-group.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-845c43ad"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,211 +1,258 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useElementSize as
|
|
3
|
-
import { MoreOutlined as
|
|
1
|
+
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";
|
|
2
|
+
import { useElementSize as Se, useDebounceFn as Me } from "@vueuse/core";
|
|
3
|
+
import { MoreOutlined as xe } from "@ant-design/icons-vue";
|
|
4
4
|
import { Menu as K } from "ant-design-vue";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { actionGroupProps as
|
|
9
|
-
import { PERMISSION_CHECKER_KEY as
|
|
10
|
-
import { filterValidChildren as
|
|
11
|
-
const
|
|
5
|
+
import Ie from "../button/button.js";
|
|
6
|
+
import Be from "../button-group/button-group.js";
|
|
7
|
+
import ie from "../dropdown-button/dropdown-button.js";
|
|
8
|
+
import { actionGroupProps as Ee } from "./props.js";
|
|
9
|
+
import { PERMISSION_CHECKER_KEY as Ne, defaultPermissionChecker as Te } from "@mtn-ui/shared";
|
|
10
|
+
import { filterValidChildren as Re, getButtonKey as se } from "./utils.js";
|
|
11
|
+
const w = "link", le = "small", Ve = 150, Fe = /* @__PURE__ */ Ce({
|
|
12
12
|
name: "MActionGroup",
|
|
13
13
|
inheritAttrs: !1,
|
|
14
14
|
__name: "action-group",
|
|
15
|
-
props:
|
|
15
|
+
props: Ee,
|
|
16
16
|
emits: ["action-click"],
|
|
17
|
-
setup(
|
|
18
|
-
const n =
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
setup(ue, { emit: ae }) {
|
|
18
|
+
const n = ue, ce = ae, G = be(), Y = x(), C = x(), b = x(), { width: P } = Se(Y), me = Pe(Ne, x(Te));
|
|
19
|
+
function F(e) {
|
|
20
|
+
if (!e) return;
|
|
21
|
+
const r = e;
|
|
22
|
+
return r.name || r.__name || r.displayName;
|
|
23
|
+
}
|
|
24
|
+
const z = l(() => n.mode === "table"), A = l(
|
|
25
|
+
() => z.value ? "small" : n.size
|
|
26
|
+
), B = l(
|
|
27
|
+
() => z.value ? "link" : "default"
|
|
28
|
+
), H = l(
|
|
29
|
+
() => z.value ? "" : n.moreText
|
|
30
|
+
), L = l(() => n.moreIcon || xe);
|
|
31
|
+
function E(e) {
|
|
32
|
+
return e ? me.value(e) : !0;
|
|
33
|
+
}
|
|
34
|
+
const N = l(() => Re(G.default ? G.default() : void 0)), d = ze([]);
|
|
35
|
+
function q(e) {
|
|
36
|
+
var t, i, s;
|
|
37
|
+
return [
|
|
38
|
+
e.key ?? "",
|
|
39
|
+
e.label ?? "",
|
|
40
|
+
F(e.icon) ?? "",
|
|
41
|
+
F(e.component) ?? "",
|
|
42
|
+
Array.isArray(e.permission) ? e.permission.join(",") : e.permission ?? "",
|
|
43
|
+
e.permissionAction ?? "",
|
|
44
|
+
String(e.disabled ?? !1),
|
|
45
|
+
String(((t = e.componentProps) == null ? void 0 : t.confirm) ?? ""),
|
|
46
|
+
String(((i = e.componentProps) == null ? void 0 : i.showSuccess) ?? ""),
|
|
47
|
+
String(((s = e.componentProps) == null ? void 0 : s.danger) ?? "")
|
|
48
|
+
].join("|");
|
|
27
49
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
50
|
+
ne(
|
|
51
|
+
() => n.actions,
|
|
52
|
+
(e) => {
|
|
53
|
+
if (!e) {
|
|
54
|
+
d.value = [];
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
if (d.value.length !== e.length) {
|
|
58
|
+
d.value = e;
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
const r = e.map(q).join("||"), t = d.value.map(q).join("||");
|
|
62
|
+
r !== t && (d.value = e);
|
|
63
|
+
},
|
|
64
|
+
{ immediate: !0, deep: !1 }
|
|
65
|
+
);
|
|
66
|
+
const T = l(() => d.value.length ? d.value.filter((e) => E(e.permission)) : []), c = l(() => n.actions ? T.value.length : N.value.length);
|
|
67
|
+
function pe() {
|
|
68
|
+
if (!C.value || !b.value || !P.value)
|
|
69
|
+
return Math.min(n.maxItems, c.value);
|
|
70
|
+
const e = b.value.offsetWidth, r = Array.from(
|
|
71
|
+
C.value.querySelectorAll(".measure-item")
|
|
42
72
|
);
|
|
43
|
-
if (r.length === 0) return n.maxItems;
|
|
73
|
+
if (r.length === 0) return Math.min(n.maxItems, c.value);
|
|
44
74
|
let t = e, i = 0;
|
|
45
|
-
for (let
|
|
46
|
-
const
|
|
47
|
-
if (t +
|
|
48
|
-
t +=
|
|
75
|
+
for (let s = 0; s < r.length - 1; s++) {
|
|
76
|
+
const y = r[s].offsetWidth + n.gap;
|
|
77
|
+
if (t + y <= P.value)
|
|
78
|
+
t += y, i++;
|
|
49
79
|
else
|
|
50
80
|
break;
|
|
51
81
|
}
|
|
52
|
-
|
|
53
|
-
return Math.max(0, Math.min(i, n.maxItems, a));
|
|
82
|
+
return Math.max(0, Math.min(i, n.maxItems, c.value));
|
|
54
83
|
}
|
|
55
|
-
const
|
|
84
|
+
const S = x(n.maxItems), fe = Me(() => {
|
|
85
|
+
S.value = pe();
|
|
86
|
+
}, Ve);
|
|
87
|
+
ne(
|
|
88
|
+
[P, c, () => n.maxItems, () => n.gap],
|
|
89
|
+
() => {
|
|
90
|
+
if (n.disableCollapse) {
|
|
91
|
+
S.value = c.value;
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
if (c.value <= 1) {
|
|
95
|
+
S.value = c.value;
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
C.value && b.value && P.value ? fe() : S.value = Math.min(n.maxItems, c.value);
|
|
99
|
+
},
|
|
100
|
+
{ immediate: !0 }
|
|
101
|
+
);
|
|
102
|
+
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(() => {
|
|
56
103
|
if (n.actions) return [];
|
|
57
|
-
const e =
|
|
104
|
+
const e = N.value;
|
|
58
105
|
return k.value >= e.length ? e : e.slice(0, k.value);
|
|
59
|
-
}),
|
|
106
|
+
}), J = l(() => {
|
|
60
107
|
if (n.actions) return [];
|
|
61
|
-
const e =
|
|
108
|
+
const e = N.value;
|
|
62
109
|
return k.value >= e.length ? [] : e.slice(k.value);
|
|
63
|
-
}),
|
|
110
|
+
}), ye = l(() => n.actions ? [] : J.value.filter((e) => {
|
|
64
111
|
const r = e.props || {};
|
|
65
|
-
return r.permission && r.permissionAction === "hide" ?
|
|
66
|
-
})),
|
|
67
|
-
function
|
|
68
|
-
return e.component ||
|
|
112
|
+
return r.permission && r.permissionAction === "hide" ? E(r.permission) : !0;
|
|
113
|
+
})), ke = l(() => n.disableCollapse ? !1 : (n.actions ? Z.value.length : J.value.length) > 0);
|
|
114
|
+
function W(e) {
|
|
115
|
+
return e.component || Ie;
|
|
69
116
|
}
|
|
70
|
-
function
|
|
117
|
+
function Q(e, r) {
|
|
71
118
|
return e.key || e.label || `action-${r}`;
|
|
72
119
|
}
|
|
73
|
-
function
|
|
120
|
+
function X(e) {
|
|
74
121
|
const {
|
|
75
122
|
label: r,
|
|
76
123
|
key: t,
|
|
77
124
|
onClick: i,
|
|
78
|
-
permission:
|
|
79
|
-
permissionAction:
|
|
80
|
-
icon:
|
|
81
|
-
component:
|
|
82
|
-
componentProps:
|
|
125
|
+
permission: s,
|
|
126
|
+
permissionAction: p,
|
|
127
|
+
icon: y,
|
|
128
|
+
component: h,
|
|
129
|
+
componentProps: M,
|
|
83
130
|
slot: R,
|
|
84
|
-
type:
|
|
85
|
-
size:
|
|
86
|
-
disabled:
|
|
87
|
-
...
|
|
131
|
+
type: D,
|
|
132
|
+
size: V,
|
|
133
|
+
disabled: ge,
|
|
134
|
+
..._e
|
|
88
135
|
} = e;
|
|
89
136
|
return {
|
|
90
|
-
component:
|
|
91
|
-
componentProps:
|
|
92
|
-
type:
|
|
93
|
-
size:
|
|
94
|
-
rest:
|
|
95
|
-
permission:
|
|
96
|
-
permissionAction:
|
|
97
|
-
disabled:
|
|
137
|
+
component: h,
|
|
138
|
+
componentProps: M,
|
|
139
|
+
type: D,
|
|
140
|
+
size: V,
|
|
141
|
+
rest: _e,
|
|
142
|
+
permission: s,
|
|
143
|
+
permissionAction: p,
|
|
144
|
+
disabled: ge
|
|
98
145
|
};
|
|
99
146
|
}
|
|
100
|
-
function
|
|
101
|
-
const { component: r, componentProps: t, type: i, rest:
|
|
102
|
-
type: i ||
|
|
103
|
-
size:
|
|
104
|
-
disabled:
|
|
105
|
-
...
|
|
147
|
+
function ee(e) {
|
|
148
|
+
const { component: r, componentProps: t, type: i, rest: s, permission: p, permissionAction: y, disabled: h } = X(e), M = {
|
|
149
|
+
type: i || B.value,
|
|
150
|
+
size: A.value,
|
|
151
|
+
disabled: h || !E(p) && y === "disable",
|
|
152
|
+
...s
|
|
106
153
|
};
|
|
107
154
|
if (r && t) {
|
|
108
|
-
const R =
|
|
109
|
-
return
|
|
155
|
+
const R = { ...M, ...t };
|
|
156
|
+
return z.value && (R.type = "link"), R;
|
|
110
157
|
}
|
|
111
|
-
return
|
|
158
|
+
return M;
|
|
112
159
|
}
|
|
113
|
-
function
|
|
114
|
-
const { component: r, componentProps: t, rest: i, permission:
|
|
115
|
-
type:
|
|
116
|
-
size:
|
|
117
|
-
disabled:
|
|
160
|
+
function he(e) {
|
|
161
|
+
const { component: r, componentProps: t, rest: i, permission: s, permissionAction: p, disabled: y } = X(e), h = {
|
|
162
|
+
type: w,
|
|
163
|
+
size: le,
|
|
164
|
+
disabled: y || !E(s) && p === "disable",
|
|
118
165
|
...i
|
|
119
166
|
};
|
|
120
167
|
if (r && t) {
|
|
121
|
-
const { type:
|
|
122
|
-
return
|
|
168
|
+
const { type: M, size: R, ...D } = t, V = { ...h, ...D };
|
|
169
|
+
return V.type = w, V;
|
|
123
170
|
}
|
|
124
|
-
return
|
|
171
|
+
return h;
|
|
125
172
|
}
|
|
126
|
-
function
|
|
127
|
-
e.onClick && e.onClick(e),
|
|
173
|
+
function te(e) {
|
|
174
|
+
e.onClick && e.onClick(e), ce("action-click", e);
|
|
128
175
|
}
|
|
129
176
|
return (e, r) => (o(), f("div", {
|
|
130
177
|
ref_key: "containerRef",
|
|
131
|
-
ref:
|
|
178
|
+
ref: Y,
|
|
132
179
|
class: "mtn-action-group"
|
|
133
180
|
}, [
|
|
134
|
-
|
|
135
|
-
size:
|
|
181
|
+
U(v(Be), I({
|
|
182
|
+
size: A.value,
|
|
136
183
|
compact: e.compact,
|
|
137
184
|
vertical: e.vertical,
|
|
138
185
|
block: e.block
|
|
139
186
|
}, e.$attrs), {
|
|
140
|
-
default:
|
|
141
|
-
n.actions ? (o(!0), f(g, { key: 0 }, _(
|
|
142
|
-
key:
|
|
143
|
-
}, { ref_for: !0 },
|
|
144
|
-
onClick: (
|
|
145
|
-
}),
|
|
146
|
-
default:
|
|
147
|
-
|
|
187
|
+
default: a(() => [
|
|
188
|
+
n.actions ? (o(!0), f(g, { key: 0 }, _(ve.value, (t, i) => (o(), u(m(W(t)), I({
|
|
189
|
+
key: Q(t, i)
|
|
190
|
+
}, { ref_for: !0 }, ee(t), {
|
|
191
|
+
onClick: (s) => te(t)
|
|
192
|
+
}), j({
|
|
193
|
+
default: a(() => [
|
|
194
|
+
O(" " + $(t.label), 1)
|
|
148
195
|
]),
|
|
149
196
|
_: 2
|
|
150
197
|
}, [
|
|
151
198
|
t.icon ? {
|
|
152
199
|
name: "icon",
|
|
153
|
-
fn:
|
|
154
|
-
(o(),
|
|
200
|
+
fn: a(() => [
|
|
201
|
+
(o(), u(m(t.icon)))
|
|
155
202
|
]),
|
|
156
203
|
key: "0"
|
|
157
204
|
} : void 0
|
|
158
|
-
]), 1040, ["onClick"]))), 128)) : (o(!0), f(g, { key: 1 }, _(
|
|
159
|
-
var
|
|
160
|
-
return o(),
|
|
161
|
-
type: ((
|
|
162
|
-
size: ((
|
|
205
|
+
]), 1040, ["onClick"]))), 128)) : (o(!0), f(g, { key: 1 }, _(de.value, (t, i) => {
|
|
206
|
+
var s, p;
|
|
207
|
+
return o(), u(m(re(t, {
|
|
208
|
+
type: ((s = t.props) == null ? void 0 : s.type) ?? (z.value ? B.value : void 0),
|
|
209
|
+
size: ((p = t.props) == null ? void 0 : p.size) ?? A.value
|
|
163
210
|
})), {
|
|
164
|
-
key:
|
|
211
|
+
key: v(se)(t, i)
|
|
165
212
|
});
|
|
166
213
|
}), 128)),
|
|
167
|
-
|
|
214
|
+
ke.value ? (o(), u(v(ie), I({
|
|
168
215
|
key: 2,
|
|
169
|
-
text:
|
|
170
|
-
size:
|
|
171
|
-
type:
|
|
216
|
+
text: H.value,
|
|
217
|
+
size: A.value,
|
|
218
|
+
type: B.value
|
|
172
219
|
}, n.moreProps), {
|
|
173
|
-
icon:
|
|
174
|
-
(o(),
|
|
220
|
+
icon: a(() => [
|
|
221
|
+
(o(), u(m(L.value)))
|
|
175
222
|
]),
|
|
176
|
-
overlay:
|
|
177
|
-
|
|
178
|
-
default:
|
|
179
|
-
n.actions ? (o(!0), f(g, { key: 0 }, _(
|
|
180
|
-
key:
|
|
223
|
+
overlay: a(() => [
|
|
224
|
+
U(v(K), null, {
|
|
225
|
+
default: a(() => [
|
|
226
|
+
n.actions ? (o(!0), f(g, { key: 0 }, _(Z.value, (t, i) => (o(), u(v(K).Item, {
|
|
227
|
+
key: Q(t, i)
|
|
181
228
|
}, {
|
|
182
|
-
default:
|
|
183
|
-
(o(),
|
|
184
|
-
onClick: (
|
|
185
|
-
}),
|
|
186
|
-
default:
|
|
187
|
-
|
|
229
|
+
default: a(() => [
|
|
230
|
+
(o(), u(m(W(t)), I({ ref_for: !0 }, he(t), {
|
|
231
|
+
onClick: (s) => te(t)
|
|
232
|
+
}), j({
|
|
233
|
+
default: a(() => [
|
|
234
|
+
O(" " + $(t.label), 1)
|
|
188
235
|
]),
|
|
189
236
|
_: 2
|
|
190
237
|
}, [
|
|
191
238
|
t.icon ? {
|
|
192
239
|
name: "icon",
|
|
193
|
-
fn:
|
|
194
|
-
(o(),
|
|
240
|
+
fn: a(() => [
|
|
241
|
+
(o(), u(m(t.icon)))
|
|
195
242
|
]),
|
|
196
243
|
key: "0"
|
|
197
244
|
} : void 0
|
|
198
245
|
]), 1040, ["onClick"]))
|
|
199
246
|
]),
|
|
200
247
|
_: 2
|
|
201
|
-
}, 1024))), 128)) : (o(!0), f(g, { key: 1 }, _(
|
|
202
|
-
key:
|
|
248
|
+
}, 1024))), 128)) : (o(!0), f(g, { key: 1 }, _(ye.value, (t, i) => (o(), u(v(K).Item, {
|
|
249
|
+
key: v(se)(t, i)
|
|
203
250
|
}, {
|
|
204
|
-
default:
|
|
205
|
-
(o(),
|
|
251
|
+
default: a(() => [
|
|
252
|
+
(o(), u(m(re(t, {
|
|
206
253
|
...t.props,
|
|
207
|
-
type:
|
|
208
|
-
size:
|
|
254
|
+
type: w,
|
|
255
|
+
size: le
|
|
209
256
|
}))))
|
|
210
257
|
]),
|
|
211
258
|
_: 2
|
|
@@ -215,51 +262,51 @@ const X = "link", ee = "small", Ve = /* @__PURE__ */ ve({
|
|
|
215
262
|
})
|
|
216
263
|
]),
|
|
217
264
|
_: 1
|
|
218
|
-
}, 16, ["text", "size", "type"])) :
|
|
265
|
+
}, 16, ["text", "size", "type"])) : Ae("", !0)
|
|
219
266
|
]),
|
|
220
267
|
_: 1
|
|
221
268
|
}, 16, ["size", "compact", "vertical", "block"]),
|
|
222
|
-
|
|
269
|
+
oe("div", {
|
|
223
270
|
ref_key: "measureRef",
|
|
224
|
-
ref:
|
|
271
|
+
ref: C,
|
|
225
272
|
class: "mtn-action-group-measure"
|
|
226
273
|
}, [
|
|
227
|
-
n.actions ? (o(!0), f(g, { key: 0 }, _(
|
|
274
|
+
n.actions ? (o(!0), f(g, { key: 0 }, _(T.value, (t, i) => (o(), f("span", {
|
|
228
275
|
key: i,
|
|
229
276
|
class: "measure-item"
|
|
230
277
|
}, [
|
|
231
|
-
(o(),
|
|
232
|
-
default:
|
|
233
|
-
|
|
278
|
+
(o(), u(m(W(t)), I({ ref_for: !0 }, ee(t)), j({
|
|
279
|
+
default: a(() => [
|
|
280
|
+
O(" " + $(t.label), 1)
|
|
234
281
|
]),
|
|
235
282
|
_: 2
|
|
236
283
|
}, [
|
|
237
284
|
t.icon ? {
|
|
238
285
|
name: "icon",
|
|
239
|
-
fn:
|
|
240
|
-
(o(),
|
|
286
|
+
fn: a(() => [
|
|
287
|
+
(o(), u(m(t.icon)))
|
|
241
288
|
]),
|
|
242
289
|
key: "0"
|
|
243
290
|
} : void 0
|
|
244
291
|
]), 1040))
|
|
245
|
-
]))), 128)) : (o(!0), f(g, { key: 1 }, _(
|
|
292
|
+
]))), 128)) : (o(!0), f(g, { key: 1 }, _(N.value, (t, i) => (o(), f("span", {
|
|
246
293
|
key: i,
|
|
247
294
|
class: "measure-item"
|
|
248
295
|
}, [
|
|
249
|
-
(o(),
|
|
296
|
+
(o(), u(m(t)))
|
|
250
297
|
]))), 128)),
|
|
251
|
-
|
|
298
|
+
oe("span", {
|
|
252
299
|
ref_key: "moreTriggerRef",
|
|
253
|
-
ref:
|
|
300
|
+
ref: b,
|
|
254
301
|
class: "measure-item"
|
|
255
302
|
}, [
|
|
256
|
-
|
|
257
|
-
text:
|
|
258
|
-
size:
|
|
259
|
-
type:
|
|
303
|
+
U(v(ie), {
|
|
304
|
+
text: H.value,
|
|
305
|
+
size: A.value,
|
|
306
|
+
type: B.value
|
|
260
307
|
}, {
|
|
261
|
-
icon:
|
|
262
|
-
(o(),
|
|
308
|
+
icon: a(() => [
|
|
309
|
+
(o(), u(m(L.value)))
|
|
263
310
|
]),
|
|
264
311
|
_: 1
|
|
265
312
|
}, 8, ["text", "size", "type"])
|
|
@@ -269,5 +316,5 @@ const X = "link", ee = "small", Ve = /* @__PURE__ */ ve({
|
|
|
269
316
|
}
|
|
270
317
|
});
|
|
271
318
|
export {
|
|
272
|
-
|
|
319
|
+
Fe as default
|
|
273
320
|
};
|
package/dist/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.mtn-action-group[data-v-
|
|
1
|
+
.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)}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("@mtn-ui/shared"),e=require("vue"),me=require("class-variance-authority"),v=require("ant-design-vue"),W=require("@vueuse/core"),V=require("@ant-design/icons-vue"),U={type:{type:String,default:"default"},color:{type:String}},ye=me.cva("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"}}),ge=e.defineComponent({name:"MTag",props:U,setup(t,{slots:o,attrs:n}){return()=>{var u;const{type:r}=t;return e.createVNode("span",{class:S.cn(ye({type:r}),n.class)},[(u=o.default)==null?void 0:u.call(o)])}}}),Y=S.withInstall(ge),Z={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"},htmlType:{type:String,default:"button"},icon:{type:Object},permission:{type:[String,Array],default:void 0},permissionAction:{type:String,default:"hide"}};function J(t){const{permission:o,permissionAction:n="hide"}=t,r=e.inject(S.PERMISSION_CHECKER_KEY,e.ref(S.defaultPermissionChecker)),u=e.computed(()=>o?r.value(o):!0),p=e.computed(()=>!u.value&&n==="hide"),m=e.computed(()=>!u.value&&n==="disable");return{hasPermission:u,shouldHide:p,shouldDisable:m}}function ve(t,o){return t.map(n=>{if(!n||n.type==="divider"||!n.permission)return n;if(!o(n.permission)){const u=n.permissionAction||"hide";if(u==="hide")return null;if(u==="disable")return{...n,disabled:!0}}return n}).filter(Boolean)}const N=e.defineComponent({name:"MButton",props:Z,emits:["click"],setup(t,{slots:o,attrs:n,emit:r}){const{shouldHide:u,shouldDisable:p}=J({permission:t.permission,permissionAction:t.permissionAction}),m=d=>{r("click",d)};return()=>u.value?null:e.createVNode(v.Button,e.mergeProps({type:t.type,size:t.size,loading:t.loading,disabled:t.disabled||p.value,danger:t.danger,block:t.block,ghost:t.ghost,shape:t.shape,htmlType:t.htmlType,icon:t.icon},n,{class:["mtn-button",n.class],onClick:m}),{default:()=>{var d;return(d=o.default)==null?void 0:d.call(o)},icon:()=>{var d;return(d=o.icon)==null?void 0:d.call(o)}})}}),Q={size:{type:String,default:"middle"},compact:{type:Boolean,default:!0},gap:{type:[Number,String],default:8},vertical:{type:Boolean,default:!1},block:{type:Boolean,default:!1}},O=e.defineComponent({name:"MButtonGroup",props:Q,setup(t,{slots:o,attrs:n}){return()=>e.createVNode(e.Fragment,null,[t.compact?e.createVNode(v.Space.Compact,e.mergeProps({size:t.size,direction:t.vertical?"vertical":"horizontal",block:t.block},n,{class:["mtn-button-group","mtn-button-group--compact",n.class]}),{default:()=>{var r;return[(r=o.default)==null?void 0:r.call(o)]}}):e.createVNode(v.Space,e.mergeProps({size:typeof t.gap=="number"?t.gap:parseInt(t.gap)||8,direction:t.vertical?"vertical":"horizontal"},n,{class:["mtn-button-group","mtn-button-group--normal",n.class]}),{default:()=>{var r;return[(r=o.default)==null?void 0:r.call(o)]}})])}}),ke={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},permissionAction:{type:String,default:"hide"}},M=e.defineComponent({name:"MDropdownButton",props:ke,emits:["click"],setup(t,{slots:o,attrs:n,emit:r}){const{shouldHide:u,shouldDisable:p}=J({permission:t.permission,permissionAction:t.permissionAction}),m=e.inject(S.PERMISSION_CHECKER_KEY,e.ref(S.defaultPermissionChecker)),d=y=>{r("click",y)};return()=>{if(u.value)return null;const y={};if(o.overlay)y.overlay=o.overlay;else if(t.menu&&t.menu.length>0){const g=ve(t.menu,m.value);y.overlay=()=>e.h(v.Menu,{items:g})}return o.icon&&(y.icon=o.icon),!(o.default||t.text)?e.createVNode(v.Dropdown,e.mergeProps({placement:t.placement,trigger:t.trigger},n,{class:["mtn-dropdown-button",n.class]}),{default:()=>[e.createVNode(v.Button,{type:t.type,size:t.size==="middle"?void 0:t.size,disabled:t.disabled||p.value,loading:t.loading,danger:t.danger,onClick:d},{default:()=>{var g;return[(g=o.icon)==null?void 0:g.call(o)]}})],...y}):e.createVNode(v.Dropdown.Button,e.mergeProps({type:t.type,size:t.size==="middle"?void 0:t.size,disabled:t.disabled||p.value,loading:t.loading,danger:t.danger,placement:t.placement,trigger:t.trigger},n,{class:["mtn-dropdown-button",n.class],onClick:d}),{default:()=>{var g;return[((g=o.default)==null?void 0:g.call(o))||t.text]},...y})}}}),he={actions:{type:Array,default:void 0},mode:{type:String,default:"default"},maxItems:{type:Number,default:3},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 be(t){return t?t.filter(o=>o.type!==e.Comment&&o.type!==e.Text&&o.type!==Symbol.for("v-fgt")):[]}function K(t,o){var n,r;if(t.key!==null&&t.key!==void 0)return typeof t.key=="symbol"?t.key.toString():t.key;if(((n=t.props)==null?void 0:n.key)!==null&&((r=t.props)==null?void 0:r.key)!==void 0){const u=t.props.key;return typeof u=="symbol"?u.toString():u}return`button-${o}`}const q="link",H="small",Be=e.defineComponent({name:"MActionGroup",inheritAttrs:!1,__name:"action-group",props:he,emits:["action-click"],setup(t,{emit:o}){const n=t,r=o,u=e.useSlots(),p=e.ref(),m=e.ref(),d=e.ref(),{width:y}=W.useElementSize(p),E=e.inject(S.PERMISSION_CHECKER_KEY,e.ref(S.defaultPermissionChecker)),g=e.computed(()=>n.mode==="table"),P=e.computed(()=>g.value?"small":n.size),a=e.computed(()=>g.value?"link":"default"),c=e.computed(()=>g.value?"":n.moreText),B=e.computed(()=>n.moreIcon||V.MoreOutlined);function b(i){return i?E.value(i):!0}const T=e.computed(()=>{var i;return be((i=u.default)==null?void 0:i.call(u))}),x=e.computed(()=>n.actions?n.actions.filter(i=>b(i.permission)):[]),w=e.computed(()=>{if(n.disableCollapse)return n.actions?x.value.length:T.value.length;const i=n.actions?x.value.length:T.value.length;return i<=1?i:m.value&&d.value&&y.value?re():Math.min(n.maxItems,i)});function re(){if(!m.value||!d.value||!y.value)return n.maxItems;const i=d.value.offsetWidth,s=Array.from(m.value.querySelectorAll(".measure-item"));if(s.length===0)return n.maxItems;let l=i,f=0;for(let h=0;h<s.length-1;h++){const C=s[h].offsetWidth+n.gap;if(l+C<=y.value)l+=C,f++;else break}const k=n.actions?x.value.length:T.value.length;return Math.max(0,Math.min(f,n.maxItems,k))}const ie=e.computed(()=>n.actions?x.value.slice(0,w.value):[]),L=e.computed(()=>n.actions?x.value.slice(w.value):[]),ae=e.computed(()=>{if(n.actions)return[];const i=T.value;return w.value>=i.length?i:i.slice(0,w.value)}),R=e.computed(()=>{if(n.actions)return[];const i=T.value;return w.value>=i.length?[]:i.slice(w.value)}),le=e.computed(()=>n.actions?L.value.filter(i=>b(i.permission)):[]),ue=e.computed(()=>n.actions?[]:R.value.filter(i=>{const s=i.props||{};return s.permission&&s.permissionAction==="hide"?b(s.permission):!0})),ce=e.computed(()=>n.disableCollapse?!1:(n.actions?L.value.length:R.value.length)>0);function I(i){return i.component||N}function $(i,s){return i.key||i.label||`action-${s}`}function F(i){const{label:s,key:l,onClick:f,permission:k,permissionAction:h,icon:z,component:C,componentProps:A,slot:_,type:D,size:de,disabled:fe,...pe}=i;return{component:C,componentProps:A,type:D,size:de,rest:pe,permission:k,permissionAction:h,disabled:fe}}function j(i){const{component:s,componentProps:l,type:f,rest:k,permission:h,permissionAction:z,disabled:C}=F(i),A={type:f||a.value,size:P.value,disabled:C||!b(h)&&z==="disable",...k};if(s&&l){const _=(s==null?void 0:s.name)==="MDeleteButton"||(s==null?void 0:s.__name)==="MDeleteButton",D={...A};return!l.type&&!f&&_&&delete D.type,{...D,...l}}return A}function se(i){const{component:s,componentProps:l,rest:f,permission:k,permissionAction:h,disabled:z}=F(i),C={type:q,size:H,disabled:z||!b(k)&&h==="disable",...f};if(s&&l){const{type:A,size:_,...D}=l;return{...C,...D}}return C}function G(i){i.onClick&&i.onClick(i),r("action-click",i)}return(i,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:p,class:"mtn-action-group"},[e.createVNode(e.unref(O),e.mergeProps({size:P.value,compact:i.compact,vertical:i.vertical,block:i.block},i.$attrs),{default:e.withCtx(()=>[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(ie.value,(l,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(I(l)),e.mergeProps({key:$(l,f)},{ref_for:!0},j(l),{onClick:k=>G(l)}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(l.label),1)]),_:2},[l.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon)))]),key:"0"}:void 0]),1040,["onClick"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(ae.value,(l,f)=>{var k,h;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode(l,{type:((k=l.props)==null?void 0:k.type)??(g.value?a.value:void 0),size:((h=l.props)==null?void 0:h.size)??P.value})),{key:e.unref(K)(l,f)})}),128)),ce.value?(e.openBlock(),e.createBlock(e.unref(M),e.mergeProps({key:2,text:c.value,size:P.value,type:a.value},n.moreProps),{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B.value)))]),overlay:e.withCtx(()=>[e.createVNode(e.unref(v.Menu),null,{default:e.withCtx(()=>[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(le.value,(l,f)=>(e.openBlock(),e.createBlock(e.unref(v.Menu).Item,{key:$(l,f)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(I(l)),e.mergeProps({ref_for:!0},se(l),{onClick:k=>G(l)}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(l.label),1)]),_:2},[l.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon)))]),key:"0"}:void 0]),1040,["onClick"]))]),_:2},1024))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(ue.value,(l,f)=>(e.openBlock(),e.createBlock(e.unref(v.Menu).Item,{key:e.unref(K)(l,f)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode(l,{...l.props,type:q,size:H}))))]),_:2},1024))),128))]),_:1})]),_:1},16,["text","size","type"])):e.createCommentVNode("",!0)]),_:1},16,["size","compact","vertical","block"]),e.createElementVNode("div",{ref_key:"measureRef",ref:m,class:"mtn-action-group-measure"},[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(x.value,(l,f)=>(e.openBlock(),e.createElementBlock("span",{key:f,class:"measure-item"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(I(l)),e.mergeProps({ref_for:!0},j(l)),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(l.label),1)]),_:2},[l.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon)))]),key:"0"}:void 0]),1040))]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(T.value,(l,f)=>(e.openBlock(),e.createElementBlock("span",{key:f,class:"measure-item"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l)))]))),128)),e.createElementVNode("span",{ref_key:"moreTriggerRef",ref:d,class:"measure-item"},[e.createVNode(e.unref(M),{text:c.value,size:P.value,type:a.value},{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B.value)))]),_:1},8,["text","size","type"])],512)],512)],512))}}),X=(t,o)=>{const n=t.__vccOpts||t;for(const[r,u]of o)n[r]=u;return n},ee=X(Be,[["__scopeId","data-v-6b35de38"]]),Ce={...Z,loading:{type:Boolean,default:void 0},confirm:{type:[String,Boolean,Function],default:"确定要删除吗?"},confirmType:{type:String,default:"modal"},confirmTitle:{type:String,default:"确认删除"},okText:{type:String,default:"确定"},cancelText:{type:String,default:"取消"},hideIcon:{type:Boolean,default:!1},autoLoading:{type:Boolean,default:!0},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},debounce:{type:Number,default:300},onDelete:{type:Function,default:void 0}},Se=e.defineComponent({name:"MDeleteButton",inheritAttrs:!1,__name:"delete-button",props:Ce,emits:["delete","success","error"],setup(t,{emit:o}){const n=o,r=t,u=e.ref(!1),p=e.ref(null),m=e.computed(()=>r.loading!==void 0?r.loading:r.autoLoading?u.value:!1),d=e.computed(()=>typeof r.confirm=="function"?r.confirm(r.count):r.confirm);e.watch(m,a=>{p.value&&e.nextTick(()=>{var c;(c=p.value)==null||c.update({okButtonProps:{loading:a}})})},{flush:"post"}),e.onBeforeUnmount(()=>{p.value&&(p.value.destroy(),p.value=null)});const y=async()=>{try{if(r.beforeDelete&&await r.beforeDelete()===!1)return;r.autoLoading&&r.loading===void 0&&(u.value=!0);let a=!1;const c=()=>{a||(a=!0,r.autoLoading&&r.loading===void 0&&(u.value=!1))};if(r.onDelete){const B=r.onDelete(c);if(B&&typeof B.then=="function")try{const b=await B;a||c(),E(b)}catch(b){throw a||c(),b}}else n("delete",c),r.autoLoading&&r.loading===void 0&&setTimeout(()=>{a||c()},5e3)}catch(a){r.autoLoading&&r.loading===void 0&&(u.value=!1);const c=a instanceof Error?a:new Error(String(a));n("error",c),r.showError&&v.message.error(c.message||"删除失败,请重试")}},E=a=>{r.showSuccess&&v.message.success(r.successText||"删除成功"),n("success",a)},g=r.debounce>0?W.useDebounceFn(y,r.debounce):y,P=()=>{if(!d.value){g();return}if(r.confirmType==="popconfirm")return;const a=()=>{p.value=v.Modal.confirm({title:r.confirmTitle,content:d.value,okText:r.okText,cancelText:r.cancelText,okType:"danger",okButtonProps:{loading:m.value},onOk:async()=>{try{return await y(),new Promise(c=>{if(!m.value){c();return}const B=e.watch(m,b=>{b||(B(),c())})})}catch(c){throw c}},onCancel:()=>{p.value=null},afterClose:()=>{p.value=null}})};e.nextTick(a)};return(a,c)=>d.value&&a.confirmType==="popconfirm"?(e.openBlock(),e.createBlock(e.unref(v.Popconfirm),{key:0,title:d.value,"ok-text":a.okText,"cancel-text":a.cancelText,"ok-button-props":{loading:m.value,danger:!0},onConfirm:e.unref(g)},{icon:e.withCtx(()=>[e.renderSlot(a.$slots,"popconfirmIcon",{},()=>[e.createVNode(e.unref(V.ExclamationCircleOutlined),{class:"text-[--color-ant-error]"})],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(N),e.mergeProps(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"}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[c[0]||(c[0]=e.createTextVNode("删除",-1))],!0)]),_:2},[a.hideIcon?void 0:{name:"icon",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"icon",{},()=>[e.createVNode(e.unref(V.DeleteOutlined))],!0)]),key:"0"}]),1040,["type","size","loading","disabled","permission","permission-action"])]),_:3},8,["title","ok-text","cancel-text","ok-button-props","onConfirm"])):(e.openBlock(),e.createBlock(e.unref(N),e.mergeProps({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:P}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[c[1]||(c[1]=e.createTextVNode("删除",-1))],!0)]),_:2},[a.hideIcon?void 0:{name:"icon",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"icon",{},()=>[e.createVNode(e.unref(V.DeleteOutlined))],!0)]),key:"0"}]),1040,["type","size","loading","disabled","permission","permission-action"]))}}),te=X(Se,[["__scopeId","data-v-a943bc19"]]),ne={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"}};function Pe(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const Te=e.defineComponent({name:"MTable",props:ne,setup(t,{slots:o,attrs:n}){return()=>e.createVNode(v.Table,e.mergeProps(t,n,{class:"mtn-table"}),Pe(o)?o:{default:()=>[o]})}}),oe=S.withInstall(Te),xe=[N,O,M,ee,te,Y,oe],we={install(t){xe.forEach(o=>{t.component(o.name||"",o)})}};exports.ActionGroup=ee;exports.Button=N;exports.ButtonGroup=O;exports.DeleteButton=te;exports.DropdownButton=M;exports.Table=oe;exports.Tag=Y;exports.buttonGroupProps=Q;exports.default=we;exports.tableProps=ne;exports.tagProps=U;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("@mtn-ui/shared"),e=require("vue"),he=require("class-variance-authority"),v=require("ant-design-vue"),G=require("@vueuse/core"),L=require("@ant-design/icons-vue"),ee={type:{type:String,default:"default"},color:{type:String}},be=he.cva("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"}}),Be=e.defineComponent({name:"MTag",props:ee,setup(t,{slots:r,attrs:n}){return()=>{var u;const{type:i}=t;return e.createVNode("span",{class:C.cn(be({type:i}),n.class)},[(u=r.default)==null?void 0:u.call(r)])}}}),te=C.withInstall(Be),ne={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"},htmlType:{type:String,default:"button"},icon:{type:Object},permission:{type:[String,Array],default:void 0},permissionAction:{type:String,default:"hide"}};function oe(t){const{permission:r,permissionAction:n="hide"}=t,i=e.inject(C.PERMISSION_CHECKER_KEY,e.ref(C.defaultPermissionChecker)),u=e.computed(()=>r?i.value(r):!0),m=e.computed(()=>!u.value&&n==="hide"),f=e.computed(()=>!u.value&&n==="disable");return{hasPermission:u,shouldHide:m,shouldDisable:f}}function Ce(t,r){return t.map(n=>{if(!n||n.type==="divider"||!n.permission)return n;if(!r(n.permission)){const u=n.permissionAction||"hide";if(u==="hide")return null;if(u==="disable")return{...n,disabled:!0}}return n}).filter(Boolean)}const A=e.defineComponent({name:"MButton",props:ne,emits:["click"],setup(t,{slots:r,attrs:n,emit:i}){const{shouldHide:u,shouldDisable:m}=oe({permission:t.permission,permissionAction:t.permissionAction}),f=p=>{i("click",p)};return()=>u.value?null:e.createVNode(v.Button,e.mergeProps({type:t.type,size:t.size,loading:t.loading,disabled:t.disabled||m.value,danger:t.danger,block:t.block,ghost:t.ghost,shape:t.shape,htmlType:t.htmlType,icon:t.icon},n,{class:["mtn-button",n.class],onClick:f}),{default:()=>{var p;return(p=r.default)==null?void 0:p.call(r)},icon:()=>{var p;return(p=r.icon)==null?void 0:p.call(r)}})}}),re={size:{type:String,default:"middle"},compact:{type:Boolean,default:!0},gap:{type:[Number,String],default:8},vertical:{type:Boolean,default:!1},block:{type:Boolean,default:!1}},K=e.defineComponent({name:"MButtonGroup",props:re,setup(t,{slots:r,attrs:n}){return()=>e.createVNode(e.Fragment,null,[t.compact?e.createVNode(v.Space.Compact,e.mergeProps({size:t.size,direction:t.vertical?"vertical":"horizontal",block:t.block},n,{class:["mtn-button-group","mtn-button-group--compact",n.class]}),{default:()=>{var i;return[(i=r.default)==null?void 0:i.call(r)]}}):e.createVNode(v.Space,e.mergeProps({size:typeof t.gap=="number"?t.gap:parseInt(t.gap)||8,direction:t.vertical?"vertical":"horizontal"},n,{class:["mtn-button-group","mtn-button-group--normal",n.class]}),{default:()=>{var i;return[(i=r.default)==null?void 0:i.call(r)]}})])}}),Se={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},permissionAction:{type:String,default:"hide"}},j=e.defineComponent({name:"MDropdownButton",props:Se,emits:["click"],setup(t,{slots:r,attrs:n,emit:i}){const{shouldHide:u,shouldDisable:m}=oe({permission:t.permission,permissionAction:t.permissionAction}),f=e.inject(C.PERMISSION_CHECKER_KEY,e.ref(C.defaultPermissionChecker)),p=y=>{i("click",y)};return()=>{if(u.value)return null;const y={};if(r.overlay)y.overlay=r.overlay;else if(t.menu&&t.menu.length>0){const k=Ce(t.menu,f.value);y.overlay=()=>e.h(v.Menu,{items:k})}return r.icon&&(y.icon=r.icon),!(r.default||t.text)?e.createVNode(v.Dropdown,e.mergeProps({placement:t.placement,trigger:t.trigger},n,{class:["mtn-dropdown-button",n.class]}),{default:()=>[e.createVNode(v.Button,{type:t.type,size:t.size==="middle"?void 0:t.size,disabled:t.disabled||m.value,loading:t.loading,danger:t.danger,onClick:p},{default:()=>{var k;return[(k=r.icon)==null?void 0:k.call(r)]}})],...y}):e.createVNode(v.Dropdown.Button,e.mergeProps({type:t.type,size:t.size==="middle"?void 0:t.size,disabled:t.disabled||m.value,loading:t.loading,danger:t.danger,placement:t.placement,trigger:t.trigger},n,{class:["mtn-dropdown-button",n.class],onClick:p}),{default:()=>{var k;return[((k=r.default)==null?void 0:k.call(r))||t.text]},...y})}}}),Pe={actions:{type:Array,default:void 0},mode:{type:String,default:"default"},maxItems:{type:Number,default:3},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 xe(t){return t?t.filter(r=>r.type!==e.Comment&&r.type!==e.Text&&r.type!==Symbol.for("v-fgt")):[]}function Q(t,r){var n,i;if(t.key!==null&&t.key!==void 0)return typeof t.key=="symbol"?t.key.toString():t.key;if(((n=t.props)==null?void 0:n.key)!==null&&((i=t.props)==null?void 0:i.key)!==void 0){const u=t.props.key;return typeof u=="symbol"?u.toString():u}return`button-${r}`}const $="link",X="small",Te=150,we=e.defineComponent({name:"MActionGroup",inheritAttrs:!1,__name:"action-group",props:Pe,emits:["action-click"],setup(t,{emit:r}){const n=t,i=r,u=e.useSlots(),m=e.ref(),f=e.ref(),p=e.ref(),{width:y}=G.useElementSize(m),E=e.inject(C.PERMISSION_CHECKER_KEY,e.ref(C.defaultPermissionChecker));function k(o){if(!o)return;const s=o;return s.name||s.__name||s.displayName}const P=e.computed(()=>n.mode==="table"),l=e.computed(()=>P.value?"small":n.size),c=e.computed(()=>P.value?"link":"default"),b=e.computed(()=>P.value?"":n.moreText),S=e.computed(()=>n.moreIcon||L.MoreOutlined);function V(o){return o?E.value(o):!0}const M=e.computed(()=>xe(u.default?u.default():void 0)),x=e.shallowRef([]);function q(o){var a,d,g;return[o.key??"",o.label??"",k(o.icon)??"",k(o.component)??"",Array.isArray(o.permission)?o.permission.join(","):o.permission??"",o.permissionAction??"",String(o.disabled??!1),String(((a=o.componentProps)==null?void 0:a.confirm)??""),String(((d=o.componentProps)==null?void 0:d.showSuccess)??""),String(((g=o.componentProps)==null?void 0:g.danger)??"")].join("|")}e.watch(()=>n.actions,o=>{if(!o){x.value=[];return}if(x.value.length!==o.length){x.value=o;return}const s=o.map(q).join("||"),a=x.value.map(q).join("||");s!==a&&(x.value=o)},{immediate:!0,deep:!1});const _=e.computed(()=>x.value.length?x.value.filter(o=>V(o.permission)):[]),h=e.computed(()=>n.actions?_.value.length:M.value.length);function se(){if(!f.value||!p.value||!y.value)return Math.min(n.maxItems,h.value);const o=p.value.offsetWidth,s=Array.from(f.value.querySelectorAll(".measure-item"));if(s.length===0)return Math.min(n.maxItems,h.value);let a=o,d=0;for(let g=0;g<s.length-1;g++){const T=s[g].offsetWidth+n.gap;if(a+T<=y.value)a+=T,d++;else break}return Math.max(0,Math.min(d,n.maxItems,h.value))}const D=e.ref(n.maxItems),de=G.useDebounceFn(()=>{D.value=se()},Te);e.watch([y,h,()=>n.maxItems,()=>n.gap],()=>{if(n.disableCollapse){D.value=h.value;return}if(h.value<=1){D.value=h.value;return}f.value&&p.value&&y.value?de():D.value=Math.min(n.maxItems,h.value)},{immediate:!0});const w=e.computed(()=>n.disableCollapse||h.value<=1?h.value:f.value&&p.value&&y.value?D.value:Math.min(n.maxItems,h.value)),pe=e.computed(()=>n.actions?_.value.slice(0,w.value):[]),H=e.computed(()=>n.actions?_.value.slice(w.value):[]),fe=e.computed(()=>{if(n.actions)return[];const o=M.value;return w.value>=o.length?o:o.slice(0,w.value)}),U=e.computed(()=>{if(n.actions)return[];const o=M.value;return w.value>=o.length?[]:o.slice(w.value)}),me=e.computed(()=>n.actions?[]:U.value.filter(o=>{const s=o.props||{};return s.permission&&s.permissionAction==="hide"?V(s.permission):!0})),ye=e.computed(()=>n.disableCollapse?!1:(n.actions?H.value.length:U.value.length)>0);function R(o){return o.component||A}function W(o,s){return o.key||o.label||`action-${s}`}function Y(o){const{label:s,key:a,onClick:d,permission:g,permissionAction:B,icon:T,component:z,componentProps:N,slot:I,type:F,size:O,disabled:ve,...ke}=o;return{component:z,componentProps:N,type:F,size:O,rest:ke,permission:g,permissionAction:B,disabled:ve}}function Z(o){const{component:s,componentProps:a,type:d,rest:g,permission:B,permissionAction:T,disabled:z}=Y(o),N={type:d||c.value,size:l.value,disabled:z||!V(B)&&T==="disable",...g};if(s&&a){const I={...N,...a};return P.value&&(I.type="link"),I}return N}function ge(o){const{component:s,componentProps:a,rest:d,permission:g,permissionAction:B,disabled:T}=Y(o),z={type:$,size:X,disabled:T||!V(g)&&B==="disable",...d};if(s&&a){const{type:N,size:I,...F}=a,O={...z,...F};return O.type=$,O}return z}function J(o){o.onClick&&o.onClick(o),i("action-click",o)}return(o,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:m,class:"mtn-action-group"},[e.createVNode(e.unref(K),e.mergeProps({size:l.value,compact:o.compact,vertical:o.vertical,block:o.block},o.$attrs),{default:e.withCtx(()=>[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(pe.value,(a,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R(a)),e.mergeProps({key:W(a,d)},{ref_for:!0},Z(a),{onClick:g=>J(a)}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.label),1)]),_:2},[a.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon)))]),key:"0"}:void 0]),1040,["onClick"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(fe.value,(a,d)=>{var g,B;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode(a,{type:((g=a.props)==null?void 0:g.type)??(P.value?c.value:void 0),size:((B=a.props)==null?void 0:B.size)??l.value})),{key:e.unref(Q)(a,d)})}),128)),ye.value?(e.openBlock(),e.createBlock(e.unref(j),e.mergeProps({key:2,text:b.value,size:l.value,type:c.value},n.moreProps),{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S.value)))]),overlay:e.withCtx(()=>[e.createVNode(e.unref(v.Menu),null,{default:e.withCtx(()=>[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(H.value,(a,d)=>(e.openBlock(),e.createBlock(e.unref(v.Menu).Item,{key:W(a,d)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R(a)),e.mergeProps({ref_for:!0},ge(a),{onClick:g=>J(a)}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.label),1)]),_:2},[a.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon)))]),key:"0"}:void 0]),1040,["onClick"]))]),_:2},1024))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(me.value,(a,d)=>(e.openBlock(),e.createBlock(e.unref(v.Menu).Item,{key:e.unref(Q)(a,d)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode(a,{...a.props,type:$,size:X}))))]),_:2},1024))),128))]),_:1})]),_:1},16,["text","size","type"])):e.createCommentVNode("",!0)]),_:1},16,["size","compact","vertical","block"]),e.createElementVNode("div",{ref_key:"measureRef",ref:f,class:"mtn-action-group-measure"},[n.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(_.value,(a,d)=>(e.openBlock(),e.createElementBlock("span",{key:d,class:"measure-item"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R(a)),e.mergeProps({ref_for:!0},Z(a)),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.label),1)]),_:2},[a.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon)))]),key:"0"}:void 0]),1040))]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(M.value,(a,d)=>(e.openBlock(),e.createElementBlock("span",{key:d,class:"measure-item"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a)))]))),128)),e.createElementVNode("span",{ref_key:"moreTriggerRef",ref:p,class:"measure-item"},[e.createVNode(e.unref(j),{text:b.value,size:l.value,type:c.value},{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S.value)))]),_:1},8,["text","size","type"])],512)],512)],512))}}),ie=(t,r)=>{const n=t.__vccOpts||t;for(const[i,u]of r)n[i]=u;return n},ae=ie(we,[["__scopeId","data-v-845c43ad"]]),ze={...ne,loading:{type:Boolean,default:void 0},confirm:{type:[String,Boolean,Function],default:"确定要删除吗?"},confirmType:{type:String,default:"modal"},confirmTitle:{type:String,default:"确认删除"},okText:{type:String,default:"确定"},cancelText:{type:String,default:"取消"},hideIcon:{type:Boolean,default:!1},autoLoading:{type:Boolean,default:!0},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},debounce:{type:Number,default:300},onDelete:{type:Function,default:void 0}},De=e.defineComponent({name:"MDeleteButton",inheritAttrs:!1,__name:"delete-button",props:ze,emits:["delete","success","error"],setup(t,{emit:r}){const n=r,i=t,u=e.ref(!1),m=e.ref(null),f=e.computed(()=>i.loading!==void 0?i.loading:i.autoLoading?u.value:!1),p=e.computed(()=>typeof i.confirm=="function"?i.confirm(i.count):i.confirm);e.watch(f,l=>{m.value&&e.nextTick(()=>{var c;(c=m.value)==null||c.update({okButtonProps:{loading:l}})})},{flush:"post"}),e.onBeforeUnmount(()=>{m.value&&(m.value.destroy(),m.value=null)});const y=async()=>{try{if(i.beforeDelete&&await i.beforeDelete()===!1)return;i.autoLoading&&i.loading===void 0&&(u.value=!0);let l=!1;const c=()=>{l||(l=!0,i.autoLoading&&i.loading===void 0&&(u.value=!1))};if(i.onDelete){const b=i.onDelete(c);if(b&&typeof b.then=="function")try{const S=await b;l||c(),E(S)}catch(S){throw l||c(),S}}else n("delete",c),i.autoLoading&&i.loading===void 0&&setTimeout(()=>{l||c()},5e3)}catch(l){i.autoLoading&&i.loading===void 0&&(u.value=!1);const c=l instanceof Error?l:new Error(String(l));n("error",c),i.showError&&v.message.error(c.message||"删除失败,请重试")}},E=l=>{i.showSuccess&&v.message.success(i.successText||"删除成功"),n("success",l)},k=i.debounce>0?G.useDebounceFn(y,i.debounce):y,P=()=>{if(!p.value){k();return}if(i.confirmType==="popconfirm")return;const l=()=>{m.value=v.Modal.confirm({title:i.confirmTitle,content:p.value,okText:i.okText,cancelText:i.cancelText,okType:"danger",okButtonProps:{loading:f.value},onOk:async()=>{try{return await y(),new Promise(c=>{if(!f.value){c();return}const b=e.watch(f,S=>{S||(b(),c())})})}catch(c){throw c}},onCancel:()=>{m.value=null},afterClose:()=>{m.value=null}})};e.nextTick(l)};return(l,c)=>p.value&&l.confirmType==="popconfirm"?(e.openBlock(),e.createBlock(e.unref(v.Popconfirm),{key:0,title:p.value,"ok-text":l.okText,"cancel-text":l.cancelText,"ok-button-props":{loading:f.value,danger:!0},onConfirm:e.unref(k)},{icon:e.withCtx(()=>[e.renderSlot(l.$slots,"popconfirmIcon",{},()=>[e.createVNode(e.unref(L.ExclamationCircleOutlined),{class:"text-[--color-ant-error]"})],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(A),e.mergeProps(l.$attrs,{type:l.type,size:l.size,danger:!0,loading:f.value,disabled:l.disabled,permission:l.permission,"permission-action":l.permissionAction,class:"group"}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>[c[0]||(c[0]=e.createTextVNode("删除",-1))],!0)]),_:2},[l.hideIcon?void 0:{name:"icon",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(e.unref(L.DeleteOutlined))],!0)]),key:"0"}]),1040,["type","size","loading","disabled","permission","permission-action"])]),_:3},8,["title","ok-text","cancel-text","ok-button-props","onConfirm"])):(e.openBlock(),e.createBlock(e.unref(A),e.mergeProps({key:1},l.$attrs,{type:l.type,size:l.size,danger:!0,loading:f.value,disabled:l.disabled,permission:l.permission,"permission-action":l.permissionAction,onClick:P}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>[c[1]||(c[1]=e.createTextVNode("删除",-1))],!0)]),_:2},[l.hideIcon?void 0:{name:"icon",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(e.unref(L.DeleteOutlined))],!0)]),key:"0"}]),1040,["type","size","loading","disabled","permission","permission-action"]))}}),le=ie(De,[["__scopeId","data-v-a943bc19"]]),ue={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"}};function Ne(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const Ae=e.defineComponent({name:"MTable",props:ue,setup(t,{slots:r,attrs:n}){return()=>e.createVNode(v.Table,e.mergeProps(t,n,{class:"mtn-table"}),Ne(r)?r:{default:()=>[r]})}}),ce=C.withInstall(Ae),Ee=[A,K,j,ae,le,te,ce],Ve={install(t){Ee.forEach(r=>{t.component(r.name||"",r)})}};exports.ActionGroup=ae;exports.Button=A;exports.ButtonGroup=K;exports.DeleteButton=le;exports.DropdownButton=j;exports.Table=ce;exports.Tag=te;exports.buttonGroupProps=re;exports.default=Ve;exports.tableProps=ue;exports.tagProps=ee;
|