@xiaou66/u-web-ui 0.0.29 → 0.0.30
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.es.js
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createStaticVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p,
|
|
2
|
-
import { Aside as
|
|
3
|
-
import { useRoute as
|
|
4
|
-
|
|
1
|
+
import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createStaticVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, inject as m, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onMounted as b, onUnmounted as x, openBlock as S, provide as C, reactive as w, ref as T, renderList as E, renderSlot as D, resolveComponent as O, resolveDynamicComponent as k, toDisplayString as A, toHandlers as j, toRefs as M, unref as N, useAttrs as P, useModel as F, useSlots as I, watch as L, withCtx as R, withModifiers as z } from "vue";
|
|
2
|
+
import { Aside as B, Avatar as V, Button as H, Content as U, Divider as W, HeadMenu as G, Header as K, Icon as q, Layout as J, Menu as ee, MenuItem as te, Submenu as ne, Switch as re } from "tdesign-vue-next";
|
|
3
|
+
import { useRoute as ie, useRouter as ae } from "vue-router";
|
|
4
|
+
import { useEventListener as oe } from "@vueuse/core";
|
|
5
|
+
const se = "u-web";
|
|
5
6
|
function Y(...e) {
|
|
6
|
-
return
|
|
7
|
+
return se + "-" + e.join("-");
|
|
7
8
|
}
|
|
8
9
|
function X(...e) {
|
|
9
10
|
let t = e.join("-");
|
|
10
11
|
return (...e) => Y(t, ...e);
|
|
11
12
|
}
|
|
12
|
-
function
|
|
13
|
+
function ce(e) {
|
|
13
14
|
return e.substring(0, 1).toUpperCase() + e.substring(1);
|
|
14
15
|
}
|
|
15
|
-
const Z = "on",
|
|
16
|
+
const Z = "on", le = [
|
|
16
17
|
"Capture",
|
|
17
18
|
"Passive",
|
|
18
19
|
"Once"
|
|
19
|
-
],
|
|
20
|
-
function
|
|
20
|
+
], ue = /* @__PURE__ */ RegExp(`^(${le.join("|")})*$`);
|
|
21
|
+
function de(...e) {
|
|
21
22
|
if (!e.length) return !1;
|
|
22
23
|
let t = p();
|
|
23
24
|
if (!t) return !1;
|
|
@@ -25,25 +26,25 @@ function pe(...e) {
|
|
|
25
26
|
if (!r) return !1;
|
|
26
27
|
let i = r.props || {}, a = [...Object.keys(n).filter((e) => e.startsWith(Z)), ...Object.keys(i).filter((e) => e.startsWith(Z))];
|
|
27
28
|
for (let t of e) {
|
|
28
|
-
let e = t.startsWith(Z) ? t : `${Z}${
|
|
29
|
+
let e = t.startsWith(Z) ? t : `${Z}${ce(t)}`;
|
|
29
30
|
if (a.includes(e)) return !0;
|
|
30
31
|
for (let t of a) if (t.startsWith(e)) {
|
|
31
32
|
let n = t.slice(e.length);
|
|
32
|
-
if (n &&
|
|
33
|
+
if (n && ue.test(n)) return !0;
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
36
|
return !1;
|
|
36
37
|
}
|
|
37
|
-
function
|
|
38
|
+
function fe(e) {
|
|
38
39
|
return typeof e == "function";
|
|
39
40
|
}
|
|
40
|
-
function
|
|
41
|
+
function pe(e) {
|
|
41
42
|
return e === null;
|
|
42
43
|
}
|
|
43
|
-
function
|
|
44
|
+
function me(e) {
|
|
44
45
|
return e === void 0;
|
|
45
46
|
}
|
|
46
|
-
var
|
|
47
|
+
var he = /* @__PURE__ */ f({
|
|
47
48
|
__name: "BackTop",
|
|
48
49
|
props: {
|
|
49
50
|
visibleHeight: { default: 200 },
|
|
@@ -55,7 +56,7 @@ var _e = /* @__PURE__ */ f({
|
|
|
55
56
|
},
|
|
56
57
|
emits: ["click"],
|
|
57
58
|
setup(e, { emit: t }) {
|
|
58
|
-
let c = e, l = t, u = Y("back-top"), d =
|
|
59
|
+
let c = e, l = t, u = Y("back-top"), d = T(!1), f = T(), p = r(() => !c.targetContainer), m = null, h = (e) => {
|
|
59
60
|
let t = () => {
|
|
60
61
|
m === null && (m = requestAnimationFrame(() => {
|
|
61
62
|
e(), m = null;
|
|
@@ -69,17 +70,17 @@ var _e = /* @__PURE__ */ f({
|
|
|
69
70
|
let { visibleHeight: e } = c, t = p.value ? window.pageYOffset : f.value.scrollTop;
|
|
70
71
|
d.value = t >= e;
|
|
71
72
|
}
|
|
72
|
-
}), _ = (e) => typeof e == "string" ? (console.log("container: ", document.querySelector(e)), document.querySelector(e)) : e,
|
|
73
|
+
}), _ = (e) => typeof e == "string" ? (console.log("container: ", document.querySelector(e)), document.querySelector(e)) : e, C = (e, t, n) => {
|
|
73
74
|
e.addEventListener(t, n);
|
|
74
|
-
},
|
|
75
|
+
}, w = (e, t, n) => {
|
|
75
76
|
e.removeEventListener(t, n);
|
|
76
77
|
};
|
|
77
|
-
|
|
78
|
-
f.value = p.value ? document?.documentElement : _(c.targetContainer), f.value && (
|
|
79
|
-
}),
|
|
80
|
-
g.cancel(), f.value &&
|
|
78
|
+
b(() => {
|
|
79
|
+
f.value = p.value ? document?.documentElement : _(c.targetContainer), f.value && (C(p.value ? window : f.value, "scroll", g), g());
|
|
80
|
+
}), x(() => {
|
|
81
|
+
g.cancel(), f.value && w(p.value ? window : f.value, "scroll", g);
|
|
81
82
|
});
|
|
82
|
-
let
|
|
83
|
+
let E = () => {
|
|
83
84
|
if (!f.value) return;
|
|
84
85
|
l("click");
|
|
85
86
|
let e = p.value ? window.pageYOffset : f.value.scrollTop, { duration: t } = c, n = performance.now(), r = (i) => {
|
|
@@ -87,43 +88,43 @@ var _e = /* @__PURE__ */ f({
|
|
|
87
88
|
p.value ? window.scrollTo(0, c) : f.value && (f.value.scrollTop = c), o < 1 && requestAnimationFrame(r);
|
|
88
89
|
};
|
|
89
90
|
requestAnimationFrame(r);
|
|
90
|
-
},
|
|
91
|
+
}, O = r(() => {
|
|
91
92
|
let { right: e = 28, bottom: t = 50 } = c.position || {};
|
|
92
93
|
return {
|
|
93
94
|
right: `${e}px`,
|
|
94
95
|
bottom: `${t}px`
|
|
95
96
|
};
|
|
96
97
|
});
|
|
97
|
-
return (e, t) => (
|
|
98
|
-
default:
|
|
98
|
+
return (e, t) => (S(), i(n, { name: "fade-in" }, {
|
|
99
|
+
default: R(() => [d.value ? (S(), o("div", {
|
|
99
100
|
key: 0,
|
|
100
|
-
class:
|
|
101
|
-
style:
|
|
102
|
-
onClick:
|
|
103
|
-
}, [
|
|
104
|
-
class:
|
|
101
|
+
class: v([N(u), { [`${N(u)}-${e.size}`]: e.size !== "default" }]),
|
|
102
|
+
style: y(O.value),
|
|
103
|
+
onClick: E
|
|
104
|
+
}, [D(e.$slots, "default", {}, () => [s("button", { class: v(`${N(u)}-btn`) }, [(S(), o("svg", {
|
|
105
|
+
class: v(`${N(u)}-icon`),
|
|
105
106
|
viewBox: "0 0 24 24",
|
|
106
107
|
fill: "currentColor"
|
|
107
108
|
}, t[0] ||= [s("path", { d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" }, null, -1)], 2))], 2)])], 6)) : a("", !0)]),
|
|
108
109
|
_: 3
|
|
109
110
|
}));
|
|
110
111
|
}
|
|
111
|
-
}),
|
|
112
|
+
}), ge = he, _e = /* @__PURE__ */ f({
|
|
112
113
|
__name: "WebBaseLayout",
|
|
113
114
|
setup(e) {
|
|
114
115
|
return (e, t) => {
|
|
115
|
-
let n =
|
|
116
|
-
return
|
|
117
|
-
default:
|
|
118
|
-
default:
|
|
116
|
+
let n = K, r = B, o = U, s = J;
|
|
117
|
+
return S(), i(s, { class: "h-screen" }, {
|
|
118
|
+
default: R(() => [e.$slots.header ? (S(), i(n, { key: 0 }, {
|
|
119
|
+
default: R(() => [D(e.$slots, "header")]),
|
|
119
120
|
_: 3
|
|
120
121
|
})) : a("", !0), d(s, { class: "min-h-0" }, {
|
|
121
|
-
default:
|
|
122
|
-
default:
|
|
122
|
+
default: R(() => [d(r, { width: "auto" }, {
|
|
123
|
+
default: R(() => [D(e.$slots, "left")]),
|
|
123
124
|
_: 3
|
|
124
|
-
}), d(s, { class:
|
|
125
|
-
default:
|
|
126
|
-
default:
|
|
125
|
+
}), d(s, { class: v(["min-h-0", [N(Y)("main-content")]]) }, {
|
|
126
|
+
default: R(() => [d(o, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
|
|
127
|
+
default: R(() => [D(e.$slots, "default")]),
|
|
127
128
|
_: 3
|
|
128
129
|
})]),
|
|
129
130
|
_: 3
|
|
@@ -134,73 +135,16 @@ var _e = /* @__PURE__ */ f({
|
|
|
134
135
|
});
|
|
135
136
|
};
|
|
136
137
|
}
|
|
137
|
-
}),
|
|
138
|
+
}), ve = _e;
|
|
138
139
|
let Q = /* @__PURE__ */ function(e) {
|
|
139
140
|
return e.Refresh = "u:leftMenu:refresh", e;
|
|
140
141
|
}({});
|
|
141
|
-
const
|
|
142
|
+
const ye = { refresh: () => {
|
|
142
143
|
window.dispatchEvent(new CustomEvent(Q.Refresh));
|
|
143
144
|
} };
|
|
144
|
-
|
|
145
|
-
return m() ? (S(e), !0) : !1;
|
|
146
|
-
}
|
|
147
|
-
const $ = typeof window < "u" && typeof document < "u";
|
|
148
|
-
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
149
|
-
const Ce = Object.prototype.toString, we = (e) => Ce.call(e) === "[object Object]";
|
|
150
|
-
function Te(e) {
|
|
151
|
-
return Array.isArray(e) ? e : [e];
|
|
152
|
-
}
|
|
153
|
-
function Ee(e) {
|
|
154
|
-
let t = /* @__PURE__ */ Object.create(null);
|
|
155
|
-
return (n) => {
|
|
156
|
-
let r = t[n];
|
|
157
|
-
return r || (t[n] = e(n));
|
|
158
|
-
};
|
|
159
|
-
}
|
|
160
|
-
const De = /\B([A-Z])/g;
|
|
161
|
-
Ee((e) => e.replace(De, "-$1").toLowerCase());
|
|
162
|
-
const Oe = /-(\w)/g;
|
|
163
|
-
Ee((e) => e.replace(Oe, (e, t) => t ? t.toUpperCase() : ""));
|
|
164
|
-
function ke(e, t, n) {
|
|
165
|
-
return B(e, t, {
|
|
166
|
-
...n,
|
|
167
|
-
immediate: !0
|
|
168
|
-
});
|
|
169
|
-
}
|
|
170
|
-
const Ae = $ ? window : void 0;
|
|
171
|
-
$ && window.document, $ && window.navigator, $ && window.location;
|
|
172
|
-
function je(e) {
|
|
173
|
-
var t;
|
|
174
|
-
let n = F(e);
|
|
175
|
-
return (t = n?.$el) ?? n;
|
|
176
|
-
}
|
|
177
|
-
function Me(...e) {
|
|
178
|
-
let t = [], n = () => {
|
|
179
|
-
t.forEach((e) => e()), t.length = 0;
|
|
180
|
-
}, i = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), a = r(() => {
|
|
181
|
-
let t = Te(F(e[0])).filter((e) => e != null);
|
|
182
|
-
return t.every((e) => typeof e != "string") ? t : void 0;
|
|
183
|
-
}), o = ke(() => {
|
|
184
|
-
var t, n;
|
|
185
|
-
return [
|
|
186
|
-
(n = (t = a.value)?.map((e) => je(e))) ?? [Ae].filter((e) => e != null),
|
|
187
|
-
Te(F(a.value ? e[1] : e[0])),
|
|
188
|
-
Te(I(a.value ? e[2] : e[1])),
|
|
189
|
-
F(a.value ? e[3] : e[2])
|
|
190
|
-
];
|
|
191
|
-
}, ([e, r, a, o]) => {
|
|
192
|
-
if (n(), !e?.length || !r?.length || !a?.length) return;
|
|
193
|
-
let s = we(o) ? { ...o } : o;
|
|
194
|
-
t.push(...e.flatMap((e) => r.flatMap((t) => a.map((n) => i(e, t, n, s)))));
|
|
195
|
-
}, { flush: "post" }), s = () => {
|
|
196
|
-
o(), n();
|
|
197
|
-
};
|
|
198
|
-
return Se(n), s;
|
|
199
|
-
}
|
|
200
|
-
Symbol("vueuse-ssr-width");
|
|
201
|
-
var Ne = /* @__PURE__ */ f({
|
|
145
|
+
var be = /* @__PURE__ */ f({
|
|
202
146
|
__name: "LeftMenu",
|
|
203
|
-
props: /* @__PURE__ */
|
|
147
|
+
props: /* @__PURE__ */ h({
|
|
204
148
|
hideOperations: {
|
|
205
149
|
type: Boolean,
|
|
206
150
|
default: !1
|
|
@@ -219,18 +163,18 @@ var Ne = /* @__PURE__ */ f({
|
|
|
219
163
|
}),
|
|
220
164
|
emits: ["update:collapsed"],
|
|
221
165
|
setup(t, { expose: n }) {
|
|
222
|
-
let r = t, a =
|
|
166
|
+
let r = t, a = F(t, "collapsed");
|
|
223
167
|
function s() {
|
|
224
168
|
a.value = !a.value;
|
|
225
169
|
}
|
|
226
|
-
let l =
|
|
170
|
+
let l = ae(), f = ie(), p = T([]);
|
|
227
171
|
function m() {
|
|
228
172
|
p.value = l.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
|
|
229
173
|
}
|
|
230
174
|
function h() {
|
|
231
175
|
r.loadRouter ? p.value = r.loadRouter() : m();
|
|
232
176
|
}
|
|
233
|
-
|
|
177
|
+
b(() => {
|
|
234
178
|
h();
|
|
235
179
|
});
|
|
236
180
|
function g(e) {
|
|
@@ -239,65 +183,65 @@ var Ne = /* @__PURE__ */ f({
|
|
|
239
183
|
function _(e) {
|
|
240
184
|
return e.children ? e.children.filter((e) => e.meta?.menu) : [];
|
|
241
185
|
}
|
|
242
|
-
return r.refreshEventListener &&
|
|
186
|
+
return r.refreshEventListener && oe(document, Q.Refresh, h), n({
|
|
243
187
|
changeCollapsed: s,
|
|
244
188
|
refreshRouter: h
|
|
245
189
|
}), (t, n) => {
|
|
246
|
-
let r =
|
|
247
|
-
return
|
|
248
|
-
value:
|
|
190
|
+
let r = q, l = H, m = te, h = ne, y = ee;
|
|
191
|
+
return S(), i(y, {
|
|
192
|
+
value: N(f).name,
|
|
249
193
|
collapsed: a.value,
|
|
250
194
|
"onUpdate:collapsed": n[0] ||= (e) => a.value = e,
|
|
251
195
|
width: ["180px", "52px"]
|
|
252
196
|
}, c({
|
|
253
|
-
default:
|
|
197
|
+
default: R(() => [(S(!0), o(e, null, E(p.value, (t) => (S(), o(e, { key: String(t.name) }, [_(t).length > 0 ? (S(), i(h, {
|
|
254
198
|
key: 0,
|
|
255
199
|
value: String(t.name)
|
|
256
200
|
}, {
|
|
257
|
-
icon:
|
|
258
|
-
title:
|
|
259
|
-
default:
|
|
201
|
+
icon: R(() => [d(r, { class: v(t.meta.icon) }, null, 8, ["class"])]),
|
|
202
|
+
title: R(() => [u(A(t.meta.title), 1)]),
|
|
203
|
+
default: R(() => [(S(!0), o(e, null, E(_(t), (e) => (S(), i(m, {
|
|
260
204
|
key: String(e.name),
|
|
261
205
|
value: String(e.name),
|
|
262
206
|
onClick: (t) => g(e)
|
|
263
207
|
}, {
|
|
264
|
-
icon:
|
|
265
|
-
class:
|
|
208
|
+
icon: R(() => [d(r, {
|
|
209
|
+
class: v(e.meta.icon),
|
|
266
210
|
size: "small"
|
|
267
211
|
}, null, 8, ["class"])]),
|
|
268
|
-
default:
|
|
212
|
+
default: R(() => [u(" " + A(e.meta.title), 1)]),
|
|
269
213
|
_: 2
|
|
270
214
|
}, 1032, ["value", "onClick"]))), 128))]),
|
|
271
215
|
_: 2
|
|
272
|
-
}, 1032, ["value"])) : (
|
|
216
|
+
}, 1032, ["value"])) : (S(), i(m, {
|
|
273
217
|
key: 1,
|
|
274
218
|
value: String(t.name),
|
|
275
219
|
onClick: (e) => g(t)
|
|
276
220
|
}, {
|
|
277
|
-
icon:
|
|
278
|
-
default:
|
|
221
|
+
icon: R(() => [d(r, { class: v(t.meta.icon) }, null, 8, ["class"])]),
|
|
222
|
+
default: R(() => [u(" " + A(t.meta.title), 1)]),
|
|
279
223
|
_: 2
|
|
280
224
|
}, 1032, ["value", "onClick"]))], 64))), 128))]),
|
|
281
225
|
_: 2
|
|
282
226
|
}, [t.hideOperations ? void 0 : {
|
|
283
227
|
name: "operations",
|
|
284
|
-
fn:
|
|
228
|
+
fn: R(() => [d(l, {
|
|
285
229
|
variant: "text",
|
|
286
230
|
shape: "square",
|
|
287
231
|
onClick: s
|
|
288
232
|
}, {
|
|
289
|
-
icon:
|
|
233
|
+
icon: R(() => [d(r, { name: "view-list" })]),
|
|
290
234
|
_: 1
|
|
291
235
|
})]),
|
|
292
236
|
key: "0"
|
|
293
237
|
}, t.$slots.logo ? {
|
|
294
238
|
name: "logo",
|
|
295
|
-
fn:
|
|
239
|
+
fn: R(() => [D(t.$slots, "logo")]),
|
|
296
240
|
key: "1"
|
|
297
241
|
} : void 0]), 1032, ["value", "collapsed"]);
|
|
298
242
|
};
|
|
299
243
|
}
|
|
300
|
-
}),
|
|
244
|
+
}), $ = be, xe = /* @__PURE__ */ f({
|
|
301
245
|
__name: "ContextMenu",
|
|
302
246
|
props: { hideOnSelect: {
|
|
303
247
|
type: Boolean,
|
|
@@ -305,22 +249,22 @@ var Ne = /* @__PURE__ */ f({
|
|
|
305
249
|
} },
|
|
306
250
|
emits: ["select"],
|
|
307
251
|
setup(n, { emit: r }) {
|
|
308
|
-
let c = n, l = r, u = X("context-menu"), d =
|
|
252
|
+
let c = n, l = r, u = X("context-menu"), d = T(), f = T(), p = T(!1), m = w({
|
|
309
253
|
left: "0px",
|
|
310
254
|
top: "0px"
|
|
311
255
|
}), h = (e) => {
|
|
312
|
-
e.preventDefault(), e.stopPropagation(), m.left = e.clientX + "px", m.top = e.clientY + "px", p.value = !0,
|
|
256
|
+
e.preventDefault(), e.stopPropagation(), m.left = e.clientX + "px", m.top = e.clientY + "px", p.value = !0, _(() => {
|
|
313
257
|
g(e.clientX, e.clientY);
|
|
314
258
|
});
|
|
315
259
|
}, g = (e, t) => {
|
|
316
260
|
if (!f.value) return;
|
|
317
261
|
let n = f.value, r = n.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = e, s = t;
|
|
318
262
|
e + r.width > i && (o = i - r.width - 4), t + r.height > a && (s = a - r.height - 4), o = Math.max(4, o), s = Math.max(4, s), m.left = o + "px", m.top = s + "px";
|
|
319
|
-
},
|
|
263
|
+
}, E = () => {
|
|
320
264
|
p.value = !1;
|
|
321
|
-
},
|
|
265
|
+
}, O = (e, t) => {
|
|
322
266
|
l("select", e, t), c.hideOnSelect && (p.value = !1);
|
|
323
|
-
},
|
|
267
|
+
}, k = (e) => {
|
|
324
268
|
if (!p.value) return;
|
|
325
269
|
let t = e.target, n = f.value, r = d.value;
|
|
326
270
|
if (e.button === 2 || e.which === 3) return;
|
|
@@ -333,34 +277,34 @@ var Ne = /* @__PURE__ */ f({
|
|
|
333
277
|
}, M = () => {
|
|
334
278
|
p.value = !1;
|
|
335
279
|
};
|
|
336
|
-
return
|
|
337
|
-
document.addEventListener("click",
|
|
338
|
-
}),
|
|
339
|
-
document.removeEventListener("click",
|
|
340
|
-
}), (n, r) => (
|
|
280
|
+
return C("handleSelect", O), C("closeMenu", M), b(() => {
|
|
281
|
+
document.addEventListener("click", k), document.addEventListener("mousedown", k), document.addEventListener("keydown", A), document.addEventListener("contextmenu", j);
|
|
282
|
+
}), x(() => {
|
|
283
|
+
document.removeEventListener("click", k), document.removeEventListener("mousedown", k), document.removeEventListener("keydown", A), document.removeEventListener("contextmenu", j);
|
|
284
|
+
}), (n, r) => (S(), o(e, null, [
|
|
341
285
|
s("div", {
|
|
342
286
|
ref_key: "triggerRef",
|
|
343
287
|
ref: d,
|
|
344
|
-
class:
|
|
345
|
-
onContextmenu:
|
|
346
|
-
}, [
|
|
347
|
-
(
|
|
288
|
+
class: v(N(u)("trigger")),
|
|
289
|
+
onContextmenu: z(h, ["prevent"])
|
|
290
|
+
}, [D(n.$slots, "default")], 34),
|
|
291
|
+
(S(), i(t, { to: "body" }, [p.value ? (S(), o("div", {
|
|
348
292
|
key: 0,
|
|
349
293
|
ref_key: "menuRef",
|
|
350
294
|
ref: f,
|
|
351
|
-
class:
|
|
352
|
-
style:
|
|
353
|
-
onContextmenu: r[0] ||=
|
|
354
|
-
}, [
|
|
355
|
-
(
|
|
295
|
+
class: v(N(u)("menu")),
|
|
296
|
+
style: y(m),
|
|
297
|
+
onContextmenu: r[0] ||= z(() => {}, ["prevent"])
|
|
298
|
+
}, [D(n.$slots, "content")], 38)) : a("", !0)])),
|
|
299
|
+
(S(), i(t, { to: "body" }, [p.value ? (S(), o("div", {
|
|
356
300
|
key: 0,
|
|
357
|
-
class:
|
|
358
|
-
onClick:
|
|
359
|
-
onContextmenu:
|
|
301
|
+
class: v(N(u)("mask")),
|
|
302
|
+
onClick: E,
|
|
303
|
+
onContextmenu: z(E, ["prevent"])
|
|
360
304
|
}, null, 34)) : a("", !0)]))
|
|
361
305
|
], 64));
|
|
362
306
|
}
|
|
363
|
-
}),
|
|
307
|
+
}), Se = xe, Ce = /* @__PURE__ */ f({
|
|
364
308
|
__name: "ContextMenuItem",
|
|
365
309
|
props: {
|
|
366
310
|
label: {},
|
|
@@ -377,7 +321,7 @@ var Ne = /* @__PURE__ */ f({
|
|
|
377
321
|
},
|
|
378
322
|
emits: ["click"],
|
|
379
323
|
setup(e, { emit: t }) {
|
|
380
|
-
let n = e, r = t, i = X("context-menu", "item"), c =
|
|
324
|
+
let n = e, r = t, i = X("context-menu", "item"), c = m("handleSelect", null), l = (e) => {
|
|
381
325
|
if (!n.disabled) if (e.stopPropagation(), r("click", n.value, e), c) c(n.value, e);
|
|
382
326
|
else {
|
|
383
327
|
let t = new CustomEvent("context-menu-select", {
|
|
@@ -392,34 +336,34 @@ var Ne = /* @__PURE__ */ f({
|
|
|
392
336
|
}, u = (e) => {
|
|
393
337
|
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
|
|
394
338
|
};
|
|
395
|
-
return (e, t) => (
|
|
396
|
-
class:
|
|
397
|
-
[
|
|
398
|
-
[
|
|
339
|
+
return (e, t) => (S(), o("div", {
|
|
340
|
+
class: v([N(i)(), {
|
|
341
|
+
[N(i)("disabled")]: e.disabled,
|
|
342
|
+
[N(i)("danger")]: e.danger
|
|
399
343
|
}]),
|
|
400
344
|
onClick: l,
|
|
401
|
-
onContextmenu:
|
|
402
|
-
}, [e.icon ? (
|
|
345
|
+
onContextmenu: z(u, ["prevent", "stop"])
|
|
346
|
+
}, [e.icon ? (S(), o("span", {
|
|
403
347
|
key: 0,
|
|
404
|
-
class:
|
|
405
|
-
},
|
|
348
|
+
class: v([N(i)("icon"), e.icon])
|
|
349
|
+
}, A(e.icon), 3)) : a("", !0), s("span", { class: v(N(i)("label")) }, A(e.label), 3)], 34));
|
|
406
350
|
}
|
|
407
|
-
}),
|
|
351
|
+
}), we = Ce, Te = /* @__PURE__ */ f({
|
|
408
352
|
__name: "ContextMenuGroup",
|
|
409
353
|
props: { title: {} },
|
|
410
354
|
setup(e) {
|
|
411
355
|
let t = X("context-menu", "group");
|
|
412
|
-
return (e, n) => (
|
|
356
|
+
return (e, n) => (S(), o("div", { class: v(N(t)()) }, [e.title ? (S(), o("div", {
|
|
413
357
|
key: 0,
|
|
414
|
-
class:
|
|
415
|
-
},
|
|
358
|
+
class: v(N(t)("title"))
|
|
359
|
+
}, A(e.title), 3)) : a("", !0), D(e.$slots, "default")], 2));
|
|
416
360
|
}
|
|
417
|
-
}),
|
|
361
|
+
}), Ee = Te, De = /* @__PURE__ */ f({
|
|
418
362
|
__name: "ContextMenuDivider",
|
|
419
363
|
setup(e) {
|
|
420
|
-
return (e, t) => (
|
|
364
|
+
return (e, t) => (S(), o("div", { class: v(N(Y)("context-menu-divider")) }, null, 2));
|
|
421
365
|
}
|
|
422
|
-
}),
|
|
366
|
+
}), Oe = De, ke = /* @__PURE__ */ f({
|
|
423
367
|
__name: "ContextMenuSubmenu",
|
|
424
368
|
props: {
|
|
425
369
|
label: {},
|
|
@@ -431,55 +375,55 @@ var Ne = /* @__PURE__ */ f({
|
|
|
431
375
|
},
|
|
432
376
|
emits: ["select"],
|
|
433
377
|
setup(e, { emit: t }) {
|
|
434
|
-
let n = e, r = t, i = X("context-menu", "item"), c = X("context-menu", "submenu"), l = X("context-menu", "menu"), u =
|
|
378
|
+
let n = e, r = t, i = X("context-menu", "item"), c = X("context-menu", "submenu"), l = X("context-menu", "menu"), u = T(), d = T(), f = T(!1), p = w({
|
|
435
379
|
left: "0px",
|
|
436
380
|
top: "0px"
|
|
437
|
-
}),
|
|
438
|
-
g && (clearTimeout(g), g = null),
|
|
439
|
-
},
|
|
440
|
-
n.disabled || !u.value || (
|
|
441
|
-
|
|
381
|
+
}), h = m("handleSelect", null), g = null, E = null, O = !1, k = !1, j = () => {
|
|
382
|
+
g && (clearTimeout(g), g = null), E && (clearTimeout(E), E = null);
|
|
383
|
+
}, M = () => {
|
|
384
|
+
n.disabled || !u.value || (j(), p.left = "100%", p.top = "0px", f.value = !0, _(() => {
|
|
385
|
+
F();
|
|
442
386
|
}));
|
|
443
|
-
}, N = () => {
|
|
444
|
-
!S && !O && (A(), _ = setTimeout(() => {
|
|
445
|
-
!S && !O && (f.value = !1);
|
|
446
|
-
}, 100));
|
|
447
387
|
}, P = () => {
|
|
388
|
+
!O && !k && (j(), E = setTimeout(() => {
|
|
389
|
+
!O && !k && (f.value = !1);
|
|
390
|
+
}, 100));
|
|
391
|
+
}, F = () => {
|
|
448
392
|
if (!d.value || !u.value) return;
|
|
449
393
|
let e = d.value, t = u.value, n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = r.right + 4, s = r.left - n.width - 4;
|
|
450
394
|
if (o + n.width > i && s > 4 ? p.left = "-" + (n.width + 4) + "px" : p.left = "100%", r.top + n.height > a) {
|
|
451
395
|
let e = Math.min(0, a - r.top - n.height - 4);
|
|
452
396
|
p.top = e + "px";
|
|
453
397
|
} else r.top < 4 ? p.top = 4 - r.top + "px" : p.top = "0px";
|
|
454
|
-
},
|
|
455
|
-
n.disabled || (
|
|
456
|
-
|
|
398
|
+
}, I = () => {
|
|
399
|
+
n.disabled || (O = !0, j(), g = setTimeout(() => {
|
|
400
|
+
M();
|
|
457
401
|
}, 150));
|
|
458
402
|
}, L = () => {
|
|
459
|
-
|
|
403
|
+
O = !1, P();
|
|
460
404
|
}, R = () => {
|
|
461
|
-
|
|
462
|
-
},
|
|
463
|
-
|
|
464
|
-
},
|
|
465
|
-
f.value = !1, r("select", e, t),
|
|
466
|
-
},
|
|
405
|
+
k = !0, j();
|
|
406
|
+
}, B = () => {
|
|
407
|
+
k = !1, P();
|
|
408
|
+
}, V = (e, t) => {
|
|
409
|
+
f.value = !1, r("select", e, t), h && h(e, t);
|
|
410
|
+
}, H = (e) => {
|
|
467
411
|
let { value: t, originalEvent: n } = e.detail;
|
|
468
|
-
|
|
412
|
+
V(t, n);
|
|
469
413
|
}, U = (e) => {
|
|
470
414
|
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
|
|
471
415
|
}, W = (e) => {
|
|
472
416
|
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
|
|
473
417
|
}, G = (e) => {
|
|
474
|
-
if (!n.disabled) if (e.stopPropagation(), e.preventDefault(),
|
|
418
|
+
if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), j(), f.value) f.value = !1;
|
|
475
419
|
else {
|
|
476
420
|
if (!u.value) return;
|
|
477
|
-
p.left = "100%", p.top = "0px", f.value = !0,
|
|
478
|
-
|
|
421
|
+
p.left = "100%", p.top = "0px", f.value = !0, _(() => {
|
|
422
|
+
F();
|
|
479
423
|
});
|
|
480
424
|
}
|
|
481
425
|
};
|
|
482
|
-
|
|
426
|
+
C("handleSelect", V), C("closeMenu", () => {
|
|
483
427
|
f.value = !1;
|
|
484
428
|
});
|
|
485
429
|
let K = (e) => {
|
|
@@ -493,70 +437,70 @@ var Ne = /* @__PURE__ */ f({
|
|
|
493
437
|
}, J = (e) => {
|
|
494
438
|
f.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
|
|
495
439
|
};
|
|
496
|
-
return
|
|
440
|
+
return b(() => {
|
|
497
441
|
document.addEventListener("click", K), document.addEventListener("mousedown", K), document.addEventListener("keydown", q), document.addEventListener("contextmenu", J);
|
|
498
|
-
}),
|
|
499
|
-
|
|
500
|
-
}), (e, t) => (
|
|
442
|
+
}), x(() => {
|
|
443
|
+
j(), document.removeEventListener("click", K), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", q), document.removeEventListener("contextmenu", J);
|
|
444
|
+
}), (e, t) => (S(), o("div", {
|
|
501
445
|
ref_key: "triggerRef",
|
|
502
446
|
ref: u,
|
|
503
|
-
class:
|
|
504
|
-
|
|
505
|
-
|
|
447
|
+
class: v([
|
|
448
|
+
N(i)(),
|
|
449
|
+
N(c)(),
|
|
506
450
|
{
|
|
507
|
-
[
|
|
508
|
-
[
|
|
451
|
+
[N(i)("disabled")]: e.disabled,
|
|
452
|
+
[N(c)("active")]: f.value
|
|
509
453
|
}
|
|
510
454
|
]),
|
|
511
|
-
onContextmenu:
|
|
512
|
-
onMouseenter:
|
|
455
|
+
onContextmenu: z(U, ["prevent", "stop"]),
|
|
456
|
+
onMouseenter: I,
|
|
513
457
|
onMouseleave: L,
|
|
514
458
|
onClick: G
|
|
515
459
|
}, [
|
|
516
|
-
e.icon ? (
|
|
460
|
+
e.icon ? (S(), o("span", {
|
|
517
461
|
key: 0,
|
|
518
|
-
class:
|
|
519
|
-
},
|
|
520
|
-
s("span", { class:
|
|
521
|
-
s("span", { class:
|
|
522
|
-
f.value ? (
|
|
462
|
+
class: v([N(i)("icon"), e.icon])
|
|
463
|
+
}, A(e.icon), 3)) : a("", !0),
|
|
464
|
+
s("span", { class: v(N(i)("label")) }, A(e.label), 3),
|
|
465
|
+
s("span", { class: v(N(c)("arrow")) }, "▶", 2),
|
|
466
|
+
f.value ? (S(), o("div", {
|
|
523
467
|
key: 1,
|
|
524
468
|
ref_key: "submenuRef",
|
|
525
469
|
ref: d,
|
|
526
|
-
class:
|
|
527
|
-
style:
|
|
528
|
-
onContextmenu:
|
|
470
|
+
class: v([N(l)(), N(c)("popup")]),
|
|
471
|
+
style: y(p),
|
|
472
|
+
onContextmenu: z(W, ["prevent", "stop"]),
|
|
529
473
|
onMouseenter: R,
|
|
530
|
-
onMouseleave:
|
|
531
|
-
onContextMenuSelect:
|
|
532
|
-
}, [
|
|
474
|
+
onMouseleave: B,
|
|
475
|
+
onContextMenuSelect: H
|
|
476
|
+
}, [D(e.$slots, "default")], 38)) : a("", !0)
|
|
533
477
|
], 34));
|
|
534
478
|
}
|
|
535
|
-
}),
|
|
479
|
+
}), Ae = ke, je = /* @__PURE__ */ f({
|
|
536
480
|
__name: "WebLayout",
|
|
537
481
|
setup(e) {
|
|
538
482
|
return (e, t) => {
|
|
539
|
-
let n =
|
|
540
|
-
return
|
|
541
|
-
header:
|
|
483
|
+
let n = G, r = O("router-view");
|
|
484
|
+
return S(), i(ve, null, {
|
|
485
|
+
header: R(() => [d(n, {
|
|
542
486
|
value: "item1",
|
|
543
487
|
height: "60px"
|
|
544
488
|
}, c({ _: 2 }, [e.$slots.logo ? {
|
|
545
489
|
name: "logo",
|
|
546
|
-
fn:
|
|
490
|
+
fn: R(() => [D(e.$slots, "logo")]),
|
|
547
491
|
key: "0"
|
|
548
492
|
} : void 0, e.$slots.operations ? {
|
|
549
493
|
name: "operations",
|
|
550
|
-
fn:
|
|
494
|
+
fn: R(() => [D(e.$slots, "operations")]),
|
|
551
495
|
key: "1"
|
|
552
496
|
} : void 0]), 1024)]),
|
|
553
|
-
left:
|
|
554
|
-
default:
|
|
497
|
+
left: R(() => [D(e.$slots, "left", {}, () => [d(N($))])]),
|
|
498
|
+
default: R(() => [D(e.$slots, "default", {}, () => [s("div", { class: v([N(Y)("main-content-inner")]) }, [d(r)], 2)])]),
|
|
555
499
|
_: 3
|
|
556
500
|
});
|
|
557
501
|
};
|
|
558
502
|
}
|
|
559
|
-
}),
|
|
503
|
+
}), Me = je, Ne = /* @__PURE__ */ f({
|
|
560
504
|
__name: "SplitPanel",
|
|
561
505
|
props: {
|
|
562
506
|
component: { default: "div" },
|
|
@@ -577,11 +521,11 @@ var Ne = /* @__PURE__ */ f({
|
|
|
577
521
|
"update:size"
|
|
578
522
|
],
|
|
579
523
|
setup(e, { emit: t }) {
|
|
580
|
-
let n = e, c = t, { direction: l, size: u, defaultSize: d, min: f, max: p } =
|
|
581
|
-
|
|
582
|
-
e !== void 0 && (
|
|
524
|
+
let n = e, c = t, { direction: l, size: u, defaultSize: d, min: f, max: p } = M(n), m = T(0), h = T(), g = T(), x = Y("split-panel"), C = Y("split-trigger"), w = T(d.value);
|
|
525
|
+
L(u, (e) => {
|
|
526
|
+
e !== void 0 && (w.value = e);
|
|
583
527
|
}, { immediate: !0 });
|
|
584
|
-
function
|
|
528
|
+
function E(e) {
|
|
585
529
|
let t = typeof e == "string" ? parseFloat(e) : e, n = "";
|
|
586
530
|
return n = typeof e == "number" || String(t) === String(e) ? t > 1 ? "px" : "%" : "px", {
|
|
587
531
|
size: t,
|
|
@@ -589,48 +533,48 @@ var Ne = /* @__PURE__ */ f({
|
|
|
589
533
|
isPx: n === "px"
|
|
590
534
|
};
|
|
591
535
|
}
|
|
592
|
-
let
|
|
593
|
-
[`${
|
|
594
|
-
[`${
|
|
595
|
-
}]),
|
|
596
|
-
[`${
|
|
597
|
-
[`${
|
|
598
|
-
[`${
|
|
599
|
-
}]),
|
|
600
|
-
let { size: e, unit: t, isPx: n } =
|
|
536
|
+
let O = r(() => E(w.value)), A = r(() => l.value === "horizontal"), j = r(() => [x, {
|
|
537
|
+
[`${x}-horizontal`]: A.value,
|
|
538
|
+
[`${x}-vertical`]: !A.value
|
|
539
|
+
}]), P = r(() => [C, {
|
|
540
|
+
[`${C}-horizontal`]: A.value,
|
|
541
|
+
[`${C}-vertical`]: !A.value,
|
|
542
|
+
[`${C}-disabled`]: n.disabled
|
|
543
|
+
}]), F = r(() => {
|
|
544
|
+
let { size: e, unit: t, isPx: n } = O.value, r = n ? e : e * 100;
|
|
601
545
|
return { flex: `0 0 calc(${r}${t} - ${m.value / 2}px)` };
|
|
602
546
|
});
|
|
603
|
-
function
|
|
604
|
-
let r = e ?? t, i =
|
|
547
|
+
function I({ size: e, defaultSize: t = "0px", containerSize: n }) {
|
|
548
|
+
let r = e ?? t, i = E(r);
|
|
605
549
|
return i.isPx ? i.size : i.size * n;
|
|
606
550
|
}
|
|
607
|
-
function
|
|
551
|
+
function z(e, t) {
|
|
608
552
|
return parseFloat(e) / parseFloat(t);
|
|
609
553
|
}
|
|
610
|
-
let
|
|
554
|
+
let B = {
|
|
611
555
|
startPageX: 0,
|
|
612
556
|
startPageY: 0,
|
|
613
557
|
startContainerSize: 0,
|
|
614
558
|
startSize: 0
|
|
615
559
|
};
|
|
616
|
-
async function
|
|
617
|
-
let e = () =>
|
|
618
|
-
return (!h.value || !e()) && await
|
|
560
|
+
async function V() {
|
|
561
|
+
let e = () => A.value ? h.value?.clientWidth || 0 : h.value?.clientHeight || 0;
|
|
562
|
+
return (!h.value || !e()) && await _(), e();
|
|
619
563
|
}
|
|
620
564
|
function H(e, t) {
|
|
621
565
|
if (!t) return;
|
|
622
|
-
let n =
|
|
623
|
-
|
|
566
|
+
let n = O.value.isPx ? `${e}px` : z(e, t);
|
|
567
|
+
w.value !== n && (w.value = n, c("update:size", n));
|
|
624
568
|
}
|
|
625
569
|
function U(e, t) {
|
|
626
|
-
let n =
|
|
570
|
+
let n = I({
|
|
627
571
|
size: e,
|
|
628
572
|
containerSize: t
|
|
629
|
-
}), r = f.value === void 0 ? 0 :
|
|
573
|
+
}), r = f.value === void 0 ? 0 : I({
|
|
630
574
|
size: f.value,
|
|
631
575
|
defaultSize: "0px",
|
|
632
576
|
containerSize: t
|
|
633
|
-
}), i = p.value === void 0 ? t :
|
|
577
|
+
}), i = p.value === void 0 ? t : I({
|
|
634
578
|
size: p.value,
|
|
635
579
|
defaultSize: `${t}px`,
|
|
636
580
|
containerSize: t
|
|
@@ -638,7 +582,7 @@ var Ne = /* @__PURE__ */ f({
|
|
|
638
582
|
return a = Math.max(a, r), a = Math.min(a, i), a;
|
|
639
583
|
}
|
|
640
584
|
function W({ startContainerSize: e, startSize: t, startPosition: n, endPosition: r }) {
|
|
641
|
-
let i =
|
|
585
|
+
let i = I({
|
|
642
586
|
size: t,
|
|
643
587
|
containerSize: e
|
|
644
588
|
});
|
|
@@ -646,33 +590,33 @@ var Ne = /* @__PURE__ */ f({
|
|
|
646
590
|
}
|
|
647
591
|
function G(e) {
|
|
648
592
|
c("moving", e);
|
|
649
|
-
let t =
|
|
650
|
-
startContainerSize:
|
|
651
|
-
startSize:
|
|
652
|
-
startPosition:
|
|
593
|
+
let t = A.value ? W({
|
|
594
|
+
startContainerSize: B.startContainerSize,
|
|
595
|
+
startSize: B.startSize,
|
|
596
|
+
startPosition: B.startPageX,
|
|
653
597
|
endPosition: e.pageX
|
|
654
598
|
}) : W({
|
|
655
|
-
startContainerSize:
|
|
656
|
-
startSize:
|
|
657
|
-
startPosition:
|
|
599
|
+
startContainerSize: B.startContainerSize,
|
|
600
|
+
startSize: B.startSize,
|
|
601
|
+
startPosition: B.startPageY,
|
|
658
602
|
endPosition: e.pageY
|
|
659
603
|
});
|
|
660
|
-
H(t,
|
|
604
|
+
H(t, B.startContainerSize);
|
|
661
605
|
}
|
|
662
606
|
function K(e) {
|
|
663
607
|
window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", K), window.removeEventListener("contextmenu", K), document.body.style.cursor = "default", c("moveEnd", e);
|
|
664
608
|
}
|
|
665
609
|
async function q(e) {
|
|
666
|
-
n.disabled || (c("moveStart", e),
|
|
610
|
+
n.disabled || (c("moveStart", e), B.startPageX = e.pageX, B.startPageY = e.pageY, B.startContainerSize = await V(), B.startSize = w.value, window.addEventListener("mousemove", G), window.addEventListener("mouseup", K), window.addEventListener("contextmenu", K), document.body.style.cursor = A.value ? "col-resize" : "row-resize");
|
|
667
611
|
}
|
|
668
612
|
function J() {
|
|
669
613
|
if (g.value) {
|
|
670
614
|
let { width: e, height: t } = g.value.getBoundingClientRect();
|
|
671
|
-
m.value =
|
|
615
|
+
m.value = A.value ? e || 0 : t || 0;
|
|
672
616
|
}
|
|
673
617
|
}
|
|
674
|
-
return
|
|
675
|
-
let e = await
|
|
618
|
+
return b(async () => {
|
|
619
|
+
let e = await V(), t = U(w.value, e);
|
|
676
620
|
H(t, e), J();
|
|
677
621
|
let n = new ResizeObserver(() => {
|
|
678
622
|
J();
|
|
@@ -682,44 +626,44 @@ var Ne = /* @__PURE__ */ f({
|
|
|
682
626
|
n.disconnect();
|
|
683
627
|
};
|
|
684
628
|
return r;
|
|
685
|
-
}), (e, t) => (
|
|
629
|
+
}), (e, t) => (S(), i(k(e.component), {
|
|
686
630
|
ref_key: "wrapperRef",
|
|
687
631
|
ref: h,
|
|
688
|
-
class:
|
|
632
|
+
class: v(j.value)
|
|
689
633
|
}, {
|
|
690
|
-
default:
|
|
634
|
+
default: R(() => [
|
|
691
635
|
s("div", {
|
|
692
|
-
class:
|
|
693
|
-
style:
|
|
694
|
-
}, [
|
|
695
|
-
e.disabled ? a("", !0) : (
|
|
636
|
+
class: v([`${N(x)}-pane`, `${N(x)}-pane-first`]),
|
|
637
|
+
style: y(F.value)
|
|
638
|
+
}, [D(e.$slots, "first")], 6),
|
|
639
|
+
e.disabled ? a("", !0) : (S(), o("div", {
|
|
696
640
|
key: 0,
|
|
697
641
|
ref_key: "triggerRef",
|
|
698
642
|
ref: g,
|
|
699
|
-
class:
|
|
643
|
+
class: v(P.value),
|
|
700
644
|
onMousedown: q
|
|
701
|
-
}, [
|
|
702
|
-
s("div", { class:
|
|
703
|
-
s("div", { class:
|
|
704
|
-
s("div", { class:
|
|
645
|
+
}, [D(e.$slots, "resize-trigger", {}, () => [s("div", { class: v(`${N(C)}-icon`) }, [D(e.$slots, "resize-trigger-icon", {}, () => [
|
|
646
|
+
s("div", { class: v(`${N(C)}-line`) }, null, 2),
|
|
647
|
+
s("div", { class: v(`${N(C)}-line`) }, null, 2),
|
|
648
|
+
s("div", { class: v(`${N(C)}-line`) }, null, 2)
|
|
705
649
|
])], 2)])], 34)),
|
|
706
|
-
s("div", { class:
|
|
650
|
+
s("div", { class: v([`${N(x)}-pane`, `${N(x)}-pane-second`]) }, [D(e.$slots, "second")], 2)
|
|
707
651
|
]),
|
|
708
652
|
_: 3
|
|
709
653
|
}, 8, ["class"]));
|
|
710
654
|
}
|
|
711
|
-
}),
|
|
655
|
+
}), Pe = Ne, Fe = /* @__PURE__ */ f({
|
|
712
656
|
__name: "UtoolsBaseLayout",
|
|
713
657
|
setup(e) {
|
|
714
658
|
return (e, t) => {
|
|
715
|
-
let n =
|
|
716
|
-
return
|
|
717
|
-
default:
|
|
718
|
-
default:
|
|
659
|
+
let n = B, r = U, a = J;
|
|
660
|
+
return S(), i(a, { class: "h-screen min-h-0" }, {
|
|
661
|
+
default: R(() => [d(n, { width: "auto" }, {
|
|
662
|
+
default: R(() => [D(e.$slots, "left")]),
|
|
719
663
|
_: 3
|
|
720
|
-
}), d(a, { class:
|
|
721
|
-
default:
|
|
722
|
-
default:
|
|
664
|
+
}), d(a, { class: v(["min-h-0", [N(Y)("utools", "main-content")]]) }, {
|
|
665
|
+
default: R(() => [d(r, { class: v(["h-full overflow-hidden", [N(Y)("utools", "main-content-area")]]) }, {
|
|
666
|
+
default: R(() => [D(e.$slots, "default")]),
|
|
723
667
|
_: 3
|
|
724
668
|
}, 8, ["class"])]),
|
|
725
669
|
_: 3
|
|
@@ -728,12 +672,12 @@ var Ne = /* @__PURE__ */ f({
|
|
|
728
672
|
});
|
|
729
673
|
};
|
|
730
674
|
}
|
|
731
|
-
}),
|
|
732
|
-
const
|
|
675
|
+
}), Ie = Fe;
|
|
676
|
+
const Le = { class: "utools" }, Re = { class: "title" }, ze = { class: "flex justify-end h-full pr-3 w-full" }, Be = { class: "content" }, Ve = { class: "content-inner" }, He = {
|
|
733
677
|
class: "flex items-center justify-center",
|
|
734
678
|
style: { "font-size": "10px" }
|
|
735
679
|
};
|
|
736
|
-
var
|
|
680
|
+
var Ue = /* @__PURE__ */ f({
|
|
737
681
|
__name: "UtoolsLayout",
|
|
738
682
|
props: {
|
|
739
683
|
avatar: { default: "https://www.u-tools.cn/assets/favicon.png" },
|
|
@@ -742,14 +686,14 @@ var rt = /* @__PURE__ */ f({
|
|
|
742
686
|
title: { default: "utools demo" }
|
|
743
687
|
},
|
|
744
688
|
setup(e) {
|
|
745
|
-
let t =
|
|
689
|
+
let t = T(), n = T(!0);
|
|
746
690
|
return (e, r) => {
|
|
747
|
-
let i =
|
|
748
|
-
return
|
|
749
|
-
left:
|
|
750
|
-
class:
|
|
691
|
+
let i = V, a = O("router-view");
|
|
692
|
+
return S(), o("div", Le, [d(Ie, null, {
|
|
693
|
+
left: R(() => [s("div", { class: v(N(Y)("utools", "left-menu")) }, [s("div", {
|
|
694
|
+
class: v(["flex items-center justify-center", N(Y)("utools", "left-menu", "collapse")]),
|
|
751
695
|
onClick: r[0] ||= (e) => t.value?.changeCollapsed()
|
|
752
|
-
}, [s("div", { class:
|
|
696
|
+
}, [s("div", { class: v(["w-5 h-5 font-bold", n.value ? "i-u-expandLeft" : "i-u-expandRight"]) }, null, 2)], 2), d(N($), g({
|
|
753
697
|
ref_key: "leftMenuRef",
|
|
754
698
|
ref: t
|
|
755
699
|
}, {
|
|
@@ -760,19 +704,19 @@ var rt = /* @__PURE__ */ f({
|
|
|
760
704
|
"onUpdate:collapsed": r[1] ||= (e) => n.value = e,
|
|
761
705
|
hideOperations: ""
|
|
762
706
|
}), {
|
|
763
|
-
logo:
|
|
707
|
+
logo: R(() => [d(i, { image: e.avatar }, null, 8, ["image"]), s("div", Re, A(e.title), 1)]),
|
|
764
708
|
_: 1
|
|
765
709
|
}, 16, ["collapsed"])], 2)]),
|
|
766
|
-
default:
|
|
767
|
-
s("div",
|
|
768
|
-
s("div",
|
|
769
|
-
|
|
710
|
+
default: R(() => [s("div", { class: v(N(Y)("utools", "content-wrapper")) }, [
|
|
711
|
+
s("div", ze, [D(e.$slots, "header-tips")]),
|
|
712
|
+
s("div", Be, [s("div", Ve, [d(a)])]),
|
|
713
|
+
D(e.$slots, "footer", {}, () => [s("div", He, " © " + A((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
|
|
770
714
|
], 2)]),
|
|
771
715
|
_: 3
|
|
772
716
|
})]);
|
|
773
717
|
};
|
|
774
718
|
}
|
|
775
|
-
}),
|
|
719
|
+
}), We = Ue, Ge = /* @__PURE__ */ f({
|
|
776
720
|
__name: "PageHeader",
|
|
777
721
|
props: {
|
|
778
722
|
title: { default: "" },
|
|
@@ -784,65 +728,65 @@ var rt = /* @__PURE__ */ f({
|
|
|
784
728
|
let t = e, n = X("page-header"), i = r(() => {
|
|
785
729
|
let e = [n()];
|
|
786
730
|
return t.size !== "default" && e.push(n(t.size)), e;
|
|
787
|
-
}), c = r(() =>
|
|
731
|
+
}), c = r(() => de("onBack"));
|
|
788
732
|
return (e, t) => {
|
|
789
|
-
let r =
|
|
790
|
-
return
|
|
791
|
-
c.value || e.$slots.prefix ?
|
|
792
|
-
class:
|
|
733
|
+
let r = q, l = H, f = W;
|
|
734
|
+
return S(), o("div", { class: v(i.value) }, [s("div", { class: v(["flex items-center", N(n)("header")]) }, [
|
|
735
|
+
c.value || e.$slots.prefix ? D(e.$slots, "prefix", { key: 0 }, () => [d(l, {
|
|
736
|
+
class: v(N(n)("header", "back")),
|
|
793
737
|
shape: "square",
|
|
794
738
|
variant: "text",
|
|
795
739
|
onClick: t[0] ||= (t) => e.$emit("back")
|
|
796
740
|
}, {
|
|
797
|
-
icon:
|
|
741
|
+
icon: R(() => [d(r, { class: "i-u-left" })]),
|
|
798
742
|
_: 1
|
|
799
743
|
}, 8, ["class"])]) : a("", !0),
|
|
800
|
-
s("div", { class:
|
|
744
|
+
s("div", { class: v(N(n)("title")) }, [D(e.$slots, "title", {}, () => [u(A(e.title), 1)])], 2),
|
|
801
745
|
d(f, {
|
|
802
|
-
class:
|
|
746
|
+
class: v(N(n)("divider")),
|
|
803
747
|
layout: "vertical"
|
|
804
748
|
}, null, 8, ["class"]),
|
|
805
|
-
s("div", { class:
|
|
806
|
-
], 2), e.$slots.extra ? (
|
|
749
|
+
s("div", { class: v(N(n)("subtitle")) }, [D(e.$slots, "subtitle", {}, () => [u(A(e.subtitle), 1)])], 2)
|
|
750
|
+
], 2), e.$slots.extra ? (S(), o("div", {
|
|
807
751
|
key: 0,
|
|
808
|
-
class:
|
|
809
|
-
}, [
|
|
752
|
+
class: v(N(n)("extra"))
|
|
753
|
+
}, [D(e.$slots, "extra")], 2)) : a("", !0)], 2);
|
|
810
754
|
};
|
|
811
755
|
}
|
|
812
|
-
}),
|
|
756
|
+
}), Ke = Ge, qe = (e, t) => {
|
|
813
757
|
let n = e.__vccOpts || e;
|
|
814
758
|
for (let [e, r] of t) n[e] = r;
|
|
815
759
|
return n;
|
|
816
760
|
};
|
|
817
|
-
const
|
|
818
|
-
function
|
|
819
|
-
return
|
|
761
|
+
const Je = {}, Ye = { class: "result-error-icon" };
|
|
762
|
+
function Xe(e, t) {
|
|
763
|
+
return S(), o("div", Ye, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-fc6ebdc7><g opacity=\"0.8\" data-v-fc6ebdc7><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-fc6ebdc7></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-fc6ebdc7></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-fc6ebdc7></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-fc6ebdc7></path><circle cx=\"120\" cy=\"80\" r=\"20\" fill=\"none\" stroke=\"rgb(var(--red-6))\" stroke-width=\"3\" data-v-fc6ebdc7></circle><path d=\"M110 70L130 90M130 70L110 90\" stroke=\"rgb(var(--red-6))\" stroke-width=\"3\" stroke-linecap=\"round\" data-v-fc6ebdc7></path></svg><div class=\"result-error-text\" data-v-fc6ebdc7>403</div>", 2)]);
|
|
820
764
|
}
|
|
821
|
-
var
|
|
822
|
-
const
|
|
823
|
-
function
|
|
824
|
-
return
|
|
765
|
+
var Ze = /* @__PURE__ */ qe(Je, [["render", Xe], ["__scopeId", "data-v-fc6ebdc7"]]);
|
|
766
|
+
const Qe = {}, $e = { class: "result-error-icon" };
|
|
767
|
+
function et(e, t) {
|
|
768
|
+
return S(), o("div", $e, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-cdc3b8a1><g opacity=\"0.8\" data-v-cdc3b8a1><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cdc3b8a1></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cdc3b8a1></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-cdc3b8a1></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cdc3b8a1></path><circle cx=\"120\" cy=\"80\" r=\"25\" fill=\"none\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"3\" data-v-cdc3b8a1></circle><path d=\"M105 65L135 95\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"3\" stroke-linecap=\"round\" data-v-cdc3b8a1></path><circle cx=\"110\" cy=\"75\" r=\"3\" fill=\"var(--u-text-color-placeholder)\" data-v-cdc3b8a1></circle><circle cx=\"130\" cy=\"85\" r=\"3\" fill=\"var(--u-text-color-placeholder)\" data-v-cdc3b8a1></circle></svg><div class=\"result-error-text\" data-v-cdc3b8a1>404</div>", 2)]);
|
|
825
769
|
}
|
|
826
|
-
var
|
|
827
|
-
const
|
|
828
|
-
function
|
|
829
|
-
return
|
|
770
|
+
var tt = /* @__PURE__ */ qe(Qe, [["render", et], ["__scopeId", "data-v-cdc3b8a1"]]);
|
|
771
|
+
const nt = {}, rt = { class: "result-error-icon" };
|
|
772
|
+
function it(e, t) {
|
|
773
|
+
return S(), o("div", rt, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-cb66ef61><g opacity=\"0.8\" data-v-cb66ef61><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cb66ef61></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cb66ef61></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-cb66ef61></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><rect x=\"100\" y=\"65\" width=\"40\" height=\"30\" rx=\"4\" fill=\"none\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" data-v-cb66ef61></rect><path d=\"M110 75L130 85M130 75L110 85\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><path d=\"M115 55L125 65\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><circle cx=\"118\" cy=\"52\" r=\"2\" fill=\"rgb(var(--red-6))\" data-v-cb66ef61></circle></svg><div class=\"result-error-text\" data-v-cb66ef61>500</div>", 2)]);
|
|
830
774
|
}
|
|
831
|
-
var
|
|
832
|
-
const
|
|
775
|
+
var at = /* @__PURE__ */ qe(nt, [["render", it], ["__scopeId", "data-v-cb66ef61"]]);
|
|
776
|
+
const ot = {
|
|
833
777
|
key: 0,
|
|
834
778
|
class: "i-u-info w-12 h-12"
|
|
835
|
-
},
|
|
779
|
+
}, st = {
|
|
836
780
|
key: 1,
|
|
837
781
|
class: "i-u-check"
|
|
838
|
-
},
|
|
782
|
+
}, ct = {
|
|
839
783
|
key: 2,
|
|
840
784
|
class: "i-u-info w-12 h-12"
|
|
841
|
-
},
|
|
785
|
+
}, lt = {
|
|
842
786
|
key: 3,
|
|
843
787
|
class: "i-u-close"
|
|
844
788
|
};
|
|
845
|
-
var
|
|
789
|
+
var ut = /* @__PURE__ */ f({
|
|
846
790
|
__name: "Result",
|
|
847
791
|
props: {
|
|
848
792
|
status: { default: "info" },
|
|
@@ -862,32 +806,32 @@ var wt = /* @__PURE__ */ f({
|
|
|
862
806
|
], n = e, r = (e) => t.includes(e);
|
|
863
807
|
r(n.status) || console.warn(`Invalid status: ${n.status}. Valid values are: ${t.join(", ")}`);
|
|
864
808
|
let c = Y("result");
|
|
865
|
-
return (e, t) => (
|
|
866
|
-
s("div", { class:
|
|
867
|
-
[`${
|
|
868
|
-
[`${
|
|
869
|
-
}]) }, [s("div", { class:
|
|
870
|
-
e.title || e.$slots.title ? (
|
|
809
|
+
return (e, t) => (S(), o("div", { class: v(N(c)) }, [
|
|
810
|
+
s("div", { class: v([`${N(c)}-icon`, {
|
|
811
|
+
[`${N(c)}-icon-${e.status}`]: e.status,
|
|
812
|
+
[`${N(c)}-icon-custom`]: e.status === null
|
|
813
|
+
}]) }, [s("div", { class: v(`${N(c)}-icon-tip`) }, [D(e.$slots, "icon", {}, () => [e.status === "info" ? (S(), o("span", ot)) : e.status === "success" ? (S(), o("span", st)) : e.status === "warning" ? (S(), o("span", ct)) : e.status === "error" ? (S(), o("span", lt)) : e.status === "403" ? (S(), i(Ze, { key: 4 })) : e.status === "404" ? (S(), i(tt, { key: 5 })) : e.status === "500" ? (S(), i(at, { key: 6 })) : a("", !0)])], 2)], 2),
|
|
814
|
+
e.title || e.$slots.title ? (S(), o("div", {
|
|
871
815
|
key: 0,
|
|
872
|
-
class:
|
|
873
|
-
}, [
|
|
874
|
-
e.subtitle || e.$slots.subtitle ? (
|
|
816
|
+
class: v(`${N(c)}-title`)
|
|
817
|
+
}, [D(e.$slots, "title", {}, () => [u(A(e.title), 1)])], 2)) : a("", !0),
|
|
818
|
+
e.subtitle || e.$slots.subtitle ? (S(), o("div", {
|
|
875
819
|
key: 1,
|
|
876
|
-
class:
|
|
877
|
-
}, [
|
|
878
|
-
e.$slots.extra ? (
|
|
820
|
+
class: v(`${N(c)}-subtitle`)
|
|
821
|
+
}, [D(e.$slots, "subtitle", {}, () => [u(A(e.subtitle), 1)])], 2)) : a("", !0),
|
|
822
|
+
e.$slots.extra ? (S(), o("div", {
|
|
879
823
|
key: 2,
|
|
880
|
-
class:
|
|
881
|
-
}, [
|
|
882
|
-
e.$slots.default ? (
|
|
824
|
+
class: v(`${N(c)}-extra`)
|
|
825
|
+
}, [D(e.$slots, "extra")], 2)) : a("", !0),
|
|
826
|
+
e.$slots.default ? (S(), o("div", {
|
|
883
827
|
key: 3,
|
|
884
|
-
class:
|
|
885
|
-
}, [
|
|
828
|
+
class: v(`${N(c)}-content`)
|
|
829
|
+
}, [D(e.$slots, "default")], 2)) : a("", !0)
|
|
886
830
|
], 2));
|
|
887
831
|
}
|
|
888
|
-
}),
|
|
889
|
-
const
|
|
890
|
-
var
|
|
832
|
+
}), dt = ut;
|
|
833
|
+
const ft = { class: "flex justify-between items-center" };
|
|
834
|
+
var pt = /* @__PURE__ */ f({
|
|
891
835
|
__name: "SettingItem",
|
|
892
836
|
props: {
|
|
893
837
|
title: {},
|
|
@@ -898,30 +842,30 @@ var Dt = /* @__PURE__ */ f({
|
|
|
898
842
|
background: { default: "var(--u-bg-color-3)" }
|
|
899
843
|
},
|
|
900
844
|
setup(e) {
|
|
901
|
-
let t =
|
|
845
|
+
let t = P(), n = r(() => "onClick" in t || "onClickCapture" in t), i = r(() => {
|
|
902
846
|
let e = [];
|
|
903
847
|
return e.push(Y("setting-item")), n.value && e.push("cursor-pointer"), e;
|
|
904
848
|
});
|
|
905
|
-
return (e, t) => (
|
|
849
|
+
return (e, t) => (S(), o("div", g({ class: i.value }, j({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [s("div", ft, [s("div", null, [s("div", { class: v(["u-fx u-gap5 u-fac", N(Y)("setting-item-title")]) }, [D(e.$slots, "title", {}, () => [u(A(e.title), 1)])], 2), D(e.$slots, "desc", {}, () => [s("div", { class: v(N(Y)("setting-item-desc")) }, A(e.desc), 3)])]), s("div", null, [D(e.$slots, "default")])]), s("div", null, [D(e.$slots, "extra")])], 16));
|
|
906
850
|
}
|
|
907
|
-
}),
|
|
851
|
+
}), mt = pt, ht = /* @__PURE__ */ f({
|
|
908
852
|
__name: "SettingDivision",
|
|
909
853
|
setup(e) {
|
|
910
|
-
return (e, t) => (
|
|
854
|
+
return (e, t) => (S(), o("div", { class: v(N(Y)("setting-division")) }, null, 2));
|
|
911
855
|
}
|
|
912
|
-
}),
|
|
913
|
-
const
|
|
914
|
-
var
|
|
856
|
+
}), gt = ht;
|
|
857
|
+
const _t = { key: 0 };
|
|
858
|
+
var vt = /* @__PURE__ */ f({
|
|
915
859
|
__name: "SettingGroup",
|
|
916
860
|
props: { title: {} },
|
|
917
861
|
setup(e) {
|
|
918
|
-
return (e, t) => (
|
|
862
|
+
return (e, t) => (S(), o("div", { class: v([N(Y)("setting-group")]) }, [s("div", { class: v(N(Y)("setting-group-header")) }, [s("div", { class: v(N(Y)("setting-group-title")) }, A(e.title), 3), e.$slots.desc ? (S(), o("div", _t, [D(e.$slots, "desc")])) : a("", !0)], 2), s("div", null, [D(e.$slots, "default")])], 2));
|
|
919
863
|
}
|
|
920
|
-
}),
|
|
864
|
+
}), yt = vt, bt = /* @__PURE__ */ f({
|
|
921
865
|
name: "SwitchEnable",
|
|
922
866
|
inheritAttrs: !1,
|
|
923
867
|
__name: "SwitchEnable",
|
|
924
|
-
props: /* @__PURE__ */
|
|
868
|
+
props: /* @__PURE__ */ h({
|
|
925
869
|
value: { type: Boolean },
|
|
926
870
|
color: { default: "green" },
|
|
927
871
|
beforeChange: {},
|
|
@@ -940,9 +884,9 @@ var Mt = /* @__PURE__ */ f({
|
|
|
940
884
|
},
|
|
941
885
|
valueModifiers: {}
|
|
942
886
|
}),
|
|
943
|
-
emits: /* @__PURE__ */
|
|
887
|
+
emits: /* @__PURE__ */ h(["change"], ["update:value"]),
|
|
944
888
|
setup(e, { emit: t }) {
|
|
945
|
-
let n = e, r = t, a =
|
|
889
|
+
let n = e, r = t, a = F(e, "value"), o = (e, t) => {
|
|
946
890
|
r("change", e, t);
|
|
947
891
|
}, s = (e, t) => t.value ? d("span", {
|
|
948
892
|
class: "i-u-check",
|
|
@@ -952,8 +896,8 @@ var Mt = /* @__PURE__ */ f({
|
|
|
952
896
|
style: "width: 10px; height: 10px;"
|
|
953
897
|
}, null);
|
|
954
898
|
return (e, t) => {
|
|
955
|
-
let r =
|
|
956
|
-
return
|
|
899
|
+
let r = re;
|
|
900
|
+
return S(), i(r, g({ class: ["u-web-switch", { "u-web-switch-green": n.color === "green" }] }, {
|
|
957
901
|
...n,
|
|
958
902
|
value: void 0
|
|
959
903
|
}, {
|
|
@@ -964,12 +908,12 @@ var Mt = /* @__PURE__ */ f({
|
|
|
964
908
|
}), null, 16, ["class", "modelValue"]);
|
|
965
909
|
};
|
|
966
910
|
}
|
|
967
|
-
}),
|
|
968
|
-
const
|
|
969
|
-
var
|
|
911
|
+
}), xt = bt;
|
|
912
|
+
const St = ["aria-checked", "disabled"];
|
|
913
|
+
var Ct = /* @__PURE__ */ f({
|
|
970
914
|
name: "SwitchPlus",
|
|
971
915
|
__name: "SwitchPlus",
|
|
972
|
-
props: /* @__PURE__ */
|
|
916
|
+
props: /* @__PURE__ */ h({
|
|
973
917
|
modelValue: { type: [
|
|
974
918
|
String,
|
|
975
919
|
Number,
|
|
@@ -1021,39 +965,39 @@ var Lt = /* @__PURE__ */ f({
|
|
|
1021
965
|
},
|
|
1022
966
|
valueModifiers: {}
|
|
1023
967
|
}),
|
|
1024
|
-
emits: /* @__PURE__ */
|
|
968
|
+
emits: /* @__PURE__ */ h([
|
|
1025
969
|
"update:modelValue",
|
|
1026
970
|
"change",
|
|
1027
971
|
"focus",
|
|
1028
972
|
"blur"
|
|
1029
973
|
], ["update:value"]),
|
|
1030
974
|
setup(t, { emit: n }) {
|
|
1031
|
-
let i =
|
|
975
|
+
let i = F(t, "value"), c = t, l = n, d = I(), { size: f } = M(c), p = X("switch-plus"), m = p(), h = r(() => c.disabled), g = r(() => c.size);
|
|
1032
976
|
i.value === !1 && c.defaultChecked && (i.value = c.checkedValue);
|
|
1033
|
-
let _ = r(() => i.value === c.checkedValue),
|
|
977
|
+
let _ = r(() => i.value === c.checkedValue), b = T(!1), x = r(() => b.value || c.loading), C = (e, t) => {
|
|
1034
978
|
let n = e ? c.checkedValue : c.uncheckedValue;
|
|
1035
979
|
i.value = n, l("change", n, t);
|
|
1036
|
-
},
|
|
980
|
+
}, w = async (e) => {
|
|
1037
981
|
if (x.value || h.value) return;
|
|
1038
982
|
let t = !_.value, n = t ? c.checkedValue : c.uncheckedValue, r = c.beforeChange;
|
|
1039
|
-
if (
|
|
1040
|
-
|
|
983
|
+
if (fe(r)) {
|
|
984
|
+
b.value = !0;
|
|
1041
985
|
try {
|
|
1042
986
|
let i = await r(n);
|
|
1043
|
-
(i ?? !0) &&
|
|
987
|
+
(i ?? !0) && C(t, e);
|
|
1044
988
|
} finally {
|
|
1045
|
-
|
|
989
|
+
b.value = !1;
|
|
1046
990
|
}
|
|
1047
|
-
} else
|
|
1048
|
-
}, T = (e) => {
|
|
1049
|
-
l("focus", e);
|
|
991
|
+
} else C(t, e);
|
|
1050
992
|
}, E = (e) => {
|
|
993
|
+
l("focus", e);
|
|
994
|
+
}, O = (e) => {
|
|
1051
995
|
l("blur", e);
|
|
1052
996
|
};
|
|
1053
|
-
|
|
1054
|
-
(
|
|
997
|
+
L(i, (e) => {
|
|
998
|
+
(me(e) || pe(e)) && (i.value = c.uncheckedValue);
|
|
1055
999
|
});
|
|
1056
|
-
let
|
|
1000
|
+
let k = r(() => [
|
|
1057
1001
|
m,
|
|
1058
1002
|
`${m}-type-${c.type}`,
|
|
1059
1003
|
{
|
|
@@ -1065,36 +1009,36 @@ var Lt = /* @__PURE__ */ f({
|
|
|
1065
1009
|
[`${m}-loading`]: x.value,
|
|
1066
1010
|
[`${m}-custom-color`]: c.type === "line" && (c.checkedColor || c.uncheckedColor)
|
|
1067
1011
|
}
|
|
1068
|
-
]),
|
|
1012
|
+
]), j = r(() => {
|
|
1069
1013
|
if (_.value && c.checkedColor) return c.type === "line" ? { "--custom-color": c.checkedColor } : { backgroundColor: c.checkedColor };
|
|
1070
1014
|
if (!_.value && c.uncheckedColor) return c.type === "line" ? { "--custom-color": c.uncheckedColor } : { backgroundColor: c.uncheckedColor };
|
|
1071
|
-
}),
|
|
1015
|
+
}), P = r(() => {
|
|
1072
1016
|
if (!x.value) {
|
|
1073
1017
|
if (_.value && c.checkedColor) return { color: c.checkedColor };
|
|
1074
1018
|
if (!_.value && c.uncheckedColor) return { color: c.uncheckedColor };
|
|
1075
1019
|
}
|
|
1076
1020
|
});
|
|
1077
|
-
return (t, n) => (
|
|
1021
|
+
return (t, n) => (S(), o("button", {
|
|
1078
1022
|
type: "button",
|
|
1079
1023
|
role: "switch",
|
|
1080
1024
|
"aria-checked": _.value,
|
|
1081
|
-
class:
|
|
1082
|
-
style:
|
|
1025
|
+
class: v(k.value),
|
|
1026
|
+
style: y(j.value),
|
|
1083
1027
|
disabled: h.value || x.value,
|
|
1084
|
-
onClick:
|
|
1085
|
-
onFocus:
|
|
1086
|
-
onBlur:
|
|
1028
|
+
onClick: w,
|
|
1029
|
+
onFocus: E,
|
|
1030
|
+
onBlur: O
|
|
1087
1031
|
}, [s("span", {
|
|
1088
|
-
class:
|
|
1089
|
-
style:
|
|
1090
|
-
}, [s("span", { class:
|
|
1032
|
+
class: v(`${N(m)}-handle`),
|
|
1033
|
+
style: y(P.value)
|
|
1034
|
+
}, [s("span", { class: v(`${N(m)}-handle-icon`) }, [x.value ? (S(), o("span", {
|
|
1091
1035
|
key: 0,
|
|
1092
|
-
class:
|
|
1093
|
-
}, null, 2)) : (
|
|
1036
|
+
class: v(["i-u-loading", `${N(m)}-loading-icon`])
|
|
1037
|
+
}, null, 2)) : (S(), o(e, { key: 1 }, [_.value ? D(t.$slots, "checked-icon", { key: 0 }) : D(t.$slots, "unchecked-icon", { key: 1 })], 64))], 2)], 6), t.type !== "line" && N(f) !== "small" && (N(d).checked || t.checkedText || N(d).unchecked || t.uncheckedText) ? (S(), o(e, { key: 0 }, [s("span", { class: v(`${N(m)}-text-holder`) }, [_.value ? D(t.$slots, "checked", { key: 0 }, () => [u(A(t.checkedText), 1)]) : D(t.$slots, "unchecked", { key: 1 }, () => [u(A(t.uncheckedText), 1)])], 2), s("span", { class: v(`${N(m)}-text`) }, [_.value ? D(t.$slots, "checked", { key: 0 }, () => [u(A(t.checkedText), 1)]) : D(t.$slots, "unchecked", { key: 1 }, () => [u(A(t.uncheckedText), 1)])], 2)], 64)) : a("", !0)], 46, St));
|
|
1094
1038
|
}
|
|
1095
|
-
}),
|
|
1039
|
+
}), wt = Ct, Tt = /* @__PURE__ */ f({
|
|
1096
1040
|
__name: "SwitchPlusEnable",
|
|
1097
|
-
props: /* @__PURE__ */
|
|
1041
|
+
props: /* @__PURE__ */ h({
|
|
1098
1042
|
modelValue: { type: [
|
|
1099
1043
|
String,
|
|
1100
1044
|
Number,
|
|
@@ -1148,19 +1092,19 @@ var Lt = /* @__PURE__ */ f({
|
|
|
1148
1092
|
}),
|
|
1149
1093
|
emits: ["update:value"],
|
|
1150
1094
|
setup(e) {
|
|
1151
|
-
let t =
|
|
1152
|
-
return (e, r) => (
|
|
1095
|
+
let t = F(e, "value"), n = e;
|
|
1096
|
+
return (e, r) => (S(), i(wt, g({
|
|
1153
1097
|
value: t.value,
|
|
1154
1098
|
"onUpdate:value": r[0] ||= (e) => t.value = e
|
|
1155
1099
|
}, n), {
|
|
1156
|
-
"checked-icon":
|
|
1100
|
+
"checked-icon": R(() => r[1] ||= [s("span", {
|
|
1157
1101
|
style: {
|
|
1158
1102
|
width: "14px",
|
|
1159
1103
|
height: "14px"
|
|
1160
1104
|
},
|
|
1161
1105
|
class: "i-u-checkSmall"
|
|
1162
1106
|
}, null, -1)]),
|
|
1163
|
-
"unchecked-icon":
|
|
1107
|
+
"unchecked-icon": R(() => r[2] ||= [s("span", {
|
|
1164
1108
|
style: {
|
|
1165
1109
|
width: "14px",
|
|
1166
1110
|
height: "14px"
|
|
@@ -1170,5 +1114,5 @@ var Lt = /* @__PURE__ */ f({
|
|
|
1170
1114
|
_: 1
|
|
1171
1115
|
}, 16, ["value"]));
|
|
1172
1116
|
}
|
|
1173
|
-
}),
|
|
1174
|
-
export {
|
|
1117
|
+
}), Et = Tt;
|
|
1118
|
+
export { ge as BackTop, Se as ContextMenu, Oe as ContextMenuDivider, Ee as ContextMenuGroup, we as ContextMenuItem, Ae as ContextMenuSubmenu, $ as LeftMenu, ye as LeftMenuEventDispatch, Q as LeftMenuEvents, Ke as PageHeader, dt as Result, gt as SettingDivision, yt as SettingGroup, mt as SettingItem, Pe as SplitPanel, xt as SwitchEnable, wt as SwitchPlus, Et as SwitchPlusEnable, Ie as UtoolsBaseLayout, We as UtoolsLayout, ve as WebBaseLayout, Me as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, de as isEventExist, fe as isFunction, pe as isNull, me as isUndefined };
|