mwl-components 0.0.19 → 0.0.21
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.
- package/README.md +2 -2
- package/dist/EasyForm/index.vue.d.ts +677 -1
- package/dist/EasyTable/index.vue.d.ts +2 -1
- package/dist/index.js +124 -121
- package/dist/mwl-components.css +1 -1
- package/package.json +1 -2
|
@@ -14,6 +14,7 @@ export interface buttonType {
|
|
|
14
14
|
disabled?: (row: any) => boolean;
|
|
15
15
|
show?: (row: any) => boolean;
|
|
16
16
|
click?: (row: any) => void;
|
|
17
|
+
link?: (row: any) => boolean;
|
|
17
18
|
}
|
|
18
19
|
declare function __VLS_template(): {
|
|
19
20
|
attrs: Partial<{}>;
|
|
@@ -113,11 +114,11 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
|
|
|
113
114
|
}>> & Readonly<{}>, {
|
|
114
115
|
data: Record<string, any>[];
|
|
115
116
|
maxHeight: string;
|
|
117
|
+
height: number;
|
|
116
118
|
align: string;
|
|
117
119
|
tableColumns: TableColumn[];
|
|
118
120
|
buttons: buttonType[];
|
|
119
121
|
buttonWidth: string | number;
|
|
120
|
-
height: number;
|
|
121
122
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
122
123
|
tableRef: HTMLDivElement;
|
|
123
124
|
}, HTMLDivElement>;
|
package/dist/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as S, useSlots as j, ref as U, resolveComponent as u, createBlock as r, openBlock as a, normalizeClass as K, createSlots as N, withCtx as d, renderSlot as k, createElementVNode as H, createElementBlock as v, createCommentVNode as p, toDisplayString as $, createVNode as E, watch as Q, nextTick as X, computed as R, unref as L, mergeProps as D, normalizeStyle as A, createTextVNode as Y, Fragment as x, renderList as V, getCurrentInstance as Z, onMounted as ee, onUnmounted as te, withDirectives as G, vShow as J, resolveDynamicComponent as ae, normalizeProps as le, guardReactiveProps as ne } from "vue";
|
|
2
2
|
const oe = { class: "flex items-center justify-between" }, re = { class: "flex items-center" }, ue = { class: "text-16px font-700" }, de = { class: "max-w-200px" }, se = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "flex justify-end"
|
|
5
5
|
}, ce = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "mt-8px flex items-center"
|
|
8
|
-
}, ie = /* @__PURE__ */
|
|
8
|
+
}, ie = /* @__PURE__ */ S({
|
|
9
9
|
name: "ContentWarp",
|
|
10
10
|
__name: "index",
|
|
11
11
|
props: {
|
|
@@ -15,9 +15,9 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
15
15
|
setup(t) {
|
|
16
16
|
const i = j(), o = U("content-wrap");
|
|
17
17
|
return (s, l) => {
|
|
18
|
-
const m = u("ElIcon"), g = u("ElTooltip"),
|
|
19
|
-
return a(), r(
|
|
20
|
-
class:
|
|
18
|
+
const m = u("ElIcon"), g = u("ElTooltip"), f = u("ElCard");
|
|
19
|
+
return a(), r(f, {
|
|
20
|
+
class: K([o.value, "mb-[10px]"]),
|
|
21
21
|
shadow: "never"
|
|
22
22
|
}, N({
|
|
23
23
|
default: d(() => [
|
|
@@ -28,16 +28,16 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
28
28
|
t.title ? {
|
|
29
29
|
name: "header",
|
|
30
30
|
fn: d(() => [
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
H("div", oe, [
|
|
32
|
+
H("div", re, [
|
|
33
|
+
H("span", ue, $(t.title), 1),
|
|
34
34
|
t.message ? (a(), r(g, {
|
|
35
35
|
key: 0,
|
|
36
36
|
effect: "dark",
|
|
37
37
|
placement: "right"
|
|
38
38
|
}, {
|
|
39
39
|
content: d(() => [
|
|
40
|
-
|
|
40
|
+
H("div", de, $(t.message), 1)
|
|
41
41
|
]),
|
|
42
42
|
default: d(() => [
|
|
43
43
|
E(m, {
|
|
@@ -47,15 +47,15 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
47
47
|
})
|
|
48
48
|
]),
|
|
49
49
|
_: 1
|
|
50
|
-
})) :
|
|
50
|
+
})) : p("", !0)
|
|
51
51
|
]),
|
|
52
52
|
i.buttonTip ? (a(), v("div", se, [
|
|
53
53
|
k(s.$slots, "buttonTip", {}, void 0, !0)
|
|
54
|
-
])) :
|
|
54
|
+
])) : p("", !0)
|
|
55
55
|
]),
|
|
56
56
|
i.descTip ? (a(), v("div", ce, [
|
|
57
57
|
k(s.$slots, "descTip", {}, void 0, !0)
|
|
58
|
-
])) :
|
|
58
|
+
])) : p("", !0)
|
|
59
59
|
]),
|
|
60
60
|
key: "0"
|
|
61
61
|
} : void 0
|
|
@@ -67,7 +67,7 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
67
67
|
for (const [s, l] of i)
|
|
68
68
|
o[s] = l;
|
|
69
69
|
return o;
|
|
70
|
-
}, me = /* @__PURE__ */ T(ie, [["__scopeId", "data-v-15c93817"]]),
|
|
70
|
+
}, me = /* @__PURE__ */ T(ie, [["__scopeId", "data-v-15c93817"]]), fe = { class: "dialog-header" }, he = /* @__PURE__ */ S({
|
|
71
71
|
name: "Dialog",
|
|
72
72
|
__name: "index",
|
|
73
73
|
props: {
|
|
@@ -96,10 +96,10 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
96
96
|
const i = j(), o = t, s = U(!1), l = () => {
|
|
97
97
|
s.value = !L(s);
|
|
98
98
|
}, m = U(o.maxHeight);
|
|
99
|
-
|
|
99
|
+
Q(
|
|
100
100
|
() => s.value,
|
|
101
|
-
async (
|
|
102
|
-
if (await
|
|
101
|
+
async (f) => {
|
|
102
|
+
if (await X(), f) {
|
|
103
103
|
const c = document.documentElement.offsetHeight;
|
|
104
104
|
m.value = `${c - 55 - 40 - (i.footer ? 63 : 0)}px`;
|
|
105
105
|
} else
|
|
@@ -115,9 +115,9 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
115
115
|
height: L(m)
|
|
116
116
|
};
|
|
117
117
|
});
|
|
118
|
-
return (
|
|
118
|
+
return (f, c) => {
|
|
119
119
|
const b = u("el-button"), y = u("ElScrollbar"), C = u("ElDialog");
|
|
120
|
-
return a(), r(C,
|
|
120
|
+
return a(), r(C, D(f.$attrs, {
|
|
121
121
|
"close-on-click-modal": !1,
|
|
122
122
|
fullscreen: s.value,
|
|
123
123
|
width: t.width,
|
|
@@ -128,11 +128,11 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
128
128
|
"append-to-body": ""
|
|
129
129
|
}), N({
|
|
130
130
|
header: d(() => [
|
|
131
|
-
|
|
132
|
-
k(
|
|
133
|
-
Y(
|
|
131
|
+
H("div", fe, [
|
|
132
|
+
k(f.$slots, "title", {}, () => [
|
|
133
|
+
Y($(t.title), 1)
|
|
134
134
|
]),
|
|
135
|
-
|
|
135
|
+
H("div", { onClick: l }, [
|
|
136
136
|
E(b, {
|
|
137
137
|
link: "",
|
|
138
138
|
icon: "FullScreen",
|
|
@@ -147,25 +147,24 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
147
147
|
style: A(g.value)
|
|
148
148
|
}, {
|
|
149
149
|
default: d(() => [
|
|
150
|
-
k(
|
|
150
|
+
k(f.$slots, "default")
|
|
151
151
|
]),
|
|
152
152
|
_: 3
|
|
153
|
-
}, 8, ["style"])) : k(
|
|
153
|
+
}, 8, ["style"])) : k(f.$slots, "default", { key: 1 })
|
|
154
154
|
]),
|
|
155
155
|
_: 2
|
|
156
156
|
}, [
|
|
157
157
|
i.footer ? {
|
|
158
158
|
name: "footer",
|
|
159
159
|
fn: d(() => [
|
|
160
|
-
k(
|
|
160
|
+
k(f.$slots, "footer")
|
|
161
161
|
]),
|
|
162
162
|
key: "0"
|
|
163
163
|
} : void 0
|
|
164
164
|
]), 1040, ["fullscreen", "width"]);
|
|
165
165
|
};
|
|
166
166
|
}
|
|
167
|
-
}),
|
|
168
|
-
...fe,
|
|
167
|
+
}), pe = /* @__PURE__ */ S({
|
|
169
168
|
name: "EasyForm",
|
|
170
169
|
__name: "index",
|
|
171
170
|
props: {
|
|
@@ -205,7 +204,7 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
205
204
|
return m || null;
|
|
206
205
|
}
|
|
207
206
|
}), (m, g) => {
|
|
208
|
-
const
|
|
207
|
+
const f = u("el-input"), c = u("el-input-number"), b = u("el-radio"), y = u("el-radio-group"), C = u("el-checkbox"), M = u("el-checkbox-group"), P = u("el-option"), W = u("el-select"), _ = u("el-cascader"), w = u("el-switch"), z = u("el-date-picker"), I = u("el-form-item"), B = u("el-form");
|
|
209
208
|
return a(), r(B, {
|
|
210
209
|
ref_key: "formRef",
|
|
211
210
|
ref: o,
|
|
@@ -215,7 +214,7 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
215
214
|
"scroll-to-error": ""
|
|
216
215
|
}, {
|
|
217
216
|
default: d(() => [
|
|
218
|
-
(a(!0), v(
|
|
217
|
+
(a(!0), v(x, null, V(t.formItems, ({ type: h, ...e }) => (a(), v(x, null, [
|
|
219
218
|
h != "custom" && !e.hidden ? (a(), r(I, {
|
|
220
219
|
key: 0,
|
|
221
220
|
label: e.label,
|
|
@@ -223,16 +222,17 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
223
222
|
rules: e.rule
|
|
224
223
|
}, {
|
|
225
224
|
default: d(() => [
|
|
226
|
-
h == "text" || h == "" ? (a(), r(
|
|
225
|
+
h == "text" || h == "" ? (a(), r(f, D({
|
|
227
226
|
key: 0,
|
|
228
227
|
placeholder: "请输入" + e.label
|
|
229
228
|
}, { ref_for: !0 }, { ...e }, {
|
|
230
229
|
modelValue: t.formData[e.prop],
|
|
231
230
|
"onUpdate:modelValue": (n) => t.formData[e.prop] = n,
|
|
231
|
+
modelModifiers: { trim: !0 },
|
|
232
232
|
"show-word-limit": "",
|
|
233
233
|
style: { width: e.width ? e.width : t.itemWidth }
|
|
234
|
-
}), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) :
|
|
235
|
-
h == "textarea" ? (a(), r(
|
|
234
|
+
}), null, 16, ["placeholder", "modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
|
|
235
|
+
h == "textarea" ? (a(), r(f, D({
|
|
236
236
|
key: 1,
|
|
237
237
|
ref_for: !0
|
|
238
238
|
}, { ...e }, {
|
|
@@ -240,16 +240,16 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
240
240
|
"onUpdate:modelValue": (n) => t.formData[e.prop] = n,
|
|
241
241
|
type: "textarea",
|
|
242
242
|
style: { width: e.width ? e.width : t.itemWidth }
|
|
243
|
-
}), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) :
|
|
244
|
-
h == "number" ? (a(), r(c,
|
|
243
|
+
}), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
|
|
244
|
+
h == "number" ? (a(), r(c, D({
|
|
245
245
|
key: 2,
|
|
246
246
|
"controls-position": "right"
|
|
247
247
|
}, { ref_for: !0 }, { ...e }, {
|
|
248
248
|
modelValue: t.formData[e.prop],
|
|
249
249
|
"onUpdate:modelValue": (n) => t.formData[e.prop] = n,
|
|
250
250
|
style: { width: e.width ? e.width : t.itemWidth }
|
|
251
|
-
}), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) :
|
|
252
|
-
h == "radio" ? (a(), r(y,
|
|
251
|
+
}), null, 16, ["modelValue", "onUpdate:modelValue", "style"])) : p("", !0),
|
|
252
|
+
h == "radio" ? (a(), r(y, D({
|
|
253
253
|
key: 3,
|
|
254
254
|
modelValue: t.formData[e.prop],
|
|
255
255
|
"onUpdate:modelValue": (n) => t.formData[e.prop] = n,
|
|
@@ -257,19 +257,19 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
257
257
|
onChange: (n) => e.change && e.change(t.formData[e.prop])
|
|
258
258
|
}, { ref_for: !0 }, { ...e }), {
|
|
259
259
|
default: d(() => [
|
|
260
|
-
(a(!0), v(
|
|
260
|
+
(a(!0), v(x, null, V(e.options, (n, F) => (a(), r(b, {
|
|
261
261
|
key: F,
|
|
262
262
|
value: n.value
|
|
263
263
|
}, {
|
|
264
264
|
default: d(() => [
|
|
265
|
-
Y(
|
|
265
|
+
Y($(n.label), 1)
|
|
266
266
|
]),
|
|
267
267
|
_: 2
|
|
268
268
|
}, 1032, ["value"]))), 128))
|
|
269
269
|
]),
|
|
270
270
|
_: 2
|
|
271
|
-
}, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) :
|
|
272
|
-
h == "checkbox" ? (a(), r(
|
|
271
|
+
}, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
|
|
272
|
+
h == "checkbox" ? (a(), r(M, D({
|
|
273
273
|
key: 4,
|
|
274
274
|
modelValue: t.formData[e.prop],
|
|
275
275
|
"onUpdate:modelValue": (n) => t.formData[e.prop] = n,
|
|
@@ -277,19 +277,19 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
277
277
|
onChange: (n) => e.change && e.change(t.formData[e.prop])
|
|
278
278
|
}, { ref_for: !0 }, { ...e }), {
|
|
279
279
|
default: d(() => [
|
|
280
|
-
(a(!0), v(
|
|
280
|
+
(a(!0), v(x, null, V(e.options, (n, F) => (a(), r(C, {
|
|
281
281
|
key: F,
|
|
282
282
|
value: n.value
|
|
283
283
|
}, {
|
|
284
284
|
default: d(() => [
|
|
285
|
-
Y(
|
|
285
|
+
Y($(n.label), 1)
|
|
286
286
|
]),
|
|
287
287
|
_: 2
|
|
288
288
|
}, 1032, ["value"]))), 128))
|
|
289
289
|
]),
|
|
290
290
|
_: 2
|
|
291
|
-
}, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) :
|
|
292
|
-
h == "select" || h == "multipleselect" ? (a(), r(W,
|
|
291
|
+
}, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
|
|
292
|
+
h == "select" || h == "multipleselect" ? (a(), r(W, D({
|
|
293
293
|
key: 5,
|
|
294
294
|
modelValue: t.formData[e.prop],
|
|
295
295
|
"onUpdate:modelValue": (n) => t.formData[e.prop] = n,
|
|
@@ -298,15 +298,15 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
298
298
|
onChange: (n) => e.change && e.change(t.formData[e.prop])
|
|
299
299
|
}, { ref_for: !0 }, { ...e }), {
|
|
300
300
|
default: d(() => [
|
|
301
|
-
(a(!0), v(
|
|
301
|
+
(a(!0), v(x, null, V(e.options, (n, F) => (a(), r(P, {
|
|
302
302
|
key: F,
|
|
303
303
|
label: e.defaultProp ? n[e.defaultProp.label] : n.label,
|
|
304
304
|
value: e.defaultProp ? n[e.defaultProp.value] : n.value
|
|
305
305
|
}, null, 8, ["label", "value"]))), 128))
|
|
306
306
|
]),
|
|
307
307
|
_: 2
|
|
308
|
-
}, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) :
|
|
309
|
-
h == "cascader" ? (a(), r(
|
|
308
|
+
}, 1040, ["modelValue", "onUpdate:modelValue", "style", "onChange"])) : p("", !0),
|
|
309
|
+
h == "cascader" ? (a(), r(_, {
|
|
310
310
|
key: 6,
|
|
311
311
|
modelValue: t.formData[e.prop],
|
|
312
312
|
"onUpdate:modelValue": (n) => t.formData[e.prop] = n,
|
|
@@ -320,16 +320,16 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
320
320
|
teleported: e.teleported,
|
|
321
321
|
"disabled-date": e.disabledDate,
|
|
322
322
|
onChange: (n) => e.change && e.change(t.formData[e.prop])
|
|
323
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "style", "disabled", "clearable", "placeholder", "popper-class", "teleported", "disabled-date", "onChange"])) :
|
|
324
|
-
h === "switch" ? (a(), r(
|
|
323
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "style", "disabled", "clearable", "placeholder", "popper-class", "teleported", "disabled-date", "onChange"])) : p("", !0),
|
|
324
|
+
h === "switch" ? (a(), r(w, {
|
|
325
325
|
key: 7,
|
|
326
326
|
modelValue: t.formData[e.prop],
|
|
327
327
|
"onUpdate:modelValue": (n) => t.formData[e.prop] = n,
|
|
328
328
|
disabled: e.disabled,
|
|
329
329
|
style: A({ width: e.width ? e.width : t.itemWidth }),
|
|
330
330
|
onChange: (n) => e.change && e.change(t.formData[e.prop])
|
|
331
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "style", "onChange"])) :
|
|
332
|
-
h == "date" || h == "datetime" || h == "year" || h == "month" ? (a(), r(z,
|
|
331
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "style", "onChange"])) : p("", !0),
|
|
332
|
+
h == "date" || h == "datetime" || h == "year" || h == "month" ? (a(), r(z, D({
|
|
333
333
|
key: 8,
|
|
334
334
|
style: { width: e.width ? e.width : t.itemWidth },
|
|
335
335
|
modelValue: t.formData[e.prop],
|
|
@@ -343,7 +343,7 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
343
343
|
"disabled-date": e.disabledDate,
|
|
344
344
|
type: h,
|
|
345
345
|
onChange: (n) => e.change && e.change(t.formData[e.prop])
|
|
346
|
-
}), null, 16, ["style", "modelValue", "onUpdate:modelValue", "format", "value-format", "disabled", "clearable", "placeholder", "disabled-date", "type", "onChange"])) :
|
|
346
|
+
}), null, 16, ["style", "modelValue", "onUpdate:modelValue", "format", "value-format", "disabled", "clearable", "placeholder", "disabled-date", "type", "onChange"])) : p("", !0),
|
|
347
347
|
h == "daterange" ? (a(), r(z, {
|
|
348
348
|
key: 9,
|
|
349
349
|
modelValue: t.formData[e.prop],
|
|
@@ -356,14 +356,14 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
356
356
|
"start-placeholder": "开始日期",
|
|
357
357
|
"end-placeholder": "结束日期",
|
|
358
358
|
onChange: (n) => e.change && e.change(t.formData[e.prop])
|
|
359
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "format", "value-format", "type", "disabled", "onChange"])) :
|
|
359
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "format", "value-format", "type", "disabled", "onChange"])) : p("", !0)
|
|
360
360
|
]),
|
|
361
361
|
_: 2
|
|
362
|
-
}, 1032, ["label", "prop", "rules"])) :
|
|
362
|
+
}, 1032, ["label", "prop", "rules"])) : p("", !0),
|
|
363
363
|
h == "custom" ? k(m.$slots, e.prop, {
|
|
364
364
|
key: 1,
|
|
365
365
|
item: e
|
|
366
|
-
}, void 0, !0) :
|
|
366
|
+
}, void 0, !0) : p("", !0)
|
|
367
367
|
], 64))), 256)),
|
|
368
368
|
E(I, null, {
|
|
369
369
|
default: d(() => [
|
|
@@ -376,7 +376,7 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
376
376
|
}, 8, ["model", "label-width", "inline"]);
|
|
377
377
|
};
|
|
378
378
|
}
|
|
379
|
-
}),
|
|
379
|
+
}), ge = /* @__PURE__ */ T(pe, [["__scopeId", "data-v-8dcb57aa"]]), be = /* @__PURE__ */ S({
|
|
380
380
|
__name: "tableColumnItem",
|
|
381
381
|
props: {
|
|
382
382
|
tableColumn: {}
|
|
@@ -387,8 +387,8 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
387
387
|
return l.children?.length || delete l.children, l;
|
|
388
388
|
};
|
|
389
389
|
return (l, m) => {
|
|
390
|
-
const g = u("el-table-column"),
|
|
391
|
-
return !l.tableColumn.children || l.tableColumn.children?.length == 0 ? (a(), r(g,
|
|
390
|
+
const g = u("el-table-column"), f = u("tableColumnItem", !0);
|
|
391
|
+
return !l.tableColumn.children || l.tableColumn.children?.length == 0 ? (a(), r(g, D({ key: 0 }, { ...s() }, {
|
|
392
392
|
prop: l.tableColumn.prop,
|
|
393
393
|
label: l.tableColumn.label
|
|
394
394
|
}), N({ _: 2 }, [
|
|
@@ -407,15 +407,15 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
407
407
|
label: l.tableColumn.label
|
|
408
408
|
}, {
|
|
409
409
|
default: d(() => [
|
|
410
|
-
(a(!0), v(
|
|
410
|
+
(a(!0), v(x, null, V(l.tableColumn.children, (c, b) => (a(), r(f, {
|
|
411
411
|
key: b,
|
|
412
412
|
"table-column": { align: c.align || l.tableColumn.align, ...c }
|
|
413
413
|
}, N({ _: 2 }, [
|
|
414
|
-
|
|
414
|
+
V(i, (y, C) => ({
|
|
415
415
|
name: C,
|
|
416
|
-
fn: d(({ row:
|
|
417
|
-
k(l.$slots, C, { row:
|
|
418
|
-
Y(
|
|
416
|
+
fn: d(({ row: M }) => [
|
|
417
|
+
k(l.$slots, C, { row: M }, () => [
|
|
418
|
+
Y($(M[C]), 1)
|
|
419
419
|
])
|
|
420
420
|
])
|
|
421
421
|
}))
|
|
@@ -425,7 +425,7 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
425
425
|
}, 8, ["align", "label"]));
|
|
426
426
|
};
|
|
427
427
|
}
|
|
428
|
-
}),
|
|
428
|
+
}), ye = /* @__PURE__ */ S({
|
|
429
429
|
name: "EasyTable",
|
|
430
430
|
__name: "index",
|
|
431
431
|
props: {
|
|
@@ -461,13 +461,13 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
461
461
|
},
|
|
462
462
|
setup(t) {
|
|
463
463
|
const i = t, o = R(() => (i.buttonWidth.toString().indexOf("px") > -1 ? i.buttonWidth.toString().slice(0, -2) : i.buttonWidth, i.buttonWidth)), s = j(), l = U(), m = U("auto");
|
|
464
|
-
let g =
|
|
465
|
-
const
|
|
464
|
+
let g = Z();
|
|
465
|
+
const f = () => {
|
|
466
466
|
let y = "auto";
|
|
467
467
|
if (g?.parent?.attrs?.class?.indexOf("content-wrap") > -1) {
|
|
468
468
|
try {
|
|
469
|
-
const W = g?.refs.tableRef, { top:
|
|
470
|
-
y = document.documentElement.clientHeight -
|
|
469
|
+
const W = g?.refs.tableRef, { top: _ } = W?.getBoundingClientRect();
|
|
470
|
+
y = document.documentElement.clientHeight - _ - 65 - 20;
|
|
471
471
|
} catch {
|
|
472
472
|
}
|
|
473
473
|
return y;
|
|
@@ -475,34 +475,34 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
475
475
|
return y;
|
|
476
476
|
}, c = U(), b = () => {
|
|
477
477
|
c.value && clearTimeout(c.value), c.value = setTimeout(() => {
|
|
478
|
-
m.value =
|
|
478
|
+
m.value = f(), c.value = null;
|
|
479
479
|
}, 100);
|
|
480
480
|
};
|
|
481
|
-
return
|
|
482
|
-
m.value =
|
|
483
|
-
}),
|
|
481
|
+
return ee(() => {
|
|
482
|
+
m.value = f(), window.addEventListener("resize", b);
|
|
483
|
+
}), te(() => {
|
|
484
484
|
window.removeEventListener("resize", b);
|
|
485
485
|
}), (y, C) => {
|
|
486
|
-
const
|
|
486
|
+
const M = u("el-button"), P = u("el-table-column"), W = u("el-table");
|
|
487
487
|
return a(), v("div", {
|
|
488
488
|
ref_key: "tableRef",
|
|
489
489
|
ref: l
|
|
490
490
|
}, [
|
|
491
|
-
E(W,
|
|
491
|
+
E(W, D({ style: { width: "100%" } }, y.$attrs, {
|
|
492
492
|
data: t.data,
|
|
493
493
|
height: t.height,
|
|
494
494
|
maxHeight: t.maxHeight ? t.maxHeight : m.value
|
|
495
495
|
}), {
|
|
496
496
|
default: d(() => [
|
|
497
|
-
(a(!0), v(
|
|
498
|
-
key:
|
|
499
|
-
"table-column": { align: t.align, ...
|
|
497
|
+
(a(!0), v(x, null, V(t.tableColumns, (_, w) => (a(), r(be, {
|
|
498
|
+
key: w,
|
|
499
|
+
"table-column": { align: t.align, ..._ }
|
|
500
500
|
}, N({ _: 2 }, [
|
|
501
|
-
|
|
501
|
+
V(s, (z, I) => ({
|
|
502
502
|
name: I,
|
|
503
503
|
fn: d(({ row: B }) => [
|
|
504
504
|
k(y.$slots, I, { row: B }, () => [
|
|
505
|
-
Y(
|
|
505
|
+
Y($(B[I]), 1)
|
|
506
506
|
], !0)
|
|
507
507
|
])
|
|
508
508
|
}))
|
|
@@ -514,30 +514,33 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
514
514
|
label: "操作",
|
|
515
515
|
width: o.value
|
|
516
516
|
}, {
|
|
517
|
-
default: d((
|
|
518
|
-
(a(!0), v(
|
|
517
|
+
default: d((_) => [
|
|
518
|
+
(a(!0), v(x, null, V(t.buttons, (w, z) => G((a(), r(M, D({ ref_for: !0 }, { ...w }, {
|
|
519
519
|
key: z,
|
|
520
|
-
type:
|
|
520
|
+
type: w.type.includes("del") ? "danger" : "primary",
|
|
521
521
|
onClick: () => {
|
|
522
|
-
|
|
522
|
+
w.click?.(_.row);
|
|
523
523
|
},
|
|
524
|
-
|
|
525
|
-
|
|
524
|
+
disabled: w.disabled?.(_.row) || !1,
|
|
525
|
+
link: w.link?.(_.row) || !0
|
|
526
|
+
}), {
|
|
526
527
|
default: d(() => [
|
|
527
|
-
Y(
|
|
528
|
+
Y($(w.label), 1)
|
|
528
529
|
]),
|
|
529
530
|
_: 2
|
|
530
|
-
},
|
|
531
|
+
}, 1040, ["type", "onClick", "disabled", "link"])), [
|
|
532
|
+
[J, w.show?.(_.row) || !0]
|
|
533
|
+
])), 128))
|
|
531
534
|
]),
|
|
532
535
|
_: 1
|
|
533
|
-
}, 8, ["width"])) :
|
|
536
|
+
}, 8, ["width"])) : p("", !0)
|
|
534
537
|
]),
|
|
535
538
|
_: 3
|
|
536
539
|
}, 16, ["data", "height", "maxHeight"])
|
|
537
540
|
], 512);
|
|
538
541
|
};
|
|
539
542
|
}
|
|
540
|
-
}),
|
|
543
|
+
}), ve = /* @__PURE__ */ T(ye, [["__scopeId", "data-v-721c94d4"]]), Ce = {
|
|
541
544
|
name: "",
|
|
542
545
|
components: {},
|
|
543
546
|
props: {
|
|
@@ -547,13 +550,13 @@ const oe = { class: "flex items-center justify-between" }, re = { class: "flex i
|
|
|
547
550
|
}
|
|
548
551
|
}
|
|
549
552
|
};
|
|
550
|
-
function
|
|
551
|
-
return o.icon ? (a(), r(
|
|
553
|
+
function ke(t, i, o, s, l, m) {
|
|
554
|
+
return o.icon ? (a(), r(ae(o.icon), {
|
|
552
555
|
key: 0,
|
|
553
556
|
class: "menu_icon"
|
|
554
|
-
})) :
|
|
557
|
+
})) : p("", !0);
|
|
555
558
|
}
|
|
556
|
-
const O = /* @__PURE__ */ T(
|
|
559
|
+
const O = /* @__PURE__ */ T(Ce, [["render", ke], ["__scopeId", "data-v-261ce99a"]]), we = /* @__PURE__ */ S({
|
|
557
560
|
name: "subMenu",
|
|
558
561
|
__name: "subMenu",
|
|
559
562
|
props: {
|
|
@@ -569,8 +572,8 @@ const O = /* @__PURE__ */ T(ke, [["render", De], ["__scopeId", "data-v-261ce99a"
|
|
|
569
572
|
o("handleMenuItemClick", l);
|
|
570
573
|
}
|
|
571
574
|
return (l, m) => {
|
|
572
|
-
const g = u("subMenu", !0),
|
|
573
|
-
return t.routeData.children && t.routeData.children.length > 0 ? (a(), r(
|
|
575
|
+
const g = u("subMenu", !0), f = u("el-sub-menu"), c = u("el-menu-item");
|
|
576
|
+
return t.routeData.children && t.routeData.children.length > 0 ? (a(), r(f, {
|
|
574
577
|
key: 0,
|
|
575
578
|
index: t.routeData.path
|
|
576
579
|
}, {
|
|
@@ -578,10 +581,10 @@ const O = /* @__PURE__ */ T(ke, [["render", De], ["__scopeId", "data-v-261ce99a"
|
|
|
578
581
|
E(O, {
|
|
579
582
|
icon: t.routeData.meta.icon
|
|
580
583
|
}, null, 8, ["icon"]),
|
|
581
|
-
|
|
584
|
+
H("span", null, $(t.routeData.meta.title), 1)
|
|
582
585
|
]),
|
|
583
586
|
default: d(() => [
|
|
584
|
-
(a(!0), v(
|
|
587
|
+
(a(!0), v(x, null, V(t.routeData.children, (b, y) => (a(), r(g, {
|
|
585
588
|
onHandleMenuItemClick: s,
|
|
586
589
|
routeData: b,
|
|
587
590
|
key: y
|
|
@@ -596,7 +599,7 @@ const O = /* @__PURE__ */ T(ke, [["render", De], ["__scopeId", "data-v-261ce99a"
|
|
|
596
599
|
index: t.routeData.path
|
|
597
600
|
}, {
|
|
598
601
|
title: d(() => [
|
|
599
|
-
|
|
602
|
+
H("span", null, $(t.routeData.meta.title), 1)
|
|
600
603
|
]),
|
|
601
604
|
default: d(() => [
|
|
602
605
|
E(O, {
|
|
@@ -608,7 +611,7 @@ const O = /* @__PURE__ */ T(ke, [["render", De], ["__scopeId", "data-v-261ce99a"
|
|
|
608
611
|
]));
|
|
609
612
|
};
|
|
610
613
|
}
|
|
611
|
-
}),
|
|
614
|
+
}), De = /* @__PURE__ */ S({
|
|
612
615
|
name: "MenuTree",
|
|
613
616
|
__name: "index",
|
|
614
617
|
props: {
|
|
@@ -624,10 +627,10 @@ const O = /* @__PURE__ */ T(ke, [["render", De], ["__scopeId", "data-v-261ce99a"
|
|
|
624
627
|
};
|
|
625
628
|
return (l, m) => {
|
|
626
629
|
const g = u("el-menu");
|
|
627
|
-
return a(), r(g,
|
|
630
|
+
return a(), r(g, le(ne(l.$attrs)), {
|
|
628
631
|
default: d(() => [
|
|
629
|
-
(a(!0), v(
|
|
630
|
-
routeData:
|
|
632
|
+
(a(!0), v(x, null, V(t.menuList, (f) => (a(), r(we, {
|
|
633
|
+
routeData: f,
|
|
631
634
|
onHandleMenuItemClick: s
|
|
632
635
|
}, null, 8, ["routeData"]))), 256))
|
|
633
636
|
]),
|
|
@@ -635,7 +638,7 @@ const O = /* @__PURE__ */ T(ke, [["render", De], ["__scopeId", "data-v-261ce99a"
|
|
|
635
638
|
}, 16);
|
|
636
639
|
};
|
|
637
640
|
}
|
|
638
|
-
}),
|
|
641
|
+
}), Ve = /* @__PURE__ */ S({
|
|
639
642
|
name: "Pagination",
|
|
640
643
|
__name: "index",
|
|
641
644
|
props: {
|
|
@@ -680,12 +683,12 @@ const O = /* @__PURE__ */ T(ke, [["render", De], ["__scopeId", "data-v-261ce99a"
|
|
|
680
683
|
}
|
|
681
684
|
}), g = (c) => {
|
|
682
685
|
l.value * c > o.total && (l.value = 1), s("pagination", { page: l.value, limit: c });
|
|
683
|
-
},
|
|
686
|
+
}, f = (c) => {
|
|
684
687
|
s("pagination", { page: c, limit: m.value });
|
|
685
688
|
};
|
|
686
689
|
return (c, b) => {
|
|
687
690
|
const y = u("el-pagination");
|
|
688
|
-
return
|
|
691
|
+
return G((a(), r(y, {
|
|
689
692
|
"current-page": l.value,
|
|
690
693
|
"onUpdate:currentPage": b[0] || (b[0] = (C) => l.value = C),
|
|
691
694
|
"page-size": m.value,
|
|
@@ -697,31 +700,31 @@ const O = /* @__PURE__ */ T(ke, [["render", De], ["__scopeId", "data-v-261ce99a"
|
|
|
697
700
|
class: "pagination",
|
|
698
701
|
layout: "total, sizes, prev, pager, next, jumper",
|
|
699
702
|
onSizeChange: g,
|
|
700
|
-
onCurrentChange:
|
|
703
|
+
onCurrentChange: f
|
|
701
704
|
}, null, 8, ["current-page", "page-size", "pager-count", "total"])), [
|
|
702
|
-
[
|
|
705
|
+
[J, t.total > 0]
|
|
703
706
|
]);
|
|
704
707
|
};
|
|
705
708
|
}
|
|
706
|
-
}),
|
|
709
|
+
}), _e = /* @__PURE__ */ T(Ve, [["__scopeId", "data-v-1e34e383"]]), xe = [
|
|
707
710
|
me,
|
|
708
711
|
he,
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
], q = [],
|
|
714
|
-
|
|
712
|
+
ge,
|
|
713
|
+
ve,
|
|
714
|
+
De,
|
|
715
|
+
_e
|
|
716
|
+
], q = [], $e = (t, i) => {
|
|
717
|
+
xe.forEach((o) => {
|
|
715
718
|
q.push(o.name), t.component(o.name, o);
|
|
716
719
|
}), console.log("mwl-components", q);
|
|
717
|
-
},
|
|
720
|
+
}, Se = { install: $e };
|
|
718
721
|
export {
|
|
719
722
|
me as ContentWarp,
|
|
720
723
|
he as Dialog,
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
724
|
+
ge as EasyForm,
|
|
725
|
+
ve as EasyTable,
|
|
726
|
+
De as MenuTree,
|
|
727
|
+
_e as Pagination,
|
|
728
|
+
Se as default,
|
|
729
|
+
$e as install
|
|
727
730
|
};
|
package/dist/mwl-components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-card[data-v-15c93817]{background-color:transparent;margin-bottom:10px}[data-v-15c93817] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-15c93817] .el-card__body{padding:20px}.custom-dialog{padding:0}.custom-dialog .el-dialog__header{--el-dialog-padding-primary: 20px;margin-right:0!important;border-bottom:1px solid #eee;padding:var(--el-dialog-padding-primary);padding-bottom:10px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-right:30px}.dialog-header .fullScreen{cursor:pointer;z-index:99}.el-dialog__headerbtn{top:8px}.el-dialog__body{padding:20px 30px;color:#606266;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid #eee}[data-v-
|
|
1
|
+
.el-card[data-v-15c93817]{background-color:transparent;margin-bottom:10px}[data-v-15c93817] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-15c93817] .el-card__body{padding:20px}.custom-dialog{padding:0}.custom-dialog .el-dialog__header{--el-dialog-padding-primary: 20px;margin-right:0!important;border-bottom:1px solid #eee;padding:var(--el-dialog-padding-primary);padding-bottom:10px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-right:30px}.dialog-header .fullScreen{cursor:pointer;z-index:99}.el-dialog__headerbtn{top:8px}.el-dialog__body{padding:20px 30px;color:#606266;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid #eee}[data-v-8dcb57aa] .el-form-item__label{font-size:var(--el-font-size-base)}[data-v-721c94d4] .el-table,[data-v-721c94d4] th.el-table__cell,[data-v-721c94d4] tr{background-color:transparent!important}.menu_icon[data-v-261ce99a]{width:22px;height:22px;margin-right:5px;fill:currentColor;display:inline-block;font-size:16px}.pagination[data-v-1e34e383]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-1e34e383]{margin-top:8px;margin-bottom:8px}}
|