@vtj/ui 0.7.30 → 0.7.32
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/index.cjs +3 -3
- package/dist/index.iife.js +2 -2
- package/dist/index.mjs +968 -959
- package/dist/index.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +5 -5
- package/types/components/dialog/Dialog.d.ts +1 -0
- package/types/components/mask/hooks/useMenus.d.ts +1 -0
- package/types/components/tabs/Tabs.d.ts +13 -0
- package/types/components/tabs/types.d.ts +6 -0
- package/types/version.d.ts +2 -2
package/dist/index.mjs
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { ElIcon as Wt, ElSubMenu as
|
|
3
|
-
import { ArrowRight as
|
|
4
|
-
import { useDraggable as
|
|
5
|
-
import { isEqual as
|
|
6
|
-
import { useRouter as
|
|
1
|
+
import { defineComponent as I, useAttrs as We, getCurrentInstance as pe, computed as v, markRaw as we, openBlock as c, createBlock as g, unref as o, normalizeClass as Y, normalizeStyle as fe, withCtx as f, renderSlot as S, resolveDynamicComponent as J, createCommentVNode as b, createElementBlock as z, mergeProps as A, createElementVNode as F, toDisplayString as O, Fragment as W, renderList as Z, isVNode as Lt, h as ae, shallowRef as Ve, ref as j, watch as K, toRef as Oe, createTextVNode as D, useSlots as Ut, toRaw as ye, createVNode as k, normalizeProps as le, guardReactiveProps as he, effectScope as ft, reactive as Re, onMounted as mt, onUnmounted as gt, watchEffect as Ye, nextTick as ve, Teleport as yt, withDirectives as G, createSlots as ue, render as nt, vShow as oe, isRef as Pe, withModifiers as vt, KeepAlive as Ht, provide as Se, inject as $e, withKeys as Kt } from "vue";
|
|
2
|
+
import { ElIcon as Wt, ElSubMenu as Yt, ElBadge as Ue, ElMenuItem as Jt, ElMenu as qt, ElButton as ie, ElDropdown as Gt, ElDropdownMenu as Zt, ElDropdownItem as Qt, ElTooltip as bt, ElDivider as se, ElSwitch as Je, ElInput as _e, ElEmpty as ht, ElTabs as _t, ElTabPane as He, ElPopover as kt, ElAvatar as en, ElMessageBox as Fe, ElSelect as wt, ElOption as xt, ElCheckboxButton as tn, ElCheckbox as nn, ElCheckboxGroup as on, ElRadioButton as an, ElRadio as sn, ElRadioGroup as ln, ElInputNumber as rn, ElDatePicker as ot, ElTimePicker as cn, ElRate as un, ElSlider as dn, ElCascader as pn, formContextKey as fn, ElFormItem as mn, ElForm as gn, ElImage as yn, ElInfiniteScroll as at, ElPagination as vn, ElDescriptions as st, ElDescriptionsItem as Ne, ElMessage as lt } from "element-plus";
|
|
3
|
+
import { ArrowRight as bn, Minimize as hn, Popup as _n, Maximize as kn, RawClose as wn, StarFilled as $t, Menu as xn, Search as Ke, Close as St, Expand as $n, Fold as Sn, Star as Ct, Document as me, Refresh as Cn, CopyDocument as zn, Moon as Mn, Sunny as Tn, MoreFilled as En, UserFilled as Pn, HomeFilled as Bn, WarningFilled as In, EditPen as Vn } from "@vtj/icons";
|
|
4
|
+
import { useDraggable as On, useMouseInElement as jn, useEventListener as je, useElementSize as zt, useDark as Rn, useResizeObserver as Dn, useVirtualList as An } from "@vueuse/core";
|
|
5
|
+
import { isEqual as qe, isObject as Ge, uid as Mt, arrayToMap as Fn, isUrl as Nn, upperFirstCamelCase as Tt, toArray as Et, get as Be, merge as Xn, set as Xe, debounce as Ln, dedupArray as Un, numberFormat as Hn } from "@vtj/utils";
|
|
6
|
+
import { useRouter as Ze, RouterView as Kn, useRoute as Pt, routeLocationKey as Wn } from "vue-router";
|
|
7
7
|
/**!
|
|
8
8
|
* Copyright (c) 2024, VTJ.PRO All rights reserved.
|
|
9
9
|
* @name @vtj/ui
|
|
10
10
|
* @author CHC chenhuachun1549@dingtalk.com
|
|
11
|
-
* @version 0.7.
|
|
11
|
+
* @version 0.7.32
|
|
12
12
|
* @license <a href="https://vtj.pro/license.html">MIT License</a>
|
|
13
13
|
*/
|
|
14
|
-
const
|
|
14
|
+
const Xa = "0.7.32", Yn = {
|
|
15
15
|
default: 14,
|
|
16
16
|
small: 12,
|
|
17
17
|
large: 18
|
|
18
|
-
},
|
|
18
|
+
}, Jn = {
|
|
19
19
|
icon: {
|
|
20
20
|
type: [String, Object]
|
|
21
21
|
},
|
|
@@ -39,10 +39,10 @@ const Ua = "0.7.30", Jn = {
|
|
|
39
39
|
type: Number
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
|
-
function
|
|
42
|
+
function Q(a) {
|
|
43
43
|
return typeof a == "string" ? a : `${a}px`;
|
|
44
44
|
}
|
|
45
|
-
function
|
|
45
|
+
function Me(a = 0, n) {
|
|
46
46
|
if (typeof a == "number")
|
|
47
47
|
return a;
|
|
48
48
|
if (/(%|vh|vw)$/i.test(a)) {
|
|
@@ -55,16 +55,16 @@ function it(a, n = {}) {
|
|
|
55
55
|
const e = { ...n };
|
|
56
56
|
return typeof a == "boolean" ? e : Object.assign(e, a || {});
|
|
57
57
|
}
|
|
58
|
-
const rt = Symbol("INSTALLED_KEY"),
|
|
58
|
+
const rt = Symbol("INSTALLED_KEY"), La = (a = []) => ({
|
|
59
59
|
install: (e) => {
|
|
60
60
|
e[rt] || (e[rt] = !0, a.forEach((t) => {
|
|
61
61
|
t.name && e.component(t.name, t);
|
|
62
62
|
}));
|
|
63
63
|
}
|
|
64
|
-
}),
|
|
64
|
+
}), qn = ["src"], de = /* @__PURE__ */ I({
|
|
65
65
|
name: "XIcon",
|
|
66
66
|
__name: "Icon",
|
|
67
|
-
props:
|
|
67
|
+
props: Jn,
|
|
68
68
|
setup(a) {
|
|
69
69
|
const n = a, e = We(), t = pe(), l = v(() => {
|
|
70
70
|
if (!n.icon)
|
|
@@ -76,36 +76,36 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
|
|
|
76
76
|
"is-pointer": !!e.onClick
|
|
77
77
|
};
|
|
78
78
|
return !l.value && n.icon && (i[n.icon] = !0), i;
|
|
79
|
-
}),
|
|
79
|
+
}), u = v(() => ({
|
|
80
80
|
"background-color": n.background,
|
|
81
|
-
"border-radius": n.radius ?
|
|
82
|
-
padding: n.padding ?
|
|
83
|
-
})), r = v(() => typeof n.size == "number" ? n.size :
|
|
84
|
-
return (i, p) => (
|
|
85
|
-
class:
|
|
81
|
+
"border-radius": n.radius ? Q(n.radius) : void 0,
|
|
82
|
+
padding: n.padding ? Q(n.padding) : void 0
|
|
83
|
+
})), r = v(() => typeof n.size == "number" ? n.size : Yn[n.size] ?? void 0);
|
|
84
|
+
return (i, p) => (c(), g(o(Wt), {
|
|
85
|
+
class: Y(["x-icon", s.value]),
|
|
86
86
|
color: n.color,
|
|
87
87
|
size: r.value,
|
|
88
|
-
style: fe(
|
|
88
|
+
style: fe(u.value)
|
|
89
89
|
}, {
|
|
90
90
|
default: f(() => [
|
|
91
|
-
|
|
92
|
-
l.value ? (
|
|
93
|
-
n.src ? (
|
|
91
|
+
S(i.$slots, "default", {}, () => [
|
|
92
|
+
l.value ? (c(), g(J(l.value), { key: 0 })) : b("", !0),
|
|
93
|
+
n.src ? (c(), z("img", {
|
|
94
94
|
key: 1,
|
|
95
95
|
src: n.src
|
|
96
|
-
}, null, 8,
|
|
96
|
+
}, null, 8, qn)) : b("", !0)
|
|
97
97
|
])
|
|
98
98
|
]),
|
|
99
99
|
_: 3
|
|
100
100
|
}, 8, ["class", "color", "size", "style"]));
|
|
101
101
|
}
|
|
102
|
-
}), Gn = { class: "x-menu__wrapper" },
|
|
102
|
+
}), Gn = { class: "x-menu__wrapper" }, Zn = {
|
|
103
103
|
key: 1,
|
|
104
104
|
class: "x-menu__title"
|
|
105
|
-
},
|
|
105
|
+
}, Qn = /* @__PURE__ */ F("i", null, null, -1), eo = {
|
|
106
106
|
key: 0,
|
|
107
107
|
class: "x-menu__title"
|
|
108
|
-
}, to = /* @__PURE__ */
|
|
108
|
+
}, to = /* @__PURE__ */ F("i", null, null, -1), Bt = /* @__PURE__ */ I({
|
|
109
109
|
inheritAttrs: !1,
|
|
110
110
|
name: "XMenuItem",
|
|
111
111
|
__name: "MenuItem",
|
|
@@ -115,36 +115,36 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
|
|
|
115
115
|
defaultIcon: {}
|
|
116
116
|
},
|
|
117
117
|
setup(a) {
|
|
118
|
-
const n = a, e = pe(), t = (
|
|
119
|
-
if (
|
|
120
|
-
return typeof
|
|
121
|
-
}, l = (
|
|
122
|
-
return (
|
|
118
|
+
const n = a, e = pe(), t = (u) => {
|
|
119
|
+
if (u)
|
|
120
|
+
return typeof u == "string" && (e?.appContext.app?.component(u) || n.defaultIcon) || u;
|
|
121
|
+
}, l = (u) => typeof u == "object" ? u : { value: u }, s = (u = []) => u.filter((r) => !r.hidden);
|
|
122
|
+
return (u, r) => n.item.children ? (c(), g(o(Yt), A({
|
|
123
123
|
key: 0,
|
|
124
124
|
disabled: n.item.disabled
|
|
125
125
|
}, n.subMenu, {
|
|
126
126
|
index: String(n.item.id)
|
|
127
127
|
}), {
|
|
128
128
|
title: f(() => [
|
|
129
|
-
|
|
130
|
-
n.item.icon ? (
|
|
129
|
+
F("div", Gn, [
|
|
130
|
+
n.item.icon ? (c(), g(o(de), {
|
|
131
131
|
key: 0,
|
|
132
132
|
icon: t(n.item.icon)
|
|
133
|
-
}, null, 8, ["icon"])) :
|
|
134
|
-
n.item.title ? (
|
|
135
|
-
n.item.badge ? (
|
|
133
|
+
}, null, 8, ["icon"])) : b("", !0),
|
|
134
|
+
n.item.title ? (c(), z("span", Zn, O(n.item.title), 1)) : b("", !0),
|
|
135
|
+
n.item.badge ? (c(), g(o(Ue), A({
|
|
136
136
|
key: 2,
|
|
137
137
|
class: "x-menu__badge"
|
|
138
138
|
}, l(n.item.badge)), {
|
|
139
139
|
default: f(() => [
|
|
140
|
-
|
|
140
|
+
Qn
|
|
141
141
|
]),
|
|
142
142
|
_: 1
|
|
143
|
-
}, 16)) :
|
|
143
|
+
}, 16)) : b("", !0)
|
|
144
144
|
])
|
|
145
145
|
]),
|
|
146
146
|
default: f(() => [
|
|
147
|
-
(
|
|
147
|
+
(c(!0), z(W, null, Z(s(n.item.children), (i) => (c(), g(o(Bt), {
|
|
148
148
|
key: i.id,
|
|
149
149
|
item: i,
|
|
150
150
|
subMenu: n.subMenu,
|
|
@@ -152,14 +152,14 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
|
|
|
152
152
|
}, null, 8, ["item", "subMenu", "defaultIcon"]))), 128))
|
|
153
153
|
]),
|
|
154
154
|
_: 1
|
|
155
|
-
}, 16, ["disabled", "index"])) : (
|
|
155
|
+
}, 16, ["disabled", "index"])) : (c(), g(o(Jt), {
|
|
156
156
|
key: 1,
|
|
157
157
|
index: String(n.item.id),
|
|
158
158
|
disabled: n.item.disabled
|
|
159
159
|
}, {
|
|
160
160
|
title: f(() => [
|
|
161
|
-
n.item.title ? (
|
|
162
|
-
n.item.badge ? (
|
|
161
|
+
n.item.title ? (c(), z("span", eo, O(n.item.title), 1)) : b("", !0),
|
|
162
|
+
n.item.badge ? (c(), g(o(Ue), A({
|
|
163
163
|
key: 1,
|
|
164
164
|
class: "x-menu__badge"
|
|
165
165
|
}, l(n.item.badge)), {
|
|
@@ -167,18 +167,18 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
|
|
|
167
167
|
to
|
|
168
168
|
]),
|
|
169
169
|
_: 1
|
|
170
|
-
}, 16)) :
|
|
170
|
+
}, 16)) : b("", !0)
|
|
171
171
|
]),
|
|
172
172
|
default: f(() => [
|
|
173
|
-
n.item.icon ? (
|
|
173
|
+
n.item.icon ? (c(), g(o(de), {
|
|
174
174
|
key: 0,
|
|
175
175
|
icon: t(n.item.icon)
|
|
176
|
-
}, null, 8, ["icon"])) :
|
|
176
|
+
}, null, 8, ["icon"])) : b("", !0)
|
|
177
177
|
]),
|
|
178
178
|
_: 1
|
|
179
179
|
}, 8, ["index", "disabled"]));
|
|
180
180
|
}
|
|
181
|
-
}), ge = /* @__PURE__ */
|
|
181
|
+
}), ge = /* @__PURE__ */ I({
|
|
182
182
|
inheritAttrs: !1,
|
|
183
183
|
name: "XMenu",
|
|
184
184
|
__name: "Menu",
|
|
@@ -191,24 +191,24 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
|
|
|
191
191
|
setup(a, { emit: n }) {
|
|
192
192
|
const e = a, t = n, l = v(() => e.data.filter((r) => !r.hidden)), s = (r, i) => {
|
|
193
193
|
const p = (d, m = []) => {
|
|
194
|
-
for (const
|
|
195
|
-
if (
|
|
196
|
-
return
|
|
197
|
-
if (
|
|
198
|
-
const _ = p(d,
|
|
194
|
+
for (const h of m) {
|
|
195
|
+
if (h.id.toString() === d.toString())
|
|
196
|
+
return h;
|
|
197
|
+
if (h.children?.length) {
|
|
198
|
+
const _ = p(d, h.children);
|
|
199
199
|
if (_)
|
|
200
200
|
return _;
|
|
201
201
|
}
|
|
202
202
|
}
|
|
203
203
|
};
|
|
204
204
|
return p(i, r);
|
|
205
|
-
},
|
|
205
|
+
}, u = (r) => {
|
|
206
206
|
const i = s(l.value, r);
|
|
207
207
|
i && t("select", i);
|
|
208
208
|
};
|
|
209
|
-
return (r, i) => (
|
|
209
|
+
return (r, i) => (c(), g(o(qt), A({ class: "x-menu" }, r.$attrs, { onSelect: u }), {
|
|
210
210
|
default: f(() => [
|
|
211
|
-
(
|
|
211
|
+
(c(!0), z(W, null, Z(l.value, (p) => (c(), g(o(Bt), {
|
|
212
212
|
item: { ...p, icon: p.icon },
|
|
213
213
|
defaultIcon: e.defaultIcon,
|
|
214
214
|
subMenu: e.subMenu
|
|
@@ -217,7 +217,7 @@ const rt = Symbol("INSTALLED_KEY"), Xa = (a = []) => ({
|
|
|
217
217
|
_: 1
|
|
218
218
|
}, 16));
|
|
219
219
|
}
|
|
220
|
-
}),
|
|
220
|
+
}), It = {
|
|
221
221
|
/**
|
|
222
222
|
* 动作名称标识
|
|
223
223
|
*/
|
|
@@ -342,7 +342,7 @@ function so(a) {
|
|
|
342
342
|
return v(() => {
|
|
343
343
|
const e = o(a);
|
|
344
344
|
if (e)
|
|
345
|
-
if (typeof e == "string" || e.setup || e.render ||
|
|
345
|
+
if (typeof e == "string" || e.setup || e.render || Lt(e)) {
|
|
346
346
|
const t = n?.appContext.app;
|
|
347
347
|
return {
|
|
348
348
|
icon: typeof e == "string" && t?.component(e) || e
|
|
@@ -354,39 +354,39 @@ function so(a) {
|
|
|
354
354
|
}
|
|
355
355
|
function ke(a) {
|
|
356
356
|
const n = so(a);
|
|
357
|
-
return n.value ? we(
|
|
357
|
+
return n.value ? we(I({ render: () => ae(de, n.value) })) : void 0;
|
|
358
358
|
}
|
|
359
|
-
function
|
|
359
|
+
function Qe(a, n) {
|
|
360
360
|
return v(() => {
|
|
361
361
|
const e = o(a);
|
|
362
362
|
return typeof e == "function" ? e(n) : !!e;
|
|
363
363
|
});
|
|
364
364
|
}
|
|
365
365
|
function lo(a, n, e) {
|
|
366
|
-
const t =
|
|
366
|
+
const t = Ve(n), l = j(!1), s = async (r) => {
|
|
367
367
|
const i = o(a);
|
|
368
368
|
return i ? typeof i == "function" ? await i(r) : i : n;
|
|
369
|
-
},
|
|
370
|
-
return
|
|
369
|
+
}, u = async (r) => (l.value = !0, await s(r).then((i) => (t.value = i || n, l.value = !1, o(t))));
|
|
370
|
+
return K(
|
|
371
371
|
() => a,
|
|
372
372
|
() => {
|
|
373
|
-
|
|
373
|
+
u(e);
|
|
374
374
|
},
|
|
375
375
|
{ immediate: !0 }
|
|
376
|
-
), e &&
|
|
377
|
-
|
|
376
|
+
), e && K(e, () => {
|
|
377
|
+
u(e);
|
|
378
378
|
}), {
|
|
379
379
|
data: t,
|
|
380
380
|
loading: l,
|
|
381
|
-
loader:
|
|
381
|
+
loader: u
|
|
382
382
|
};
|
|
383
383
|
}
|
|
384
|
-
const io = { key: 0 }, ro = /* @__PURE__ */
|
|
384
|
+
const io = { key: 0 }, ro = /* @__PURE__ */ I({
|
|
385
385
|
__name: "Trigger",
|
|
386
|
-
props:
|
|
386
|
+
props: It,
|
|
387
387
|
emits: ["click"],
|
|
388
388
|
setup(a, { emit: n }) {
|
|
389
|
-
const e = a, t = n, l = ke(
|
|
389
|
+
const e = a, t = n, l = ke(Oe(e, "icon")), s = Qe(Oe(e, "disabled")), u = v(() => ({
|
|
390
390
|
[`is-${e.mode}`]: !!e.mode,
|
|
391
391
|
[`is-${e.type}`]: !!e.type,
|
|
392
392
|
[`is-${e.size}`]: !!e.size && e.size !== "default",
|
|
@@ -397,7 +397,7 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
397
397
|
if (i.preventDefault(), !s.value)
|
|
398
398
|
return t("click"), !1;
|
|
399
399
|
};
|
|
400
|
-
return (i, p) => e.mode === "button" ? (
|
|
400
|
+
return (i, p) => e.mode === "button" ? (c(), g(o(ie), A({
|
|
401
401
|
key: 0,
|
|
402
402
|
icon: o(l),
|
|
403
403
|
type: e.type,
|
|
@@ -405,63 +405,63 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
405
405
|
disabled: o(s)
|
|
406
406
|
}, e.button, { onClick: r }), {
|
|
407
407
|
default: f(() => [
|
|
408
|
-
|
|
408
|
+
D(O(i.label), 1)
|
|
409
409
|
]),
|
|
410
410
|
_: 1
|
|
411
|
-
}, 16, ["icon", "type", "size", "disabled"])) : (
|
|
411
|
+
}, 16, ["icon", "type", "size", "disabled"])) : (c(), z("div", {
|
|
412
412
|
key: 1,
|
|
413
|
-
class:
|
|
413
|
+
class: Y(["x-action__inner", u.value]),
|
|
414
414
|
onClick: r
|
|
415
415
|
}, [
|
|
416
|
-
(
|
|
417
|
-
i.label ? (
|
|
416
|
+
(c(), g(J(o(l)))),
|
|
417
|
+
i.label ? (c(), z("span", io, O(i.label), 1)) : b("", !0)
|
|
418
418
|
], 2));
|
|
419
419
|
}
|
|
420
|
-
}), te = /* @__PURE__ */
|
|
420
|
+
}), te = /* @__PURE__ */ I({
|
|
421
421
|
name: "XAction",
|
|
422
422
|
__name: "Action",
|
|
423
|
-
props:
|
|
423
|
+
props: It,
|
|
424
424
|
emits: ["click", "command"],
|
|
425
425
|
setup(a, { emit: n }) {
|
|
426
|
-
const e = a, t =
|
|
426
|
+
const e = a, t = Ut(), l = n, s = no(e), u = oo(e), r = ao(e), i = Qe(Oe(e, "disabled")), p = v(() => ({
|
|
427
427
|
[`x-action--${e.mode}`]: !!e.mode
|
|
428
428
|
})), d = () => {
|
|
429
429
|
i.value || l("click", ye(e));
|
|
430
430
|
}, m = (w) => {
|
|
431
431
|
if (i.value)
|
|
432
432
|
return;
|
|
433
|
-
const
|
|
434
|
-
|
|
435
|
-
},
|
|
433
|
+
const E = e.menus?.find((P) => P.command === w);
|
|
434
|
+
E && l("command", ye(E));
|
|
435
|
+
}, h = (w) => ae(Ue, u.value, () => [].concat(w)), _ = (w) => ae(
|
|
436
436
|
Gt,
|
|
437
437
|
{ ...r.value, disabled: i.value, onCommand: m },
|
|
438
438
|
{
|
|
439
439
|
default: () => [w],
|
|
440
440
|
dropdown: () => [
|
|
441
441
|
ae(
|
|
442
|
-
|
|
443
|
-
() => (e.menus || []).map((
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
() => t.item ? t.item({ item:
|
|
442
|
+
Zt,
|
|
443
|
+
() => (e.menus || []).map((E, P) => ae(
|
|
444
|
+
Qt,
|
|
445
|
+
E,
|
|
446
|
+
() => t.item ? t.item({ item: E, index: P }) : E.label
|
|
447
447
|
))
|
|
448
448
|
)
|
|
449
449
|
]
|
|
450
450
|
}
|
|
451
|
-
), y = (w) => ae(
|
|
451
|
+
), y = (w) => ae(bt, { ...s.value, disabled: i.value }, () => [
|
|
452
452
|
w
|
|
453
|
-
]),
|
|
453
|
+
]), $ = v(() => {
|
|
454
454
|
let w = ae(we(ro), { ...e, onClick: d });
|
|
455
|
-
const
|
|
456
|
-
return
|
|
455
|
+
const E = t.default?.();
|
|
456
|
+
return E && E.length && (w = E[0]), u.value && (w = h(w)), r.value && (w = _(w)), s.value && (w = y(w)), w;
|
|
457
457
|
});
|
|
458
|
-
return (w,
|
|
459
|
-
class:
|
|
458
|
+
return (w, E) => (c(), z("div", {
|
|
459
|
+
class: Y(["x-action", p.value])
|
|
460
460
|
}, [
|
|
461
|
-
(
|
|
461
|
+
(c(), g(J($.value)))
|
|
462
462
|
], 2));
|
|
463
463
|
}
|
|
464
|
-
}),
|
|
464
|
+
}), co = {
|
|
465
465
|
/**
|
|
466
466
|
* 动作项
|
|
467
467
|
*/
|
|
@@ -532,10 +532,10 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
532
532
|
button: {
|
|
533
533
|
type: Object
|
|
534
534
|
}
|
|
535
|
-
}, et = /* @__PURE__ */
|
|
535
|
+
}, et = /* @__PURE__ */ I({
|
|
536
536
|
name: "XActionBar",
|
|
537
537
|
__name: "ActionBar",
|
|
538
|
-
props:
|
|
538
|
+
props: co,
|
|
539
539
|
emits: ["click", "command"],
|
|
540
540
|
setup(a, { emit: n }) {
|
|
541
541
|
const e = a, t = n, l = v(() => (e.items || []).map((r) => r === "|" ? r : {
|
|
@@ -550,20 +550,20 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
550
550
|
} : void 0
|
|
551
551
|
})), s = (r) => {
|
|
552
552
|
t("click", r);
|
|
553
|
-
},
|
|
553
|
+
}, u = (r, i) => {
|
|
554
554
|
t("command", r, i);
|
|
555
555
|
};
|
|
556
|
-
return (r, i) => (
|
|
556
|
+
return (r, i) => (c(), g(o(B), {
|
|
557
557
|
class: "x-action-bar",
|
|
558
558
|
align: "center"
|
|
559
559
|
}, {
|
|
560
560
|
default: f(() => [
|
|
561
|
-
(
|
|
562
|
-
p === "|" ? (
|
|
561
|
+
(c(!0), z(W, null, Z(l.value, (p) => (c(), z(W, null, [
|
|
562
|
+
p === "|" ? (c(), g(o(se), {
|
|
563
563
|
key: 0,
|
|
564
564
|
direction: "vertical",
|
|
565
565
|
class: "x-action-bar__divider"
|
|
566
|
-
})) : (
|
|
566
|
+
})) : (c(), g(o(te), A({
|
|
567
567
|
key: 1,
|
|
568
568
|
mode: e.mode,
|
|
569
569
|
size: e.size,
|
|
@@ -572,17 +572,17 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
572
572
|
background: e.background,
|
|
573
573
|
button: e.button,
|
|
574
574
|
dropdown: e.dropdown,
|
|
575
|
-
disabled: o(
|
|
575
|
+
disabled: o(Qe)(e.disabled, p).value
|
|
576
576
|
}, p, {
|
|
577
577
|
onClick: s,
|
|
578
|
-
onCommand: (d) =>
|
|
578
|
+
onCommand: (d) => u(p, d)
|
|
579
579
|
}), null, 16, ["mode", "size", "type", "circle", "background", "button", "dropdown", "disabled", "onCommand"]))
|
|
580
580
|
], 64))), 256))
|
|
581
581
|
]),
|
|
582
582
|
_: 1
|
|
583
583
|
}));
|
|
584
584
|
}
|
|
585
|
-
}),
|
|
585
|
+
}), uo = {
|
|
586
586
|
/**
|
|
587
587
|
* 组件渲染html标签
|
|
588
588
|
*/
|
|
@@ -698,10 +698,10 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
698
698
|
autoPointer: {
|
|
699
699
|
type: Boolean
|
|
700
700
|
}
|
|
701
|
-
},
|
|
701
|
+
}, B = /* @__PURE__ */ I({
|
|
702
702
|
name: "XContainer",
|
|
703
703
|
__name: "Container",
|
|
704
|
-
props:
|
|
704
|
+
props: uo,
|
|
705
705
|
setup(a) {
|
|
706
706
|
const n = a, e = We(), t = pe(), l = v(() => {
|
|
707
707
|
const r = t?.parent;
|
|
@@ -719,25 +719,25 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
719
719
|
[`is-align-${n.align}`]: n.flex && n.align !== "flex-start",
|
|
720
720
|
[`is-align-content-${n.alignContent}`]: n.flex && n.alignContent !== "stretch",
|
|
721
721
|
"is-grow": n.grow ?? l.value,
|
|
722
|
-
"is-shrink":
|
|
722
|
+
"is-shrink": n.shrink,
|
|
723
723
|
[`is-align-self-${n.alignSelf}`]: l.value && n.alignSelf !== "auto",
|
|
724
724
|
[`is-overflow-${n.overflow}`]: !!n.overflow,
|
|
725
725
|
"is-padding": !!n.padding,
|
|
726
726
|
"is-pointer": n.autoPointer && !!e.onClick,
|
|
727
727
|
"is-gap": !!n.gap
|
|
728
|
-
})),
|
|
728
|
+
})), u = v(() => {
|
|
729
729
|
const { width: r, height: i, fit: p } = n;
|
|
730
730
|
return p ? null : {
|
|
731
|
-
width: r ?
|
|
732
|
-
height: i ?
|
|
731
|
+
width: r ? Q(r) : void 0,
|
|
732
|
+
height: i ? Q(i) : void 0
|
|
733
733
|
};
|
|
734
734
|
});
|
|
735
|
-
return (r, i) => (
|
|
736
|
-
class:
|
|
737
|
-
style: fe(
|
|
735
|
+
return (r, i) => (c(), g(J(n.tag), {
|
|
736
|
+
class: Y(["x-container", s.value]),
|
|
737
|
+
style: fe(u.value)
|
|
738
738
|
}, {
|
|
739
739
|
default: f(() => [
|
|
740
|
-
|
|
740
|
+
S(r.$slots, "default")
|
|
741
741
|
]),
|
|
742
742
|
_: 3
|
|
743
743
|
}, 8, ["class", "style"]));
|
|
@@ -766,61 +766,61 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
766
766
|
}, fo = { class: "x-header__content" }, mo = {
|
|
767
767
|
key: 0,
|
|
768
768
|
class: "x-header__actions"
|
|
769
|
-
}, go = /* @__PURE__ */
|
|
769
|
+
}, go = /* @__PURE__ */ I({
|
|
770
770
|
name: "XHeader",
|
|
771
771
|
inheritAttrs: !1,
|
|
772
772
|
__name: "Header",
|
|
773
773
|
props: po,
|
|
774
774
|
setup(a) {
|
|
775
|
-
const n = a, e = ke(
|
|
775
|
+
const n = a, e = ke(Oe(n, "icon")), t = We(), l = v(() => ({
|
|
776
776
|
[`is-size-${n.size}`]: !!n.size && n.size !== "default",
|
|
777
777
|
"is-border": n.border,
|
|
778
778
|
"is-pointer": !!t.onClick
|
|
779
779
|
}));
|
|
780
|
-
return (s,
|
|
781
|
-
class:
|
|
780
|
+
return (s, u) => (c(), g(o(B), {
|
|
781
|
+
class: Y(["x-header", l.value]),
|
|
782
782
|
justify: "space-between",
|
|
783
783
|
align: "center"
|
|
784
784
|
}, {
|
|
785
785
|
default: f(() => [
|
|
786
|
-
k(o(
|
|
786
|
+
k(o(B), {
|
|
787
787
|
align: "center",
|
|
788
|
-
class:
|
|
788
|
+
class: Y(["x-header__wrapper", l.value]),
|
|
789
789
|
grow: "",
|
|
790
790
|
onClick: o(t).onClick
|
|
791
791
|
}, {
|
|
792
792
|
default: f(() => [
|
|
793
|
-
o(e) ? (
|
|
793
|
+
o(e) ? (c(), g(J(o(e)), {
|
|
794
794
|
key: 0,
|
|
795
795
|
class: "x-header__icon",
|
|
796
796
|
onClick: o(t).onClickIcon || o(t).onClick
|
|
797
|
-
}, null, 8, ["onClick"])) :
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
797
|
+
}, null, 8, ["onClick"])) : b("", !0),
|
|
798
|
+
F("span", fo, [
|
|
799
|
+
S(s.$slots, "default", {}, () => [
|
|
800
|
+
D(O(n.content), 1)
|
|
801
801
|
])
|
|
802
802
|
]),
|
|
803
|
-
n.more ? (
|
|
803
|
+
n.more ? (c(), g(o(de), {
|
|
804
804
|
key: 1,
|
|
805
805
|
class: "x-header__more",
|
|
806
|
-
icon: o(
|
|
807
|
-
}, null, 8, ["icon"])) :
|
|
808
|
-
n.subtitle || s.$slots.subtitle ? (
|
|
806
|
+
icon: o(bn)
|
|
807
|
+
}, null, 8, ["icon"])) : b("", !0),
|
|
808
|
+
n.subtitle || s.$slots.subtitle ? (c(), z("span", {
|
|
809
809
|
key: 2,
|
|
810
810
|
class: "x-header__subtitle",
|
|
811
|
-
onClick:
|
|
811
|
+
onClick: u[0] || (u[0] = //@ts-ignore
|
|
812
812
|
(...r) => o(t).onClick && o(t).onClick(...r))
|
|
813
813
|
}, [
|
|
814
|
-
|
|
815
|
-
|
|
814
|
+
S(s.$slots, "subtitle", {}, () => [
|
|
815
|
+
D(O(n.subtitle), 1)
|
|
816
816
|
])
|
|
817
|
-
])) :
|
|
817
|
+
])) : b("", !0)
|
|
818
818
|
]),
|
|
819
819
|
_: 3
|
|
820
820
|
}, 8, ["class", "onClick"]),
|
|
821
|
-
s.$slots.actions ? (
|
|
822
|
-
|
|
823
|
-
])) :
|
|
821
|
+
s.$slots.actions ? (c(), z("div", mo, [
|
|
822
|
+
S(s.$slots, "actions")
|
|
823
|
+
])) : b("", !0)
|
|
824
824
|
]),
|
|
825
825
|
_: 3
|
|
826
826
|
}, 8, ["class"]));
|
|
@@ -889,12 +889,12 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
889
889
|
footer: {
|
|
890
890
|
type: Object
|
|
891
891
|
}
|
|
892
|
-
},
|
|
892
|
+
}, Ie = /* @__PURE__ */ I({
|
|
893
893
|
name: "XPanel",
|
|
894
894
|
__name: "Panel",
|
|
895
895
|
props: yo,
|
|
896
896
|
setup(a, { expose: n }) {
|
|
897
|
-
const e = a, t =
|
|
897
|
+
const e = a, t = j(), l = v(() => ({
|
|
898
898
|
"x-panel--card": !!e.card,
|
|
899
899
|
"x-panel--default": !e.card,
|
|
900
900
|
[`is-${e.size}`]: !!e.size && e.size !== "default",
|
|
@@ -907,68 +907,68 @@ const io = { key: 0 }, ro = /* @__PURE__ */ V({
|
|
|
907
907
|
} : {
|
|
908
908
|
...e.header,
|
|
909
909
|
size: e.size
|
|
910
|
-
}),
|
|
910
|
+
}), u = v(() => e.fit || e.height ? "auto" : void 0);
|
|
911
911
|
return n({
|
|
912
912
|
bodyRef: t
|
|
913
|
-
}), (r, i) => (
|
|
914
|
-
class:
|
|
913
|
+
}), (r, i) => (c(), g(o(B), {
|
|
914
|
+
class: Y(["x-panel", l.value]),
|
|
915
915
|
direction: "column",
|
|
916
916
|
fit: e.fit,
|
|
917
917
|
width: e.width,
|
|
918
918
|
height: e.height
|
|
919
919
|
}, {
|
|
920
920
|
default: f(() => [
|
|
921
|
-
s.value ? (
|
|
921
|
+
s.value ? (c(), g(o(B), {
|
|
922
922
|
key: 0,
|
|
923
923
|
flex: !1,
|
|
924
924
|
class: "x-panel__header"
|
|
925
925
|
}, {
|
|
926
926
|
default: f(() => [
|
|
927
|
-
|
|
928
|
-
k(o(go), le(
|
|
927
|
+
S(r.$slots, "header", {}, () => [
|
|
928
|
+
k(o(go), le(he(s.value)), {
|
|
929
929
|
default: f(() => [
|
|
930
|
-
|
|
930
|
+
S(r.$slots, "title")
|
|
931
931
|
]),
|
|
932
932
|
actions: f(() => [
|
|
933
|
-
|
|
933
|
+
S(r.$slots, "actions")
|
|
934
934
|
]),
|
|
935
935
|
_: 3
|
|
936
936
|
}, 16)
|
|
937
937
|
])
|
|
938
938
|
]),
|
|
939
939
|
_: 3
|
|
940
|
-
})) :
|
|
941
|
-
k(o(
|
|
940
|
+
})) : b("", !0),
|
|
941
|
+
k(o(B), A({
|
|
942
942
|
ref_key: "bodyRef",
|
|
943
943
|
ref: t,
|
|
944
944
|
flex: !1,
|
|
945
|
-
overflow:
|
|
945
|
+
overflow: u.value,
|
|
946
946
|
grow: "",
|
|
947
947
|
padding: "",
|
|
948
948
|
class: "x-panel__body"
|
|
949
949
|
}, e.body), {
|
|
950
950
|
default: f(() => [
|
|
951
|
-
|
|
951
|
+
S(r.$slots, "default")
|
|
952
952
|
]),
|
|
953
953
|
_: 3
|
|
954
954
|
}, 16, ["overflow"]),
|
|
955
|
-
r.$slots.footer ? (
|
|
955
|
+
r.$slots.footer ? (c(), g(o(B), A({
|
|
956
956
|
key: 1,
|
|
957
957
|
flex: !1,
|
|
958
958
|
padding: "",
|
|
959
959
|
class: "x-panel__footer"
|
|
960
960
|
}, e.footer), {
|
|
961
961
|
default: f(() => [
|
|
962
|
-
|
|
962
|
+
S(r.$slots, "footer")
|
|
963
963
|
]),
|
|
964
964
|
_: 3
|
|
965
|
-
}, 16)) :
|
|
965
|
+
}, 16)) : b("", !0)
|
|
966
966
|
]),
|
|
967
967
|
_: 3
|
|
968
968
|
}, 8, ["class", "fit", "width", "height"]));
|
|
969
969
|
}
|
|
970
|
-
}),
|
|
971
|
-
class
|
|
970
|
+
}), ct = "user-select-none";
|
|
971
|
+
class ut {
|
|
972
972
|
constructor(n, e = {}) {
|
|
973
973
|
this.el = n, this.options = e, this.scope = ft(), this.scope.run(() => {
|
|
974
974
|
this.init();
|
|
@@ -985,38 +985,38 @@ class ct {
|
|
|
985
985
|
return typeof n == "string" ? document.querySelector(n) : o(n) || document.body;
|
|
986
986
|
}
|
|
987
987
|
init() {
|
|
988
|
-
const { el: n, options: e } = this, { disabled: t, delay: l = 150, onStart: s, onEnd:
|
|
988
|
+
const { el: n, options: e } = this, { disabled: t, delay: l = 150, onStart: s, onEnd: u } = e;
|
|
989
989
|
if (t)
|
|
990
990
|
return;
|
|
991
991
|
let r = null;
|
|
992
992
|
const i = this.getHandle(), p = this.getTarget();
|
|
993
993
|
let d = n.getBoundingClientRect(), m = null;
|
|
994
|
-
const { x:
|
|
994
|
+
const { x: h, y: _ } = On(n, {
|
|
995
995
|
initialValue: { x: d.x, y: d.y },
|
|
996
996
|
...e,
|
|
997
997
|
handle: i,
|
|
998
|
-
onStart: (y,
|
|
999
|
-
document.body.classList.add(
|
|
1000
|
-
this.dragging = !0, d = n.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(y,
|
|
998
|
+
onStart: (y, $) => {
|
|
999
|
+
document.body.classList.add(ct), clearTimeout(r), r = setTimeout(() => {
|
|
1000
|
+
this.dragging = !0, d = n.getBoundingClientRect(), m = p?.getBoundingClientRect(), s && s(y, $);
|
|
1001
1001
|
}, l);
|
|
1002
1002
|
},
|
|
1003
|
-
onEnd: (y,
|
|
1004
|
-
if (clearTimeout(r), document.body.classList.remove(
|
|
1003
|
+
onEnd: (y, $) => {
|
|
1004
|
+
if (clearTimeout(r), document.body.classList.remove(ct), this.dragging && m) {
|
|
1005
1005
|
this.dragging = !1;
|
|
1006
|
-
const { x: w, y:
|
|
1007
|
-
|
|
1006
|
+
const { x: w, y: E } = y, P = this.getPosition(m, d, w, E);
|
|
1007
|
+
u && u(P, $), m = null;
|
|
1008
1008
|
}
|
|
1009
1009
|
}
|
|
1010
1010
|
});
|
|
1011
|
-
|
|
1011
|
+
K([h, _], () => {
|
|
1012
1012
|
if (this.dragging && m) {
|
|
1013
|
-
const y = this.getPosition(m, d,
|
|
1013
|
+
const y = this.getPosition(m, d, h.value, _.value);
|
|
1014
1014
|
n.style.left = `${y.x}px`, n.style.top = `${y.y}px`;
|
|
1015
1015
|
}
|
|
1016
1016
|
});
|
|
1017
1017
|
}
|
|
1018
1018
|
getPosition(n, e, t, l) {
|
|
1019
|
-
const { edge: s = 50 } = this.options,
|
|
1019
|
+
const { edge: s = 50 } = this.options, u = -e.width + s, r = n.width - s, i = 0, p = n.height - s, d = Math.min(r, Math.max(t, u)), m = Math.min(p, Math.max(l, i));
|
|
1020
1020
|
return {
|
|
1021
1021
|
x: d,
|
|
1022
1022
|
y: m
|
|
@@ -1028,19 +1028,19 @@ class ct {
|
|
|
1028
1028
|
}
|
|
1029
1029
|
const vo = {
|
|
1030
1030
|
mounted(a, n) {
|
|
1031
|
-
const e = n.value || {}, t = new
|
|
1031
|
+
const e = n.value || {}, t = new ut(a, e);
|
|
1032
1032
|
a.__draggable__ = t;
|
|
1033
1033
|
},
|
|
1034
1034
|
updated(a, n) {
|
|
1035
1035
|
const e = n.value || {};
|
|
1036
1036
|
let t = a.__draggable__;
|
|
1037
|
-
t && !
|
|
1037
|
+
t && !qe(t.options, e) && (t.destory(), a.__draggable__ = new ut(a, e));
|
|
1038
1038
|
},
|
|
1039
1039
|
unmounted(a) {
|
|
1040
1040
|
const n = a.__draggable__;
|
|
1041
1041
|
n && (n.destory(), a.__draggable__ = null);
|
|
1042
1042
|
}
|
|
1043
|
-
},
|
|
1043
|
+
}, Le = "user-select-none";
|
|
1044
1044
|
class dt {
|
|
1045
1045
|
constructor(n, e = {}) {
|
|
1046
1046
|
this.el = n, this.options = e, this.scope = ft(), this.scope.run(() => {
|
|
@@ -1048,8 +1048,8 @@ class dt {
|
|
|
1048
1048
|
});
|
|
1049
1049
|
}
|
|
1050
1050
|
scope;
|
|
1051
|
-
resizing =
|
|
1052
|
-
direction =
|
|
1051
|
+
resizing = j(!1);
|
|
1052
|
+
direction = j("");
|
|
1053
1053
|
MIE = null;
|
|
1054
1054
|
cleanMousedown;
|
|
1055
1055
|
cleanMouseup;
|
|
@@ -1057,55 +1057,55 @@ class dt {
|
|
|
1057
1057
|
const { el: n, options: e } = this, { disabled: t, onStart: l, onEnd: s } = e;
|
|
1058
1058
|
if (t)
|
|
1059
1059
|
return;
|
|
1060
|
-
this.MIE =
|
|
1060
|
+
this.MIE = jn(n), this.cleanMousedown = je(document, "mousedown", () => {
|
|
1061
1061
|
this.direction?.value && this.MIE && (this.resizing.value = !0, n.classList.add("is-resizing", `is-${this.direction.value}-resizing`), l && l(this.direction.value, this.MIE));
|
|
1062
|
-
}), this.cleanMouseup =
|
|
1062
|
+
}), this.cleanMouseup = je(document, "mouseup", () => {
|
|
1063
1063
|
this.resizing.value && this.direction?.value && this.MIE && (n.classList.remove(
|
|
1064
1064
|
"is-resizing",
|
|
1065
1065
|
`is-${this.direction.value}-resizing`
|
|
1066
1066
|
), s && s(this.direction.value, this.MIE)), this.resizing.value = !1;
|
|
1067
|
-
}),
|
|
1067
|
+
}), K(this.direction, (i) => {
|
|
1068
1068
|
const p = document.body;
|
|
1069
|
-
p.style.cursor = i ? `${i}-resize` : "", i ? p.classList.add(
|
|
1069
|
+
p.style.cursor = i ? `${i}-resize` : "", i ? p.classList.add(Le) : p.classList.remove(Le);
|
|
1070
1070
|
});
|
|
1071
|
-
const { x:
|
|
1072
|
-
|
|
1071
|
+
const { x: u, y: r } = this.MIE;
|
|
1072
|
+
K([u, r], () => {
|
|
1073
1073
|
this.resizing.value ? this.resize() : this.direction.value = this.getDirection();
|
|
1074
1074
|
});
|
|
1075
1075
|
}
|
|
1076
1076
|
resize() {
|
|
1077
|
-
const { MIE: n, direction: e, resizing: t, options: l, el: s } = this,
|
|
1078
|
-
if (!n || !t.value || !
|
|
1077
|
+
const { MIE: n, direction: e, resizing: t, options: l, el: s } = this, u = e?.value || "";
|
|
1078
|
+
if (!n || !t.value || !u)
|
|
1079
1079
|
return;
|
|
1080
|
-
const { x: r, y: i, elementX: p, elementY: d, elementHeight: m, elementWidth:
|
|
1080
|
+
const { x: r, y: i, elementX: p, elementY: d, elementHeight: m, elementWidth: h } = n, { onResizing: _ } = l, {
|
|
1081
1081
|
minWidth: y = 0,
|
|
1082
|
-
minHeight:
|
|
1082
|
+
minHeight: $ = 0,
|
|
1083
1083
|
maxWidth: w = 99999,
|
|
1084
|
-
maxHeight:
|
|
1084
|
+
maxHeight: E = 99999
|
|
1085
1085
|
} = l;
|
|
1086
|
-
if (
|
|
1087
|
-
const
|
|
1088
|
-
s.style.width = `${
|
|
1086
|
+
if (u.includes("e")) {
|
|
1087
|
+
const P = Math.min(Math.max(p.value, y), w);
|
|
1088
|
+
s.style.width = `${P}px`;
|
|
1089
1089
|
}
|
|
1090
|
-
if (
|
|
1091
|
-
const
|
|
1092
|
-
s.style.height = `${
|
|
1090
|
+
if (u.includes("s")) {
|
|
1091
|
+
const P = Math.min(Math.max(d.value, $), E);
|
|
1092
|
+
s.style.height = `${P}px`;
|
|
1093
1093
|
}
|
|
1094
|
-
if (
|
|
1095
|
-
const
|
|
1096
|
-
Math.max(
|
|
1094
|
+
if (u.includes("w")) {
|
|
1095
|
+
const P = Math.min(
|
|
1096
|
+
Math.max(h.value - p.value, y),
|
|
1097
1097
|
w
|
|
1098
1098
|
);
|
|
1099
|
-
s.style.width = `${
|
|
1099
|
+
s.style.width = `${P}px`, s.style.left = `${r.value}px`;
|
|
1100
1100
|
}
|
|
1101
|
-
if (
|
|
1102
|
-
const
|
|
1103
|
-
Math.max(m.value - d.value,
|
|
1104
|
-
|
|
1101
|
+
if (u.includes("n")) {
|
|
1102
|
+
const P = Math.min(
|
|
1103
|
+
Math.max(m.value - d.value, $),
|
|
1104
|
+
E
|
|
1105
1105
|
);
|
|
1106
|
-
this.el.style.height = `${
|
|
1106
|
+
this.el.style.height = `${P}px`, this.el.style.top = `${i.value}px`;
|
|
1107
1107
|
}
|
|
1108
|
-
_ && _(
|
|
1108
|
+
_ && _(u, n);
|
|
1109
1109
|
}
|
|
1110
1110
|
getDirection() {
|
|
1111
1111
|
if (!this.MIE)
|
|
@@ -1113,16 +1113,16 @@ class dt {
|
|
|
1113
1113
|
const { elementX: n, elementY: e, elementHeight: t, elementWidth: l, isOutside: s } = this.MIE;
|
|
1114
1114
|
if (s.value)
|
|
1115
1115
|
return "";
|
|
1116
|
-
const { dirs:
|
|
1116
|
+
const { dirs: u = ["n", "s", "w", "e"], edge: r = 5 } = this.options;
|
|
1117
1117
|
let i = "";
|
|
1118
|
-
return
|
|
1118
|
+
return u.includes("n") && e.value <= r ? i += "n" : u.includes("s") && e.value > t.value - r && (i += "s"), u.includes("w") && n.value <= r ? i += "w" : u.includes("e") && n.value > l.value - r && (i += "e"), i;
|
|
1119
1119
|
}
|
|
1120
1120
|
destory() {
|
|
1121
1121
|
const n = document.body;
|
|
1122
|
-
n.style.cursor = "", n.classList.remove(
|
|
1122
|
+
n.style.cursor = "", n.classList.remove(Le), this.cleanMousedown && this.cleanMousedown(), this.cleanMouseup && this.cleanMouseup(), this.MIE?.stop(), this.scope.stop();
|
|
1123
1123
|
}
|
|
1124
1124
|
}
|
|
1125
|
-
const
|
|
1125
|
+
const Vt = {
|
|
1126
1126
|
mounted(a, n) {
|
|
1127
1127
|
const e = n.value || {}, t = new dt(a, e);
|
|
1128
1128
|
a.__resizable__ = t;
|
|
@@ -1130,13 +1130,13 @@ const Pt = {
|
|
|
1130
1130
|
updated(a, n) {
|
|
1131
1131
|
const e = n.value || {};
|
|
1132
1132
|
let t = a.__resizable__;
|
|
1133
|
-
t && !
|
|
1133
|
+
t && !qe(t.options, e) && (t.destory(), a.__resizable__ = new dt(a, e));
|
|
1134
1134
|
},
|
|
1135
1135
|
unmounted(a) {
|
|
1136
1136
|
const n = a.__resizable__;
|
|
1137
1137
|
n && (n.destory(), a.__resizable__ = null);
|
|
1138
1138
|
}
|
|
1139
|
-
},
|
|
1139
|
+
}, bo = {
|
|
1140
1140
|
modelValue: {
|
|
1141
1141
|
type: Boolean,
|
|
1142
1142
|
default: !0
|
|
@@ -1221,9 +1221,9 @@ const Pt = {
|
|
|
1221
1221
|
type: Boolean
|
|
1222
1222
|
}
|
|
1223
1223
|
};
|
|
1224
|
-
let
|
|
1225
|
-
function
|
|
1226
|
-
const { width: e, height: t } =
|
|
1224
|
+
let be = 1e3;
|
|
1225
|
+
function ho(a, n) {
|
|
1226
|
+
const { width: e, height: t } = zt(n), l = Re({
|
|
1227
1227
|
mode: a.mode || "normal",
|
|
1228
1228
|
wrapperWidth: 0,
|
|
1229
1229
|
wrapperHeight: 0,
|
|
@@ -1231,14 +1231,14 @@ function bo(a, n) {
|
|
|
1231
1231
|
height: 0,
|
|
1232
1232
|
top: 0,
|
|
1233
1233
|
left: 0,
|
|
1234
|
-
zIndex: ++
|
|
1234
|
+
zIndex: ++be,
|
|
1235
1235
|
dragging: !1,
|
|
1236
1236
|
resizing: !1
|
|
1237
1237
|
});
|
|
1238
|
-
return
|
|
1239
|
-
l.wrapperWidth = s, l.wrapperHeight =
|
|
1240
|
-
}),
|
|
1241
|
-
|
|
1238
|
+
return K([e, t], ([s, u]) => {
|
|
1239
|
+
l.wrapperWidth = s, l.wrapperHeight = u, l.width = Me(a.width, s), l.height = Me(a.height, u), l.left = a.left ? Me(a.left, s) - l.width / 2 : Math.max(Math.floor((s - l.width) / 2), 0), l.top = a.top ? Me(a.top, u) : Math.max(Math.floor((u - l.height) / 2), 0);
|
|
1240
|
+
}), K(l, (s) => {
|
|
1241
|
+
be = Math.max(s.zIndex, be);
|
|
1242
1242
|
}), {
|
|
1243
1243
|
state: l,
|
|
1244
1244
|
normal: v(() => l.mode === "normal"),
|
|
@@ -1248,9 +1248,9 @@ function bo(a, n) {
|
|
|
1248
1248
|
}
|
|
1249
1249
|
function _o(a, n) {
|
|
1250
1250
|
const e = v(() => {
|
|
1251
|
-
const { width:
|
|
1251
|
+
const { width: u, height: r, top: i, left: p, zIndex: d } = n;
|
|
1252
1252
|
return {
|
|
1253
|
-
width: `${
|
|
1253
|
+
width: `${u}px`,
|
|
1254
1254
|
height: `${r}px`,
|
|
1255
1255
|
top: `${i}px`,
|
|
1256
1256
|
left: `${p}px`,
|
|
@@ -1290,7 +1290,7 @@ function ko(a, n, e) {
|
|
|
1290
1290
|
const m = d.target.nodeName || "";
|
|
1291
1291
|
["INPUT", "TEXTAREA", "RADIO", "CHECKBOX"].includes(
|
|
1292
1292
|
m.toUpperCase()
|
|
1293
|
-
) || (n.zIndex = Math.max(n.zIndex, ++
|
|
1293
|
+
) || (n.zIndex = Math.max(n.zIndex, ++be));
|
|
1294
1294
|
},
|
|
1295
1295
|
submit: () => e("submit"),
|
|
1296
1296
|
cancel: () => {
|
|
@@ -1307,7 +1307,7 @@ function wo(a, n, e, t) {
|
|
|
1307
1307
|
target: t,
|
|
1308
1308
|
selector: ".x-panel__header",
|
|
1309
1309
|
onStart(s) {
|
|
1310
|
-
n.dragging = !0, n.zIndex = Math.max(n.zIndex, ++
|
|
1310
|
+
n.dragging = !0, n.zIndex = Math.max(n.zIndex, ++be), e("dragStart", s);
|
|
1311
1311
|
},
|
|
1312
1312
|
onMove(s) {
|
|
1313
1313
|
e("dragging", s);
|
|
@@ -1315,8 +1315,8 @@ function wo(a, n, e, t) {
|
|
|
1315
1315
|
onEnd(s) {
|
|
1316
1316
|
if (n.mode === "maximized")
|
|
1317
1317
|
return;
|
|
1318
|
-
const { x:
|
|
1319
|
-
n.left =
|
|
1318
|
+
const { x: u, y: r } = s;
|
|
1319
|
+
n.left = u, n.top = r, n.dragging = !1, e("dragEnd", s);
|
|
1320
1320
|
}
|
|
1321
1321
|
};
|
|
1322
1322
|
});
|
|
@@ -1331,7 +1331,7 @@ function xo(a, n, e) {
|
|
|
1331
1331
|
disabled: t,
|
|
1332
1332
|
dirs: ["e", "s", "w"],
|
|
1333
1333
|
onStart(l, s) {
|
|
1334
|
-
n.resizing = !0, n.zIndex = Math.max(n.zIndex, ++
|
|
1334
|
+
n.resizing = !0, n.zIndex = Math.max(n.zIndex, ++be), e("resizeStart", l, s);
|
|
1335
1335
|
},
|
|
1336
1336
|
onResizing(l, s) {
|
|
1337
1337
|
e("resizing", l, s);
|
|
@@ -1342,7 +1342,7 @@ function xo(a, n, e) {
|
|
|
1342
1342
|
};
|
|
1343
1343
|
});
|
|
1344
1344
|
}
|
|
1345
|
-
function
|
|
1345
|
+
function $o(a, n) {
|
|
1346
1346
|
const e = a.componentInstance;
|
|
1347
1347
|
if (!e)
|
|
1348
1348
|
return;
|
|
@@ -1356,18 +1356,18 @@ function So(a, n) {
|
|
|
1356
1356
|
componentInstance: e
|
|
1357
1357
|
};
|
|
1358
1358
|
}
|
|
1359
|
-
const
|
|
1359
|
+
const So = ["src"], Ot = /* @__PURE__ */ I({
|
|
1360
1360
|
name: "XDialog",
|
|
1361
1361
|
__name: "Dialog",
|
|
1362
|
-
props:
|
|
1362
|
+
props: bo,
|
|
1363
1363
|
emits: ["update:modelValue", "open", "close", "destroy", "maximized", "minimized", "normal", "modeChange", "dragStart", "dragging", "dragEnd", "resizeStart", "resizeEnd", "resizing", "submit", "cancel"],
|
|
1364
1364
|
setup(a, { expose: n, emit: e }) {
|
|
1365
|
-
const t = a, l = e, s = pe(),
|
|
1365
|
+
const t = a, l = e, s = pe(), u = j(), r = j(), { state: i, maximized: p, minimized: d, normal: m } = ho(t, u), { styles: h, classes: _, wrapperClass: y, modalStyle: $ } = _o(t, i), { changeMode: w, active: E, close: P, show: C, hide: V, submit: M, cancel: N } = ko(
|
|
1366
1366
|
t,
|
|
1367
1367
|
i,
|
|
1368
1368
|
l
|
|
1369
|
-
), x = wo(t, i, l,
|
|
1370
|
-
|
|
1369
|
+
), x = wo(t, i, l, u), U = xo(t, i, l), H = $o(t, r);
|
|
1370
|
+
Ye(async () => {
|
|
1371
1371
|
t.modelValue && (await ve(), s && l("open", s));
|
|
1372
1372
|
});
|
|
1373
1373
|
const re = v(() => r.value?.$el);
|
|
@@ -1378,26 +1378,27 @@ const Co = ["src"], At = /* @__PURE__ */ V({
|
|
|
1378
1378
|
maximized: p,
|
|
1379
1379
|
minimized: d,
|
|
1380
1380
|
changeMode: w,
|
|
1381
|
-
show:
|
|
1382
|
-
hide:
|
|
1383
|
-
submit:
|
|
1381
|
+
show: C,
|
|
1382
|
+
hide: V,
|
|
1383
|
+
submit: M,
|
|
1384
1384
|
cancel: N,
|
|
1385
|
-
|
|
1386
|
-
|
|
1385
|
+
close: P,
|
|
1386
|
+
componentInstance: H
|
|
1387
|
+
}), (q, ee) => t.modelValue ? (c(), g(yt, {
|
|
1387
1388
|
key: 0,
|
|
1388
1389
|
to: "body"
|
|
1389
1390
|
}, [
|
|
1390
|
-
|
|
1391
|
+
F("div", {
|
|
1391
1392
|
ref_key: "wrapper",
|
|
1392
|
-
ref:
|
|
1393
|
-
class:
|
|
1393
|
+
ref: u,
|
|
1394
|
+
class: Y(["x-dialog__wrapper", o(y)])
|
|
1394
1395
|
}, [
|
|
1395
|
-
t.modal ? (
|
|
1396
|
+
t.modal ? (c(), z("div", {
|
|
1396
1397
|
key: 0,
|
|
1397
1398
|
class: "x-dialog__modal",
|
|
1398
|
-
style: fe(o(
|
|
1399
|
-
}, null, 4)) :
|
|
1400
|
-
G((
|
|
1399
|
+
style: fe(o($))
|
|
1400
|
+
}, null, 4)) : b("", !0),
|
|
1401
|
+
G((c(), g(o(Ie), A({
|
|
1401
1402
|
ref_key: "panelRef",
|
|
1402
1403
|
ref: r,
|
|
1403
1404
|
class: ["x-dialog", o(_)],
|
|
@@ -1407,101 +1408,101 @@ const Co = ["src"], At = /* @__PURE__ */ V({
|
|
|
1407
1408
|
width: "800px",
|
|
1408
1409
|
height: "600px",
|
|
1409
1410
|
footer: { justify: "space-between", flex: !0, align: "center" },
|
|
1410
|
-
style: o(
|
|
1411
|
+
style: o(h),
|
|
1411
1412
|
size: t.size,
|
|
1412
1413
|
body: { padding: t.bodyPadding },
|
|
1413
|
-
onClick: o(
|
|
1414
|
-
},
|
|
1414
|
+
onClick: o(E)
|
|
1415
|
+
}, q.$attrs), ue({
|
|
1415
1416
|
title: f(() => [
|
|
1416
|
-
|
|
1417
|
+
D(O(t.title), 1)
|
|
1417
1418
|
]),
|
|
1418
1419
|
actions: f(() => [
|
|
1419
|
-
|
|
1420
|
-
t.minimizable ? (
|
|
1420
|
+
S(q.$slots, "actions"),
|
|
1421
|
+
t.minimizable ? (c(), g(o(te), {
|
|
1421
1422
|
key: 0,
|
|
1422
|
-
icon: o(
|
|
1423
|
+
icon: o(hn),
|
|
1423
1424
|
size: t.size,
|
|
1424
1425
|
mode: "icon",
|
|
1425
1426
|
type: "primary",
|
|
1426
1427
|
background: "hover",
|
|
1427
|
-
onClick: ee[0] || (ee[0] = (
|
|
1428
|
-
}, null, 8, ["icon", "size"])) :
|
|
1429
|
-
t.maximizable ? (
|
|
1430
|
-
o(m) ? (
|
|
1428
|
+
onClick: ee[0] || (ee[0] = (ce) => o(w)("minimized"))
|
|
1429
|
+
}, null, 8, ["icon", "size"])) : b("", !0),
|
|
1430
|
+
t.maximizable ? (c(), z(W, { key: 1 }, [
|
|
1431
|
+
o(m) ? (c(), g(o(te), {
|
|
1431
1432
|
key: 1,
|
|
1432
1433
|
icon: o(kn),
|
|
1433
1434
|
size: t.size,
|
|
1434
1435
|
mode: "icon",
|
|
1435
1436
|
type: "primary",
|
|
1436
1437
|
background: "hover",
|
|
1437
|
-
onClick: ee[2] || (ee[2] = (
|
|
1438
|
-
}, null, 8, ["icon", "size"])) : (
|
|
1438
|
+
onClick: ee[2] || (ee[2] = (ce) => o(w)("maximized"))
|
|
1439
|
+
}, null, 8, ["icon", "size"])) : (c(), g(o(te), {
|
|
1439
1440
|
key: 0,
|
|
1440
1441
|
icon: o(_n),
|
|
1441
1442
|
size: t.size,
|
|
1442
1443
|
mode: "icon",
|
|
1443
1444
|
type: "primary",
|
|
1444
1445
|
background: "hover",
|
|
1445
|
-
onClick: ee[1] || (ee[1] = (
|
|
1446
|
+
onClick: ee[1] || (ee[1] = (ce) => o(w)("normal"))
|
|
1446
1447
|
}, null, 8, ["icon", "size"]))
|
|
1447
|
-
], 64)) :
|
|
1448
|
-
t.closable ? (
|
|
1448
|
+
], 64)) : b("", !0),
|
|
1449
|
+
t.closable ? (c(), g(o(te), {
|
|
1449
1450
|
key: 2,
|
|
1450
1451
|
icon: o(wn),
|
|
1451
1452
|
size: t.size,
|
|
1452
1453
|
mode: "icon",
|
|
1453
1454
|
type: "danger",
|
|
1454
1455
|
background: "hover",
|
|
1455
|
-
onClick: o(
|
|
1456
|
-
}, null, 8, ["icon", "size", "onClick"])) :
|
|
1456
|
+
onClick: o(P)
|
|
1457
|
+
}, null, 8, ["icon", "size", "onClick"])) : b("", !0)
|
|
1457
1458
|
]),
|
|
1458
1459
|
default: f(() => [
|
|
1459
|
-
|
|
1460
|
-
t.content ? (
|
|
1461
|
-
t.src ? (
|
|
1460
|
+
S(q.$slots, "default", {}, () => [
|
|
1461
|
+
t.content ? (c(), g(J(t.content), { key: 0 })) : b("", !0),
|
|
1462
|
+
t.src ? (c(), z("iframe", {
|
|
1462
1463
|
key: 1,
|
|
1463
1464
|
src: t.src,
|
|
1464
1465
|
class: "x-dialog__frame"
|
|
1465
|
-
}, null, 8,
|
|
1466
|
+
}, null, 8, So)) : b("", !0)
|
|
1466
1467
|
])
|
|
1467
1468
|
]),
|
|
1468
1469
|
_: 2
|
|
1469
1470
|
}, [
|
|
1470
|
-
t.cancel || t.submit ||
|
|
1471
|
+
t.cancel || t.submit || q.$slots.footer || q.$slots.extra || q.$slots.handle ? {
|
|
1471
1472
|
name: "footer",
|
|
1472
1473
|
fn: f(() => [
|
|
1473
|
-
|
|
1474
|
-
k(o(
|
|
1474
|
+
S(q.$slots, "footer", {}, () => [
|
|
1475
|
+
k(o(B), { align: "center" }, {
|
|
1475
1476
|
default: f(() => [
|
|
1476
|
-
|
|
1477
|
+
S(q.$slots, "extra")
|
|
1477
1478
|
]),
|
|
1478
1479
|
_: 3
|
|
1479
1480
|
}),
|
|
1480
|
-
k(o(
|
|
1481
|
+
k(o(B), { align: "center" }, {
|
|
1481
1482
|
default: f(() => [
|
|
1482
|
-
|
|
1483
|
-
t.cancel ? (
|
|
1483
|
+
S(q.$slots, "handle"),
|
|
1484
|
+
t.cancel ? (c(), g(o(ie), {
|
|
1484
1485
|
key: 0,
|
|
1485
1486
|
type: "default",
|
|
1486
1487
|
size: t.size,
|
|
1487
1488
|
onClick: o(N)
|
|
1488
1489
|
}, {
|
|
1489
1490
|
default: f(() => [
|
|
1490
|
-
|
|
1491
|
+
D(O(typeof t.cancel == "string" ? t.cancel : "取消"), 1)
|
|
1491
1492
|
]),
|
|
1492
1493
|
_: 1
|
|
1493
|
-
}, 8, ["size", "onClick"])) :
|
|
1494
|
-
t.submit ? (
|
|
1494
|
+
}, 8, ["size", "onClick"])) : b("", !0),
|
|
1495
|
+
t.submit ? (c(), g(o(ie), {
|
|
1495
1496
|
key: 1,
|
|
1496
1497
|
type: "primary",
|
|
1497
1498
|
size: t.size,
|
|
1498
|
-
onClick: o(
|
|
1499
|
+
onClick: o(M)
|
|
1499
1500
|
}, {
|
|
1500
1501
|
default: f(() => [
|
|
1501
|
-
|
|
1502
|
+
D(O(typeof t.submit == "string" ? t.submit : "确定"), 1)
|
|
1502
1503
|
]),
|
|
1503
1504
|
_: 1
|
|
1504
|
-
}, 8, ["size", "onClick"])) :
|
|
1505
|
+
}, 8, ["size", "onClick"])) : b("", !0)
|
|
1505
1506
|
]),
|
|
1506
1507
|
_: 3
|
|
1507
1508
|
})
|
|
@@ -1511,14 +1512,14 @@ const Co = ["src"], At = /* @__PURE__ */ V({
|
|
|
1511
1512
|
} : void 0
|
|
1512
1513
|
]), 1040, ["header", "class", "style", "size", "body", "onClick"])), [
|
|
1513
1514
|
[o(vo), o(x)],
|
|
1514
|
-
[o(
|
|
1515
|
+
[o(Vt), o(U)]
|
|
1515
1516
|
])
|
|
1516
1517
|
], 2)
|
|
1517
|
-
])) :
|
|
1518
|
+
])) : b("", !0);
|
|
1518
1519
|
}
|
|
1519
1520
|
});
|
|
1520
1521
|
function tt(a, n) {
|
|
1521
|
-
const e = document.createElement("div"), t = k(
|
|
1522
|
+
const e = document.createElement("div"), t = k(Ot, a);
|
|
1522
1523
|
t.appContext = n ?? tt._context, nt(t, e);
|
|
1523
1524
|
const l = () => {
|
|
1524
1525
|
nt(null, e), e.parentNode?.removeChild(e);
|
|
@@ -1530,22 +1531,22 @@ function tt(a, n) {
|
|
|
1530
1531
|
destroy: l
|
|
1531
1532
|
};
|
|
1532
1533
|
}
|
|
1533
|
-
const
|
|
1534
|
+
const Co = /* @__PURE__ */ F("div", { class: "x-mask-sidebar__helper" }, null, -1), zo = /* @__PURE__ */ I({
|
|
1534
1535
|
__name: "Sidebar",
|
|
1535
1536
|
props: {
|
|
1536
1537
|
collapsed: { type: Boolean }
|
|
1537
1538
|
},
|
|
1538
1539
|
setup(a) {
|
|
1539
1540
|
const n = a;
|
|
1540
|
-
return (e, t) => G((
|
|
1541
|
-
class:
|
|
1541
|
+
return (e, t) => G((c(), g(o(B), {
|
|
1542
|
+
class: Y(["x-mask-sidebar", { "is-collapsed": n.collapsed }]),
|
|
1542
1543
|
grow: !1,
|
|
1543
1544
|
flex: "",
|
|
1544
1545
|
direction: "column"
|
|
1545
1546
|
}, {
|
|
1546
1547
|
default: f(() => [
|
|
1547
|
-
|
|
1548
|
-
k(o(
|
|
1548
|
+
S(e.$slots, "brand"),
|
|
1549
|
+
k(o(B), {
|
|
1549
1550
|
class: "x-mask-sidebar__wrapper",
|
|
1550
1551
|
flex: "",
|
|
1551
1552
|
grow: "",
|
|
@@ -1554,15 +1555,15 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1554
1555
|
align: "center"
|
|
1555
1556
|
}, {
|
|
1556
1557
|
default: f(() => [
|
|
1557
|
-
|
|
1558
|
-
|
|
1558
|
+
S(e.$slots, "default"),
|
|
1559
|
+
Co
|
|
1559
1560
|
]),
|
|
1560
1561
|
_: 3
|
|
1561
1562
|
})
|
|
1562
1563
|
]),
|
|
1563
1564
|
_: 3
|
|
1564
1565
|
}, 8, ["class"])), [
|
|
1565
|
-
[o(
|
|
1566
|
+
[o(Vt), {
|
|
1566
1567
|
dirs: ["e"],
|
|
1567
1568
|
disabled: n.collapsed,
|
|
1568
1569
|
maxWidth: 500,
|
|
@@ -1570,7 +1571,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1570
1571
|
}]
|
|
1571
1572
|
]);
|
|
1572
1573
|
}
|
|
1573
|
-
}),
|
|
1574
|
+
}), Mo = /* @__PURE__ */ I({
|
|
1574
1575
|
__name: "SwitchBar",
|
|
1575
1576
|
props: {
|
|
1576
1577
|
collasped: { type: Boolean, default: !1 },
|
|
@@ -1583,7 +1584,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1583
1584
|
"update:favorite"
|
|
1584
1585
|
],
|
|
1585
1586
|
setup(a, { emit: n }) {
|
|
1586
|
-
const e = a, t = n, l =
|
|
1587
|
+
const e = a, t = n, l = j(!1), s = j(""), u = j(!1), r = () => {
|
|
1587
1588
|
l.value = !0;
|
|
1588
1589
|
}, i = () => {
|
|
1589
1590
|
s.value = "", l.value = !1, t("update:keyword", s.value);
|
|
@@ -1592,30 +1593,30 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1592
1593
|
}, d = () => {
|
|
1593
1594
|
t("update:keyword", s.value);
|
|
1594
1595
|
}, m = () => {
|
|
1595
|
-
t("update:favorite",
|
|
1596
|
+
t("update:favorite", u.value);
|
|
1596
1597
|
};
|
|
1597
|
-
return (
|
|
1598
|
+
return (h, _) => (c(), g(o(B), {
|
|
1598
1599
|
class: "x-mask-switch-bar",
|
|
1599
1600
|
justify: "space-between",
|
|
1600
1601
|
align: "center"
|
|
1601
1602
|
}, {
|
|
1602
1603
|
default: f(() => [
|
|
1603
|
-
e.collasped ?
|
|
1604
|
+
e.collasped ? b("", !0) : (c(), g(o(B), {
|
|
1604
1605
|
key: 0,
|
|
1605
1606
|
class: "x-mask-switch-bar__left",
|
|
1606
1607
|
grow: ""
|
|
1607
1608
|
}, {
|
|
1608
1609
|
default: f(() => [
|
|
1609
|
-
l.value ?
|
|
1610
|
+
l.value ? b("", !0) : (c(), g(o(Je), {
|
|
1610
1611
|
key: 0,
|
|
1611
|
-
modelValue:
|
|
1612
|
-
"onUpdate:modelValue": _[0] || (_[0] = (y) =>
|
|
1612
|
+
modelValue: u.value,
|
|
1613
|
+
"onUpdate:modelValue": _[0] || (_[0] = (y) => u.value = y),
|
|
1613
1614
|
class: "x-mask-switch-bar__switch",
|
|
1614
|
-
"active-icon": o(
|
|
1615
|
+
"active-icon": o($t),
|
|
1615
1616
|
"inactive-icon": o(xn),
|
|
1616
1617
|
onChange: m
|
|
1617
1618
|
}, null, 8, ["modelValue", "active-icon", "inactive-icon"])),
|
|
1618
|
-
l.value ? (
|
|
1619
|
+
l.value ? (c(), g(o(_e), {
|
|
1619
1620
|
key: 1,
|
|
1620
1621
|
modelValue: s.value,
|
|
1621
1622
|
"onUpdate:modelValue": _[1] || (_[1] = (y) => s.value = y),
|
|
@@ -1623,47 +1624,47 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1623
1624
|
size: "small",
|
|
1624
1625
|
placeholder: "请输入查询关键字",
|
|
1625
1626
|
onInput: d,
|
|
1626
|
-
"prefix-icon": o(
|
|
1627
|
+
"prefix-icon": o(Ke)
|
|
1627
1628
|
}, {
|
|
1628
1629
|
suffix: f(() => [
|
|
1629
1630
|
k(o(de), {
|
|
1630
|
-
icon: o(
|
|
1631
|
+
icon: o(St),
|
|
1631
1632
|
onClick: i
|
|
1632
1633
|
}, null, 8, ["icon"])
|
|
1633
1634
|
]),
|
|
1634
1635
|
_: 1
|
|
1635
|
-
}, 8, ["modelValue", "prefix-icon"])) :
|
|
1636
|
+
}, 8, ["modelValue", "prefix-icon"])) : b("", !0)
|
|
1636
1637
|
]),
|
|
1637
1638
|
_: 1
|
|
1638
1639
|
})),
|
|
1639
|
-
k(o(
|
|
1640
|
-
class:
|
|
1640
|
+
k(o(B), {
|
|
1641
|
+
class: Y(["x-mask-switch-bar__right", { "is-collasped": e.collasped }]),
|
|
1641
1642
|
flex: "",
|
|
1642
1643
|
align: "center",
|
|
1643
1644
|
justify: "center"
|
|
1644
1645
|
}, {
|
|
1645
1646
|
default: f(() => [
|
|
1646
|
-
!l.value && !e.collasped ? (
|
|
1647
|
+
!l.value && !e.collasped ? (c(), g(o(te), {
|
|
1647
1648
|
key: 0,
|
|
1648
|
-
icon: o(
|
|
1649
|
+
icon: o(Ke),
|
|
1649
1650
|
mode: "icon",
|
|
1650
1651
|
background: "hover",
|
|
1651
1652
|
size: "default",
|
|
1652
1653
|
circle: "",
|
|
1653
1654
|
onClick: r
|
|
1654
|
-
}, null, 8, ["icon"])) :
|
|
1655
|
-
e.collasped ? (
|
|
1655
|
+
}, null, 8, ["icon"])) : b("", !0),
|
|
1656
|
+
e.collasped ? (c(), g(o(te), {
|
|
1656
1657
|
key: 1,
|
|
1657
|
-
icon: o(
|
|
1658
|
+
icon: o($n),
|
|
1658
1659
|
mode: "icon",
|
|
1659
1660
|
size: "default",
|
|
1660
1661
|
background: "hover",
|
|
1661
1662
|
onClick: p,
|
|
1662
1663
|
circle: ""
|
|
1663
|
-
}, null, 8, ["icon"])) :
|
|
1664
|
-
e.collasped ?
|
|
1664
|
+
}, null, 8, ["icon"])) : b("", !0),
|
|
1665
|
+
e.collasped ? b("", !0) : (c(), g(o(te), {
|
|
1665
1666
|
key: 2,
|
|
1666
|
-
icon: o(
|
|
1667
|
+
icon: o(Sn),
|
|
1667
1668
|
mode: "icon",
|
|
1668
1669
|
size: "default",
|
|
1669
1670
|
background: "hover",
|
|
@@ -1677,7 +1678,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1677
1678
|
_: 1
|
|
1678
1679
|
}));
|
|
1679
1680
|
}
|
|
1680
|
-
}),
|
|
1681
|
+
}), To = ["src"], Eo = { key: 0 }, Po = /* @__PURE__ */ I({
|
|
1681
1682
|
__name: "Brand",
|
|
1682
1683
|
props: {
|
|
1683
1684
|
collapsed: { type: Boolean, default: !1 },
|
|
@@ -1686,15 +1687,15 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1686
1687
|
url: {}
|
|
1687
1688
|
},
|
|
1688
1689
|
setup(a) {
|
|
1689
|
-
const n = a, e =
|
|
1690
|
+
const n = a, e = Ze(), t = () => {
|
|
1690
1691
|
n.url && e.push(n.url);
|
|
1691
1692
|
};
|
|
1692
|
-
return (l, s) => (
|
|
1693
|
-
class:
|
|
1693
|
+
return (l, s) => (c(), g(o(B), {
|
|
1694
|
+
class: Y(["x-mask-brand", { "is-collapsed": n.collapsed }]),
|
|
1694
1695
|
align: "center"
|
|
1695
1696
|
}, {
|
|
1696
1697
|
default: f(() => [
|
|
1697
|
-
k(o(
|
|
1698
|
+
k(o(B), {
|
|
1698
1699
|
class: "x-mask-brand__logo",
|
|
1699
1700
|
flex: "",
|
|
1700
1701
|
justify: "center",
|
|
@@ -1702,26 +1703,26 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1702
1703
|
onClick: t
|
|
1703
1704
|
}, {
|
|
1704
1705
|
default: f(() => [
|
|
1705
|
-
|
|
1706
|
-
n.logo ? (
|
|
1706
|
+
S(l.$slots, "logo", {}, () => [
|
|
1707
|
+
n.logo ? (c(), z("img", {
|
|
1707
1708
|
key: 0,
|
|
1708
1709
|
src: n.logo
|
|
1709
|
-
}, null, 8,
|
|
1710
|
+
}, null, 8, To)) : b("", !0)
|
|
1710
1711
|
])
|
|
1711
1712
|
]),
|
|
1712
1713
|
_: 3
|
|
1713
1714
|
}),
|
|
1714
|
-
k(o(
|
|
1715
|
+
k(o(B), {
|
|
1715
1716
|
class: "x-mask-brand__title",
|
|
1716
1717
|
flex: "",
|
|
1717
1718
|
align: "center"
|
|
1718
1719
|
}, {
|
|
1719
1720
|
default: f(() => [
|
|
1720
|
-
n.title ? (
|
|
1721
|
-
|
|
1722
|
-
|
|
1721
|
+
n.title ? (c(), z("span", Eo, [
|
|
1722
|
+
S(l.$slots, "title", {}, () => [
|
|
1723
|
+
D(O(n.title), 1)
|
|
1723
1724
|
])
|
|
1724
|
-
])) :
|
|
1725
|
+
])) : b("", !0)
|
|
1725
1726
|
]),
|
|
1726
1727
|
_: 3
|
|
1727
1728
|
})
|
|
@@ -1729,7 +1730,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1729
1730
|
_: 3
|
|
1730
1731
|
}, 8, ["class"]));
|
|
1731
1732
|
}
|
|
1732
|
-
}),
|
|
1733
|
+
}), Te = "__favorites__", Ee = "__search__", Bo = /* @__PURE__ */ I({
|
|
1733
1734
|
__name: "Menu",
|
|
1734
1735
|
props: {
|
|
1735
1736
|
collapse: { type: Boolean, default: !1 },
|
|
@@ -1742,14 +1743,14 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1742
1743
|
},
|
|
1743
1744
|
emits: ["select"],
|
|
1744
1745
|
setup(a, { emit: n }) {
|
|
1745
|
-
const e = a, t = v(() => e.menus || []), l = n, s = v(() => String(e.active?.id)),
|
|
1746
|
+
const e = a, t = v(() => e.menus || []), l = n, s = v(() => String(e.active?.id)), u = v(() => [
|
|
1746
1747
|
{
|
|
1747
|
-
id:
|
|
1748
|
+
id: Te,
|
|
1748
1749
|
title: "收藏",
|
|
1749
|
-
icon:
|
|
1750
|
+
icon: Ct,
|
|
1750
1751
|
children: e.favorites?.length ? e.favorites : [
|
|
1751
1752
|
{
|
|
1752
|
-
id:
|
|
1753
|
+
id: Te + "empty",
|
|
1753
1754
|
disabled: !0,
|
|
1754
1755
|
title: "暂无收藏菜单"
|
|
1755
1756
|
}
|
|
@@ -1759,12 +1760,12 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1759
1760
|
const p = (e.keyword || "").trim(), d = p ? (e.flatMenus || []).filter((m) => m.title?.includes(p)) : [];
|
|
1760
1761
|
return [
|
|
1761
1762
|
{
|
|
1762
|
-
id:
|
|
1763
|
+
id: Ee,
|
|
1763
1764
|
title: "搜索",
|
|
1764
|
-
icon:
|
|
1765
|
+
icon: Ke,
|
|
1765
1766
|
children: d?.length ? d : [
|
|
1766
1767
|
{
|
|
1767
|
-
id:
|
|
1768
|
+
id: Ee + "empty",
|
|
1768
1769
|
disabled: !0,
|
|
1769
1770
|
title: "查询匹配不到菜单项"
|
|
1770
1771
|
}
|
|
@@ -1774,8 +1775,8 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1774
1775
|
}), i = (p) => {
|
|
1775
1776
|
l("select", p);
|
|
1776
1777
|
};
|
|
1777
|
-
return (p, d) => (
|
|
1778
|
-
G(k(o(
|
|
1778
|
+
return (p, d) => (c(), z(W, null, [
|
|
1779
|
+
G(k(o(B), {
|
|
1779
1780
|
class: "x-mask-menu",
|
|
1780
1781
|
grow: "",
|
|
1781
1782
|
flex: !1,
|
|
@@ -1812,7 +1813,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1812
1813
|
}, null, 8, ["data", "default-icon", "default-active"]), [
|
|
1813
1814
|
[oe, !e.collapse]
|
|
1814
1815
|
]),
|
|
1815
|
-
t.value.length ?
|
|
1816
|
+
t.value.length ? b("", !0) : (c(), g(o(ht), {
|
|
1816
1817
|
key: 0,
|
|
1817
1818
|
description: "暂无菜单数据"
|
|
1818
1819
|
}))
|
|
@@ -1821,7 +1822,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1821
1822
|
}, 512), [
|
|
1822
1823
|
[oe, !e.favorite && !e.keyword]
|
|
1823
1824
|
]),
|
|
1824
|
-
G(k(o(
|
|
1825
|
+
G(k(o(B), {
|
|
1825
1826
|
class: "x-mask-menu",
|
|
1826
1827
|
grow: "",
|
|
1827
1828
|
flex: !1,
|
|
@@ -1836,12 +1837,12 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1836
1837
|
showTimeout: 200,
|
|
1837
1838
|
hideTimeout: 200
|
|
1838
1839
|
},
|
|
1839
|
-
data:
|
|
1840
|
+
data: u.value,
|
|
1840
1841
|
"default-icon": o(me),
|
|
1841
1842
|
collapse: !0,
|
|
1842
1843
|
"collapse-transition": !1,
|
|
1843
1844
|
"default-active": s.value,
|
|
1844
|
-
"default-openeds": [
|
|
1845
|
+
"default-openeds": [Te],
|
|
1845
1846
|
onSelect: i
|
|
1846
1847
|
}, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
|
|
1847
1848
|
[oe, e.collapse]
|
|
@@ -1854,12 +1855,12 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1854
1855
|
showTimeout: 200,
|
|
1855
1856
|
hideTimeout: 200
|
|
1856
1857
|
},
|
|
1857
|
-
data:
|
|
1858
|
+
data: u.value,
|
|
1858
1859
|
"default-icon": o(me),
|
|
1859
1860
|
collapse: !1,
|
|
1860
1861
|
"collapse-transition": !1,
|
|
1861
1862
|
"default-active": s.value,
|
|
1862
|
-
"default-openeds": [
|
|
1863
|
+
"default-openeds": [Te],
|
|
1863
1864
|
onSelect: i
|
|
1864
1865
|
}, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
|
|
1865
1866
|
[oe, !e.collapse]
|
|
@@ -1869,7 +1870,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1869
1870
|
}, 512), [
|
|
1870
1871
|
[oe, e.favorite && !e.keyword]
|
|
1871
1872
|
]),
|
|
1872
|
-
e.keyword ? G((
|
|
1873
|
+
e.keyword ? G((c(), g(o(B), {
|
|
1873
1874
|
key: 0,
|
|
1874
1875
|
class: "x-mask-menu",
|
|
1875
1876
|
grow: "",
|
|
@@ -1890,7 +1891,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1890
1891
|
collapse: !0,
|
|
1891
1892
|
"collapse-transition": !1,
|
|
1892
1893
|
"default-active": s.value,
|
|
1893
|
-
"default-openeds": [
|
|
1894
|
+
"default-openeds": [Ee],
|
|
1894
1895
|
onSelect: i
|
|
1895
1896
|
}, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
|
|
1896
1897
|
[oe, e.collapse]
|
|
@@ -1908,7 +1909,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1908
1909
|
collapse: !1,
|
|
1909
1910
|
"collapse-transition": !1,
|
|
1910
1911
|
"default-active": s.value,
|
|
1911
|
-
"default-openeds": [
|
|
1912
|
+
"default-openeds": [Ee],
|
|
1912
1913
|
onSelect: i
|
|
1913
1914
|
}, null, 8, ["data", "default-icon", "default-active", "default-openeds"]), [
|
|
1914
1915
|
[oe, !e.collapse]
|
|
@@ -1917,16 +1918,16 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
1917
1918
|
_: 1
|
|
1918
1919
|
}, 512)), [
|
|
1919
1920
|
[oe, !!e.keyword]
|
|
1920
|
-
]) :
|
|
1921
|
+
]) : b("", !0)
|
|
1921
1922
|
], 64));
|
|
1922
1923
|
}
|
|
1923
|
-
}),
|
|
1924
|
+
}), Io = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1711803009570'%20class='icon'%20viewBox='0%200%201280%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1500'%20width='320'%20height='256'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M557.85%201023l-122-35.4c-12.8-3.6-20-17-16.4-29.8L692.45%2017.4c3.6-12.8%2017-20%2029.8-16.4l122%2035.4c12.8%203.6%2020%2017%2016.4%2029.8L587.65%201006.6c-3.8%2012.8-17%2020.2-29.8%2016.4z%20m-228-224.4l87-92.8c9.2-9.8%208.6-25.4-1.6-34.4L234.05%20512l181.2-159.4c10.2-9%2011-24.6%201.6-34.4l-87-92.8c-9-9.6-24.2-10.2-34-1L7.65%20494.4c-10.2%209.4-10.2%2025.6%200%2035l288.2%20270.2c9.8%209.2%2025%208.8%2034-1z%20m654.4%201.2l288.2-270.2c10.2-9.4%2010.2-25.6%200-35L984.25%20224.2c-9.6-9-24.8-8.6-34%201L863.25%20318c-9.2%209.8-8.6%2025.4%201.6%2034.4L1046.05%20512l-181.2%20159.4c-10.2%209-11%2024.6-1.6%2034.4l87%2092.8c9%209.8%2024.2%2010.2%2034%201.2z'%20fill='%230157fe'%20p-id='1501'%3e%3c/path%3e%3c/svg%3e", Vo = 140, Oo = {
|
|
1924
1925
|
/**
|
|
1925
1926
|
* 系统logo
|
|
1926
1927
|
*/
|
|
1927
1928
|
logo: {
|
|
1928
1929
|
type: String,
|
|
1929
|
-
default:
|
|
1930
|
+
default: Io
|
|
1930
1931
|
},
|
|
1931
1932
|
/**
|
|
1932
1933
|
* 系统标题
|
|
@@ -2003,7 +2004,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2003
2004
|
removeFavorite: {
|
|
2004
2005
|
type: Function
|
|
2005
2006
|
}
|
|
2006
|
-
},
|
|
2007
|
+
}, jt = Symbol(), Rt = Symbol(), jo = { class: "x-mask-tabs__trigger" }, Ro = { key: 1 }, Do = ["onDragstart", "onDragend"], Ao = { key: 1 }, Fo = /* @__PURE__ */ I({
|
|
2007
2008
|
__name: "Tabs",
|
|
2008
2009
|
props: {
|
|
2009
2010
|
tabs: {},
|
|
@@ -2016,18 +2017,18 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2016
2017
|
setup(a, { emit: n }) {
|
|
2017
2018
|
const e = a, t = n, l = (d) => {
|
|
2018
2019
|
const m = !!e.favorites.find(
|
|
2019
|
-
(
|
|
2020
|
+
(h) => h === d.menu || h.id === d.menu?.id
|
|
2020
2021
|
);
|
|
2021
2022
|
return [
|
|
2022
2023
|
{
|
|
2023
|
-
icon:
|
|
2024
|
+
icon: Cn,
|
|
2024
2025
|
label: "刷新",
|
|
2025
2026
|
name: "refresh",
|
|
2026
2027
|
value: d
|
|
2027
2028
|
},
|
|
2028
2029
|
"|",
|
|
2029
2030
|
{
|
|
2030
|
-
icon: m ?
|
|
2031
|
+
icon: m ? $t : Ct,
|
|
2031
2032
|
label: "收藏",
|
|
2032
2033
|
name: "favorite",
|
|
2033
2034
|
value: d.menu,
|
|
@@ -2035,7 +2036,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2035
2036
|
},
|
|
2036
2037
|
"|",
|
|
2037
2038
|
{
|
|
2038
|
-
icon:
|
|
2039
|
+
icon: zn,
|
|
2039
2040
|
label: "弹窗",
|
|
2040
2041
|
name: "dialog",
|
|
2041
2042
|
value: d
|
|
@@ -2047,10 +2048,10 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2047
2048
|
t("click", e.home);
|
|
2048
2049
|
return;
|
|
2049
2050
|
}
|
|
2050
|
-
const
|
|
2051
|
-
|
|
2052
|
-
},
|
|
2053
|
-
const m = e.tabs.find((
|
|
2051
|
+
const h = e.tabs.find((_) => _.id === m);
|
|
2052
|
+
h && t("click", h);
|
|
2053
|
+
}, u = (d) => {
|
|
2054
|
+
const m = e.tabs.find((h) => h.id === d);
|
|
2054
2055
|
m && t("remove", m);
|
|
2055
2056
|
}, r = (d) => {
|
|
2056
2057
|
switch (d.name) {
|
|
@@ -2069,7 +2070,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2069
2070
|
}, p = (d, m) => {
|
|
2070
2071
|
m.target && m.target.classList.remove("is-dagging");
|
|
2071
2072
|
};
|
|
2072
|
-
return (d, m) => (
|
|
2073
|
+
return (d, m) => (c(), g(o(B), {
|
|
2073
2074
|
ref: "tabsRef",
|
|
2074
2075
|
class: "x-mask-tabs",
|
|
2075
2076
|
height: "100%",
|
|
@@ -2082,25 +2083,25 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2082
2083
|
k(o(_t), {
|
|
2083
2084
|
type: "card",
|
|
2084
2085
|
"model-value": e.value,
|
|
2085
|
-
onTabRemove:
|
|
2086
|
+
onTabRemove: u,
|
|
2086
2087
|
onTabClick: s
|
|
2087
2088
|
}, {
|
|
2088
2089
|
default: f(() => [
|
|
2089
|
-
e.home ? (
|
|
2090
|
+
e.home ? (c(), g(o(He), {
|
|
2090
2091
|
key: 0,
|
|
2091
2092
|
name: e.home.id
|
|
2092
2093
|
}, {
|
|
2093
2094
|
label: f(() => [
|
|
2094
|
-
|
|
2095
|
-
e.home.icon ? (
|
|
2096
|
-
e.home.title ? (
|
|
2095
|
+
F("div", jo, [
|
|
2096
|
+
e.home.icon ? (c(), g(J(o(ke)(e.home.icon)), { key: 0 })) : b("", !0),
|
|
2097
|
+
e.home.title ? (c(), z("span", Ro, O(e.home.title), 1)) : b("", !0)
|
|
2097
2098
|
])
|
|
2098
2099
|
]),
|
|
2099
2100
|
_: 1
|
|
2100
|
-
}, 8, ["name"])) :
|
|
2101
|
-
(
|
|
2102
|
-
key:
|
|
2103
|
-
name:
|
|
2101
|
+
}, 8, ["name"])) : b("", !0),
|
|
2102
|
+
(c(!0), z(W, null, Z(e.tabs, (h) => (c(), g(o(He), {
|
|
2103
|
+
key: h.id,
|
|
2104
|
+
name: h.id,
|
|
2104
2105
|
lazy: "",
|
|
2105
2106
|
closable: ""
|
|
2106
2107
|
}, {
|
|
@@ -2110,22 +2111,22 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2110
2111
|
placement: "bottom",
|
|
2111
2112
|
trigger: "hover",
|
|
2112
2113
|
width: "200px",
|
|
2113
|
-
disabled:
|
|
2114
|
+
disabled: h.id !== e.value
|
|
2114
2115
|
}, {
|
|
2115
2116
|
reference: f(() => [
|
|
2116
|
-
|
|
2117
|
+
F("div", {
|
|
2117
2118
|
class: "x-mask-tabs__trigger",
|
|
2118
2119
|
draggable: "true",
|
|
2119
|
-
onDragstart: (_) => i(
|
|
2120
|
-
onDragend: (_) => p(
|
|
2120
|
+
onDragstart: (_) => i(h, _),
|
|
2121
|
+
onDragend: (_) => p(h, _)
|
|
2121
2122
|
}, [
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
], 40,
|
|
2123
|
+
h.icon ? (c(), g(J(o(ke)(h.icon)), { key: 0 })) : b("", !0),
|
|
2124
|
+
h.title ? (c(), z("span", Ao, O(h.title), 1)) : b("", !0)
|
|
2125
|
+
], 40, Do)
|
|
2125
2126
|
]),
|
|
2126
2127
|
default: f(() => [
|
|
2127
2128
|
k(o(et), {
|
|
2128
|
-
items: l(
|
|
2129
|
+
items: l(h),
|
|
2129
2130
|
mode: "text",
|
|
2130
2131
|
size: "small",
|
|
2131
2132
|
type: "info",
|
|
@@ -2144,20 +2145,20 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2144
2145
|
_: 1
|
|
2145
2146
|
}, 512));
|
|
2146
2147
|
}
|
|
2147
|
-
}), No = /* @__PURE__ */
|
|
2148
|
+
}), No = /* @__PURE__ */ I({
|
|
2148
2149
|
__name: "ThemeSwitch",
|
|
2149
2150
|
setup(a) {
|
|
2150
|
-
const n =
|
|
2151
|
-
return (e, t) => (
|
|
2151
|
+
const n = Rn();
|
|
2152
|
+
return (e, t) => (c(), g(o(Je), {
|
|
2152
2153
|
class: "x-mask-theme-switch",
|
|
2153
2154
|
modelValue: o(n),
|
|
2154
|
-
"onUpdate:modelValue": t[0] || (t[0] = (l) =>
|
|
2155
|
+
"onUpdate:modelValue": t[0] || (t[0] = (l) => Pe(n) ? n.value = l : null),
|
|
2155
2156
|
size: "default",
|
|
2156
|
-
"active-action-icon": o(
|
|
2157
|
-
"inactive-action-icon": o(
|
|
2157
|
+
"active-action-icon": o(Mn),
|
|
2158
|
+
"inactive-action-icon": o(Tn)
|
|
2158
2159
|
}, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"]));
|
|
2159
2160
|
}
|
|
2160
|
-
}),
|
|
2161
|
+
}), Xo = { class: "x-mask-toolbar__menu-item" }, Lo = /* @__PURE__ */ I({
|
|
2161
2162
|
__name: "Toolbar",
|
|
2162
2163
|
props: {
|
|
2163
2164
|
tabs: { default: () => [] },
|
|
@@ -2192,7 +2193,7 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2192
2193
|
];
|
|
2193
2194
|
}), s = (p) => {
|
|
2194
2195
|
t("closeTab", p.command);
|
|
2195
|
-
},
|
|
2196
|
+
}, u = (p) => {
|
|
2196
2197
|
switch (p.command) {
|
|
2197
2198
|
case "all":
|
|
2198
2199
|
t("closeAllTabs");
|
|
@@ -2209,34 +2210,34 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2209
2210
|
}, i = (p, d) => {
|
|
2210
2211
|
t("actionCommand", p, d);
|
|
2211
2212
|
};
|
|
2212
|
-
return (p, d) => (
|
|
2213
|
+
return (p, d) => (c(), g(o(B), {
|
|
2213
2214
|
class: "x-mask-toolbar",
|
|
2214
2215
|
align: "center"
|
|
2215
2216
|
}, {
|
|
2216
2217
|
default: f(() => [
|
|
2217
2218
|
k(o(te), {
|
|
2218
|
-
icon: o(
|
|
2219
|
+
icon: o(En),
|
|
2219
2220
|
menus: l.value,
|
|
2220
2221
|
dropdown: { size: "small" },
|
|
2221
2222
|
mode: "icon",
|
|
2222
2223
|
circle: "",
|
|
2223
2224
|
background: "hover",
|
|
2224
|
-
onCommand:
|
|
2225
|
+
onCommand: u
|
|
2225
2226
|
}, {
|
|
2226
2227
|
item: f(({ item: m }) => [
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
["other", "all"].includes(m.command) ?
|
|
2228
|
+
F("span", Xo, [
|
|
2229
|
+
D(O(m.label) + " ", 1),
|
|
2230
|
+
["other", "all"].includes(m.command) ? b("", !0) : (c(), g(o(de), {
|
|
2230
2231
|
key: 0,
|
|
2231
|
-
onClick: vt((
|
|
2232
|
-
icon: o(
|
|
2232
|
+
onClick: vt((h) => s(m), ["stop"]),
|
|
2233
|
+
icon: o(St)
|
|
2233
2234
|
}, null, 8, ["onClick", "icon"]))
|
|
2234
2235
|
])
|
|
2235
2236
|
]),
|
|
2236
2237
|
_: 1
|
|
2237
2238
|
}, 8, ["icon", "menus"]),
|
|
2238
2239
|
k(o(se), { direction: "vertical" }),
|
|
2239
|
-
e.actions ? (
|
|
2240
|
+
e.actions ? (c(), g(o(et), {
|
|
2240
2241
|
key: 0,
|
|
2241
2242
|
circle: "",
|
|
2242
2243
|
mode: "icon",
|
|
@@ -2245,29 +2246,29 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2245
2246
|
items: p.actions,
|
|
2246
2247
|
onClick: r,
|
|
2247
2248
|
onCommand: i
|
|
2248
|
-
}, null, 8, ["items"])) :
|
|
2249
|
-
e.actions ? (
|
|
2249
|
+
}, null, 8, ["items"])) : b("", !0),
|
|
2250
|
+
e.actions ? (c(), g(o(se), {
|
|
2250
2251
|
key: 1,
|
|
2251
2252
|
direction: "vertical"
|
|
2252
|
-
})) :
|
|
2253
|
-
e.theme ? (
|
|
2254
|
-
e.theme ? (
|
|
2253
|
+
})) : b("", !0),
|
|
2254
|
+
e.theme ? (c(), g(No, { key: 2 })) : b("", !0),
|
|
2255
|
+
e.theme ? (c(), g(o(se), {
|
|
2255
2256
|
key: 3,
|
|
2256
2257
|
direction: "vertical"
|
|
2257
|
-
})) :
|
|
2258
|
-
|
|
2258
|
+
})) : b("", !0),
|
|
2259
|
+
S(p.$slots, "default")
|
|
2259
2260
|
]),
|
|
2260
2261
|
_: 3
|
|
2261
2262
|
}));
|
|
2262
2263
|
}
|
|
2263
|
-
}),
|
|
2264
|
+
}), Uo = /* @__PURE__ */ I({
|
|
2264
2265
|
__name: "Avatar",
|
|
2265
2266
|
props: {
|
|
2266
2267
|
avatar: {}
|
|
2267
2268
|
},
|
|
2268
2269
|
setup(a) {
|
|
2269
2270
|
const n = a;
|
|
2270
|
-
return (e, t) => (
|
|
2271
|
+
return (e, t) => (c(), g(o(kt), {
|
|
2271
2272
|
width: 200,
|
|
2272
2273
|
"popper-class": "x-mask-avatar__popper",
|
|
2273
2274
|
disabled: !e.$slots.default
|
|
@@ -2276,18 +2277,18 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2276
2277
|
k(o(en), {
|
|
2277
2278
|
class: "x-mask-avatar",
|
|
2278
2279
|
shape: "circle",
|
|
2279
|
-
icon: o(
|
|
2280
|
+
icon: o(Pn),
|
|
2280
2281
|
src: n.avatar,
|
|
2281
2282
|
size: 26
|
|
2282
2283
|
}, null, 8, ["icon", "src"])
|
|
2283
2284
|
]),
|
|
2284
2285
|
default: f(() => [
|
|
2285
|
-
e.$slots.default ?
|
|
2286
|
+
e.$slots.default ? S(e.$slots, "default", { key: 0 }) : b("", !0)
|
|
2286
2287
|
]),
|
|
2287
2288
|
_: 3
|
|
2288
2289
|
}, 8, ["disabled"]));
|
|
2289
2290
|
}
|
|
2290
|
-
}), pt = /* @__PURE__ */
|
|
2291
|
+
}), pt = /* @__PURE__ */ I({
|
|
2291
2292
|
__name: "Content",
|
|
2292
2293
|
props: {
|
|
2293
2294
|
createView: { type: Function },
|
|
@@ -2295,22 +2296,22 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2295
2296
|
},
|
|
2296
2297
|
setup(a) {
|
|
2297
2298
|
const n = a;
|
|
2298
|
-
return (e, t) => (
|
|
2299
|
+
return (e, t) => (c(), g(o(B), {
|
|
2299
2300
|
class: "x-mask__content",
|
|
2300
2301
|
flex: !1,
|
|
2301
2302
|
grow: "",
|
|
2302
2303
|
padding: !1
|
|
2303
2304
|
}, {
|
|
2304
2305
|
default: f(() => [
|
|
2305
|
-
|
|
2306
|
-
k(o(
|
|
2306
|
+
S(e.$slots, "default"),
|
|
2307
|
+
k(o(Kn), null, {
|
|
2307
2308
|
default: f(({ Component: l, route: s }) => [
|
|
2308
|
-
(
|
|
2309
|
+
(c(), g(Ht, {
|
|
2309
2310
|
exclude: n.exclude
|
|
2310
2311
|
}, [
|
|
2311
|
-
l ? (
|
|
2312
|
+
l ? (c(), g(J(n.createView(l, s)), {
|
|
2312
2313
|
key: s.fullPath
|
|
2313
|
-
})) :
|
|
2314
|
+
})) : b("", !0)
|
|
2314
2315
|
], 1032, ["exclude"]))
|
|
2315
2316
|
]),
|
|
2316
2317
|
_: 1
|
|
@@ -2320,69 +2321,69 @@ const zo = /* @__PURE__ */ j("div", { class: "x-mask-sidebar__helper" }, null, -
|
|
|
2320
2321
|
}));
|
|
2321
2322
|
}
|
|
2322
2323
|
});
|
|
2323
|
-
function
|
|
2324
|
-
const a =
|
|
2324
|
+
function Ho() {
|
|
2325
|
+
const a = j(!1), n = j(""), e = j(!1);
|
|
2325
2326
|
return {
|
|
2326
2327
|
collapsed: a,
|
|
2327
2328
|
keyword: n,
|
|
2328
2329
|
favorite: e
|
|
2329
2330
|
};
|
|
2330
2331
|
}
|
|
2331
|
-
function
|
|
2332
|
-
const n =
|
|
2332
|
+
function Ko(a) {
|
|
2333
|
+
const n = Mt();
|
|
2333
2334
|
return v(() => {
|
|
2334
2335
|
const e = a.home;
|
|
2335
2336
|
return Object.assign(
|
|
2336
|
-
{ id: n, url: "/", name: "MaskHome", icon:
|
|
2337
|
+
{ id: n, url: "/", name: "MaskHome", icon: Bn, closable: !1 },
|
|
2337
2338
|
typeof e == "string" ? { url: e } : e || {}
|
|
2338
2339
|
);
|
|
2339
2340
|
});
|
|
2340
2341
|
}
|
|
2341
|
-
function
|
|
2342
|
+
function Dt(a, n) {
|
|
2342
2343
|
let e = [];
|
|
2343
2344
|
return a.forEach((t) => {
|
|
2344
|
-
t = n ? n(t) : t, t.children ? e = e.concat(
|
|
2345
|
+
t = n ? n(t) : t, t.children ? e = e.concat(Dt(t.children, n)) : e.push(t);
|
|
2345
2346
|
}), e;
|
|
2346
2347
|
}
|
|
2347
2348
|
function Wo(a, n) {
|
|
2348
|
-
const e =
|
|
2349
|
-
const
|
|
2349
|
+
const e = Ze(), t = Ve([]), l = Ve([]), s = v(() => Dt(t.value, a.menuAdapter)), u = v(() => Fn(s.value, "id")), r = j(null), i = (y) => {
|
|
2350
|
+
const $ = typeof y == "object" ? y.id : y, w = u.value.get($);
|
|
2350
2351
|
if (!w) {
|
|
2351
2352
|
console.warn("找不到菜单", y);
|
|
2352
2353
|
return;
|
|
2353
2354
|
}
|
|
2354
|
-
const { type:
|
|
2355
|
-
if (!
|
|
2355
|
+
const { type: E = "route", url: P, title: C, icon: V } = w;
|
|
2356
|
+
if (!P) {
|
|
2356
2357
|
r.value = w, n("select", w);
|
|
2357
2358
|
return;
|
|
2358
2359
|
}
|
|
2359
|
-
if (
|
|
2360
|
-
Nn(
|
|
2360
|
+
if (E === "route") {
|
|
2361
|
+
Nn(P) || P.startsWith("//") ? window.open(P) : (r.value = w, e.push(P).catch((M) => M));
|
|
2361
2362
|
return;
|
|
2362
2363
|
}
|
|
2363
|
-
if (
|
|
2364
|
-
window.open(
|
|
2364
|
+
if (E === "window") {
|
|
2365
|
+
window.open(P);
|
|
2365
2366
|
return;
|
|
2366
2367
|
}
|
|
2367
|
-
|
|
2368
|
+
E === "dialog" && tt({
|
|
2368
2369
|
resizable: !0,
|
|
2369
2370
|
bodyPadding: !1,
|
|
2370
2371
|
width: "80%",
|
|
2371
2372
|
height: "80%",
|
|
2372
|
-
title:
|
|
2373
|
-
icon:
|
|
2374
|
-
src:
|
|
2373
|
+
title: C,
|
|
2374
|
+
icon: V,
|
|
2375
|
+
src: P
|
|
2375
2376
|
});
|
|
2376
2377
|
}, p = async () => {
|
|
2377
2378
|
t.value = typeof a.menus == "function" ? await a.menus() || [] : a.menus ?? [], l.value = typeof a.favorites == "function" ? await a.favorites() || [] : a.favorites ?? [];
|
|
2378
2379
|
}, d = (y) => {
|
|
2379
2380
|
l.value = [y, ...l.value], a.addFavorite && a.addFavorite(y);
|
|
2380
2381
|
}, m = (y) => {
|
|
2381
|
-
l.value = l.value.filter((
|
|
2382
|
-
},
|
|
2383
|
-
|
|
2382
|
+
l.value = l.value.filter(($) => $.id !== y.id), a.removeFavorite && a.removeFavorite(y);
|
|
2383
|
+
}, h = (y) => !!l.value.find(($) => $ === y || $.id === y.id), _ = (y) => {
|
|
2384
|
+
h(y) ? m(y) : d(y);
|
|
2384
2385
|
};
|
|
2385
|
-
return
|
|
2386
|
+
return Ye(p), {
|
|
2386
2387
|
menus: t,
|
|
2387
2388
|
favorites: l,
|
|
2388
2389
|
flatMenus: s,
|
|
@@ -2391,244 +2392,244 @@ function Wo(a, n) {
|
|
|
2391
2392
|
toggleFavorite: _
|
|
2392
2393
|
};
|
|
2393
2394
|
}
|
|
2394
|
-
function
|
|
2395
|
-
const s =
|
|
2396
|
-
() => i.value.slice(0, m.value).filter((
|
|
2397
|
-
), _ = v(() => i.value.slice(m.value)), y = (
|
|
2398
|
-
|
|
2399
|
-
},
|
|
2400
|
-
|
|
2401
|
-
},
|
|
2402
|
-
|
|
2403
|
-
}, N = (
|
|
2404
|
-
const
|
|
2405
|
-
|
|
2406
|
-
}, x = async (
|
|
2407
|
-
const { url:
|
|
2395
|
+
function Yo(a, n, e, t, l) {
|
|
2396
|
+
const s = Pt(), u = Ze(), r = {}, i = j([]), p = j(), { width: d } = zt(p), m = v(() => Math.floor(d.value / Vo)), h = v(
|
|
2397
|
+
() => i.value.slice(0, m.value).filter((T) => !T.dialog)
|
|
2398
|
+
), _ = v(() => i.value.slice(m.value)), y = (T) => e.value.find((R) => R.url === T), $ = (T) => s.fullPath === T.url, w = (T) => l.value.id === T ? l.value : i.value.find((R) => R.id === T), E = j(""), P = v(() => w(E.value)), C = (T) => {
|
|
2399
|
+
u.push(T.url).catch((R) => R);
|
|
2400
|
+
}, V = (T) => {
|
|
2401
|
+
E.value = T.id, s.fullPath !== T.url && C(T);
|
|
2402
|
+
}, M = () => {
|
|
2403
|
+
C(l.value);
|
|
2404
|
+
}, N = (T) => {
|
|
2405
|
+
const R = i.value.find((X) => X.url === T.url || X.id === T.id);
|
|
2406
|
+
R ? V(R) : (i.value.unshift(T), V(T));
|
|
2407
|
+
}, x = async (T) => {
|
|
2408
|
+
const { url: R = s.fullPath, icon: X, title: Ce = "新建标签页" } = T || {}, ze = r[R], De = Mt(), Ae = Tt(R);
|
|
2408
2409
|
return {
|
|
2409
|
-
id:
|
|
2410
|
-
name:
|
|
2411
|
-
url:
|
|
2412
|
-
icon:
|
|
2413
|
-
title:
|
|
2410
|
+
id: De,
|
|
2411
|
+
name: Ae,
|
|
2412
|
+
url: R,
|
|
2413
|
+
icon: X,
|
|
2414
|
+
title: Ce,
|
|
2414
2415
|
closable: !0,
|
|
2415
|
-
menu:
|
|
2416
|
-
|
|
2416
|
+
menu: T,
|
|
2417
|
+
...ze ? await ze() : {}
|
|
2417
2418
|
};
|
|
2418
|
-
},
|
|
2419
|
-
if (await
|
|
2419
|
+
}, U = async (T) => {
|
|
2420
|
+
if (await Fe.confirm("是否关闭页签", "提示", {
|
|
2420
2421
|
type: "warning"
|
|
2421
2422
|
}).catch(() => !1)) {
|
|
2422
|
-
if (i.value = i.value.filter((
|
|
2423
|
-
const
|
|
2424
|
-
|
|
2423
|
+
if (i.value = i.value.filter((X) => X.id !== T.id), E.value === T.id) {
|
|
2424
|
+
const X = i.value[0];
|
|
2425
|
+
C(X || l.value);
|
|
2425
2426
|
}
|
|
2426
|
-
return
|
|
2427
|
+
return T;
|
|
2427
2428
|
}
|
|
2428
|
-
},
|
|
2429
|
-
const
|
|
2430
|
-
if (
|
|
2431
|
-
const
|
|
2432
|
-
i.value.splice(
|
|
2429
|
+
}, H = (T) => {
|
|
2430
|
+
const R = i.value.findIndex((X) => X.id === T.id);
|
|
2431
|
+
if (R >= 0) {
|
|
2432
|
+
const X = i.value[R];
|
|
2433
|
+
i.value.splice(R, 1, Object.assign(X, T));
|
|
2433
2434
|
}
|
|
2434
2435
|
}, re = async () => {
|
|
2435
|
-
if (!await
|
|
2436
|
+
if (!await Fe.confirm("是否关闭全部页签", "提示", {
|
|
2436
2437
|
type: "warning"
|
|
2437
2438
|
}).catch(() => !1))
|
|
2438
2439
|
return;
|
|
2439
|
-
const
|
|
2440
|
-
return i.value = [],
|
|
2441
|
-
},
|
|
2442
|
-
if (!await
|
|
2440
|
+
const R = i.value;
|
|
2441
|
+
return i.value = [], V(l.value), R;
|
|
2442
|
+
}, q = async () => {
|
|
2443
|
+
if (!await Fe.confirm("是否关闭其他页签", "提示", {
|
|
2443
2444
|
type: "warning"
|
|
2444
2445
|
}).catch(() => !1))
|
|
2445
2446
|
return;
|
|
2446
|
-
const
|
|
2447
|
-
return i.value = i.value.filter((
|
|
2448
|
-
}, ee = (
|
|
2449
|
-
const
|
|
2450
|
-
i.value = [
|
|
2451
|
-
},
|
|
2447
|
+
const R = i.value.filter((X) => X.id !== E.value);
|
|
2448
|
+
return i.value = i.value.filter((X) => X.id === E.value), R;
|
|
2449
|
+
}, ee = (T) => {
|
|
2450
|
+
const R = i.value.filter((X) => X.id !== T.id);
|
|
2451
|
+
i.value = [T, ...R], V(T);
|
|
2452
|
+
}, ce = async () => {
|
|
2452
2453
|
await ve();
|
|
2453
|
-
const
|
|
2454
|
-
if (
|
|
2455
|
-
|
|
2454
|
+
const T = l.value.url === s.fullPath, R = y(s.fullPath);
|
|
2455
|
+
if (T)
|
|
2456
|
+
E.value = l.value.id;
|
|
2456
2457
|
else {
|
|
2457
|
-
const
|
|
2458
|
-
N(
|
|
2458
|
+
const X = await x(R);
|
|
2459
|
+
N(X);
|
|
2459
2460
|
}
|
|
2460
|
-
await ve(), t.value =
|
|
2461
|
+
await ve(), t.value = R || null;
|
|
2461
2462
|
};
|
|
2462
|
-
return
|
|
2463
|
+
return K(e, ce), K(s, ce, { immediate: !0 }), Se(jt, r), {
|
|
2463
2464
|
tabRef: p,
|
|
2464
2465
|
tabs: i,
|
|
2465
|
-
showTabs:
|
|
2466
|
-
currentTab:
|
|
2467
|
-
changeTab:
|
|
2468
|
-
removeTab:
|
|
2469
|
-
updateTab:
|
|
2466
|
+
showTabs: h,
|
|
2467
|
+
currentTab: P,
|
|
2468
|
+
changeTab: C,
|
|
2469
|
+
removeTab: U,
|
|
2470
|
+
updateTab: H,
|
|
2470
2471
|
addTab: N,
|
|
2471
2472
|
home: l,
|
|
2472
|
-
tabValue:
|
|
2473
|
-
isCurrentTab:
|
|
2474
|
-
activeHome:
|
|
2475
|
-
activeTab:
|
|
2473
|
+
tabValue: E,
|
|
2474
|
+
isCurrentTab: $,
|
|
2475
|
+
activeHome: M,
|
|
2476
|
+
activeTab: V,
|
|
2476
2477
|
dropdownTabs: _,
|
|
2477
2478
|
removeAllTabs: re,
|
|
2478
|
-
removeOtherTabs:
|
|
2479
|
+
removeOtherTabs: q,
|
|
2479
2480
|
moveToShow: ee
|
|
2480
2481
|
};
|
|
2481
2482
|
}
|
|
2482
|
-
function
|
|
2483
|
-
const n = /* @__PURE__ */ new Map(), e =
|
|
2484
|
-
const
|
|
2485
|
-
if (n.has(
|
|
2486
|
-
return n.get(
|
|
2483
|
+
function Jo(a) {
|
|
2484
|
+
const n = /* @__PURE__ */ new Map(), e = j([]), t = Re({}), l = pe(), s = {}, { updateTab: u, isCurrentTab: r, activeHome: i, tabs: p } = a, d = (C, V) => {
|
|
2485
|
+
const M = V.fullPath;
|
|
2486
|
+
if (n.has(M))
|
|
2487
|
+
return n.get(M);
|
|
2487
2488
|
{
|
|
2488
|
-
const N =
|
|
2489
|
+
const N = Tt(M), x = {
|
|
2489
2490
|
name: N,
|
|
2490
2491
|
setup() {
|
|
2491
|
-
const
|
|
2492
|
-
return
|
|
2492
|
+
const U = v(() => t[M] || document.body), H = v(() => !t[M]), re = v(() => !e.value.includes(N));
|
|
2493
|
+
return Se(
|
|
2493
2494
|
Wn,
|
|
2494
|
-
ye({ ...
|
|
2495
|
+
ye({ ...V })
|
|
2495
2496
|
), () => re.value ? ae(
|
|
2496
2497
|
yt,
|
|
2497
2498
|
{
|
|
2498
|
-
to:
|
|
2499
|
-
disabled:
|
|
2499
|
+
to: U.value,
|
|
2500
|
+
disabled: H.value
|
|
2500
2501
|
},
|
|
2501
|
-
[ae(
|
|
2502
|
+
[ae(C)]
|
|
2502
2503
|
) : null;
|
|
2503
2504
|
}
|
|
2504
2505
|
};
|
|
2505
|
-
return n.set(
|
|
2506
|
+
return n.set(M, x), x;
|
|
2506
2507
|
}
|
|
2507
|
-
}, m = (
|
|
2508
|
-
|
|
2509
|
-
const
|
|
2510
|
-
|
|
2511
|
-
},
|
|
2512
|
-
|
|
2513
|
-
m(
|
|
2508
|
+
}, m = (C) => {
|
|
2509
|
+
C.dialog = void 0, delete t[C.url];
|
|
2510
|
+
const V = s[C.id];
|
|
2511
|
+
V && (V.destroy(), delete s[C.id], u(C));
|
|
2512
|
+
}, h = (C = []) => {
|
|
2513
|
+
C.forEach((V) => {
|
|
2514
|
+
m(V);
|
|
2514
2515
|
});
|
|
2515
|
-
}, _ = async (
|
|
2516
|
-
|
|
2517
|
-
...
|
|
2516
|
+
}, _ = async (C) => {
|
|
2517
|
+
C.dialog = {
|
|
2518
|
+
...C.dialog,
|
|
2518
2519
|
onMinimized: () => {
|
|
2519
|
-
m(
|
|
2520
|
+
m(C);
|
|
2520
2521
|
},
|
|
2521
2522
|
onClose: async () => {
|
|
2522
|
-
m(
|
|
2523
|
+
m(C), p.value = p.value.filter((M) => M.id !== C.id);
|
|
2523
2524
|
}
|
|
2524
|
-
},
|
|
2525
|
-
const
|
|
2525
|
+
}, u(C);
|
|
2526
|
+
const V = tt(
|
|
2526
2527
|
{
|
|
2527
|
-
title:
|
|
2528
|
-
icon:
|
|
2528
|
+
title: C.title,
|
|
2529
|
+
icon: C.icon,
|
|
2529
2530
|
modal: !1,
|
|
2530
2531
|
resizable: !0,
|
|
2531
2532
|
draggable: !0,
|
|
2532
2533
|
maximizable: !0,
|
|
2533
2534
|
minimizable: !0,
|
|
2534
|
-
...
|
|
2535
|
-
onOpen(
|
|
2536
|
-
t[
|
|
2535
|
+
...C.dialog,
|
|
2536
|
+
onOpen(M) {
|
|
2537
|
+
t[C.url] = M.refs.panelRef?.bodyRef?.$el;
|
|
2537
2538
|
}
|
|
2538
2539
|
},
|
|
2539
2540
|
l?.appContext
|
|
2540
2541
|
);
|
|
2541
|
-
return await ve(), r(
|
|
2542
|
-
}, y = async (
|
|
2543
|
-
e.value = [
|
|
2544
|
-
},
|
|
2545
|
-
e.value =
|
|
2546
|
-
}, w = (
|
|
2547
|
-
if (
|
|
2548
|
-
const
|
|
2549
|
-
if (
|
|
2550
|
-
const { clientX: N, clientY: x } =
|
|
2551
|
-
|
|
2542
|
+
return await ve(), r(C) && i(), s[C.id] = V, V;
|
|
2543
|
+
}, y = async (C) => {
|
|
2544
|
+
e.value = [C.name], await ve(), e.value = [];
|
|
2545
|
+
}, $ = async (C) => {
|
|
2546
|
+
e.value = C.map((V) => V.name), await ve(), e.value = [];
|
|
2547
|
+
}, w = (C) => (C.preventDefault(), !1), E = (C) => {
|
|
2548
|
+
if (C.dataTransfer) {
|
|
2549
|
+
const V = C.dataTransfer.getData("tab"), M = p.value.find((N) => N.id === V);
|
|
2550
|
+
if (M) {
|
|
2551
|
+
const { clientX: N, clientY: x } = C;
|
|
2552
|
+
M.dialog = {
|
|
2552
2553
|
left: N,
|
|
2553
2554
|
top: x
|
|
2554
|
-
}, _(
|
|
2555
|
+
}, _(M);
|
|
2555
2556
|
}
|
|
2556
2557
|
}
|
|
2557
|
-
},
|
|
2558
|
-
return
|
|
2558
|
+
}, P = (C) => !!t[C];
|
|
2559
|
+
return je(document, "dragover", w), je(document, "drop", E), {
|
|
2559
2560
|
createView: d,
|
|
2560
2561
|
openDialog: _,
|
|
2561
2562
|
refresh: y,
|
|
2562
2563
|
exclude: e,
|
|
2563
|
-
cleanCache:
|
|
2564
|
-
hasDialog:
|
|
2564
|
+
cleanCache: $,
|
|
2565
|
+
hasDialog: P,
|
|
2565
2566
|
closeDialog: m,
|
|
2566
|
-
closeDialogs:
|
|
2567
|
+
closeDialogs: h
|
|
2567
2568
|
};
|
|
2568
2569
|
}
|
|
2569
|
-
const
|
|
2570
|
+
const Ua = /* @__PURE__ */ I({
|
|
2570
2571
|
name: "XMask",
|
|
2571
2572
|
__name: "Mask",
|
|
2572
|
-
props:
|
|
2573
|
+
props: Oo,
|
|
2573
2574
|
emits: ["select", "actionClick", "actionCommand"],
|
|
2574
2575
|
setup(a, { emit: n }) {
|
|
2575
|
-
const e = a, t = n, l =
|
|
2576
|
+
const e = a, t = n, l = Ko(e), { collapsed: s, keyword: u, favorite: r } = Ho(), { menus: i, favorites: p, flatMenus: d, active: m, select: h, toggleFavorite: _ } = Wo(e, t), {
|
|
2576
2577
|
tabRef: y,
|
|
2577
|
-
showTabs:
|
|
2578
|
+
showTabs: $,
|
|
2578
2579
|
currentTab: w,
|
|
2579
|
-
changeTab:
|
|
2580
|
-
removeTab:
|
|
2581
|
-
tabs:
|
|
2582
|
-
updateTab:
|
|
2583
|
-
isCurrentTab:
|
|
2580
|
+
changeTab: E,
|
|
2581
|
+
removeTab: P,
|
|
2582
|
+
tabs: C,
|
|
2583
|
+
updateTab: V,
|
|
2584
|
+
isCurrentTab: M,
|
|
2584
2585
|
activeHome: N,
|
|
2585
2586
|
removeAllTabs: x,
|
|
2586
|
-
removeOtherTabs:
|
|
2587
|
-
dropdownTabs:
|
|
2587
|
+
removeOtherTabs: U,
|
|
2588
|
+
dropdownTabs: H,
|
|
2588
2589
|
moveToShow: re
|
|
2589
|
-
} =
|
|
2590
|
-
tabs:
|
|
2591
|
-
updateTab:
|
|
2592
|
-
isCurrentTab:
|
|
2590
|
+
} = Yo(e, t, d, m, l), { createView: q, openDialog: ee, refresh: ce, exclude: T, cleanCache: R, closeDialogs: X } = Jo({
|
|
2591
|
+
tabs: C,
|
|
2592
|
+
updateTab: V,
|
|
2593
|
+
isCurrentTab: M,
|
|
2593
2594
|
activeHome: N
|
|
2594
|
-
}),
|
|
2595
|
-
await
|
|
2596
|
-
},
|
|
2597
|
-
const
|
|
2598
|
-
|
|
2599
|
-
},
|
|
2600
|
-
const
|
|
2601
|
-
|
|
2602
|
-
},
|
|
2603
|
-
t("actionClick",
|
|
2604
|
-
},
|
|
2605
|
-
t("actionCommand",
|
|
2595
|
+
}), Ce = async (L) => {
|
|
2596
|
+
await P(L) && await R([L]);
|
|
2597
|
+
}, ze = async () => {
|
|
2598
|
+
const L = await x();
|
|
2599
|
+
L && (X(L), await R(L));
|
|
2600
|
+
}, De = async () => {
|
|
2601
|
+
const L = await U();
|
|
2602
|
+
L && (X(L), await R(L));
|
|
2603
|
+
}, Ae = (L) => {
|
|
2604
|
+
t("actionClick", L);
|
|
2605
|
+
}, Xt = (L, ne) => {
|
|
2606
|
+
t("actionCommand", L, ne);
|
|
2606
2607
|
};
|
|
2607
|
-
return
|
|
2608
|
-
tabs:
|
|
2608
|
+
return Se(Rt, {
|
|
2609
|
+
tabs: C,
|
|
2609
2610
|
flatMenus: d,
|
|
2610
2611
|
favorites: p,
|
|
2611
|
-
updateTab:
|
|
2612
|
+
updateTab: V,
|
|
2612
2613
|
active: m,
|
|
2613
2614
|
currentTab: w
|
|
2614
|
-
}), (
|
|
2615
|
-
class:
|
|
2615
|
+
}), (L, ne) => (c(), g(o(B), {
|
|
2616
|
+
class: Y(["x-mask", { "is-disabled": e.disabled }]),
|
|
2616
2617
|
fit: ""
|
|
2617
2618
|
}, {
|
|
2618
2619
|
default: f(() => [
|
|
2619
|
-
e.disabled ? (
|
|
2620
|
+
e.disabled ? (c(), g(pt, {
|
|
2620
2621
|
key: 1,
|
|
2621
|
-
createView: o(
|
|
2622
|
-
exclude: o(
|
|
2622
|
+
createView: o(q),
|
|
2623
|
+
exclude: o(T)
|
|
2623
2624
|
}, {
|
|
2624
2625
|
default: f(() => [
|
|
2625
|
-
|
|
2626
|
+
L.$slots.default ? S(L.$slots, "default", { key: 0 }) : b("", !0)
|
|
2626
2627
|
]),
|
|
2627
2628
|
_: 3
|
|
2628
|
-
}, 8, ["createView", "exclude"])) : (
|
|
2629
|
-
k(
|
|
2629
|
+
}, 8, ["createView", "exclude"])) : (c(), z(W, { key: 0 }, [
|
|
2630
|
+
k(zo, { collapsed: o(s) }, {
|
|
2630
2631
|
brand: f(() => [
|
|
2631
|
-
k(
|
|
2632
|
+
k(Po, {
|
|
2632
2633
|
logo: e.logo,
|
|
2633
2634
|
title: e.title,
|
|
2634
2635
|
url: o(l).url,
|
|
@@ -2636,28 +2637,28 @@ const Ha = /* @__PURE__ */ V({
|
|
|
2636
2637
|
}, null, 8, ["logo", "title", "url", "collapsed"])
|
|
2637
2638
|
]),
|
|
2638
2639
|
default: f(() => [
|
|
2639
|
-
k(
|
|
2640
|
+
k(Mo, {
|
|
2640
2641
|
collasped: o(s),
|
|
2641
|
-
"onUpdate:collasped": ne[0] || (ne[0] = (xe) =>
|
|
2642
|
+
"onUpdate:collasped": ne[0] || (ne[0] = (xe) => Pe(s) ? s.value = xe : null),
|
|
2642
2643
|
favorite: o(r),
|
|
2643
|
-
"onUpdate:favorite": ne[1] || (ne[1] = (xe) =>
|
|
2644
|
-
keyword: o(
|
|
2645
|
-
"onUpdate:keyword": ne[2] || (ne[2] = (xe) =>
|
|
2644
|
+
"onUpdate:favorite": ne[1] || (ne[1] = (xe) => Pe(r) ? r.value = xe : null),
|
|
2645
|
+
keyword: o(u),
|
|
2646
|
+
"onUpdate:keyword": ne[2] || (ne[2] = (xe) => Pe(u) ? u.value = xe : null)
|
|
2646
2647
|
}, null, 8, ["collasped", "favorite", "keyword"]),
|
|
2647
|
-
k(
|
|
2648
|
+
k(Bo, {
|
|
2648
2649
|
collapse: o(s),
|
|
2649
|
-
keyword: o(
|
|
2650
|
+
keyword: o(u),
|
|
2650
2651
|
favorite: o(r),
|
|
2651
2652
|
favorites: o(p),
|
|
2652
2653
|
flatMenus: o(d),
|
|
2653
2654
|
menus: o(i),
|
|
2654
2655
|
active: o(m),
|
|
2655
|
-
onSelect: o(
|
|
2656
|
+
onSelect: o(h)
|
|
2656
2657
|
}, null, 8, ["collapse", "keyword", "favorite", "favorites", "flatMenus", "menus", "active", "onSelect"])
|
|
2657
2658
|
]),
|
|
2658
2659
|
_: 1
|
|
2659
2660
|
}, 8, ["collapsed"]),
|
|
2660
|
-
k(o(
|
|
2661
|
+
k(o(B), {
|
|
2661
2662
|
class: "x-mask__main",
|
|
2662
2663
|
grow: "",
|
|
2663
2664
|
shrink: "",
|
|
@@ -2665,44 +2666,44 @@ const Ha = /* @__PURE__ */ V({
|
|
|
2665
2666
|
direction: "column"
|
|
2666
2667
|
}, {
|
|
2667
2668
|
default: f(() => [
|
|
2668
|
-
k(o(
|
|
2669
|
+
k(o(B), {
|
|
2669
2670
|
class: "x-mask-topbar",
|
|
2670
2671
|
justify: "space-between",
|
|
2671
2672
|
align: "center"
|
|
2672
2673
|
}, {
|
|
2673
2674
|
default: f(() => [
|
|
2674
|
-
k(
|
|
2675
|
+
k(Fo, {
|
|
2675
2676
|
ref_key: "tabRef",
|
|
2676
2677
|
ref: y,
|
|
2677
2678
|
favorites: o(p),
|
|
2678
|
-
tabs: o(
|
|
2679
|
+
tabs: o($),
|
|
2679
2680
|
home: o(l),
|
|
2680
2681
|
value: o(w)?.id,
|
|
2681
|
-
onClick: o(
|
|
2682
|
+
onClick: o(E),
|
|
2682
2683
|
onToggleFavorite: o(_),
|
|
2683
|
-
onRemove:
|
|
2684
|
+
onRemove: Ce,
|
|
2684
2685
|
onDialog: o(ee),
|
|
2685
|
-
onRefresh: o(
|
|
2686
|
+
onRefresh: o(ce)
|
|
2686
2687
|
}, null, 8, ["favorites", "tabs", "home", "value", "onClick", "onToggleFavorite", "onDialog", "onRefresh"]),
|
|
2687
|
-
k(
|
|
2688
|
-
tabs: o(
|
|
2688
|
+
k(Lo, {
|
|
2689
|
+
tabs: o(H),
|
|
2689
2690
|
actions: e.actions,
|
|
2690
2691
|
theme: e.theme,
|
|
2691
|
-
onCloseOtherTabs:
|
|
2692
|
-
onCloseAllTabs:
|
|
2693
|
-
onCloseTab:
|
|
2692
|
+
onCloseOtherTabs: De,
|
|
2693
|
+
onCloseAllTabs: ze,
|
|
2694
|
+
onCloseTab: Ce,
|
|
2694
2695
|
onClickTab: o(re),
|
|
2695
|
-
onActionClick:
|
|
2696
|
-
onActionCommand:
|
|
2696
|
+
onActionClick: Ae,
|
|
2697
|
+
onActionCommand: Xt
|
|
2697
2698
|
}, {
|
|
2698
2699
|
default: f(() => [
|
|
2699
|
-
k(
|
|
2700
|
+
k(Uo, {
|
|
2700
2701
|
avatar: e.avatar
|
|
2701
|
-
},
|
|
2702
|
-
|
|
2702
|
+
}, ue({ _: 2 }, [
|
|
2703
|
+
L.$slots.user ? {
|
|
2703
2704
|
name: "default",
|
|
2704
2705
|
fn: f(() => [
|
|
2705
|
-
|
|
2706
|
+
S(L.$slots, "user")
|
|
2706
2707
|
]),
|
|
2707
2708
|
key: "0"
|
|
2708
2709
|
} : void 0
|
|
@@ -2714,11 +2715,11 @@ const Ha = /* @__PURE__ */ V({
|
|
|
2714
2715
|
_: 3
|
|
2715
2716
|
}),
|
|
2716
2717
|
k(pt, {
|
|
2717
|
-
createView: o(
|
|
2718
|
-
exclude: o(
|
|
2718
|
+
createView: o(q),
|
|
2719
|
+
exclude: o(T)
|
|
2719
2720
|
}, {
|
|
2720
2721
|
default: f(() => [
|
|
2721
|
-
|
|
2722
|
+
L.$slots.default ? S(L.$slots, "default", { key: 0 }) : b("", !0)
|
|
2722
2723
|
]),
|
|
2723
2724
|
_: 3
|
|
2724
2725
|
}, 8, ["createView", "exclude"])
|
|
@@ -2731,8 +2732,8 @@ const Ha = /* @__PURE__ */ V({
|
|
|
2731
2732
|
}, 8, ["class"]));
|
|
2732
2733
|
}
|
|
2733
2734
|
});
|
|
2734
|
-
function
|
|
2735
|
-
const n =
|
|
2735
|
+
function Ha(a = {}) {
|
|
2736
|
+
const n = Pt(), e = $e(jt, null), t = $e(Rt, null);
|
|
2736
2737
|
if (e) {
|
|
2737
2738
|
const s = typeof a == "function" ? a : async () => a;
|
|
2738
2739
|
e[n.fullPath] = s;
|
|
@@ -2742,22 +2743,22 @@ function Ka(a = {}) {
|
|
|
2742
2743
|
mask: t
|
|
2743
2744
|
};
|
|
2744
2745
|
}
|
|
2745
|
-
const
|
|
2746
|
+
const qo = /* @__PURE__ */ I({
|
|
2746
2747
|
__name: "SelectEditor",
|
|
2747
2748
|
props: {
|
|
2748
2749
|
options: { default: () => [] }
|
|
2749
2750
|
},
|
|
2750
2751
|
setup(a) {
|
|
2751
2752
|
const n = a;
|
|
2752
|
-
return (e, t) => (
|
|
2753
|
+
return (e, t) => (c(), g(o(wt), le(he(e.$attrs)), {
|
|
2753
2754
|
default: f(() => [
|
|
2754
|
-
(
|
|
2755
|
+
(c(!0), z(W, null, Z(n.options, (l, s) => (c(), g(o(xt), A({
|
|
2755
2756
|
key: `item_${s}_${l.value}`
|
|
2756
|
-
}, l),
|
|
2757
|
+
}, l), ue({ _: 2 }, [
|
|
2757
2758
|
e.$slots.option ? {
|
|
2758
2759
|
name: "default",
|
|
2759
2760
|
fn: f(() => [
|
|
2760
|
-
|
|
2761
|
+
S(e.$slots, "option", { option: l })
|
|
2761
2762
|
]),
|
|
2762
2763
|
key: "0"
|
|
2763
2764
|
} : void 0
|
|
@@ -2766,7 +2767,7 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2766
2767
|
_: 3
|
|
2767
2768
|
}, 16));
|
|
2768
2769
|
}
|
|
2769
|
-
}), Go = /* @__PURE__ */
|
|
2770
|
+
}), Go = /* @__PURE__ */ I({
|
|
2770
2771
|
__name: "CheckboxEditor",
|
|
2771
2772
|
props: {
|
|
2772
2773
|
options: { default: () => [] },
|
|
@@ -2776,15 +2777,15 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2776
2777
|
const n = a, e = v(
|
|
2777
2778
|
() => we(n.button ? tn : nn)
|
|
2778
2779
|
);
|
|
2779
|
-
return (t, l) => (
|
|
2780
|
+
return (t, l) => (c(), g(o(on), le(he(t.$attrs)), {
|
|
2780
2781
|
default: f(() => [
|
|
2781
|
-
(
|
|
2782
|
-
key: `item_${
|
|
2782
|
+
(c(!0), z(W, null, Z(n.options, (s, u) => (c(), g(J(e.value), {
|
|
2783
|
+
key: `item_${u}_${s.value}`,
|
|
2783
2784
|
label: s.label,
|
|
2784
2785
|
value: s.value
|
|
2785
2786
|
}, {
|
|
2786
2787
|
default: f(() => [
|
|
2787
|
-
|
|
2788
|
+
D(O(s.label), 1)
|
|
2788
2789
|
]),
|
|
2789
2790
|
_: 2
|
|
2790
2791
|
}, 1032, ["label", "value"]))), 128))
|
|
@@ -2792,7 +2793,7 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2792
2793
|
_: 1
|
|
2793
2794
|
}, 16));
|
|
2794
2795
|
}
|
|
2795
|
-
}),
|
|
2796
|
+
}), Zo = /* @__PURE__ */ I({
|
|
2796
2797
|
__name: "RadioEditor",
|
|
2797
2798
|
props: {
|
|
2798
2799
|
options: { default: () => [] },
|
|
@@ -2802,15 +2803,15 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2802
2803
|
const n = a, e = v(
|
|
2803
2804
|
() => we(n.button ? an : sn)
|
|
2804
2805
|
);
|
|
2805
|
-
return (t, l) => (
|
|
2806
|
+
return (t, l) => (c(), g(o(ln), le(he(t.$attrs)), {
|
|
2806
2807
|
default: f(() => [
|
|
2807
|
-
(
|
|
2808
|
-
key: `item_${
|
|
2808
|
+
(c(!0), z(W, null, Z(n.options, (s, u) => (c(), g(J(e.value), {
|
|
2809
|
+
key: `item_${u}_${s.value}`,
|
|
2809
2810
|
label: s.label,
|
|
2810
2811
|
value: s.value
|
|
2811
2812
|
}, {
|
|
2812
2813
|
default: f(() => [
|
|
2813
|
-
|
|
2814
|
+
D(O(s.label), 1)
|
|
2814
2815
|
]),
|
|
2815
2816
|
_: 2
|
|
2816
2817
|
}, 1032, ["label", "value"]))), 128))
|
|
@@ -2818,7 +2819,7 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2818
2819
|
_: 1
|
|
2819
2820
|
}, 16));
|
|
2820
2821
|
}
|
|
2821
|
-
}),
|
|
2822
|
+
}), At = {
|
|
2822
2823
|
none: {
|
|
2823
2824
|
component: "div",
|
|
2824
2825
|
props: {
|
|
@@ -2841,7 +2842,7 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2841
2842
|
defaultValue: ""
|
|
2842
2843
|
},
|
|
2843
2844
|
select: {
|
|
2844
|
-
component:
|
|
2845
|
+
component: qo,
|
|
2845
2846
|
props: {
|
|
2846
2847
|
clearable: !0
|
|
2847
2848
|
}
|
|
@@ -2852,7 +2853,7 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2852
2853
|
defaultValue: []
|
|
2853
2854
|
},
|
|
2854
2855
|
radio: {
|
|
2855
|
-
component:
|
|
2856
|
+
component: Zo,
|
|
2856
2857
|
props: {}
|
|
2857
2858
|
},
|
|
2858
2859
|
number: {
|
|
@@ -2864,7 +2865,7 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2864
2865
|
props: {}
|
|
2865
2866
|
},
|
|
2866
2867
|
time: {
|
|
2867
|
-
component:
|
|
2868
|
+
component: cn,
|
|
2868
2869
|
props: {}
|
|
2869
2870
|
},
|
|
2870
2871
|
datetime: {
|
|
@@ -2874,11 +2875,11 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2874
2875
|
}
|
|
2875
2876
|
},
|
|
2876
2877
|
switch: {
|
|
2877
|
-
component:
|
|
2878
|
+
component: Je,
|
|
2878
2879
|
props: {}
|
|
2879
2880
|
},
|
|
2880
2881
|
rate: {
|
|
2881
|
-
component:
|
|
2882
|
+
component: un,
|
|
2882
2883
|
props: {}
|
|
2883
2884
|
},
|
|
2884
2885
|
slider: {
|
|
@@ -2889,7 +2890,7 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2889
2890
|
component: pn,
|
|
2890
2891
|
props: {}
|
|
2891
2892
|
}
|
|
2892
|
-
},
|
|
2893
|
+
}, Qo = {
|
|
2893
2894
|
/**
|
|
2894
2895
|
* 字段名称
|
|
2895
2896
|
*/
|
|
@@ -2921,7 +2922,7 @@ const Zo = /* @__PURE__ */ V({
|
|
|
2921
2922
|
modelValue: {
|
|
2922
2923
|
type: [String, Number, Boolean, Object, Array],
|
|
2923
2924
|
default(a) {
|
|
2924
|
-
return
|
|
2925
|
+
return At[a.editor]?.defaultValue;
|
|
2925
2926
|
}
|
|
2926
2927
|
},
|
|
2927
2928
|
/**
|
|
@@ -3008,9 +3009,9 @@ async function ea(a, n) {
|
|
|
3008
3009
|
return e ? typeof e == "function" ? await e(n) || [] : e : [];
|
|
3009
3010
|
}
|
|
3010
3011
|
function ta(a, n, e, t, l) {
|
|
3011
|
-
const s =
|
|
3012
|
-
return
|
|
3013
|
-
|
|
3012
|
+
const s = j([]), u = v(() => !t || !l ? {} : Et(a.cascader).reduce((p, d) => (p[d] = Be(l, d), p), {}));
|
|
3013
|
+
return K(
|
|
3014
|
+
u,
|
|
3014
3015
|
async (i) => {
|
|
3015
3016
|
if (e.value) {
|
|
3016
3017
|
s.value = await ea(a, i);
|
|
@@ -3028,21 +3029,21 @@ function ta(a, n, e, t, l) {
|
|
|
3028
3029
|
placeholder: p,
|
|
3029
3030
|
label: d = "...",
|
|
3030
3031
|
disabled: m,
|
|
3031
|
-
readonly:
|
|
3032
|
+
readonly: h
|
|
3032
3033
|
} = a, _ = {
|
|
3033
3034
|
...a.props,
|
|
3034
3035
|
placeholder: p || (p === null ? void 0 : `请输入${d}`),
|
|
3035
3036
|
disabled: m,
|
|
3036
|
-
readonly:
|
|
3037
|
+
readonly: h,
|
|
3037
3038
|
options: s.value,
|
|
3038
3039
|
onFocus: () => n("focus"),
|
|
3039
3040
|
onBlur: () => n("blur"),
|
|
3040
|
-
onChange: (
|
|
3041
|
-
}, y = typeof i == "string" ?
|
|
3041
|
+
onChange: ($) => n("change", $)
|
|
3042
|
+
}, y = typeof i == "string" ? At[i] : {
|
|
3042
3043
|
component: i,
|
|
3043
3044
|
props: {}
|
|
3044
3045
|
};
|
|
3045
|
-
return
|
|
3046
|
+
return Xn({}, y, {
|
|
3046
3047
|
props: _
|
|
3047
3048
|
});
|
|
3048
3049
|
})
|
|
@@ -3054,64 +3055,64 @@ const na = {
|
|
|
3054
3055
|
}, oa = {
|
|
3055
3056
|
key: 0,
|
|
3056
3057
|
class: "x-field__tip"
|
|
3057
|
-
}, aa = /* @__PURE__ */
|
|
3058
|
+
}, aa = /* @__PURE__ */ I({
|
|
3058
3059
|
name: "XField",
|
|
3059
3060
|
__name: "Field",
|
|
3060
|
-
props:
|
|
3061
|
+
props: Qo,
|
|
3061
3062
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
3062
3063
|
setup(a, { expose: n, emit: e }) {
|
|
3063
|
-
const t = a, l = e, s =
|
|
3064
|
+
const t = a, l = e, s = $e(Ft, null), u = $e(fn, null), r = $e(Nt, null), i = v(() => !s?.proxy || !r ? t.visible : typeof t.visible == "function" ? t.visible(r) : Ge(t.visible) ? Object.entries(t.visible).every(([U, H]) => Be(r, U) === H) : t.visible), p = () => s?.proxy && r && t.name ? Be(r, t.name) ?? t.modelValue : t.modelValue, d = j(p()), { editor: m } = ta(
|
|
3064
3065
|
t,
|
|
3065
3066
|
l,
|
|
3066
3067
|
i,
|
|
3067
3068
|
s,
|
|
3068
3069
|
r
|
|
3069
|
-
),
|
|
3070
|
-
() => t.size ||
|
|
3071
|
-
),
|
|
3070
|
+
), h = j(), _ = j(), y = v(
|
|
3071
|
+
() => t.size || u?.size || "default"
|
|
3072
|
+
), $ = v(() => Object.assign(
|
|
3072
3073
|
{},
|
|
3073
3074
|
s?.props.tooltipMessage || {},
|
|
3074
3075
|
typeof t.tooltipMessage == "boolean" ? {} : t.tooltipMessage
|
|
3075
|
-
)), w = (x = "") => t.error ? t.error : x.includes("is required") ? `${t.label || t.name}是必填项!` : x,
|
|
3076
|
+
)), w = (x = "") => t.error ? t.error : x.includes("is required") ? `${t.label || t.name}是必填项!` : x, E = v(() => {
|
|
3076
3077
|
const x = s?.props.tooltipMessage ?? t.tooltipMessage;
|
|
3077
3078
|
return {
|
|
3078
3079
|
[`is-tooltip-${t.tooltipPosition}`]: !!x && !!t.tooltipPosition
|
|
3079
3080
|
};
|
|
3080
|
-
}),
|
|
3081
|
+
}), P = v(() => {
|
|
3081
3082
|
const x = s?.proxy;
|
|
3082
3083
|
return {
|
|
3083
|
-
width: t.width ?
|
|
3084
|
+
width: t.width ? Q(t.width) : x && x.inline && x.inlineColumns ? `${100 / x.inlineColumns}%` : null
|
|
3084
3085
|
};
|
|
3085
|
-
}),
|
|
3086
|
+
}), C = v(() => ({
|
|
3086
3087
|
right: typeof t.tooltipPosition == "number" ? `${t.tooltipPosition}px` : void 0
|
|
3087
|
-
})),
|
|
3088
|
+
})), V = v(() => ({
|
|
3088
3089
|
...m.value.props,
|
|
3089
3090
|
modelValue: d.value,
|
|
3090
3091
|
"onUpdate:modelValue": (x) => {
|
|
3091
3092
|
d.value = x;
|
|
3092
3093
|
}
|
|
3093
3094
|
}));
|
|
3094
|
-
return
|
|
3095
|
-
i.value && !
|
|
3096
|
-
}),
|
|
3097
|
-
() => !s?.proxy || !t.name || !r ? t.modelValue :
|
|
3095
|
+
return K(d, (x, U) => {
|
|
3096
|
+
i.value && !qe(x, U) && (l("update:modelValue", x), s?.proxy && r && t.name && Xe(r, t.name, x));
|
|
3097
|
+
}), K(
|
|
3098
|
+
() => !s?.proxy || !t.name || !r ? t.modelValue : Be(r, t.name) ?? t.modelValue,
|
|
3098
3099
|
(x) => {
|
|
3099
3100
|
i.value && (d.value = x);
|
|
3100
3101
|
},
|
|
3101
3102
|
{
|
|
3102
3103
|
immediate: !0
|
|
3103
3104
|
}
|
|
3104
|
-
),
|
|
3105
|
+
), K(
|
|
3105
3106
|
i,
|
|
3106
3107
|
(x) => {
|
|
3107
|
-
s?.proxy && r && t.name && (x ? (d.value = p(),
|
|
3108
|
+
s?.proxy && r && t.name && (x ? (d.value = p(), Xe(r, t.name, d.value)) : (d.value = void 0, Xe(r, t.name, void 0)));
|
|
3108
3109
|
},
|
|
3109
3110
|
{
|
|
3110
3111
|
immediate: !0
|
|
3111
3112
|
}
|
|
3112
3113
|
), n({
|
|
3113
3114
|
fieldValue: d,
|
|
3114
|
-
itemRef:
|
|
3115
|
+
itemRef: h,
|
|
3115
3116
|
editorRef: _,
|
|
3116
3117
|
focus: () => {
|
|
3117
3118
|
_.value?.focus && _.value.focus();
|
|
@@ -3119,78 +3120,78 @@ const na = {
|
|
|
3119
3120
|
blur: () => {
|
|
3120
3121
|
_.value?.foucs && _.value.blur();
|
|
3121
3122
|
}
|
|
3122
|
-
}), (x,
|
|
3123
|
+
}), (x, U) => i.value ? (c(), g(o(mn), A({
|
|
3123
3124
|
key: 0,
|
|
3124
|
-
class: ["x-field",
|
|
3125
|
+
class: ["x-field", E.value],
|
|
3125
3126
|
ref_key: "itemRef",
|
|
3126
|
-
ref:
|
|
3127
|
+
ref: h,
|
|
3127
3128
|
prop: t.name,
|
|
3128
3129
|
label: x.label,
|
|
3129
3130
|
size: y.value,
|
|
3130
|
-
style:
|
|
3131
|
-
}, x.$attrs),
|
|
3132
|
-
error: f(({ error:
|
|
3133
|
-
|
|
3134
|
-
o(s)?.props.tooltipMessage ?? t.tooltipMessage ? (
|
|
3131
|
+
style: P.value
|
|
3132
|
+
}, x.$attrs), ue({
|
|
3133
|
+
error: f(({ error: H }) => [
|
|
3134
|
+
S(x.$slots, "error", { error: H }, () => [
|
|
3135
|
+
o(s)?.props.tooltipMessage ?? t.tooltipMessage ? (c(), z("div", {
|
|
3135
3136
|
key: 0,
|
|
3136
3137
|
class: "x-field__info",
|
|
3137
|
-
style: fe(
|
|
3138
|
+
style: fe(C.value)
|
|
3138
3139
|
}, [
|
|
3139
|
-
k(o(
|
|
3140
|
-
content: w(
|
|
3141
|
-
},
|
|
3140
|
+
k(o(bt), A({
|
|
3141
|
+
content: w(H)
|
|
3142
|
+
}, $.value), {
|
|
3142
3143
|
default: f(() => [
|
|
3143
3144
|
k(o(de), {
|
|
3144
3145
|
class: "x-field__trigger",
|
|
3145
|
-
icon: o(
|
|
3146
|
+
icon: o(In),
|
|
3146
3147
|
size: y.value
|
|
3147
3148
|
}, null, 8, ["icon", "size"])
|
|
3148
3149
|
]),
|
|
3149
3150
|
_: 2
|
|
3150
3151
|
}, 1040, ["content"])
|
|
3151
|
-
], 4)) : (
|
|
3152
|
+
], 4)) : (c(), z("div", na, O(w(H)), 1))
|
|
3152
3153
|
])
|
|
3153
3154
|
]),
|
|
3154
3155
|
default: f(() => [
|
|
3155
|
-
|
|
3156
|
-
class:
|
|
3156
|
+
F("div", {
|
|
3157
|
+
class: Y(["x-field__editor_wrap", { "is-inline": t.inline }])
|
|
3157
3158
|
}, [
|
|
3158
|
-
|
|
3159
|
-
o(m).component ? (
|
|
3159
|
+
S(x.$slots, "editor", { editor: V.value }, () => [
|
|
3160
|
+
o(m).component ? (c(), g(J(o(m).component), A({
|
|
3160
3161
|
key: 0,
|
|
3161
3162
|
class: "x-field__editor",
|
|
3162
3163
|
ref_key: "editorRef",
|
|
3163
3164
|
ref: _,
|
|
3164
3165
|
modelValue: d.value,
|
|
3165
|
-
"onUpdate:modelValue":
|
|
3166
|
-
}, o(m).props),
|
|
3166
|
+
"onUpdate:modelValue": U[0] || (U[0] = (H) => d.value = H)
|
|
3167
|
+
}, o(m).props), ue({ _: 2 }, [
|
|
3167
3168
|
x.$slots.option ? {
|
|
3168
3169
|
name: "option",
|
|
3169
|
-
fn: f(({ option:
|
|
3170
|
-
|
|
3170
|
+
fn: f(({ option: H }) => [
|
|
3171
|
+
S(x.$slots, "option", { option: H })
|
|
3171
3172
|
]),
|
|
3172
3173
|
key: "0"
|
|
3173
3174
|
} : void 0
|
|
3174
|
-
]), 1040, ["modelValue"])) :
|
|
3175
|
+
]), 1040, ["modelValue"])) : b("", !0)
|
|
3175
3176
|
]),
|
|
3176
|
-
t.tip || x.$slots.tip ? (
|
|
3177
|
-
|
|
3178
|
-
|
|
3177
|
+
t.tip || x.$slots.tip ? (c(), z("div", oa, [
|
|
3178
|
+
S(x.$slots, "tip", {}, () => [
|
|
3179
|
+
D(O(t.tip), 1)
|
|
3179
3180
|
])
|
|
3180
|
-
])) :
|
|
3181
|
+
])) : b("", !0)
|
|
3181
3182
|
], 2),
|
|
3182
|
-
|
|
3183
|
+
S(x.$slots, "default")
|
|
3183
3184
|
]),
|
|
3184
3185
|
_: 2
|
|
3185
3186
|
}, [
|
|
3186
3187
|
x.$slots.label ? {
|
|
3187
3188
|
name: "label",
|
|
3188
3189
|
fn: f(() => [
|
|
3189
|
-
|
|
3190
|
+
S(x.$slots, "label")
|
|
3190
3191
|
]),
|
|
3191
3192
|
key: "0"
|
|
3192
3193
|
} : void 0
|
|
3193
|
-
]), 1040, ["prop", "label", "size", "class", "style"])) :
|
|
3194
|
+
]), 1040, ["prop", "label", "size", "class", "style"])) : b("", !0);
|
|
3194
3195
|
}
|
|
3195
3196
|
}), sa = {
|
|
3196
3197
|
/**
|
|
@@ -3248,78 +3249,78 @@ const na = {
|
|
|
3248
3249
|
type: [Object, Boolean],
|
|
3249
3250
|
default: void 0
|
|
3250
3251
|
}
|
|
3251
|
-
},
|
|
3252
|
+
}, Ft = Symbol("formInstanceKey"), Nt = Symbol("formModelKey"), la = /* @__PURE__ */ I({
|
|
3252
3253
|
name: "XForm",
|
|
3253
3254
|
__name: "Form",
|
|
3254
3255
|
props: sa,
|
|
3255
3256
|
emits: ["change", "submit", "reset"],
|
|
3256
3257
|
setup(a, { expose: n, emit: e }) {
|
|
3257
|
-
const t = a, l = e, s = pe(),
|
|
3258
|
-
|
|
3259
|
-
l("change", ye(r));
|
|
3260
|
-
}), L(
|
|
3258
|
+
const t = a, l = e, s = pe(), u = j(), r = Re(t.model || {}), i = j(!1);
|
|
3259
|
+
Se(Ft, s), Se(Nt, r), K(
|
|
3261
3260
|
() => t.model,
|
|
3262
3261
|
(m) => {
|
|
3263
3262
|
Object.assign(r, m);
|
|
3264
3263
|
},
|
|
3265
3264
|
{ deep: !0 }
|
|
3266
|
-
)
|
|
3265
|
+
), K(r, () => {
|
|
3266
|
+
l("change", ye(r));
|
|
3267
|
+
});
|
|
3267
3268
|
const p = async () => {
|
|
3268
|
-
await
|
|
3269
|
+
await u.value.validate().catch(() => !1) && (l("submit", ye(r)), t.submitMethod && (i.value = !0, await t.submitMethod(ye(r)), i.value = !1));
|
|
3269
3270
|
}, d = (m) => {
|
|
3270
|
-
|
|
3271
|
+
u.value.resetFields(m), l("reset");
|
|
3271
3272
|
};
|
|
3272
3273
|
return n({
|
|
3273
|
-
formRef:
|
|
3274
|
+
formRef: u,
|
|
3274
3275
|
model: r,
|
|
3275
3276
|
submit: p,
|
|
3276
3277
|
reset: d
|
|
3277
|
-
}), (m,
|
|
3278
|
+
}), (m, h) => (c(), g(o(gn), A({
|
|
3278
3279
|
ref_key: "formRef",
|
|
3279
|
-
ref:
|
|
3280
|
+
ref: u,
|
|
3280
3281
|
class: "x-form",
|
|
3281
3282
|
inline: t.inline,
|
|
3282
3283
|
model: r,
|
|
3283
|
-
onKeyup:
|
|
3284
|
-
onSubmit:
|
|
3284
|
+
onKeyup: Kt(p, ["enter"]),
|
|
3285
|
+
onSubmit: h[1] || (h[1] = vt(() => {
|
|
3285
3286
|
}, ["stop", "prevent"]))
|
|
3286
3287
|
}, m.$attrs), {
|
|
3287
3288
|
default: f(() => [
|
|
3288
|
-
|
|
3289
|
-
t.footer ? (
|
|
3289
|
+
S(m.$slots, "default"),
|
|
3290
|
+
t.footer ? (c(), g(o(aa), {
|
|
3290
3291
|
key: 0,
|
|
3291
3292
|
editor: "none",
|
|
3292
3293
|
class: "x-form__footer",
|
|
3293
3294
|
label: " "
|
|
3294
3295
|
}, {
|
|
3295
3296
|
editor: f(() => [
|
|
3296
|
-
|
|
3297
|
-
t.submitText ? (
|
|
3297
|
+
S(m.$slots, "footer", {}, () => [
|
|
3298
|
+
t.submitText ? (c(), g(o(ie), {
|
|
3298
3299
|
key: 0,
|
|
3299
3300
|
loading: i.value,
|
|
3300
3301
|
type: "primary",
|
|
3301
3302
|
onClick: p
|
|
3302
3303
|
}, {
|
|
3303
3304
|
default: f(() => [
|
|
3304
|
-
|
|
3305
|
+
D(O(t.submitText), 1)
|
|
3305
3306
|
]),
|
|
3306
3307
|
_: 1
|
|
3307
|
-
}, 8, ["loading"])) :
|
|
3308
|
-
t.resetText ? (
|
|
3308
|
+
}, 8, ["loading"])) : b("", !0),
|
|
3309
|
+
t.resetText ? (c(), g(o(ie), {
|
|
3309
3310
|
key: 1,
|
|
3310
3311
|
type: "default",
|
|
3311
|
-
onClick:
|
|
3312
|
+
onClick: h[0] || (h[0] = () => d())
|
|
3312
3313
|
}, {
|
|
3313
3314
|
default: f(() => [
|
|
3314
|
-
|
|
3315
|
+
D(O(t.resetText), 1)
|
|
3315
3316
|
]),
|
|
3316
3317
|
_: 1
|
|
3317
|
-
})) :
|
|
3318
|
-
|
|
3318
|
+
})) : b("", !0),
|
|
3319
|
+
S(m.$slots, "action")
|
|
3319
3320
|
])
|
|
3320
3321
|
]),
|
|
3321
3322
|
_: 3
|
|
3322
|
-
})) :
|
|
3323
|
+
})) : b("", !0)
|
|
3323
3324
|
]),
|
|
3324
3325
|
_: 3
|
|
3325
3326
|
}, 16, ["inline", "model"]));
|
|
@@ -3361,13 +3362,13 @@ const na = {
|
|
|
3361
3362
|
submitMethod: {
|
|
3362
3363
|
type: Function
|
|
3363
3364
|
}
|
|
3364
|
-
},
|
|
3365
|
+
}, Ka = /* @__PURE__ */ I({
|
|
3365
3366
|
name: "XDialogForm",
|
|
3366
3367
|
__name: "DialogForm",
|
|
3367
3368
|
props: ia,
|
|
3368
3369
|
emits: ["update:modelValue", "submit", "close"],
|
|
3369
3370
|
setup(a, { expose: n, emit: e }) {
|
|
3370
|
-
const t = a, l = e, s =
|
|
3371
|
+
const t = a, l = e, s = j(), u = j(), r = v(() => u.value?.$vtjEl), i = () => {
|
|
3371
3372
|
s.value?.submit();
|
|
3372
3373
|
}, p = () => {
|
|
3373
3374
|
l("update:modelValue", !1), l("close");
|
|
@@ -3375,28 +3376,28 @@ const na = {
|
|
|
3375
3376
|
l("submit", _), t.submitMethod ? await t.submitMethod(_) && p() : p();
|
|
3376
3377
|
}, m = v(
|
|
3377
3378
|
() => t.formProps?.disabled ? !1 : t.submit
|
|
3378
|
-
),
|
|
3379
|
+
), h = v(
|
|
3379
3380
|
() => t.formProps?.disabled ? !1 : t.cancel
|
|
3380
3381
|
);
|
|
3381
3382
|
return n({
|
|
3382
3383
|
$vtjEl: r,
|
|
3383
3384
|
formRef: s,
|
|
3384
|
-
dialogRef:
|
|
3385
|
-
}), (_, y) => (
|
|
3385
|
+
dialogRef: u
|
|
3386
|
+
}), (_, y) => (c(), g(o(Ot), A({
|
|
3386
3387
|
ref_key: "dialogRef",
|
|
3387
|
-
ref:
|
|
3388
|
+
ref: u,
|
|
3388
3389
|
class: "x-dialog-form",
|
|
3389
3390
|
"model-value": t.modelValue,
|
|
3390
3391
|
submit: m.value,
|
|
3391
|
-
cancel:
|
|
3392
|
+
cancel: h.value,
|
|
3392
3393
|
size: t.size,
|
|
3393
3394
|
onSubmit: i,
|
|
3394
3395
|
onClose: p,
|
|
3395
3396
|
minimizable: !1,
|
|
3396
3397
|
maximizable: !1
|
|
3397
|
-
}, _.$attrs),
|
|
3398
|
+
}, _.$attrs), ue({
|
|
3398
3399
|
default: f(() => [
|
|
3399
|
-
k(o(la),
|
|
3400
|
+
k(o(la), A({
|
|
3400
3401
|
ref_key: "formRef",
|
|
3401
3402
|
ref: s,
|
|
3402
3403
|
class: "x-dialog-form__form",
|
|
@@ -3408,7 +3409,7 @@ const na = {
|
|
|
3408
3409
|
"submit-method": d
|
|
3409
3410
|
}, t.formProps), {
|
|
3410
3411
|
default: f(() => [
|
|
3411
|
-
|
|
3412
|
+
S(_.$slots, "default")
|
|
3412
3413
|
]),
|
|
3413
3414
|
_: 3
|
|
3414
3415
|
}, 16, ["size", "model", "rules"])
|
|
@@ -3418,21 +3419,21 @@ const na = {
|
|
|
3418
3419
|
_.$slots.extra ? {
|
|
3419
3420
|
name: "extra",
|
|
3420
3421
|
fn: f(() => [
|
|
3421
|
-
|
|
3422
|
+
S(_.$slots, "extra")
|
|
3422
3423
|
]),
|
|
3423
3424
|
key: "0"
|
|
3424
3425
|
} : void 0,
|
|
3425
3426
|
_.$slots.handle ? {
|
|
3426
3427
|
name: "handle",
|
|
3427
3428
|
fn: f(() => [
|
|
3428
|
-
|
|
3429
|
+
S(_.$slots, "handle")
|
|
3429
3430
|
]),
|
|
3430
3431
|
key: "1"
|
|
3431
3432
|
} : void 0,
|
|
3432
3433
|
_.$slots.footer ? {
|
|
3433
3434
|
name: "footer",
|
|
3434
3435
|
fn: f(() => [
|
|
3435
|
-
|
|
3436
|
+
S(_.$slots, "footer")
|
|
3436
3437
|
]),
|
|
3437
3438
|
key: "2"
|
|
3438
3439
|
} : void 0
|
|
@@ -3447,64 +3448,72 @@ const na = {
|
|
|
3447
3448
|
},
|
|
3448
3449
|
border: {
|
|
3449
3450
|
type: Boolean
|
|
3451
|
+
},
|
|
3452
|
+
fit: {
|
|
3453
|
+
type: Boolean
|
|
3454
|
+
},
|
|
3455
|
+
align: {
|
|
3456
|
+
type: String
|
|
3450
3457
|
}
|
|
3451
|
-
},
|
|
3458
|
+
}, ca = { class: "x-tabs__label-inner" }, ua = {
|
|
3452
3459
|
key: 0,
|
|
3453
3460
|
class: "x-tabs__actions"
|
|
3454
|
-
}, Wa = /* @__PURE__ */
|
|
3461
|
+
}, Wa = /* @__PURE__ */ I({
|
|
3455
3462
|
name: "XTabs",
|
|
3456
3463
|
__name: "Tabs",
|
|
3457
3464
|
props: ra,
|
|
3458
3465
|
emits: ["actionClick", "actionCommand"],
|
|
3459
3466
|
setup(a, { emit: n }) {
|
|
3460
3467
|
const e = a, t = n, l = (i) => {
|
|
3461
|
-
const { label: p, name: d, value: m, disabled:
|
|
3468
|
+
const { label: p, name: d, value: m, disabled: h, closable: _, lazy: y } = i;
|
|
3462
3469
|
return {
|
|
3463
3470
|
label: p,
|
|
3464
3471
|
name: m ?? d,
|
|
3465
|
-
disabled:
|
|
3472
|
+
disabled: h,
|
|
3466
3473
|
closable: _,
|
|
3467
3474
|
lazy: y
|
|
3468
3475
|
};
|
|
3469
3476
|
}, s = v(() => ({
|
|
3470
|
-
"is-no-border": !e.border
|
|
3471
|
-
|
|
3477
|
+
"is-no-border": !e.border,
|
|
3478
|
+
"is-fit": !!e.fit,
|
|
3479
|
+
[`is-align-${e.align}`]: !!e.align
|
|
3480
|
+
})), u = (i) => {
|
|
3472
3481
|
t("actionClick", i);
|
|
3473
3482
|
}, r = (i) => {
|
|
3474
3483
|
t("actionCommand", i);
|
|
3475
3484
|
};
|
|
3476
|
-
return (i, p) => (
|
|
3485
|
+
return (i, p) => (c(), g(o(_t), A({
|
|
3477
3486
|
class: ["x-tabs", s.value]
|
|
3478
3487
|
}, i.$attrs), {
|
|
3479
3488
|
default: f(() => [
|
|
3480
|
-
(
|
|
3489
|
+
(c(!0), z(W, null, Z(e.items, (d) => (c(), g(o(He), A({
|
|
3481
3490
|
key: d.value ?? d.name
|
|
3482
3491
|
}, l(d)), {
|
|
3483
3492
|
label: f(() => [
|
|
3484
|
-
|
|
3485
|
-
d.icon ? (
|
|
3493
|
+
S(i.$slots, "label", le(he(d)), () => [
|
|
3494
|
+
d.icon ? (c(), g(J(o(ke)(d.icon)), {
|
|
3486
3495
|
key: 0,
|
|
3487
3496
|
class: "x-tabs__icon"
|
|
3488
|
-
})) :
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
d.actions && [d.name, d.value].includes(i.$attrs.modelValue) ? (
|
|
3492
|
-
(
|
|
3497
|
+
})) : b("", !0),
|
|
3498
|
+
F("div", ca, [
|
|
3499
|
+
D(O(d.label) + " ", 1),
|
|
3500
|
+
d.actions && [d.name, d.value].includes(i.$attrs.modelValue) ? (c(), z("div", ua, [
|
|
3501
|
+
(c(!0), z(W, null, Z(d.actions, (m) => (c(), g(o(te), A({
|
|
3493
3502
|
mode: "icon",
|
|
3494
3503
|
type: "primary",
|
|
3495
3504
|
size: "small",
|
|
3496
3505
|
circle: ""
|
|
3497
3506
|
}, m, {
|
|
3498
|
-
onClick:
|
|
3507
|
+
onClick: u,
|
|
3499
3508
|
onCommand: r
|
|
3500
3509
|
}), null, 16))), 256))
|
|
3501
|
-
])) :
|
|
3510
|
+
])) : b("", !0)
|
|
3502
3511
|
])
|
|
3503
3512
|
])
|
|
3504
3513
|
]),
|
|
3505
3514
|
default: f(() => [
|
|
3506
|
-
|
|
3507
|
-
d.component ? (
|
|
3515
|
+
S(i.$slots, "default", le(he(d)), () => [
|
|
3516
|
+
d.component ? (c(), g(J(d.component), le(A({ key: 0 }, d.props)), null, 16)) : b("", !0)
|
|
3508
3517
|
])
|
|
3509
3518
|
]),
|
|
3510
3519
|
_: 2
|
|
@@ -3560,59 +3569,59 @@ const na = {
|
|
|
3560
3569
|
}, ga = {
|
|
3561
3570
|
key: 3,
|
|
3562
3571
|
class: "x-data-item__section x-data-item__actions"
|
|
3563
|
-
},
|
|
3572
|
+
}, Ya = /* @__PURE__ */ I({
|
|
3564
3573
|
name: "XDataItem",
|
|
3565
3574
|
__name: "DataItem",
|
|
3566
3575
|
props: da,
|
|
3567
3576
|
emits: ["imageClick", "titleClick", "actionClick", "actionCommand"],
|
|
3568
3577
|
setup(a, { emit: n }) {
|
|
3569
3578
|
const e = a, t = n, l = v(() => {
|
|
3570
|
-
const { imageWidth: m, imageHeight:
|
|
3579
|
+
const { imageWidth: m, imageHeight: h } = e;
|
|
3571
3580
|
return {
|
|
3572
|
-
width: m ?
|
|
3573
|
-
height:
|
|
3581
|
+
width: m ? Q(m) : void 0,
|
|
3582
|
+
height: h ? Q(h) : void 0
|
|
3574
3583
|
};
|
|
3575
3584
|
}), s = v(() => ({
|
|
3576
3585
|
[`is-image-${e.direction}`]: !!e.direction,
|
|
3577
3586
|
"is-split": !!e.split
|
|
3578
|
-
})),
|
|
3587
|
+
})), u = v(() => ({
|
|
3579
3588
|
size: "small",
|
|
3580
3589
|
mode: "text",
|
|
3581
3590
|
justify: "flex-end",
|
|
3582
3591
|
type: "info",
|
|
3583
3592
|
items: e.actions,
|
|
3584
3593
|
...e.actionBarProps
|
|
3585
|
-
})), r = () => t("imageClick"), i = () => t("titleClick"), p = (m) => t("actionClick", m), d = (m,
|
|
3586
|
-
return (m,
|
|
3587
|
-
class:
|
|
3594
|
+
})), r = () => t("imageClick"), i = () => t("titleClick"), p = (m) => t("actionClick", m), d = (m, h) => t("actionCommand", m, h);
|
|
3595
|
+
return (m, h) => (c(), g(o(B), {
|
|
3596
|
+
class: Y(["x-data-item", s.value]),
|
|
3588
3597
|
direction: e.direction
|
|
3589
3598
|
}, {
|
|
3590
3599
|
default: f(() => [
|
|
3591
|
-
e.imageSrc || m.$slots.image ? (
|
|
3600
|
+
e.imageSrc || m.$slots.image ? (c(), g(o(B), {
|
|
3592
3601
|
key: 0,
|
|
3593
3602
|
class: "x-data-item__img",
|
|
3594
3603
|
autoPointer: !0,
|
|
3595
3604
|
onClick: e.onImageClick ? r : void 0
|
|
3596
3605
|
}, {
|
|
3597
3606
|
default: f(() => [
|
|
3598
|
-
|
|
3599
|
-
e.imageSrc ? (
|
|
3607
|
+
S(m.$slots, "image", {}, () => [
|
|
3608
|
+
e.imageSrc ? (c(), g(o(yn), {
|
|
3600
3609
|
key: 0,
|
|
3601
3610
|
style: fe(l.value),
|
|
3602
3611
|
src: e.imageSrc
|
|
3603
|
-
}, null, 8, ["style", "src"])) :
|
|
3612
|
+
}, null, 8, ["style", "src"])) : b("", !0)
|
|
3604
3613
|
])
|
|
3605
3614
|
]),
|
|
3606
3615
|
_: 3
|
|
3607
|
-
}, 8, ["onClick"])) :
|
|
3608
|
-
k(o(
|
|
3616
|
+
}, 8, ["onClick"])) : b("", !0),
|
|
3617
|
+
k(o(B), {
|
|
3609
3618
|
class: "x-data-item__content",
|
|
3610
3619
|
direction: "column",
|
|
3611
3620
|
grow: "",
|
|
3612
3621
|
shrink: ""
|
|
3613
3622
|
}, {
|
|
3614
3623
|
default: f(() => [
|
|
3615
|
-
e.title || m.$slots.title ? (
|
|
3624
|
+
e.title || m.$slots.title ? (c(), g(o(B), {
|
|
3616
3625
|
key: 0,
|
|
3617
3626
|
class: "x-data-item__section x-data-item__wrapper",
|
|
3618
3627
|
align: "center",
|
|
@@ -3620,34 +3629,34 @@ const na = {
|
|
|
3620
3629
|
onClick: e.onTitleClick ? i : void 0
|
|
3621
3630
|
}, {
|
|
3622
3631
|
default: f(() => [
|
|
3623
|
-
e.icon ? (
|
|
3632
|
+
e.icon ? (c(), g(J(o(ke)(e.icon)), {
|
|
3624
3633
|
key: 0,
|
|
3625
3634
|
class: "x-data-item__icon"
|
|
3626
|
-
})) :
|
|
3627
|
-
|
|
3628
|
-
|
|
3629
|
-
|
|
3635
|
+
})) : b("", !0),
|
|
3636
|
+
F("span", pa, [
|
|
3637
|
+
S(m.$slots, "title", {}, () => [
|
|
3638
|
+
D(O(e.title), 1)
|
|
3630
3639
|
])
|
|
3631
3640
|
])
|
|
3632
3641
|
]),
|
|
3633
3642
|
_: 3
|
|
3634
|
-
}, 8, ["onClick"])) :
|
|
3635
|
-
e.description || m.$slots.description ? (
|
|
3636
|
-
|
|
3637
|
-
|
|
3643
|
+
}, 8, ["onClick"])) : b("", !0),
|
|
3644
|
+
e.description || m.$slots.description ? (c(), z("div", fa, [
|
|
3645
|
+
S(m.$slots, "description", {}, () => [
|
|
3646
|
+
D(O(e.description), 1)
|
|
3638
3647
|
])
|
|
3639
|
-
])) :
|
|
3640
|
-
m.$slots.default ? (
|
|
3641
|
-
|
|
3642
|
-
])) :
|
|
3643
|
-
e.actions || e.actionBarProps || m.$slots.actions ? (
|
|
3644
|
-
|
|
3645
|
-
k(o(et),
|
|
3648
|
+
])) : b("", !0),
|
|
3649
|
+
m.$slots.default ? (c(), z("div", ma, [
|
|
3650
|
+
S(m.$slots, "default")
|
|
3651
|
+
])) : b("", !0),
|
|
3652
|
+
e.actions || e.actionBarProps || m.$slots.actions ? (c(), z("div", ga, [
|
|
3653
|
+
S(m.$slots, "actions", {}, () => [
|
|
3654
|
+
k(o(et), A(u.value, {
|
|
3646
3655
|
onClick: p,
|
|
3647
3656
|
onCommand: d
|
|
3648
3657
|
}), null, 16)
|
|
3649
3658
|
])
|
|
3650
|
-
])) :
|
|
3659
|
+
])) : b("", !0)
|
|
3651
3660
|
]),
|
|
3652
3661
|
_: 3
|
|
3653
3662
|
})
|
|
@@ -3671,23 +3680,23 @@ const na = {
|
|
|
3671
3680
|
function va() {
|
|
3672
3681
|
return import("echarts");
|
|
3673
3682
|
}
|
|
3674
|
-
function
|
|
3675
|
-
const e =
|
|
3683
|
+
function ba(a, n) {
|
|
3684
|
+
const e = j(), t = Ve();
|
|
3676
3685
|
return mt(async () => {
|
|
3677
3686
|
t.value = await va();
|
|
3678
3687
|
const l = o(a);
|
|
3679
3688
|
l && (e.value || (e.value = we(t.value.init(l))), e.value && e.value.setOption(n.option || {}));
|
|
3680
3689
|
}), gt(() => {
|
|
3681
3690
|
e.value && e.value.dispose();
|
|
3682
|
-
}),
|
|
3691
|
+
}), K(
|
|
3683
3692
|
() => n.option,
|
|
3684
3693
|
(l) => {
|
|
3685
3694
|
e.value && e.value.setOption(l || {});
|
|
3686
3695
|
},
|
|
3687
3696
|
{ deep: !0 }
|
|
3688
|
-
),
|
|
3697
|
+
), Dn(
|
|
3689
3698
|
a,
|
|
3690
|
-
|
|
3699
|
+
Ln(() => {
|
|
3691
3700
|
e.value && e.value.resize();
|
|
3692
3701
|
}, 150)
|
|
3693
3702
|
), {
|
|
@@ -3695,26 +3704,26 @@ function ha(a, n) {
|
|
|
3695
3704
|
echarts: t
|
|
3696
3705
|
};
|
|
3697
3706
|
}
|
|
3698
|
-
const
|
|
3707
|
+
const Ja = /* @__PURE__ */ I({
|
|
3699
3708
|
name: "XChart",
|
|
3700
3709
|
__name: "Chart",
|
|
3701
3710
|
props: ya,
|
|
3702
3711
|
setup(a, { expose: n }) {
|
|
3703
|
-
const e = a, t =
|
|
3704
|
-
width:
|
|
3705
|
-
height:
|
|
3712
|
+
const e = a, t = j(), { echartsInstance: l, echarts: s } = ba(t, e), u = v(() => ({
|
|
3713
|
+
width: Q(e.width),
|
|
3714
|
+
height: Q(e.height)
|
|
3706
3715
|
}));
|
|
3707
3716
|
return n({
|
|
3708
3717
|
chartRef: t,
|
|
3709
3718
|
echartsInstance: l,
|
|
3710
3719
|
echarts: s
|
|
3711
|
-
}), (r, i) => (
|
|
3720
|
+
}), (r, i) => (c(), z("div", {
|
|
3712
3721
|
ref_key: "chartRef",
|
|
3713
3722
|
ref: t,
|
|
3714
|
-
style: fe(
|
|
3723
|
+
style: fe(u.value)
|
|
3715
3724
|
}, null, 4));
|
|
3716
3725
|
}
|
|
3717
|
-
}),
|
|
3726
|
+
}), ha = {
|
|
3718
3727
|
data: {
|
|
3719
3728
|
type: [Object, Function],
|
|
3720
3729
|
default() {
|
|
@@ -3764,120 +3773,120 @@ const Qa = /* @__PURE__ */ V({
|
|
|
3764
3773
|
}, xa = {
|
|
3765
3774
|
key: 1,
|
|
3766
3775
|
class: "x-list__nomore"
|
|
3767
|
-
},
|
|
3776
|
+
}, $a = {
|
|
3768
3777
|
key: 1,
|
|
3769
3778
|
class: "x-list__pager"
|
|
3770
|
-
},
|
|
3779
|
+
}, qa = /* @__PURE__ */ I({
|
|
3771
3780
|
name: "XList",
|
|
3772
3781
|
__name: "List",
|
|
3773
|
-
props:
|
|
3782
|
+
props: ha,
|
|
3774
3783
|
emits: ["load"],
|
|
3775
3784
|
setup(a, { expose: n, emit: e }) {
|
|
3776
|
-
const t = a, l = e, s =
|
|
3785
|
+
const t = a, l = e, s = Re({
|
|
3777
3786
|
page: t.page,
|
|
3778
3787
|
pageSize: t.pageSize
|
|
3779
3788
|
});
|
|
3780
|
-
|
|
3781
|
-
const { page:
|
|
3782
|
-
Object.assign(s, { page:
|
|
3789
|
+
Ye(() => {
|
|
3790
|
+
const { page: M, pageSize: N } = t;
|
|
3791
|
+
Object.assign(s, { page: M, pageSize: N });
|
|
3783
3792
|
});
|
|
3784
|
-
const { data:
|
|
3793
|
+
const { data: u, loading: r } = lo(
|
|
3785
3794
|
t.data,
|
|
3786
3795
|
{
|
|
3787
3796
|
list: [],
|
|
3788
3797
|
total: 0
|
|
3789
3798
|
},
|
|
3790
3799
|
s
|
|
3791
|
-
), i = v(() => Math.ceil((
|
|
3792
|
-
width:
|
|
3793
|
-
height:
|
|
3794
|
-
})),
|
|
3800
|
+
), i = v(() => Math.ceil((u.value.total || 0) / s.pageSize)), p = j(!1), d = j(), m = v(() => ({
|
|
3801
|
+
width: Q(t.width),
|
|
3802
|
+
height: Q(t.height)
|
|
3803
|
+
})), h = v(() => ({
|
|
3795
3804
|
"is-virtual": !!t.itemHeight
|
|
3796
3805
|
})), _ = v(() => {
|
|
3797
|
-
const
|
|
3806
|
+
const M = {};
|
|
3798
3807
|
for (let [N, x] of Object.entries(
|
|
3799
3808
|
it(t.infiniteScroll)
|
|
3800
3809
|
))
|
|
3801
|
-
|
|
3802
|
-
return (r.value || p.value) && (
|
|
3803
|
-
}), y = v(() => it(t.pager, {})), { list:
|
|
3804
|
-
v(() =>
|
|
3810
|
+
M[`infinite-scroll-${N}`] = x;
|
|
3811
|
+
return (r.value || p.value) && (M["infinite-scroll-disabled"] = !0), M;
|
|
3812
|
+
}), y = v(() => it(t.pager, {})), { list: $, containerProps: w, wrapperProps: E, scrollTo: P } = An(
|
|
3813
|
+
v(() => u.value.list),
|
|
3805
3814
|
{
|
|
3806
3815
|
itemHeight: t.itemHeight || 0
|
|
3807
3816
|
}
|
|
3808
|
-
),
|
|
3817
|
+
), C = () => {
|
|
3809
3818
|
!t.infiniteScroll || p.value || (s.page < i.value ? (++s.page, l("load", s)) : p.value = !0);
|
|
3810
|
-
},
|
|
3819
|
+
}, V = (M) => t.dataKey ? M[t.dataKey] : void 0;
|
|
3811
3820
|
return n({
|
|
3812
|
-
list:
|
|
3813
|
-
scrollTo:
|
|
3821
|
+
list: $,
|
|
3822
|
+
scrollTo: P,
|
|
3814
3823
|
wrapperRef: d,
|
|
3815
3824
|
loading: r,
|
|
3816
3825
|
state: s,
|
|
3817
3826
|
pageCount: i,
|
|
3818
3827
|
nomore: p,
|
|
3819
|
-
data:
|
|
3820
|
-
getKey:
|
|
3821
|
-
}), (
|
|
3822
|
-
class:
|
|
3828
|
+
data: u,
|
|
3829
|
+
getKey: V
|
|
3830
|
+
}), (M, N) => (c(), z("div", {
|
|
3831
|
+
class: Y(["x-list", h.value]),
|
|
3823
3832
|
style: fe(m.value)
|
|
3824
3833
|
}, [
|
|
3825
|
-
!o(
|
|
3826
|
-
k(o(
|
|
3827
|
-
]) :
|
|
3828
|
-
|
|
3829
|
-
t.itemHeight ? G((
|
|
3834
|
+
!o(u).total && !o(r) ? S(M.$slots, "empty", { key: 0 }, () => [
|
|
3835
|
+
k(o(ht))
|
|
3836
|
+
]) : b("", !0),
|
|
3837
|
+
F("div", A({ class: "x-list__content" }, o(w)), [
|
|
3838
|
+
t.itemHeight ? G((c(), z("div", A({
|
|
3830
3839
|
key: 0,
|
|
3831
3840
|
class: "x-list__wrapper",
|
|
3832
3841
|
ref_key: "wrapperRef",
|
|
3833
3842
|
ref: d
|
|
3834
|
-
}, { ...o(
|
|
3835
|
-
(
|
|
3836
|
-
key:
|
|
3837
|
-
}, { item: x.data, index:
|
|
3838
|
-
|
|
3843
|
+
}, { ...o(E), ..._.value }), [
|
|
3844
|
+
(c(!0), z(W, null, Z(o($), (x, U) => S(M.$slots, "default", le(A({
|
|
3845
|
+
key: V(x.data)
|
|
3846
|
+
}, { item: x.data, index: U })), () => [
|
|
3847
|
+
F("div", null, O(x), 1)
|
|
3839
3848
|
])), 128)),
|
|
3840
|
-
o(r) ? (
|
|
3841
|
-
|
|
3842
|
-
|
|
3849
|
+
o(r) ? (c(), z("div", _a, [
|
|
3850
|
+
S(M.$slots, "loading", {}, () => [
|
|
3851
|
+
D(" 正在加载数据... ")
|
|
3843
3852
|
])
|
|
3844
|
-
])) :
|
|
3845
|
-
p.value ? (
|
|
3846
|
-
|
|
3847
|
-
|
|
3853
|
+
])) : b("", !0),
|
|
3854
|
+
p.value ? (c(), z("div", ka, [
|
|
3855
|
+
S(M.$slots, "nomore", {}, () => [
|
|
3856
|
+
D(" 没有更多数据 ")
|
|
3848
3857
|
])
|
|
3849
|
-
])) :
|
|
3858
|
+
])) : b("", !0)
|
|
3850
3859
|
], 16)), [
|
|
3851
|
-
[o(at),
|
|
3852
|
-
]) : G((
|
|
3860
|
+
[o(at), C]
|
|
3861
|
+
]) : G((c(), z("div", A({
|
|
3853
3862
|
key: 1,
|
|
3854
3863
|
class: "x-list__wrapper"
|
|
3855
3864
|
}, _.value), [
|
|
3856
|
-
(
|
|
3857
|
-
key:
|
|
3858
|
-
}, { item: x, index:
|
|
3859
|
-
|
|
3865
|
+
(c(!0), z(W, null, Z(o(u).list, (x, U) => S(M.$slots, "default", le(A({
|
|
3866
|
+
key: V(x)
|
|
3867
|
+
}, { item: x, index: U })), () => [
|
|
3868
|
+
F("div", null, O(x), 1)
|
|
3860
3869
|
])), 128)),
|
|
3861
|
-
o(r) ? (
|
|
3862
|
-
|
|
3863
|
-
|
|
3870
|
+
o(r) ? (c(), z("div", wa, [
|
|
3871
|
+
S(M.$slots, "loading", {}, () => [
|
|
3872
|
+
D(" 正在加载数据... ")
|
|
3864
3873
|
])
|
|
3865
|
-
])) :
|
|
3866
|
-
p.value ? (
|
|
3867
|
-
|
|
3868
|
-
|
|
3874
|
+
])) : b("", !0),
|
|
3875
|
+
p.value ? (c(), z("div", xa, [
|
|
3876
|
+
S(M.$slots, "nomore", {}, () => [
|
|
3877
|
+
D(" 没有更多数据 ")
|
|
3869
3878
|
])
|
|
3870
|
-
])) :
|
|
3879
|
+
])) : b("", !0)
|
|
3871
3880
|
], 16)), [
|
|
3872
|
-
[o(at),
|
|
3881
|
+
[o(at), C]
|
|
3873
3882
|
])
|
|
3874
3883
|
], 16),
|
|
3875
|
-
t.pager ? (
|
|
3876
|
-
k(o(vn),
|
|
3884
|
+
t.pager ? (c(), z("div", $a, [
|
|
3885
|
+
k(o(vn), A({
|
|
3877
3886
|
small: "",
|
|
3878
3887
|
background: "",
|
|
3879
3888
|
layout: "prev, pager, next",
|
|
3880
|
-
total: o(
|
|
3889
|
+
total: o(u).total,
|
|
3881
3890
|
"default-page-size": t.pageSize,
|
|
3882
3891
|
"default-current-page": t.page,
|
|
3883
3892
|
"current-page": s.page,
|
|
@@ -3885,10 +3894,10 @@ const Qa = /* @__PURE__ */ V({
|
|
|
3885
3894
|
"page-size": s.pageSize,
|
|
3886
3895
|
"onUpdate:pageSize": N[1] || (N[1] = (x) => s.pageSize = x)
|
|
3887
3896
|
}, y.value), null, 16, ["total", "default-page-size", "default-current-page", "current-page", "page-size"])
|
|
3888
|
-
])) :
|
|
3897
|
+
])) : b("", !0)
|
|
3889
3898
|
], 6));
|
|
3890
3899
|
}
|
|
3891
|
-
}),
|
|
3900
|
+
}), Sa = {
|
|
3892
3901
|
name: {
|
|
3893
3902
|
type: String,
|
|
3894
3903
|
default: "VTJ.PRO"
|
|
@@ -3905,9 +3914,9 @@ const Qa = /* @__PURE__ */ V({
|
|
|
3905
3914
|
type: String,
|
|
3906
3915
|
default: "/@vtj/pro/"
|
|
3907
3916
|
}
|
|
3908
|
-
},
|
|
3917
|
+
}, Ca = { class: "x-startup" }, za = { class: "x-startup__wrapper" }, Ma = { class: "x-startup__name" }, Ta = { class: "clip" }, Ea = { class: "x-startup__tagline" }, Pa = { class: "x-startup__actions" }, Ga = /* @__PURE__ */ I({
|
|
3909
3918
|
__name: "Startup",
|
|
3910
|
-
props:
|
|
3919
|
+
props: Sa,
|
|
3911
3920
|
setup(a) {
|
|
3912
3921
|
const n = a, e = () => {
|
|
3913
3922
|
if (typeof window < "u") {
|
|
@@ -3915,22 +3924,22 @@ const Qa = /* @__PURE__ */ V({
|
|
|
3915
3924
|
window.location.href = l;
|
|
3916
3925
|
}
|
|
3917
3926
|
};
|
|
3918
|
-
return (t, l) => (
|
|
3919
|
-
|
|
3920
|
-
|
|
3921
|
-
|
|
3927
|
+
return (t, l) => (c(), z("div", Ca, [
|
|
3928
|
+
F("div", za, [
|
|
3929
|
+
F("div", Ma, [
|
|
3930
|
+
F("span", Ta, O(n.name), 1)
|
|
3922
3931
|
]),
|
|
3923
|
-
|
|
3924
|
-
|
|
3932
|
+
F("div", Ea, O(n.tagline), 1),
|
|
3933
|
+
F("div", Pa, [
|
|
3925
3934
|
k(o(ie), {
|
|
3926
3935
|
type: "primary",
|
|
3927
3936
|
size: "large",
|
|
3928
3937
|
round: "",
|
|
3929
|
-
icon: o(
|
|
3938
|
+
icon: o(Vn),
|
|
3930
3939
|
onClick: e
|
|
3931
3940
|
}, {
|
|
3932
3941
|
default: f(() => [
|
|
3933
|
-
|
|
3942
|
+
D(O(n.actionText), 1)
|
|
3934
3943
|
]),
|
|
3935
3944
|
_: 1
|
|
3936
3945
|
}, 8, ["icon"])
|
|
@@ -3938,7 +3947,7 @@ const Qa = /* @__PURE__ */ V({
|
|
|
3938
3947
|
])
|
|
3939
3948
|
]));
|
|
3940
3949
|
}
|
|
3941
|
-
}),
|
|
3950
|
+
}), Ba = {
|
|
3942
3951
|
stringProp: {
|
|
3943
3952
|
type: String
|
|
3944
3953
|
},
|
|
@@ -3969,13 +3978,13 @@ const Qa = /* @__PURE__ */ V({
|
|
|
3969
3978
|
syncProp: {
|
|
3970
3979
|
type: String
|
|
3971
3980
|
}
|
|
3972
|
-
},
|
|
3981
|
+
}, Ia = { class: "x-test__slot" }, Va = { class: "x-test__slot" }, Za = /* @__PURE__ */ I({
|
|
3973
3982
|
name: "XTest",
|
|
3974
3983
|
__name: "Test",
|
|
3975
|
-
props:
|
|
3984
|
+
props: Ba,
|
|
3976
3985
|
emits: ["click", "submit", "change", "update:modelValue", "update:syncProp"],
|
|
3977
3986
|
setup(a, { expose: n, emit: e }) {
|
|
3978
|
-
const t = a, l = e, s = v(() => Object.entries(t)),
|
|
3987
|
+
const t = a, l = e, s = v(() => Object.entries(t)), u = v({
|
|
3979
3988
|
get() {
|
|
3980
3989
|
return t.modelValue;
|
|
3981
3990
|
},
|
|
@@ -3989,7 +3998,7 @@ const Qa = /* @__PURE__ */ V({
|
|
|
3989
3998
|
set(_) {
|
|
3990
3999
|
l("update:syncProp", _);
|
|
3991
4000
|
}
|
|
3992
|
-
}), i =
|
|
4001
|
+
}), i = j("default inner data"), p = () => {
|
|
3993
4002
|
lt.info({
|
|
3994
4003
|
message: "触发click事件"
|
|
3995
4004
|
}), l("click", t);
|
|
@@ -3999,7 +4008,7 @@ const Qa = /* @__PURE__ */ V({
|
|
|
3999
4008
|
}), l("submit", t);
|
|
4000
4009
|
}, m = (_) => {
|
|
4001
4010
|
i.value = _, l("change", i.value);
|
|
4002
|
-
},
|
|
4011
|
+
}, h = () => {
|
|
4003
4012
|
m("user click change:" + Date.now());
|
|
4004
4013
|
};
|
|
4005
4014
|
return n({
|
|
@@ -4007,7 +4016,7 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4007
4016
|
submit: d,
|
|
4008
4017
|
data: i,
|
|
4009
4018
|
change: m
|
|
4010
|
-
}), (_, y) => (
|
|
4019
|
+
}), (_, y) => (c(), g(o(Ie), {
|
|
4011
4020
|
class: "x-test",
|
|
4012
4021
|
header: "VTJ 低代码测试组件",
|
|
4013
4022
|
border: ""
|
|
@@ -4015,19 +4024,19 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4015
4024
|
default: f(() => [
|
|
4016
4025
|
k(o(se), null, {
|
|
4017
4026
|
default: f(() => [
|
|
4018
|
-
|
|
4027
|
+
D("内部数据")
|
|
4019
4028
|
]),
|
|
4020
4029
|
_: 1
|
|
4021
4030
|
}),
|
|
4022
|
-
k(o(
|
|
4031
|
+
k(o(B), null, {
|
|
4023
4032
|
default: f(() => [
|
|
4024
|
-
|
|
4033
|
+
D(O(i.value), 1)
|
|
4025
4034
|
]),
|
|
4026
4035
|
_: 1
|
|
4027
4036
|
}),
|
|
4028
4037
|
k(o(se), null, {
|
|
4029
4038
|
default: f(() => [
|
|
4030
|
-
|
|
4039
|
+
D("属性")
|
|
4031
4040
|
]),
|
|
4032
4041
|
_: 1
|
|
4033
4042
|
}),
|
|
@@ -4036,9 +4045,9 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4036
4045
|
border: ""
|
|
4037
4046
|
}, {
|
|
4038
4047
|
default: f(() => [
|
|
4039
|
-
(
|
|
4048
|
+
(c(!0), z(W, null, Z(s.value, ([$, w]) => (c(), g(o(Ne), { label: $ }, {
|
|
4040
4049
|
default: f(() => [
|
|
4041
|
-
|
|
4050
|
+
F("pre", null, O(JSON.stringify(w, null, 2)), 1)
|
|
4042
4051
|
]),
|
|
4043
4052
|
_: 2
|
|
4044
4053
|
}, 1032, ["label"]))), 256))
|
|
@@ -4047,45 +4056,45 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4047
4056
|
}),
|
|
4048
4057
|
k(o(se), null, {
|
|
4049
4058
|
default: f(() => [
|
|
4050
|
-
|
|
4059
|
+
D("插槽")
|
|
4051
4060
|
]),
|
|
4052
4061
|
_: 1
|
|
4053
4062
|
}),
|
|
4054
|
-
k(o(
|
|
4063
|
+
k(o(B), {
|
|
4055
4064
|
justify: "space-around",
|
|
4056
4065
|
flex: "",
|
|
4057
4066
|
gap: ""
|
|
4058
4067
|
}, {
|
|
4059
4068
|
default: f(() => [
|
|
4060
|
-
k(o(
|
|
4069
|
+
k(o(Ie), {
|
|
4061
4070
|
header: "default",
|
|
4062
4071
|
grow: "",
|
|
4063
4072
|
card: ""
|
|
4064
4073
|
}, {
|
|
4065
4074
|
default: f(() => [
|
|
4066
|
-
|
|
4067
|
-
|
|
4075
|
+
F("div", Ia, [
|
|
4076
|
+
S(_.$slots, "default", {
|
|
4068
4077
|
props: t,
|
|
4069
4078
|
data: i.value
|
|
4070
4079
|
}, () => [
|
|
4071
|
-
|
|
4080
|
+
F("pre", null, O(JSON.stringify({ props: t, data: i.value }, null, 2)), 1)
|
|
4072
4081
|
])
|
|
4073
4082
|
])
|
|
4074
4083
|
]),
|
|
4075
4084
|
_: 3
|
|
4076
4085
|
}),
|
|
4077
|
-
k(o(
|
|
4086
|
+
k(o(Ie), {
|
|
4078
4087
|
header: "extra",
|
|
4079
4088
|
grow: "",
|
|
4080
4089
|
card: ""
|
|
4081
4090
|
}, {
|
|
4082
4091
|
default: f(() => [
|
|
4083
|
-
|
|
4084
|
-
|
|
4092
|
+
F("div", Va, [
|
|
4093
|
+
S(_.$slots, "extra", {
|
|
4085
4094
|
props: t,
|
|
4086
4095
|
data: i.value
|
|
4087
4096
|
}, () => [
|
|
4088
|
-
|
|
4097
|
+
F("pre", null, O(JSON.stringify({ props: t, data: i.value }, null, 2)), 1)
|
|
4089
4098
|
])
|
|
4090
4099
|
])
|
|
4091
4100
|
]),
|
|
@@ -4096,11 +4105,11 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4096
4105
|
}),
|
|
4097
4106
|
k(o(se), null, {
|
|
4098
4107
|
default: f(() => [
|
|
4099
|
-
|
|
4108
|
+
D("双向绑定")
|
|
4100
4109
|
]),
|
|
4101
4110
|
_: 1
|
|
4102
4111
|
}),
|
|
4103
|
-
k(o(
|
|
4112
|
+
k(o(B), null, {
|
|
4104
4113
|
default: f(() => [
|
|
4105
4114
|
k(o(st), {
|
|
4106
4115
|
column: 2,
|
|
@@ -4110,8 +4119,8 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4110
4119
|
k(o(Ne), { label: "modelValue" }, {
|
|
4111
4120
|
default: f(() => [
|
|
4112
4121
|
k(o(_e), {
|
|
4113
|
-
modelValue:
|
|
4114
|
-
"onUpdate:modelValue": y[0] || (y[0] = (
|
|
4122
|
+
modelValue: u.value,
|
|
4123
|
+
"onUpdate:modelValue": y[0] || (y[0] = ($) => u.value = $)
|
|
4115
4124
|
}, null, 8, ["modelValue"])
|
|
4116
4125
|
]),
|
|
4117
4126
|
_: 1
|
|
@@ -4120,7 +4129,7 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4120
4129
|
default: f(() => [
|
|
4121
4130
|
k(o(_e), {
|
|
4122
4131
|
modelValue: r.value,
|
|
4123
|
-
"onUpdate:modelValue": y[1] || (y[1] = (
|
|
4132
|
+
"onUpdate:modelValue": y[1] || (y[1] = ($) => r.value = $)
|
|
4124
4133
|
}, null, 8, ["modelValue"])
|
|
4125
4134
|
]),
|
|
4126
4135
|
_: 1
|
|
@@ -4133,27 +4142,27 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4133
4142
|
}),
|
|
4134
4143
|
k(o(se), null, {
|
|
4135
4144
|
default: f(() => [
|
|
4136
|
-
|
|
4145
|
+
D("事件和方法")
|
|
4137
4146
|
]),
|
|
4138
4147
|
_: 1
|
|
4139
4148
|
}),
|
|
4140
|
-
k(o(
|
|
4149
|
+
k(o(B), null, {
|
|
4141
4150
|
default: f(() => [
|
|
4142
4151
|
k(o(ie), { onClick: p }, {
|
|
4143
4152
|
default: f(() => [
|
|
4144
|
-
|
|
4153
|
+
D("click")
|
|
4145
4154
|
]),
|
|
4146
4155
|
_: 1
|
|
4147
4156
|
}),
|
|
4148
4157
|
k(o(ie), { onClick: d }, {
|
|
4149
4158
|
default: f(() => [
|
|
4150
|
-
|
|
4159
|
+
D("submit")
|
|
4151
4160
|
]),
|
|
4152
4161
|
_: 1
|
|
4153
4162
|
}),
|
|
4154
|
-
k(o(ie), { onClick:
|
|
4163
|
+
k(o(ie), { onClick: h }, {
|
|
4155
4164
|
default: f(() => [
|
|
4156
|
-
|
|
4165
|
+
D("change")
|
|
4157
4166
|
]),
|
|
4158
4167
|
_: 1
|
|
4159
4168
|
})
|
|
@@ -4164,7 +4173,7 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4164
4173
|
_: 3
|
|
4165
4174
|
}));
|
|
4166
4175
|
}
|
|
4167
|
-
}),
|
|
4176
|
+
}), Oa = {
|
|
4168
4177
|
units: {
|
|
4169
4178
|
type: [String, Object, Array]
|
|
4170
4179
|
},
|
|
@@ -4188,71 +4197,71 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4188
4197
|
selectProps: {
|
|
4189
4198
|
type: Object
|
|
4190
4199
|
}
|
|
4191
|
-
},
|
|
4200
|
+
}, Qa = /* @__PURE__ */ I({
|
|
4192
4201
|
name: "XInputUnit",
|
|
4193
4202
|
__name: "InputUnit",
|
|
4194
|
-
props:
|
|
4203
|
+
props: Oa,
|
|
4195
4204
|
emits: ["update:modelValue", "update:unit", "change", "unit-change"],
|
|
4196
4205
|
setup(a, { expose: n, emit: e }) {
|
|
4197
|
-
const t = a, l = e, s = v(() =>
|
|
4198
|
-
const y = s.value.map((
|
|
4199
|
-
return t.unit && y.push(t.unit),
|
|
4200
|
-
}), r =
|
|
4206
|
+
const t = a, l = e, s = v(() => Et(t.units).map(($) => typeof $ == "string" ? { label: $, value: $ } : $)), u = v(() => {
|
|
4207
|
+
const y = s.value.map(($) => $.value);
|
|
4208
|
+
return t.unit && y.push(t.unit), Un(y);
|
|
4209
|
+
}), r = j(), i = j(), p = (y) => t.format && y ? Hn(Number(y) || 0, t.format) : y, d = (y) => {
|
|
4201
4210
|
if (!t.withUnit || typeof y != "string")
|
|
4202
4211
|
return { value: p(y), unit: t.unit };
|
|
4203
|
-
for (const
|
|
4204
|
-
const w = new RegExp(`${
|
|
4212
|
+
for (const $ of u.value) {
|
|
4213
|
+
const w = new RegExp(`${$}$`);
|
|
4205
4214
|
if (w.test(y))
|
|
4206
4215
|
return {
|
|
4207
4216
|
value: p(y.toString().replace(w, "")),
|
|
4208
|
-
unit:
|
|
4217
|
+
unit: $
|
|
4209
4218
|
};
|
|
4210
4219
|
}
|
|
4211
4220
|
return { value: p(y), unit: t.unit };
|
|
4212
4221
|
}, m = () => {
|
|
4213
|
-
const y = p(i.value),
|
|
4214
|
-
return t.withUnit && y &&
|
|
4222
|
+
const y = p(i.value), $ = r.value;
|
|
4223
|
+
return t.withUnit && y && $ ? `${y}${$}` : y;
|
|
4215
4224
|
};
|
|
4216
|
-
|
|
4225
|
+
K(
|
|
4217
4226
|
() => t.modelValue,
|
|
4218
4227
|
(y) => {
|
|
4219
|
-
const { value:
|
|
4220
|
-
r.value = w, i.value =
|
|
4228
|
+
const { value: $, unit: w } = d(y);
|
|
4229
|
+
r.value = w, i.value = $;
|
|
4221
4230
|
},
|
|
4222
4231
|
{
|
|
4223
4232
|
immediate: !0
|
|
4224
4233
|
}
|
|
4225
|
-
),
|
|
4234
|
+
), K(i, (y) => {
|
|
4226
4235
|
l("change", y);
|
|
4227
4236
|
});
|
|
4228
|
-
const
|
|
4229
|
-
const { value: y, unit:
|
|
4230
|
-
i.value = y, r.value =
|
|
4237
|
+
const h = async () => {
|
|
4238
|
+
const { value: y, unit: $ } = d(m());
|
|
4239
|
+
i.value = y, r.value = $, l("update:modelValue", m());
|
|
4231
4240
|
}, _ = () => {
|
|
4232
|
-
l("unit-change", r.value),
|
|
4241
|
+
l("unit-change", r.value), h();
|
|
4233
4242
|
};
|
|
4234
4243
|
return n({
|
|
4235
4244
|
parser: d,
|
|
4236
4245
|
formatValue: p
|
|
4237
|
-
}), (y,
|
|
4246
|
+
}), (y, $) => (c(), g(o(_e), {
|
|
4238
4247
|
modelValue: i.value,
|
|
4239
|
-
"onUpdate:modelValue":
|
|
4248
|
+
"onUpdate:modelValue": $[1] || ($[1] = (w) => i.value = w),
|
|
4240
4249
|
modelModifiers: { trim: !0 },
|
|
4241
4250
|
class: "x-input-unit",
|
|
4242
|
-
onChange:
|
|
4243
|
-
},
|
|
4251
|
+
onChange: h
|
|
4252
|
+
}, ue({ _: 2 }, [
|
|
4244
4253
|
s.value.length ? {
|
|
4245
4254
|
name: "append",
|
|
4246
4255
|
fn: f(() => [
|
|
4247
|
-
k(o(wt),
|
|
4256
|
+
k(o(wt), A({
|
|
4248
4257
|
class: "x-input-unit__unit",
|
|
4249
4258
|
modelValue: r.value,
|
|
4250
|
-
"onUpdate:modelValue":
|
|
4259
|
+
"onUpdate:modelValue": $[0] || ($[0] = (w) => r.value = w),
|
|
4251
4260
|
size: y.$attrs.size,
|
|
4252
4261
|
style: { width: `${t.appendWidth}px` }
|
|
4253
4262
|
}, y.$props.selectProps, { onChange: _ }), {
|
|
4254
4263
|
default: f(() => [
|
|
4255
|
-
(
|
|
4264
|
+
(c(!0), z(W, null, Z(s.value, (w) => (c(), g(o(xt), {
|
|
4256
4265
|
key: w.value,
|
|
4257
4266
|
label: w.label,
|
|
4258
4267
|
value: w.value
|
|
@@ -4265,12 +4274,12 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4265
4274
|
} : {
|
|
4266
4275
|
name: "suffix",
|
|
4267
4276
|
fn: f(() => [
|
|
4268
|
-
r.value ? (
|
|
4277
|
+
r.value ? (c(), z("div", {
|
|
4269
4278
|
key: 0,
|
|
4270
4279
|
class: "x-input-unit__unit"
|
|
4271
4280
|
}, [
|
|
4272
|
-
|
|
4273
|
-
])) :
|
|
4281
|
+
F("span", null, O(r.value), 1)
|
|
4282
|
+
])) : b("", !0)
|
|
4274
4283
|
]),
|
|
4275
4284
|
key: "1"
|
|
4276
4285
|
}
|
|
@@ -4278,64 +4287,64 @@ const Qa = /* @__PURE__ */ V({
|
|
|
4278
4287
|
}
|
|
4279
4288
|
});
|
|
4280
4289
|
export {
|
|
4281
|
-
|
|
4290
|
+
ut as Draggable,
|
|
4282
4291
|
rt as INSTALLED_KEY,
|
|
4283
|
-
|
|
4292
|
+
Rt as MASK_KEY,
|
|
4284
4293
|
dt as Resizable,
|
|
4285
|
-
|
|
4286
|
-
|
|
4287
|
-
|
|
4294
|
+
jt as TAB_CREATORS_KEY,
|
|
4295
|
+
Vo as TAB_ITEM_WIDTH,
|
|
4296
|
+
Xa as VTJ_UI_VERSION,
|
|
4288
4297
|
te as XAction,
|
|
4289
4298
|
et as XActionBar,
|
|
4290
|
-
|
|
4291
|
-
|
|
4292
|
-
|
|
4293
|
-
|
|
4294
|
-
|
|
4299
|
+
Ja as XChart,
|
|
4300
|
+
B as XContainer,
|
|
4301
|
+
Ya as XDataItem,
|
|
4302
|
+
Ot as XDialog,
|
|
4303
|
+
Ka as XDialogForm,
|
|
4295
4304
|
aa as XField,
|
|
4296
4305
|
la as XForm,
|
|
4297
4306
|
go as XHeader,
|
|
4298
4307
|
de as XIcon,
|
|
4299
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
4308
|
+
Qa as XInputUnit,
|
|
4309
|
+
qa as XList,
|
|
4310
|
+
Ua as XMask,
|
|
4302
4311
|
ge as XMenu,
|
|
4303
|
-
|
|
4312
|
+
Ie as XPanel,
|
|
4304
4313
|
Ga as XStartup,
|
|
4305
4314
|
Wa as XTabs,
|
|
4306
|
-
|
|
4307
|
-
|
|
4308
|
-
|
|
4309
|
-
|
|
4315
|
+
Za as XTest,
|
|
4316
|
+
co as actionBarProps,
|
|
4317
|
+
It as actionProps,
|
|
4318
|
+
At as builtinFieldEditors,
|
|
4310
4319
|
ya as chartProps,
|
|
4311
|
-
|
|
4320
|
+
uo as containerProps,
|
|
4312
4321
|
tt as createDialog,
|
|
4313
4322
|
da as dataItemProps,
|
|
4314
|
-
|
|
4323
|
+
Ha as defineTab,
|
|
4315
4324
|
ia as dialogFormProps,
|
|
4316
|
-
|
|
4317
|
-
|
|
4318
|
-
|
|
4325
|
+
bo as dialogProps,
|
|
4326
|
+
Qo as fieldProps,
|
|
4327
|
+
Ft as formInstanceKey,
|
|
4319
4328
|
Nt as formModelKey,
|
|
4320
4329
|
sa as formProps,
|
|
4321
|
-
|
|
4330
|
+
Q as getSizeValue,
|
|
4322
4331
|
po as headerProps,
|
|
4323
|
-
|
|
4324
|
-
|
|
4325
|
-
|
|
4326
|
-
|
|
4327
|
-
|
|
4328
|
-
|
|
4332
|
+
Jn as iconProps,
|
|
4333
|
+
Yn as iconSizeMap,
|
|
4334
|
+
Oa as inputUnitProps,
|
|
4335
|
+
ha as listProps,
|
|
4336
|
+
La as makeInstaller,
|
|
4337
|
+
Oo as maskProps,
|
|
4329
4338
|
yo as panelProps,
|
|
4330
|
-
|
|
4331
|
-
|
|
4339
|
+
Me as parseSize,
|
|
4340
|
+
Sa as startupProps,
|
|
4332
4341
|
ra as tabsProps,
|
|
4333
|
-
|
|
4342
|
+
Ba as testProps,
|
|
4334
4343
|
it as toObjectProps,
|
|
4335
|
-
|
|
4344
|
+
Qe as useDisabled,
|
|
4336
4345
|
ke as useIcon,
|
|
4337
4346
|
so as useIconProps,
|
|
4338
4347
|
lo as useLoader,
|
|
4339
4348
|
vo as vDraggable,
|
|
4340
|
-
|
|
4349
|
+
Vt as vResizable
|
|
4341
4350
|
};
|