mwl-components 0.1.4 → 0.1.5
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/dist/ContentWarp/index.vue.d.ts +21 -0
- package/dist/ContextMenu/index.d.ts +73 -0
- package/dist/Dialog/index.vue.d.ts +63 -0
- package/dist/EasyButton/index.vue.d.ts +17 -0
- package/dist/EasyContextMenu/index.vue.d.ts +61 -0
- package/dist/EasyForm/index.vue.d.ts +60 -0
- package/dist/EasyFormH/index.vue.d.ts +623 -0
- package/dist/EasyTable/index.vue.d.ts +124 -0
- package/dist/EasyTableH/index.vue.d.ts +114 -0
- package/dist/EasyTableH/tableColumnItem.vue.d.ts +19 -0
- package/dist/MenuTree/components/index.vue.d.ts +44 -0
- package/dist/MenuTree/components/menuIcon.vue.d.ts +14 -0
- package/dist/MenuTree/components/subMenu.vue.d.ts +18 -0
- package/dist/Pagination/index.vue.d.ts +54 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +603 -0
- package/dist/index.es.js +97 -83
- package/dist/index.umd.js +1 -1
- package/dist/types/index.d.ts +99 -0
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as E, useAttrs as
|
|
2
|
-
import { configProviderContextKey as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as E, useAttrs as ce, ref as w, resolveComponent as y, createBlock as g, openBlock as s, mergeProps as T, withCtx as h, renderSlot as M, useSlots as F, normalizeClass as de, createSlots as U, createElementVNode as Y, createElementBlock as b, createCommentVNode as I, toDisplayString as D, watch as me, nextTick as pe, computed as P, unref as W, normalizeStyle as V, createTextVNode as X, createVNode as N, mergeModels as he, useModel as fe, getCurrentInstance as K, Fragment as H, renderList as z, resolveDynamicComponent as L, h as O, inject as ye, onMounted as G, onUnmounted as ge, withDirectives as J, vShow as Q, normalizeProps as ve, guardReactiveProps as be, withModifiers as xe } from "vue";
|
|
2
|
+
import { configProviderContextKey as ke } from "element-plus";
|
|
3
|
+
const Z = /* @__PURE__ */ E({
|
|
4
4
|
name: "EasyButton",
|
|
5
5
|
inheritAttrs: !1,
|
|
6
6
|
__name: "index",
|
|
7
7
|
setup(e) {
|
|
8
|
-
const { onClick: n, ...t } =
|
|
8
|
+
const { onClick: n, ...t } = ce(), l = w(!1), i = async () => {
|
|
9
9
|
console.log("Button clicked"), l.value = !0;
|
|
10
10
|
try {
|
|
11
11
|
await n?.();
|
|
@@ -17,7 +17,7 @@ const me = /* @__PURE__ */ E({
|
|
|
17
17
|
};
|
|
18
18
|
return (u, c) => {
|
|
19
19
|
const a = y("el-button");
|
|
20
|
-
return s(), g(a,
|
|
20
|
+
return s(), g(a, T(t, {
|
|
21
21
|
loading: l.value,
|
|
22
22
|
onClick: i
|
|
23
23
|
}), {
|
|
@@ -28,10 +28,10 @@ const me = /* @__PURE__ */ E({
|
|
|
28
28
|
}, 16, ["loading"]);
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
|
-
}),
|
|
31
|
+
}), Ce = { class: "card-header" }, we = {
|
|
32
32
|
key: 0,
|
|
33
33
|
class: "card-header__message"
|
|
34
|
-
},
|
|
34
|
+
}, _e = /* @__PURE__ */ E({
|
|
35
35
|
name: "ContentWarp",
|
|
36
36
|
__name: "index",
|
|
37
37
|
props: {
|
|
@@ -43,7 +43,7 @@ const me = /* @__PURE__ */ E({
|
|
|
43
43
|
return (l, i) => {
|
|
44
44
|
const u = y("ElCard");
|
|
45
45
|
return s(), g(u, {
|
|
46
|
-
class:
|
|
46
|
+
class: de([t.value]),
|
|
47
47
|
shadow: "never"
|
|
48
48
|
}, U({
|
|
49
49
|
default: h(() => [
|
|
@@ -54,9 +54,9 @@ const me = /* @__PURE__ */ E({
|
|
|
54
54
|
e.title ? {
|
|
55
55
|
name: "header",
|
|
56
56
|
fn: h(() => [
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
e.message ? (s(), b("span",
|
|
57
|
+
Y("div", Ce, [
|
|
58
|
+
Y("span", null, D(e.title), 1),
|
|
59
|
+
e.message ? (s(), b("span", we, D(e.message), 1)) : I("", !0)
|
|
60
60
|
])
|
|
61
61
|
]),
|
|
62
62
|
key: "0"
|
|
@@ -71,12 +71,12 @@ const me = /* @__PURE__ */ E({
|
|
|
71
71
|
]), 1032, ["class"]);
|
|
72
72
|
};
|
|
73
73
|
}
|
|
74
|
-
}),
|
|
74
|
+
}), B = (e, n) => {
|
|
75
75
|
const t = e.__vccOpts || e;
|
|
76
76
|
for (const [l, i] of n)
|
|
77
77
|
t[l] = i;
|
|
78
78
|
return t;
|
|
79
|
-
},
|
|
79
|
+
}, ee = /* @__PURE__ */ B(_e, [["__scopeId", "data-v-fdaaba5e"]]), Se = { class: "dialog-header" }, te = /* @__PURE__ */ E({
|
|
80
80
|
name: "Dialog",
|
|
81
81
|
__name: "index",
|
|
82
82
|
props: {
|
|
@@ -103,12 +103,12 @@ const me = /* @__PURE__ */ E({
|
|
|
103
103
|
},
|
|
104
104
|
setup(e) {
|
|
105
105
|
const n = F(), t = e, l = w(t.fullscreen), i = () => {
|
|
106
|
-
l.value = !
|
|
106
|
+
l.value = !W(l);
|
|
107
107
|
}, u = w(t.maxHeight);
|
|
108
|
-
|
|
108
|
+
me(
|
|
109
109
|
() => l.value,
|
|
110
110
|
async (a) => {
|
|
111
|
-
if (await
|
|
111
|
+
if (await pe(), a) {
|
|
112
112
|
const o = document.documentElement.offsetHeight;
|
|
113
113
|
u.value = `${o - 55 - 40 - (n.footer ? 63 : 0)}px`;
|
|
114
114
|
} else
|
|
@@ -118,15 +118,15 @@ const me = /* @__PURE__ */ E({
|
|
|
118
118
|
immediate: !0
|
|
119
119
|
}
|
|
120
120
|
);
|
|
121
|
-
const c =
|
|
121
|
+
const c = P(() => {
|
|
122
122
|
if (t.maxHeight)
|
|
123
123
|
return {
|
|
124
|
-
height:
|
|
124
|
+
height: W(u)
|
|
125
125
|
};
|
|
126
126
|
});
|
|
127
127
|
return (a, o) => {
|
|
128
128
|
const m = y("FullScreen"), d = y("el-icon"), f = y("ElScrollbar"), v = y("ElDialog");
|
|
129
|
-
return s(), g(v,
|
|
129
|
+
return s(), g(v, T({
|
|
130
130
|
"close-on-click-modal": !1,
|
|
131
131
|
"destroy-on-close": "",
|
|
132
132
|
draggable: "",
|
|
@@ -153,11 +153,11 @@ const me = /* @__PURE__ */ E({
|
|
|
153
153
|
e.title ? {
|
|
154
154
|
name: "header",
|
|
155
155
|
fn: h(() => [
|
|
156
|
-
|
|
156
|
+
Y("div", Se, [
|
|
157
157
|
M(a.$slots, "title", {}, () => [
|
|
158
|
-
X(
|
|
158
|
+
X(D(e.title), 1)
|
|
159
159
|
]),
|
|
160
|
-
|
|
160
|
+
Y("div", { onClick: i }, [
|
|
161
161
|
N(d, { class: "fullScreen" }, {
|
|
162
162
|
default: h(() => [
|
|
163
163
|
N(m)
|
|
@@ -179,7 +179,7 @@ const me = /* @__PURE__ */ E({
|
|
|
179
179
|
]), 1040, ["fullscreen", "width"]);
|
|
180
180
|
};
|
|
181
181
|
}
|
|
182
|
-
}),
|
|
182
|
+
}), Me = { key: 1 }, ne = (e) => {
|
|
183
183
|
let n = e.label;
|
|
184
184
|
if (e.label && typeof e.label == "function" && (n = e.label()), e.type.indexOf("select") > -1 || e.type.indexOf("cascader") > -1 || e.type.indexOf("date") > -1)
|
|
185
185
|
return `请选择${n}`;
|
|
@@ -188,7 +188,7 @@ const me = /* @__PURE__ */ E({
|
|
|
188
188
|
}, R = {
|
|
189
189
|
valueFormat: "YYYY-MM-DD HH:mm:ss",
|
|
190
190
|
format: "YYYY-MM-DD HH:mm:ss"
|
|
191
|
-
},
|
|
191
|
+
}, $e = (e) => {
|
|
192
192
|
const { options: n } = e;
|
|
193
193
|
return {
|
|
194
194
|
default: () => n?.map((t) => O(y("el-option"), {
|
|
@@ -199,7 +199,7 @@ const me = /* @__PURE__ */ E({
|
|
|
199
199
|
};
|
|
200
200
|
}, A = {
|
|
201
201
|
clearable: !0
|
|
202
|
-
},
|
|
202
|
+
}, oe = [
|
|
203
203
|
{
|
|
204
204
|
type: "slider",
|
|
205
205
|
component: "el-slider"
|
|
@@ -268,7 +268,7 @@ const me = /* @__PURE__ */ E({
|
|
|
268
268
|
{
|
|
269
269
|
type: "select",
|
|
270
270
|
component: "el-select",
|
|
271
|
-
slots:
|
|
271
|
+
slots: $e
|
|
272
272
|
},
|
|
273
273
|
{
|
|
274
274
|
type: "select-v2",
|
|
@@ -346,10 +346,10 @@ const me = /* @__PURE__ */ E({
|
|
|
346
346
|
type: "custom",
|
|
347
347
|
component: "el-form-item"
|
|
348
348
|
}
|
|
349
|
-
],
|
|
349
|
+
], Ee = /* @__PURE__ */ E({
|
|
350
350
|
name: "EasyForm",
|
|
351
351
|
__name: "index",
|
|
352
|
-
props: /* @__PURE__ */
|
|
352
|
+
props: /* @__PURE__ */ he({
|
|
353
353
|
inline: {
|
|
354
354
|
type: Boolean,
|
|
355
355
|
default: !0
|
|
@@ -383,7 +383,7 @@ const me = /* @__PURE__ */ E({
|
|
|
383
383
|
}),
|
|
384
384
|
emits: ["update:modelValue"],
|
|
385
385
|
setup(e) {
|
|
386
|
-
const n =
|
|
386
|
+
const n = fe(e, "modelValue"), t = K(), l = (a) => {
|
|
387
387
|
i(a, "formRef");
|
|
388
388
|
}, i = (a, o) => {
|
|
389
389
|
if (!a) {
|
|
@@ -398,7 +398,7 @@ const me = /* @__PURE__ */ E({
|
|
|
398
398
|
[o]: a
|
|
399
399
|
};
|
|
400
400
|
}, u = F(), c = (a, o, m) => {
|
|
401
|
-
const { value: d, component: f, ...v } = o, p =
|
|
401
|
+
const { value: d, component: f, ...v } = o, p = oe.find(
|
|
402
402
|
(k) => !!a && k.type.indexOf(a) > -1
|
|
403
403
|
), _ = p?.component === "el-select" && o.props, x = o.options && !_ ? p?.slots?.(o) : {};
|
|
404
404
|
if (!p && !o.component)
|
|
@@ -415,14 +415,14 @@ const me = /* @__PURE__ */ E({
|
|
|
415
415
|
// },
|
|
416
416
|
...v,
|
|
417
417
|
//外部传入的 优先级最高
|
|
418
|
-
placeholder: v.placeholder ||
|
|
418
|
+
placeholder: v.placeholder || ne(o)
|
|
419
419
|
},
|
|
420
420
|
{ ...x, ...m }
|
|
421
421
|
);
|
|
422
422
|
};
|
|
423
423
|
return (a, o) => {
|
|
424
424
|
const m = y("el-form-item"), d = y("el-form");
|
|
425
|
-
return s(), g(d,
|
|
425
|
+
return s(), g(d, T({
|
|
426
426
|
model: n.value,
|
|
427
427
|
"label-width": e.labelWidth,
|
|
428
428
|
inline: e.inline,
|
|
@@ -441,7 +441,7 @@ const me = /* @__PURE__ */ E({
|
|
|
441
441
|
required: r.required
|
|
442
442
|
}, {
|
|
443
443
|
label: h(() => [
|
|
444
|
-
r.label && typeof r.label == "function" ? (s(), g(L(r.label), { key: 0 })) : (s(), b("span",
|
|
444
|
+
r.label && typeof r.label == "function" ? (s(), g(L(r.label), { key: 0 })) : (s(), b("span", Me, D(r.label), 1))
|
|
445
445
|
]),
|
|
446
446
|
default: h(() => [
|
|
447
447
|
u[r.prop] ? M(a.$slots, r.prop, {
|
|
@@ -475,7 +475,7 @@ const me = /* @__PURE__ */ E({
|
|
|
475
475
|
}, 16, ["model", "label-width", "inline"]);
|
|
476
476
|
};
|
|
477
477
|
}
|
|
478
|
-
}),
|
|
478
|
+
}), ae = /* @__PURE__ */ B(Ee, [["__scopeId", "data-v-ebcd5674"]]), He = /* @__PURE__ */ E({
|
|
479
479
|
name: "EasyTable",
|
|
480
480
|
__name: "index",
|
|
481
481
|
props: {
|
|
@@ -514,7 +514,7 @@ const me = /* @__PURE__ */ E({
|
|
|
514
514
|
}
|
|
515
515
|
},
|
|
516
516
|
setup(e) {
|
|
517
|
-
const n =
|
|
517
|
+
const n = ye(ke), t = e, l = P(() => t.buttonWidth.toString().indexOf("px") > -1 ? t.buttonWidth.toString().slice(0, -2) : t.buttonWidth), i = w(), u = w("auto");
|
|
518
518
|
let c = K();
|
|
519
519
|
const a = () => {
|
|
520
520
|
let p = "auto";
|
|
@@ -536,7 +536,7 @@ const me = /* @__PURE__ */ E({
|
|
|
536
536
|
};
|
|
537
537
|
G(() => {
|
|
538
538
|
u.value = a(), window.addEventListener("resize", m);
|
|
539
|
-
}),
|
|
539
|
+
}), ge(() => {
|
|
540
540
|
window.removeEventListener("resize", m);
|
|
541
541
|
});
|
|
542
542
|
const d = y("el-table-column"), f = F(), v = (p) => {
|
|
@@ -572,7 +572,7 @@ const me = /* @__PURE__ */ E({
|
|
|
572
572
|
ref_key: "tableRef",
|
|
573
573
|
ref: i
|
|
574
574
|
}, [
|
|
575
|
-
N(k,
|
|
575
|
+
N(k, T({ style: { width: "100%" } }, p.$attrs, {
|
|
576
576
|
data: e.data,
|
|
577
577
|
height: e.height,
|
|
578
578
|
maxHeight: e.maxHeight ? e.maxHeight : u.value
|
|
@@ -587,8 +587,8 @@ const me = /* @__PURE__ */ E({
|
|
|
587
587
|
width: l.value
|
|
588
588
|
}, {
|
|
589
589
|
default: h((C) => [
|
|
590
|
-
(s(!0), b(H, null, z(e.buttons, ($,
|
|
591
|
-
key:
|
|
590
|
+
(s(!0), b(H, null, z(e.buttons, ($, ue) => J((s(), g(x, T({ ref_for: !0 }, { ...$ }, {
|
|
591
|
+
key: ue,
|
|
592
592
|
type: $.type.includes("del") ? "danger" : "primary",
|
|
593
593
|
onClick: () => {
|
|
594
594
|
$.click?.(C.row);
|
|
@@ -597,7 +597,7 @@ const me = /* @__PURE__ */ E({
|
|
|
597
597
|
link: $.link?.(C.row) || !0
|
|
598
598
|
}), {
|
|
599
599
|
default: h(() => [
|
|
600
|
-
X(
|
|
600
|
+
X(D($.label), 1)
|
|
601
601
|
]),
|
|
602
602
|
_: 2
|
|
603
603
|
}, 1040, ["type", "onClick", "disabled", "link"])), [
|
|
@@ -612,7 +612,7 @@ const me = /* @__PURE__ */ E({
|
|
|
612
612
|
], 512);
|
|
613
613
|
};
|
|
614
614
|
}
|
|
615
|
-
}),
|
|
615
|
+
}), le = /* @__PURE__ */ B(He, [["__scopeId", "data-v-1c87357b"]]), De = {
|
|
616
616
|
name: "",
|
|
617
617
|
components: {},
|
|
618
618
|
props: {
|
|
@@ -622,13 +622,13 @@ const me = /* @__PURE__ */ E({
|
|
|
622
622
|
}
|
|
623
623
|
}
|
|
624
624
|
};
|
|
625
|
-
function
|
|
625
|
+
function Ye(e, n, t, l, i, u) {
|
|
626
626
|
return t.icon ? (s(), g(L(t.icon), {
|
|
627
627
|
key: 0,
|
|
628
628
|
class: "menu_icon"
|
|
629
629
|
})) : I("", !0);
|
|
630
630
|
}
|
|
631
|
-
const j = /* @__PURE__ */
|
|
631
|
+
const j = /* @__PURE__ */ B(De, [["render", Ye], ["__scopeId", "data-v-261ce99a"]]), Le = /* @__PURE__ */ E({
|
|
632
632
|
name: "subMenu",
|
|
633
633
|
__name: "subMenu",
|
|
634
634
|
props: {
|
|
@@ -653,7 +653,7 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
653
653
|
N(j, {
|
|
654
654
|
icon: e.routeData.meta.icon
|
|
655
655
|
}, null, 8, ["icon"]),
|
|
656
|
-
|
|
656
|
+
Y("span", null, D(e.routeData.meta.title), 1)
|
|
657
657
|
]),
|
|
658
658
|
default: h(() => [
|
|
659
659
|
(s(!0), b(H, null, z(e.routeData.children, (m, d) => (s(), g(c, {
|
|
@@ -671,7 +671,7 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
671
671
|
index: e.routeData.path
|
|
672
672
|
}, {
|
|
673
673
|
title: h(() => [
|
|
674
|
-
|
|
674
|
+
Y("span", null, D(e.routeData.meta.title), 1)
|
|
675
675
|
]),
|
|
676
676
|
default: h(() => [
|
|
677
677
|
N(j, {
|
|
@@ -683,7 +683,7 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
683
683
|
]));
|
|
684
684
|
};
|
|
685
685
|
}
|
|
686
|
-
}),
|
|
686
|
+
}), se = /* @__PURE__ */ E({
|
|
687
687
|
name: "MenuTree",
|
|
688
688
|
__name: "index",
|
|
689
689
|
props: {
|
|
@@ -699,9 +699,9 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
699
699
|
};
|
|
700
700
|
return (i, u) => {
|
|
701
701
|
const c = y("el-menu");
|
|
702
|
-
return s(), g(c,
|
|
702
|
+
return s(), g(c, ve(be(i.$attrs)), {
|
|
703
703
|
default: h(() => [
|
|
704
|
-
(s(!0), b(H, null, z(e.menuList, (a) => (s(), g(
|
|
704
|
+
(s(!0), b(H, null, z(e.menuList, (a) => (s(), g(Le, {
|
|
705
705
|
routeData: a,
|
|
706
706
|
onHandleMenuItemClick: l
|
|
707
707
|
}, null, 8, ["routeData"]))), 256))
|
|
@@ -710,7 +710,7 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
710
710
|
}, 16);
|
|
711
711
|
};
|
|
712
712
|
}
|
|
713
|
-
}),
|
|
713
|
+
}), Ie = /* @__PURE__ */ E({
|
|
714
714
|
name: "Pagination",
|
|
715
715
|
__name: "index",
|
|
716
716
|
props: {
|
|
@@ -739,14 +739,14 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
739
739
|
},
|
|
740
740
|
emits: ["update:page", "update:limit", "pagination"],
|
|
741
741
|
setup(e, { emit: n }) {
|
|
742
|
-
const t = e, l = n, i =
|
|
742
|
+
const t = e, l = n, i = P({
|
|
743
743
|
get() {
|
|
744
744
|
return t.page;
|
|
745
745
|
},
|
|
746
746
|
set(o) {
|
|
747
747
|
l("update:page", o);
|
|
748
748
|
}
|
|
749
|
-
}), u =
|
|
749
|
+
}), u = P({
|
|
750
750
|
get() {
|
|
751
751
|
return t.limit;
|
|
752
752
|
},
|
|
@@ -778,7 +778,7 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
778
778
|
]);
|
|
779
779
|
};
|
|
780
780
|
}
|
|
781
|
-
}),
|
|
781
|
+
}), re = /* @__PURE__ */ B(Ie, [["__scopeId", "data-v-1e34e383"]]), Ne = ["onClick", "onMouseover"], Te = /* @__PURE__ */ E({
|
|
782
782
|
name: "EasyContextMenu",
|
|
783
783
|
__name: "index",
|
|
784
784
|
props: {
|
|
@@ -826,7 +826,7 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
826
826
|
console.log("blur"), l.value = !1;
|
|
827
827
|
});
|
|
828
828
|
});
|
|
829
|
-
const o =
|
|
829
|
+
const o = P(() => n.maxHeight == "auto" ? "auto" : n.maxHeight.toString().indexOf("px") > -1 ? n.maxHeight : `${n.maxHeight}px`), m = P(() => ({
|
|
830
830
|
backgroundColor: n.backgroundColor,
|
|
831
831
|
left: `${i.value.x}px`,
|
|
832
832
|
top: `${i.value.y}px`,
|
|
@@ -837,24 +837,24 @@ const j = /* @__PURE__ */ W($e, [["render", Ee], ["__scopeId", "data-v-261ce99a"
|
|
|
837
837
|
ref_key: "contextMenu",
|
|
838
838
|
ref: a
|
|
839
839
|
}, [
|
|
840
|
-
|
|
841
|
-
style: { ...
|
|
840
|
+
Y("div", T({ class: "easy-context-menu" }, d.$attrs, {
|
|
841
|
+
style: { ...W(m) },
|
|
842
842
|
ref_key: "menuListRef",
|
|
843
843
|
ref: c
|
|
844
844
|
}), [
|
|
845
845
|
(s(!0), b(H, null, z(e.menuList, (v, p) => (s(), b("div", {
|
|
846
846
|
key: p,
|
|
847
|
-
onContextmenu: f[0] || (f[0] =
|
|
847
|
+
onContextmenu: f[0] || (f[0] = xe(() => {
|
|
848
848
|
}, ["stop"])),
|
|
849
849
|
onClick: v.onClick,
|
|
850
850
|
onMouseover: (_) => t.value = p,
|
|
851
851
|
onMouseout: f[1] || (f[1] = (_) => t.value = -1),
|
|
852
|
-
style: V(
|
|
853
|
-
},
|
|
852
|
+
style: V(W(t) === p ? n.hoverItemStyle : "")
|
|
853
|
+
}, D(v.label), 45, Ne))), 128))
|
|
854
854
|
], 16)
|
|
855
855
|
], 512));
|
|
856
856
|
}
|
|
857
|
-
}),
|
|
857
|
+
}), ie = /* @__PURE__ */ B(Te, [["__scopeId", "data-v-f9f5bc05"]]);
|
|
858
858
|
class S {
|
|
859
859
|
// 右键菜单的节点
|
|
860
860
|
vnode = null;
|
|
@@ -967,33 +967,47 @@ class S {
|
|
|
967
967
|
}, 0), this.menu.scrollTo(0, 0);
|
|
968
968
|
}
|
|
969
969
|
}
|
|
970
|
-
const
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
970
|
+
const Pe = S.getInstance(), ze = [
|
|
971
|
+
Z,
|
|
972
|
+
ee,
|
|
973
|
+
te,
|
|
974
|
+
ae,
|
|
975
975
|
// EasyFormH,
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
], q = [],
|
|
981
|
-
|
|
976
|
+
le,
|
|
977
|
+
se,
|
|
978
|
+
re,
|
|
979
|
+
ie
|
|
980
|
+
], q = [], Oe = (e, n) => {
|
|
981
|
+
ze.forEach((t) => {
|
|
982
982
|
q.push(t.name), e.component(t.name, t);
|
|
983
983
|
}), console.log("mwl-components", q);
|
|
984
|
-
}, Fe = {
|
|
984
|
+
}, Fe = {
|
|
985
|
+
install: Oe,
|
|
986
|
+
EasyButton: Z,
|
|
987
|
+
ContentWarp: ee,
|
|
988
|
+
Dialog: te,
|
|
989
|
+
EasyForm: ae,
|
|
990
|
+
// EasyFormH,
|
|
991
|
+
EasyTable: le,
|
|
992
|
+
MenuTree: se,
|
|
993
|
+
Pagination: re,
|
|
994
|
+
EasyContextMenu: ie,
|
|
995
|
+
componentsMap: oe,
|
|
996
|
+
getPlaceholder: ne,
|
|
997
|
+
ContextMenu: Pe
|
|
998
|
+
};
|
|
985
999
|
export {
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
1000
|
+
ee as ContentWarp,
|
|
1001
|
+
Pe as ContextMenu,
|
|
1002
|
+
te as Dialog,
|
|
1003
|
+
Z as EasyButton,
|
|
1004
|
+
ie as EasyContextMenu,
|
|
1005
|
+
ae as EasyForm,
|
|
1006
|
+
le as EasyTable,
|
|
1007
|
+
se as MenuTree,
|
|
1008
|
+
re as Pagination,
|
|
1009
|
+
oe as componentsMap,
|
|
996
1010
|
Fe as default,
|
|
997
|
-
|
|
998
|
-
|
|
1011
|
+
ne as getPlaceholder,
|
|
1012
|
+
Oe as install
|
|
999
1013
|
};
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.mwlComponents={},h.Vue,h.ElementPlus))})(this,function(h,e,z){"use strict";const _=e.defineComponent({name:"EasyButton",inheritAttrs:!1,__name:"index",setup(t){const{onClick:o,...n}=e.useAttrs(),r=e.ref(!1),i=async()=>{console.log("Button clicked"),r.value=!0;try{await o?.()}catch(c){console.error("Error in button onClick handler:",c)}finally{r.value=!1}};return(c,d)=>{const a=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(a,e.mergeProps(n,{loading:r.value,onClick:i}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["loading"])}}}),O={class:"card-header"},W={key:0,class:"card-header__message"},j=e.defineComponent({name:"ContentWarp",__name:"index",props:{title:String,message:String},setup(t){const o=e.useSlots(),n=e.ref("content-wrap");return(r,i)=>{const c=e.resolveComponent("ElCard");return e.openBlock(),e.createBlock(c,{class:e.normalizeClass([n.value]),shadow:"never"},e.createSlots({default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},void 0,!0)]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",O,[e.createElementVNode("span",null,e.toDisplayString(t.title),1),t.message?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"footer",{},void 0,!0)]),key:"1"}:void 0]),1032,["class"])}}}),w=(t,o)=>{const n=t.__vccOpts||t;for(const[r,i]of o)n[r]=i;return n},E=w(j,[["__scopeId","data-v-fdaaba5e"]]),A={class:"dialog-header"},M=e.defineComponent({name:"Dialog",__name:"index",props:{title:{type:String,default:""},fullscreen:{type:Boolean,default:!1},scroll:{type:Boolean,default:!1},width:{type:String,default:"61.8%"},maxHeight:{type:[String,Number],default:""}},setup(t){const o=e.useSlots(),n=t,r=e.ref(n.fullscreen),i=()=>{r.value=!e.unref(r)},c=e.ref(n.maxHeight);e.watch(()=>r.value,async a=>{if(await e.nextTick(),a){const l=document.documentElement.offsetHeight;c.value=`${l-55-40-(o.footer?63:0)}px`}else c.value=n.maxHeight},{immediate:!0});const d=e.computed(()=>{if(n.maxHeight)return{height:e.unref(c)}});return(a,l)=>{const p=e.resolveComponent("FullScreen"),m=e.resolveComponent("el-icon"),f=e.resolveComponent("ElScrollbar"),g=e.resolveComponent("ElDialog");return e.openBlock(),e.createBlock(g,e.mergeProps({"close-on-click-modal":!1,"destroy-on-close":"",draggable:"","lock-scroll":"",class:"custom-dialog","append-to-body":""},a.$attrs,{fullscreen:r.value,width:t.width}),e.createSlots({default:e.withCtx(()=>[t.scroll?(e.openBlock(),e.createBlock(f,{key:0,style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["style"])):e.renderSlot(a.$slots,"default",{key:1})]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",A,[e.renderSlot(a.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),e.createElementVNode("div",{onClick:i},[e.createVNode(m,{class:"fullScreen"},{default:e.withCtx(()=>[e.createVNode(p)]),_:1})])])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),key:"1"}:void 0]),1040,["fullscreen","width"])}}}),R={key:1},$=t=>{let o=t.label;if(t.label&&typeof t.label=="function"&&(o=t.label()),t.type.indexOf("select")>-1||t.type.indexOf("cascader")>-1||t.type.indexOf("date")>-1)return`请选择${o}`;if(t.type.indexOf("text")>-1||t.type.indexOf("number")>-1)return`请输入${o}`},D={valueFormat:"YYYY-MM-DD HH:mm:ss",format:"YYYY-MM-DD HH:mm:ss"},q=t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-option"),{label:n.label,value:n.value,key:n.value}))}},B={clearable:!0},N=[{type:"slider",component:"el-slider"},{type:"text",component:"el-input",attrs:{...B}},{type:"textarea",component:"el-input",attrs:{...B}},{type:"number",component:"el-input-number",attrs:{controlsPosition:"right"}},{type:"switch",component:"el-switch"},{type:"checkbox",component:"el-checkbox-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-checkbox"),{value:n.value},{default:()=>n.label}))}}},{type:"radio",component:"el-radio-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-radio"),{value:n.value},{default:()=>n.label}))}}},{type:"select",component:"el-select",slots:q},{type:"select-v2",component:"el-select-v2"},{type:"tree-select",component:"el-tree-select",attrs:{...B,checkStrictly:!0,renderAfterExpand:!0}},{type:"date,dates",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM-DD",format:"YYYY-MM-DD"}},{type:"datetime,week",component:"el-date-picker",attrs:{showConfirm:!1,...D}},{type:"month,months",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM",format:"YYYY-MM"}},{type:"year,years",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY",format:"YYYY"}},{type:"datetimerange,daterange,monthrange,yearrange",component:"el-date-picker",attrs:{showConfirm:!1,rangeSeparator:"至",startPlaceholder:"开始日期",endPlaceholder:"结束日期",...D}},{type:"cascader",component:"el-cascader",attrs:{clearable:!0}},{type:"upload",component:"el-upload"},{type:"custom",component:"el-form-item"}],H=w(e.defineComponent({name:"EasyForm",__name:"index",props:e.mergeModels({inline:{type:Boolean,default:!0},formItems:{type:Array,default:()=>[]},labelWidth:{type:[String,Number],default:"120px"},itemWidth:{type:[String],default:"200px"}},{modelValue:{default:{},type:Object},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.getCurrentInstance(),r=a=>{i(a,"formRef")},i=(a,l)=>{if(!a){delete n?.exposeProxy?.[l],delete n?.exposed?.[l];return}n.exposeProxy={...n?.exposed,[l]:a},n.exposed={...n?.exposed,[l]:a}},c=e.useSlots(),d=(a,l,p)=>{const{value:m,component:f,...g}=l,u=N.find(k=>!!a&&k.type.indexOf(a)>-1),b=u?.component==="el-select"&&l.props,y=l.options&&!b?u?.slots?.(l):{};if(!u&&!l.component)return new Error(`未找到type为${a}的组件且当前也未传递component`);const s=e.resolveDynamicComponent(u?.component||f);if(s)return e.h(s,{...u?.attrs,...g,placeholder:g.placeholder||$(l)},{...y,...p})};return(a,l)=>{const p=e.resolveComponent("el-form-item"),m=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(m,e.mergeProps({model:o.value,"label-width":t.labelWidth,inline:t.inline,"scroll-to-error":!0},{...a.$attrs},{ref:r,class:"easy-form"}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItems,({id:f,type:g,rule:u,width:b,slots:y,...s},k)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[g!="custom"&&!s.hidden?(e.openBlock(),e.createBlock(p,{prop:s.prop,key:k,"label-width":s.labelWidth,rules:u,required:s.required},{label:e.withCtx(()=>[s.label&&typeof s.label=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.label),{key:0})):(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(s.label),1))]),default:e.withCtx(()=>[c[s.prop]?e.renderSlot(a.$slots,s.prop,{key:0,item:s},void 0,!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d(g,{...s,type:g},y)),{key:1,modelValue:o.value[s.prop],"onUpdate:modelValue":C=>o.value[s.prop]=C,modelModifiers:{trim:!0},style:e.normalizeStyle({width:b||t.itemWidth})},null,8,["modelValue","onUpdate:modelValue","style"]))]),_:2},1032,["prop","label-width","rules","required"])):e.createCommentVNode("",!0),g=="custom"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[y?.[s.prop]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y[s.prop]),{key:0})):e.renderSlot(a.$slots,s.prop,{key:1,item:{width:b,rule:u,...s}},void 0,!0)],64)):e.createCommentVNode("",!0)],64))),256)),c.append?(e.openBlock(),e.createBlock(p,{key:0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"append",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)]),_:3},16,["model","label-width","inline"])}}}),[["__scopeId","data-v-ebcd5674"]]),Y=w(e.defineComponent({name:"EasyTable",__name:"index",props:{data:{type:Array,required:!0,default:()=>[]},tableColumns:{type:Array,default:()=>[]},buttons:{type:Array,default:()=>[]},buttonWidth:{type:[Number,String],default:120},align:{type:String,default:"center"},height:{type:Number||String,default:void 0},maxHeight:{type:String||Number,default:void 0},footerHeight:{type:Number,default:65}},setup(t){const o=e.inject(z.configProviderContextKey),n=t,r=e.computed(()=>n.buttonWidth.toString().indexOf("px")>-1?n.buttonWidth.toString().slice(0,-2):n.buttonWidth),i=e.ref(),c=e.ref("auto");let d=e.getCurrentInstance();const a=()=>{let u="auto";if(d?.parent?.attrs?.class?.indexOf("content-wrap")>-1){let s=n.footerHeight;o?.value?.size==="small"?s=s-8:o?.value?.size==="large"&&(s=s+8);try{const k=d?.refs.tableRef,{top:C}=k?.getBoundingClientRect();u=document.documentElement.clientHeight-C-s-20}catch{}return u}return u},l=e.ref(),p=()=>{l.value&&clearTimeout(l.value),l.value=setTimeout(()=>{c.value=a(),l.value=null},100)};e.onMounted(()=>{c.value=a(),window.addEventListener("resize",p)}),e.onUnmounted(()=>{window.removeEventListener("resize",p)});const m=e.resolveComponent("el-table-column"),f=e.useSlots(),g=u=>{const{slots:b={},children:y=[],...s}=u;if(y&&y.length>0){const k=y.map(C=>g(C));return e.h(m,{align:n.align,...s},{...b,default:()=>k})}return e.h(m,{align:n.align,...s},{default:k=>f[u.prop]&&f[u.prop](k),...b})};return(u,b)=>{const y=e.resolveComponent("el-button"),s=e.resolveComponent("el-table-column"),k=e.resolveComponent("el-table");return e.openBlock(),e.createElementBlock("div",{ref_key:"tableRef",ref:i},[e.createVNode(k,e.mergeProps({style:{width:"100%"}},u.$attrs,{data:t.data,height:t.height,maxHeight:t.maxHeight?t.maxHeight:c.value}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tableColumns,(C,S)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g(C)),{key:S}))),128)),t.buttons&&t.buttons.length?(e.openBlock(),e.createBlock(s,{key:0,align:"center",fixed:"right",label:"操作",width:r.value},{default:e.withCtx(C=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.buttons,(S,ee)=>e.withDirectives((e.openBlock(),e.createBlock(y,e.mergeProps({ref_for:!0},{...S},{key:ee,type:S.type.includes("del")?"danger":"primary",onClick:()=>{S.click?.(C.row)},disabled:S.disabled?.(C.row)||!1,link:S.link?.(C.row)||!0}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),_:2},1040,["type","onClick","disabled","link"])),[[e.vShow,S.show?.(C.row)||!0]])),128))]),_:1},8,["width"])):e.createCommentVNode("",!0)]),_:1},16,["data","height","maxHeight"])],512)}}}),[["__scopeId","data-v-1c87357b"]]),U={name:"",components:{},props:{icon:{type:String,default:""}}};function X(t,o,n,r,i,c){return n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,class:"menu_icon"})):e.createCommentVNode("",!0)}const L=w(U,[["render",X],["__scopeId","data-v-261ce99a"]]),K=e.defineComponent({name:"subMenu",__name:"subMenu",props:{routeData:{type:Object,default:()=>({})}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o;function r(i){n("handleMenuItemClick",i)}return(i,c)=>{const d=e.resolveComponent("subMenu",!0),a=e.resolveComponent("el-sub-menu"),l=e.resolveComponent("el-menu-item");return t.routeData.children&&t.routeData.children.length>0?(e.openBlock(),e.createBlock(a,{key:0,index:t.routeData.path},{title:e.withCtx(()=>[e.createVNode(L,{icon:t.routeData.meta.icon},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routeData.children,(p,m)=>(e.openBlock(),e.createBlock(d,{onHandleMenuItemClick:r,routeData:p,key:m},null,8,["routeData"]))),128))]),_:1},8,["index"])):(e.openBlock(),e.createElementBlock("div",{key:1,onClick:c[0]||(c[0]=p=>r(t.routeData))},[e.createVNode(l,{index:t.routeData.path},{title:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[e.createVNode(L,{icon:t.routeData.meta.icon},null,8,["icon"])]),_:1},8,["index"])]))}}}),V=e.defineComponent({name:"MenuTree",__name:"index",props:{menuList:{type:Array,default:()=>[]}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o,r=i=>{n("handleMenuItemClick",i)};return(i,c)=>{const d=e.resolveComponent("el-menu");return e.openBlock(),e.createBlock(d,e.normalizeProps(e.guardReactiveProps(i.$attrs)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,a=>(e.openBlock(),e.createBlock(K,{routeData:a,onHandleMenuItemClick:r},null,8,["routeData"]))),256))]),_:1},16)}}}),G=e.defineComponent({name:"Pagination",__name:"index",props:{total:{required:!0,type:Number},page:{type:Number,default:1},limit:{type:Number,default:20},pagerCount:{type:Number,default:document.body.clientWidth<992?5:7},onPagination:{type:Function}},emits:["update:page","update:limit","pagination"],setup(t,{emit:o}){const n=t,r=o,i=e.computed({get(){return n.page},set(l){r("update:page",l)}}),c=e.computed({get(){return n.limit},set(l){r("update:limit",l)}}),d=l=>{i.value*l>n.total&&(i.value=1),r("pagination",{page:i.value,limit:l})},a=l=>{r("pagination",{page:l,limit:c.value})};return(l,p)=>{const m=e.resolveComponent("el-pagination");return e.withDirectives((e.openBlock(),e.createBlock(m,{"current-page":i.value,"onUpdate:currentPage":p[0]||(p[0]=f=>i.value=f),"page-size":c.value,"onUpdate:pageSize":p[1]||(p[1]=f=>c.value=f),background:!0,"page-sizes":[10,20,30,50,100],"pager-count":t.pagerCount,total:t.total,class:"pagination",layout:"total, sizes, prev, pager, next, jumper",onSizeChange:d,onCurrentChange:a},null,8,["current-page","page-size","pager-count","total"])),[[e.vShow,t.total>0]])}}}),P=w(G,[["__scopeId","data-v-1e34e383"]]),J=["onClick","onMouseover"],I=w(e.defineComponent({name:"EasyContextMenu",__name:"index",props:{menuList:{type:Array,default:()=>[]},maxHeight:{type:[String,Number],default:200},backgroundColor:{type:String,default:"#fff"},hoverItemStyle:{type:Object,default:()=>({backgroundColor:"#ddd"})},animationCurve:{type:String,default:"linear"}},setup(t){const o=t,n=e.ref(-1),r=e.ref(!1),i=e.ref({x:0,y:0}),c=m=>{r.value=!1,m.preventDefault(),m.stopPropagation(),setTimeout(()=>{r.value=!0;const{clientX:f,clientY:g}=m;i.value={x:f,y:g},d.value?.scrollTo(0,0)},0)},d=e.ref(null),a=e.ref(null);e.onMounted(()=>{const m=a.value?.parentElement;m?.addEventListener("contextmenu",c),document.addEventListener("click",()=>{r.value=!1}),m?.addEventListener("blur",()=>{console.log("blur"),r.value=!1})});const l=e.computed(()=>o.maxHeight=="auto"?"auto":o.maxHeight.toString().indexOf("px")>-1?o.maxHeight:`${o.maxHeight}px`),p=e.computed(()=>({backgroundColor:o.backgroundColor,left:`${i.value.x}px`,top:`${i.value.y}px`,maxHeight:r.value?l.value:"0px",transition:r.value?`max-height .2s ${o.animationCurve}`:"none"}));return(m,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"contextMenu",ref:a},[e.createElementVNode("div",e.mergeProps({class:"easy-context-menu"},m.$attrs,{style:{...e.unref(p)},ref_key:"menuListRef",ref:d}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,(g,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,onContextmenu:f[0]||(f[0]=e.withModifiers(()=>{},["stop"])),onClick:g.onClick,onMouseover:b=>n.value=u,onMouseout:f[1]||(f[1]=b=>n.value=-1),style:e.normalizeStyle(e.unref(n)===u?o.hoverItemStyle:"")},e.toDisplayString(g.label),45,J))),128))],16)],512))}}),[["__scopeId","data-v-f9f5bc05"]]);class x{vnode=null;#e={bindEvent:!0};defaultStyle={position:"fixed","z-index":1e3,"border-radius":"4px",color:"#666","font-size":"14px","min-width":"100px","box-shadow":"1px 1px 11px 0px #a6b5ba","background-color":"#fff",padding:"4px",overflow:"hidden"};hoverStyle={"background-color":"#8f9f80ff"};menu=null;static#t=null;static getInstance(){return x.#t||(x.#t=new x),x.#t}constructor(){x.#t||(x.#t=this)}create(o){const n=x.getInstance();return n.vnode!==o.target&&n.destroy(),n.vnode=o.target||null,n.#e={...n.#e,...o},n.#o(),n}#o(){this.defaultStyle={...this.defaultStyle,...this.#e.style},this.hoverStyle={...this.hoverStyle,...this.#e.hoverStyle},this.vnode&&this.vnode?.addEventListener(this.#e.event||"contextmenu",this.showMenu),document.addEventListener("click",this.hideMenu),document.addEventListener("keydown",this.hideMenu)}destroy(){this.vnode?.removeEventListener(this.#e.event||"contextmenu",this.showMenu),document.removeEventListener("click",this.hideMenu),document.removeEventListener("keydown",this.hideMenu),this.resetContextMenu()}resetContextMenu(){this.#e.appendToBody?this.menu&&document.body.removeChild(this.menu):this.vnode?.contains(this.menu)&&this.menu&&this.vnode?.removeChild(this.menu),this.menu=null}#n(){this.menu&&(this.menu.style.transition="none",this.menu.style.maxHeight="0",this.menu.style.display="none")}setMenuList(o){this.#e.menuList=o}showMenu(o){x.#t.#l(o)}hideMenu(){x.#t.#n()}#l(o){if(o.preventDefault(),o.stopPropagation(),this.#e.menuList.length===0)return;if(this.vnode||(this.vnode=o.target),console.log(this,"this"),this.#n(),!this.menu){const d=document.createElement("div");d.className=this.#e.classNames||"",this.menu=d,this.#e.menuList.forEach(a=>{const l=document.createElement("div");if(!a.label&&a.divider){l.style="padding: 0; margin: 5px 0; border-top: 1px solid #e6e6e6;",d.appendChild(l);return}const p=";padding: 5px 10px; cursor: pointer;";if(l.style=p,l.innerText=a.label,a.disabled){l.style.cssText+="color: #ccc; cursor: not-allowed;",d.appendChild(l);return}d.appendChild(l),l.addEventListener("click",m=>{o.stopPropagation(),a.onClick&&a.onClick(m),this.#n()}),l.addEventListener("mouseover",()=>{l.style.cssText=Object.entries(this.hoverStyle).map(([m,f])=>`${m}:${f}`).join(";")+p}),l.addEventListener("mouseout",()=>{l.style=p})}),this.#e.appendToBody?document.body.appendChild(d):this.vnode?.appendChild(d)}const{clientX:n,clientY:r}=o,i={display:"block",...this.defaultStyle,left:`${n}px`,top:`${r}px`};let c=Object.entries(i).map(([d,a])=>`${d}:${a}`).join(";");this.menu.style.cssText=c,this.menu.style.transition="none",this.menu.style.maxHeight="0",setTimeout(()=>{this.menu&&(this.menu.style.maxHeight=`${this.#e.style?.["max-height"]||"200px"}`,this.menu.style.transition=`${this.#e.style?.transition||"max-height 0.1s ease-in-out"}`)},0),this.menu.scrollTo(0,0)}}const Q=x.getInstance(),Z=[_,E,M,H,Y,V,P,I],T=[],F=(t,o)=>{Z.forEach(n=>{T.push(n.name),t.component(n.name,n)}),console.log("mwl-components",T)},v={install:F};h.ContentWarp=E,h.ContextMenu=Q,h.Dialog=M,h.EasyButton=_,h.EasyContextMenu=I,h.EasyForm=H,h.EasyTable=Y,h.MenuTree=V,h.Pagination=P,h.componentsMap=N,h.default=v,h.getPlaceholder=$,h.install=F,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.mwlComponents={},h.Vue,h.ElementPlus))})(this,function(h,e,O){"use strict";const B=e.defineComponent({name:"EasyButton",inheritAttrs:!1,__name:"index",setup(t){const{onClick:o,...n}=e.useAttrs(),r=e.ref(!1),i=async()=>{console.log("Button clicked"),r.value=!0;try{await o?.()}catch(c){console.error("Error in button onClick handler:",c)}finally{r.value=!1}};return(c,d)=>{const a=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(a,e.mergeProps(n,{loading:r.value,onClick:i}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["loading"])}}}),W={class:"card-header"},j={key:0,class:"card-header__message"},A=e.defineComponent({name:"ContentWarp",__name:"index",props:{title:String,message:String},setup(t){const o=e.useSlots(),n=e.ref("content-wrap");return(r,i)=>{const c=e.resolveComponent("ElCard");return e.openBlock(),e.createBlock(c,{class:e.normalizeClass([n.value]),shadow:"never"},e.createSlots({default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},void 0,!0)]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",W,[e.createElementVNode("span",null,e.toDisplayString(t.title),1),t.message?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"footer",{},void 0,!0)]),key:"1"}:void 0]),1032,["class"])}}}),w=(t,o)=>{const n=t.__vccOpts||t;for(const[r,i]of o)n[r]=i;return n},_=w(A,[["__scopeId","data-v-fdaaba5e"]]),R={class:"dialog-header"},E=e.defineComponent({name:"Dialog",__name:"index",props:{title:{type:String,default:""},fullscreen:{type:Boolean,default:!1},scroll:{type:Boolean,default:!1},width:{type:String,default:"61.8%"},maxHeight:{type:[String,Number],default:""}},setup(t){const o=e.useSlots(),n=t,r=e.ref(n.fullscreen),i=()=>{r.value=!e.unref(r)},c=e.ref(n.maxHeight);e.watch(()=>r.value,async a=>{if(await e.nextTick(),a){const l=document.documentElement.offsetHeight;c.value=`${l-55-40-(o.footer?63:0)}px`}else c.value=n.maxHeight},{immediate:!0});const d=e.computed(()=>{if(n.maxHeight)return{height:e.unref(c)}});return(a,l)=>{const p=e.resolveComponent("FullScreen"),m=e.resolveComponent("el-icon"),f=e.resolveComponent("ElScrollbar"),g=e.resolveComponent("ElDialog");return e.openBlock(),e.createBlock(g,e.mergeProps({"close-on-click-modal":!1,"destroy-on-close":"",draggable:"","lock-scroll":"",class:"custom-dialog","append-to-body":""},a.$attrs,{fullscreen:r.value,width:t.width}),e.createSlots({default:e.withCtx(()=>[t.scroll?(e.openBlock(),e.createBlock(f,{key:0,style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["style"])):e.renderSlot(a.$slots,"default",{key:1})]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",R,[e.renderSlot(a.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),e.createElementVNode("div",{onClick:i},[e.createVNode(m,{class:"fullScreen"},{default:e.withCtx(()=>[e.createVNode(p)]),_:1})])])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),key:"1"}:void 0]),1040,["fullscreen","width"])}}}),q={key:1},M=t=>{let o=t.label;if(t.label&&typeof t.label=="function"&&(o=t.label()),t.type.indexOf("select")>-1||t.type.indexOf("cascader")>-1||t.type.indexOf("date")>-1)return`请选择${o}`;if(t.type.indexOf("text")>-1||t.type.indexOf("number")>-1)return`请输入${o}`},P={valueFormat:"YYYY-MM-DD HH:mm:ss",format:"YYYY-MM-DD HH:mm:ss"},U=t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-option"),{label:n.label,value:n.value,key:n.value}))}},$={clearable:!0},D=[{type:"slider",component:"el-slider"},{type:"text",component:"el-input",attrs:{...$}},{type:"textarea",component:"el-input",attrs:{...$}},{type:"number",component:"el-input-number",attrs:{controlsPosition:"right"}},{type:"switch",component:"el-switch"},{type:"checkbox",component:"el-checkbox-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-checkbox"),{value:n.value},{default:()=>n.label}))}}},{type:"radio",component:"el-radio-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-radio"),{value:n.value},{default:()=>n.label}))}}},{type:"select",component:"el-select",slots:U},{type:"select-v2",component:"el-select-v2"},{type:"tree-select",component:"el-tree-select",attrs:{...$,checkStrictly:!0,renderAfterExpand:!0}},{type:"date,dates",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM-DD",format:"YYYY-MM-DD"}},{type:"datetime,week",component:"el-date-picker",attrs:{showConfirm:!1,...P}},{type:"month,months",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM",format:"YYYY-MM"}},{type:"year,years",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY",format:"YYYY"}},{type:"datetimerange,daterange,monthrange,yearrange",component:"el-date-picker",attrs:{showConfirm:!1,rangeSeparator:"至",startPlaceholder:"开始日期",endPlaceholder:"结束日期",...P}},{type:"cascader",component:"el-cascader",attrs:{clearable:!0}},{type:"upload",component:"el-upload"},{type:"custom",component:"el-form-item"}],N=w(e.defineComponent({name:"EasyForm",__name:"index",props:e.mergeModels({inline:{type:Boolean,default:!0},formItems:{type:Array,default:()=>[]},labelWidth:{type:[String,Number],default:"120px"},itemWidth:{type:[String],default:"200px"}},{modelValue:{default:{},type:Object},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.getCurrentInstance(),r=a=>{i(a,"formRef")},i=(a,l)=>{if(!a){delete n?.exposeProxy?.[l],delete n?.exposed?.[l];return}n.exposeProxy={...n?.exposed,[l]:a},n.exposed={...n?.exposed,[l]:a}},c=e.useSlots(),d=(a,l,p)=>{const{value:m,component:f,...g}=l,u=D.find(k=>!!a&&k.type.indexOf(a)>-1),b=u?.component==="el-select"&&l.props,y=l.options&&!b?u?.slots?.(l):{};if(!u&&!l.component)return new Error(`未找到type为${a}的组件且当前也未传递component`);const s=e.resolveDynamicComponent(u?.component||f);if(s)return e.h(s,{...u?.attrs,...g,placeholder:g.placeholder||M(l)},{...y,...p})};return(a,l)=>{const p=e.resolveComponent("el-form-item"),m=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(m,e.mergeProps({model:o.value,"label-width":t.labelWidth,inline:t.inline,"scroll-to-error":!0},{...a.$attrs},{ref:r,class:"easy-form"}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItems,({id:f,type:g,rule:u,width:b,slots:y,...s},k)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[g!="custom"&&!s.hidden?(e.openBlock(),e.createBlock(p,{prop:s.prop,key:k,"label-width":s.labelWidth,rules:u,required:s.required},{label:e.withCtx(()=>[s.label&&typeof s.label=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.label),{key:0})):(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString(s.label),1))]),default:e.withCtx(()=>[c[s.prop]?e.renderSlot(a.$slots,s.prop,{key:0,item:s},void 0,!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d(g,{...s,type:g},y)),{key:1,modelValue:o.value[s.prop],"onUpdate:modelValue":C=>o.value[s.prop]=C,modelModifiers:{trim:!0},style:e.normalizeStyle({width:b||t.itemWidth})},null,8,["modelValue","onUpdate:modelValue","style"]))]),_:2},1032,["prop","label-width","rules","required"])):e.createCommentVNode("",!0),g=="custom"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[y?.[s.prop]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y[s.prop]),{key:0})):e.renderSlot(a.$slots,s.prop,{key:1,item:{width:b,rule:u,...s}},void 0,!0)],64)):e.createCommentVNode("",!0)],64))),256)),c.append?(e.openBlock(),e.createBlock(p,{key:0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"append",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)]),_:3},16,["model","label-width","inline"])}}}),[["__scopeId","data-v-ebcd5674"]]),H=w(e.defineComponent({name:"EasyTable",__name:"index",props:{data:{type:Array,required:!0,default:()=>[]},tableColumns:{type:Array,default:()=>[]},buttons:{type:Array,default:()=>[]},buttonWidth:{type:[Number,String],default:120},align:{type:String,default:"center"},height:{type:Number||String,default:void 0},maxHeight:{type:String||Number,default:void 0},footerHeight:{type:Number,default:65}},setup(t){const o=e.inject(O.configProviderContextKey),n=t,r=e.computed(()=>n.buttonWidth.toString().indexOf("px")>-1?n.buttonWidth.toString().slice(0,-2):n.buttonWidth),i=e.ref(),c=e.ref("auto");let d=e.getCurrentInstance();const a=()=>{let u="auto";if(d?.parent?.attrs?.class?.indexOf("content-wrap")>-1){let s=n.footerHeight;o?.value?.size==="small"?s=s-8:o?.value?.size==="large"&&(s=s+8);try{const k=d?.refs.tableRef,{top:C}=k?.getBoundingClientRect();u=document.documentElement.clientHeight-C-s-20}catch{}return u}return u},l=e.ref(),p=()=>{l.value&&clearTimeout(l.value),l.value=setTimeout(()=>{c.value=a(),l.value=null},100)};e.onMounted(()=>{c.value=a(),window.addEventListener("resize",p)}),e.onUnmounted(()=>{window.removeEventListener("resize",p)});const m=e.resolveComponent("el-table-column"),f=e.useSlots(),g=u=>{const{slots:b={},children:y=[],...s}=u;if(y&&y.length>0){const k=y.map(C=>g(C));return e.h(m,{align:n.align,...s},{...b,default:()=>k})}return e.h(m,{align:n.align,...s},{default:k=>f[u.prop]&&f[u.prop](k),...b})};return(u,b)=>{const y=e.resolveComponent("el-button"),s=e.resolveComponent("el-table-column"),k=e.resolveComponent("el-table");return e.openBlock(),e.createElementBlock("div",{ref_key:"tableRef",ref:i},[e.createVNode(k,e.mergeProps({style:{width:"100%"}},u.$attrs,{data:t.data,height:t.height,maxHeight:t.maxHeight?t.maxHeight:c.value}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tableColumns,(C,S)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g(C)),{key:S}))),128)),t.buttons&&t.buttons.length?(e.openBlock(),e.createBlock(s,{key:0,align:"center",fixed:"right",label:"操作",width:r.value},{default:e.withCtx(C=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.buttons,(S,ee)=>e.withDirectives((e.openBlock(),e.createBlock(y,e.mergeProps({ref_for:!0},{...S},{key:ee,type:S.type.includes("del")?"danger":"primary",onClick:()=>{S.click?.(C.row)},disabled:S.disabled?.(C.row)||!1,link:S.link?.(C.row)||!0}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),_:2},1040,["type","onClick","disabled","link"])),[[e.vShow,S.show?.(C.row)||!0]])),128))]),_:1},8,["width"])):e.createCommentVNode("",!0)]),_:1},16,["data","height","maxHeight"])],512)}}}),[["__scopeId","data-v-1c87357b"]]),X={name:"",components:{},props:{icon:{type:String,default:""}}};function K(t,o,n,r,i,c){return n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,class:"menu_icon"})):e.createCommentVNode("",!0)}const T=w(X,[["render",K],["__scopeId","data-v-261ce99a"]]),G=e.defineComponent({name:"subMenu",__name:"subMenu",props:{routeData:{type:Object,default:()=>({})}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o;function r(i){n("handleMenuItemClick",i)}return(i,c)=>{const d=e.resolveComponent("subMenu",!0),a=e.resolveComponent("el-sub-menu"),l=e.resolveComponent("el-menu-item");return t.routeData.children&&t.routeData.children.length>0?(e.openBlock(),e.createBlock(a,{key:0,index:t.routeData.path},{title:e.withCtx(()=>[e.createVNode(T,{icon:t.routeData.meta.icon},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routeData.children,(p,m)=>(e.openBlock(),e.createBlock(d,{onHandleMenuItemClick:r,routeData:p,key:m},null,8,["routeData"]))),128))]),_:1},8,["index"])):(e.openBlock(),e.createElementBlock("div",{key:1,onClick:c[0]||(c[0]=p=>r(t.routeData))},[e.createVNode(l,{index:t.routeData.path},{title:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[e.createVNode(T,{icon:t.routeData.meta.icon},null,8,["icon"])]),_:1},8,["index"])]))}}}),Y=e.defineComponent({name:"MenuTree",__name:"index",props:{menuList:{type:Array,default:()=>[]}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o,r=i=>{n("handleMenuItemClick",i)};return(i,c)=>{const d=e.resolveComponent("el-menu");return e.openBlock(),e.createBlock(d,e.normalizeProps(e.guardReactiveProps(i.$attrs)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,a=>(e.openBlock(),e.createBlock(G,{routeData:a,onHandleMenuItemClick:r},null,8,["routeData"]))),256))]),_:1},16)}}}),J=e.defineComponent({name:"Pagination",__name:"index",props:{total:{required:!0,type:Number},page:{type:Number,default:1},limit:{type:Number,default:20},pagerCount:{type:Number,default:document.body.clientWidth<992?5:7},onPagination:{type:Function}},emits:["update:page","update:limit","pagination"],setup(t,{emit:o}){const n=t,r=o,i=e.computed({get(){return n.page},set(l){r("update:page",l)}}),c=e.computed({get(){return n.limit},set(l){r("update:limit",l)}}),d=l=>{i.value*l>n.total&&(i.value=1),r("pagination",{page:i.value,limit:l})},a=l=>{r("pagination",{page:l,limit:c.value})};return(l,p)=>{const m=e.resolveComponent("el-pagination");return e.withDirectives((e.openBlock(),e.createBlock(m,{"current-page":i.value,"onUpdate:currentPage":p[0]||(p[0]=f=>i.value=f),"page-size":c.value,"onUpdate:pageSize":p[1]||(p[1]=f=>c.value=f),background:!0,"page-sizes":[10,20,30,50,100],"pager-count":t.pagerCount,total:t.total,class:"pagination",layout:"total, sizes, prev, pager, next, jumper",onSizeChange:d,onCurrentChange:a},null,8,["current-page","page-size","pager-count","total"])),[[e.vShow,t.total>0]])}}}),L=w(J,[["__scopeId","data-v-1e34e383"]]),Q=["onClick","onMouseover"],V=w(e.defineComponent({name:"EasyContextMenu",__name:"index",props:{menuList:{type:Array,default:()=>[]},maxHeight:{type:[String,Number],default:200},backgroundColor:{type:String,default:"#fff"},hoverItemStyle:{type:Object,default:()=>({backgroundColor:"#ddd"})},animationCurve:{type:String,default:"linear"}},setup(t){const o=t,n=e.ref(-1),r=e.ref(!1),i=e.ref({x:0,y:0}),c=m=>{r.value=!1,m.preventDefault(),m.stopPropagation(),setTimeout(()=>{r.value=!0;const{clientX:f,clientY:g}=m;i.value={x:f,y:g},d.value?.scrollTo(0,0)},0)},d=e.ref(null),a=e.ref(null);e.onMounted(()=>{const m=a.value?.parentElement;m?.addEventListener("contextmenu",c),document.addEventListener("click",()=>{r.value=!1}),m?.addEventListener("blur",()=>{console.log("blur"),r.value=!1})});const l=e.computed(()=>o.maxHeight=="auto"?"auto":o.maxHeight.toString().indexOf("px")>-1?o.maxHeight:`${o.maxHeight}px`),p=e.computed(()=>({backgroundColor:o.backgroundColor,left:`${i.value.x}px`,top:`${i.value.y}px`,maxHeight:r.value?l.value:"0px",transition:r.value?`max-height .2s ${o.animationCurve}`:"none"}));return(m,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"contextMenu",ref:a},[e.createElementVNode("div",e.mergeProps({class:"easy-context-menu"},m.$attrs,{style:{...e.unref(p)},ref_key:"menuListRef",ref:d}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,(g,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,onContextmenu:f[0]||(f[0]=e.withModifiers(()=>{},["stop"])),onClick:g.onClick,onMouseover:b=>n.value=u,onMouseout:f[1]||(f[1]=b=>n.value=-1),style:e.normalizeStyle(e.unref(n)===u?o.hoverItemStyle:"")},e.toDisplayString(g.label),45,Q))),128))],16)],512))}}),[["__scopeId","data-v-f9f5bc05"]]);class x{vnode=null;#e={bindEvent:!0};defaultStyle={position:"fixed","z-index":1e3,"border-radius":"4px",color:"#666","font-size":"14px","min-width":"100px","box-shadow":"1px 1px 11px 0px #a6b5ba","background-color":"#fff",padding:"4px",overflow:"hidden"};hoverStyle={"background-color":"#8f9f80ff"};menu=null;static#t=null;static getInstance(){return x.#t||(x.#t=new x),x.#t}constructor(){x.#t||(x.#t=this)}create(o){const n=x.getInstance();return n.vnode!==o.target&&n.destroy(),n.vnode=o.target||null,n.#e={...n.#e,...o},n.#o(),n}#o(){this.defaultStyle={...this.defaultStyle,...this.#e.style},this.hoverStyle={...this.hoverStyle,...this.#e.hoverStyle},this.vnode&&this.vnode?.addEventListener(this.#e.event||"contextmenu",this.showMenu),document.addEventListener("click",this.hideMenu),document.addEventListener("keydown",this.hideMenu)}destroy(){this.vnode?.removeEventListener(this.#e.event||"contextmenu",this.showMenu),document.removeEventListener("click",this.hideMenu),document.removeEventListener("keydown",this.hideMenu),this.resetContextMenu()}resetContextMenu(){this.#e.appendToBody?this.menu&&document.body.removeChild(this.menu):this.vnode?.contains(this.menu)&&this.menu&&this.vnode?.removeChild(this.menu),this.menu=null}#n(){this.menu&&(this.menu.style.transition="none",this.menu.style.maxHeight="0",this.menu.style.display="none")}setMenuList(o){this.#e.menuList=o}showMenu(o){x.#t.#l(o)}hideMenu(){x.#t.#n()}#l(o){if(o.preventDefault(),o.stopPropagation(),this.#e.menuList.length===0)return;if(this.vnode||(this.vnode=o.target),console.log(this,"this"),this.#n(),!this.menu){const d=document.createElement("div");d.className=this.#e.classNames||"",this.menu=d,this.#e.menuList.forEach(a=>{const l=document.createElement("div");if(!a.label&&a.divider){l.style="padding: 0; margin: 5px 0; border-top: 1px solid #e6e6e6;",d.appendChild(l);return}const p=";padding: 5px 10px; cursor: pointer;";if(l.style=p,l.innerText=a.label,a.disabled){l.style.cssText+="color: #ccc; cursor: not-allowed;",d.appendChild(l);return}d.appendChild(l),l.addEventListener("click",m=>{o.stopPropagation(),a.onClick&&a.onClick(m),this.#n()}),l.addEventListener("mouseover",()=>{l.style.cssText=Object.entries(this.hoverStyle).map(([m,f])=>`${m}:${f}`).join(";")+p}),l.addEventListener("mouseout",()=>{l.style=p})}),this.#e.appendToBody?document.body.appendChild(d):this.vnode?.appendChild(d)}const{clientX:n,clientY:r}=o,i={display:"block",...this.defaultStyle,left:`${n}px`,top:`${r}px`};let c=Object.entries(i).map(([d,a])=>`${d}:${a}`).join(";");this.menu.style.cssText=c,this.menu.style.transition="none",this.menu.style.maxHeight="0",setTimeout(()=>{this.menu&&(this.menu.style.maxHeight=`${this.#e.style?.["max-height"]||"200px"}`,this.menu.style.transition=`${this.#e.style?.transition||"max-height 0.1s ease-in-out"}`)},0),this.menu.scrollTo(0,0)}}const I=x.getInstance(),Z=[B,_,E,N,H,Y,L,V],F=[],z=(t,o)=>{Z.forEach(n=>{F.push(n.name),t.component(n.name,n)}),console.log("mwl-components",F)},v={install:z,EasyButton:B,ContentWarp:_,Dialog:E,EasyForm:N,EasyTable:H,MenuTree:Y,Pagination:L,EasyContextMenu:V,componentsMap:D,getPlaceholder:M,ContextMenu:I};h.ContentWarp=_,h.ContextMenu=I,h.Dialog=E,h.EasyButton=B,h.EasyContextMenu=V,h.EasyForm=N,h.EasyTable=H,h.MenuTree=Y,h.Pagination=L,h.componentsMap=D,h.default=v,h.getPlaceholder=M,h.install=z,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|