@nhdropshipping/y-components 1.0.18 → 1.0.20
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/components/ydropdown.vue.d.ts +4 -0
- package/dist/components/ydropdown.vue.d.ts.map +1 -1
- package/dist/components/ypopover.vue.d.ts +1 -1
- package/dist/components/ypopover.vue.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +908 -891
- package/dist/index.esm.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as be, computed as O, createElementBlock as u, openBlock as i, normalizeClass as E, createElementVNode as l, renderSlot as re, Fragment as ie, renderList as he, createCommentVNode as R, toDisplayString as
|
|
1
|
+
import { defineComponent as be, computed as O, createElementBlock as u, openBlock as i, normalizeClass as E, createElementVNode as l, renderSlot as re, Fragment as ie, renderList as he, createCommentVNode as R, toDisplayString as ne, ref as z, watch as le, normalizeStyle as pe, nextTick as fe, onMounted as Se, onUnmounted as Te, resolveComponent as Ve, createVNode as ue, Transition as Ce, withCtx as ve, createTextVNode as De, createBlock as Be, withKeys as xe, withModifiers as Z, withDirectives as Ee, vModelText as tt, Teleport as Ae, vShow as He, provide as nt, reactive as lt, TransitionGroup as ot, resolveDynamicComponent as at, onBeforeUnmount as st, render as Ze } from "vue";
|
|
2
2
|
const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "content" }, ut = {
|
|
3
3
|
key: 1,
|
|
4
4
|
class: "y-btn-group",
|
|
@@ -28,8 +28,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
28
28
|
groupItems: { default: void 0 }
|
|
29
29
|
},
|
|
30
30
|
emits: ["click", "group-click"],
|
|
31
|
-
setup(e, { emit:
|
|
32
|
-
const t = e, n =
|
|
31
|
+
setup(e, { emit: b }) {
|
|
32
|
+
const t = e, n = b;
|
|
33
33
|
function g(k) {
|
|
34
34
|
if (t.disabled || t.loading) {
|
|
35
35
|
k.preventDefault(), k.stopPropagation();
|
|
@@ -49,23 +49,23 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
49
49
|
return "group-pos-single";
|
|
50
50
|
}
|
|
51
51
|
}), p = O(() => Array.isArray(t.groupItems) && t.groupItems.length > 0);
|
|
52
|
-
function L(k,
|
|
52
|
+
function L(k, S) {
|
|
53
53
|
if (t.disabled || t.loading || k.disabled || k.loading) {
|
|
54
|
-
|
|
54
|
+
S.preventDefault(), S.stopPropagation();
|
|
55
55
|
return;
|
|
56
56
|
}
|
|
57
|
-
n("group-click", k.value,
|
|
57
|
+
n("group-click", k.value, S);
|
|
58
58
|
}
|
|
59
|
-
return (k,
|
|
60
|
-
(i(!0), u(ie, null, he(e.groupItems, (m,
|
|
61
|
-
var
|
|
59
|
+
return (k, S) => p.value ? (i(), u("div", ut, [
|
|
60
|
+
(i(!0), u(ie, null, he(e.groupItems, (m, x) => {
|
|
61
|
+
var f;
|
|
62
62
|
return i(), u("button", {
|
|
63
|
-
key: m.value ??
|
|
63
|
+
key: m.value ?? x,
|
|
64
64
|
class: E(["y-btn", [
|
|
65
65
|
`y-btn--${m.variant ?? e.variant}`,
|
|
66
66
|
`y-btn--${m.size ?? e.size}`,
|
|
67
67
|
"is-grouped",
|
|
68
|
-
|
|
68
|
+
x === 0 ? "group-pos-start" : x === (((f = e.groupItems) == null ? void 0 : f.length) || 0) - 1 ? "group-pos-end" : "group-pos-middle",
|
|
69
69
|
{ "is-loading": m.loading || e.loading }
|
|
70
70
|
]]),
|
|
71
71
|
type: e.htmlType,
|
|
@@ -73,23 +73,23 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
73
73
|
"aria-busy": m.loading || e.loading ? "true" : "false",
|
|
74
74
|
"aria-disabled": (m.disabled ?? !1) || e.disabled || e.loading || m.loading ? "true" : "false",
|
|
75
75
|
"aria-label": m.ariaLabel || m.label,
|
|
76
|
-
onClick: (
|
|
76
|
+
onClick: (C) => L(m, C)
|
|
77
77
|
}, [
|
|
78
78
|
l("span", dt, [
|
|
79
|
-
m.icon === "chevron-left" ? (i(), u("svg", ft, [...
|
|
79
|
+
m.icon === "chevron-left" ? (i(), u("svg", ft, [...S[0] || (S[0] = [
|
|
80
80
|
l("path", {
|
|
81
81
|
"fill-rule": "evenodd",
|
|
82
82
|
d: "M12.78 15.22a.75.75 0 01-1.06 0l-5-5a.75.75 0 010-1.06l5-5a.75.75 0 111.06 1.06L8.81 10l3.97 3.97a.75.75 0 010 1.06z",
|
|
83
83
|
"clip-rule": "evenodd"
|
|
84
84
|
}, null, -1)
|
|
85
|
-
])])) : m.icon === "chevron-right" ? (i(), u("svg", vt, [...
|
|
85
|
+
])])) : m.icon === "chevron-right" ? (i(), u("svg", vt, [...S[1] || (S[1] = [
|
|
86
86
|
l("path", {
|
|
87
87
|
"fill-rule": "evenodd",
|
|
88
88
|
d: "M7.22 4.78a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L11.19 10 7.22 6.03a.75.75 0 010-1.06z",
|
|
89
89
|
"clip-rule": "evenodd"
|
|
90
90
|
}, null, -1)
|
|
91
91
|
])])) : R("", !0),
|
|
92
|
-
m.label && !m.onlyIcon ? (i(), u("span", ht,
|
|
92
|
+
m.label && !m.onlyIcon ? (i(), u("span", ht, ne(m.label), 1)) : R("", !0)
|
|
93
93
|
])
|
|
94
94
|
], 10, ct);
|
|
95
95
|
}), 128))
|
|
@@ -113,9 +113,9 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
113
113
|
])
|
|
114
114
|
], 10, it));
|
|
115
115
|
}
|
|
116
|
-
}), ke = (e,
|
|
116
|
+
}), ke = (e, b) => {
|
|
117
117
|
const t = e.__vccOpts || e;
|
|
118
|
-
for (const [n, g] of
|
|
118
|
+
for (const [n, g] of b)
|
|
119
119
|
t[n] = g;
|
|
120
120
|
return t;
|
|
121
121
|
}, Fe = /* @__PURE__ */ ke(pt, [["__scopeId", "data-v-40819241"]]), yt = ["id", "name", "type", "placeholder", "autocomplete", "inputmode", "disabled", "required", "value"], gt = /* @__PURE__ */ be({
|
|
@@ -136,24 +136,24 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
136
136
|
clearOnFocus: { type: Boolean, default: !1 }
|
|
137
137
|
},
|
|
138
138
|
emits: ["update:modelValue"],
|
|
139
|
-
setup(e, { emit:
|
|
140
|
-
const t = e, n =
|
|
141
|
-
|
|
142
|
-
L.value || (k.value =
|
|
139
|
+
setup(e, { emit: b }) {
|
|
140
|
+
const t = e, n = b, g = z(null), h = z(""), p = z(!1), L = z(!1), k = z(t.placeholder || "");
|
|
141
|
+
le(() => t.placeholder, (f) => {
|
|
142
|
+
L.value || (k.value = f || "");
|
|
143
143
|
});
|
|
144
|
-
function
|
|
145
|
-
const
|
|
146
|
-
p.value = !0, n("update:modelValue",
|
|
144
|
+
function S(f) {
|
|
145
|
+
const C = f.target;
|
|
146
|
+
p.value = !0, n("update:modelValue", C.value);
|
|
147
147
|
}
|
|
148
148
|
function m() {
|
|
149
149
|
L.value = !0, t.clearOnFocus && (h.value = t.modelValue || "", p.value = !1, k.value = h.value || t.placeholder || "", n("update:modelValue", ""));
|
|
150
150
|
}
|
|
151
|
-
function
|
|
151
|
+
function x() {
|
|
152
152
|
L.value = !1, t.clearOnFocus && !p.value && (!t.modelValue || t.modelValue === "") && n("update:modelValue", h.value), k.value = t.placeholder || "";
|
|
153
153
|
}
|
|
154
|
-
return (
|
|
154
|
+
return (f, C) => (i(), u("div", {
|
|
155
155
|
class: E(["y-input-wrap", { "is-block": e.block }]),
|
|
156
|
-
style:
|
|
156
|
+
style: pe({ width: e.width })
|
|
157
157
|
}, [
|
|
158
158
|
l("input", {
|
|
159
159
|
ref_key: "inputRef",
|
|
@@ -168,9 +168,9 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
168
168
|
disabled: e.disabled,
|
|
169
169
|
required: e.required,
|
|
170
170
|
value: e.modelValue,
|
|
171
|
-
onInput:
|
|
171
|
+
onInput: S,
|
|
172
172
|
onFocus: m,
|
|
173
|
-
onBlur:
|
|
173
|
+
onBlur: x
|
|
174
174
|
}, null, 42, yt)
|
|
175
175
|
], 6));
|
|
176
176
|
}
|
|
@@ -220,13 +220,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
220
220
|
stickyHeader: { type: Boolean, default: !1 }
|
|
221
221
|
},
|
|
222
222
|
emits: ["edit", "select", "update:selectedItems", "page-change", "page-size-change"],
|
|
223
|
-
setup(e, { emit:
|
|
224
|
-
const t = e, n =
|
|
223
|
+
setup(e, { emit: b }) {
|
|
224
|
+
const t = e, n = b, g = z(t.currentPage || 1), h = z(t.pageSize), p = z([]), L = z("none"), k = z(), S = z(), m = z(), x = z(), f = z([]), C = z(), j = z({
|
|
225
225
|
show: !1,
|
|
226
226
|
thumbHeight: 40,
|
|
227
227
|
thumbTop: 0
|
|
228
228
|
});
|
|
229
|
-
let
|
|
229
|
+
let U = !1, A = 0, $ = 0;
|
|
230
230
|
const T = z(0), I = O(() => {
|
|
231
231
|
if (!t.searchKeyword || !t.searchFields.length)
|
|
232
232
|
return t.data;
|
|
@@ -235,11 +235,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
235
235
|
const B = ce(_, K);
|
|
236
236
|
return String(B).toLowerCase().includes(D);
|
|
237
237
|
}));
|
|
238
|
-
}), H = O(() => (t.pagination, I.value)),
|
|
238
|
+
}), H = O(() => (t.pagination, I.value)), P = O(() => {
|
|
239
239
|
if (!t.selectable) return !1;
|
|
240
|
-
const D = H.value.map((_, K) =>
|
|
240
|
+
const D = H.value.map((_, K) => ee(_, K));
|
|
241
241
|
return D.length > 0 && D.every((_) => p.value.includes(_));
|
|
242
|
-
}),
|
|
242
|
+
}), G = O(() => {
|
|
243
243
|
const D = [];
|
|
244
244
|
let _ = t.selectable ? 40 : 0;
|
|
245
245
|
for (let K = 0; K < t.columns.length; K++) {
|
|
@@ -247,11 +247,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
247
247
|
if (B.fixed === "left") {
|
|
248
248
|
let F = 80;
|
|
249
249
|
if (B.width) {
|
|
250
|
-
const
|
|
251
|
-
F = isNaN(
|
|
252
|
-
} else if (
|
|
253
|
-
const
|
|
254
|
-
F = isNaN(
|
|
250
|
+
const N = parseFloat(B.width);
|
|
251
|
+
F = isNaN(N) ? 80 : N;
|
|
252
|
+
} else if (f.value[K]) {
|
|
253
|
+
const N = parseFloat(f.value[K]);
|
|
254
|
+
F = isNaN(N) ? 80 : N;
|
|
255
255
|
}
|
|
256
256
|
D.push(_), _ += F;
|
|
257
257
|
}
|
|
@@ -264,22 +264,22 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
264
264
|
for (let B = t.columns.length - 1; B >= 0; B--) {
|
|
265
265
|
const F = t.columns[B];
|
|
266
266
|
if (F.fixed === "right") {
|
|
267
|
-
let
|
|
267
|
+
let N = 80;
|
|
268
268
|
if (F.width) {
|
|
269
|
-
const
|
|
270
|
-
|
|
271
|
-
} else if (
|
|
272
|
-
const
|
|
273
|
-
|
|
269
|
+
const te = parseFloat(F.width);
|
|
270
|
+
N = isNaN(te) ? 80 : te;
|
|
271
|
+
} else if (f.value[B]) {
|
|
272
|
+
const te = parseFloat(f.value[B]);
|
|
273
|
+
N = isNaN(te) ? 80 : te;
|
|
274
274
|
}
|
|
275
|
-
K.push({ index: B, width:
|
|
275
|
+
K.push({ index: B, width: N });
|
|
276
276
|
}
|
|
277
277
|
}
|
|
278
278
|
for (let B = 0; B < K.length; B++)
|
|
279
279
|
D.push(_), _ += K[B].width;
|
|
280
280
|
return D;
|
|
281
281
|
});
|
|
282
|
-
function
|
|
282
|
+
function ye(D, _) {
|
|
283
283
|
if (_ === "left") {
|
|
284
284
|
let K = 0;
|
|
285
285
|
for (let B = 0; B < D; B++)
|
|
@@ -292,7 +292,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
292
292
|
return K;
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
|
-
function
|
|
295
|
+
function ee(D, _) {
|
|
296
296
|
return typeof t.rowKey == "function" ? t.rowKey(D) : D[t.rowKey] || _;
|
|
297
297
|
}
|
|
298
298
|
function ce(D, _) {
|
|
@@ -305,11 +305,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
305
305
|
function me(D, _, K) {
|
|
306
306
|
const B = {};
|
|
307
307
|
if (D.width ? (B.width = D.width, B.minWidth = D.width, B.maxWidth = D.width) : (B.width = "auto", B.minWidth = "80px", B.maxWidth = "none"), D.fixed === "left") {
|
|
308
|
-
const F =
|
|
309
|
-
B.left = `${
|
|
308
|
+
const F = ye(_, "left"), N = G.value[F] || 0;
|
|
309
|
+
B.left = `${N}px`, B.zIndex = K ? `${10 + F}` : `${5 + F}`;
|
|
310
310
|
} else if (D.fixed === "right") {
|
|
311
|
-
const F =
|
|
312
|
-
K ? B.right = `${
|
|
311
|
+
const F = ye(_, "right"), N = X.value[F] || 0;
|
|
312
|
+
K ? B.right = `${N - 3}px` : B.right = `${N}px`, B.zIndex = K ? `${10 + F}` : `${5 + F}`;
|
|
313
313
|
}
|
|
314
314
|
return B;
|
|
315
315
|
}
|
|
@@ -317,11 +317,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
317
317
|
const K = ce(D, _.key);
|
|
318
318
|
return _.formatter ? _.formatter(K, D) : K || "";
|
|
319
319
|
}
|
|
320
|
-
function
|
|
320
|
+
function Y(D) {
|
|
321
321
|
p.value.includes(D) ? p.value = p.value.filter((_) => _ !== D) : p.value = [...p.value, D], n("select", p.value), n("update:selectedItems", p.value);
|
|
322
322
|
}
|
|
323
323
|
function q() {
|
|
324
|
-
const D = H.value.map((_, K) =>
|
|
324
|
+
const D = H.value.map((_, K) => ee(_, K));
|
|
325
325
|
if (D.every((_) => p.value.includes(_)))
|
|
326
326
|
p.value = p.value.filter((_) => !D.includes(_));
|
|
327
327
|
else {
|
|
@@ -333,139 +333,139 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
333
333
|
function v() {
|
|
334
334
|
p.value = [], n("select", p.value), n("update:selectedItems", p.value);
|
|
335
335
|
}
|
|
336
|
-
|
|
336
|
+
le(() => t.searchKeyword, () => {
|
|
337
337
|
g.value = 1;
|
|
338
|
-
}),
|
|
338
|
+
}), le(() => t.data, () => {
|
|
339
339
|
t.total || (g.value = 1);
|
|
340
340
|
}, { deep: !0 });
|
|
341
|
-
function
|
|
341
|
+
function d(D) {
|
|
342
342
|
g.value = D, n("page-change", D);
|
|
343
343
|
}
|
|
344
344
|
function o(D) {
|
|
345
345
|
h.value = D, g.value = 1, n("page-size-change", D);
|
|
346
346
|
}
|
|
347
|
-
|
|
347
|
+
le(() => t.currentPage, (D) => {
|
|
348
348
|
const _ = typeof D == "number" && D > 0 ? D : 1;
|
|
349
349
|
g.value !== _ && (g.value = _);
|
|
350
|
-
}),
|
|
350
|
+
}), le(() => t.pageSize, (D) => {
|
|
351
351
|
const _ = typeof D == "number" && D > 0 ? D : 10;
|
|
352
352
|
h.value !== _ && (h.value = _);
|
|
353
353
|
});
|
|
354
354
|
function s() {
|
|
355
|
-
k.value &&
|
|
356
|
-
const D = k.value.getBoundingClientRect(), _ = window.innerHeight, K = D.top, B = k.value.querySelector(".table-header"), F = B ? B.offsetHeight : 40,
|
|
357
|
-
se && (se.offsetHeight >
|
|
355
|
+
k.value && fe(() => {
|
|
356
|
+
const D = k.value.getBoundingClientRect(), _ = window.innerHeight, K = D.top, B = k.value.querySelector(".table-header"), F = B ? B.offsetHeight : 40, N = k.value.querySelector(".ypagination"), te = N ? N.offsetHeight : 60, a = k.value.querySelector(".bulk-bar"), c = a ? a.offsetHeight : 0, M = F + te + c + 20, W = _ - K - M, oe = Math.max(200, W), se = k.value.querySelector(".table-body-wrap .table");
|
|
357
|
+
se && (se.offsetHeight > W ? L.value = `${oe}px` : L.value = "none");
|
|
358
358
|
});
|
|
359
359
|
}
|
|
360
360
|
let r = !1;
|
|
361
361
|
function y() {
|
|
362
|
-
!
|
|
362
|
+
!S.value || !m.value || r || S.value.scrollLeft !== m.value.scrollLeft && (r = !0, S.value.scrollLeft = m.value.scrollLeft, requestAnimationFrame(() => {
|
|
363
363
|
r = !1;
|
|
364
364
|
}));
|
|
365
365
|
}
|
|
366
366
|
function w() {
|
|
367
|
-
!
|
|
367
|
+
!S.value || !m.value || r || m.value.scrollLeft !== S.value.scrollLeft && (r = !0, m.value.scrollLeft = S.value.scrollLeft, requestAnimationFrame(() => {
|
|
368
368
|
r = !1;
|
|
369
369
|
}));
|
|
370
370
|
}
|
|
371
371
|
function V() {
|
|
372
|
-
|
|
372
|
+
fe(() => {
|
|
373
373
|
if (!m.value) return;
|
|
374
374
|
const D = m.value, _ = D.scrollHeight, K = D.clientHeight, B = D.scrollTop, F = _ > K + 1;
|
|
375
375
|
if (j.value.show = F, !F) return;
|
|
376
|
-
const
|
|
377
|
-
j.value.thumbHeight =
|
|
378
|
-
const
|
|
379
|
-
j.value.thumbTop = Math.min(
|
|
376
|
+
const N = 24, te = K / _, a = C.value ? C.value.clientHeight : K, c = Math.max(N, Math.floor(a * te));
|
|
377
|
+
j.value.thumbHeight = c;
|
|
378
|
+
const M = Math.max(0, a - c), W = Math.max(1, _ - K);
|
|
379
|
+
j.value.thumbTop = Math.min(M, Math.floor(B / W * M));
|
|
380
380
|
});
|
|
381
381
|
}
|
|
382
382
|
function Q(D) {
|
|
383
|
-
if (!
|
|
383
|
+
if (!U || !m.value || !C.value) return;
|
|
384
384
|
D.preventDefault();
|
|
385
|
-
const _ =
|
|
386
|
-
B.scrollTop = Math.min(
|
|
385
|
+
const _ = C.value.clientHeight, K = Math.max(0, _ - j.value.thumbHeight), B = m.value, F = B.scrollHeight, N = B.clientHeight, te = Math.max(1, F - N), c = (D.clientY - A) / Math.max(1, K) * te;
|
|
386
|
+
B.scrollTop = Math.min(te, Math.max(0, $ + c)), V();
|
|
387
387
|
}
|
|
388
388
|
function J() {
|
|
389
|
-
|
|
389
|
+
U = !1, window.removeEventListener("mousemove", Q), window.removeEventListener("mouseup", J);
|
|
390
390
|
}
|
|
391
391
|
function Me() {
|
|
392
|
-
|
|
392
|
+
fe(() => {
|
|
393
393
|
var K;
|
|
394
|
-
if (
|
|
394
|
+
if (f.value.length === t.columns.length && f.value.every((B) => !!B))
|
|
395
395
|
return;
|
|
396
396
|
const D = [];
|
|
397
397
|
for (const B of t.columns)
|
|
398
398
|
if (B.width && typeof B.width == "string" && B.width.trim())
|
|
399
399
|
D.push(B.width);
|
|
400
400
|
else {
|
|
401
|
-
const F =
|
|
401
|
+
const F = f.value[D.length];
|
|
402
402
|
D.push(F || "");
|
|
403
403
|
}
|
|
404
|
-
const _ = (K =
|
|
404
|
+
const _ = (K = x.value) == null ? void 0 : K.querySelector("tbody tr");
|
|
405
405
|
if (_) {
|
|
406
406
|
const B = t.selectable ? 1 : 0, F = Array.from(_.children);
|
|
407
|
-
for (let
|
|
408
|
-
if (!D[
|
|
409
|
-
const
|
|
410
|
-
if (
|
|
411
|
-
const a =
|
|
412
|
-
D[
|
|
407
|
+
for (let N = 0; N < t.columns.length; N++)
|
|
408
|
+
if (!D[N]) {
|
|
409
|
+
const te = F[B + N];
|
|
410
|
+
if (te) {
|
|
411
|
+
const a = te.clientWidth;
|
|
412
|
+
D[N] = (a > 0 ? a : 80) + "px";
|
|
413
413
|
} else
|
|
414
|
-
D[
|
|
414
|
+
D[N] = "80px";
|
|
415
415
|
}
|
|
416
416
|
} else
|
|
417
417
|
for (let B = 0; B < D.length; B++)
|
|
418
|
-
D[B] || (D[B] =
|
|
419
|
-
|
|
418
|
+
D[B] || (D[B] = f.value[B] || "80px");
|
|
419
|
+
f.value = D;
|
|
420
420
|
});
|
|
421
421
|
}
|
|
422
422
|
function Re() {
|
|
423
423
|
s(), _e();
|
|
424
424
|
}
|
|
425
|
-
|
|
426
|
-
|
|
425
|
+
le(() => t.data, () => {
|
|
426
|
+
fe(() => {
|
|
427
427
|
s(), y(), _e();
|
|
428
428
|
});
|
|
429
|
-
}, { deep: !0 }),
|
|
430
|
-
|
|
429
|
+
}, { deep: !0 }), le([g, h], () => {
|
|
430
|
+
fe(() => {
|
|
431
431
|
s(), y(), _e();
|
|
432
432
|
});
|
|
433
|
-
}),
|
|
434
|
-
|
|
433
|
+
}), le(() => t.columns, () => {
|
|
434
|
+
f.value = [], fe(() => {
|
|
435
435
|
Me(), y(), _e();
|
|
436
436
|
});
|
|
437
|
-
}, { deep: !0 }),
|
|
438
|
-
|
|
437
|
+
}, { deep: !0 }), le(() => p.value, () => {
|
|
438
|
+
fe(() => {
|
|
439
439
|
s(), _e();
|
|
440
440
|
});
|
|
441
|
-
}, { deep: !0 }),
|
|
442
|
-
|
|
441
|
+
}, { deep: !0 }), le(() => t.loading, () => {
|
|
442
|
+
fe(() => {
|
|
443
443
|
_e();
|
|
444
444
|
});
|
|
445
445
|
}), Se(() => {
|
|
446
446
|
var D, _;
|
|
447
|
-
|
|
447
|
+
fe(() => {
|
|
448
448
|
s(), Me(), _e(), V();
|
|
449
449
|
}), window.addEventListener("resize", Re), window.addEventListener("scroll", Re, !0), (D = m.value) == null || D.addEventListener("scroll", () => {
|
|
450
450
|
y(), V(), _e();
|
|
451
|
-
}, { passive: !0 }), (_ =
|
|
451
|
+
}, { passive: !0 }), (_ = S.value) == null || _.addEventListener("scroll", () => {
|
|
452
452
|
w();
|
|
453
|
-
}, { passive: !0 }),
|
|
453
|
+
}, { passive: !0 }), fe(() => y()), m.value && typeof ResizeObserver < "u" && (Ke = new ResizeObserver(() => {
|
|
454
454
|
_e();
|
|
455
455
|
}), Ke.observe(m.value));
|
|
456
456
|
}), Te(() => {
|
|
457
457
|
var D, _;
|
|
458
|
-
window.removeEventListener("resize", Re), window.removeEventListener("scroll", Re, !0), (D = m.value) == null || D.removeEventListener("scroll", y), (_ =
|
|
458
|
+
window.removeEventListener("resize", Re), window.removeEventListener("scroll", Re, !0), (D = m.value) == null || D.removeEventListener("scroll", y), (_ = S.value) == null || _.removeEventListener("scroll", w), window.removeEventListener("mousemove", Q), window.removeEventListener("mouseup", J), Ke && (Ke.disconnect(), Ke = null);
|
|
459
459
|
});
|
|
460
460
|
let ze = -1;
|
|
461
461
|
function _e() {
|
|
462
|
-
!
|
|
463
|
-
if (!
|
|
462
|
+
!S.value || !m.value || requestAnimationFrame(() => {
|
|
463
|
+
if (!S.value || !m.value) return;
|
|
464
464
|
const D = m.value, _ = Math.ceil(D.offsetWidth - D.clientWidth);
|
|
465
465
|
if (T.value = _, _ !== ze) {
|
|
466
466
|
ze = _;
|
|
467
|
-
const K =
|
|
468
|
-
K && B && (
|
|
467
|
+
const K = S.value.querySelector(".table"), B = x.value;
|
|
468
|
+
K && B && (S.value.style.paddingRight = "0px", K.style.width = "", K.style.marginRight = "", _ > 0 ? (S.value.style.paddingRight = `${_}px`, K.style.width = "100%", K.style.marginRight = `-${_}px`) : (S.value.style.paddingRight = "0px", K.style.width = "100%", K.style.marginRight = "0px"));
|
|
469
469
|
}
|
|
470
470
|
});
|
|
471
471
|
}
|
|
@@ -478,9 +478,9 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
478
478
|
ref: k
|
|
479
479
|
}, [
|
|
480
480
|
ue(Ce, { name: "bulk-slide" }, {
|
|
481
|
-
default:
|
|
481
|
+
default: ve(() => [
|
|
482
482
|
p.value.length && e.showBulkActions ? (i(), u("div", mt, [
|
|
483
|
-
l("div", wt, "已选择 " +
|
|
483
|
+
l("div", wt, "已选择 " + ne(p.value.length) + " 项", 1),
|
|
484
484
|
l("div", bt, [
|
|
485
485
|
re(D.$slots, "bulk-actions", {
|
|
486
486
|
selectedItems: p.value,
|
|
@@ -491,7 +491,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
491
491
|
class: "btn",
|
|
492
492
|
onClick: v
|
|
493
493
|
}, {
|
|
494
|
-
default:
|
|
494
|
+
default: ve(() => [..._[2] || (_[2] = [
|
|
495
495
|
De("清除选择", -1)
|
|
496
496
|
])]),
|
|
497
497
|
_: 1
|
|
@@ -506,14 +506,14 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
506
506
|
l("div", {
|
|
507
507
|
class: "table-header",
|
|
508
508
|
ref_key: "headerRef",
|
|
509
|
-
ref:
|
|
509
|
+
ref: S
|
|
510
510
|
}, [
|
|
511
511
|
l("table", xt, [
|
|
512
512
|
l("colgroup", null, [
|
|
513
513
|
e.selectable ? (i(), u("col", Ct)) : R("", !0),
|
|
514
|
-
(i(!0), u(ie, null, he(e.columns, (F,
|
|
514
|
+
(i(!0), u(ie, null, he(e.columns, (F, N) => (i(), u("col", {
|
|
515
515
|
key: F.key,
|
|
516
|
-
style:
|
|
516
|
+
style: pe({ width: f.value[N] || void 0, minWidth: f.value[N] || "80px" })
|
|
517
517
|
}, null, 4))), 128))
|
|
518
518
|
]),
|
|
519
519
|
l("thead", null, [
|
|
@@ -521,15 +521,15 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
521
521
|
e.selectable ? (i(), u("th", Dt, [
|
|
522
522
|
l("input", {
|
|
523
523
|
type: "checkbox",
|
|
524
|
-
checked:
|
|
524
|
+
checked: P.value,
|
|
525
525
|
onChange: q
|
|
526
526
|
}, null, 40, $t)
|
|
527
527
|
])) : R("", !0),
|
|
528
|
-
(i(!0), u(ie, null, he(e.columns, (F,
|
|
528
|
+
(i(!0), u(ie, null, he(e.columns, (F, N) => (i(), u("th", {
|
|
529
529
|
key: F.key,
|
|
530
530
|
class: E(we(F, !0)),
|
|
531
|
-
style:
|
|
532
|
-
},
|
|
531
|
+
style: pe(me(F, N, !0))
|
|
532
|
+
}, ne(F.title), 7))), 128))
|
|
533
533
|
])
|
|
534
534
|
])
|
|
535
535
|
])
|
|
@@ -538,7 +538,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
538
538
|
class: E(["table-body-wrap", { "is-loading": e.loading, "is-empty": !H.value.length && !e.loading }]),
|
|
539
539
|
ref_key: "bodyWrapRef",
|
|
540
540
|
ref: m,
|
|
541
|
-
style:
|
|
541
|
+
style: pe({ maxHeight: L.value })
|
|
542
542
|
}, [
|
|
543
543
|
e.loading ? (i(), u("div", _t, [..._[3] || (_[3] = [
|
|
544
544
|
l("div", { class: "loading-spinner" }, null, -1),
|
|
@@ -546,44 +546,44 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
546
546
|
])])) : R("", !0),
|
|
547
547
|
!H.value.length && !e.loading ? (i(), u("div", St, [
|
|
548
548
|
re(D.$slots, "empty", {}, () => [
|
|
549
|
-
De(
|
|
549
|
+
De(ne(e.emptyText), 1)
|
|
550
550
|
], !0)
|
|
551
551
|
])) : R("", !0),
|
|
552
552
|
l("table", {
|
|
553
553
|
class: E(["table", { "loading-table": e.loading }]),
|
|
554
554
|
ref_key: "bodyTableRef",
|
|
555
|
-
ref:
|
|
555
|
+
ref: x
|
|
556
556
|
}, [
|
|
557
557
|
l("colgroup", null, [
|
|
558
558
|
e.selectable ? (i(), u("col", Mt)) : R("", !0),
|
|
559
|
-
(i(!0), u(ie, null, he(e.columns, (F,
|
|
559
|
+
(i(!0), u(ie, null, he(e.columns, (F, N) => (i(), u("col", {
|
|
560
560
|
key: F.key,
|
|
561
|
-
style:
|
|
561
|
+
style: pe({ width: f.value[N] || void 0, minWidth: f.value[N] || "80px" })
|
|
562
562
|
}, null, 4))), 128))
|
|
563
563
|
]),
|
|
564
564
|
l("tbody", null, [
|
|
565
|
-
(i(!0), u(ie, null, he(H.value, (F,
|
|
566
|
-
key:
|
|
565
|
+
(i(!0), u(ie, null, he(H.value, (F, N) => (i(), u("tr", {
|
|
566
|
+
key: ee(F, N)
|
|
567
567
|
}, [
|
|
568
568
|
e.selectable ? (i(), u("td", Lt, [
|
|
569
569
|
l("input", {
|
|
570
570
|
type: "checkbox",
|
|
571
|
-
value:
|
|
572
|
-
checked: p.value.includes(
|
|
573
|
-
onChange: (
|
|
571
|
+
value: ee(F, N),
|
|
572
|
+
checked: p.value.includes(ee(F, N)),
|
|
573
|
+
onChange: (te) => Y(ee(F, N))
|
|
574
574
|
}, null, 40, It)
|
|
575
575
|
])) : R("", !0),
|
|
576
|
-
(i(!0), u(ie, null, he(e.columns, (
|
|
577
|
-
key:
|
|
578
|
-
class: E(we(
|
|
579
|
-
style:
|
|
576
|
+
(i(!0), u(ie, null, he(e.columns, (te, a) => (i(), u("td", {
|
|
577
|
+
key: te.key,
|
|
578
|
+
class: E(we(te)),
|
|
579
|
+
style: pe(me(te, a, !1))
|
|
580
580
|
}, [
|
|
581
|
-
re(D.$slots, `cell-${
|
|
581
|
+
re(D.$slots, `cell-${te.key}`, {
|
|
582
582
|
item: F,
|
|
583
|
-
value: ce(F,
|
|
584
|
-
index:
|
|
583
|
+
value: ce(F, te.key),
|
|
584
|
+
index: N
|
|
585
585
|
}, () => [
|
|
586
|
-
De(
|
|
586
|
+
De(ne(de(F, te)), 1)
|
|
587
587
|
], !0)
|
|
588
588
|
], 6))), 128))
|
|
589
589
|
]))), 128))
|
|
@@ -599,7 +599,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
599
599
|
"onUpdate:pageSize": _[1] || (_[1] = (F) => h.value = F),
|
|
600
600
|
loading: t.loading,
|
|
601
601
|
"page-size-options": e.pageSizeOptions,
|
|
602
|
-
onPageChange:
|
|
602
|
+
onPageChange: d,
|
|
603
603
|
onPageSizeChange: o
|
|
604
604
|
}, null, 8, ["current-page", "page-size", "loading", "page-size-options"])) : R("", !0)
|
|
605
605
|
])
|
|
@@ -624,10 +624,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
624
624
|
width: { default: "200px" }
|
|
625
625
|
},
|
|
626
626
|
emits: ["update:modelValue", "change", "focus", "blur", "clear"],
|
|
627
|
-
setup(e, { emit:
|
|
628
|
-
const t = e, n =
|
|
627
|
+
setup(e, { emit: b }) {
|
|
628
|
+
const t = e, n = b, g = z(!1), h = z(-1), p = z(), L = z(), k = z(), S = z(), m = z(!1), x = z(), f = z(""), C = O(() => t.options.find((o) => T(o) === t.modelValue) || null), j = O(() => C.value ? I(C.value) : ""), U = O(() => {
|
|
629
629
|
if (!t.filterable) return t.options;
|
|
630
|
-
const o =
|
|
630
|
+
const o = f.value.trim().toLowerCase();
|
|
631
631
|
return o ? t.options.filter((s) => {
|
|
632
632
|
const r = I(s);
|
|
633
633
|
return String(r).toLowerCase().includes(o);
|
|
@@ -639,8 +639,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
639
639
|
const r = s.getBoundingClientRect(), y = ((w = k.value) == null ? void 0 : w.getBoundingClientRect().width) || r.width;
|
|
640
640
|
return o.left = `${r.left}px`, o.width = `${y}px`, m.value ? (o.bottom = `${window.innerHeight - r.top + 4}px`, o.top = "auto") : o.top = `${r.bottom + 4}px`, o;
|
|
641
641
|
});
|
|
642
|
-
function
|
|
643
|
-
!g.value || !L.value ||
|
|
642
|
+
function $() {
|
|
643
|
+
!g.value || !L.value || fe(() => {
|
|
644
644
|
const o = L.value;
|
|
645
645
|
if (!o) return;
|
|
646
646
|
const s = o.getBoundingClientRect(), r = window.innerHeight, y = 200, w = s.bottom + y + 4, V = s.top - y - 4, Q = w <= r - 20, J = V >= 20;
|
|
@@ -656,52 +656,52 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
656
656
|
function H(o, s) {
|
|
657
657
|
return typeof o == "object" && o !== null && o.id !== void 0 ? o.id : T(o) || s;
|
|
658
658
|
}
|
|
659
|
-
function
|
|
659
|
+
function P(o) {
|
|
660
660
|
return T(o) === t.modelValue;
|
|
661
661
|
}
|
|
662
|
-
function
|
|
662
|
+
function G(o) {
|
|
663
663
|
return typeof o == "object" && o !== null ? o[t.disabledKey] === !0 : !1;
|
|
664
664
|
}
|
|
665
665
|
function X() {
|
|
666
|
-
t.disabled || (g.value ?
|
|
666
|
+
t.disabled || (g.value ? ee() : ye());
|
|
667
667
|
}
|
|
668
|
-
function
|
|
669
|
-
t.disabled || (g.value = !0,
|
|
670
|
-
|
|
668
|
+
function ye() {
|
|
669
|
+
t.disabled || (g.value = !0, fe(() => {
|
|
670
|
+
$(), Y(), t.filterable && x.value && (x.value.focus(), f.value = "");
|
|
671
671
|
}));
|
|
672
672
|
}
|
|
673
|
-
function
|
|
674
|
-
g.value = !1, h.value = -1, m.value = !1, t.filterable && (
|
|
673
|
+
function ee() {
|
|
674
|
+
g.value = !1, h.value = -1, m.value = !1, t.filterable && (f.value = "");
|
|
675
675
|
}
|
|
676
676
|
function ce(o, s) {
|
|
677
|
-
if (
|
|
677
|
+
if (G(o)) return;
|
|
678
678
|
const r = T(o);
|
|
679
|
-
n("update:modelValue", r), n("change", r, o),
|
|
679
|
+
n("update:modelValue", r), n("change", r, o), ee();
|
|
680
680
|
}
|
|
681
681
|
function we() {
|
|
682
682
|
if (!t.clearable || t.disabled) return;
|
|
683
683
|
const o = t.clearTo;
|
|
684
|
-
n("update:modelValue", o), n("change", o, null), n("clear"),
|
|
684
|
+
n("update:modelValue", o), n("change", o, null), n("clear"), ee();
|
|
685
685
|
}
|
|
686
686
|
function me(o) {
|
|
687
|
-
if (!
|
|
687
|
+
if (!U.value || U.value.length === 0) {
|
|
688
688
|
h.value = -1;
|
|
689
689
|
return;
|
|
690
690
|
}
|
|
691
691
|
let s = h.value;
|
|
692
|
-
const r =
|
|
692
|
+
const r = U.value.length;
|
|
693
693
|
s === -1 ? s = o > 0 ? 0 : r - 1 : s = (s + o + r) % r;
|
|
694
694
|
let y = 0;
|
|
695
|
-
for (; y < r &&
|
|
695
|
+
for (; y < r && G(U.value[s]); )
|
|
696
696
|
s = (s + o + r) % r, y++;
|
|
697
697
|
h.value = y >= r ? -1 : s, q();
|
|
698
698
|
}
|
|
699
699
|
function de() {
|
|
700
700
|
if (h.value < 0) return;
|
|
701
|
-
const o =
|
|
702
|
-
!o ||
|
|
701
|
+
const o = U.value[h.value];
|
|
702
|
+
!o || G(o) || ce(o, h.value);
|
|
703
703
|
}
|
|
704
|
-
function
|
|
704
|
+
function Y() {
|
|
705
705
|
if (!p.value) return;
|
|
706
706
|
const o = p.value.querySelector(".yselect__option--selected");
|
|
707
707
|
o && o.scrollIntoView({ block: "nearest" });
|
|
@@ -713,21 +713,21 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
713
713
|
}
|
|
714
714
|
function v(o) {
|
|
715
715
|
const s = o.target;
|
|
716
|
-
(!k.value || !k.value.contains(s)) &&
|
|
716
|
+
(!k.value || !k.value.contains(s)) && ee();
|
|
717
717
|
}
|
|
718
|
-
|
|
718
|
+
le(() => t.modelValue, () => {
|
|
719
719
|
h.value = -1;
|
|
720
720
|
});
|
|
721
|
-
function
|
|
722
|
-
g.value &&
|
|
721
|
+
function d() {
|
|
722
|
+
g.value && $();
|
|
723
723
|
}
|
|
724
724
|
return Se(() => {
|
|
725
|
-
document.addEventListener("click", v), window.addEventListener("resize",
|
|
725
|
+
document.addEventListener("click", v), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0);
|
|
726
726
|
}), Te(() => {
|
|
727
|
-
document.removeEventListener("click", v), window.removeEventListener("resize",
|
|
727
|
+
document.removeEventListener("click", v), window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0);
|
|
728
728
|
}), (o, s) => (i(), u("div", {
|
|
729
729
|
class: E(["yselect", { "yselect--disabled": e.disabled, [`yselect--${e.size}`]: !0 }]),
|
|
730
|
-
style:
|
|
730
|
+
style: pe({ width: e.width }),
|
|
731
731
|
ref_key: "selectContainer",
|
|
732
732
|
ref: k
|
|
733
733
|
}, [
|
|
@@ -739,13 +739,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
739
739
|
"yselect__trigger--disabled": e.disabled,
|
|
740
740
|
"yselect__trigger--error": e.error
|
|
741
741
|
}]),
|
|
742
|
-
onMousedown:
|
|
742
|
+
onMousedown: Z(X, ["prevent", "stop"]),
|
|
743
743
|
onKeydown: [
|
|
744
|
-
xe(
|
|
745
|
-
xe(
|
|
746
|
-
xe(
|
|
747
|
-
xe(
|
|
748
|
-
xe(
|
|
744
|
+
xe(Z(X, ["prevent"]), ["enter"]),
|
|
745
|
+
xe(Z(X, ["prevent"]), ["space"]),
|
|
746
|
+
xe(ee, ["escape"]),
|
|
747
|
+
xe(Z(ye, ["prevent"]), ["arrow-down"]),
|
|
748
|
+
xe(Z(ye, ["prevent"]), ["arrow-up"])
|
|
749
749
|
],
|
|
750
750
|
tabindex: "0",
|
|
751
751
|
role: "combobox",
|
|
@@ -757,49 +757,49 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
757
757
|
class: E(["yselect__value", { yselect__placeholder: !j.value }])
|
|
758
758
|
}, [
|
|
759
759
|
re(o.$slots, "value", {
|
|
760
|
-
value:
|
|
760
|
+
value: C.value,
|
|
761
761
|
label: j.value
|
|
762
762
|
}, () => {
|
|
763
763
|
var r;
|
|
764
764
|
return [
|
|
765
|
-
|
|
766
|
-
(r =
|
|
765
|
+
C.value ? (i(), u(ie, { key: 0 }, [
|
|
766
|
+
(r = C.value) != null && r.flagImg ? (i(), u("img", {
|
|
767
767
|
key: 0,
|
|
768
768
|
class: "yselect__flag",
|
|
769
|
-
src:
|
|
769
|
+
src: C.value.flagImg,
|
|
770
770
|
alt: "flag"
|
|
771
771
|
}, null, 8, zt)) : R("", !0),
|
|
772
|
-
De(" " +
|
|
772
|
+
De(" " + ne(j.value), 1)
|
|
773
773
|
], 64)) : (i(), u(ie, { key: 1 }, [
|
|
774
|
-
De(
|
|
774
|
+
De(ne(e.placeholder), 1)
|
|
775
775
|
], 64))
|
|
776
776
|
];
|
|
777
777
|
}, !0)
|
|
778
778
|
], 2)) : Ee((i(), u("input", {
|
|
779
779
|
key: 1,
|
|
780
780
|
ref_key: "inputElement",
|
|
781
|
-
ref:
|
|
781
|
+
ref: x,
|
|
782
782
|
class: "yselect__input",
|
|
783
783
|
type: "text",
|
|
784
784
|
placeholder: j.value || e.placeholder,
|
|
785
|
-
"onUpdate:modelValue": s[0] || (s[0] = (r) =>
|
|
785
|
+
"onUpdate:modelValue": s[0] || (s[0] = (r) => f.value = r),
|
|
786
786
|
onKeydown: [
|
|
787
|
-
s[1] || (s[1] =
|
|
787
|
+
s[1] || (s[1] = Z(() => {
|
|
788
788
|
}, ["stop"])),
|
|
789
|
-
s[2] || (s[2] = xe(
|
|
790
|
-
s[3] || (s[3] = xe(
|
|
791
|
-
s[4] || (s[4] = xe(
|
|
792
|
-
xe(
|
|
793
|
-
xe(
|
|
789
|
+
s[2] || (s[2] = xe(Z((r) => me(1), ["prevent"]), ["arrow-down"])),
|
|
790
|
+
s[3] || (s[3] = xe(Z((r) => me(-1), ["prevent"]), ["arrow-up"])),
|
|
791
|
+
s[4] || (s[4] = xe(Z((r) => de(), ["prevent"]), ["enter"])),
|
|
792
|
+
xe(Z(ee, ["prevent"]), ["esc"]),
|
|
793
|
+
xe(Z(we, ["prevent"]), ["delete"])
|
|
794
794
|
]
|
|
795
795
|
}, null, 40, Kt)), [
|
|
796
|
-
[tt,
|
|
796
|
+
[tt, f.value]
|
|
797
797
|
]),
|
|
798
|
-
e.clearable && !e.disabled &&
|
|
798
|
+
e.clearable && !e.disabled && C.value ? (i(), u("span", {
|
|
799
799
|
key: 2,
|
|
800
800
|
class: "yselect__clear",
|
|
801
801
|
title: "清空",
|
|
802
|
-
onClick:
|
|
802
|
+
onClick: Z(we, ["stop"])
|
|
803
803
|
}, [...s[8] || (s[8] = [
|
|
804
804
|
l("svg", {
|
|
805
805
|
width: "12",
|
|
@@ -835,17 +835,17 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
835
835
|
])], 2)
|
|
836
836
|
], 42, Tt),
|
|
837
837
|
ue(Ce, { name: "yselect-dropdown" }, {
|
|
838
|
-
default:
|
|
838
|
+
default: ve(() => [
|
|
839
839
|
(i(), Be(Ae, { to: "body" }, [
|
|
840
840
|
g.value ? (i(), u("div", {
|
|
841
841
|
key: 0,
|
|
842
842
|
ref_key: "dropdownEl",
|
|
843
|
-
ref:
|
|
843
|
+
ref: S,
|
|
844
844
|
class: E(["yselect__dropdown yselect__dropdown--portal", { "yselect__dropdown--top": m.value }]),
|
|
845
|
-
style:
|
|
846
|
-
onMousedown: s[6] || (s[6] =
|
|
845
|
+
style: pe(A.value),
|
|
846
|
+
onMousedown: s[6] || (s[6] = Z(() => {
|
|
847
847
|
}, ["stop"])),
|
|
848
|
-
onClick: s[7] || (s[7] =
|
|
848
|
+
onClick: s[7] || (s[7] = Z(() => {
|
|
849
849
|
}, ["stop"]))
|
|
850
850
|
}, [
|
|
851
851
|
l("div", {
|
|
@@ -853,11 +853,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
853
853
|
ref_key: "optionsContainer",
|
|
854
854
|
ref: p
|
|
855
855
|
}, [
|
|
856
|
-
(i(!0), u(ie, null, he(
|
|
856
|
+
(i(!0), u(ie, null, he(U.value, (r, y) => (i(), u("div", {
|
|
857
857
|
key: H(r, y),
|
|
858
858
|
class: E(["yselect__option", {
|
|
859
|
-
"yselect__option--selected":
|
|
860
|
-
"yselect__option--disabled":
|
|
859
|
+
"yselect__option--selected": P(r),
|
|
860
|
+
"yselect__option--disabled": G(r),
|
|
861
861
|
"yselect__option--hover": h.value === y
|
|
862
862
|
}]),
|
|
863
863
|
onClick: (w) => ce(r),
|
|
@@ -867,7 +867,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
867
867
|
re(o.$slots, "option", {
|
|
868
868
|
option: r,
|
|
869
869
|
index: y,
|
|
870
|
-
selected:
|
|
870
|
+
selected: P(r)
|
|
871
871
|
}, () => [
|
|
872
872
|
r != null && r.flagImg ? (i(), u("img", {
|
|
873
873
|
key: 0,
|
|
@@ -875,7 +875,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
875
875
|
src: r.flagImg,
|
|
876
876
|
alt: "flag"
|
|
877
877
|
}, null, 8, Rt)) : R("", !0),
|
|
878
|
-
De(" " +
|
|
878
|
+
De(" " + ne(I(r)), 1)
|
|
879
879
|
], !0)
|
|
880
880
|
], 42, Ht))), 128))
|
|
881
881
|
], 512)
|
|
@@ -886,7 +886,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
886
886
|
})
|
|
887
887
|
], 6));
|
|
888
888
|
}
|
|
889
|
-
}), Je = /* @__PURE__ */ ke(Vt, [["__scopeId", "data-v-6cd47cb7"]]), At = { class: "ypagination" }, Ft = { class: "page-actions" },
|
|
889
|
+
}), Je = /* @__PURE__ */ ke(Vt, [["__scopeId", "data-v-6cd47cb7"]]), At = { class: "ypagination" }, Ft = { class: "page-actions" }, Wt = { class: "page-size-select" }, Yt = /* @__PURE__ */ be({
|
|
890
890
|
__name: "ypagination",
|
|
891
891
|
props: {
|
|
892
892
|
currentPage: {},
|
|
@@ -900,8 +900,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
900
900
|
] }
|
|
901
901
|
},
|
|
902
902
|
emits: ["update:currentPage", "update:pageSize", "page-change", "page-size-change"],
|
|
903
|
-
setup(e, { emit:
|
|
904
|
-
const t = e, n =
|
|
903
|
+
setup(e, { emit: b }) {
|
|
904
|
+
const t = e, n = b, g = z(t.pageSize), h = O(() => t.pageSizeOptions), p = O({
|
|
905
905
|
get: () => t.currentPage,
|
|
906
906
|
set: (m) => {
|
|
907
907
|
n("update:currentPage", m), n("page-change", m);
|
|
@@ -913,30 +913,30 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
913
913
|
function k(m) {
|
|
914
914
|
t.loading || (g.value = m, n("update:pageSize", m), n("page-size-change", m), p.value = 1);
|
|
915
915
|
}
|
|
916
|
-
function
|
|
916
|
+
function S(m) {
|
|
917
917
|
t.loading || (m === "prev" ? L(p.value - 1) : m === "next" && L(p.value + 1));
|
|
918
918
|
}
|
|
919
|
-
return g.value = t.pageSize,
|
|
919
|
+
return g.value = t.pageSize, le(
|
|
920
920
|
() => t.pageSize,
|
|
921
921
|
(m) => {
|
|
922
922
|
typeof m == "number" && g.value !== m && (g.value = m);
|
|
923
923
|
}
|
|
924
|
-
), (m,
|
|
925
|
-
const
|
|
924
|
+
), (m, x) => {
|
|
925
|
+
const f = Ve("YButton"), C = Ve("YSelect");
|
|
926
926
|
return i(), u("div", At, [
|
|
927
927
|
l("div", Ft, [
|
|
928
|
-
ue(
|
|
928
|
+
ue(f, {
|
|
929
929
|
size: "small",
|
|
930
930
|
variant: "secondary",
|
|
931
931
|
disabled: p.value === 1 || e.loading,
|
|
932
|
-
onClick:
|
|
932
|
+
onClick: x[0] || (x[0] = (j) => L(1))
|
|
933
933
|
}, {
|
|
934
|
-
default:
|
|
934
|
+
default: ve(() => [...x[2] || (x[2] = [
|
|
935
935
|
De("首页", -1)
|
|
936
936
|
])]),
|
|
937
937
|
_: 1
|
|
938
938
|
}, 8, ["disabled"]),
|
|
939
|
-
ue(
|
|
939
|
+
ue(f, {
|
|
940
940
|
class: "ml-1",
|
|
941
941
|
variant: "secondary",
|
|
942
942
|
size: "small",
|
|
@@ -944,12 +944,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
944
944
|
{ label: "上一页", value: "prev", disabled: p.value === 1 || e.loading, icon: "chevron-left", onlyIcon: !0, ariaLabel: "上一页" },
|
|
945
945
|
{ label: "下一页", value: "next", disabled: e.loading, icon: "chevron-right", onlyIcon: !0, ariaLabel: "下一页" }
|
|
946
946
|
],
|
|
947
|
-
onGroupClick:
|
|
947
|
+
onGroupClick: S
|
|
948
948
|
}, null, 8, ["groupItems"]),
|
|
949
|
-
l("div",
|
|
950
|
-
ue(
|
|
949
|
+
l("div", Wt, [
|
|
950
|
+
ue(C, {
|
|
951
951
|
modelValue: g.value,
|
|
952
|
-
"onUpdate:modelValue":
|
|
952
|
+
"onUpdate:modelValue": x[1] || (x[1] = (j) => g.value = j),
|
|
953
953
|
options: h.value,
|
|
954
954
|
size: "small",
|
|
955
955
|
width: "105px",
|
|
@@ -962,7 +962,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
962
962
|
]);
|
|
963
963
|
};
|
|
964
964
|
}
|
|
965
|
-
}),
|
|
965
|
+
}), Pt = /* @__PURE__ */ ke(Yt, [["__scopeId", "data-v-b8406406"]]), Nt = ["aria-label"], Ot = { class: "y-badge__inner" }, jt = {
|
|
966
966
|
key: 0,
|
|
967
967
|
class: "y-badge__progress",
|
|
968
968
|
"aria-hidden": "true"
|
|
@@ -1017,8 +1017,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1017
1017
|
label: { default: "" }
|
|
1018
1018
|
},
|
|
1019
1019
|
setup(e) {
|
|
1020
|
-
const
|
|
1021
|
-
const g = (
|
|
1020
|
+
const b = e, t = O(() => b.tone || "default"), n = O(() => {
|
|
1021
|
+
const g = (b.label || "").trim(), h = b.tone, p = b.progress;
|
|
1022
1022
|
if (p) {
|
|
1023
1023
|
const L = {
|
|
1024
1024
|
incomplete: "未完成",
|
|
@@ -1104,11 +1104,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1104
1104
|
])) : R("", !0),
|
|
1105
1105
|
l("span", tn, [
|
|
1106
1106
|
re(g.$slots, "default", {}, () => [
|
|
1107
|
-
De(
|
|
1107
|
+
De(ne(e.label), 1)
|
|
1108
1108
|
], !0)
|
|
1109
1109
|
])
|
|
1110
1110
|
])
|
|
1111
|
-
], 10,
|
|
1111
|
+
], 10, Nt));
|
|
1112
1112
|
}
|
|
1113
1113
|
}), ln = /* @__PURE__ */ ke(nn, [["__scopeId", "data-v-ce819797"]]), on = ["aria-hidden"], an = ["onKeydown"], sn = {
|
|
1114
1114
|
key: 0,
|
|
@@ -1130,13 +1130,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1130
1130
|
center: { type: Boolean, default: !1 }
|
|
1131
1131
|
},
|
|
1132
1132
|
emits: ["update:modelValue", "open", "close"],
|
|
1133
|
-
setup(e, { emit:
|
|
1134
|
-
const t = e, n =
|
|
1133
|
+
setup(e, { emit: b }) {
|
|
1134
|
+
const t = e, n = b, g = O({
|
|
1135
1135
|
get: () => t.modelValue,
|
|
1136
|
-
set: (
|
|
1136
|
+
set: (x) => n("update:modelValue", x)
|
|
1137
1137
|
}), h = z(null), p = O(() => {
|
|
1138
|
-
const
|
|
1139
|
-
return
|
|
1138
|
+
const x = {};
|
|
1139
|
+
return x.width = typeof t.width == "number" ? `${t.width}px` : String(t.width), x.margin = "0 auto", x.top = t.top, x;
|
|
1140
1140
|
});
|
|
1141
1141
|
function L() {
|
|
1142
1142
|
t.maskClosable && k();
|
|
@@ -1144,46 +1144,46 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1144
1144
|
function k() {
|
|
1145
1145
|
g.value && (g.value = !1, n("close"));
|
|
1146
1146
|
}
|
|
1147
|
-
function
|
|
1147
|
+
function S() {
|
|
1148
1148
|
t.closable && k();
|
|
1149
1149
|
}
|
|
1150
|
-
function m(
|
|
1151
|
-
|
|
1150
|
+
function m(x) {
|
|
1151
|
+
x.key === "Escape" && S();
|
|
1152
1152
|
}
|
|
1153
|
-
return
|
|
1154
|
-
|
|
1155
|
-
var
|
|
1156
|
-
return (
|
|
1153
|
+
return le(() => t.modelValue, (x) => {
|
|
1154
|
+
x ? (n("open"), requestAnimationFrame(() => {
|
|
1155
|
+
var f;
|
|
1156
|
+
return (f = h.value) == null ? void 0 : f.focus();
|
|
1157
1157
|
}), document.addEventListener("keydown", m), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", m), document.body.style.overflow = "");
|
|
1158
1158
|
}), Se(() => {
|
|
1159
1159
|
t.modelValue && (document.addEventListener("keydown", m), document.body.style.overflow = "hidden");
|
|
1160
1160
|
}), Te(() => {
|
|
1161
1161
|
document.removeEventListener("keydown", m), document.body.style.overflow = "";
|
|
1162
|
-
}), (
|
|
1162
|
+
}), (x, f) => (i(), Be(Ae, { to: "body" }, [
|
|
1163
1163
|
Ee(l("div", {
|
|
1164
1164
|
class: "y-dialog-root",
|
|
1165
1165
|
role: "dialog",
|
|
1166
1166
|
"aria-modal": !0,
|
|
1167
1167
|
"aria-hidden": !g.value,
|
|
1168
|
-
style:
|
|
1168
|
+
style: pe({ zIndex: String(e.zIndex) })
|
|
1169
1169
|
}, [
|
|
1170
1170
|
l("div", {
|
|
1171
1171
|
class: "y-dialog-mask",
|
|
1172
1172
|
onClick: L
|
|
1173
1173
|
}),
|
|
1174
1174
|
ue(Ce, { name: "dialog-zoom-fade" }, {
|
|
1175
|
-
default:
|
|
1175
|
+
default: ve(() => [
|
|
1176
1176
|
Ee(l("div", {
|
|
1177
1177
|
ref_key: "panelRef",
|
|
1178
1178
|
ref: h,
|
|
1179
1179
|
class: E(["y-dialog-panel", [e.center ? "is-center" : ""]]),
|
|
1180
|
-
style:
|
|
1181
|
-
onKeydown: xe(
|
|
1180
|
+
style: pe(p.value),
|
|
1181
|
+
onKeydown: xe(Z(S, ["prevent", "stop"]), ["esc"]),
|
|
1182
1182
|
tabindex: "-1"
|
|
1183
1183
|
}, [
|
|
1184
1184
|
e.showHeader ? (i(), u("div", sn, [
|
|
1185
|
-
re(
|
|
1186
|
-
l("div", rn,
|
|
1185
|
+
re(x.$slots, "header", {}, () => [
|
|
1186
|
+
l("div", rn, ne(e.title), 1)
|
|
1187
1187
|
], !0),
|
|
1188
1188
|
e.closable ? (i(), u("button", {
|
|
1189
1189
|
key: 0,
|
|
@@ -1194,10 +1194,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1194
1194
|
}, " ✕ ")) : R("", !0)
|
|
1195
1195
|
])) : R("", !0),
|
|
1196
1196
|
l("div", un, [
|
|
1197
|
-
re(
|
|
1197
|
+
re(x.$slots, "default", {}, void 0, !0)
|
|
1198
1198
|
]),
|
|
1199
|
-
|
|
1200
|
-
re(
|
|
1199
|
+
x.$slots.footer ? (i(), u("div", cn, [
|
|
1200
|
+
re(x.$slots, "footer", {}, void 0, !0)
|
|
1201
1201
|
])) : R("", !0)
|
|
1202
1202
|
], 46, an), [
|
|
1203
1203
|
[He, g.value]
|
|
@@ -1229,160 +1229,160 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1229
1229
|
modelValue: { type: Boolean, default: !1 }
|
|
1230
1230
|
},
|
|
1231
1231
|
emits: ["update:modelValue", "show", "hide", "before-show", "before-hide"],
|
|
1232
|
-
setup(e, { expose:
|
|
1233
|
-
const n = e, g = t, h = z(), p = z(), L = z(), k = z(!1),
|
|
1234
|
-
let
|
|
1232
|
+
setup(e, { expose: b, emit: t }) {
|
|
1233
|
+
const n = e, g = t, h = z(), p = z(), L = z(), k = z(!1), S = z(), m = z(), x = z({});
|
|
1234
|
+
let f = null, C = null;
|
|
1235
1235
|
const j = O(() => {
|
|
1236
|
-
if (!k.value || !
|
|
1237
|
-
const
|
|
1238
|
-
n.width !== "auto" && (
|
|
1236
|
+
if (!k.value || !S.value) return {};
|
|
1237
|
+
const Y = {};
|
|
1238
|
+
n.width !== "auto" && (Y.width = typeof n.width == "number" ? `${n.width}px` : n.width), n.maxWidth && (Y.maxWidth = typeof n.maxWidth == "number" ? `${n.maxWidth}px` : n.maxWidth);
|
|
1239
1239
|
const { top: q, left: v } = A();
|
|
1240
|
-
return
|
|
1241
|
-
}),
|
|
1240
|
+
return Y.top = `${q}px`, Y.left = `${v}px`, Y;
|
|
1241
|
+
}), U = O(() => {
|
|
1242
1242
|
if (!n.showArrow) return {};
|
|
1243
|
-
if (Object.keys(
|
|
1244
|
-
return
|
|
1245
|
-
const
|
|
1246
|
-
return n.placement.startsWith("top") || n.placement.startsWith("bottom") ?
|
|
1243
|
+
if (Object.keys(x.value).length > 0)
|
|
1244
|
+
return x.value;
|
|
1245
|
+
const Y = {};
|
|
1246
|
+
return n.placement.startsWith("top") || n.placement.startsWith("bottom") ? Y.left = "50%" : Y.top = "50%", Y;
|
|
1247
1247
|
});
|
|
1248
1248
|
function A() {
|
|
1249
1249
|
var Q, J;
|
|
1250
|
-
if (!
|
|
1251
|
-
const { width:
|
|
1250
|
+
if (!S.value) return { top: 0, left: 0 };
|
|
1251
|
+
const { width: Y, height: q, top: v, left: d } = S.value, o = ((Q = L.value) == null ? void 0 : Q.offsetWidth) || 200, s = ((J = L.value) == null ? void 0 : J.offsetHeight) || 100;
|
|
1252
1252
|
let r = 0, y = 0;
|
|
1253
1253
|
switch (n.placement) {
|
|
1254
1254
|
case "top":
|
|
1255
|
-
r = v - s - n.offset, y =
|
|
1255
|
+
r = v - s - n.offset, y = d + (Y - o) / 2;
|
|
1256
1256
|
break;
|
|
1257
1257
|
case "top-start":
|
|
1258
|
-
r = v - s - n.offset, y =
|
|
1258
|
+
r = v - s - n.offset, y = d;
|
|
1259
1259
|
break;
|
|
1260
1260
|
case "top-end":
|
|
1261
|
-
r = v - s - n.offset, y =
|
|
1261
|
+
r = v - s - n.offset, y = d + Y - o;
|
|
1262
1262
|
break;
|
|
1263
1263
|
case "bottom":
|
|
1264
|
-
r = v + q + n.offset, y =
|
|
1264
|
+
r = v + q + n.offset, y = d + (Y - o) / 2;
|
|
1265
1265
|
break;
|
|
1266
1266
|
case "bottom-start":
|
|
1267
|
-
r = v + q + n.offset, y =
|
|
1267
|
+
r = v + q + n.offset, y = d;
|
|
1268
1268
|
break;
|
|
1269
1269
|
case "bottom-end":
|
|
1270
|
-
r = v + q + n.offset, y =
|
|
1270
|
+
r = v + q + n.offset, y = d + Y - o;
|
|
1271
1271
|
break;
|
|
1272
1272
|
case "left":
|
|
1273
|
-
r = v + (q - s) / 2, y =
|
|
1273
|
+
r = v + (q - s) / 2, y = d - o - n.offset;
|
|
1274
1274
|
break;
|
|
1275
1275
|
case "left-start":
|
|
1276
|
-
r = v, y =
|
|
1276
|
+
r = v, y = d - o - n.offset;
|
|
1277
1277
|
break;
|
|
1278
1278
|
case "left-end":
|
|
1279
|
-
r = v + q - s, y =
|
|
1279
|
+
r = v + q - s, y = d - o - n.offset;
|
|
1280
1280
|
break;
|
|
1281
1281
|
case "right":
|
|
1282
|
-
r = v + (q - s) / 2, y =
|
|
1282
|
+
r = v + (q - s) / 2, y = d + Y + n.offset;
|
|
1283
1283
|
break;
|
|
1284
1284
|
case "right-start":
|
|
1285
|
-
r = v, y =
|
|
1285
|
+
r = v, y = d + Y + n.offset;
|
|
1286
1286
|
break;
|
|
1287
1287
|
case "right-end":
|
|
1288
|
-
r = v + q - s, y =
|
|
1288
|
+
r = v + q - s, y = d + Y + n.offset;
|
|
1289
1289
|
break;
|
|
1290
1290
|
}
|
|
1291
1291
|
const w = window.innerWidth, V = window.innerHeight;
|
|
1292
1292
|
return y < 8 && (y = 8), y + o > w - 8 && (y = w - o - 8), r < 8 && (r = 8), r + s > V - 8 && (r = V - s - 8), { top: r, left: y };
|
|
1293
1293
|
}
|
|
1294
|
-
function
|
|
1295
|
-
n.disabled || k.value || (
|
|
1294
|
+
function $() {
|
|
1295
|
+
n.disabled || k.value || (P(), n.openDelay > 0 ? f = setTimeout(() => {
|
|
1296
1296
|
T();
|
|
1297
1297
|
}, n.openDelay) : T());
|
|
1298
1298
|
}
|
|
1299
1299
|
function T() {
|
|
1300
|
-
g("before-show"), k.value = !0, g("update:modelValue", !0), g("show"),
|
|
1301
|
-
|
|
1300
|
+
g("before-show"), k.value = !0, g("update:modelValue", !0), g("show"), fe(() => {
|
|
1301
|
+
fe(() => {
|
|
1302
1302
|
X();
|
|
1303
1303
|
});
|
|
1304
1304
|
});
|
|
1305
1305
|
}
|
|
1306
1306
|
function I() {
|
|
1307
|
-
k.value && (
|
|
1307
|
+
k.value && (P(), n.closeDelay > 0 ? C = setTimeout(() => {
|
|
1308
1308
|
H();
|
|
1309
1309
|
}, n.closeDelay) : H());
|
|
1310
1310
|
}
|
|
1311
1311
|
function H() {
|
|
1312
1312
|
g("before-hide"), k.value = !1, g("update:modelValue", !1), g("hide");
|
|
1313
1313
|
}
|
|
1314
|
-
function
|
|
1315
|
-
|
|
1314
|
+
function P() {
|
|
1315
|
+
f && (clearTimeout(f), f = null), C && (clearTimeout(C), C = null);
|
|
1316
1316
|
}
|
|
1317
|
-
function
|
|
1318
|
-
if (!n.showArrow || !
|
|
1319
|
-
|
|
1317
|
+
function G() {
|
|
1318
|
+
if (!n.showArrow || !S.value || !L.value) {
|
|
1319
|
+
x.value = {};
|
|
1320
1320
|
return;
|
|
1321
1321
|
}
|
|
1322
|
-
const
|
|
1322
|
+
const Y = S.value, q = L.value.getBoundingClientRect();
|
|
1323
1323
|
if (q.width === 0 || q.height === 0) {
|
|
1324
|
-
const
|
|
1325
|
-
n.placement.startsWith("top") || n.placement.startsWith("bottom") ?
|
|
1324
|
+
const d = {};
|
|
1325
|
+
n.placement.startsWith("top") || n.placement.startsWith("bottom") ? d.left = "50%" : d.top = "50%", x.value = d;
|
|
1326
1326
|
return;
|
|
1327
1327
|
}
|
|
1328
1328
|
const v = {};
|
|
1329
1329
|
if (n.placement.startsWith("top")) {
|
|
1330
1330
|
v.bottom = "-6px";
|
|
1331
|
-
const
|
|
1331
|
+
const d = Y.left + Y.width / 2, o = q.left, s = d - o;
|
|
1332
1332
|
v.left = `${Math.max(12, Math.min(s, q.width - 12))}px`;
|
|
1333
1333
|
} else if (n.placement.startsWith("bottom")) {
|
|
1334
1334
|
v.top = "-6px";
|
|
1335
|
-
const
|
|
1335
|
+
const d = Y.left + Y.width / 2, o = q.left, s = d - o;
|
|
1336
1336
|
v.left = `${Math.max(12, Math.min(s, q.width - 12))}px`;
|
|
1337
1337
|
} else if (n.placement.startsWith("left")) {
|
|
1338
1338
|
v.right = "-6px";
|
|
1339
|
-
const
|
|
1339
|
+
const d = Y.top + Y.height / 2, o = q.top, s = d - o;
|
|
1340
1340
|
v.top = `${Math.max(12, Math.min(s, q.height - 12))}px`;
|
|
1341
1341
|
} else if (n.placement.startsWith("right")) {
|
|
1342
1342
|
v.left = "-6px";
|
|
1343
|
-
const
|
|
1343
|
+
const d = Y.top + Y.height / 2, o = q.top, s = d - o;
|
|
1344
1344
|
v.top = `${Math.max(12, Math.min(s, q.height - 12))}px`;
|
|
1345
1345
|
}
|
|
1346
|
-
|
|
1346
|
+
x.value = v;
|
|
1347
1347
|
}
|
|
1348
1348
|
function X() {
|
|
1349
|
-
p.value && (
|
|
1350
|
-
L.value && (m.value = L.value.getBoundingClientRect(),
|
|
1349
|
+
p.value && (S.value = p.value.getBoundingClientRect(), L.value && (m.value = L.value.getBoundingClientRect(), G(), k.value && requestAnimationFrame(() => {
|
|
1350
|
+
L.value && (m.value = L.value.getBoundingClientRect(), G());
|
|
1351
1351
|
})));
|
|
1352
1352
|
}
|
|
1353
|
-
function
|
|
1354
|
-
n.disabled || n.trigger === "click" && (k.value ? I() :
|
|
1353
|
+
function ye() {
|
|
1354
|
+
n.disabled || n.trigger === "click" && (k.value ? I() : $());
|
|
1355
1355
|
}
|
|
1356
|
-
function
|
|
1357
|
-
n.disabled || n.trigger !== "hover" || (
|
|
1356
|
+
function ee() {
|
|
1357
|
+
n.disabled || n.trigger !== "hover" || (P(), $());
|
|
1358
1358
|
}
|
|
1359
1359
|
function ce() {
|
|
1360
1360
|
n.disabled || n.trigger !== "hover" || I();
|
|
1361
1361
|
}
|
|
1362
1362
|
function we() {
|
|
1363
|
-
n.disabled || n.trigger !== "hover" ||
|
|
1363
|
+
n.disabled || n.trigger !== "hover" || P();
|
|
1364
1364
|
}
|
|
1365
1365
|
function me() {
|
|
1366
1366
|
n.disabled || n.trigger !== "hover" || I();
|
|
1367
1367
|
}
|
|
1368
|
-
function de(
|
|
1368
|
+
function de(Y) {
|
|
1369
1369
|
if (!n.closeOnClickOutside || !k.value) return;
|
|
1370
|
-
const q =
|
|
1370
|
+
const q = Y.target;
|
|
1371
1371
|
h.value && !h.value.contains(q) && L.value && !L.value.contains(q) && I();
|
|
1372
1372
|
}
|
|
1373
|
-
return
|
|
1374
|
-
|
|
1375
|
-
}),
|
|
1376
|
-
|
|
1373
|
+
return le(() => n.modelValue, (Y) => {
|
|
1374
|
+
Y !== k.value && (Y ? $() : I());
|
|
1375
|
+
}), le(k, (Y) => {
|
|
1376
|
+
Y ? (document.addEventListener("click", de), window.addEventListener("resize", X), window.addEventListener("scroll", X, !0)) : (document.removeEventListener("click", de), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0));
|
|
1377
1377
|
}), Se(() => {
|
|
1378
|
-
n.modelValue &&
|
|
1378
|
+
n.modelValue && $();
|
|
1379
1379
|
}), Te(() => {
|
|
1380
|
-
|
|
1381
|
-
}),
|
|
1382
|
-
show:
|
|
1380
|
+
P(), document.removeEventListener("click", de), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0);
|
|
1381
|
+
}), b({
|
|
1382
|
+
show: $,
|
|
1383
1383
|
hide: I,
|
|
1384
1384
|
updatePosition: X
|
|
1385
|
-
}), (
|
|
1385
|
+
}), (Y, q) => (i(), u("div", {
|
|
1386
1386
|
class: "ypopover",
|
|
1387
1387
|
ref_key: "popoverRef",
|
|
1388
1388
|
ref: h
|
|
@@ -1390,15 +1390,15 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1390
1390
|
l("div", {
|
|
1391
1391
|
ref_key: "triggerRef",
|
|
1392
1392
|
ref: p,
|
|
1393
|
-
onClick:
|
|
1394
|
-
onMouseenter:
|
|
1393
|
+
onClick: ye,
|
|
1394
|
+
onMouseenter: ee,
|
|
1395
1395
|
onMouseleave: ce
|
|
1396
1396
|
}, [
|
|
1397
|
-
re(
|
|
1397
|
+
re(Y.$slots, "reference", {}, void 0, !0)
|
|
1398
1398
|
], 544),
|
|
1399
1399
|
(i(), Be(Ae, { to: "body" }, [
|
|
1400
1400
|
ue(Ce, { name: "ypopover-fade" }, {
|
|
1401
|
-
default:
|
|
1401
|
+
default: ve(() => [
|
|
1402
1402
|
k.value ? (i(), u("div", {
|
|
1403
1403
|
key: 0,
|
|
1404
1404
|
ref_key: "contentRef",
|
|
@@ -1410,8 +1410,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1410
1410
|
"ypopover__content--no-padding": !e.showPadding
|
|
1411
1411
|
}
|
|
1412
1412
|
]]),
|
|
1413
|
-
style:
|
|
1414
|
-
onClick: q[0] || (q[0] =
|
|
1413
|
+
style: pe(j.value),
|
|
1414
|
+
onClick: q[0] || (q[0] = Z(() => {
|
|
1415
1415
|
}, ["stop"])),
|
|
1416
1416
|
onMouseenter: we,
|
|
1417
1417
|
onMouseleave: me
|
|
@@ -1419,10 +1419,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1419
1419
|
e.showArrow ? (i(), u("div", {
|
|
1420
1420
|
key: 0,
|
|
1421
1421
|
class: E(["ypopover__arrow", `ypopover__arrow--${e.placement}`]),
|
|
1422
|
-
style:
|
|
1422
|
+
style: pe(U.value)
|
|
1423
1423
|
}, null, 6)) : R("", !0),
|
|
1424
1424
|
l("div", vn, [
|
|
1425
|
-
re(
|
|
1425
|
+
re(Y.$slots, "default", {}, void 0, !0)
|
|
1426
1426
|
])
|
|
1427
1427
|
], 38)) : R("", !0)
|
|
1428
1428
|
]),
|
|
@@ -1440,7 +1440,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1440
1440
|
}, Sn = {
|
|
1441
1441
|
key: 2,
|
|
1442
1442
|
class: "status-text status-complete"
|
|
1443
|
-
}, Mn = { class: "nh-time-pickers" }, Ln = { class: "nh-time-picker" }, In = { class: "nh-date-picker" }, Bn = { class: "nh-date-picker-header" }, En = { class: "nh-date-picker-header-label" }, Tn = { class: "nh-date-picker-content" }, zn = { class: "nh-date-table" }, Kn = ["onClick"], Hn = { class: "nh-date-table-cell" }, Rn = { key: 0 }, Vn = { class: "nh-time-picker" }, An = { class: "nh-date-picker" }, Fn = { class: "nh-date-picker-header" },
|
|
1443
|
+
}, Mn = { class: "nh-time-pickers" }, Ln = { class: "nh-time-picker" }, In = { class: "nh-date-picker" }, Bn = { class: "nh-date-picker-header" }, En = { class: "nh-date-picker-header-label" }, Tn = { class: "nh-date-picker-content" }, zn = { class: "nh-date-table" }, Kn = ["onClick"], Hn = { class: "nh-date-table-cell" }, Rn = { key: 0 }, Vn = { class: "nh-time-picker" }, An = { class: "nh-date-picker" }, Fn = { class: "nh-date-picker-header" }, Wn = { class: "nh-date-picker-header-label" }, Yn = { class: "nh-date-picker-content" }, Pn = { class: "nh-date-table" }, Nn = ["onClick"], On = { class: "nh-date-table-cell" }, jn = { key: 0 }, qn = { class: "nh-time-actions" }, Un = /* @__PURE__ */ be({
|
|
1444
1444
|
__name: "ytime",
|
|
1445
1445
|
props: {
|
|
1446
1446
|
modelValue: { default: () => ({ startDate: null, endDate: null }) },
|
|
@@ -1449,8 +1449,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1449
1449
|
{
|
|
1450
1450
|
label: "今天",
|
|
1451
1451
|
getValue: () => {
|
|
1452
|
-
const e = /* @__PURE__ */ new Date(),
|
|
1453
|
-
return { startDate:
|
|
1452
|
+
const e = /* @__PURE__ */ new Date(), b = new Date(e.getFullYear(), e.getMonth(), e.getDate()), t = new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59);
|
|
1453
|
+
return { startDate: b, endDate: t };
|
|
1454
1454
|
}
|
|
1455
1455
|
},
|
|
1456
1456
|
{
|
|
@@ -1458,29 +1458,29 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1458
1458
|
getValue: () => {
|
|
1459
1459
|
const e = /* @__PURE__ */ new Date();
|
|
1460
1460
|
e.setDate(e.getDate() - 1);
|
|
1461
|
-
const
|
|
1462
|
-
return { startDate:
|
|
1461
|
+
const b = new Date(e.getFullYear(), e.getMonth(), e.getDate()), t = new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59);
|
|
1462
|
+
return { startDate: b, endDate: t };
|
|
1463
1463
|
}
|
|
1464
1464
|
},
|
|
1465
1465
|
{
|
|
1466
1466
|
label: "近7天",
|
|
1467
1467
|
getValue: () => {
|
|
1468
|
-
const e = /* @__PURE__ */ new Date(),
|
|
1469
|
-
return
|
|
1468
|
+
const e = /* @__PURE__ */ new Date(), b = /* @__PURE__ */ new Date();
|
|
1469
|
+
return b.setDate(b.getDate() - 6), b.setHours(0, 0, 0, 0), e.setHours(23, 59, 59, 999), { startDate: b, endDate: e };
|
|
1470
1470
|
}
|
|
1471
1471
|
},
|
|
1472
1472
|
{
|
|
1473
1473
|
label: "近30天",
|
|
1474
1474
|
getValue: () => {
|
|
1475
|
-
const e = /* @__PURE__ */ new Date(),
|
|
1476
|
-
return
|
|
1475
|
+
const e = /* @__PURE__ */ new Date(), b = /* @__PURE__ */ new Date();
|
|
1476
|
+
return b.setDate(b.getDate() - 29), b.setHours(0, 0, 0, 0), e.setHours(23, 59, 59, 999), { startDate: b, endDate: e };
|
|
1477
1477
|
}
|
|
1478
1478
|
},
|
|
1479
1479
|
{
|
|
1480
1480
|
label: "近3个月",
|
|
1481
1481
|
getValue: () => {
|
|
1482
|
-
const e = /* @__PURE__ */ new Date(),
|
|
1483
|
-
return
|
|
1482
|
+
const e = /* @__PURE__ */ new Date(), b = /* @__PURE__ */ new Date();
|
|
1483
|
+
return b.setMonth(b.getMonth() - 3), b.setHours(0, 0, 0, 0), e.setHours(23, 59, 59, 999), { startDate: b, endDate: e };
|
|
1484
1484
|
}
|
|
1485
1485
|
}
|
|
1486
1486
|
] },
|
|
@@ -1490,119 +1490,119 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1490
1490
|
size: { default: "small" }
|
|
1491
1491
|
},
|
|
1492
1492
|
emits: ["update:modelValue", "change"],
|
|
1493
|
-
setup(e, { emit:
|
|
1494
|
-
const t = e, n =
|
|
1493
|
+
setup(e, { emit: b }) {
|
|
1494
|
+
const t = e, n = b, g = z(!1), h = z(-1), p = z(-1), L = z(null), k = z(), S = z(), m = z({
|
|
1495
1495
|
top: !0,
|
|
1496
1496
|
left: !0
|
|
1497
|
-
}),
|
|
1497
|
+
}), x = z({
|
|
1498
1498
|
year: (/* @__PURE__ */ new Date()).getFullYear(),
|
|
1499
1499
|
month: (/* @__PURE__ */ new Date()).getMonth()
|
|
1500
|
-
}),
|
|
1500
|
+
}), f = z({
|
|
1501
1501
|
year: (/* @__PURE__ */ new Date()).getFullYear(),
|
|
1502
1502
|
month: (/* @__PURE__ */ new Date()).getMonth() + 1
|
|
1503
|
-
}),
|
|
1504
|
-
const a = new Date(
|
|
1505
|
-
if (a >=
|
|
1506
|
-
const
|
|
1507
|
-
|
|
1503
|
+
}), C = () => {
|
|
1504
|
+
const a = new Date(x.value.year, x.value.month).getTime(), c = new Date(f.value.year, f.value.month).getTime();
|
|
1505
|
+
if (a >= c) {
|
|
1506
|
+
const M = new Date(x.value.year, x.value.month + 1);
|
|
1507
|
+
f.value.year = M.getFullYear(), f.value.month = M.getMonth();
|
|
1508
1508
|
}
|
|
1509
1509
|
}, j = () => {
|
|
1510
|
-
const a = new Date(
|
|
1511
|
-
if (new Date(
|
|
1512
|
-
const
|
|
1513
|
-
|
|
1510
|
+
const a = new Date(x.value.year, x.value.month).getTime();
|
|
1511
|
+
if (new Date(f.value.year, f.value.month).getTime() <= a) {
|
|
1512
|
+
const M = new Date(f.value.year, f.value.month - 1);
|
|
1513
|
+
x.value.year = M.getFullYear(), x.value.month = M.getMonth();
|
|
1514
1514
|
}
|
|
1515
|
-
},
|
|
1515
|
+
}, U = ["一", "二", "三", "四", "五", "六", "日"], A = z(null), $ = z(null), T = (a) => {
|
|
1516
1516
|
if (!a) return null;
|
|
1517
1517
|
if (a instanceof Date) return a;
|
|
1518
1518
|
if (typeof a == "number")
|
|
1519
1519
|
return new Date(a);
|
|
1520
1520
|
if (typeof a == "string") {
|
|
1521
|
-
const
|
|
1522
|
-
return isNaN(
|
|
1521
|
+
const c = new Date(a);
|
|
1522
|
+
return isNaN(c.getTime()) ? null : c;
|
|
1523
1523
|
}
|
|
1524
1524
|
return null;
|
|
1525
1525
|
}, I = (a) => {
|
|
1526
1526
|
if (!a) return null;
|
|
1527
|
-
const
|
|
1527
|
+
const c = a.getFullYear(), M = String(a.getMonth() + 1).padStart(2, "0"), W = String(a.getDate()).padStart(2, "0");
|
|
1528
1528
|
if (t.includeTime) {
|
|
1529
|
-
const
|
|
1530
|
-
return `${
|
|
1529
|
+
const ae = String(a.getHours()).padStart(2, "0"), oe = String(a.getMinutes()).padStart(2, "0"), se = String(a.getSeconds()).padStart(2, "0");
|
|
1530
|
+
return `${c}-${M}-${W} ${ae}:${oe}:${se}`;
|
|
1531
1531
|
} else
|
|
1532
|
-
return `${
|
|
1533
|
-
}, H = (a) => a ? a.getTime() : null,
|
|
1532
|
+
return `${c}-${M}-${W}`;
|
|
1533
|
+
}, H = (a) => a ? a.getTime() : null, P = (a) => a ? {
|
|
1534
1534
|
startDate: T(a.startDate),
|
|
1535
1535
|
endDate: T(a.endDate)
|
|
1536
|
-
} : { startDate: null, endDate: null },
|
|
1536
|
+
} : { startDate: null, endDate: null }, G = (a) => t.format === "string" ? {
|
|
1537
1537
|
startDate: I(a.startDate),
|
|
1538
1538
|
endDate: I(a.endDate)
|
|
1539
1539
|
} : t.format === "timestamp" ? {
|
|
1540
1540
|
startDate: H(a.startDate),
|
|
1541
1541
|
endDate: H(a.endDate)
|
|
1542
|
-
} : a, X = (a,
|
|
1543
|
-
const
|
|
1544
|
-
if (!(
|
|
1542
|
+
} : a, X = (a, c) => `${String(c + 1).padStart(2, "0")}/${a}`, ye = (a, c) => a.getFullYear() === c.getFullYear() && a.getMonth() === c.getMonth() && a.getDate() === c.getDate(), ee = (a, c, M) => !c || !M ? !1 : a >= c && a <= M, ce = (a) => {
|
|
1543
|
+
const c = P(a);
|
|
1544
|
+
if (!(c != null && c.startDate) || !(c != null && c.endDate))
|
|
1545
1545
|
return -1;
|
|
1546
|
-
for (let
|
|
1547
|
-
const
|
|
1548
|
-
if (
|
|
1549
|
-
const
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
),
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1546
|
+
for (let M = 0; M < t.shortcuts.length; M++) {
|
|
1547
|
+
const W = t.shortcuts[M].getValue();
|
|
1548
|
+
if (W.startDate && W.endDate && c.startDate && c.endDate) {
|
|
1549
|
+
const ae = new Date(
|
|
1550
|
+
c.startDate.getFullYear(),
|
|
1551
|
+
c.startDate.getMonth(),
|
|
1552
|
+
c.startDate.getDate()
|
|
1553
|
+
), oe = new Date(
|
|
1554
|
+
c.endDate.getFullYear(),
|
|
1555
|
+
c.endDate.getMonth(),
|
|
1556
|
+
c.endDate.getDate()
|
|
1557
1557
|
), se = new Date(
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1558
|
+
W.startDate.getFullYear(),
|
|
1559
|
+
W.startDate.getMonth(),
|
|
1560
|
+
W.startDate.getDate()
|
|
1561
1561
|
), $e = new Date(
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1562
|
+
W.endDate.getFullYear(),
|
|
1563
|
+
W.endDate.getMonth(),
|
|
1564
|
+
W.endDate.getDate()
|
|
1565
1565
|
);
|
|
1566
|
-
if (
|
|
1567
|
-
return
|
|
1566
|
+
if (ae.getTime() === se.getTime() && oe.getTime() === $e.getTime())
|
|
1567
|
+
return M;
|
|
1568
1568
|
}
|
|
1569
1569
|
}
|
|
1570
1570
|
return -1;
|
|
1571
|
-
}, we = (a,
|
|
1572
|
-
const
|
|
1573
|
-
for (let
|
|
1574
|
-
const Le = new Date(a,
|
|
1571
|
+
}, we = (a, c) => {
|
|
1572
|
+
const M = new Date(a, c, 1), W = new Date(a, c + 1, 0), ae = M.getDay(), oe = W.getDate(), se = [], $e = /* @__PURE__ */ new Date(), Pe = ae === 0 ? 6 : ae - 1, Ge = new Date(a, c, 0);
|
|
1573
|
+
for (let ge = Pe - 1; ge >= 0; ge--) {
|
|
1574
|
+
const Le = new Date(a, c - 1, Ge.getDate() - ge);
|
|
1575
1575
|
se.push({
|
|
1576
1576
|
date: Le,
|
|
1577
1577
|
day: Le.getDate(),
|
|
1578
1578
|
isCurrentMonth: !1,
|
|
1579
|
-
isToday:
|
|
1579
|
+
isToday: ye(Le, $e),
|
|
1580
1580
|
isSelected: !1,
|
|
1581
1581
|
isInRange: !1,
|
|
1582
1582
|
isDisabled: !0
|
|
1583
1583
|
// 禁用非当前月的日期
|
|
1584
1584
|
});
|
|
1585
1585
|
}
|
|
1586
|
-
for (let
|
|
1587
|
-
const Le = new Date(a,
|
|
1586
|
+
for (let ge = 1; ge <= oe; ge++) {
|
|
1587
|
+
const Le = new Date(a, c, ge);
|
|
1588
1588
|
se.push({
|
|
1589
1589
|
date: Le,
|
|
1590
|
-
day:
|
|
1590
|
+
day: ge,
|
|
1591
1591
|
isCurrentMonth: !0,
|
|
1592
|
-
isToday:
|
|
1592
|
+
isToday: ye(Le, $e),
|
|
1593
1593
|
isSelected: !1,
|
|
1594
1594
|
isInRange: !1,
|
|
1595
1595
|
isDisabled: !1
|
|
1596
1596
|
});
|
|
1597
1597
|
}
|
|
1598
1598
|
const et = 42 - se.length;
|
|
1599
|
-
for (let
|
|
1600
|
-
const Le = new Date(a,
|
|
1599
|
+
for (let ge = 1; ge <= et; ge++) {
|
|
1600
|
+
const Le = new Date(a, c + 1, ge);
|
|
1601
1601
|
se.push({
|
|
1602
1602
|
date: Le,
|
|
1603
|
-
day:
|
|
1603
|
+
day: ge,
|
|
1604
1604
|
isCurrentMonth: !1,
|
|
1605
|
-
isToday:
|
|
1605
|
+
isToday: ye(Le, $e),
|
|
1606
1606
|
isSelected: !1,
|
|
1607
1607
|
isInRange: !1,
|
|
1608
1608
|
isDisabled: !0
|
|
@@ -1610,43 +1610,43 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1610
1610
|
});
|
|
1611
1611
|
}
|
|
1612
1612
|
const je = [];
|
|
1613
|
-
for (let
|
|
1614
|
-
je.push(se.slice(
|
|
1613
|
+
for (let ge = 0; ge < se.length; ge += 7)
|
|
1614
|
+
je.push(se.slice(ge, ge + 7));
|
|
1615
1615
|
return je;
|
|
1616
1616
|
}, me = (a) => {
|
|
1617
|
-
const
|
|
1618
|
-
n("update:modelValue",
|
|
1617
|
+
const c = G(a);
|
|
1618
|
+
n("update:modelValue", c), n("change", c);
|
|
1619
1619
|
}, de = () => {
|
|
1620
|
-
if (!k.value || !
|
|
1621
|
-
const a = k.value.getBoundingClientRect(),
|
|
1622
|
-
|
|
1623
|
-
const $e =
|
|
1624
|
-
$e <
|
|
1625
|
-
},
|
|
1620
|
+
if (!k.value || !S.value) return;
|
|
1621
|
+
const a = k.value.getBoundingClientRect(), c = S.value.getBoundingClientRect(), M = window.innerWidth, ae = window.innerHeight - a.bottom, oe = a.top, se = c.height || 400;
|
|
1622
|
+
ae < se && oe > se ? m.value.top = !1 : m.value.top = !0;
|
|
1623
|
+
const $e = M - a.left, Pe = c.width || 640;
|
|
1624
|
+
$e < Pe ? m.value.left = !1 : m.value.left = !0;
|
|
1625
|
+
}, Y = () => {
|
|
1626
1626
|
if (g.value = !g.value, g.value) {
|
|
1627
|
-
const a =
|
|
1628
|
-
if (A.value = (a == null ? void 0 : a.startDate) || null,
|
|
1629
|
-
|
|
1627
|
+
const a = P(t.modelValue);
|
|
1628
|
+
if (A.value = (a == null ? void 0 : a.startDate) || null, $.value = (a == null ? void 0 : a.endDate) || null, p.value = ce(t.modelValue), h.value = -1, a != null && a.startDate && (x.value.year = a.startDate.getFullYear(), x.value.month = a.startDate.getMonth()), a != null && a.endDate)
|
|
1629
|
+
f.value.year = a.endDate.getFullYear(), f.value.month = a.endDate.getMonth();
|
|
1630
1630
|
else {
|
|
1631
|
-
const
|
|
1632
|
-
|
|
1631
|
+
const c = new Date(x.value.year, x.value.month + 1);
|
|
1632
|
+
f.value.year = c.getFullYear(), f.value.month = c.getMonth();
|
|
1633
1633
|
}
|
|
1634
|
-
|
|
1634
|
+
C(), fe(() => {
|
|
1635
1635
|
de();
|
|
1636
1636
|
});
|
|
1637
1637
|
}
|
|
1638
1638
|
}, q = (a) => {
|
|
1639
|
-
const
|
|
1640
|
-
|
|
1639
|
+
const c = a.target, M = k.value, W = S.value;
|
|
1640
|
+
M && W && !M.contains(c) && !W.contains(c) && (g.value = !1, h.value = -1);
|
|
1641
1641
|
}, v = (a) => {
|
|
1642
|
-
a.key === "Enter" || a.key === " " ? (a.preventDefault(),
|
|
1642
|
+
a.key === "Enter" || a.key === " " ? (a.preventDefault(), Y()) : a.key === "ArrowDown" && (a.preventDefault(), g.value = !0, fe(() => {
|
|
1643
1643
|
de(), y();
|
|
1644
1644
|
}));
|
|
1645
|
-
},
|
|
1646
|
-
var
|
|
1647
|
-
a.key === "Escape" && (g.value = !1, h.value = -1, (
|
|
1648
|
-
}, o = (a,
|
|
1649
|
-
a.key === "ArrowDown" ? (a.preventDefault(), h.value = Math.min(
|
|
1645
|
+
}, d = (a) => {
|
|
1646
|
+
var c;
|
|
1647
|
+
a.key === "Escape" && (g.value = !1, h.value = -1, (c = k.value) == null || c.focus());
|
|
1648
|
+
}, o = (a, c) => {
|
|
1649
|
+
a.key === "ArrowDown" ? (a.preventDefault(), h.value = Math.min(c + 1, t.shortcuts.length - 1), w(h.value)) : a.key === "ArrowUp" ? (a.preventDefault(), h.value = Math.max(c - 1, 0), w(h.value)) : (a.key === "Enter" || a.key === " ") && (a.preventDefault(), V(t.shortcuts[c]));
|
|
1650
1650
|
}, s = (a) => {
|
|
1651
1651
|
h.value = a;
|
|
1652
1652
|
}, r = () => {
|
|
@@ -1654,56 +1654,56 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1654
1654
|
}, y = () => {
|
|
1655
1655
|
h.value = 0, w(0);
|
|
1656
1656
|
}, w = (a) => {
|
|
1657
|
-
if (
|
|
1658
|
-
const
|
|
1659
|
-
|
|
1657
|
+
if (S.value) {
|
|
1658
|
+
const M = S.value.querySelectorAll(".nh-time-shortcut")[a];
|
|
1659
|
+
M && M.focus();
|
|
1660
1660
|
}
|
|
1661
1661
|
}, V = (a) => {
|
|
1662
|
-
const
|
|
1663
|
-
t.includeTime &&
|
|
1664
|
-
}, Q = (a,
|
|
1662
|
+
const c = a.getValue();
|
|
1663
|
+
t.includeTime && c.startDate && c.endDate && (c.startDate.setHours(0, 0, 0, 0), c.endDate.setHours(23, 59, 59, 999)), me(c), p.value = t.shortcuts.findIndex((M) => M.label === a.label), h.value = -1, g.value = !1;
|
|
1664
|
+
}, Q = (a, c) => {
|
|
1665
1665
|
if (!a || a.isDisabled) return;
|
|
1666
|
-
let
|
|
1667
|
-
if (t.includeTime ? (
|
|
1668
|
-
A.value =
|
|
1669
|
-
else if (A.value &&
|
|
1670
|
-
if (
|
|
1671
|
-
t.includeTime &&
|
|
1666
|
+
let M;
|
|
1667
|
+
if (t.includeTime ? (M = new Date(a.date), c === "start" || !A.value ? M.setHours(0, 0, 0, 0) : M.setHours(23, 59, 59, 999)) : M = new Date(a.date.getFullYear(), a.date.getMonth(), a.date.getDate()), !A.value && !$.value)
|
|
1668
|
+
A.value = M, $.value = null;
|
|
1669
|
+
else if (A.value && !$.value)
|
|
1670
|
+
if (M >= A.value)
|
|
1671
|
+
t.includeTime && M.setHours(23, 59, 59, 999), $.value = M;
|
|
1672
1672
|
else {
|
|
1673
|
-
const
|
|
1674
|
-
t.includeTime &&
|
|
1673
|
+
const W = A.value;
|
|
1674
|
+
t.includeTime && W.setHours(23, 59, 59, 999), $.value = W, A.value = M;
|
|
1675
1675
|
}
|
|
1676
1676
|
else
|
|
1677
|
-
A.value =
|
|
1678
|
-
if (p.value = -1, A.value &&
|
|
1679
|
-
const
|
|
1680
|
-
t.includeTime &&
|
|
1677
|
+
A.value = M, $.value = null;
|
|
1678
|
+
if (p.value = -1, A.value && $.value) {
|
|
1679
|
+
const W = new Date($.value);
|
|
1680
|
+
t.includeTime && W.setHours(23, 59, 59, 999), L.value = {
|
|
1681
1681
|
startDate: A.value,
|
|
1682
|
-
endDate:
|
|
1682
|
+
endDate: W
|
|
1683
1683
|
};
|
|
1684
1684
|
} else
|
|
1685
1685
|
L.value = null;
|
|
1686
|
-
}, J = (a,
|
|
1686
|
+
}, J = (a, c) => {
|
|
1687
1687
|
if (!a) return ["nh-date-table-td"];
|
|
1688
|
-
const
|
|
1689
|
-
return a.isCurrentMonth ||
|
|
1688
|
+
const M = ["nh-date-table-td"];
|
|
1689
|
+
return a.isCurrentMonth || M.push("is-prev-month"), a.isToday && M.push("is-today"), a.isDisabled && M.push("is-disabled"), A.value && ye(a.date, A.value) && M.push("is-selected", "is-start"), $.value && ye(a.date, $.value) && M.push("is-selected", "is-end"), A.value && $.value && ee(a.date, A.value, $.value) && M.push("is-in-range"), M;
|
|
1690
1690
|
}, Me = () => {
|
|
1691
1691
|
L.value && (t.includeTime && L.value.endDate && L.value.endDate.setHours(23, 59, 59, 999), me(L.value), p.value = ce(L.value), g.value = !1);
|
|
1692
1692
|
}, Re = () => {
|
|
1693
1693
|
me({ startDate: null, endDate: null }), F(), h.value = -1, g.value = !1;
|
|
1694
1694
|
}, ze = () => {
|
|
1695
|
-
g.value &&
|
|
1695
|
+
g.value && fe(() => {
|
|
1696
1696
|
de();
|
|
1697
1697
|
});
|
|
1698
|
-
}, _e = O(() => we(
|
|
1699
|
-
const a =
|
|
1698
|
+
}, _e = O(() => we(x.value.year, x.value.month)), Ke = O(() => we(f.value.year, f.value.month)), D = O(() => {
|
|
1699
|
+
const a = P(t.modelValue);
|
|
1700
1700
|
if (!a || !a.startDate || !a.endDate)
|
|
1701
1701
|
return "";
|
|
1702
|
-
const
|
|
1703
|
-
const
|
|
1704
|
-
return `${
|
|
1705
|
-
},
|
|
1706
|
-
return !t.includeTime &&
|
|
1702
|
+
const c = (ae) => {
|
|
1703
|
+
const oe = String(ae.getFullYear()), se = String(ae.getMonth() + 1).padStart(2, "0"), $e = String(ae.getDate()).padStart(2, "0");
|
|
1704
|
+
return `${oe}/${se}/${$e}`;
|
|
1705
|
+
}, M = c(a.startDate), W = c(a.endDate);
|
|
1706
|
+
return !t.includeTime && M === W ? M : `${M} - ${W}`;
|
|
1707
1707
|
}), _ = O(() => [
|
|
1708
1708
|
"nh-time-dropdown",
|
|
1709
1709
|
{
|
|
@@ -1711,57 +1711,57 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1711
1711
|
"nh-time-dropdown-right": !m.value.left
|
|
1712
1712
|
}
|
|
1713
1713
|
]), K = O(() => {
|
|
1714
|
-
const a =
|
|
1714
|
+
const a = P(t.modelValue);
|
|
1715
1715
|
return !!(a != null && a.startDate && (a != null && a.endDate));
|
|
1716
|
-
}), B = O(() => !!(A.value &&
|
|
1717
|
-
A.value = null,
|
|
1716
|
+
}), B = O(() => !!(A.value && $.value)), F = () => {
|
|
1717
|
+
A.value = null, $.value = null, L.value = null, p.value = -1;
|
|
1718
1718
|
};
|
|
1719
|
-
|
|
1720
|
-
const
|
|
1721
|
-
if (
|
|
1722
|
-
const
|
|
1723
|
-
|
|
1719
|
+
le(() => t.modelValue, (a) => {
|
|
1720
|
+
const c = P(a);
|
|
1721
|
+
if (c != null && c.startDate) {
|
|
1722
|
+
const M = c.startDate;
|
|
1723
|
+
x.value.year = M.getFullYear(), x.value.month = M.getMonth();
|
|
1724
1724
|
}
|
|
1725
|
-
if (
|
|
1726
|
-
const
|
|
1727
|
-
|
|
1728
|
-
} else if (
|
|
1729
|
-
const
|
|
1730
|
-
|
|
1725
|
+
if (c != null && c.endDate) {
|
|
1726
|
+
const M = c.endDate;
|
|
1727
|
+
f.value.year = M.getFullYear(), f.value.month = M.getMonth();
|
|
1728
|
+
} else if (c != null && c.startDate) {
|
|
1729
|
+
const M = new Date(x.value.year, x.value.month + 1);
|
|
1730
|
+
f.value.year = M.getFullYear(), f.value.month = M.getMonth();
|
|
1731
1731
|
}
|
|
1732
|
-
(
|
|
1733
|
-
}, { immediate: !0, deep: !0 }),
|
|
1734
|
-
const a = new Date(
|
|
1735
|
-
if (a ===
|
|
1736
|
-
const
|
|
1737
|
-
|
|
1732
|
+
(c != null && c.startDate || c != null && c.endDate) && C(), g.value || (p.value = ce(a));
|
|
1733
|
+
}, { immediate: !0, deep: !0 }), le([x, f], () => {
|
|
1734
|
+
const a = new Date(x.value.year, x.value.month).getTime(), c = new Date(f.value.year, f.value.month).getTime();
|
|
1735
|
+
if (a === c) {
|
|
1736
|
+
const M = new Date(x.value.year, x.value.month + 1);
|
|
1737
|
+
f.value.year = M.getFullYear(), f.value.month = M.getMonth();
|
|
1738
1738
|
}
|
|
1739
1739
|
}, { deep: !0 }), Se(() => {
|
|
1740
1740
|
document.addEventListener("click", q), window.addEventListener("resize", ze), window.addEventListener("scroll", ze), p.value = ce(t.modelValue);
|
|
1741
|
-
const a =
|
|
1742
|
-
if (a != null && a.startDate && (
|
|
1743
|
-
|
|
1741
|
+
const a = P(t.modelValue);
|
|
1742
|
+
if (a != null && a.startDate && (x.value.year = a.startDate.getFullYear(), x.value.month = a.startDate.getMonth()), a != null && a.endDate)
|
|
1743
|
+
f.value.year = a.endDate.getFullYear(), f.value.month = a.endDate.getMonth();
|
|
1744
1744
|
else {
|
|
1745
|
-
const
|
|
1746
|
-
|
|
1745
|
+
const c = new Date(x.value.year, x.value.month + 1);
|
|
1746
|
+
f.value.year = c.getFullYear(), f.value.month = c.getMonth();
|
|
1747
1747
|
}
|
|
1748
|
-
|
|
1748
|
+
C();
|
|
1749
1749
|
}), Te(() => {
|
|
1750
1750
|
document.removeEventListener("click", q), window.removeEventListener("resize", ze), window.removeEventListener("scroll", ze);
|
|
1751
1751
|
});
|
|
1752
|
-
const
|
|
1752
|
+
const N = () => {
|
|
1753
1753
|
t.clearable && (me({ startDate: null, endDate: null }), F(), h.value = -1);
|
|
1754
|
-
},
|
|
1754
|
+
}, te = (a, c) => {
|
|
1755
1755
|
if (a === "start") {
|
|
1756
|
-
const
|
|
1757
|
-
|
|
1756
|
+
const M = new Date(x.value.year, x.value.month + c, 1);
|
|
1757
|
+
x.value.year = M.getFullYear(), x.value.month = M.getMonth(), C();
|
|
1758
1758
|
} else {
|
|
1759
|
-
const
|
|
1760
|
-
|
|
1759
|
+
const M = new Date(f.value.year, f.value.month + c, 1);
|
|
1760
|
+
f.value.year = M.getFullYear(), f.value.month = M.getMonth(), j();
|
|
1761
1761
|
}
|
|
1762
1762
|
};
|
|
1763
|
-
return (a,
|
|
1764
|
-
const
|
|
1763
|
+
return (a, c) => {
|
|
1764
|
+
const M = Ve("YButton");
|
|
1765
1765
|
return i(), u("div", {
|
|
1766
1766
|
class: E(["nh-time-search", [`nh-time--${e.size}`]])
|
|
1767
1767
|
}, [
|
|
@@ -1769,7 +1769,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1769
1769
|
l("div", {
|
|
1770
1770
|
ref_key: "trigger",
|
|
1771
1771
|
ref: k,
|
|
1772
|
-
onClick:
|
|
1772
|
+
onClick: Y,
|
|
1773
1773
|
onKeydown: v,
|
|
1774
1774
|
class: E(["nh-time-trigger", { "is-focus": g.value, "has-value": K.value }]),
|
|
1775
1775
|
tabindex: "0"
|
|
@@ -1783,9 +1783,9 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1783
1783
|
l("span", mn, [
|
|
1784
1784
|
e.clearable && K.value ? (i(), u("i", {
|
|
1785
1785
|
key: 0,
|
|
1786
|
-
onClick:
|
|
1786
|
+
onClick: Z(N, ["stop"]),
|
|
1787
1787
|
class: "nh-time-clear"
|
|
1788
|
-
}, [...
|
|
1788
|
+
}, [...c[4] || (c[4] = [
|
|
1789
1789
|
l("svg", {
|
|
1790
1790
|
viewBox: "0 0 1024 1024",
|
|
1791
1791
|
width: "14",
|
|
@@ -1797,7 +1797,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1797
1797
|
})
|
|
1798
1798
|
], -1)
|
|
1799
1799
|
])])) : R("", !0),
|
|
1800
|
-
|
|
1800
|
+
c[6] || (c[6] = l("i", { class: "nh-time-icon" }, [
|
|
1801
1801
|
l("svg", {
|
|
1802
1802
|
viewBox: "0 0 1024 1024",
|
|
1803
1803
|
width: "14",
|
|
@@ -1811,7 +1811,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1811
1811
|
], -1)),
|
|
1812
1812
|
l("i", {
|
|
1813
1813
|
class: E(["nh-time-arrow", { "is-reverse": g.value }])
|
|
1814
|
-
}, [...
|
|
1814
|
+
}, [...c[5] || (c[5] = [
|
|
1815
1815
|
l("svg", {
|
|
1816
1816
|
viewBox: "0 0 1024 1024",
|
|
1817
1817
|
width: "12",
|
|
@@ -1826,39 +1826,39 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1826
1826
|
])
|
|
1827
1827
|
], 34),
|
|
1828
1828
|
ue(Ce, { name: "el-zoom-in-top" }, {
|
|
1829
|
-
default:
|
|
1829
|
+
default: ve(() => [
|
|
1830
1830
|
g.value ? (i(), u("div", {
|
|
1831
1831
|
key: 0,
|
|
1832
1832
|
ref_key: "dropdown",
|
|
1833
|
-
ref:
|
|
1833
|
+
ref: S,
|
|
1834
1834
|
class: E(_.value),
|
|
1835
|
-
onKeydown:
|
|
1835
|
+
onKeydown: d
|
|
1836
1836
|
}, [
|
|
1837
1837
|
l("div", wn, [
|
|
1838
|
-
|
|
1838
|
+
c[7] || (c[7] = l("div", { class: "nh-time-shortcuts-title" }, "快捷选项", -1)),
|
|
1839
1839
|
l("ul", bn, [
|
|
1840
|
-
(i(!0), u(ie, null, he(e.shortcuts, (
|
|
1841
|
-
key:
|
|
1842
|
-
onClick: (
|
|
1843
|
-
onKeydown: (
|
|
1844
|
-
onMouseenter: (
|
|
1840
|
+
(i(!0), u(ie, null, he(e.shortcuts, (W, ae) => (i(), u("li", {
|
|
1841
|
+
key: W.label,
|
|
1842
|
+
onClick: (oe) => V(W),
|
|
1843
|
+
onKeydown: (oe) => o(oe, ae),
|
|
1844
|
+
onMouseenter: (oe) => s(ae),
|
|
1845
1845
|
onMouseleave: r,
|
|
1846
1846
|
class: E([
|
|
1847
1847
|
"nh-time-shortcut",
|
|
1848
1848
|
{
|
|
1849
|
-
"is-active": h.value ===
|
|
1850
|
-
"is-selected": p.value ===
|
|
1849
|
+
"is-active": h.value === ae,
|
|
1850
|
+
"is-selected": p.value === ae
|
|
1851
1851
|
}
|
|
1852
1852
|
]),
|
|
1853
1853
|
tabindex: "0"
|
|
1854
|
-
},
|
|
1854
|
+
}, ne(W.label), 43, kn))), 128))
|
|
1855
1855
|
])
|
|
1856
1856
|
]),
|
|
1857
1857
|
l("div", xn, [
|
|
1858
1858
|
l("div", Cn, [
|
|
1859
|
-
|
|
1859
|
+
c[8] || (c[8] = l("span", null, "自定义时间", -1)),
|
|
1860
1860
|
l("div", Dn, [
|
|
1861
|
-
!A.value &&
|
|
1861
|
+
!A.value && !$.value ? (i(), u("span", $n, " 请选择开始日期 ")) : A.value && !$.value ? (i(), u("span", _n, " 请选择结束日期 ")) : A.value && $.value ? (i(), u("span", Sn, " 已选择完整范围 ")) : R("", !0)
|
|
1862
1862
|
])
|
|
1863
1863
|
]),
|
|
1864
1864
|
l("div", Mn, [
|
|
@@ -1866,10 +1866,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1866
1866
|
l("div", In, [
|
|
1867
1867
|
l("div", Bn, [
|
|
1868
1868
|
l("button", {
|
|
1869
|
-
onClick:
|
|
1869
|
+
onClick: c[0] || (c[0] = (W) => te("start", -1)),
|
|
1870
1870
|
class: "nh-date-picker-btn nh-date-picker-prev-btn",
|
|
1871
1871
|
type: "button"
|
|
1872
|
-
}, [...
|
|
1872
|
+
}, [...c[9] || (c[9] = [
|
|
1873
1873
|
l("svg", {
|
|
1874
1874
|
viewBox: "0 0 1024 1024",
|
|
1875
1875
|
width: "12",
|
|
@@ -1881,12 +1881,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1881
1881
|
})
|
|
1882
1882
|
], -1)
|
|
1883
1883
|
])]),
|
|
1884
|
-
l("span", En,
|
|
1884
|
+
l("span", En, ne(X(x.value.year, x.value.month)), 1),
|
|
1885
1885
|
l("button", {
|
|
1886
|
-
onClick:
|
|
1886
|
+
onClick: c[1] || (c[1] = (W) => te("start", 1)),
|
|
1887
1887
|
class: "nh-date-picker-btn nh-date-picker-next-btn",
|
|
1888
1888
|
type: "button"
|
|
1889
|
-
}, [...
|
|
1889
|
+
}, [...c[10] || (c[10] = [
|
|
1890
1890
|
l("svg", {
|
|
1891
1891
|
viewBox: "0 0 1024 1024",
|
|
1892
1892
|
width: "12",
|
|
@@ -1903,23 +1903,23 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1903
1903
|
l("table", zn, [
|
|
1904
1904
|
l("thead", null, [
|
|
1905
1905
|
l("tr", null, [
|
|
1906
|
-
(i(), u(ie, null, he(
|
|
1907
|
-
key:
|
|
1906
|
+
(i(), u(ie, null, he(U, (W) => l("th", {
|
|
1907
|
+
key: W,
|
|
1908
1908
|
class: "nh-date-table-th"
|
|
1909
|
-
},
|
|
1909
|
+
}, ne(W), 1)), 64))
|
|
1910
1910
|
])
|
|
1911
1911
|
]),
|
|
1912
1912
|
l("tbody", null, [
|
|
1913
|
-
(i(!0), u(ie, null, he(_e.value, (
|
|
1914
|
-
key: `start-week-${
|
|
1913
|
+
(i(!0), u(ie, null, he(_e.value, (W, ae) => (i(), u("tr", {
|
|
1914
|
+
key: `start-week-${ae}`
|
|
1915
1915
|
}, [
|
|
1916
|
-
(i(!0), u(ie, null, he(
|
|
1917
|
-
key: `start-day-${
|
|
1918
|
-
class: E(J(
|
|
1919
|
-
onClick: ($e) => Q(
|
|
1916
|
+
(i(!0), u(ie, null, he(W, (oe, se) => (i(), u("td", {
|
|
1917
|
+
key: `start-day-${ae}-${se}`,
|
|
1918
|
+
class: E(J(oe)),
|
|
1919
|
+
onClick: ($e) => Q(oe, "start")
|
|
1920
1920
|
}, [
|
|
1921
1921
|
l("div", Hn, [
|
|
1922
|
-
|
|
1922
|
+
oe ? (i(), u("span", Rn, ne(oe.day), 1)) : R("", !0)
|
|
1923
1923
|
])
|
|
1924
1924
|
], 10, Kn))), 128))
|
|
1925
1925
|
]))), 128))
|
|
@@ -1932,10 +1932,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1932
1932
|
l("div", An, [
|
|
1933
1933
|
l("div", Fn, [
|
|
1934
1934
|
l("button", {
|
|
1935
|
-
onClick:
|
|
1935
|
+
onClick: c[2] || (c[2] = (W) => te("end", -1)),
|
|
1936
1936
|
class: "nh-date-picker-btn nh-date-picker-prev-btn",
|
|
1937
1937
|
type: "button"
|
|
1938
|
-
}, [...
|
|
1938
|
+
}, [...c[11] || (c[11] = [
|
|
1939
1939
|
l("svg", {
|
|
1940
1940
|
viewBox: "0 0 1024 1024",
|
|
1941
1941
|
width: "12",
|
|
@@ -1947,12 +1947,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1947
1947
|
})
|
|
1948
1948
|
], -1)
|
|
1949
1949
|
])]),
|
|
1950
|
-
l("span",
|
|
1950
|
+
l("span", Wn, ne(X(f.value.year, f.value.month)), 1),
|
|
1951
1951
|
l("button", {
|
|
1952
|
-
onClick:
|
|
1952
|
+
onClick: c[3] || (c[3] = (W) => te("end", 1)),
|
|
1953
1953
|
class: "nh-date-picker-btn nh-date-picker-next-btn",
|
|
1954
1954
|
type: "button"
|
|
1955
|
-
}, [...
|
|
1955
|
+
}, [...c[12] || (c[12] = [
|
|
1956
1956
|
l("svg", {
|
|
1957
1957
|
viewBox: "0 0 1024 1024",
|
|
1958
1958
|
width: "12",
|
|
@@ -1965,29 +1965,29 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1965
1965
|
], -1)
|
|
1966
1966
|
])])
|
|
1967
1967
|
]),
|
|
1968
|
-
l("div",
|
|
1969
|
-
l("table",
|
|
1968
|
+
l("div", Yn, [
|
|
1969
|
+
l("table", Pn, [
|
|
1970
1970
|
l("thead", null, [
|
|
1971
1971
|
l("tr", null, [
|
|
1972
|
-
(i(), u(ie, null, he(
|
|
1973
|
-
key:
|
|
1972
|
+
(i(), u(ie, null, he(U, (W) => l("th", {
|
|
1973
|
+
key: W,
|
|
1974
1974
|
class: "nh-date-table-th"
|
|
1975
|
-
},
|
|
1975
|
+
}, ne(W), 1)), 64))
|
|
1976
1976
|
])
|
|
1977
1977
|
]),
|
|
1978
1978
|
l("tbody", null, [
|
|
1979
|
-
(i(!0), u(ie, null, he(Ke.value, (
|
|
1980
|
-
key: `end-week-${
|
|
1979
|
+
(i(!0), u(ie, null, he(Ke.value, (W, ae) => (i(), u("tr", {
|
|
1980
|
+
key: `end-week-${ae}`
|
|
1981
1981
|
}, [
|
|
1982
|
-
(i(!0), u(ie, null, he(
|
|
1983
|
-
key: `end-day-${
|
|
1984
|
-
class: E(J(
|
|
1985
|
-
onClick: ($e) => Q(
|
|
1982
|
+
(i(!0), u(ie, null, he(W, (oe, se) => (i(), u("td", {
|
|
1983
|
+
key: `end-day-${ae}-${se}`,
|
|
1984
|
+
class: E(J(oe)),
|
|
1985
|
+
onClick: ($e) => Q(oe, "end")
|
|
1986
1986
|
}, [
|
|
1987
1987
|
l("div", On, [
|
|
1988
|
-
|
|
1988
|
+
oe ? (i(), u("span", jn, ne(oe.day), 1)) : R("", !0)
|
|
1989
1989
|
])
|
|
1990
|
-
], 10,
|
|
1990
|
+
], 10, Nn))), 128))
|
|
1991
1991
|
]))), 128))
|
|
1992
1992
|
])
|
|
1993
1993
|
])
|
|
@@ -1996,25 +1996,25 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
1996
1996
|
])
|
|
1997
1997
|
]),
|
|
1998
1998
|
l("div", qn, [
|
|
1999
|
-
e.clearable ? (i(), Be(
|
|
1999
|
+
e.clearable ? (i(), Be(M, {
|
|
2000
2000
|
key: 0,
|
|
2001
2001
|
onClick: Re,
|
|
2002
2002
|
variant: "secondary",
|
|
2003
2003
|
size: e.size
|
|
2004
2004
|
}, {
|
|
2005
|
-
default:
|
|
2005
|
+
default: ve(() => [...c[13] || (c[13] = [
|
|
2006
2006
|
De(" 清空 ", -1)
|
|
2007
2007
|
])]),
|
|
2008
2008
|
_: 1
|
|
2009
2009
|
}, 8, ["size"])) : R("", !0),
|
|
2010
|
-
ue(
|
|
2010
|
+
ue(M, {
|
|
2011
2011
|
onClick: Me,
|
|
2012
2012
|
disabled: !B.value,
|
|
2013
2013
|
variant: "primary",
|
|
2014
2014
|
size: e.size
|
|
2015
2015
|
}, {
|
|
2016
|
-
default:
|
|
2017
|
-
De(
|
|
2016
|
+
default: ve(() => [
|
|
2017
|
+
De(ne(A.value && !$.value ? "继续选择结束日期" : "确认"), 1)
|
|
2018
2018
|
]),
|
|
2019
2019
|
_: 1
|
|
2020
2020
|
}, 8, ["disabled", "size"])
|
|
@@ -2048,8 +2048,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2048
2048
|
showText: { type: Boolean, default: !1 }
|
|
2049
2049
|
},
|
|
2050
2050
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
2051
|
-
setup(e, { emit:
|
|
2052
|
-
const t = e, n =
|
|
2051
|
+
setup(e, { emit: b }) {
|
|
2052
|
+
const t = e, n = b, g = z(), h = O(() => t.modelValue === t.trueValue), p = O(() => {
|
|
2053
2053
|
const k = {};
|
|
2054
2054
|
return k.background = h.value ? t.activeColor : t.inactiveColor, k;
|
|
2055
2055
|
});
|
|
@@ -2060,33 +2060,33 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2060
2060
|
}
|
|
2061
2061
|
return Se(() => {
|
|
2062
2062
|
const k = g.value;
|
|
2063
|
-
k && (k.addEventListener("focus", (
|
|
2064
|
-
}), (k,
|
|
2063
|
+
k && (k.addEventListener("focus", (S) => n("focus", S)), k.addEventListener("blur", (S) => n("blur", S)));
|
|
2064
|
+
}), (k, S) => (i(), u("button", {
|
|
2065
2065
|
ref_key: "rootEl",
|
|
2066
2066
|
ref: g,
|
|
2067
2067
|
class: E(["yswitch", [
|
|
2068
2068
|
`yswitch--${e.size}`,
|
|
2069
2069
|
{ "yswitch--checked": h.value, "yswitch--disabled": e.disabled, "yswitch--loading": e.loading }
|
|
2070
2070
|
]]),
|
|
2071
|
-
style:
|
|
2071
|
+
style: pe(p.value),
|
|
2072
2072
|
role: "switch",
|
|
2073
2073
|
"aria-checked": h.value,
|
|
2074
2074
|
"aria-disabled": e.disabled,
|
|
2075
2075
|
disabled: e.disabled || e.loading,
|
|
2076
2076
|
onClick: L,
|
|
2077
2077
|
onKeydown: [
|
|
2078
|
-
xe(
|
|
2079
|
-
xe(
|
|
2078
|
+
xe(Z(L, ["prevent"]), ["enter"]),
|
|
2079
|
+
xe(Z(L, ["prevent"]), ["space"])
|
|
2080
2080
|
]
|
|
2081
2081
|
}, [
|
|
2082
|
-
|
|
2082
|
+
S[0] || (S[0] = l("span", { class: "yswitch__track" }, null, -1)),
|
|
2083
2083
|
l("span", Qn, [
|
|
2084
2084
|
e.loading ? (i(), u("span", Jn)) : R("", !0)
|
|
2085
2085
|
]),
|
|
2086
2086
|
e.showText ? (i(), u("span", {
|
|
2087
2087
|
key: 0,
|
|
2088
2088
|
class: E(["yswitch__label", { "yswitch__label--left": !h.value, "yswitch__label--right": h.value }])
|
|
2089
|
-
},
|
|
2089
|
+
}, ne(h.value ? e.activeText : e.inactiveText), 3)) : R("", !0)
|
|
2090
2090
|
], 46, Zn));
|
|
2091
2091
|
}
|
|
2092
2092
|
}), Gn = /* @__PURE__ */ ke(Xn, [["__scopeId", "data-v-0b157fc4"]]), el = ["src", "alt"], tl = ["src", "alt"], nl = /* @__PURE__ */ be({
|
|
@@ -2104,8 +2104,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2104
2104
|
previewSrcList: {}
|
|
2105
2105
|
},
|
|
2106
2106
|
emits: ["load", "error", "preview"],
|
|
2107
|
-
setup(e, { expose:
|
|
2108
|
-
const n = e, g = t, h = z(), p = z(), L = z(), k = z(!1),
|
|
2107
|
+
setup(e, { expose: b, emit: t }) {
|
|
2108
|
+
const n = e, g = t, h = z(), p = z(), L = z(), k = z(!1), S = z(!1), m = z(!1), x = z(!1), f = z(!1), C = z("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSDog4zmma8gLS0+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNGM0Y0RjYiLz4KICAKICA8IS0tIOWbvueJh+WbvuaghyAtLT4KICA8cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iODAiIHJ4PSI0IiBmaWxsPSIjRDFENURCIiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iMiIvPgogIAogIDwhLS0g5Zu+54mH5YaF6YOo6KOF6aWwIC0tPgogIDxjaXJjbGUgY3g9IjgwIiBjeT0iNzAiIHI9IjgiIGZpbGw9IiM5Q0EzQUYiLz4KICA8cGF0aCBkPSJNNjAgMTAwIEw5MCA4NSBMMTIwIDk1IEwxNDAgODAiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAKICA8IS0tIOaWh+WtlyAtLT4KICA8dGV4dCB4PSIxMDAiIHk9IjE2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzZCNzI4MCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIj4KICAgIEltYWdlIG5vdCBhdmFpbGFibGUKICA8L3RleHQ+Cjwvc3ZnPiA="), j = z(""), U = z(1), A = z(!1), $ = z({
|
|
2109
2109
|
overflow: "",
|
|
2110
2110
|
paddingRight: ""
|
|
2111
2111
|
}), T = O(() => [
|
|
@@ -2113,31 +2113,31 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2113
2113
|
"overflow-hidden"
|
|
2114
2114
|
].filter(Boolean).join(" ")), I = O(() => [
|
|
2115
2115
|
X(),
|
|
2116
|
-
|
|
2116
|
+
ee()
|
|
2117
2117
|
].filter(Boolean).join(" ")), H = O(() => [
|
|
2118
2118
|
"w-full h-full bg-white",
|
|
2119
|
-
|
|
2120
|
-
|
|
2119
|
+
ye(),
|
|
2120
|
+
ee(),
|
|
2121
2121
|
n.preview ? "cursor-pointer hover:opacity-90 transition-opacity duration-200" : ""
|
|
2122
|
-
].filter(Boolean).join(" ")),
|
|
2122
|
+
].filter(Boolean).join(" ")), P = O(() => [
|
|
2123
2123
|
X(),
|
|
2124
|
-
|
|
2125
|
-
].filter(Boolean).join(" ")),
|
|
2124
|
+
ee()
|
|
2125
|
+
].filter(Boolean).join(" ")), G = O(() => {
|
|
2126
2126
|
const w = {};
|
|
2127
2127
|
return n.width && (w.width = typeof n.width == "number" ? `${n.width}px` : n.width), n.height && (w.height = typeof n.height == "number" ? `${n.height}px` : n.height), w;
|
|
2128
|
-
}), X = () => n.width && n.height ? "" : "w-full h-full",
|
|
2128
|
+
}), X = () => n.width && n.height ? "" : "w-full h-full", ye = () => ({
|
|
2129
2129
|
cover: "object-cover",
|
|
2130
2130
|
contain: "object-contain",
|
|
2131
2131
|
fill: "object-fill",
|
|
2132
2132
|
none: "object-none",
|
|
2133
2133
|
"scale-down": "object-scale-down"
|
|
2134
|
-
})[n.fit] || "object-cover",
|
|
2134
|
+
})[n.fit] || "object-cover", ee = () => typeof n.radius == "number" ? `rounded-${n.radius}` : typeof n.radius == "string" ? n.radius.includes("px") ? "" : `rounded-${n.radius}` : "", ce = () => {
|
|
2135
2135
|
const w = document.createElement("div");
|
|
2136
2136
|
w.style.cssText = "width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px;", document.body.appendChild(w);
|
|
2137
2137
|
const V = w.offsetWidth - w.clientWidth;
|
|
2138
2138
|
return document.body.removeChild(w), V;
|
|
2139
2139
|
}, we = () => {
|
|
2140
|
-
if (
|
|
2140
|
+
if ($.value = {
|
|
2141
2141
|
overflow: document.body.style.overflow || "",
|
|
2142
2142
|
paddingRight: document.body.style.paddingRight || ""
|
|
2143
2143
|
}, document.body.scrollHeight > window.innerHeight) {
|
|
@@ -2146,14 +2146,14 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2146
2146
|
}
|
|
2147
2147
|
document.body.style.overflow = "hidden";
|
|
2148
2148
|
}, me = () => {
|
|
2149
|
-
document.body.style.overflow =
|
|
2149
|
+
document.body.style.overflow = $.value.overflow, document.body.style.paddingRight = $.value.paddingRight;
|
|
2150
2150
|
};
|
|
2151
2151
|
let de = null;
|
|
2152
|
-
const
|
|
2152
|
+
const Y = () => {
|
|
2153
2153
|
!n.lazy || !h.value || (de = new IntersectionObserver(
|
|
2154
2154
|
(w) => {
|
|
2155
2155
|
w.forEach((V) => {
|
|
2156
|
-
V.isIntersecting && (
|
|
2156
|
+
V.isIntersecting && (x.value = !0, C.value = n.src, de == null || de.unobserve(V.target));
|
|
2157
2157
|
});
|
|
2158
2158
|
},
|
|
2159
2159
|
{
|
|
@@ -2161,50 +2161,50 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2161
2161
|
}
|
|
2162
2162
|
), de.observe(h.value));
|
|
2163
2163
|
}, q = (w) => {
|
|
2164
|
-
k.value = !0,
|
|
2164
|
+
k.value = !0, S.value = !1, m.value = !1, g("load", w);
|
|
2165
2165
|
}, v = (w) => {
|
|
2166
|
-
m.value = !0,
|
|
2167
|
-
},
|
|
2168
|
-
m.value = !1,
|
|
2166
|
+
m.value = !0, S.value = !1, k.value = !1, g("error", w);
|
|
2167
|
+
}, d = () => {
|
|
2168
|
+
m.value = !1, S.value = !0, k.value = !1, fe(() => {
|
|
2169
2169
|
p.value && (p.value.src = n.src);
|
|
2170
2170
|
});
|
|
2171
2171
|
}, o = () => {
|
|
2172
2172
|
if (!n.preview || m.value) return;
|
|
2173
|
-
|
|
2173
|
+
U.value = 1;
|
|
2174
2174
|
const w = new Image();
|
|
2175
2175
|
w.onload = () => {
|
|
2176
|
-
j.value = n.src,
|
|
2177
|
-
|
|
2176
|
+
j.value = n.src, fe(() => {
|
|
2177
|
+
f.value = !0, we(), g("preview", n.src);
|
|
2178
2178
|
});
|
|
2179
2179
|
}, w.onerror = () => {
|
|
2180
|
-
j.value = n.src,
|
|
2180
|
+
j.value = n.src, f.value = !0, we(), g("preview", n.src);
|
|
2181
2181
|
}, w.src = n.src;
|
|
2182
2182
|
}, s = () => {
|
|
2183
|
-
|
|
2183
|
+
f.value = !1, setTimeout(() => {
|
|
2184
2184
|
me();
|
|
2185
2185
|
}, 300);
|
|
2186
2186
|
}, r = (w) => {
|
|
2187
2187
|
const V = w.deltaY < 0 ? 1 : -1;
|
|
2188
|
-
let J =
|
|
2189
|
-
J = Math.max(0.5, Math.min(2, J)),
|
|
2188
|
+
let J = U.value + V * 0.1;
|
|
2189
|
+
J = Math.max(0.5, Math.min(2, J)), U.value = J;
|
|
2190
2190
|
};
|
|
2191
2191
|
return Se(() => {
|
|
2192
|
-
n.lazy ?
|
|
2192
|
+
n.lazy ? Y() : x.value = !0, x.value && (S.value = !0), A.value = !0;
|
|
2193
2193
|
}), Te(() => {
|
|
2194
|
-
de && de.disconnect(),
|
|
2195
|
-
}),
|
|
2196
|
-
n.src &&
|
|
2197
|
-
}),
|
|
2198
|
-
|
|
2199
|
-
}),
|
|
2200
|
-
retryLoad:
|
|
2194
|
+
de && de.disconnect(), f.value && me();
|
|
2195
|
+
}), le(() => C.value, () => {
|
|
2196
|
+
n.src && x.value && (S.value = !0, m.value = !1, k.value = !1);
|
|
2197
|
+
}), le(() => n.src, (w) => {
|
|
2198
|
+
C.value = w || "";
|
|
2199
|
+
}), b({
|
|
2200
|
+
retryLoad: d,
|
|
2201
2201
|
closePreview: s
|
|
2202
2202
|
}), (w, V) => (i(), u("div", {
|
|
2203
2203
|
ref_key: "containerRef",
|
|
2204
2204
|
ref: h,
|
|
2205
2205
|
class: E(["relative inline-block", T.value])
|
|
2206
2206
|
}, [
|
|
2207
|
-
!k.value && !m.value && !
|
|
2207
|
+
!k.value && !m.value && !x.value ? (i(), u("div", {
|
|
2208
2208
|
key: 0,
|
|
2209
2209
|
class: E(["bg-gray-200 animate-pulse rounded", I.value])
|
|
2210
2210
|
}, [...V[1] || (V[1] = [
|
|
@@ -2224,7 +2224,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2224
2224
|
])
|
|
2225
2225
|
], -1)
|
|
2226
2226
|
])], 2)) : R("", !0),
|
|
2227
|
-
|
|
2227
|
+
S.value && !m.value ? (i(), u("div", {
|
|
2228
2228
|
key: 1,
|
|
2229
2229
|
class: E(["absolute inset-0 flex items-center justify-center bg-gray-100 rounded", H.value])
|
|
2230
2230
|
}, [...V[2] || (V[2] = [
|
|
@@ -2234,25 +2234,25 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2234
2234
|
])], 2)) : R("", !0),
|
|
2235
2235
|
m.value ? (i(), u("div", {
|
|
2236
2236
|
key: 2,
|
|
2237
|
-
class: E(["bg-gray-100 rounded flex items-center justify-center",
|
|
2238
|
-
onClick:
|
|
2237
|
+
class: E(["bg-gray-100 rounded flex items-center justify-center", P.value]),
|
|
2238
|
+
onClick: d
|
|
2239
2239
|
}, [
|
|
2240
2240
|
l("img", {
|
|
2241
2241
|
src: "https://img.nihaojewelry.com/media/2025/6/27/1938511770352222208.png",
|
|
2242
2242
|
alt: "Error Image",
|
|
2243
|
-
class: E(["w-[70%] h-[70%] object-contain cursor-pointer",
|
|
2243
|
+
class: E(["w-[70%] h-[70%] object-contain cursor-pointer", ee()])
|
|
2244
2244
|
}, null, 2)
|
|
2245
2245
|
], 2)) : R("", !0),
|
|
2246
2246
|
Ee(l("img", {
|
|
2247
2247
|
ref_key: "imageRef",
|
|
2248
2248
|
ref: p,
|
|
2249
|
-
src:
|
|
2249
|
+
src: C.value,
|
|
2250
2250
|
alt: e.alt,
|
|
2251
2251
|
class: E(H.value),
|
|
2252
2252
|
onLoad: q,
|
|
2253
2253
|
onError: v,
|
|
2254
2254
|
onClick: o,
|
|
2255
|
-
style:
|
|
2255
|
+
style: pe(G.value)
|
|
2256
2256
|
}, null, 46, el), [
|
|
2257
2257
|
[He, k.value && !m.value]
|
|
2258
2258
|
]),
|
|
@@ -2261,16 +2261,16 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2261
2261
|
to: "body"
|
|
2262
2262
|
}, [
|
|
2263
2263
|
ue(Ce, { name: "fade" }, {
|
|
2264
|
-
default:
|
|
2265
|
-
|
|
2264
|
+
default: ve(() => [
|
|
2265
|
+
f.value ? (i(), u("div", {
|
|
2266
2266
|
key: 0,
|
|
2267
2267
|
class: "fixed inset-0 bg-black/75 flex items-center justify-center",
|
|
2268
2268
|
style: { "z-index": "99999" },
|
|
2269
|
-
onClick:
|
|
2270
|
-
onWheel:
|
|
2269
|
+
onClick: Z(s, ["self"]),
|
|
2270
|
+
onWheel: Z(r, ["prevent"])
|
|
2271
2271
|
}, [
|
|
2272
2272
|
l("div", {
|
|
2273
|
-
class: E(["relative max-w-4xl max-h-full p-4 transform transition-transform duration-300", { "scale-100":
|
|
2273
|
+
class: E(["relative max-w-4xl max-h-full p-4 transform transition-transform duration-300", { "scale-100": f.value, "scale-95": !f.value }])
|
|
2274
2274
|
}, [
|
|
2275
2275
|
l("img", {
|
|
2276
2276
|
ref_key: "previewImageRef",
|
|
@@ -2278,8 +2278,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2278
2278
|
src: n.previewSrcList || j.value || n.src,
|
|
2279
2279
|
alt: e.alt,
|
|
2280
2280
|
class: "max-w-full max-h-full object-contain rounded shadow-2xl transition-transform duration-200",
|
|
2281
|
-
style:
|
|
2282
|
-
onClick: V[0] || (V[0] =
|
|
2281
|
+
style: pe({ transform: `scale(${U.value})` }),
|
|
2282
|
+
onClick: V[0] || (V[0] = Z(() => {
|
|
2283
2283
|
}, ["stop"]))
|
|
2284
2284
|
}, null, 12, tl)
|
|
2285
2285
|
], 2)
|
|
@@ -2295,89 +2295,106 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2295
2295
|
props: {
|
|
2296
2296
|
trigger: { default: "hover" },
|
|
2297
2297
|
placement: { default: "bottom" },
|
|
2298
|
-
disabled: { type: Boolean, default: !1 }
|
|
2298
|
+
disabled: { type: Boolean, default: !1 },
|
|
2299
|
+
menuWidth: { default: void 0 }
|
|
2299
2300
|
},
|
|
2300
2301
|
setup(e) {
|
|
2301
|
-
const
|
|
2302
|
+
const b = e, t = z(!1), n = z();
|
|
2302
2303
|
let g = null;
|
|
2303
|
-
const h = O(() => `y-dropdown__menu--${
|
|
2304
|
-
|
|
2305
|
-
|
|
2304
|
+
const h = O(() => `y-dropdown__menu--${b.placement}`), p = O(() => {
|
|
2305
|
+
if (!b.menuWidth) return {};
|
|
2306
|
+
const f = typeof b.menuWidth == "number" ? `${b.menuWidth}px` : b.menuWidth;
|
|
2307
|
+
return {
|
|
2308
|
+
width: f,
|
|
2309
|
+
minWidth: f,
|
|
2310
|
+
maxWidth: f
|
|
2311
|
+
};
|
|
2312
|
+
}), L = () => {
|
|
2313
|
+
console.log("显示下拉菜单", t.value), !b.disabled && (g && (clearTimeout(g), g = null), t.value = !0, console.log("设置 visible 为 true", t.value), fe(() => {
|
|
2314
|
+
S();
|
|
2306
2315
|
}));
|
|
2307
|
-
},
|
|
2316
|
+
}, k = () => {
|
|
2308
2317
|
console.log("隐藏下拉菜单"), g = setTimeout(() => {
|
|
2309
2318
|
t.value = !1, console.log("设置 visible 为 false", t.value);
|
|
2310
2319
|
}, 150);
|
|
2311
|
-
},
|
|
2320
|
+
}, S = () => {
|
|
2312
2321
|
if (!n.value) return;
|
|
2313
|
-
const
|
|
2314
|
-
if (!
|
|
2315
|
-
const
|
|
2316
|
-
|
|
2317
|
-
let
|
|
2318
|
-
switch (
|
|
2322
|
+
const f = n.value.querySelector(".y-dropdown__trigger"), C = n.value.querySelector(".y-dropdown__menu");
|
|
2323
|
+
if (!f || !C) return;
|
|
2324
|
+
const j = f.getBoundingClientRect(), U = C.getBoundingClientRect(), A = window.innerWidth, $ = window.innerHeight;
|
|
2325
|
+
C.style.top = "", C.style.left = "", C.style.right = "", C.style.bottom = "", C.style.transform = "";
|
|
2326
|
+
let T = 0, I = 0;
|
|
2327
|
+
switch (b.placement) {
|
|
2319
2328
|
case "bottom":
|
|
2320
|
-
|
|
2329
|
+
T = j.height + 4, I = 0;
|
|
2321
2330
|
break;
|
|
2322
2331
|
case "top":
|
|
2323
|
-
|
|
2332
|
+
T = -(U.height + 4), I = 0;
|
|
2324
2333
|
break;
|
|
2325
2334
|
case "right":
|
|
2326
|
-
|
|
2335
|
+
T = 0, I = j.width + 4;
|
|
2327
2336
|
break;
|
|
2328
2337
|
case "left":
|
|
2329
|
-
|
|
2338
|
+
T = 0, I = -(U.width + 4);
|
|
2330
2339
|
break;
|
|
2331
2340
|
}
|
|
2332
|
-
let
|
|
2333
|
-
if (
|
|
2334
|
-
const
|
|
2335
|
-
|
|
2341
|
+
let H = j.top + T, P = j.left + I;
|
|
2342
|
+
if (b.placement === "bottom" || b.placement === "top") {
|
|
2343
|
+
const G = U.width || 260;
|
|
2344
|
+
P + G > A - 10 && (P = A - G - 10), P < 10 && (P = 10);
|
|
2336
2345
|
}
|
|
2337
|
-
if (
|
|
2338
|
-
const
|
|
2339
|
-
|
|
2346
|
+
if (b.placement === "left" || b.placement === "right") {
|
|
2347
|
+
const G = U.height || 200;
|
|
2348
|
+
H + G > $ - 10 && (H = $ - G - 10), H < 10 && (H = 10);
|
|
2340
2349
|
}
|
|
2341
|
-
|
|
2342
|
-
},
|
|
2343
|
-
|
|
2344
|
-
},
|
|
2345
|
-
t.value &&
|
|
2350
|
+
C.style.top = `${H}px`, C.style.left = `${P}px`;
|
|
2351
|
+
}, m = (f) => {
|
|
2352
|
+
b.trigger === "click" && n.value && !n.value.contains(f.target) && (t.value = !1);
|
|
2353
|
+
}, x = () => {
|
|
2354
|
+
t.value && S();
|
|
2346
2355
|
};
|
|
2347
2356
|
return Se(() => {
|
|
2348
|
-
|
|
2357
|
+
b.trigger === "click" && document.addEventListener("click", m), window.addEventListener("resize", x), window.addEventListener("scroll", x);
|
|
2349
2358
|
}), Te(() => {
|
|
2350
|
-
|
|
2351
|
-
}), (
|
|
2359
|
+
b.trigger === "click" && document.removeEventListener("click", m), g && clearTimeout(g), window.removeEventListener("resize", x), window.removeEventListener("scroll", x);
|
|
2360
|
+
}), le(
|
|
2361
|
+
() => b.menuWidth,
|
|
2362
|
+
() => {
|
|
2363
|
+
t.value && fe(() => {
|
|
2364
|
+
S();
|
|
2365
|
+
});
|
|
2366
|
+
}
|
|
2367
|
+
), (f, C) => (i(), u("div", {
|
|
2352
2368
|
class: "y-dropdown",
|
|
2353
2369
|
ref_key: "dropdownRef",
|
|
2354
2370
|
ref: n
|
|
2355
2371
|
}, [
|
|
2356
2372
|
l("div", {
|
|
2357
2373
|
class: "y-dropdown__trigger",
|
|
2358
|
-
onMouseenter:
|
|
2359
|
-
onMouseleave:
|
|
2374
|
+
onMouseenter: L,
|
|
2375
|
+
onMouseleave: k
|
|
2360
2376
|
}, [
|
|
2361
|
-
re(
|
|
2362
|
-
|
|
2377
|
+
re(f.$slots, "trigger", {}, () => [
|
|
2378
|
+
C[0] || (C[0] = l("button", { class: "y-dropdown__button" }, " 下拉菜单 ", -1))
|
|
2363
2379
|
], !0)
|
|
2364
2380
|
], 32),
|
|
2365
2381
|
ue(Ce, {
|
|
2366
2382
|
name: "dropdown-fade",
|
|
2367
2383
|
appear: ""
|
|
2368
2384
|
}, {
|
|
2369
|
-
default:
|
|
2385
|
+
default: ve(() => [
|
|
2370
2386
|
Ee(l("div", {
|
|
2371
2387
|
class: E(["y-dropdown__menu", h.value]),
|
|
2372
|
-
|
|
2373
|
-
|
|
2388
|
+
style: pe(p.value),
|
|
2389
|
+
onMouseenter: L,
|
|
2390
|
+
onMouseleave: k
|
|
2374
2391
|
}, [
|
|
2375
|
-
re(
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2392
|
+
re(f.$slots, "default", {}, () => [
|
|
2393
|
+
C[1] || (C[1] = l("div", { class: "y-dropdown__item" }, "选项 1", -1)),
|
|
2394
|
+
C[2] || (C[2] = l("div", { class: "y-dropdown__item" }, "选项 2", -1)),
|
|
2395
|
+
C[3] || (C[3] = l("div", { class: "y-dropdown__item" }, "选项 3", -1))
|
|
2379
2396
|
], !0)
|
|
2380
|
-
],
|
|
2397
|
+
], 38), [
|
|
2381
2398
|
[He, t.value]
|
|
2382
2399
|
])
|
|
2383
2400
|
]),
|
|
@@ -2385,7 +2402,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2385
2402
|
})
|
|
2386
2403
|
], 512));
|
|
2387
2404
|
}
|
|
2388
|
-
}), al = /* @__PURE__ */ ke(ol, [["__scopeId", "data-v-
|
|
2405
|
+
}), al = /* @__PURE__ */ ke(ol, [["__scopeId", "data-v-ada3172a"]]), sl = ["aria-hidden"], il = ["onKeydown"], rl = {
|
|
2389
2406
|
key: 0,
|
|
2390
2407
|
class: "y-drawer-header"
|
|
2391
2408
|
}, ul = { class: "y-drawer-title" }, cl = { class: "y-drawer-body" }, dl = {
|
|
@@ -2405,49 +2422,49 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2405
2422
|
showHeader: { type: Boolean, default: !0 }
|
|
2406
2423
|
},
|
|
2407
2424
|
emits: ["update:modelValue", "open", "close"],
|
|
2408
|
-
setup(e, { emit:
|
|
2409
|
-
const t = e, n =
|
|
2425
|
+
setup(e, { emit: b }) {
|
|
2426
|
+
const t = e, n = b, g = O({
|
|
2410
2427
|
get: () => t.modelValue,
|
|
2411
|
-
set: (
|
|
2428
|
+
set: (C) => n("update:modelValue", C)
|
|
2412
2429
|
}), h = z(null), p = O(() => t.placement === "right" ? "drawer-slide-right" : "drawer-slide-bottom"), L = O(() => t.placement === "right" ? "rounded-left" : "rounded-top"), k = O(() => {
|
|
2413
|
-
const
|
|
2414
|
-
return t.placement === "right" ? (
|
|
2430
|
+
const C = {};
|
|
2431
|
+
return t.placement === "right" ? (C.width = typeof t.width == "number" ? `${t.width}px` : String(t.width), C.height = "100%", C.right = "0", C.top = "0") : (C.height = typeof t.height == "number" ? `${t.height}px` : String(t.height), C.width = "100%", C.bottom = "0", C.left = "0"), C;
|
|
2415
2432
|
});
|
|
2416
|
-
function
|
|
2433
|
+
function S() {
|
|
2417
2434
|
t.maskClosable && m();
|
|
2418
2435
|
}
|
|
2419
2436
|
function m() {
|
|
2420
2437
|
g.value && (g.value = !1, n("close"));
|
|
2421
2438
|
}
|
|
2422
|
-
function
|
|
2439
|
+
function x() {
|
|
2423
2440
|
t.closable && m();
|
|
2424
2441
|
}
|
|
2425
|
-
function
|
|
2426
|
-
|
|
2442
|
+
function f(C) {
|
|
2443
|
+
C.key === "Escape" && x();
|
|
2427
2444
|
}
|
|
2428
|
-
return
|
|
2429
|
-
|
|
2445
|
+
return le(() => t.modelValue, (C) => {
|
|
2446
|
+
C ? (n("open"), requestAnimationFrame(() => {
|
|
2430
2447
|
var j;
|
|
2431
2448
|
return (j = h.value) == null ? void 0 : j.focus();
|
|
2432
|
-
}), document.addEventListener("keydown",
|
|
2449
|
+
}), document.addEventListener("keydown", f), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", f), document.body.style.overflow = "");
|
|
2433
2450
|
}), Se(() => {
|
|
2434
|
-
t.modelValue && (document.addEventListener("keydown",
|
|
2451
|
+
t.modelValue && (document.addEventListener("keydown", f), document.body.style.overflow = "hidden");
|
|
2435
2452
|
}), Te(() => {
|
|
2436
|
-
document.removeEventListener("keydown",
|
|
2437
|
-
}), (
|
|
2453
|
+
document.removeEventListener("keydown", f), document.body.style.overflow = "";
|
|
2454
|
+
}), (C, j) => (i(), Be(Ae, { to: "body" }, [
|
|
2438
2455
|
Ee(l("div", {
|
|
2439
2456
|
class: "y-drawer-root",
|
|
2440
2457
|
role: "dialog",
|
|
2441
2458
|
"aria-modal": !0,
|
|
2442
2459
|
"aria-hidden": !g.value,
|
|
2443
|
-
style:
|
|
2460
|
+
style: pe({ zIndex: String(e.zIndex) })
|
|
2444
2461
|
}, [
|
|
2445
2462
|
l("div", {
|
|
2446
2463
|
class: "y-drawer-mask",
|
|
2447
|
-
onClick:
|
|
2464
|
+
onClick: S
|
|
2448
2465
|
}),
|
|
2449
2466
|
ue(Ce, { name: p.value }, {
|
|
2450
|
-
default:
|
|
2467
|
+
default: ve(() => [
|
|
2451
2468
|
Ee(l("div", {
|
|
2452
2469
|
ref_key: "panelRef",
|
|
2453
2470
|
ref: h,
|
|
@@ -2455,12 +2472,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2455
2472
|
`is-${e.placement}`,
|
|
2456
2473
|
L.value
|
|
2457
2474
|
]]),
|
|
2458
|
-
style:
|
|
2459
|
-
onKeydown: xe(
|
|
2475
|
+
style: pe(k.value),
|
|
2476
|
+
onKeydown: xe(Z(x, ["prevent", "stop"]), ["esc"]),
|
|
2460
2477
|
tabindex: "-1"
|
|
2461
2478
|
}, [
|
|
2462
2479
|
e.showHeader ? (i(), u("div", rl, [
|
|
2463
|
-
l("div", ul,
|
|
2480
|
+
l("div", ul, ne(e.title), 1),
|
|
2464
2481
|
e.closable ? (i(), u("button", {
|
|
2465
2482
|
key: 0,
|
|
2466
2483
|
type: "button",
|
|
@@ -2470,10 +2487,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2470
2487
|
}, " ✕ ")) : R("", !0)
|
|
2471
2488
|
])) : R("", !0),
|
|
2472
2489
|
l("div", cl, [
|
|
2473
|
-
re(
|
|
2490
|
+
re(C.$slots, "default", {}, void 0, !0)
|
|
2474
2491
|
]),
|
|
2475
|
-
|
|
2476
|
-
re(
|
|
2492
|
+
C.$slots.footer ? (i(), u("div", dl, [
|
|
2493
|
+
re(C.$slots, "footer", {}, void 0, !0)
|
|
2477
2494
|
])) : R("", !0)
|
|
2478
2495
|
], 46, il), [
|
|
2479
2496
|
[He, g.value]
|
|
@@ -2537,10 +2554,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2537
2554
|
height: "12",
|
|
2538
2555
|
viewBox: "0 0 12 12",
|
|
2539
2556
|
fill: "none"
|
|
2540
|
-
}, Al = ["src", "alt"], Fl = { class: "ytree-node__custom-content" },
|
|
2557
|
+
}, Al = ["src", "alt"], Fl = { class: "ytree-node__custom-content" }, Wl = {
|
|
2541
2558
|
key: 0,
|
|
2542
2559
|
class: "ytree-node__children"
|
|
2543
|
-
},
|
|
2560
|
+
}, Yl = ["data-level", "onClick", "onContextmenu"], Pl = ["onClick"], Nl = {
|
|
2544
2561
|
key: 1,
|
|
2545
2562
|
class: "w-[16px]"
|
|
2546
2563
|
}, Ol = ["onClick"], jl = {
|
|
@@ -2621,7 +2638,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2621
2638
|
enableChildStyleCustomClick: { type: Boolean, default: !1 }
|
|
2622
2639
|
},
|
|
2623
2640
|
emits: ["node-click", "node-contextmenu", "check-change", "check", "current-change", "node-expand", "node-collapse", "node-drag-start", "node-drag-enter", "node-drag-leave", "node-drag-over", "node-drag-end", "node-drop", "checked-keys-change", "child-node-click"],
|
|
2624
|
-
setup(e, { expose:
|
|
2641
|
+
setup(e, { expose: b, emit: t }) {
|
|
2625
2642
|
const n = e, g = t, h = O(() => (console.log("ytree 组件接收到的数据:", n.data), n.data || [])), p = z({
|
|
2626
2643
|
currentNode: null,
|
|
2627
2644
|
currentKey: null,
|
|
@@ -2635,112 +2652,112 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2635
2652
|
function k(v) {
|
|
2636
2653
|
return v[n.nodeKey] || v.id || Math.random();
|
|
2637
2654
|
}
|
|
2638
|
-
function
|
|
2639
|
-
var
|
|
2640
|
-
return ((
|
|
2655
|
+
function S(v) {
|
|
2656
|
+
var d;
|
|
2657
|
+
return ((d = n.props) != null && d.label ? v[n.props.label] : void 0) || v.label || "";
|
|
2641
2658
|
}
|
|
2642
2659
|
function m(v) {
|
|
2643
|
-
var
|
|
2644
|
-
return !!((
|
|
2660
|
+
var d;
|
|
2661
|
+
return !!((d = v == null ? void 0 : v.data) != null && d.isEmployee);
|
|
2645
2662
|
}
|
|
2646
|
-
function
|
|
2663
|
+
function x(v, d) {
|
|
2647
2664
|
var w;
|
|
2648
2665
|
const o = n.deptIconUrl || ao, s = n.personIconUrl || so, r = n.buttonIconUrl || "", y = n.childStyleIconUrl || "";
|
|
2649
|
-
return
|
|
2666
|
+
return d && y && U(v, d) ? y : (w = v == null ? void 0 : v.data) != null && w.isButton && r ? r : m(v) ? s : o;
|
|
2650
2667
|
}
|
|
2651
|
-
function
|
|
2668
|
+
function f(v) {
|
|
2652
2669
|
var o;
|
|
2653
|
-
const
|
|
2654
|
-
return
|
|
2670
|
+
const d = ((o = n.props) != null && o.children ? v[n.props.children] : void 0) || v.children;
|
|
2671
|
+
return d && d.length > 0;
|
|
2655
2672
|
}
|
|
2656
|
-
function
|
|
2657
|
-
var
|
|
2658
|
-
return ((
|
|
2673
|
+
function C(v) {
|
|
2674
|
+
var d;
|
|
2675
|
+
return ((d = n.props) != null && d.children ? v[n.props.children] : void 0) || v.children || [];
|
|
2659
2676
|
}
|
|
2660
|
-
function j(v,
|
|
2661
|
-
if (v ===
|
|
2677
|
+
function j(v, d, o = 1) {
|
|
2678
|
+
if (v === d)
|
|
2662
2679
|
return o;
|
|
2663
|
-
const s =
|
|
2680
|
+
const s = C(v);
|
|
2664
2681
|
for (const r of s) {
|
|
2665
|
-
const y = j(r,
|
|
2682
|
+
const y = j(r, d, o + 1);
|
|
2666
2683
|
if (y > 0)
|
|
2667
2684
|
return y;
|
|
2668
2685
|
}
|
|
2669
2686
|
return 0;
|
|
2670
2687
|
}
|
|
2671
|
-
function
|
|
2672
|
-
return !n.childStyleLevel || n.childStyleLevel < 1 ? !1 : j(
|
|
2688
|
+
function U(v, d) {
|
|
2689
|
+
return !n.childStyleLevel || n.childStyleLevel < 1 ? !1 : j(d, v) === n.childStyleLevel;
|
|
2673
2690
|
}
|
|
2674
2691
|
function A(v) {
|
|
2675
|
-
const
|
|
2676
|
-
return p.value.expandedKeys.has(
|
|
2692
|
+
const d = k(v);
|
|
2693
|
+
return p.value.expandedKeys.has(d);
|
|
2677
2694
|
}
|
|
2678
|
-
function
|
|
2679
|
-
const
|
|
2680
|
-
if (p.value.checkedKeys.has(
|
|
2681
|
-
if (
|
|
2682
|
-
const s =
|
|
2695
|
+
function $(v) {
|
|
2696
|
+
const d = k(v);
|
|
2697
|
+
if (p.value.checkedKeys.has(d)) {
|
|
2698
|
+
if (f(v)) {
|
|
2699
|
+
const s = C(v), r = s.filter((w) => $(w)), y = s.filter(
|
|
2683
2700
|
(w) => T(w)
|
|
2684
2701
|
);
|
|
2685
2702
|
return r.length === s.length && y.length === 0;
|
|
2686
2703
|
}
|
|
2687
2704
|
return !0;
|
|
2688
2705
|
}
|
|
2689
|
-
if (
|
|
2690
|
-
const s =
|
|
2706
|
+
if (f(v)) {
|
|
2707
|
+
const s = C(v);
|
|
2691
2708
|
return s.some(
|
|
2692
2709
|
(y) => T(y)
|
|
2693
|
-
) ? !1 : s.length > 0 && s.every((y) =>
|
|
2710
|
+
) ? !1 : s.length > 0 && s.every((y) => $(y));
|
|
2694
2711
|
}
|
|
2695
2712
|
return !1;
|
|
2696
2713
|
}
|
|
2697
2714
|
function T(v) {
|
|
2698
|
-
if (!
|
|
2699
|
-
const
|
|
2715
|
+
if (!f(v)) return !1;
|
|
2716
|
+
const d = C(v), o = d.filter((r) => $(r)), s = d.filter(
|
|
2700
2717
|
(r) => T(r)
|
|
2701
2718
|
);
|
|
2702
|
-
return o.length ===
|
|
2719
|
+
return o.length === d.length ? !1 : o.length > 0 || s.length > 0;
|
|
2703
2720
|
}
|
|
2704
2721
|
function I(v) {
|
|
2705
|
-
const
|
|
2706
|
-
return p.value.currentKey ===
|
|
2722
|
+
const d = k(v);
|
|
2723
|
+
return p.value.currentKey === d;
|
|
2707
2724
|
}
|
|
2708
2725
|
function H(v) {
|
|
2709
|
-
const
|
|
2710
|
-
return p.value.highlightedKeys.has(
|
|
2726
|
+
const d = k(v);
|
|
2727
|
+
return p.value.highlightedKeys.has(d);
|
|
2711
2728
|
}
|
|
2712
|
-
function
|
|
2729
|
+
function P(v) {
|
|
2713
2730
|
if (n.disabled) return;
|
|
2714
|
-
const
|
|
2715
|
-
s ? p.value.checkedKeys.add(
|
|
2731
|
+
const d = k(v), s = !p.value.checkedKeys.has(d), r = new Set(p.value.expandedKeys);
|
|
2732
|
+
s ? p.value.checkedKeys.add(d) : p.value.checkedKeys.delete(d);
|
|
2716
2733
|
function y(w, V) {
|
|
2717
2734
|
w.forEach((Q) => {
|
|
2718
2735
|
const J = k(Q);
|
|
2719
|
-
V ? p.value.checkedKeys.add(J) : p.value.checkedKeys.delete(J),
|
|
2736
|
+
V ? p.value.checkedKeys.add(J) : p.value.checkedKeys.delete(J), f(Q) && y(C(Q), V);
|
|
2720
2737
|
});
|
|
2721
2738
|
}
|
|
2722
|
-
y(
|
|
2739
|
+
y(C(v), s), s && G(), ye(), p.value.expandedKeys = r, g("check-change", v, s, !1), g("check", v, s, !1), g("checked-keys-change", Array.from(p.value.checkedKeys));
|
|
2723
2740
|
}
|
|
2724
|
-
function
|
|
2741
|
+
function G(v) {
|
|
2725
2742
|
L.value && console.log(
|
|
2726
2743
|
`已启用从第${L.value}级开始不默认展开的限制(不主动收起已展开节点)`
|
|
2727
2744
|
);
|
|
2728
2745
|
}
|
|
2729
2746
|
function X(v) {
|
|
2730
|
-
const
|
|
2731
|
-
p.value.expandedKeys.has(
|
|
2747
|
+
const d = k(v);
|
|
2748
|
+
p.value.expandedKeys.has(d) ? (p.value.expandedKeys.delete(d), g("node-collapse", v, v, null)) : (p.value.expandedKeys.add(d), g("node-expand", v, v, null));
|
|
2732
2749
|
}
|
|
2733
|
-
function
|
|
2750
|
+
function ye() {
|
|
2734
2751
|
const v = [];
|
|
2735
|
-
function
|
|
2752
|
+
function d(s) {
|
|
2736
2753
|
s.forEach((r) => {
|
|
2737
|
-
v.push(r),
|
|
2754
|
+
v.push(r), f(r) && d(C(r));
|
|
2738
2755
|
});
|
|
2739
2756
|
}
|
|
2740
|
-
|
|
2757
|
+
d(h.value);
|
|
2741
2758
|
function o(s) {
|
|
2742
|
-
if (
|
|
2743
|
-
const r =
|
|
2759
|
+
if (f(s)) {
|
|
2760
|
+
const r = C(s), y = k(s), w = r.filter((Q) => $(Q)), V = r.filter(
|
|
2744
2761
|
(Q) => T(Q)
|
|
2745
2762
|
);
|
|
2746
2763
|
w.length === r.length && V.length === 0 || w.length > 0 || V.length > 0 ? p.value.checkedKeys.add(y) : p.value.checkedKeys.delete(y);
|
|
@@ -2749,48 +2766,48 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2749
2766
|
for (let s = v.length - 1; s >= 0; s--)
|
|
2750
2767
|
o(v[s]);
|
|
2751
2768
|
}
|
|
2752
|
-
function
|
|
2769
|
+
function ee(v, d, o, s) {
|
|
2753
2770
|
if (n.disabled) return;
|
|
2754
|
-
const r = s ?
|
|
2771
|
+
const r = s ? U(v, s) : !1;
|
|
2755
2772
|
if (n.enableChildStyleCustomClick && r) {
|
|
2756
|
-
g("child-node-click", v,
|
|
2773
|
+
g("child-node-click", v, d, o);
|
|
2757
2774
|
return;
|
|
2758
2775
|
}
|
|
2759
|
-
if (n.expandOnClickNode &&
|
|
2776
|
+
if (n.expandOnClickNode && f(v)) {
|
|
2760
2777
|
X(v);
|
|
2761
2778
|
return;
|
|
2762
2779
|
}
|
|
2763
|
-
p.value.currentNode = v, p.value.currentKey = k(v), n.showCheckbox &&
|
|
2780
|
+
p.value.currentNode = v, p.value.currentKey = k(v), n.showCheckbox && P(v), g("node-click", v, d, o);
|
|
2764
2781
|
}
|
|
2765
|
-
function ce(v,
|
|
2766
|
-
n.disabled || g("node-contextmenu", v,
|
|
2782
|
+
function ce(v, d, o, s) {
|
|
2783
|
+
n.disabled || g("node-contextmenu", v, d, o, s);
|
|
2767
2784
|
}
|
|
2768
|
-
|
|
2785
|
+
le(
|
|
2769
2786
|
() => n.defaultExpandedKeys,
|
|
2770
2787
|
(v) => {
|
|
2771
2788
|
if (v) {
|
|
2772
|
-
const
|
|
2773
|
-
if (
|
|
2789
|
+
const d = L.value;
|
|
2790
|
+
if (d) {
|
|
2774
2791
|
let o = function(w, V, Q = 1) {
|
|
2775
2792
|
for (const J of V) {
|
|
2776
2793
|
if (k(J) === w) return Q;
|
|
2777
|
-
if (
|
|
2778
|
-
const Me = o(w,
|
|
2794
|
+
if (f(J)) {
|
|
2795
|
+
const Me = o(w, C(J), Q + 1);
|
|
2779
2796
|
if (Me > 0) return Me;
|
|
2780
2797
|
}
|
|
2781
2798
|
}
|
|
2782
2799
|
return 0;
|
|
2783
2800
|
}, s = function(w, V, Q) {
|
|
2784
2801
|
w.forEach((J) => {
|
|
2785
|
-
V < Q &&
|
|
2802
|
+
V < Q && f(J) ? (y.add(k(J)), s(C(J), V + 1, Q)) : V < Q && f(J);
|
|
2786
2803
|
});
|
|
2787
2804
|
};
|
|
2788
2805
|
const r = (v || []).filter((w) => {
|
|
2789
2806
|
const V = o(w, h.value, 1);
|
|
2790
|
-
return V > 0 && V <
|
|
2807
|
+
return V > 0 && V < d;
|
|
2791
2808
|
}), y = new Set(r);
|
|
2792
|
-
s(h.value, 1,
|
|
2793
|
-
o(w, h.value, 1) >=
|
|
2809
|
+
s(h.value, 1, d), p.value.expandedKeys.forEach((w) => {
|
|
2810
|
+
o(w, h.value, 1) >= d && y.add(w);
|
|
2794
2811
|
}), p.value.expandedKeys = y;
|
|
2795
2812
|
} else
|
|
2796
2813
|
p.value.expandedKeys = new Set(v);
|
|
@@ -2802,17 +2819,17 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2802
2819
|
if (n.defaultExpandAll) {
|
|
2803
2820
|
let v = function(s, r = 1) {
|
|
2804
2821
|
s.forEach((y) => {
|
|
2805
|
-
if (!
|
|
2806
|
-
const w =
|
|
2822
|
+
if (!f(y)) return;
|
|
2823
|
+
const w = C(y);
|
|
2807
2824
|
if (o) {
|
|
2808
2825
|
if (r >= o) return;
|
|
2809
|
-
r + 1 === o ||
|
|
2826
|
+
r + 1 === o || d.add(k(y)), v(w, r + 1);
|
|
2810
2827
|
} else
|
|
2811
|
-
|
|
2828
|
+
d.add(k(y)), v(w, r + 1);
|
|
2812
2829
|
});
|
|
2813
2830
|
};
|
|
2814
|
-
const
|
|
2815
|
-
v(h.value, 1), p.value.expandedKeys =
|
|
2831
|
+
const d = /* @__PURE__ */ new Set(), o = L.value;
|
|
2832
|
+
v(h.value, 1), p.value.expandedKeys = d;
|
|
2816
2833
|
}
|
|
2817
2834
|
}
|
|
2818
2835
|
function me() {
|
|
@@ -2820,10 +2837,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2820
2837
|
let v = function(r, y = []) {
|
|
2821
2838
|
r.forEach((w) => {
|
|
2822
2839
|
const V = k(w), Q = [...y, V];
|
|
2823
|
-
|
|
2840
|
+
d.has(V) && y.forEach((J) => o.add(J)), f(w) && v(C(w), Q);
|
|
2824
2841
|
});
|
|
2825
2842
|
};
|
|
2826
|
-
const
|
|
2843
|
+
const d = new Set(n.defaultCheckedKeys), o = /* @__PURE__ */ new Set();
|
|
2827
2844
|
v(h.value);
|
|
2828
2845
|
const s = L.value;
|
|
2829
2846
|
if (s) {
|
|
@@ -2835,7 +2852,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2835
2852
|
p.value.expandedKeys = o;
|
|
2836
2853
|
}
|
|
2837
2854
|
}
|
|
2838
|
-
|
|
2855
|
+
le(() => n.defaultExpandAll, we, { immediate: !0 }), le(() => h.value, we, { deep: !0 }), le(
|
|
2839
2856
|
() => n.defaultCheckedKeys,
|
|
2840
2857
|
(v) => {
|
|
2841
2858
|
v ? (p.value.checkedKeys = new Set(v), n.enableFourthLevelSpecialHandling ? console.log("权限树模式:跳过自动展开逻辑,保持当前展开状态") : me()) : p.value.checkedKeys.clear();
|
|
@@ -2844,12 +2861,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2844
2861
|
);
|
|
2845
2862
|
function de(v) {
|
|
2846
2863
|
try {
|
|
2847
|
-
let
|
|
2864
|
+
let d = function(r, y, w = []) {
|
|
2848
2865
|
for (const V of r) {
|
|
2849
2866
|
const Q = k(V), J = [...w, Q];
|
|
2850
2867
|
if (Q === y) return J;
|
|
2851
|
-
if (
|
|
2852
|
-
const Me =
|
|
2868
|
+
if (f(V)) {
|
|
2869
|
+
const Me = d(C(V), y, J);
|
|
2853
2870
|
if (Me) return Me;
|
|
2854
2871
|
}
|
|
2855
2872
|
}
|
|
@@ -2860,26 +2877,26 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2860
2877
|
p.value.highlightedKeys.clear();
|
|
2861
2878
|
const s = new Set(p.value.expandedKeys);
|
|
2862
2879
|
o.forEach((r) => {
|
|
2863
|
-
const y =
|
|
2880
|
+
const y = d(h.value, r);
|
|
2864
2881
|
y && y.length > 0 && (y.slice(0, -1).forEach((w) => s.add(w)), p.value.highlightedKeys.add(y[y.length - 1]));
|
|
2865
2882
|
}), p.value.expandedKeys = s;
|
|
2866
|
-
} catch (
|
|
2867
|
-
console.warn("highlightAndExpandByIds 执行失败",
|
|
2883
|
+
} catch (d) {
|
|
2884
|
+
console.warn("highlightAndExpandByIds 执行失败", d);
|
|
2868
2885
|
}
|
|
2869
2886
|
}
|
|
2870
|
-
function
|
|
2887
|
+
function Y() {
|
|
2871
2888
|
p.value.highlightedKeys.clear();
|
|
2872
2889
|
}
|
|
2873
2890
|
function q() {
|
|
2874
2891
|
p.value.currentNode = null, p.value.currentKey = null;
|
|
2875
2892
|
}
|
|
2876
|
-
return
|
|
2893
|
+
return b({ highlightAndExpandByIds: de, clearHighlights: Y, clearCurrentNode: q }), le(
|
|
2877
2894
|
() => n.defaultSelectedKeys,
|
|
2878
2895
|
(v) => {
|
|
2879
2896
|
v && (p.value.selectedKeys = new Set(v));
|
|
2880
2897
|
},
|
|
2881
2898
|
{ immediate: !0 }
|
|
2882
|
-
), (v,
|
|
2899
|
+
), (v, d) => (i(), u("div", {
|
|
2883
2900
|
class: E(["ytree", [`ytree--${e.size}`, { "ytree--disabled": e.disabled }]])
|
|
2884
2901
|
}, [
|
|
2885
2902
|
l("div", hl, [
|
|
@@ -2888,17 +2905,17 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2888
2905
|
class: E(["ytree-node", { "ytree-node--current": I(o), "ytree-node--highlight": H(o) }])
|
|
2889
2906
|
}, [
|
|
2890
2907
|
l("div", {
|
|
2891
|
-
class: E(["ytree-node__content", { "is-child-style":
|
|
2908
|
+
class: E(["ytree-node__content", { "is-child-style": U(o, o) }]),
|
|
2892
2909
|
style: { paddingLeft: "8px" },
|
|
2893
2910
|
"data-level": j(o, o),
|
|
2894
|
-
onClick: (s) =>
|
|
2911
|
+
onClick: (s) => ee(o, o, null, o),
|
|
2895
2912
|
onContextmenu: (s) => ce(s, o, o, null)
|
|
2896
2913
|
}, [
|
|
2897
|
-
|
|
2914
|
+
f(o) ? (i(), u("span", {
|
|
2898
2915
|
key: 0,
|
|
2899
2916
|
class: E(["ytree-node__expand-icon", { "is-expanded": A(o) }]),
|
|
2900
|
-
onClick:
|
|
2901
|
-
}, [...
|
|
2917
|
+
onClick: Z((s) => X(o), ["stop"])
|
|
2918
|
+
}, [...d[0] || (d[0] = [
|
|
2902
2919
|
l("svg", {
|
|
2903
2920
|
width: "12",
|
|
2904
2921
|
height: "12",
|
|
@@ -2917,12 +2934,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2917
2934
|
e.showCheckbox ? (i(), u("span", {
|
|
2918
2935
|
key: 2,
|
|
2919
2936
|
class: E(["ytree-node__checkbox", {
|
|
2920
|
-
"is-checked":
|
|
2937
|
+
"is-checked": $(o),
|
|
2921
2938
|
"is-indeterminate": T(o)
|
|
2922
2939
|
}]),
|
|
2923
|
-
onClick:
|
|
2940
|
+
onClick: Z((s) => P(o), ["stop"])
|
|
2924
2941
|
}, [
|
|
2925
|
-
|
|
2942
|
+
$(o) ? (i(), u("svg", wl, [...d[1] || (d[1] = [
|
|
2926
2943
|
l("path", {
|
|
2927
2944
|
d: "M2 6L4.5 8.5L10 3",
|
|
2928
2945
|
stroke: "currentColor",
|
|
@@ -2930,7 +2947,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2930
2947
|
"stroke-linecap": "round",
|
|
2931
2948
|
"stroke-linejoin": "round"
|
|
2932
2949
|
}, null, -1)
|
|
2933
|
-
])])) : T(o) ? (i(), u("svg", bl, [...
|
|
2950
|
+
])])) : T(o) ? (i(), u("svg", bl, [...d[2] || (d[2] = [
|
|
2934
2951
|
l("path", {
|
|
2935
2952
|
d: "M2 6L10 6",
|
|
2936
2953
|
stroke: "currentColor",
|
|
@@ -2945,40 +2962,40 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2945
2962
|
}, null, 2)) : R("", !0),
|
|
2946
2963
|
l("img", {
|
|
2947
2964
|
class: "ytree-node__avatar",
|
|
2948
|
-
src:
|
|
2965
|
+
src: x(o, o),
|
|
2949
2966
|
alt: m(o) ? "person" : "dept"
|
|
2950
2967
|
}, null, 8, kl),
|
|
2951
2968
|
l("span", {
|
|
2952
2969
|
class: E(["ytree-node__label", { "is-employee": m(o) }])
|
|
2953
|
-
},
|
|
2970
|
+
}, ne(S(o)), 3),
|
|
2954
2971
|
l("div", xl, [
|
|
2955
2972
|
re(v.$slots, "node-content", {
|
|
2956
2973
|
node: o,
|
|
2957
2974
|
isCurrent: I(o),
|
|
2958
2975
|
isExpanded: A(o),
|
|
2959
|
-
hasChildren:
|
|
2976
|
+
hasChildren: f(o)
|
|
2960
2977
|
}, void 0, !0)
|
|
2961
2978
|
])
|
|
2962
2979
|
], 42, pl),
|
|
2963
2980
|
ue(Ce, { name: "ytree-node" }, {
|
|
2964
|
-
default:
|
|
2965
|
-
|
|
2966
|
-
(i(!0), u(ie, null, he(
|
|
2981
|
+
default: ve(() => [
|
|
2982
|
+
f(o) && A(o) ? (i(), u("div", Cl, [
|
|
2983
|
+
(i(!0), u(ie, null, he(C(o), (s) => (i(), u("div", {
|
|
2967
2984
|
key: k(s),
|
|
2968
2985
|
class: E(["ytree-node", { "ytree-node--current": I(s), "ytree-node--highlight": H(s) }])
|
|
2969
2986
|
}, [
|
|
2970
2987
|
l("div", {
|
|
2971
|
-
class: E(["ytree-node__content", { "is-child-style":
|
|
2988
|
+
class: E(["ytree-node__content", { "is-child-style": U(s, o) }]),
|
|
2972
2989
|
style: { paddingLeft: "22px" },
|
|
2973
2990
|
"data-level": j(o, s),
|
|
2974
|
-
onClick: (r) =>
|
|
2991
|
+
onClick: (r) => ee(s, s, null, o),
|
|
2975
2992
|
onContextmenu: (r) => ce(r, s, s, null)
|
|
2976
2993
|
}, [
|
|
2977
|
-
|
|
2994
|
+
f(s) ? (i(), u("span", {
|
|
2978
2995
|
key: 0,
|
|
2979
2996
|
class: E(["ytree-node__expand-icon", { "is-expanded": A(s) }]),
|
|
2980
|
-
onClick:
|
|
2981
|
-
}, [...
|
|
2997
|
+
onClick: Z((r) => X(s), ["stop"])
|
|
2998
|
+
}, [...d[3] || (d[3] = [
|
|
2982
2999
|
l("svg", {
|
|
2983
3000
|
width: "12",
|
|
2984
3001
|
height: "12",
|
|
@@ -2997,12 +3014,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
2997
3014
|
e.showCheckbox ? (i(), u("span", {
|
|
2998
3015
|
key: 2,
|
|
2999
3016
|
class: E(["ytree-node__checkbox", {
|
|
3000
|
-
"is-checked":
|
|
3017
|
+
"is-checked": $(s),
|
|
3001
3018
|
"is-indeterminate": T(s)
|
|
3002
3019
|
}]),
|
|
3003
|
-
onClick:
|
|
3020
|
+
onClick: Z((r) => P(s), ["stop"])
|
|
3004
3021
|
}, [
|
|
3005
|
-
|
|
3022
|
+
$(s) ? (i(), u("svg", Ml, [...d[4] || (d[4] = [
|
|
3006
3023
|
l("path", {
|
|
3007
3024
|
d: "M2 6L4.5 8.5L10 3",
|
|
3008
3025
|
stroke: "currentColor",
|
|
@@ -3010,7 +3027,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3010
3027
|
"stroke-linecap": "round",
|
|
3011
3028
|
"stroke-linejoin": "round"
|
|
3012
3029
|
}, null, -1)
|
|
3013
|
-
])])) : T(s) ? (i(), u("svg", Ll, [...
|
|
3030
|
+
])])) : T(s) ? (i(), u("svg", Ll, [...d[5] || (d[5] = [
|
|
3014
3031
|
l("path", {
|
|
3015
3032
|
d: "M2 6L10 6",
|
|
3016
3033
|
stroke: "currentColor",
|
|
@@ -3025,25 +3042,25 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3025
3042
|
}, null, 2)) : R("", !0),
|
|
3026
3043
|
l("img", {
|
|
3027
3044
|
class: "ytree-node__avatar",
|
|
3028
|
-
src:
|
|
3045
|
+
src: x(s, o),
|
|
3029
3046
|
alt: m(s) ? "person" : "dept"
|
|
3030
3047
|
}, null, 8, Il),
|
|
3031
3048
|
l("span", {
|
|
3032
3049
|
class: E(["ytree-node__label", { "is-employee": m(s) }])
|
|
3033
|
-
},
|
|
3050
|
+
}, ne(S(s)), 3),
|
|
3034
3051
|
l("div", Bl, [
|
|
3035
3052
|
re(v.$slots, "node-content", {
|
|
3036
3053
|
node: s,
|
|
3037
3054
|
isCurrent: I(s),
|
|
3038
3055
|
isExpanded: A(s),
|
|
3039
|
-
hasChildren:
|
|
3056
|
+
hasChildren: f(s)
|
|
3040
3057
|
}, void 0, !0)
|
|
3041
3058
|
])
|
|
3042
3059
|
], 42, Dl),
|
|
3043
3060
|
ue(Ce, { name: "ytree-node" }, {
|
|
3044
|
-
default:
|
|
3045
|
-
|
|
3046
|
-
(i(!0), u(ie, null, he(
|
|
3061
|
+
default: ve(() => [
|
|
3062
|
+
f(s) && A(s) ? (i(), u("div", El, [
|
|
3063
|
+
(i(!0), u(ie, null, he(C(s), (r) => (i(), u("div", {
|
|
3047
3064
|
key: k(r),
|
|
3048
3065
|
class: E(["ytree-node", {
|
|
3049
3066
|
"ytree-node--current": I(r),
|
|
@@ -3051,10 +3068,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3051
3068
|
}])
|
|
3052
3069
|
}, [
|
|
3053
3070
|
l("div", {
|
|
3054
|
-
class: E(["ytree-node__content", { "is-child-style":
|
|
3071
|
+
class: E(["ytree-node__content", { "is-child-style": U(r, o) }]),
|
|
3055
3072
|
style: { paddingLeft: "38px" },
|
|
3056
3073
|
"data-level": j(o, r),
|
|
3057
|
-
onClick: (y) =>
|
|
3074
|
+
onClick: (y) => ee(r, r, null, o),
|
|
3058
3075
|
onContextmenu: (y) => ce(
|
|
3059
3076
|
y,
|
|
3060
3077
|
r,
|
|
@@ -3062,11 +3079,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3062
3079
|
null
|
|
3063
3080
|
)
|
|
3064
3081
|
}, [
|
|
3065
|
-
|
|
3082
|
+
f(r) ? (i(), u("span", {
|
|
3066
3083
|
key: 0,
|
|
3067
3084
|
class: E(["ytree-node__expand-icon", { "is-expanded": A(r) }]),
|
|
3068
|
-
onClick:
|
|
3069
|
-
}, [...
|
|
3085
|
+
onClick: Z((y) => X(r), ["stop"])
|
|
3086
|
+
}, [...d[6] || (d[6] = [
|
|
3070
3087
|
l("svg", {
|
|
3071
3088
|
width: "12",
|
|
3072
3089
|
height: "12",
|
|
@@ -3085,12 +3102,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3085
3102
|
e.showCheckbox ? (i(), u("span", {
|
|
3086
3103
|
key: 2,
|
|
3087
3104
|
class: E(["ytree-node__checkbox", {
|
|
3088
|
-
"is-checked":
|
|
3105
|
+
"is-checked": $(r),
|
|
3089
3106
|
"is-indeterminate": T(r)
|
|
3090
3107
|
}]),
|
|
3091
|
-
onClick:
|
|
3108
|
+
onClick: Z((y) => P(r), ["stop"])
|
|
3092
3109
|
}, [
|
|
3093
|
-
|
|
3110
|
+
$(r) ? (i(), u("svg", Rl, [...d[7] || (d[7] = [
|
|
3094
3111
|
l("path", {
|
|
3095
3112
|
d: "M2 6L4.5 8.5L10 3",
|
|
3096
3113
|
stroke: "currentColor",
|
|
@@ -3098,7 +3115,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3098
3115
|
"stroke-linecap": "round",
|
|
3099
3116
|
"stroke-linejoin": "round"
|
|
3100
3117
|
}, null, -1)
|
|
3101
|
-
])])) : T(r) ? (i(), u("svg", Vl, [...
|
|
3118
|
+
])])) : T(r) ? (i(), u("svg", Vl, [...d[8] || (d[8] = [
|
|
3102
3119
|
l("path", {
|
|
3103
3120
|
d: "M2 6L10 6",
|
|
3104
3121
|
stroke: "currentColor",
|
|
@@ -3113,25 +3130,25 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3113
3130
|
}, null, 2)) : R("", !0),
|
|
3114
3131
|
l("img", {
|
|
3115
3132
|
class: "ytree-node__avatar",
|
|
3116
|
-
src:
|
|
3133
|
+
src: x(r, o),
|
|
3117
3134
|
alt: m(r) ? "person" : "dept"
|
|
3118
3135
|
}, null, 8, Al),
|
|
3119
3136
|
l("span", {
|
|
3120
3137
|
class: E(["ytree-node__label", { "is-employee": m(r) }])
|
|
3121
|
-
},
|
|
3138
|
+
}, ne(S(r)), 3),
|
|
3122
3139
|
l("div", Fl, [
|
|
3123
3140
|
re(v.$slots, "node-content", {
|
|
3124
3141
|
node: r,
|
|
3125
3142
|
isCurrent: I(r),
|
|
3126
3143
|
isExpanded: A(r),
|
|
3127
|
-
hasChildren:
|
|
3144
|
+
hasChildren: f(r)
|
|
3128
3145
|
}, void 0, !0)
|
|
3129
3146
|
])
|
|
3130
3147
|
], 42, Tl),
|
|
3131
3148
|
ue(Ce, { name: "ytree-node" }, {
|
|
3132
|
-
default:
|
|
3133
|
-
|
|
3134
|
-
(i(!0), u(ie, null, he(
|
|
3149
|
+
default: ve(() => [
|
|
3150
|
+
f(r) && A(r) ? (i(), u("div", Wl, [
|
|
3151
|
+
(i(!0), u(ie, null, he(C(r), (y) => (i(), u("div", {
|
|
3135
3152
|
key: k(y),
|
|
3136
3153
|
class: E(["ytree-node", {
|
|
3137
3154
|
"ytree-node--current": I(y),
|
|
@@ -3139,12 +3156,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3139
3156
|
}])
|
|
3140
3157
|
}, [
|
|
3141
3158
|
l("div", {
|
|
3142
|
-
class: E(["ytree-node__content", { "is-child-style":
|
|
3159
|
+
class: E(["ytree-node__content", { "is-child-style": U(y, o) }]),
|
|
3143
3160
|
style: {
|
|
3144
3161
|
paddingLeft: "54px"
|
|
3145
3162
|
},
|
|
3146
3163
|
"data-level": j(o, y),
|
|
3147
|
-
onClick: (w) =>
|
|
3164
|
+
onClick: (w) => ee(
|
|
3148
3165
|
y,
|
|
3149
3166
|
y,
|
|
3150
3167
|
null,
|
|
@@ -3157,13 +3174,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3157
3174
|
null
|
|
3158
3175
|
)
|
|
3159
3176
|
}, [
|
|
3160
|
-
|
|
3177
|
+
f(y) ? (i(), u("span", {
|
|
3161
3178
|
key: 0,
|
|
3162
3179
|
class: E(["ytree-node__expand-icon", {
|
|
3163
3180
|
"is-expanded": A(y)
|
|
3164
3181
|
}]),
|
|
3165
|
-
onClick:
|
|
3166
|
-
}, [...
|
|
3182
|
+
onClick: Z((w) => X(y), ["stop"])
|
|
3183
|
+
}, [...d[9] || (d[9] = [
|
|
3167
3184
|
l("svg", {
|
|
3168
3185
|
width: "12",
|
|
3169
3186
|
height: "12",
|
|
@@ -3178,16 +3195,16 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3178
3195
|
"stroke-linejoin": "round"
|
|
3179
3196
|
})
|
|
3180
3197
|
], -1)
|
|
3181
|
-
])], 10,
|
|
3198
|
+
])], 10, Pl)) : (i(), u("span", Nl)),
|
|
3182
3199
|
e.showCheckbox ? (i(), u("span", {
|
|
3183
3200
|
key: 2,
|
|
3184
3201
|
class: E(["ytree-node__checkbox", {
|
|
3185
|
-
"is-checked":
|
|
3202
|
+
"is-checked": $(y),
|
|
3186
3203
|
"is-indeterminate": T(y)
|
|
3187
3204
|
}]),
|
|
3188
|
-
onClick:
|
|
3205
|
+
onClick: Z((w) => P(y), ["stop"])
|
|
3189
3206
|
}, [
|
|
3190
|
-
|
|
3207
|
+
$(y) ? (i(), u("svg", jl, [...d[10] || (d[10] = [
|
|
3191
3208
|
l("path", {
|
|
3192
3209
|
d: "M2 6L4.5 8.5L10 3",
|
|
3193
3210
|
stroke: "currentColor",
|
|
@@ -3195,7 +3212,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3195
3212
|
"stroke-linecap": "round",
|
|
3196
3213
|
"stroke-linejoin": "round"
|
|
3197
3214
|
}, null, -1)
|
|
3198
|
-
])])) : T(y) ? (i(), u("svg", ql, [...
|
|
3215
|
+
])])) : T(y) ? (i(), u("svg", ql, [...d[11] || (d[11] = [
|
|
3199
3216
|
l("path", {
|
|
3200
3217
|
d: "M2 6L10 6",
|
|
3201
3218
|
stroke: "currentColor",
|
|
@@ -3210,27 +3227,27 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3210
3227
|
}, null, 2)) : R("", !0),
|
|
3211
3228
|
l("img", {
|
|
3212
3229
|
class: "ytree-node__avatar",
|
|
3213
|
-
src:
|
|
3230
|
+
src: x(y, o),
|
|
3214
3231
|
alt: m(y) ? "person" : "dept"
|
|
3215
3232
|
}, null, 8, Ul),
|
|
3216
3233
|
l("span", {
|
|
3217
3234
|
class: E(["ytree-node__label", {
|
|
3218
3235
|
"is-employee": m(y)
|
|
3219
3236
|
}])
|
|
3220
|
-
},
|
|
3237
|
+
}, ne(S(y)), 3),
|
|
3221
3238
|
l("div", Zl, [
|
|
3222
3239
|
re(v.$slots, "node-content", {
|
|
3223
3240
|
node: y,
|
|
3224
3241
|
isCurrent: I(y),
|
|
3225
3242
|
isExpanded: A(y),
|
|
3226
|
-
hasChildren:
|
|
3243
|
+
hasChildren: f(y)
|
|
3227
3244
|
}, void 0, !0)
|
|
3228
3245
|
])
|
|
3229
|
-
], 42,
|
|
3246
|
+
], 42, Yl),
|
|
3230
3247
|
ue(Ce, { name: "ytree-node" }, {
|
|
3231
|
-
default:
|
|
3232
|
-
|
|
3233
|
-
(i(!0), u(ie, null, he(
|
|
3248
|
+
default: ve(() => [
|
|
3249
|
+
f(y) && A(y) ? (i(), u("div", Ql, [
|
|
3250
|
+
(i(!0), u(ie, null, he(C(
|
|
3234
3251
|
y
|
|
3235
3252
|
), (w) => (i(), u("div", {
|
|
3236
3253
|
key: k(w),
|
|
@@ -3239,12 +3256,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3239
3256
|
}])
|
|
3240
3257
|
}, [
|
|
3241
3258
|
l("div", {
|
|
3242
|
-
class: E(["ytree-node__content", { "is-child-style":
|
|
3259
|
+
class: E(["ytree-node__content", { "is-child-style": U(w, o) }]),
|
|
3243
3260
|
style: {
|
|
3244
3261
|
paddingLeft: "70px"
|
|
3245
3262
|
},
|
|
3246
3263
|
"data-level": j(o, w),
|
|
3247
|
-
onClick: (V) =>
|
|
3264
|
+
onClick: (V) => ee(
|
|
3248
3265
|
w,
|
|
3249
3266
|
w,
|
|
3250
3267
|
null,
|
|
@@ -3257,13 +3274,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3257
3274
|
null
|
|
3258
3275
|
)
|
|
3259
3276
|
}, [
|
|
3260
|
-
|
|
3277
|
+
f(w) ? (i(), u("span", {
|
|
3261
3278
|
key: 0,
|
|
3262
3279
|
class: E(["ytree-node__expand-icon", {
|
|
3263
3280
|
"is-expanded": A(w)
|
|
3264
3281
|
}]),
|
|
3265
|
-
onClick:
|
|
3266
|
-
}, [...
|
|
3282
|
+
onClick: Z((V) => X(w), ["stop"])
|
|
3283
|
+
}, [...d[12] || (d[12] = [
|
|
3267
3284
|
l("svg", {
|
|
3268
3285
|
width: "12",
|
|
3269
3286
|
height: "12",
|
|
@@ -3282,14 +3299,14 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3282
3299
|
e.showCheckbox ? (i(), u("span", {
|
|
3283
3300
|
key: 2,
|
|
3284
3301
|
class: E(["ytree-node__checkbox", {
|
|
3285
|
-
"is-checked":
|
|
3302
|
+
"is-checked": $(w),
|
|
3286
3303
|
"is-indeterminate": T(
|
|
3287
3304
|
w
|
|
3288
3305
|
)
|
|
3289
3306
|
}]),
|
|
3290
|
-
onClick:
|
|
3307
|
+
onClick: Z((V) => P(w), ["stop"])
|
|
3291
3308
|
}, [
|
|
3292
|
-
|
|
3309
|
+
$(w) ? (i(), u("svg", to, [...d[13] || (d[13] = [
|
|
3293
3310
|
l("path", {
|
|
3294
3311
|
d: "M2 6L4.5 8.5L10 3",
|
|
3295
3312
|
stroke: "currentColor",
|
|
@@ -3299,7 +3316,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3299
3316
|
}, null, -1)
|
|
3300
3317
|
])])) : T(
|
|
3301
3318
|
w
|
|
3302
|
-
) ? (i(), u("svg", no, [...
|
|
3319
|
+
) ? (i(), u("svg", no, [...d[14] || (d[14] = [
|
|
3303
3320
|
l("path", {
|
|
3304
3321
|
d: "M2 6L10 6",
|
|
3305
3322
|
stroke: "currentColor",
|
|
@@ -3314,20 +3331,20 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3314
3331
|
}, null, 2)) : R("", !0),
|
|
3315
3332
|
l("img", {
|
|
3316
3333
|
class: "ytree-node__avatar",
|
|
3317
|
-
src:
|
|
3334
|
+
src: x(w, o),
|
|
3318
3335
|
alt: m(w) ? "person" : "dept"
|
|
3319
3336
|
}, null, 8, lo),
|
|
3320
3337
|
l("span", {
|
|
3321
3338
|
class: E(["ytree-node__label", {
|
|
3322
3339
|
"is-employee": m(w)
|
|
3323
3340
|
}])
|
|
3324
|
-
},
|
|
3341
|
+
}, ne(S(w)), 3),
|
|
3325
3342
|
l("div", oo, [
|
|
3326
3343
|
re(v.$slots, "node-content", {
|
|
3327
3344
|
node: w,
|
|
3328
3345
|
isCurrent: I(w),
|
|
3329
3346
|
isExpanded: A(w),
|
|
3330
|
-
hasChildren:
|
|
3347
|
+
hasChildren: f(w)
|
|
3331
3348
|
}, void 0, !0)
|
|
3332
3349
|
])
|
|
3333
3350
|
], 42, Jl)
|
|
@@ -3367,10 +3384,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3367
3384
|
modelValue: { default: () => ({}) }
|
|
3368
3385
|
},
|
|
3369
3386
|
emits: ["update:modelValue", "search", "reset", "field-change"],
|
|
3370
|
-
setup(e, { emit:
|
|
3371
|
-
const t = e, n =
|
|
3372
|
-
function
|
|
3373
|
-
switch (
|
|
3387
|
+
setup(e, { emit: b }) {
|
|
3388
|
+
const t = e, n = b, g = z(!1), h = lt({}), p = O(() => t.fields.filter(($) => !$.hidden)), L = O(() => g.value ? p.value : p.value.slice(0, t.maxVisibleFields)), k = O(() => p.value.length > t.maxVisibleFields);
|
|
3389
|
+
function S($) {
|
|
3390
|
+
switch ($) {
|
|
3374
3391
|
case "select":
|
|
3375
3392
|
return Je;
|
|
3376
3393
|
case "date":
|
|
@@ -3381,60 +3398,60 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3381
3398
|
return Qe;
|
|
3382
3399
|
}
|
|
3383
3400
|
}
|
|
3384
|
-
function m(
|
|
3385
|
-
n("field-change",
|
|
3401
|
+
function m($) {
|
|
3402
|
+
n("field-change", $, h[$.key]), n("update:modelValue", { ...h });
|
|
3386
3403
|
}
|
|
3387
|
-
function
|
|
3388
|
-
const
|
|
3404
|
+
function x() {
|
|
3405
|
+
const $ = j(h), T = U($);
|
|
3389
3406
|
n("search", { data: T });
|
|
3390
3407
|
}
|
|
3391
|
-
function
|
|
3392
|
-
Object.keys(h).forEach((
|
|
3393
|
-
const T = t.fields.find((I) => I.key ===
|
|
3394
|
-
(T == null ? void 0 : T.type) === "daterange" ? h[
|
|
3408
|
+
function f() {
|
|
3409
|
+
Object.keys(h).forEach(($) => {
|
|
3410
|
+
const T = t.fields.find((I) => I.key === $);
|
|
3411
|
+
(T == null ? void 0 : T.type) === "daterange" ? h[$] = { startDate: null, endDate: null } : (T == null ? void 0 : T.type) === "date" ? h[$] = null : h[$] = "";
|
|
3395
3412
|
}), n("reset"), n("update:modelValue", { ...h });
|
|
3396
3413
|
}
|
|
3397
|
-
function
|
|
3414
|
+
function C() {
|
|
3398
3415
|
g.value = !g.value;
|
|
3399
3416
|
}
|
|
3400
|
-
function j(
|
|
3417
|
+
function j($) {
|
|
3401
3418
|
const T = {};
|
|
3402
|
-
return Object.keys(
|
|
3403
|
-
const H =
|
|
3404
|
-
H != null && H !== "" && (typeof H == "object" && H.startDate && H.endDate ? H.startDate && H.endDate && (T[I] = H) :
|
|
3419
|
+
return Object.keys($).forEach((I) => {
|
|
3420
|
+
const H = $[I], P = t.fields.find((G) => G.key === I);
|
|
3421
|
+
H != null && H !== "" && (typeof H == "object" && H.startDate && H.endDate ? H.startDate && H.endDate && (T[I] = H) : P && (P.type === "date" || P.type === "daterange") ? H !== 0 && (T[I] = H) : T[I] = H);
|
|
3405
3422
|
}), T;
|
|
3406
3423
|
}
|
|
3407
|
-
function
|
|
3424
|
+
function U($) {
|
|
3408
3425
|
const T = {};
|
|
3409
|
-
return Object.keys(
|
|
3410
|
-
const H =
|
|
3411
|
-
if (
|
|
3412
|
-
if (
|
|
3413
|
-
const
|
|
3414
|
-
H.startDate && H.endDate && H.startDate !== 0 && H.endDate !== 0 && (
|
|
3415
|
-
} else
|
|
3426
|
+
return Object.keys($).forEach((I) => {
|
|
3427
|
+
const H = $[I], P = t.fields.find((G) => G.key === I);
|
|
3428
|
+
if (P)
|
|
3429
|
+
if (P.type === "daterange" && typeof H == "object") {
|
|
3430
|
+
const G = P.startKey || `${I}Start`, X = P.endKey || `${I}End`;
|
|
3431
|
+
H.startDate && H.endDate && H.startDate !== 0 && H.endDate !== 0 && (P.format === "timestamp" ? (T[G] = new Date(H.startDate).getTime(), T[X] = new Date(H.endDate).getTime()) : (T[G] = H.startDate, T[X] = H.endDate));
|
|
3432
|
+
} else P.type === "date" && H && H !== 0 && P.format === "timestamp" ? T[I] = new Date(H).getTime() : T[I] = H;
|
|
3416
3433
|
else
|
|
3417
3434
|
T[I] = H;
|
|
3418
3435
|
}), T;
|
|
3419
3436
|
}
|
|
3420
3437
|
function A() {
|
|
3421
|
-
t.fields.forEach((
|
|
3438
|
+
t.fields.forEach(($) => {
|
|
3422
3439
|
var T, I, H;
|
|
3423
|
-
h[
|
|
3440
|
+
h[$.key] === void 0 && ($.type === "daterange" ? h[$.key] = ((T = t.modelValue) == null ? void 0 : T[$.key]) || {
|
|
3424
3441
|
startDate: null,
|
|
3425
3442
|
endDate: null
|
|
3426
|
-
} :
|
|
3443
|
+
} : $.type === "date" ? h[$.key] = ((I = t.modelValue) == null ? void 0 : I[$.key]) || null : h[$.key] = ((H = t.modelValue) == null ? void 0 : H[$.key]) || "");
|
|
3427
3444
|
});
|
|
3428
3445
|
}
|
|
3429
|
-
return
|
|
3446
|
+
return le(
|
|
3430
3447
|
() => t.modelValue,
|
|
3431
|
-
(
|
|
3432
|
-
|
|
3448
|
+
($) => {
|
|
3449
|
+
$ && Object.assign(h, $);
|
|
3433
3450
|
},
|
|
3434
3451
|
{ deep: !0, immediate: !0 }
|
|
3435
3452
|
), Se(() => {
|
|
3436
3453
|
A();
|
|
3437
|
-
}), (
|
|
3454
|
+
}), ($, T) => (i(), u("div", uo, [
|
|
3438
3455
|
l("div", co, [
|
|
3439
3456
|
l("div", fo, [
|
|
3440
3457
|
l("div", vo, [
|
|
@@ -3443,14 +3460,14 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3443
3460
|
tag: "div",
|
|
3444
3461
|
class: "query-encapsulation__fields-group"
|
|
3445
3462
|
}, {
|
|
3446
|
-
default:
|
|
3463
|
+
default: ve(() => [
|
|
3447
3464
|
(i(!0), u(ie, null, he(L.value, (I) => (i(), u("div", {
|
|
3448
3465
|
key: I.key,
|
|
3449
3466
|
class: "query-encapsulation__field-item"
|
|
3450
3467
|
}, [
|
|
3451
3468
|
l("div", ho, [
|
|
3452
|
-
l("label", po,
|
|
3453
|
-
(i(), Be(at(
|
|
3469
|
+
l("label", po, ne(I.label), 1),
|
|
3470
|
+
(i(), Be(at(S(I.type)), {
|
|
3454
3471
|
modelValue: h[I.key],
|
|
3455
3472
|
"onUpdate:modelValue": (H) => h[I.key] = H,
|
|
3456
3473
|
placeholder: I.placeholder || `请输入${I.label}`,
|
|
@@ -3473,10 +3490,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3473
3490
|
ue(Fe, {
|
|
3474
3491
|
variant: "secondary",
|
|
3475
3492
|
size: "small",
|
|
3476
|
-
onClick:
|
|
3493
|
+
onClick: C
|
|
3477
3494
|
}, {
|
|
3478
|
-
default:
|
|
3479
|
-
De(
|
|
3495
|
+
default: ve(() => [
|
|
3496
|
+
De(ne(g.value ? "收起" : "展开") + " ", 1),
|
|
3480
3497
|
l("span", {
|
|
3481
3498
|
class: E(["query-encapsulation__toggle-icon", { "is-expanded": g.value }])
|
|
3482
3499
|
}, "▼", 2)
|
|
@@ -3489,10 +3506,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3489
3506
|
ue(Fe, {
|
|
3490
3507
|
variant: "primary",
|
|
3491
3508
|
size: "small",
|
|
3492
|
-
onClick:
|
|
3509
|
+
onClick: x,
|
|
3493
3510
|
loading: e.loading
|
|
3494
3511
|
}, {
|
|
3495
|
-
default:
|
|
3512
|
+
default: ve(() => [...T[0] || (T[0] = [
|
|
3496
3513
|
De(" 搜索 ", -1)
|
|
3497
3514
|
])]),
|
|
3498
3515
|
_: 1
|
|
@@ -3500,15 +3517,15 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3500
3517
|
ue(Fe, {
|
|
3501
3518
|
variant: "secondary",
|
|
3502
3519
|
size: "small",
|
|
3503
|
-
onClick:
|
|
3520
|
+
onClick: f,
|
|
3504
3521
|
loading: e.loading
|
|
3505
3522
|
}, {
|
|
3506
|
-
default:
|
|
3523
|
+
default: ve(() => [...T[1] || (T[1] = [
|
|
3507
3524
|
De(" 重置 ", -1)
|
|
3508
3525
|
])]),
|
|
3509
3526
|
_: 1
|
|
3510
3527
|
}, 8, ["loading"]),
|
|
3511
|
-
re(
|
|
3528
|
+
re($.$slots, "extra-actions", {}, void 0, !0)
|
|
3512
3529
|
])
|
|
3513
3530
|
])
|
|
3514
3531
|
])
|
|
@@ -3550,11 +3567,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3550
3567
|
onClose: {}
|
|
3551
3568
|
},
|
|
3552
3569
|
setup(e) {
|
|
3553
|
-
const
|
|
3570
|
+
const b = e, t = z(!1);
|
|
3554
3571
|
let n;
|
|
3555
3572
|
Se(() => {
|
|
3556
3573
|
requestAnimationFrame(() => {
|
|
3557
|
-
t.value = !0,
|
|
3574
|
+
t.value = !0, b.duration && b.duration > 0 && (n = window.setTimeout(() => g(), b.duration));
|
|
3558
3575
|
});
|
|
3559
3576
|
}), st(() => {
|
|
3560
3577
|
n && window.clearTimeout(n);
|
|
@@ -3564,16 +3581,16 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3564
3581
|
}
|
|
3565
3582
|
function h() {
|
|
3566
3583
|
var p;
|
|
3567
|
-
(p =
|
|
3584
|
+
(p = b.onClose) == null || p.call(b, b.id);
|
|
3568
3585
|
}
|
|
3569
3586
|
return (p, L) => (i(), Be(Ce, {
|
|
3570
3587
|
name: "y-msg-fade",
|
|
3571
3588
|
onAfterLeave: h
|
|
3572
3589
|
}, {
|
|
3573
|
-
default:
|
|
3590
|
+
default: ve(() => [
|
|
3574
3591
|
Ee(l("div", {
|
|
3575
3592
|
class: E(["y-msg", [`y-msg--${e.type}`]]),
|
|
3576
|
-
style:
|
|
3593
|
+
style: pe({ zIndex: e.zIndex }),
|
|
3577
3594
|
role: "status",
|
|
3578
3595
|
"aria-live": "polite"
|
|
3579
3596
|
}, [
|
|
@@ -3606,7 +3623,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
|
|
|
3606
3623
|
]),
|
|
3607
3624
|
l("div", {
|
|
3608
3625
|
class: "y-msg__content",
|
|
3609
|
-
textContent:
|
|
3626
|
+
textContent: ne(e.message)
|
|
3610
3627
|
}, null, 8, $o),
|
|
3611
3628
|
e.closable ? (i(), u("button", {
|
|
3612
3629
|
key: 0,
|
|
@@ -3626,69 +3643,69 @@ let Mo = 1;
|
|
|
3626
3643
|
const Oe = 12, Ie = [];
|
|
3627
3644
|
function Lo() {
|
|
3628
3645
|
let e = 20;
|
|
3629
|
-
return Ie.forEach((
|
|
3630
|
-
e +=
|
|
3646
|
+
return Ie.forEach((b) => {
|
|
3647
|
+
e += b.height + Oe;
|
|
3631
3648
|
}), e;
|
|
3632
3649
|
}
|
|
3633
3650
|
function qe(e) {
|
|
3634
|
-
const
|
|
3635
|
-
if (
|
|
3636
|
-
const { el: t } = Ie[
|
|
3651
|
+
const b = Ie.findIndex((h) => h.id === e);
|
|
3652
|
+
if (b === -1) return;
|
|
3653
|
+
const { el: t } = Ie[b], n = t.firstElementChild;
|
|
3637
3654
|
if (n) {
|
|
3638
3655
|
const h = window.getComputedStyle(n).top;
|
|
3639
3656
|
n.style.top = h, n.classList.add("is-leaving"), n.style.willChange = "opacity, transform";
|
|
3640
3657
|
}
|
|
3641
|
-
Ie[
|
|
3658
|
+
Ie[b].leaving = !0, Ye(), setTimeout(() => {
|
|
3642
3659
|
Ze(null, t), t.parentNode && t.parentNode.removeChild(t);
|
|
3643
3660
|
const h = Ie.findIndex((p) => p.id === e);
|
|
3644
|
-
h !== -1 && Ie.splice(h, 1),
|
|
3661
|
+
h !== -1 && Ie.splice(h, 1), Ye();
|
|
3645
3662
|
}, 260);
|
|
3646
3663
|
}
|
|
3647
|
-
function
|
|
3664
|
+
function Ne(e) {
|
|
3648
3665
|
var h;
|
|
3649
|
-
const
|
|
3666
|
+
const b = Mo++, t = document.createElement("div");
|
|
3650
3667
|
document.body.appendChild(t);
|
|
3651
3668
|
const n = ue(So, {
|
|
3652
|
-
id:
|
|
3669
|
+
id: b,
|
|
3653
3670
|
type: e.type || "success",
|
|
3654
3671
|
message: e.message,
|
|
3655
3672
|
duration: e.duration ?? 2500,
|
|
3656
3673
|
offset: Lo(),
|
|
3657
|
-
zIndex: 3e3 +
|
|
3674
|
+
zIndex: 3e3 + b,
|
|
3658
3675
|
closable: e.closable ?? !1,
|
|
3659
3676
|
onClose: (p) => qe(p)
|
|
3660
3677
|
});
|
|
3661
3678
|
Ze(n, t);
|
|
3662
3679
|
const g = ((h = t.firstElementChild) == null ? void 0 : h.offsetHeight) || 0;
|
|
3663
|
-
return Ie.push({ id:
|
|
3680
|
+
return Ie.push({ id: b, el: t, vm: n, height: g, leaving: !1 }), Ye(), requestAnimationFrame(() => {
|
|
3664
3681
|
const p = t.firstElementChild;
|
|
3665
3682
|
if (!p) return;
|
|
3666
|
-
const L = p.offsetHeight || g || 0, k = Ie.find((
|
|
3667
|
-
k && (k.height = L,
|
|
3668
|
-
}), { close: () => qe(
|
|
3683
|
+
const L = p.offsetHeight || g || 0, k = Ie.find((S) => S.id === b);
|
|
3684
|
+
k && (k.height = L, Ye());
|
|
3685
|
+
}), { close: () => qe(b) };
|
|
3669
3686
|
}
|
|
3670
|
-
const
|
|
3671
|
-
success(e,
|
|
3672
|
-
return
|
|
3687
|
+
const We = {
|
|
3688
|
+
success(e, b = {}) {
|
|
3689
|
+
return Ne({ ...b, type: "success", message: e });
|
|
3673
3690
|
},
|
|
3674
|
-
warning(e,
|
|
3675
|
-
return
|
|
3691
|
+
warning(e, b = {}) {
|
|
3692
|
+
return Ne({ ...b, type: "warning", message: e });
|
|
3676
3693
|
},
|
|
3677
|
-
error(e,
|
|
3678
|
-
return
|
|
3694
|
+
error(e, b = {}) {
|
|
3695
|
+
return Ne({ ...b, type: "error", message: e });
|
|
3679
3696
|
}
|
|
3680
3697
|
};
|
|
3681
|
-
typeof window < "u" && (window.YMessage =
|
|
3682
|
-
function
|
|
3698
|
+
typeof window < "u" && (window.YMessage = We, typeof globalThis.YMessage > "u" && (globalThis.YMessage = We));
|
|
3699
|
+
function Ye() {
|
|
3683
3700
|
let e = 20;
|
|
3684
|
-
Ie.forEach((
|
|
3685
|
-
const t =
|
|
3701
|
+
Ie.forEach((b) => {
|
|
3702
|
+
const t = b.el.firstElementChild;
|
|
3686
3703
|
if (!t) return;
|
|
3687
3704
|
const n = e;
|
|
3688
|
-
if (t.style.transform = `translate(-50%, ${n}px)`, t.style.top || (t.style.top = "0px"), !
|
|
3689
|
-
e += (t.offsetHeight ||
|
|
3705
|
+
if (t.style.transform = `translate(-50%, ${n}px)`, t.style.top || (t.style.top = "0px"), !b.leaving)
|
|
3706
|
+
e += (t.offsetHeight || b.height) + Oe;
|
|
3690
3707
|
else {
|
|
3691
|
-
const g = t.offsetHeight ||
|
|
3708
|
+
const g = t.offsetHeight || b.height;
|
|
3692
3709
|
e += g + Oe;
|
|
3693
3710
|
}
|
|
3694
3711
|
});
|
|
@@ -3698,7 +3715,7 @@ const Ue = {
|
|
|
3698
3715
|
YInput: Qe,
|
|
3699
3716
|
YTable: Et,
|
|
3700
3717
|
YSelect: Je,
|
|
3701
|
-
YPagination:
|
|
3718
|
+
YPagination: Pt,
|
|
3702
3719
|
YBadge: ln,
|
|
3703
3720
|
YDialog: fn,
|
|
3704
3721
|
YPopover: pn,
|
|
@@ -3711,9 +3728,9 @@ const Ue = {
|
|
|
3711
3728
|
QueryEncapsulation: bo
|
|
3712
3729
|
}, Bo = {
|
|
3713
3730
|
install(e) {
|
|
3714
|
-
Object.keys(Ue).forEach((
|
|
3715
|
-
e.component(
|
|
3716
|
-
}), e.config.globalProperties.$message =
|
|
3731
|
+
Object.keys(Ue).forEach((b) => {
|
|
3732
|
+
e.component(b, Ue[b]);
|
|
3733
|
+
}), e.config.globalProperties.$message = We, typeof window < "u" && (window.YMessage = We);
|
|
3717
3734
|
}
|
|
3718
3735
|
};
|
|
3719
3736
|
export {
|
|
@@ -3725,8 +3742,8 @@ export {
|
|
|
3725
3742
|
al as YDropdown,
|
|
3726
3743
|
ll as YImage,
|
|
3727
3744
|
Qe as YInput,
|
|
3728
|
-
|
|
3729
|
-
|
|
3745
|
+
We as YMessage,
|
|
3746
|
+
Pt as YPagination,
|
|
3730
3747
|
pn as YPopover,
|
|
3731
3748
|
Je as YSelect,
|
|
3732
3749
|
Gn as YSwitch,
|