@nhdropshipping/y-components 1.0.43 → 1.0.44
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/yinput.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 +449 -445
- 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 ge, computed as O, createElementBlock as u, openBlock as i, normalizeClass as R, createElementVNode as o, renderSlot as ae, Fragment as le, renderList as fe, createCommentVNode as
|
|
1
|
+
import { defineComponent as ge, computed as O, createElementBlock as u, openBlock as i, normalizeClass as R, createElementVNode as o, renderSlot as ae, Fragment as le, renderList as fe, createCommentVNode as V, toDisplayString as G, ref as z, watch as ee, normalizeStyle as oe, nextTick as ne, onMounted as $e, onUnmounted as Be, resolveComponent as Ae, createVNode as se, Transition as ke, withCtx as ue, createTextVNode as xe, createBlock as Se, withKeys as be, withModifiers as Q, withDirectives as Ee, vModelText as lt, Teleport as Fe, vShow as Ke, provide as ot, reactive as at, TransitionGroup as st, resolveDynamicComponent as it, onBeforeUnmount as rt, render as Xe } from "vue";
|
|
2
2
|
const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "content" }, ct = {
|
|
3
3
|
key: 1,
|
|
4
4
|
class: "y-btn-group",
|
|
@@ -57,39 +57,39 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
57
57
|
n("group-click", C.value, T);
|
|
58
58
|
}
|
|
59
59
|
return (C, T) => y.value ? (i(), u("div", ct, [
|
|
60
|
-
(i(!0), u(le, null, fe(e.groupItems, (
|
|
60
|
+
(i(!0), u(le, null, fe(e.groupItems, (x, w) => {
|
|
61
61
|
var g;
|
|
62
62
|
return i(), u("button", {
|
|
63
|
-
key:
|
|
63
|
+
key: x.value ?? w,
|
|
64
64
|
class: R(["y-btn", [
|
|
65
|
-
`y-btn--${
|
|
66
|
-
`y-btn--${
|
|
65
|
+
`y-btn--${x.variant ?? e.variant}`,
|
|
66
|
+
`y-btn--${x.size ?? e.size}`,
|
|
67
67
|
"is-grouped",
|
|
68
68
|
w === 0 ? "group-pos-start" : w === (((g = e.groupItems) == null ? void 0 : g.length) || 0) - 1 ? "group-pos-end" : "group-pos-middle",
|
|
69
|
-
{ "is-loading":
|
|
69
|
+
{ "is-loading": x.loading || e.loading }
|
|
70
70
|
]]),
|
|
71
71
|
type: e.htmlType,
|
|
72
|
-
disabled: (
|
|
73
|
-
"aria-busy":
|
|
74
|
-
"aria-disabled": (
|
|
75
|
-
"aria-label":
|
|
76
|
-
onClick: (
|
|
72
|
+
disabled: (x.disabled ?? !1) || e.disabled || e.loading || x.loading,
|
|
73
|
+
"aria-busy": x.loading || e.loading ? "true" : "false",
|
|
74
|
+
"aria-disabled": (x.disabled ?? !1) || e.disabled || e.loading || x.loading ? "true" : "false",
|
|
75
|
+
"aria-label": x.ariaLabel || x.label,
|
|
76
|
+
onClick: (k) => I(x, k)
|
|
77
77
|
}, [
|
|
78
78
|
o("span", vt, [
|
|
79
|
-
|
|
79
|
+
x.icon === "chevron-left" ? (i(), u("svg", ht, [...T[0] || (T[0] = [
|
|
80
80
|
o("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
|
-
])])) :
|
|
85
|
+
])])) : x.icon === "chevron-right" ? (i(), u("svg", pt, [...T[1] || (T[1] = [
|
|
86
86
|
o("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
|
-
])])) :
|
|
92
|
-
|
|
91
|
+
])])) : V("", !0),
|
|
92
|
+
x.label && !x.onlyIcon ? (i(), u("span", yt, G(x.label), 1)) : V("", !0)
|
|
93
93
|
])
|
|
94
94
|
], 10, ft);
|
|
95
95
|
}), 128))
|
|
@@ -144,16 +144,20 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
144
144
|
I.value || (C.value = g || "");
|
|
145
145
|
});
|
|
146
146
|
function T(g) {
|
|
147
|
-
const
|
|
148
|
-
y.value = !0, n("update:modelValue",
|
|
147
|
+
const k = g.target;
|
|
148
|
+
y.value = !0, n("update:modelValue", k.value);
|
|
149
149
|
}
|
|
150
|
-
function
|
|
150
|
+
function x() {
|
|
151
151
|
I.value = !0, t.clearOnFocus && (p.value = t.modelValue || "", y.value = !1, C.value = p.value || t.placeholder || "", n("update:modelValue", ""));
|
|
152
152
|
}
|
|
153
153
|
function w() {
|
|
154
|
-
I.value = !1, t.clearOnFocus && !y.value && (!t.modelValue || t.modelValue === "") && n("update:modelValue", p.value),
|
|
154
|
+
if (I.value = !1, t.clearOnFocus && !y.value && (!t.modelValue || t.modelValue === "") && n("update:modelValue", p.value), t.min !== void 0 && t.modelValue !== void 0 && t.modelValue !== "") {
|
|
155
|
+
const g = Number(t.modelValue), k = Number(t.min);
|
|
156
|
+
!Number.isNaN(g) && !Number.isNaN(k) && g < k && n("update:modelValue", String(k));
|
|
157
|
+
}
|
|
158
|
+
C.value = t.placeholder || "";
|
|
155
159
|
}
|
|
156
|
-
return (g,
|
|
160
|
+
return (g, k) => (i(), u("div", {
|
|
157
161
|
class: R(["y-input-wrap", { "is-block": e.block }]),
|
|
158
162
|
style: oe({ width: e.width })
|
|
159
163
|
}, [
|
|
@@ -173,15 +177,15 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
173
177
|
required: e.required,
|
|
174
178
|
value: e.modelValue,
|
|
175
179
|
onInput: T,
|
|
176
|
-
onFocus:
|
|
180
|
+
onFocus: x,
|
|
177
181
|
onBlur: w
|
|
178
182
|
}, null, 42, mt)
|
|
179
183
|
], 6));
|
|
180
184
|
}
|
|
181
|
-
}), Ge = /* @__PURE__ */ me(wt, [["__scopeId", "data-v-
|
|
185
|
+
}), Ge = /* @__PURE__ */ me(wt, [["__scopeId", "data-v-6adddbcc"]]), bt = {
|
|
182
186
|
key: 0,
|
|
183
187
|
class: "bulk-bar"
|
|
184
|
-
},
|
|
188
|
+
}, kt = { class: "bulk-left" }, xt = { class: "bulk-actions" }, $t = { class: "card" }, Ct = { class: "table" }, Dt = {
|
|
185
189
|
key: 0,
|
|
186
190
|
style: { width: "34px", "min-width": "34px" }
|
|
187
191
|
}, _t = {
|
|
@@ -211,7 +215,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
211
215
|
}, Kt = ["onClick"], Ht = {
|
|
212
216
|
key: 1,
|
|
213
217
|
class: "col-select"
|
|
214
|
-
}, Rt = ["value", "checked", "onChange"],
|
|
218
|
+
}, Rt = ["value", "checked", "onChange"], Vt = ["colspan"], Wt = /* @__PURE__ */ ge({
|
|
215
219
|
__name: "ytable",
|
|
216
220
|
props: {
|
|
217
221
|
data: {},
|
|
@@ -238,10 +242,10 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
238
242
|
},
|
|
239
243
|
emits: ["edit", "select", "update:selectedItems", "page-change", "page-size-change"],
|
|
240
244
|
setup(e, { emit: $ }) {
|
|
241
|
-
const t = e, n = $, m = z(t.currentPage || 1), p = z(t.pageSize), y = z([]), I = z(/* @__PURE__ */ new Set()), C = z("none"), T = z(),
|
|
245
|
+
const t = e, n = $, m = z(t.currentPage || 1), p = z(t.pageSize), y = z([]), I = z(/* @__PURE__ */ new Set()), C = z("none"), T = z(), x = z(), w = z(), g = z(), k = z([]), P = z({}), J = O(
|
|
242
246
|
() => t.columns.filter((l) => !U(l.width)).map((l) => l.key)
|
|
243
247
|
);
|
|
244
|
-
function
|
|
248
|
+
function W() {
|
|
245
249
|
return `${(100 / (J.value.length || 1)).toFixed(6)}%`;
|
|
246
250
|
}
|
|
247
251
|
const D = z(), B = z({
|
|
@@ -249,7 +253,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
249
253
|
thumbHeight: 40,
|
|
250
254
|
thumbTop: 0
|
|
251
255
|
});
|
|
252
|
-
let E = !1,
|
|
256
|
+
let E = !1, A = 0, Y = 0;
|
|
253
257
|
const q = z(0);
|
|
254
258
|
function U(l) {
|
|
255
259
|
if (l == null) return;
|
|
@@ -288,7 +292,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
288
292
|
if (L.fixed === "left") {
|
|
289
293
|
let S = 80;
|
|
290
294
|
const H = de(L.width);
|
|
291
|
-
H !== null ? S = H :
|
|
295
|
+
H !== null ? S = H : k.value[_] && (S = de(k.value[_]) ?? S), l.push(c), c += S;
|
|
292
296
|
}
|
|
293
297
|
}
|
|
294
298
|
return l;
|
|
@@ -301,7 +305,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
301
305
|
if (S.fixed === "right") {
|
|
302
306
|
let H = 80;
|
|
303
307
|
const j = de(S.width);
|
|
304
|
-
j !== null ? H = j :
|
|
308
|
+
j !== null ? H = j : k.value[L] && (H = de(k.value[L]) ?? H), _.push({ index: L, width: H });
|
|
305
309
|
}
|
|
306
310
|
}
|
|
307
311
|
for (let L = 0; L < _.length; L++)
|
|
@@ -337,12 +341,12 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
337
341
|
const _ = [];
|
|
338
342
|
return l.align && _.push(`text-${l.align}`), l.fixed === "right" && (_.push("col-fixed-right"), c && _.push("col-fixed-right-header")), l.fixed === "left" && (_.push("col-fixed-left"), c && _.push("col-fixed-left-header")), _.join(" ");
|
|
339
343
|
}
|
|
340
|
-
function
|
|
344
|
+
function b(l, c, _) {
|
|
341
345
|
const L = {}, S = U(l.width);
|
|
342
346
|
if (S)
|
|
343
347
|
L.width = S, L.minWidth = S, L.maxWidth = S;
|
|
344
348
|
else {
|
|
345
|
-
const H =
|
|
349
|
+
const H = W();
|
|
346
350
|
L.width = H, L.minWidth = H, L.maxWidth = H;
|
|
347
351
|
}
|
|
348
352
|
if (l.fixed === "left") {
|
|
@@ -400,12 +404,12 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
400
404
|
}
|
|
401
405
|
let Me = !1;
|
|
402
406
|
function Ie() {
|
|
403
|
-
!
|
|
407
|
+
!x.value || !w.value || Me || x.value.scrollLeft !== w.value.scrollLeft && (Me = !0, x.value.scrollLeft = w.value.scrollLeft, requestAnimationFrame(() => {
|
|
404
408
|
Me = !1;
|
|
405
409
|
}));
|
|
406
410
|
}
|
|
407
411
|
function Pe() {
|
|
408
|
-
!
|
|
412
|
+
!x.value || !w.value || Me || w.value.scrollLeft !== x.value.scrollLeft && (Me = !0, w.value.scrollLeft = x.value.scrollLeft, requestAnimationFrame(() => {
|
|
409
413
|
Me = !1;
|
|
410
414
|
}));
|
|
411
415
|
}
|
|
@@ -420,19 +424,19 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
420
424
|
B.value.thumbTop = Math.min(ze, Math.floor(L / te * ze));
|
|
421
425
|
});
|
|
422
426
|
}
|
|
423
|
-
function
|
|
427
|
+
function Ve(l) {
|
|
424
428
|
if (!E || !w.value || !D.value) return;
|
|
425
429
|
l.preventDefault();
|
|
426
|
-
const c = D.value.clientHeight, _ = Math.max(0, c - B.value.thumbHeight), L = w.value, S = L.scrollHeight, H = L.clientHeight, j = Math.max(1, S - H), pe = (l.clientY -
|
|
430
|
+
const c = D.value.clientHeight, _ = Math.max(0, c - B.value.thumbHeight), L = w.value, S = L.scrollHeight, H = L.clientHeight, j = Math.max(1, S - H), pe = (l.clientY - A) / Math.max(1, _) * j;
|
|
427
431
|
L.scrollTop = Math.min(j, Math.max(0, Y + pe)), Re();
|
|
428
432
|
}
|
|
429
433
|
function Ye() {
|
|
430
|
-
E = !1, window.removeEventListener("mousemove",
|
|
434
|
+
E = !1, window.removeEventListener("mousemove", Ve), window.removeEventListener("mouseup", Ye);
|
|
431
435
|
}
|
|
432
|
-
function
|
|
436
|
+
function We() {
|
|
433
437
|
ne(() => {
|
|
434
438
|
var _, L;
|
|
435
|
-
if (
|
|
439
|
+
if (k.value.length === t.columns.length && k.value.every((S) => !!S))
|
|
436
440
|
return;
|
|
437
441
|
const l = [];
|
|
438
442
|
t.columns.forEach((S, H) => {
|
|
@@ -442,11 +446,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
442
446
|
else if (P.value[S.key])
|
|
443
447
|
l.push(P.value[S.key]);
|
|
444
448
|
else {
|
|
445
|
-
const he =
|
|
449
|
+
const he = k.value[H];
|
|
446
450
|
if (he)
|
|
447
451
|
l.push(he), P.value[S.key] = he;
|
|
448
452
|
else {
|
|
449
|
-
const pe =
|
|
453
|
+
const pe = W();
|
|
450
454
|
l.push(pe), P.value[S.key] = pe;
|
|
451
455
|
}
|
|
452
456
|
}
|
|
@@ -461,7 +465,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
461
465
|
const pe = `${he.clientWidth}px`;
|
|
462
466
|
l[j] = pe, P.value[t.columns[j].key] = pe;
|
|
463
467
|
} else {
|
|
464
|
-
const pe =
|
|
468
|
+
const pe = W();
|
|
465
469
|
l[j] = pe, P.value[t.columns[j].key] = pe;
|
|
466
470
|
}
|
|
467
471
|
}
|
|
@@ -469,9 +473,9 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
469
473
|
for (let S = 0; S < l.length; S++)
|
|
470
474
|
if (!l[S]) {
|
|
471
475
|
const H = P.value[((L = t.columns[S]) == null ? void 0 : L.key) || ""];
|
|
472
|
-
l[S] = H ||
|
|
476
|
+
l[S] = H || k.value[S] || "80px", t.columns[S] && (P.value[t.columns[S].key] = l[S]);
|
|
473
477
|
}
|
|
474
|
-
|
|
478
|
+
k.value = l;
|
|
475
479
|
});
|
|
476
480
|
}
|
|
477
481
|
function He() {
|
|
@@ -489,13 +493,13 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
489
493
|
const l = [], c = { ...P.value };
|
|
490
494
|
t.columns.forEach((L, S) => {
|
|
491
495
|
const H = U(L.width);
|
|
492
|
-
H ? (l.push(H), c[L.key] = H) : c[L.key] ? l.push(c[L.key]) :
|
|
496
|
+
H ? (l.push(H), c[L.key] = H) : c[L.key] ? l.push(c[L.key]) : k.value[S] ? (l.push(k.value[S]), c[L.key] = k.value[S]) : l.push("");
|
|
493
497
|
});
|
|
494
498
|
const _ = new Set(t.columns.map((L) => L.key));
|
|
495
499
|
Object.keys(c).forEach((L) => {
|
|
496
500
|
_.has(L) || delete c[L];
|
|
497
|
-
}), P.value = c,
|
|
498
|
-
|
|
501
|
+
}), P.value = c, k.value = l, ne(() => {
|
|
502
|
+
We(), Ie(), s();
|
|
499
503
|
});
|
|
500
504
|
}, { deep: !0 }), ee(() => y.value, () => {
|
|
501
505
|
ne(() => {
|
|
@@ -508,42 +512,42 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
508
512
|
}), $e(() => {
|
|
509
513
|
var l, c;
|
|
510
514
|
ne(() => {
|
|
511
|
-
Ce(),
|
|
515
|
+
Ce(), We(), s(), Re();
|
|
512
516
|
}), window.addEventListener("resize", He), window.addEventListener("scroll", He, !0), (l = w.value) == null || l.addEventListener("scroll", () => {
|
|
513
517
|
Ie(), Re(), s();
|
|
514
|
-
}, { passive: !0 }), (c =
|
|
518
|
+
}, { passive: !0 }), (c = x.value) == null || c.addEventListener("scroll", () => {
|
|
515
519
|
Pe();
|
|
516
520
|
}, { passive: !0 }), ne(() => Ie()), w.value && typeof ResizeObserver < "u" && (v = new ResizeObserver(() => {
|
|
517
521
|
s();
|
|
518
522
|
}), v.observe(w.value));
|
|
519
523
|
}), Be(() => {
|
|
520
524
|
var l, c;
|
|
521
|
-
window.removeEventListener("resize", He), window.removeEventListener("scroll", He, !0), (l = w.value) == null || l.removeEventListener("scroll", Ie), (c =
|
|
525
|
+
window.removeEventListener("resize", He), window.removeEventListener("scroll", He, !0), (l = w.value) == null || l.removeEventListener("scroll", Ie), (c = x.value) == null || c.removeEventListener("scroll", Pe), window.removeEventListener("mousemove", Ve), window.removeEventListener("mouseup", Ye), v && (v.disconnect(), v = null);
|
|
522
526
|
});
|
|
523
527
|
let Te = -1;
|
|
524
528
|
function s() {
|
|
525
|
-
!
|
|
526
|
-
if (!
|
|
529
|
+
!x.value || !w.value || requestAnimationFrame(() => {
|
|
530
|
+
if (!x.value || !w.value) return;
|
|
527
531
|
const l = w.value, c = Math.ceil(l.offsetWidth - l.clientWidth);
|
|
528
532
|
if (q.value = c, c !== Te) {
|
|
529
533
|
Te = c;
|
|
530
|
-
const _ =
|
|
531
|
-
_ && L && (
|
|
534
|
+
const _ = x.value.querySelector(".table"), L = g.value;
|
|
535
|
+
_ && L && (x.value.style.paddingRight = "0px", _.style.width = "", _.style.marginRight = "", c > 0 ? (x.value.style.paddingRight = `${c}px`, _.style.width = "100%", _.style.marginRight = `-${c}px`) : (x.value.style.paddingRight = "0px", _.style.width = "100%", _.style.marginRight = "0px"));
|
|
532
536
|
}
|
|
533
537
|
});
|
|
534
538
|
}
|
|
535
539
|
let v = null;
|
|
536
540
|
return (l, c) => {
|
|
537
|
-
const _ =
|
|
541
|
+
const _ = Ae("YButton"), L = Ae("YPagination");
|
|
538
542
|
return i(), u("div", {
|
|
539
543
|
class: "ytable-container",
|
|
540
544
|
ref_key: "tableContainer",
|
|
541
545
|
ref: T
|
|
542
546
|
}, [
|
|
543
|
-
se(
|
|
547
|
+
se(ke, { name: "bulk-slide" }, {
|
|
544
548
|
default: ue(() => [
|
|
545
|
-
y.value.length && e.showBulkActions ? (i(), u("div",
|
|
546
|
-
o("div",
|
|
549
|
+
y.value.length && e.showBulkActions ? (i(), u("div", bt, [
|
|
550
|
+
o("div", kt, "已选择 " + G(y.value.length) + " 项", 1),
|
|
547
551
|
o("div", xt, [
|
|
548
552
|
ae(l.$slots, "bulk-actions", {
|
|
549
553
|
selectedItems: y.value,
|
|
@@ -561,7 +565,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
561
565
|
})
|
|
562
566
|
], !0)
|
|
563
567
|
])
|
|
564
|
-
])) :
|
|
568
|
+
])) : V("", !0)
|
|
565
569
|
]),
|
|
566
570
|
_: 3
|
|
567
571
|
}),
|
|
@@ -569,31 +573,31 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
569
573
|
o("div", {
|
|
570
574
|
class: "table-header",
|
|
571
575
|
ref_key: "headerRef",
|
|
572
|
-
ref:
|
|
576
|
+
ref: x
|
|
573
577
|
}, [
|
|
574
578
|
o("table", Ct, [
|
|
575
579
|
o("colgroup", null, [
|
|
576
|
-
t.expandable ? (i(), u("col", Dt)) :
|
|
577
|
-
e.selectable ? (i(), u("col", _t)) :
|
|
580
|
+
t.expandable ? (i(), u("col", Dt)) : V("", !0),
|
|
581
|
+
e.selectable ? (i(), u("col", _t)) : V("", !0),
|
|
578
582
|
(i(!0), u(le, null, fe(e.columns, (S, H) => (i(), u("col", {
|
|
579
583
|
key: S.key,
|
|
580
|
-
style: oe({ width:
|
|
584
|
+
style: oe({ width: k.value[H] || void 0, minWidth: k.value[H] || "80px" })
|
|
581
585
|
}, null, 4))), 128))
|
|
582
586
|
]),
|
|
583
587
|
o("thead", null, [
|
|
584
588
|
o("tr", null, [
|
|
585
|
-
t.expandable ? (i(), u("th", St)) :
|
|
589
|
+
t.expandable ? (i(), u("th", St)) : V("", !0),
|
|
586
590
|
e.selectable ? (i(), u("th", Lt, [
|
|
587
591
|
o("input", {
|
|
588
592
|
type: "checkbox",
|
|
589
593
|
checked: re.value,
|
|
590
594
|
onChange: F
|
|
591
595
|
}, null, 40, Mt)
|
|
592
|
-
])) :
|
|
596
|
+
])) : V("", !0),
|
|
593
597
|
(i(!0), u(le, null, fe(e.columns, (S, H) => (i(), u("th", {
|
|
594
598
|
key: S.key,
|
|
595
599
|
class: R(f(S, !0)),
|
|
596
|
-
style: oe(
|
|
600
|
+
style: oe(b(S, H, !0))
|
|
597
601
|
}, G(S.title), 7))), 128))
|
|
598
602
|
])
|
|
599
603
|
])
|
|
@@ -608,23 +612,23 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
608
612
|
e.loading ? (i(), u("div", It, [...c[3] || (c[3] = [
|
|
609
613
|
o("div", { class: "loading-spinner" }, null, -1),
|
|
610
614
|
o("div", { class: "loading-text" }, "加载中...", -1)
|
|
611
|
-
])])) :
|
|
615
|
+
])])) : V("", !0),
|
|
612
616
|
!ve.value.length && !e.loading ? (i(), u("div", Et, [
|
|
613
617
|
ae(l.$slots, "empty", {}, () => [
|
|
614
618
|
xe(G(e.emptyText), 1)
|
|
615
619
|
], !0)
|
|
616
|
-
])) :
|
|
620
|
+
])) : V("", !0),
|
|
617
621
|
o("table", {
|
|
618
622
|
class: R(["table", { "loading-table": e.loading }]),
|
|
619
623
|
ref_key: "bodyTableRef",
|
|
620
624
|
ref: g
|
|
621
625
|
}, [
|
|
622
626
|
o("colgroup", null, [
|
|
623
|
-
t.expandable ? (i(), u("col", Bt)) :
|
|
624
|
-
e.selectable ? (i(), u("col", Tt)) :
|
|
627
|
+
t.expandable ? (i(), u("col", Bt)) : V("", !0),
|
|
628
|
+
e.selectable ? (i(), u("col", Tt)) : V("", !0),
|
|
625
629
|
(i(!0), u(le, null, fe(e.columns, (S, H) => (i(), u("col", {
|
|
626
630
|
key: S.key,
|
|
627
|
-
style: oe({ width:
|
|
631
|
+
style: oe({ width: k.value[H] || void 0, minWidth: k.value[H] || "80px" })
|
|
628
632
|
}, null, 4))), 128))
|
|
629
633
|
]),
|
|
630
634
|
o("tbody", null, [
|
|
@@ -642,7 +646,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
642
646
|
class: R(["expand-icon", { "is-open": h(d(S, H)) }])
|
|
643
647
|
}, null, 2)
|
|
644
648
|
], 8, Kt)
|
|
645
|
-
])) :
|
|
649
|
+
])) : V("", !0),
|
|
646
650
|
e.selectable ? (i(), u("td", Ht, [
|
|
647
651
|
o("input", {
|
|
648
652
|
type: "checkbox",
|
|
@@ -650,11 +654,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
650
654
|
checked: y.value.includes(d(S, H)),
|
|
651
655
|
onChange: (j) => K(d(S, H))
|
|
652
656
|
}, null, 40, Rt)
|
|
653
|
-
])) :
|
|
657
|
+
])) : V("", !0),
|
|
654
658
|
(i(!0), u(le, null, fe(e.columns, (j, he) => (i(), u("td", {
|
|
655
659
|
key: j.key,
|
|
656
660
|
class: R(f(j)),
|
|
657
|
-
style: oe(
|
|
661
|
+
style: oe(b(j, he, !1))
|
|
658
662
|
}, [
|
|
659
663
|
ae(l.$slots, `cell-${j.key}`, {
|
|
660
664
|
item: S,
|
|
@@ -677,8 +681,8 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
677
681
|
item: S,
|
|
678
682
|
index: H
|
|
679
683
|
}, void 0, !0)
|
|
680
|
-
], 8,
|
|
681
|
-
])) :
|
|
684
|
+
], 8, Vt)
|
|
685
|
+
])) : V("", !0)
|
|
682
686
|
], 64))), 128))
|
|
683
687
|
])
|
|
684
688
|
], 2)
|
|
@@ -694,12 +698,12 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
694
698
|
"page-size-options": e.pageSizeOptions,
|
|
695
699
|
onPageChange: ye,
|
|
696
700
|
onPageSizeChange: Le
|
|
697
|
-
}, null, 8, ["current-page", "page-size", "loading", "page-size-options"])) :
|
|
701
|
+
}, null, 8, ["current-page", "page-size", "loading", "page-size-options"])) : V("", !0)
|
|
698
702
|
])
|
|
699
703
|
], 512);
|
|
700
704
|
};
|
|
701
705
|
}
|
|
702
|
-
}),
|
|
706
|
+
}), At = /* @__PURE__ */ me(Wt, [["__scopeId", "data-v-a2bea873"]]), Ft = ["onKeydown", "aria-expanded"], Pt = ["src"], Yt = ["placeholder", "onKeydown"], Nt = ["onClick", "onMouseenter"], Ot = ["src"], jt = /* @__PURE__ */ ge({
|
|
703
707
|
__name: "yselect",
|
|
704
708
|
props: {
|
|
705
709
|
modelValue: {},
|
|
@@ -718,26 +722,26 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
718
722
|
},
|
|
719
723
|
emits: ["update:modelValue", "change", "focus", "blur", "clear"],
|
|
720
724
|
setup(e, { emit: $ }) {
|
|
721
|
-
const t = e, n = $, m = z(!1), p = z(-1), y = z(), I = z(), C = z(), T = z(),
|
|
725
|
+
const t = e, n = $, m = z(!1), p = z(-1), y = z(), I = z(), C = z(), T = z(), x = z(!1), w = z(), g = z(""), k = O(() => t.options.find((a) => B(a) === t.modelValue) || null), P = O(() => k.value ? E(k.value) : ""), J = O(() => {
|
|
722
726
|
if (!t.filterable) return t.options;
|
|
723
727
|
const a = g.value.trim().toLowerCase();
|
|
724
728
|
return a ? t.options.filter((r) => {
|
|
725
729
|
const f = E(r);
|
|
726
730
|
return String(f).toLowerCase().includes(a);
|
|
727
731
|
}) : t.options;
|
|
728
|
-
}),
|
|
732
|
+
}), W = O(() => {
|
|
729
733
|
var M;
|
|
730
734
|
const a = { position: "fixed", zIndex: "4000" }, r = I.value;
|
|
731
735
|
if (!r) return a;
|
|
732
|
-
const f = r.getBoundingClientRect(),
|
|
733
|
-
return a.left = `${f.left}px`, a.width = `${
|
|
736
|
+
const f = r.getBoundingClientRect(), b = ((M = C.value) == null ? void 0 : M.getBoundingClientRect().width) || f.width;
|
|
737
|
+
return a.left = `${f.left}px`, a.width = `${b}px`, x.value ? (a.bottom = `${window.innerHeight - f.top + 4}px`, a.top = "auto") : a.top = `${f.bottom + 4}px`, a;
|
|
734
738
|
});
|
|
735
739
|
function D() {
|
|
736
740
|
!m.value || !I.value || ne(() => {
|
|
737
741
|
const a = I.value;
|
|
738
742
|
if (!a) return;
|
|
739
|
-
const r = a.getBoundingClientRect(), f = window.innerHeight,
|
|
740
|
-
|
|
743
|
+
const r = a.getBoundingClientRect(), f = window.innerHeight, b = 200, M = r.bottom + b + 4, K = r.top - b - 4, F = M <= f - 20, X = K >= 20;
|
|
744
|
+
x.value = !F && X;
|
|
741
745
|
});
|
|
742
746
|
}
|
|
743
747
|
function B(a) {
|
|
@@ -746,7 +750,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
746
750
|
function E(a) {
|
|
747
751
|
return typeof a == "object" && a !== null ? a[t.labelKey] || String(a[t.valueKey]) : String(a);
|
|
748
752
|
}
|
|
749
|
-
function
|
|
753
|
+
function A(a, r) {
|
|
750
754
|
return typeof a == "object" && a !== null && a.id !== void 0 ? a.id : B(a) || r;
|
|
751
755
|
}
|
|
752
756
|
function Y(a) {
|
|
@@ -764,7 +768,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
764
768
|
}));
|
|
765
769
|
}
|
|
766
770
|
function ce() {
|
|
767
|
-
m.value = !1, p.value = -1,
|
|
771
|
+
m.value = !1, p.value = -1, x.value = !1, t.filterable && (g.value = "");
|
|
768
772
|
}
|
|
769
773
|
function ie(a, r) {
|
|
770
774
|
if (q(a)) return;
|
|
@@ -784,10 +788,10 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
784
788
|
let r = p.value;
|
|
785
789
|
const f = J.value.length;
|
|
786
790
|
r === -1 ? r = a > 0 ? 0 : f - 1 : r = (r + a + f) % f;
|
|
787
|
-
let
|
|
788
|
-
for (;
|
|
789
|
-
r = (r + a + f) % f,
|
|
790
|
-
p.value =
|
|
791
|
+
let b = 0;
|
|
792
|
+
for (; b < f && q(J.value[r]); )
|
|
793
|
+
r = (r + a + f) % f, b++;
|
|
794
|
+
p.value = b >= f ? -1 : r, Z();
|
|
791
795
|
}
|
|
792
796
|
function we() {
|
|
793
797
|
if (p.value < 0) return;
|
|
@@ -834,11 +838,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
834
838
|
}]),
|
|
835
839
|
onMousedown: Q(U, ["prevent", "stop"]),
|
|
836
840
|
onKeydown: [
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
841
|
+
be(Q(U, ["prevent"]), ["enter"]),
|
|
842
|
+
be(Q(U, ["prevent"]), ["space"]),
|
|
843
|
+
be(ce, ["escape"]),
|
|
844
|
+
be(Q(de, ["prevent"]), ["arrow-down"]),
|
|
845
|
+
be(Q(de, ["prevent"]), ["arrow-up"])
|
|
842
846
|
],
|
|
843
847
|
tabindex: "0",
|
|
844
848
|
role: "combobox",
|
|
@@ -850,18 +854,18 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
850
854
|
class: R(["yselect__value", { yselect__placeholder: !P.value }])
|
|
851
855
|
}, [
|
|
852
856
|
ae(a.$slots, "value", {
|
|
853
|
-
value:
|
|
857
|
+
value: k.value,
|
|
854
858
|
label: P.value
|
|
855
859
|
}, () => {
|
|
856
860
|
var f;
|
|
857
861
|
return [
|
|
858
|
-
|
|
859
|
-
(f =
|
|
862
|
+
k.value ? (i(), u(le, { key: 0 }, [
|
|
863
|
+
(f = k.value) != null && f.flagImg ? (i(), u("img", {
|
|
860
864
|
key: 0,
|
|
861
865
|
class: "yselect__flag",
|
|
862
|
-
src:
|
|
866
|
+
src: k.value.flagImg,
|
|
863
867
|
alt: "flag"
|
|
864
|
-
}, null, 8, Pt)) :
|
|
868
|
+
}, null, 8, Pt)) : V("", !0),
|
|
865
869
|
xe(" " + G(P.value), 1)
|
|
866
870
|
], 64)) : (i(), u(le, { key: 1 }, [
|
|
867
871
|
xe(G(e.placeholder), 1)
|
|
@@ -879,16 +883,16 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
879
883
|
onKeydown: [
|
|
880
884
|
r[1] || (r[1] = Q(() => {
|
|
881
885
|
}, ["stop"])),
|
|
882
|
-
r[2] || (r[2] =
|
|
883
|
-
r[3] || (r[3] =
|
|
884
|
-
r[4] || (r[4] =
|
|
885
|
-
|
|
886
|
-
|
|
886
|
+
r[2] || (r[2] = be(Q((f) => re(1), ["prevent"]), ["arrow-down"])),
|
|
887
|
+
r[3] || (r[3] = be(Q((f) => re(-1), ["prevent"]), ["arrow-up"])),
|
|
888
|
+
r[4] || (r[4] = be(Q((f) => we(), ["prevent"]), ["enter"])),
|
|
889
|
+
be(Q(ce, ["prevent"]), ["esc"]),
|
|
890
|
+
be(Q(ve, ["prevent"]), ["delete"])
|
|
887
891
|
]
|
|
888
892
|
}, null, 40, Yt)), [
|
|
889
893
|
[lt, g.value]
|
|
890
894
|
]),
|
|
891
|
-
e.clearable && !e.disabled &&
|
|
895
|
+
e.clearable && !e.disabled && k.value ? (i(), u("span", {
|
|
892
896
|
key: 2,
|
|
893
897
|
class: "yselect__clear",
|
|
894
898
|
title: "清空",
|
|
@@ -907,7 +911,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
907
911
|
"stroke-linecap": "round"
|
|
908
912
|
})
|
|
909
913
|
], -1)
|
|
910
|
-
])])) :
|
|
914
|
+
])])) : V("", !0),
|
|
911
915
|
o("span", {
|
|
912
916
|
class: R(["yselect__arrow", { "yselect__arrow--open": m.value }])
|
|
913
917
|
}, [...r[9] || (r[9] = [
|
|
@@ -927,15 +931,15 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
927
931
|
], -1)
|
|
928
932
|
])], 2)
|
|
929
933
|
], 42, Ft),
|
|
930
|
-
se(
|
|
934
|
+
se(ke, { name: "yselect-dropdown" }, {
|
|
931
935
|
default: ue(() => [
|
|
932
936
|
(i(), Se(Fe, { to: "body" }, [
|
|
933
937
|
m.value ? (i(), u("div", {
|
|
934
938
|
key: 0,
|
|
935
939
|
ref_key: "dropdownEl",
|
|
936
940
|
ref: T,
|
|
937
|
-
class: R(["yselect__dropdown yselect__dropdown--portal", { "yselect__dropdown--top":
|
|
938
|
-
style: oe(
|
|
941
|
+
class: R(["yselect__dropdown yselect__dropdown--portal", { "yselect__dropdown--top": x.value }]),
|
|
942
|
+
style: oe(W.value),
|
|
939
943
|
onMousedown: r[6] || (r[6] = Q(() => {
|
|
940
944
|
}, ["stop"])),
|
|
941
945
|
onClick: r[7] || (r[7] = Q(() => {
|
|
@@ -946,20 +950,20 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
946
950
|
ref_key: "optionsContainer",
|
|
947
951
|
ref: y
|
|
948
952
|
}, [
|
|
949
|
-
(i(!0), u(le, null, fe(J.value, (f,
|
|
950
|
-
key:
|
|
953
|
+
(i(!0), u(le, null, fe(J.value, (f, b) => (i(), u("div", {
|
|
954
|
+
key: A(f, b),
|
|
951
955
|
class: R(["yselect__option", {
|
|
952
956
|
"yselect__option--selected": Y(f),
|
|
953
957
|
"yselect__option--disabled": q(f),
|
|
954
|
-
"yselect__option--hover": p.value ===
|
|
958
|
+
"yselect__option--hover": p.value === b
|
|
955
959
|
}]),
|
|
956
960
|
onClick: (M) => ie(f),
|
|
957
|
-
onMouseenter: (M) => p.value =
|
|
961
|
+
onMouseenter: (M) => p.value = b,
|
|
958
962
|
onMouseleave: r[5] || (r[5] = (M) => p.value = -1)
|
|
959
963
|
}, [
|
|
960
964
|
ae(a.$slots, "option", {
|
|
961
965
|
option: f,
|
|
962
|
-
index:
|
|
966
|
+
index: b,
|
|
963
967
|
selected: Y(f)
|
|
964
968
|
}, () => [
|
|
965
969
|
f != null && f.flagImg ? (i(), u("img", {
|
|
@@ -967,12 +971,12 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
967
971
|
class: "yselect__flag",
|
|
968
972
|
src: f.flagImg,
|
|
969
973
|
alt: "flag"
|
|
970
|
-
}, null, 8, Ot)) :
|
|
974
|
+
}, null, 8, Ot)) : V("", !0),
|
|
971
975
|
xe(" " + G(E(f)), 1)
|
|
972
976
|
], !0)
|
|
973
977
|
], 42, Nt))), 128))
|
|
974
978
|
], 512)
|
|
975
|
-
], 38)) :
|
|
979
|
+
], 38)) : V("", !0)
|
|
976
980
|
]))
|
|
977
981
|
]),
|
|
978
982
|
_: 3
|
|
@@ -996,26 +1000,26 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
996
1000
|
setup(e, { emit: $ }) {
|
|
997
1001
|
const t = e, n = $, m = z(t.pageSize), p = O(() => t.pageSizeOptions), y = O({
|
|
998
1002
|
get: () => t.currentPage,
|
|
999
|
-
set: (
|
|
1000
|
-
n("update:currentPage",
|
|
1003
|
+
set: (x) => {
|
|
1004
|
+
n("update:currentPage", x), n("page-change", x);
|
|
1001
1005
|
}
|
|
1002
1006
|
});
|
|
1003
|
-
function I(
|
|
1004
|
-
t.loading ||
|
|
1007
|
+
function I(x) {
|
|
1008
|
+
t.loading || x >= 1 && x !== t.currentPage && (y.value = x);
|
|
1005
1009
|
}
|
|
1006
|
-
function C(
|
|
1007
|
-
t.loading || (m.value =
|
|
1010
|
+
function C(x) {
|
|
1011
|
+
t.loading || (m.value = x, n("update:pageSize", x), n("page-size-change", x), y.value = 1);
|
|
1008
1012
|
}
|
|
1009
|
-
function T(
|
|
1010
|
-
t.loading || (
|
|
1013
|
+
function T(x) {
|
|
1014
|
+
t.loading || (x === "prev" ? I(y.value - 1) : x === "next" && I(y.value + 1));
|
|
1011
1015
|
}
|
|
1012
1016
|
return m.value = t.pageSize, ee(
|
|
1013
1017
|
() => t.pageSize,
|
|
1014
|
-
(
|
|
1015
|
-
typeof
|
|
1018
|
+
(x) => {
|
|
1019
|
+
typeof x == "number" && m.value !== x && (m.value = x);
|
|
1016
1020
|
}
|
|
1017
|
-
), (
|
|
1018
|
-
const g =
|
|
1021
|
+
), (x, w) => {
|
|
1022
|
+
const g = Ae("YButton"), k = Ae("YSelect");
|
|
1019
1023
|
return i(), u("div", qt, [
|
|
1020
1024
|
o("div", Ut, [
|
|
1021
1025
|
se(g, {
|
|
@@ -1040,7 +1044,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1040
1044
|
onGroupClick: T
|
|
1041
1045
|
}, null, 8, ["groupItems"]),
|
|
1042
1046
|
o("div", Zt, [
|
|
1043
|
-
se(
|
|
1047
|
+
se(k, {
|
|
1044
1048
|
modelValue: m.value,
|
|
1045
1049
|
"onUpdate:modelValue": w[1] || (w[1] = (P) => m.value = P),
|
|
1046
1050
|
options: p.value,
|
|
@@ -1167,7 +1171,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1167
1171
|
d: "M16.707 5.293a1 1 0 010 1.414l-7.25 7.25a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L8.75 11.086l6.543-6.543a1 1 0 011.414 0z",
|
|
1168
1172
|
"clip-rule": "evenodd"
|
|
1169
1173
|
}, null, -1)
|
|
1170
|
-
])])) :
|
|
1174
|
+
])])) : V("", !0)
|
|
1171
1175
|
])) : e.icon ? (i(), u("span", on, [
|
|
1172
1176
|
e.icon === "dot" ? (i(), u("svg", an, [...p[3] || (p[3] = [
|
|
1173
1177
|
o("circle", {
|
|
@@ -1194,7 +1198,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1194
1198
|
r: "4"
|
|
1195
1199
|
}, null, -1)
|
|
1196
1200
|
])]))
|
|
1197
|
-
])) :
|
|
1201
|
+
])) : V("", !0),
|
|
1198
1202
|
o("span", dn, [
|
|
1199
1203
|
ae(m.$slots, "default", {}, () => [
|
|
1200
1204
|
xe(G(e.label), 1)
|
|
@@ -1240,18 +1244,18 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1240
1244
|
function T() {
|
|
1241
1245
|
t.closable && C();
|
|
1242
1246
|
}
|
|
1243
|
-
function
|
|
1247
|
+
function x(w) {
|
|
1244
1248
|
w.key === "Escape" && T();
|
|
1245
1249
|
}
|
|
1246
1250
|
return ee(() => t.modelValue, (w) => {
|
|
1247
1251
|
w ? (n("open"), requestAnimationFrame(() => {
|
|
1248
1252
|
var g;
|
|
1249
1253
|
return (g = p.value) == null ? void 0 : g.focus();
|
|
1250
|
-
}), document.addEventListener("keydown",
|
|
1254
|
+
}), document.addEventListener("keydown", x), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", x), document.body.style.overflow = "");
|
|
1251
1255
|
}), $e(() => {
|
|
1252
|
-
t.modelValue && (document.addEventListener("keydown",
|
|
1256
|
+
t.modelValue && (document.addEventListener("keydown", x), document.body.style.overflow = "hidden");
|
|
1253
1257
|
}), Be(() => {
|
|
1254
|
-
document.removeEventListener("keydown",
|
|
1258
|
+
document.removeEventListener("keydown", x), document.body.style.overflow = "";
|
|
1255
1259
|
}), (w, g) => (i(), Se(Fe, { to: "body" }, [
|
|
1256
1260
|
Ee(o("div", {
|
|
1257
1261
|
class: "y-dialog-root",
|
|
@@ -1264,14 +1268,14 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1264
1268
|
class: "y-dialog-mask",
|
|
1265
1269
|
onClick: I
|
|
1266
1270
|
}),
|
|
1267
|
-
se(
|
|
1271
|
+
se(ke, { name: "dialog-zoom-fade" }, {
|
|
1268
1272
|
default: ue(() => [
|
|
1269
1273
|
Ee(o("div", {
|
|
1270
1274
|
ref_key: "panelRef",
|
|
1271
1275
|
ref: p,
|
|
1272
1276
|
class: R(["y-dialog-panel", [e.center ? "is-center" : ""]]),
|
|
1273
1277
|
style: oe(y.value),
|
|
1274
|
-
onKeydown:
|
|
1278
|
+
onKeydown: be(Q(T, ["prevent", "stop"]), ["esc"]),
|
|
1275
1279
|
tabindex: "-1"
|
|
1276
1280
|
}, [
|
|
1277
1281
|
e.showHeader ? (i(), u("div", pn, [
|
|
@@ -1284,14 +1288,14 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1284
1288
|
class: "y-dialog-close",
|
|
1285
1289
|
"aria-label": "Close",
|
|
1286
1290
|
onClick: C
|
|
1287
|
-
}, " ✕ ")) :
|
|
1288
|
-
])) :
|
|
1291
|
+
}, " ✕ ")) : V("", !0)
|
|
1292
|
+
])) : V("", !0),
|
|
1289
1293
|
o("div", gn, [
|
|
1290
1294
|
ae(w.$slots, "default", {}, void 0, !0)
|
|
1291
1295
|
]),
|
|
1292
1296
|
w.$slots.footer ? (i(), u("div", mn, [
|
|
1293
1297
|
ae(w.$slots, "footer", {}, void 0, !0)
|
|
1294
|
-
])) :
|
|
1298
|
+
])) : V("", !0)
|
|
1295
1299
|
], 46, hn), [
|
|
1296
1300
|
[Ke, m.value]
|
|
1297
1301
|
])
|
|
@@ -1303,7 +1307,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1303
1307
|
])
|
|
1304
1308
|
]));
|
|
1305
1309
|
}
|
|
1306
|
-
}),
|
|
1310
|
+
}), bn = /* @__PURE__ */ me(wn, [["__scopeId", "data-v-a7acc6dc"]]), kn = { class: "ypopover__inner" }, xn = /* @__PURE__ */ ge({
|
|
1307
1311
|
__name: "ypopover",
|
|
1308
1312
|
props: {
|
|
1309
1313
|
trigger: { default: "click" },
|
|
@@ -1323,13 +1327,13 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1323
1327
|
},
|
|
1324
1328
|
emits: ["update:modelValue", "show", "hide", "before-show", "before-hide"],
|
|
1325
1329
|
setup(e, { expose: $, emit: t }) {
|
|
1326
|
-
const n = e, m = t, p = z(), y = z(), I = z(), C = z(!1), T = z(),
|
|
1327
|
-
let g = null,
|
|
1330
|
+
const n = e, m = t, p = z(), y = z(), I = z(), C = z(!1), T = z(), x = z(), w = z({});
|
|
1331
|
+
let g = null, k = null;
|
|
1328
1332
|
const P = O(() => {
|
|
1329
1333
|
if (!C.value || !T.value) return {};
|
|
1330
1334
|
const N = {};
|
|
1331
1335
|
n.width !== "auto" && (N.width = typeof n.width == "number" ? `${n.width}px` : n.width), n.maxWidth && (N.maxWidth = typeof n.maxWidth == "number" ? `${n.maxWidth}px` : n.maxWidth);
|
|
1332
|
-
const { top: Z, left: d } =
|
|
1336
|
+
const { top: Z, left: d } = W();
|
|
1333
1337
|
return N.top = `${Z}px`, N.left = `${d}px`, N;
|
|
1334
1338
|
}), J = O(() => {
|
|
1335
1339
|
if (!n.showArrow) return {};
|
|
@@ -1338,51 +1342,51 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1338
1342
|
const N = {};
|
|
1339
1343
|
return n.placement.startsWith("top") || n.placement.startsWith("bottom") ? N.left = "50%" : N.top = "50%", N;
|
|
1340
1344
|
});
|
|
1341
|
-
function
|
|
1345
|
+
function W() {
|
|
1342
1346
|
var F, X;
|
|
1343
1347
|
if (!T.value) return { top: 0, left: 0 };
|
|
1344
1348
|
const { width: N, height: Z, top: d, left: h } = T.value, a = ((F = I.value) == null ? void 0 : F.offsetWidth) || 200, r = ((X = I.value) == null ? void 0 : X.offsetHeight) || 100;
|
|
1345
|
-
let f = 0,
|
|
1349
|
+
let f = 0, b = 0;
|
|
1346
1350
|
switch (n.placement) {
|
|
1347
1351
|
case "top":
|
|
1348
|
-
f = d - r - n.offset,
|
|
1352
|
+
f = d - r - n.offset, b = h + (N - a) / 2;
|
|
1349
1353
|
break;
|
|
1350
1354
|
case "top-start":
|
|
1351
|
-
f = d - r - n.offset,
|
|
1355
|
+
f = d - r - n.offset, b = h;
|
|
1352
1356
|
break;
|
|
1353
1357
|
case "top-end":
|
|
1354
|
-
f = d - r - n.offset,
|
|
1358
|
+
f = d - r - n.offset, b = h + N - a;
|
|
1355
1359
|
break;
|
|
1356
1360
|
case "bottom":
|
|
1357
|
-
f = d + Z + n.offset,
|
|
1361
|
+
f = d + Z + n.offset, b = h + (N - a) / 2;
|
|
1358
1362
|
break;
|
|
1359
1363
|
case "bottom-start":
|
|
1360
|
-
f = d + Z + n.offset,
|
|
1364
|
+
f = d + Z + n.offset, b = h;
|
|
1361
1365
|
break;
|
|
1362
1366
|
case "bottom-end":
|
|
1363
|
-
f = d + Z + n.offset,
|
|
1367
|
+
f = d + Z + n.offset, b = h + N - a;
|
|
1364
1368
|
break;
|
|
1365
1369
|
case "left":
|
|
1366
|
-
f = d + (Z - r) / 2,
|
|
1370
|
+
f = d + (Z - r) / 2, b = h - a - n.offset;
|
|
1367
1371
|
break;
|
|
1368
1372
|
case "left-start":
|
|
1369
|
-
f = d,
|
|
1373
|
+
f = d, b = h - a - n.offset;
|
|
1370
1374
|
break;
|
|
1371
1375
|
case "left-end":
|
|
1372
|
-
f = d + Z - r,
|
|
1376
|
+
f = d + Z - r, b = h - a - n.offset;
|
|
1373
1377
|
break;
|
|
1374
1378
|
case "right":
|
|
1375
|
-
f = d + (Z - r) / 2,
|
|
1379
|
+
f = d + (Z - r) / 2, b = h + N + n.offset;
|
|
1376
1380
|
break;
|
|
1377
1381
|
case "right-start":
|
|
1378
|
-
f = d,
|
|
1382
|
+
f = d, b = h + N + n.offset;
|
|
1379
1383
|
break;
|
|
1380
1384
|
case "right-end":
|
|
1381
|
-
f = d + Z - r,
|
|
1385
|
+
f = d + Z - r, b = h + N + n.offset;
|
|
1382
1386
|
break;
|
|
1383
1387
|
}
|
|
1384
1388
|
const M = window.innerWidth, K = window.innerHeight;
|
|
1385
|
-
return
|
|
1389
|
+
return b < 8 && (b = 8), b + a > M - 8 && (b = M - a - 8), f < 8 && (f = 8), f + r > K - 8 && (f = K - r - 8), { top: f, left: b };
|
|
1386
1390
|
}
|
|
1387
1391
|
function D() {
|
|
1388
1392
|
n.disabled || C.value || (Y(), n.openDelay > 0 ? g = setTimeout(() => {
|
|
@@ -1397,15 +1401,15 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1397
1401
|
});
|
|
1398
1402
|
}
|
|
1399
1403
|
function E() {
|
|
1400
|
-
C.value && (Y(), n.closeDelay > 0 ?
|
|
1401
|
-
|
|
1402
|
-
}, n.closeDelay) :
|
|
1404
|
+
C.value && (Y(), n.closeDelay > 0 ? k = setTimeout(() => {
|
|
1405
|
+
A();
|
|
1406
|
+
}, n.closeDelay) : A());
|
|
1403
1407
|
}
|
|
1404
|
-
function
|
|
1408
|
+
function A() {
|
|
1405
1409
|
m("before-hide"), C.value = !1, m("update:modelValue", !1), m("hide");
|
|
1406
1410
|
}
|
|
1407
1411
|
function Y() {
|
|
1408
|
-
g && (clearTimeout(g), g = null),
|
|
1412
|
+
g && (clearTimeout(g), g = null), k && (clearTimeout(k), k = null);
|
|
1409
1413
|
}
|
|
1410
1414
|
function q() {
|
|
1411
1415
|
if (!n.showArrow || !T.value || !I.value) {
|
|
@@ -1439,8 +1443,8 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1439
1443
|
w.value = d;
|
|
1440
1444
|
}
|
|
1441
1445
|
function U() {
|
|
1442
|
-
y.value && (T.value = y.value.getBoundingClientRect(), I.value && (
|
|
1443
|
-
I.value && (
|
|
1446
|
+
y.value && (T.value = y.value.getBoundingClientRect(), I.value && (x.value = I.value.getBoundingClientRect(), q(), C.value && requestAnimationFrame(() => {
|
|
1447
|
+
I.value && (x.value = I.value.getBoundingClientRect(), q());
|
|
1444
1448
|
})));
|
|
1445
1449
|
}
|
|
1446
1450
|
function de() {
|
|
@@ -1496,7 +1500,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1496
1500
|
ae(N.$slots, "reference", {}, void 0, !0)
|
|
1497
1501
|
], 544),
|
|
1498
1502
|
(i(), Se(Fe, { to: "body" }, [
|
|
1499
|
-
se(
|
|
1503
|
+
se(ke, { name: "ypopover-fade" }, {
|
|
1500
1504
|
default: ue(() => [
|
|
1501
1505
|
C.value ? (i(), u("div", {
|
|
1502
1506
|
key: 0,
|
|
@@ -1519,11 +1523,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1519
1523
|
key: 0,
|
|
1520
1524
|
class: R(["ypopover__arrow", `ypopover__arrow--${e.placement}`]),
|
|
1521
1525
|
style: oe(J.value)
|
|
1522
|
-
}, null, 6)) :
|
|
1523
|
-
o("div",
|
|
1526
|
+
}, null, 6)) : V("", !0),
|
|
1527
|
+
o("div", kn, [
|
|
1524
1528
|
ae(N.$slots, "default", {}, void 0, !0)
|
|
1525
1529
|
])
|
|
1526
|
-
], 38)) :
|
|
1530
|
+
], 38)) : V("", !0)
|
|
1527
1531
|
]),
|
|
1528
1532
|
_: 3
|
|
1529
1533
|
})
|
|
@@ -1539,7 +1543,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1539
1543
|
}, Kn = {
|
|
1540
1544
|
key: 2,
|
|
1541
1545
|
class: "status-text status-complete"
|
|
1542
|
-
}, Hn = { class: "nh-time-pickers" }, Rn = { class: "nh-time-picker" },
|
|
1546
|
+
}, Hn = { class: "nh-time-pickers" }, Rn = { class: "nh-time-picker" }, Vn = { class: "nh-date-picker" }, Wn = { class: "nh-date-picker-header" }, An = { class: "nh-date-picker-header-label" }, Fn = { class: "nh-date-picker-content" }, Pn = { class: "nh-date-table" }, Yn = ["onClick"], Nn = { class: "nh-date-table-cell" }, On = { key: 0 }, jn = { class: "nh-time-picker" }, qn = { class: "nh-date-picker" }, Un = { class: "nh-date-picker-header" }, Zn = { class: "nh-date-picker-header-label" }, Qn = { class: "nh-date-picker-content" }, Jn = { class: "nh-date-table" }, Xn = ["onClick"], Gn = { class: "nh-date-table-cell" }, el = { key: 0 }, tl = { class: "nh-time-actions" }, nl = /* @__PURE__ */ ge({
|
|
1543
1547
|
__name: "ytime",
|
|
1544
1548
|
props: {
|
|
1545
1549
|
modelValue: { default: () => ({ startDate: null, endDate: null }) },
|
|
@@ -1590,7 +1594,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1590
1594
|
},
|
|
1591
1595
|
emits: ["update:modelValue", "change"],
|
|
1592
1596
|
setup(e, { emit: $ }) {
|
|
1593
|
-
const t = e, n = $, m = z(!1), p = z(-1), y = z(-1), I = z(null), C = z(), T = z(),
|
|
1597
|
+
const t = e, n = $, m = z(!1), p = z(-1), y = z(-1), I = z(null), C = z(), T = z(), x = z({
|
|
1594
1598
|
top: !0,
|
|
1595
1599
|
left: !0
|
|
1596
1600
|
}), w = z({
|
|
@@ -1599,7 +1603,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1599
1603
|
}), g = z({
|
|
1600
1604
|
year: (/* @__PURE__ */ new Date()).getFullYear(),
|
|
1601
1605
|
month: (/* @__PURE__ */ new Date()).getMonth() + 1
|
|
1602
|
-
}),
|
|
1606
|
+
}), k = () => {
|
|
1603
1607
|
const s = new Date(w.value.year, w.value.month).getTime(), v = new Date(g.value.year, g.value.month).getTime();
|
|
1604
1608
|
if (s >= v) {
|
|
1605
1609
|
const l = new Date(w.value.year, w.value.month + 1);
|
|
@@ -1611,7 +1615,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1611
1615
|
const l = new Date(g.value.year, g.value.month - 1);
|
|
1612
1616
|
w.value.year = l.getFullYear(), w.value.month = l.getMonth();
|
|
1613
1617
|
}
|
|
1614
|
-
}, J = ["一", "二", "三", "四", "五", "六", "日"],
|
|
1618
|
+
}, J = ["一", "二", "三", "四", "五", "六", "日"], W = z(null), D = z(null), B = (s) => {
|
|
1615
1619
|
if (!s) return null;
|
|
1616
1620
|
if (s instanceof Date) return s;
|
|
1617
1621
|
if (typeof s == "number")
|
|
@@ -1629,15 +1633,15 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1629
1633
|
return `${v}-${l}-${c} ${_}:${L}:${S}`;
|
|
1630
1634
|
} else
|
|
1631
1635
|
return `${v}-${l}-${c}`;
|
|
1632
|
-
},
|
|
1636
|
+
}, A = (s) => s ? s.getTime() : null, Y = (s) => s ? {
|
|
1633
1637
|
startDate: B(s.startDate),
|
|
1634
1638
|
endDate: B(s.endDate)
|
|
1635
1639
|
} : { startDate: null, endDate: null }, q = (s) => t.format === "string" ? {
|
|
1636
1640
|
startDate: E(s.startDate),
|
|
1637
1641
|
endDate: E(s.endDate)
|
|
1638
1642
|
} : t.format === "timestamp" ? {
|
|
1639
|
-
startDate:
|
|
1640
|
-
endDate:
|
|
1643
|
+
startDate: A(s.startDate),
|
|
1644
|
+
endDate: A(s.endDate)
|
|
1641
1645
|
} : s, U = (s, v) => `${String(v + 1).padStart(2, "0")}/${s}`, de = (s, v) => s.getFullYear() === v.getFullYear() && s.getMonth() === v.getMonth() && s.getDate() === v.getDate(), ce = (s, v, l) => !v || !l ? !1 : s >= v && s <= l, ie = (s) => {
|
|
1642
1646
|
const v = Y(s);
|
|
1643
1647
|
if (!(v != null && v.startDate) || !(v != null && v.endDate))
|
|
@@ -1718,19 +1722,19 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1718
1722
|
}, we = () => {
|
|
1719
1723
|
if (!C.value || !T.value) return;
|
|
1720
1724
|
const s = C.value.getBoundingClientRect(), v = T.value.getBoundingClientRect(), l = window.innerWidth, _ = window.innerHeight - s.bottom, L = s.top, S = v.height || 400;
|
|
1721
|
-
_ < S && L > S ?
|
|
1725
|
+
_ < S && L > S ? x.value.top = !1 : x.value.top = !0;
|
|
1722
1726
|
const H = l - s.left, j = v.width || 640;
|
|
1723
|
-
H < j ?
|
|
1727
|
+
H < j ? x.value.left = !1 : x.value.left = !0;
|
|
1724
1728
|
}, N = () => {
|
|
1725
1729
|
if (m.value = !m.value, m.value) {
|
|
1726
1730
|
const s = Y(t.modelValue);
|
|
1727
|
-
if (
|
|
1731
|
+
if (W.value = (s == null ? void 0 : s.startDate) || null, D.value = (s == null ? void 0 : s.endDate) || null, y.value = ie(t.modelValue), p.value = -1, s != null && s.startDate && (w.value.year = s.startDate.getFullYear(), w.value.month = s.startDate.getMonth()), s != null && s.endDate)
|
|
1728
1732
|
g.value.year = s.endDate.getFullYear(), g.value.month = s.endDate.getMonth();
|
|
1729
1733
|
else {
|
|
1730
1734
|
const v = new Date(w.value.year, w.value.month + 1);
|
|
1731
1735
|
g.value.year = v.getFullYear(), g.value.month = v.getMonth();
|
|
1732
1736
|
}
|
|
1733
|
-
|
|
1737
|
+
k(), ne(() => {
|
|
1734
1738
|
we();
|
|
1735
1739
|
});
|
|
1736
1740
|
}
|
|
@@ -1739,7 +1743,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1739
1743
|
l && c && !l.contains(v) && !c.contains(v) && (m.value = !1, p.value = -1);
|
|
1740
1744
|
}, d = (s) => {
|
|
1741
1745
|
s.key === "Enter" || s.key === " " ? (s.preventDefault(), N()) : s.key === "ArrowDown" && (s.preventDefault(), m.value = !0, ne(() => {
|
|
1742
|
-
we(),
|
|
1746
|
+
we(), b();
|
|
1743
1747
|
}));
|
|
1744
1748
|
}, h = (s) => {
|
|
1745
1749
|
var v;
|
|
@@ -1750,7 +1754,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1750
1754
|
p.value = s;
|
|
1751
1755
|
}, f = () => {
|
|
1752
1756
|
p.value = -1;
|
|
1753
|
-
},
|
|
1757
|
+
}, b = () => {
|
|
1754
1758
|
p.value = 0, M(0);
|
|
1755
1759
|
}, M = (s) => {
|
|
1756
1760
|
if (T.value) {
|
|
@@ -1763,21 +1767,21 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1763
1767
|
}, F = (s, v) => {
|
|
1764
1768
|
if (!s || s.isDisabled) return;
|
|
1765
1769
|
let l;
|
|
1766
|
-
if (t.includeTime ? (l = new Date(s.date), v === "start" || !
|
|
1767
|
-
|
|
1768
|
-
else if (
|
|
1769
|
-
if (l >=
|
|
1770
|
+
if (t.includeTime ? (l = new Date(s.date), v === "start" || !W.value ? l.setHours(0, 0, 0, 0) : l.setHours(23, 59, 59, 999)) : l = new Date(s.date.getFullYear(), s.date.getMonth(), s.date.getDate()), !W.value && !D.value)
|
|
1771
|
+
W.value = l, D.value = null;
|
|
1772
|
+
else if (W.value && !D.value)
|
|
1773
|
+
if (l >= W.value)
|
|
1770
1774
|
t.includeTime && l.setHours(23, 59, 59, 999), D.value = l;
|
|
1771
1775
|
else {
|
|
1772
|
-
const c =
|
|
1773
|
-
t.includeTime && c.setHours(23, 59, 59, 999), D.value = c,
|
|
1776
|
+
const c = W.value;
|
|
1777
|
+
t.includeTime && c.setHours(23, 59, 59, 999), D.value = c, W.value = l;
|
|
1774
1778
|
}
|
|
1775
1779
|
else
|
|
1776
|
-
|
|
1777
|
-
if (y.value = -1,
|
|
1780
|
+
W.value = l, D.value = null;
|
|
1781
|
+
if (y.value = -1, W.value && D.value) {
|
|
1778
1782
|
const c = new Date(D.value);
|
|
1779
1783
|
t.includeTime && c.setHours(23, 59, 59, 999), I.value = {
|
|
1780
|
-
startDate:
|
|
1784
|
+
startDate: W.value,
|
|
1781
1785
|
endDate: c
|
|
1782
1786
|
};
|
|
1783
1787
|
} else
|
|
@@ -1785,11 +1789,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1785
1789
|
}, X = (s, v) => {
|
|
1786
1790
|
if (!s) return ["nh-date-table-td"];
|
|
1787
1791
|
const l = ["nh-date-table-td"];
|
|
1788
|
-
return s.isCurrentMonth || l.push("is-prev-month"), s.isToday && l.push("is-today"), s.isDisabled && l.push("is-disabled"),
|
|
1792
|
+
return s.isCurrentMonth || l.push("is-prev-month"), s.isToday && l.push("is-today"), s.isDisabled && l.push("is-disabled"), W.value && de(s.date, W.value) && l.push("is-selected", "is-start"), D.value && de(s.date, D.value) && l.push("is-selected", "is-end"), W.value && D.value && ce(s.date, W.value, D.value) && l.push("is-in-range"), l;
|
|
1789
1793
|
}, ye = () => {
|
|
1790
1794
|
I.value && (t.includeTime && I.value.endDate && I.value.endDate.setHours(23, 59, 59, 999), re(I.value), y.value = ie(I.value), m.value = !1);
|
|
1791
1795
|
}, Le = () => {
|
|
1792
|
-
re({ startDate: null, endDate: null }),
|
|
1796
|
+
re({ startDate: null, endDate: null }), We(), p.value = -1, m.value = !1;
|
|
1793
1797
|
}, Ce = () => {
|
|
1794
1798
|
m.value && ne(() => {
|
|
1795
1799
|
we();
|
|
@@ -1806,14 +1810,14 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1806
1810
|
}), Re = O(() => [
|
|
1807
1811
|
"nh-time-dropdown",
|
|
1808
1812
|
{
|
|
1809
|
-
"nh-time-dropdown-top": !
|
|
1810
|
-
"nh-time-dropdown-right": !
|
|
1813
|
+
"nh-time-dropdown-top": !x.value.top,
|
|
1814
|
+
"nh-time-dropdown-right": !x.value.left
|
|
1811
1815
|
}
|
|
1812
|
-
]),
|
|
1816
|
+
]), Ve = O(() => {
|
|
1813
1817
|
const s = Y(t.modelValue);
|
|
1814
1818
|
return !!(s != null && s.startDate && (s != null && s.endDate));
|
|
1815
|
-
}), Ye = O(() => !!(
|
|
1816
|
-
|
|
1819
|
+
}), Ye = O(() => !!(W.value && D.value)), We = () => {
|
|
1820
|
+
W.value = null, D.value = null, I.value = null, y.value = -1;
|
|
1817
1821
|
};
|
|
1818
1822
|
ee(() => t.modelValue, (s) => {
|
|
1819
1823
|
const v = Y(s);
|
|
@@ -1828,7 +1832,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1828
1832
|
const l = new Date(w.value.year, w.value.month + 1);
|
|
1829
1833
|
g.value.year = l.getFullYear(), g.value.month = l.getMonth();
|
|
1830
1834
|
}
|
|
1831
|
-
(v != null && v.startDate || v != null && v.endDate) &&
|
|
1835
|
+
(v != null && v.startDate || v != null && v.endDate) && k(), m.value || (y.value = ie(s));
|
|
1832
1836
|
}, { immediate: !0, deep: !0 }), ee([w, g], () => {
|
|
1833
1837
|
const s = new Date(w.value.year, w.value.month).getTime(), v = new Date(g.value.year, g.value.month).getTime();
|
|
1834
1838
|
if (s === v) {
|
|
@@ -1844,23 +1848,23 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1844
1848
|
const v = new Date(w.value.year, w.value.month + 1);
|
|
1845
1849
|
g.value.year = v.getFullYear(), g.value.month = v.getMonth();
|
|
1846
1850
|
}
|
|
1847
|
-
|
|
1851
|
+
k();
|
|
1848
1852
|
}), Be(() => {
|
|
1849
1853
|
document.removeEventListener("click", Z), window.removeEventListener("resize", Ce), window.removeEventListener("scroll", Ce);
|
|
1850
1854
|
});
|
|
1851
1855
|
const He = () => {
|
|
1852
|
-
t.clearable && (re({ startDate: null, endDate: null }),
|
|
1856
|
+
t.clearable && (re({ startDate: null, endDate: null }), We(), p.value = -1);
|
|
1853
1857
|
}, Te = (s, v) => {
|
|
1854
1858
|
if (s === "start") {
|
|
1855
1859
|
const l = new Date(w.value.year, w.value.month + v, 1);
|
|
1856
|
-
w.value.year = l.getFullYear(), w.value.month = l.getMonth(),
|
|
1860
|
+
w.value.year = l.getFullYear(), w.value.month = l.getMonth(), k();
|
|
1857
1861
|
} else {
|
|
1858
1862
|
const l = new Date(g.value.year, g.value.month + v, 1);
|
|
1859
1863
|
g.value.year = l.getFullYear(), g.value.month = l.getMonth(), P();
|
|
1860
1864
|
}
|
|
1861
1865
|
};
|
|
1862
1866
|
return (s, v) => {
|
|
1863
|
-
const l =
|
|
1867
|
+
const l = Ae("YButton");
|
|
1864
1868
|
return i(), u("div", {
|
|
1865
1869
|
class: R(["nh-time-search", [`nh-time--${e.size}`]])
|
|
1866
1870
|
}, [
|
|
@@ -1870,7 +1874,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1870
1874
|
ref: C,
|
|
1871
1875
|
onClick: N,
|
|
1872
1876
|
onKeydown: d,
|
|
1873
|
-
class: R(["nh-time-trigger", { "is-focus": m.value, "has-value":
|
|
1877
|
+
class: R(["nh-time-trigger", { "is-focus": m.value, "has-value": Ve.value }]),
|
|
1874
1878
|
tabindex: "0"
|
|
1875
1879
|
}, [
|
|
1876
1880
|
o("input", {
|
|
@@ -1880,7 +1884,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1880
1884
|
class: "nh-time-input"
|
|
1881
1885
|
}, null, 8, Dn),
|
|
1882
1886
|
o("span", _n, [
|
|
1883
|
-
e.clearable &&
|
|
1887
|
+
e.clearable && Ve.value ? (i(), u("i", {
|
|
1884
1888
|
key: 0,
|
|
1885
1889
|
onClick: Q(He, ["stop"]),
|
|
1886
1890
|
class: "nh-time-clear"
|
|
@@ -1895,7 +1899,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1895
1899
|
fill: "currentColor"
|
|
1896
1900
|
})
|
|
1897
1901
|
], -1)
|
|
1898
|
-
])])) :
|
|
1902
|
+
])])) : V("", !0),
|
|
1899
1903
|
v[6] || (v[6] = o("i", { class: "nh-time-icon" }, [
|
|
1900
1904
|
o("svg", {
|
|
1901
1905
|
viewBox: "0 0 1024 1024",
|
|
@@ -1924,7 +1928,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1924
1928
|
])], 2)
|
|
1925
1929
|
])
|
|
1926
1930
|
], 34),
|
|
1927
|
-
se(
|
|
1931
|
+
se(ke, { name: "el-zoom-in-top" }, {
|
|
1928
1932
|
default: ue(() => [
|
|
1929
1933
|
m.value ? (i(), u("div", {
|
|
1930
1934
|
key: 0,
|
|
@@ -1957,13 +1961,13 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1957
1961
|
o("div", En, [
|
|
1958
1962
|
v[8] || (v[8] = o("span", null, "自定义时间", -1)),
|
|
1959
1963
|
o("div", Bn, [
|
|
1960
|
-
!
|
|
1964
|
+
!W.value && !D.value ? (i(), u("span", Tn, " 请选择开始日期 ")) : W.value && !D.value ? (i(), u("span", zn, " 请选择结束日期 ")) : W.value && D.value ? (i(), u("span", Kn, " 已选择完整范围 ")) : V("", !0)
|
|
1961
1965
|
])
|
|
1962
1966
|
]),
|
|
1963
1967
|
o("div", Hn, [
|
|
1964
1968
|
o("div", Rn, [
|
|
1965
|
-
o("div",
|
|
1966
|
-
o("div",
|
|
1969
|
+
o("div", Vn, [
|
|
1970
|
+
o("div", Wn, [
|
|
1967
1971
|
o("button", {
|
|
1968
1972
|
onClick: v[0] || (v[0] = (c) => Te("start", -1)),
|
|
1969
1973
|
class: "nh-date-picker-btn nh-date-picker-prev-btn",
|
|
@@ -1980,7 +1984,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
1980
1984
|
})
|
|
1981
1985
|
], -1)
|
|
1982
1986
|
])]),
|
|
1983
|
-
o("span",
|
|
1987
|
+
o("span", An, G(U(w.value.year, w.value.month)), 1),
|
|
1984
1988
|
o("button", {
|
|
1985
1989
|
onClick: v[1] || (v[1] = (c) => Te("start", 1)),
|
|
1986
1990
|
class: "nh-date-picker-btn nh-date-picker-next-btn",
|
|
@@ -2018,7 +2022,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2018
2022
|
onClick: (H) => F(L, "start")
|
|
2019
2023
|
}, [
|
|
2020
2024
|
o("div", Nn, [
|
|
2021
|
-
L ? (i(), u("span", On, G(L.day), 1)) :
|
|
2025
|
+
L ? (i(), u("span", On, G(L.day), 1)) : V("", !0)
|
|
2022
2026
|
])
|
|
2023
2027
|
], 10, Yn))), 128))
|
|
2024
2028
|
]))), 128))
|
|
@@ -2084,7 +2088,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2084
2088
|
onClick: (H) => F(L, "end")
|
|
2085
2089
|
}, [
|
|
2086
2090
|
o("div", Gn, [
|
|
2087
|
-
L ? (i(), u("span", el, G(L.day), 1)) :
|
|
2091
|
+
L ? (i(), u("span", el, G(L.day), 1)) : V("", !0)
|
|
2088
2092
|
])
|
|
2089
2093
|
], 10, Xn))), 128))
|
|
2090
2094
|
]))), 128))
|
|
@@ -2105,7 +2109,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2105
2109
|
xe(" 清空 ", -1)
|
|
2106
2110
|
])]),
|
|
2107
2111
|
_: 1
|
|
2108
|
-
}, 8, ["size"])) :
|
|
2112
|
+
}, 8, ["size"])) : V("", !0),
|
|
2109
2113
|
se(l, {
|
|
2110
2114
|
onClick: ye,
|
|
2111
2115
|
disabled: !Ye.value,
|
|
@@ -2113,13 +2117,13 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2113
2117
|
size: e.size
|
|
2114
2118
|
}, {
|
|
2115
2119
|
default: ue(() => [
|
|
2116
|
-
xe(G(
|
|
2120
|
+
xe(G(W.value && !D.value ? "继续选择结束日期" : "确认"), 1)
|
|
2117
2121
|
]),
|
|
2118
2122
|
_: 1
|
|
2119
2123
|
}, 8, ["disabled", "size"])
|
|
2120
2124
|
])
|
|
2121
2125
|
])
|
|
2122
|
-
], 34)) :
|
|
2126
|
+
], 34)) : V("", !0)
|
|
2123
2127
|
]),
|
|
2124
2128
|
_: 1
|
|
2125
2129
|
})
|
|
@@ -2174,18 +2178,18 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2174
2178
|
disabled: e.disabled || e.loading,
|
|
2175
2179
|
onClick: I,
|
|
2176
2180
|
onKeydown: [
|
|
2177
|
-
|
|
2178
|
-
|
|
2181
|
+
be(Q(I, ["prevent"]), ["enter"]),
|
|
2182
|
+
be(Q(I, ["prevent"]), ["space"])
|
|
2179
2183
|
]
|
|
2180
2184
|
}, [
|
|
2181
2185
|
T[0] || (T[0] = o("span", { class: "yswitch__track" }, null, -1)),
|
|
2182
2186
|
o("span", ol, [
|
|
2183
|
-
e.loading ? (i(), u("span", al)) :
|
|
2187
|
+
e.loading ? (i(), u("span", al)) : V("", !0)
|
|
2184
2188
|
]),
|
|
2185
2189
|
e.showText ? (i(), u("span", {
|
|
2186
2190
|
key: 0,
|
|
2187
2191
|
class: R(["yswitch__label", { "yswitch__label--left": !p.value, "yswitch__label--right": p.value }])
|
|
2188
|
-
}, G(p.value ? e.activeText : e.inactiveText), 3)) :
|
|
2192
|
+
}, G(p.value ? e.activeText : e.inactiveText), 3)) : V("", !0)
|
|
2189
2193
|
], 46, ll));
|
|
2190
2194
|
}
|
|
2191
2195
|
}), il = /* @__PURE__ */ me(sl, [["__scopeId", "data-v-0b157fc4"]]), rl = ["src", "alt"], ul = ["src", "alt"], dl = /* @__PURE__ */ ge({
|
|
@@ -2204,7 +2208,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2204
2208
|
},
|
|
2205
2209
|
emits: ["load", "error", "preview"],
|
|
2206
2210
|
setup(e, { expose: $, emit: t }) {
|
|
2207
|
-
const n = e, m = t, p = z(), y = z(), I = z(), C = z(!1), T = z(!1),
|
|
2211
|
+
const n = e, m = t, p = z(), y = z(), I = z(), C = z(!1), T = z(!1), x = z(!1), w = z(!1), g = z(!1), k = z("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSDog4zmma8gLS0+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNGM0Y0RjYiLz4KICAKICA8IS0tIOWbvueJh+WbvuaghyAtLT4KICA8cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iODAiIHJ4PSI0IiBmaWxsPSIjRDFENURCIiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iMiIvPgogIAogIDwhLS0g5Zu+54mH5YaF6YOo6KOF6aWwIC0tPgogIDxjaXJjbGUgY3g9IjgwIiBjeT0iNzAiIHI9IjgiIGZpbGw9IiM5Q0EzQUYiLz4KICA8cGF0aCBkPSJNNjAgMTAwIEw5MCA4NSBMMTIwIDk1IEwxNDAgODAiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAKICA8IS0tIOaWh+WtlyAtLT4KICA8dGV4dCB4PSIxMDAiIHk9IjE2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzZCNzI4MCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIj4KICAgIEltYWdlIG5vdCBhdmFpbGFibGUKICA8L3RleHQ+Cjwvc3ZnPiA="), P = z(""), J = z(1), W = z(!1), D = z({
|
|
2208
2212
|
overflow: "",
|
|
2209
2213
|
paddingRight: ""
|
|
2210
2214
|
}), B = {
|
|
@@ -2215,7 +2219,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2215
2219
|
xl: "0.75rem",
|
|
2216
2220
|
"2xl": "1rem",
|
|
2217
2221
|
full: "9999px"
|
|
2218
|
-
}, E = O(() => n.className || ""),
|
|
2222
|
+
}, E = O(() => n.className || ""), A = O(() => {
|
|
2219
2223
|
if (typeof n.radius == "number")
|
|
2220
2224
|
return `${n.radius}px`;
|
|
2221
2225
|
if (typeof n.radius == "string") {
|
|
@@ -2225,8 +2229,8 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2225
2229
|
return B[n.radius];
|
|
2226
2230
|
}
|
|
2227
2231
|
return "";
|
|
2228
|
-
}), Y = O(() =>
|
|
2229
|
-
borderRadius:
|
|
2232
|
+
}), Y = O(() => A.value ? {
|
|
2233
|
+
borderRadius: A.value
|
|
2230
2234
|
} : {}), q = O(() => [
|
|
2231
2235
|
"yimage-image",
|
|
2232
2236
|
n.preview ? "is-previewable" : ""
|
|
@@ -2235,7 +2239,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2235
2239
|
objectFit: n.fit || "cover",
|
|
2236
2240
|
backgroundColor: "#fff"
|
|
2237
2241
|
};
|
|
2238
|
-
return n.width && (K.width = typeof n.width == "number" ? `${n.width}px` : n.width), n.height && (K.height = typeof n.height == "number" ? `${n.height}px` : n.height),
|
|
2242
|
+
return n.width && (K.width = typeof n.width == "number" ? `${n.width}px` : n.width), n.height && (K.height = typeof n.height == "number" ? `${n.height}px` : n.height), A.value && (K.borderRadius = A.value), K;
|
|
2239
2243
|
}), de = O(() => P.value ? P.value : Array.isArray(n.previewSrcList) ? n.previewSrcList.find(Boolean) || n.src : n.previewSrcList || n.src), ce = () => {
|
|
2240
2244
|
const K = document.createElement("div");
|
|
2241
2245
|
K.style.cssText = "width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px;", document.body.appendChild(K);
|
|
@@ -2258,7 +2262,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2258
2262
|
!n.lazy || !p.value || (re = new IntersectionObserver(
|
|
2259
2263
|
(K) => {
|
|
2260
2264
|
K.forEach((F) => {
|
|
2261
|
-
F.isIntersecting && (w.value = !0,
|
|
2265
|
+
F.isIntersecting && (w.value = !0, k.value = n.src, re == null || re.unobserve(F.target));
|
|
2262
2266
|
});
|
|
2263
2267
|
},
|
|
2264
2268
|
{
|
|
@@ -2266,11 +2270,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2266
2270
|
}
|
|
2267
2271
|
), re.observe(p.value));
|
|
2268
2272
|
}, N = (K) => {
|
|
2269
|
-
C.value = !0, T.value = !1,
|
|
2273
|
+
C.value = !0, T.value = !1, x.value = !1, m("load", K);
|
|
2270
2274
|
}, Z = (K) => {
|
|
2271
|
-
|
|
2275
|
+
x.value = !0, T.value = !1, C.value = !1, m("error", K);
|
|
2272
2276
|
}, d = () => {
|
|
2273
|
-
|
|
2277
|
+
x.value = !1, T.value = !0, C.value = !1, ne(() => {
|
|
2274
2278
|
y.value && (y.value.src = n.src);
|
|
2275
2279
|
});
|
|
2276
2280
|
}, h = () => Array.isArray(n.previewSrcList) ? n.previewSrcList.find(Boolean) || n.src : n.previewSrcList || n.src, a = () => {
|
|
@@ -2303,19 +2307,19 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2303
2307
|
g.value = !1, setTimeout(() => {
|
|
2304
2308
|
ve();
|
|
2305
2309
|
}, 300);
|
|
2306
|
-
},
|
|
2310
|
+
}, b = (K) => {
|
|
2307
2311
|
const F = K.deltaY < 0 ? 1 : -1;
|
|
2308
2312
|
let ye = J.value + F * 0.1;
|
|
2309
2313
|
ye = Math.max(0.5, Math.min(2, ye)), J.value = ye;
|
|
2310
2314
|
};
|
|
2311
2315
|
return $e(() => {
|
|
2312
|
-
n.lazy ? we() : w.value = !0, w.value && (T.value = !0),
|
|
2316
|
+
n.lazy ? we() : w.value = !0, w.value && (T.value = !0), W.value = !0;
|
|
2313
2317
|
}), Be(() => {
|
|
2314
2318
|
re && re.disconnect(), g.value && ve();
|
|
2315
|
-
}), ee(() =>
|
|
2316
|
-
n.src && w.value && (T.value = !0,
|
|
2319
|
+
}), ee(() => k.value, () => {
|
|
2320
|
+
n.src && w.value && (T.value = !0, x.value = !1, C.value = !1);
|
|
2317
2321
|
}), ee(() => n.src, (K) => {
|
|
2318
|
-
|
|
2322
|
+
k.value = K || "";
|
|
2319
2323
|
}), $({
|
|
2320
2324
|
retryLoad: d,
|
|
2321
2325
|
closePreview: f
|
|
@@ -2324,7 +2328,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2324
2328
|
ref: p,
|
|
2325
2329
|
class: R(["yimage-container", E.value])
|
|
2326
2330
|
}, [
|
|
2327
|
-
!C.value && !
|
|
2331
|
+
!C.value && !x.value && !w.value ? (i(), u("div", {
|
|
2328
2332
|
key: 0,
|
|
2329
2333
|
class: "yimage-placeholder",
|
|
2330
2334
|
style: oe(Y.value)
|
|
@@ -2344,8 +2348,8 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2344
2348
|
})
|
|
2345
2349
|
])
|
|
2346
2350
|
], -1)
|
|
2347
|
-
])], 4)) :
|
|
2348
|
-
T.value && !
|
|
2351
|
+
])], 4)) : V("", !0),
|
|
2352
|
+
T.value && !x.value ? (i(), u("div", {
|
|
2349
2353
|
key: 1,
|
|
2350
2354
|
class: "yimage-loading",
|
|
2351
2355
|
style: oe(Y.value)
|
|
@@ -2353,8 +2357,8 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2353
2357
|
o("div", { class: "yimage-loading-content" }, [
|
|
2354
2358
|
o("div", { class: "yimage-spinner" })
|
|
2355
2359
|
], -1)
|
|
2356
|
-
])], 4)) :
|
|
2357
|
-
|
|
2360
|
+
])], 4)) : V("", !0),
|
|
2361
|
+
x.value ? (i(), u("div", {
|
|
2358
2362
|
key: 2,
|
|
2359
2363
|
class: "yimage-error",
|
|
2360
2364
|
style: oe(Y.value),
|
|
@@ -2366,11 +2370,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2366
2370
|
class: "yimage-error-image",
|
|
2367
2371
|
style: oe(Y.value)
|
|
2368
2372
|
}, null, 4)
|
|
2369
|
-
], 4)) :
|
|
2373
|
+
], 4)) : V("", !0),
|
|
2370
2374
|
Ee(o("img", {
|
|
2371
2375
|
ref_key: "imageRef",
|
|
2372
2376
|
ref: y,
|
|
2373
|
-
src:
|
|
2377
|
+
src: k.value,
|
|
2374
2378
|
alt: e.alt,
|
|
2375
2379
|
class: R(q.value),
|
|
2376
2380
|
onLoad: N,
|
|
@@ -2378,24 +2382,24 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2378
2382
|
onClick: Q(r, ["stop"]),
|
|
2379
2383
|
style: oe(U.value)
|
|
2380
2384
|
}, null, 46, rl), [
|
|
2381
|
-
[Ke, C.value && !
|
|
2385
|
+
[Ke, C.value && !x.value]
|
|
2382
2386
|
]),
|
|
2383
|
-
n.preview && (!C.value || T.value ||
|
|
2387
|
+
n.preview && (!C.value || T.value || x.value || !w.value) ? (i(), u("div", {
|
|
2384
2388
|
key: 3,
|
|
2385
2389
|
class: "yimage-preview-trigger",
|
|
2386
2390
|
onClick: Q(r, ["stop"])
|
|
2387
|
-
})) :
|
|
2388
|
-
|
|
2391
|
+
})) : V("", !0),
|
|
2392
|
+
W.value ? (i(), Se(Fe, {
|
|
2389
2393
|
key: 4,
|
|
2390
2394
|
to: "body"
|
|
2391
2395
|
}, [
|
|
2392
|
-
se(
|
|
2396
|
+
se(ke, { name: "fade" }, {
|
|
2393
2397
|
default: ue(() => [
|
|
2394
2398
|
g.value ? (i(), u("div", {
|
|
2395
2399
|
key: 0,
|
|
2396
2400
|
class: "yimage-preview-mask",
|
|
2397
2401
|
onClick: Q(f, ["self"]),
|
|
2398
|
-
onWheel: Q(
|
|
2402
|
+
onWheel: Q(b, ["prevent"])
|
|
2399
2403
|
}, [
|
|
2400
2404
|
o("div", {
|
|
2401
2405
|
class: R(["yimage-preview-content", { "is-active": g.value }])
|
|
@@ -2411,11 +2415,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2411
2415
|
}, ["stop"]))
|
|
2412
2416
|
}, null, 12, ul)
|
|
2413
2417
|
], 2)
|
|
2414
|
-
], 32)) :
|
|
2418
|
+
], 32)) : V("", !0)
|
|
2415
2419
|
]),
|
|
2416
2420
|
_: 1
|
|
2417
2421
|
})
|
|
2418
|
-
])) :
|
|
2422
|
+
])) : V("", !0)
|
|
2419
2423
|
], 2));
|
|
2420
2424
|
}
|
|
2421
2425
|
}), cl = /* @__PURE__ */ me(dl, [["__scopeId", "data-v-c1a55c52"]]), fl = /* @__PURE__ */ ge({
|
|
@@ -2447,10 +2451,10 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2447
2451
|
}, 150);
|
|
2448
2452
|
}, T = () => {
|
|
2449
2453
|
if (!n.value) return;
|
|
2450
|
-
const g = n.value.querySelector(".y-dropdown__trigger"),
|
|
2451
|
-
if (!g || !
|
|
2452
|
-
const P = g.getBoundingClientRect(), J =
|
|
2453
|
-
|
|
2454
|
+
const g = n.value.querySelector(".y-dropdown__trigger"), k = n.value.querySelector(".y-dropdown__menu");
|
|
2455
|
+
if (!g || !k) return;
|
|
2456
|
+
const P = g.getBoundingClientRect(), J = k.getBoundingClientRect(), W = window.innerWidth, D = window.innerHeight;
|
|
2457
|
+
k.style.top = "", k.style.left = "", k.style.right = "", k.style.bottom = "", k.style.transform = "";
|
|
2454
2458
|
let B = 0, E = 0;
|
|
2455
2459
|
switch ($.placement) {
|
|
2456
2460
|
case "bottom":
|
|
@@ -2466,25 +2470,25 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2466
2470
|
B = 0, E = -(J.width + 4);
|
|
2467
2471
|
break;
|
|
2468
2472
|
}
|
|
2469
|
-
let
|
|
2473
|
+
let A = P.top + B, Y = P.left + E;
|
|
2470
2474
|
if ($.placement === "bottom" || $.placement === "top") {
|
|
2471
2475
|
const q = J.width || 260;
|
|
2472
|
-
Y + q >
|
|
2476
|
+
Y + q > W - 10 && (Y = W - q - 10), Y < 10 && (Y = 10);
|
|
2473
2477
|
}
|
|
2474
2478
|
if ($.placement === "left" || $.placement === "right") {
|
|
2475
2479
|
const q = J.height || 200;
|
|
2476
|
-
|
|
2480
|
+
A + q > D - 10 && (A = D - q - 10), A < 10 && (A = 10);
|
|
2477
2481
|
}
|
|
2478
|
-
|
|
2479
|
-
},
|
|
2482
|
+
k.style.top = `${A}px`, k.style.left = `${Y}px`;
|
|
2483
|
+
}, x = (g) => {
|
|
2480
2484
|
$.trigger === "click" && n.value && !n.value.contains(g.target) && (t.value = !1);
|
|
2481
2485
|
}, w = () => {
|
|
2482
2486
|
t.value && T();
|
|
2483
2487
|
};
|
|
2484
2488
|
return $e(() => {
|
|
2485
|
-
$.trigger === "click" && document.addEventListener("click",
|
|
2489
|
+
$.trigger === "click" && document.addEventListener("click", x), window.addEventListener("resize", w), window.addEventListener("scroll", w);
|
|
2486
2490
|
}), Be(() => {
|
|
2487
|
-
$.trigger === "click" && document.removeEventListener("click",
|
|
2491
|
+
$.trigger === "click" && document.removeEventListener("click", x), m && clearTimeout(m), window.removeEventListener("resize", w), window.removeEventListener("scroll", w);
|
|
2488
2492
|
}), ee(
|
|
2489
2493
|
() => $.menuWidth,
|
|
2490
2494
|
() => {
|
|
@@ -2492,7 +2496,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2492
2496
|
T();
|
|
2493
2497
|
});
|
|
2494
2498
|
}
|
|
2495
|
-
), (g,
|
|
2499
|
+
), (g, k) => (i(), u("div", {
|
|
2496
2500
|
class: "y-dropdown",
|
|
2497
2501
|
ref_key: "dropdownRef",
|
|
2498
2502
|
ref: n
|
|
@@ -2503,10 +2507,10 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2503
2507
|
onMouseleave: C
|
|
2504
2508
|
}, [
|
|
2505
2509
|
ae(g.$slots, "trigger", {}, () => [
|
|
2506
|
-
|
|
2510
|
+
k[0] || (k[0] = o("button", { class: "y-dropdown__button" }, " 下拉菜单 ", -1))
|
|
2507
2511
|
], !0)
|
|
2508
2512
|
], 32),
|
|
2509
|
-
se(
|
|
2513
|
+
se(ke, {
|
|
2510
2514
|
name: "dropdown-fade",
|
|
2511
2515
|
appear: ""
|
|
2512
2516
|
}, {
|
|
@@ -2518,9 +2522,9 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2518
2522
|
onMouseleave: C
|
|
2519
2523
|
}, [
|
|
2520
2524
|
ae(g.$slots, "default", {}, () => [
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2525
|
+
k[1] || (k[1] = o("div", { class: "y-dropdown__item" }, "选项 1", -1)),
|
|
2526
|
+
k[2] || (k[2] = o("div", { class: "y-dropdown__item" }, "选项 2", -1)),
|
|
2527
|
+
k[3] || (k[3] = o("div", { class: "y-dropdown__item" }, "选项 3", -1))
|
|
2524
2528
|
], !0)
|
|
2525
2529
|
], 38), [
|
|
2526
2530
|
[Ke, t.value]
|
|
@@ -2536,7 +2540,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2536
2540
|
}, gl = { class: "y-drawer-title" }, ml = { class: "y-drawer-body" }, wl = {
|
|
2537
2541
|
key: 1,
|
|
2538
2542
|
class: "y-drawer-footer"
|
|
2539
|
-
},
|
|
2543
|
+
}, bl = /* @__PURE__ */ ge({
|
|
2540
2544
|
__name: "ydrawer",
|
|
2541
2545
|
props: {
|
|
2542
2546
|
modelValue: { type: Boolean, default: !1 },
|
|
@@ -2553,25 +2557,25 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2553
2557
|
setup(e, { emit: $ }) {
|
|
2554
2558
|
const t = e, n = $, m = O({
|
|
2555
2559
|
get: () => t.modelValue,
|
|
2556
|
-
set: (
|
|
2560
|
+
set: (k) => n("update:modelValue", k)
|
|
2557
2561
|
}), p = z(null), y = O(() => t.placement === "right" ? "drawer-slide-right" : "drawer-slide-bottom"), I = O(() => t.placement === "right" ? "rounded-left" : "rounded-top"), C = O(() => {
|
|
2558
|
-
const
|
|
2559
|
-
return t.placement === "right" ? (
|
|
2562
|
+
const k = {};
|
|
2563
|
+
return t.placement === "right" ? (k.width = typeof t.width == "number" ? `${t.width}px` : String(t.width), k.height = "100%", k.right = "0", k.top = "0") : (k.height = typeof t.height == "number" ? `${t.height}px` : String(t.height), k.width = "100%", k.bottom = "0", k.left = "0"), k;
|
|
2560
2564
|
});
|
|
2561
2565
|
function T() {
|
|
2562
|
-
t.maskClosable &&
|
|
2566
|
+
t.maskClosable && x();
|
|
2563
2567
|
}
|
|
2564
|
-
function
|
|
2568
|
+
function x() {
|
|
2565
2569
|
m.value && (m.value = !1, n("close"));
|
|
2566
2570
|
}
|
|
2567
2571
|
function w() {
|
|
2568
|
-
t.closable &&
|
|
2572
|
+
t.closable && x();
|
|
2569
2573
|
}
|
|
2570
|
-
function g(
|
|
2571
|
-
|
|
2574
|
+
function g(k) {
|
|
2575
|
+
k.key === "Escape" && w();
|
|
2572
2576
|
}
|
|
2573
|
-
return ee(() => t.modelValue, (
|
|
2574
|
-
|
|
2577
|
+
return ee(() => t.modelValue, (k) => {
|
|
2578
|
+
k ? (n("open"), requestAnimationFrame(() => {
|
|
2575
2579
|
var P;
|
|
2576
2580
|
return (P = p.value) == null ? void 0 : P.focus();
|
|
2577
2581
|
}), document.addEventListener("keydown", g), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", g), document.body.style.overflow = "");
|
|
@@ -2579,7 +2583,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2579
2583
|
t.modelValue && (document.addEventListener("keydown", g), document.body.style.overflow = "hidden");
|
|
2580
2584
|
}), Be(() => {
|
|
2581
2585
|
document.removeEventListener("keydown", g), document.body.style.overflow = "";
|
|
2582
|
-
}), (
|
|
2586
|
+
}), (k, P) => (i(), Se(Fe, { to: "body" }, [
|
|
2583
2587
|
Ee(o("div", {
|
|
2584
2588
|
class: "y-drawer-root",
|
|
2585
2589
|
role: "dialog",
|
|
@@ -2591,7 +2595,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2591
2595
|
class: "y-drawer-mask",
|
|
2592
2596
|
onClick: T
|
|
2593
2597
|
}),
|
|
2594
|
-
se(
|
|
2598
|
+
se(ke, { name: y.value }, {
|
|
2595
2599
|
default: ue(() => [
|
|
2596
2600
|
Ee(o("div", {
|
|
2597
2601
|
ref_key: "panelRef",
|
|
@@ -2601,7 +2605,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2601
2605
|
I.value
|
|
2602
2606
|
]]),
|
|
2603
2607
|
style: oe(C.value),
|
|
2604
|
-
onKeydown:
|
|
2608
|
+
onKeydown: be(Q(w, ["prevent", "stop"]), ["esc"]),
|
|
2605
2609
|
tabindex: "-1"
|
|
2606
2610
|
}, [
|
|
2607
2611
|
e.showHeader ? (i(), u("div", yl, [
|
|
@@ -2611,15 +2615,15 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2611
2615
|
type: "button",
|
|
2612
2616
|
class: "y-drawer-close",
|
|
2613
2617
|
"aria-label": "Close",
|
|
2614
|
-
onClick:
|
|
2615
|
-
}, " ✕ ")) :
|
|
2616
|
-
])) :
|
|
2618
|
+
onClick: x
|
|
2619
|
+
}, " ✕ ")) : V("", !0)
|
|
2620
|
+
])) : V("", !0),
|
|
2617
2621
|
o("div", ml, [
|
|
2618
|
-
ae(
|
|
2622
|
+
ae(k.$slots, "default", {}, void 0, !0)
|
|
2619
2623
|
]),
|
|
2620
|
-
|
|
2621
|
-
ae(
|
|
2622
|
-
])) :
|
|
2624
|
+
k.$slots.footer ? (i(), u("div", wl, [
|
|
2625
|
+
ae(k.$slots, "footer", {}, void 0, !0)
|
|
2626
|
+
])) : V("", !0)
|
|
2623
2627
|
], 46, pl), [
|
|
2624
2628
|
[Ke, m.value]
|
|
2625
2629
|
])
|
|
@@ -2631,7 +2635,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2631
2635
|
])
|
|
2632
2636
|
]));
|
|
2633
2637
|
}
|
|
2634
|
-
}),
|
|
2638
|
+
}), kl = /* @__PURE__ */ me(bl, [["__scopeId", "data-v-b2797950"]]), xl = { class: "ytree__container" }, $l = ["data-level", "onClick", "onContextmenu"], Cl = ["onClick"], Dl = {
|
|
2635
2639
|
key: 1,
|
|
2636
2640
|
class: "w-[16px]"
|
|
2637
2641
|
}, _l = ["onClick"], Sl = {
|
|
@@ -2664,7 +2668,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2664
2668
|
height: "12",
|
|
2665
2669
|
viewBox: "0 0 12 12",
|
|
2666
2670
|
fill: "none"
|
|
2667
|
-
},
|
|
2671
|
+
}, Vl = ["src", "alt"], Wl = { class: "ytree-node__custom-content" }, Al = {
|
|
2668
2672
|
key: 0,
|
|
2669
2673
|
class: "ytree-node__children"
|
|
2670
2674
|
}, Fl = ["data-level", "onClick", "onContextmenu"], Pl = ["onClick"], Yl = {
|
|
@@ -2784,39 +2788,39 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2784
2788
|
var h;
|
|
2785
2789
|
return ((h = n.props) != null && h.label ? d[n.props.label] : void 0) || d.label || "";
|
|
2786
2790
|
}
|
|
2787
|
-
function
|
|
2791
|
+
function x(d) {
|
|
2788
2792
|
var h;
|
|
2789
2793
|
return !!((h = d == null ? void 0 : d.data) != null && h.isEmployee);
|
|
2790
2794
|
}
|
|
2791
2795
|
function w(d, h) {
|
|
2792
2796
|
var M;
|
|
2793
|
-
const a = n.deptIconUrl || ho, r = n.personIconUrl || po, f = n.buttonIconUrl || "",
|
|
2794
|
-
return h &&
|
|
2797
|
+
const a = n.deptIconUrl || ho, r = n.personIconUrl || po, f = n.buttonIconUrl || "", b = n.childStyleIconUrl || "";
|
|
2798
|
+
return h && b && J(d, h) ? b : (M = d == null ? void 0 : d.data) != null && M.isButton && f ? f : x(d) ? r : a;
|
|
2795
2799
|
}
|
|
2796
2800
|
function g(d) {
|
|
2797
2801
|
var a;
|
|
2798
2802
|
const h = ((a = n.props) != null && a.children ? d[n.props.children] : void 0) || d.children;
|
|
2799
2803
|
return h && h.length > 0;
|
|
2800
2804
|
}
|
|
2801
|
-
function
|
|
2805
|
+
function k(d) {
|
|
2802
2806
|
var h;
|
|
2803
2807
|
return ((h = n.props) != null && h.children ? d[n.props.children] : void 0) || d.children || [];
|
|
2804
2808
|
}
|
|
2805
2809
|
function P(d, h, a = 1) {
|
|
2806
2810
|
if (d === h)
|
|
2807
2811
|
return a;
|
|
2808
|
-
const r =
|
|
2812
|
+
const r = k(d);
|
|
2809
2813
|
for (const f of r) {
|
|
2810
|
-
const
|
|
2811
|
-
if (
|
|
2812
|
-
return
|
|
2814
|
+
const b = P(f, h, a + 1);
|
|
2815
|
+
if (b > 0)
|
|
2816
|
+
return b;
|
|
2813
2817
|
}
|
|
2814
2818
|
return 0;
|
|
2815
2819
|
}
|
|
2816
2820
|
function J(d, h) {
|
|
2817
2821
|
return !n.childStyleLevel || n.childStyleLevel < 1 ? !1 : P(h, d) === n.childStyleLevel;
|
|
2818
2822
|
}
|
|
2819
|
-
function
|
|
2823
|
+
function W(d) {
|
|
2820
2824
|
const h = C(d);
|
|
2821
2825
|
return y.value.expandedKeys.has(h);
|
|
2822
2826
|
}
|
|
@@ -2824,24 +2828,24 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2824
2828
|
const h = C(d);
|
|
2825
2829
|
if (y.value.checkedKeys.has(h)) {
|
|
2826
2830
|
if (g(d)) {
|
|
2827
|
-
const r =
|
|
2831
|
+
const r = k(d), f = r.filter((M) => D(M)), b = r.filter(
|
|
2828
2832
|
(M) => B(M)
|
|
2829
2833
|
);
|
|
2830
|
-
return f.length === r.length &&
|
|
2834
|
+
return f.length === r.length && b.length === 0;
|
|
2831
2835
|
}
|
|
2832
2836
|
return !0;
|
|
2833
2837
|
}
|
|
2834
2838
|
if (g(d)) {
|
|
2835
|
-
const r =
|
|
2839
|
+
const r = k(d);
|
|
2836
2840
|
return r.some(
|
|
2837
|
-
(
|
|
2838
|
-
) ? !1 : r.length > 0 && r.every((
|
|
2841
|
+
(b) => B(b)
|
|
2842
|
+
) ? !1 : r.length > 0 && r.every((b) => D(b));
|
|
2839
2843
|
}
|
|
2840
2844
|
return !1;
|
|
2841
2845
|
}
|
|
2842
2846
|
function B(d) {
|
|
2843
2847
|
if (!g(d)) return !1;
|
|
2844
|
-
const h =
|
|
2848
|
+
const h = k(d), a = h.filter((f) => D(f)), r = h.filter(
|
|
2845
2849
|
(f) => B(f)
|
|
2846
2850
|
);
|
|
2847
2851
|
return a.length === h.length ? !1 : a.length > 0 || r.length > 0;
|
|
@@ -2850,7 +2854,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2850
2854
|
const h = C(d);
|
|
2851
2855
|
return y.value.currentKey === h;
|
|
2852
2856
|
}
|
|
2853
|
-
function
|
|
2857
|
+
function A(d) {
|
|
2854
2858
|
const h = C(d);
|
|
2855
2859
|
return y.value.highlightedKeys.has(h);
|
|
2856
2860
|
}
|
|
@@ -2858,13 +2862,13 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2858
2862
|
if (n.disabled) return;
|
|
2859
2863
|
const h = C(d), r = !y.value.checkedKeys.has(h), f = new Set(y.value.expandedKeys);
|
|
2860
2864
|
r ? y.value.checkedKeys.add(h) : y.value.checkedKeys.delete(h);
|
|
2861
|
-
function
|
|
2865
|
+
function b(M, K) {
|
|
2862
2866
|
M.forEach((F) => {
|
|
2863
2867
|
const X = C(F);
|
|
2864
|
-
K ? y.value.checkedKeys.add(X) : y.value.checkedKeys.delete(X), g(F) && k(
|
|
2868
|
+
K ? y.value.checkedKeys.add(X) : y.value.checkedKeys.delete(X), g(F) && b(k(F), K);
|
|
2865
2869
|
});
|
|
2866
2870
|
}
|
|
2867
|
-
k(
|
|
2871
|
+
b(k(d), r), r && q(), de(), y.value.expandedKeys = f, m("check-change", d, r, !1), m("check", d, r, !1), m("checked-keys-change", Array.from(y.value.checkedKeys));
|
|
2868
2872
|
}
|
|
2869
2873
|
function q(d) {
|
|
2870
2874
|
I.value && console.log(
|
|
@@ -2879,16 +2883,16 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2879
2883
|
const d = [];
|
|
2880
2884
|
function h(r) {
|
|
2881
2885
|
r.forEach((f) => {
|
|
2882
|
-
d.push(f), g(f) && h(
|
|
2886
|
+
d.push(f), g(f) && h(k(f));
|
|
2883
2887
|
});
|
|
2884
2888
|
}
|
|
2885
2889
|
h(p.value);
|
|
2886
2890
|
function a(r) {
|
|
2887
2891
|
if (g(r)) {
|
|
2888
|
-
const f =
|
|
2892
|
+
const f = k(r), b = C(r), M = f.filter((F) => D(F)), K = f.filter(
|
|
2889
2893
|
(F) => B(F)
|
|
2890
2894
|
);
|
|
2891
|
-
M.length === f.length && K.length === 0 || M.length > 0 || K.length > 0 ? y.value.checkedKeys.add(
|
|
2895
|
+
M.length === f.length && K.length === 0 || M.length > 0 || K.length > 0 ? y.value.checkedKeys.add(b) : y.value.checkedKeys.delete(b);
|
|
2892
2896
|
}
|
|
2893
2897
|
}
|
|
2894
2898
|
for (let r = d.length - 1; r >= 0; r--)
|
|
@@ -2920,23 +2924,23 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2920
2924
|
for (const X of K) {
|
|
2921
2925
|
if (C(X) === M) return F;
|
|
2922
2926
|
if (g(X)) {
|
|
2923
|
-
const ye = a(M,
|
|
2927
|
+
const ye = a(M, k(X), F + 1);
|
|
2924
2928
|
if (ye > 0) return ye;
|
|
2925
2929
|
}
|
|
2926
2930
|
}
|
|
2927
2931
|
return 0;
|
|
2928
2932
|
}, r = function(M, K, F) {
|
|
2929
2933
|
M.forEach((X) => {
|
|
2930
|
-
K < F && g(X) ? (
|
|
2934
|
+
K < F && g(X) ? (b.add(C(X)), r(k(X), K + 1, F)) : K < F && g(X);
|
|
2931
2935
|
});
|
|
2932
2936
|
};
|
|
2933
2937
|
const f = (d || []).filter((M) => {
|
|
2934
2938
|
const K = a(M, p.value, 1);
|
|
2935
2939
|
return K > 0 && K < h;
|
|
2936
|
-
}),
|
|
2940
|
+
}), b = new Set(f);
|
|
2937
2941
|
r(p.value, 1, h), y.value.expandedKeys.forEach((M) => {
|
|
2938
|
-
a(M, p.value, 1) >= h &&
|
|
2939
|
-
}), y.value.expandedKeys =
|
|
2942
|
+
a(M, p.value, 1) >= h && b.add(M);
|
|
2943
|
+
}), y.value.expandedKeys = b;
|
|
2940
2944
|
} else
|
|
2941
2945
|
y.value.expandedKeys = new Set(d);
|
|
2942
2946
|
}
|
|
@@ -2946,14 +2950,14 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2946
2950
|
function ve() {
|
|
2947
2951
|
if (n.defaultExpandAll) {
|
|
2948
2952
|
let d = function(r, f = 1) {
|
|
2949
|
-
r.forEach((
|
|
2950
|
-
if (!g(
|
|
2951
|
-
const M =
|
|
2953
|
+
r.forEach((b) => {
|
|
2954
|
+
if (!g(b)) return;
|
|
2955
|
+
const M = k(b);
|
|
2952
2956
|
if (a) {
|
|
2953
2957
|
if (f >= a) return;
|
|
2954
|
-
f + 1 === a || h.add(C(
|
|
2958
|
+
f + 1 === a || h.add(C(b)), d(M, f + 1);
|
|
2955
2959
|
} else
|
|
2956
|
-
h.add(C(
|
|
2960
|
+
h.add(C(b)), d(M, f + 1);
|
|
2957
2961
|
});
|
|
2958
2962
|
};
|
|
2959
2963
|
const h = /* @__PURE__ */ new Set(), a = I.value;
|
|
@@ -2962,10 +2966,10 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2962
2966
|
}
|
|
2963
2967
|
function re() {
|
|
2964
2968
|
if (n.defaultCheckedKeys && n.defaultCheckedKeys.length > 0) {
|
|
2965
|
-
let d = function(f,
|
|
2969
|
+
let d = function(f, b = []) {
|
|
2966
2970
|
f.forEach((M) => {
|
|
2967
|
-
const K = C(M), F = [...
|
|
2968
|
-
h.has(K) &&
|
|
2971
|
+
const K = C(M), F = [...b, K];
|
|
2972
|
+
h.has(K) && b.forEach((X) => a.add(X)), g(M) && d(k(M), F);
|
|
2969
2973
|
});
|
|
2970
2974
|
};
|
|
2971
2975
|
const h = new Set(n.defaultCheckedKeys), a = /* @__PURE__ */ new Set();
|
|
@@ -2989,12 +2993,12 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
2989
2993
|
);
|
|
2990
2994
|
function we(d) {
|
|
2991
2995
|
try {
|
|
2992
|
-
let h = function(f,
|
|
2996
|
+
let h = function(f, b, M = []) {
|
|
2993
2997
|
for (const K of f) {
|
|
2994
2998
|
const F = C(K), X = [...M, F];
|
|
2995
|
-
if (F ===
|
|
2999
|
+
if (F === b) return X;
|
|
2996
3000
|
if (g(K)) {
|
|
2997
|
-
const ye = h(
|
|
3001
|
+
const ye = h(k(K), b, X);
|
|
2998
3002
|
if (ye) return ye;
|
|
2999
3003
|
}
|
|
3000
3004
|
}
|
|
@@ -3005,8 +3009,8 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3005
3009
|
y.value.highlightedKeys.clear();
|
|
3006
3010
|
const r = new Set(y.value.expandedKeys);
|
|
3007
3011
|
a.forEach((f) => {
|
|
3008
|
-
const
|
|
3009
|
-
|
|
3012
|
+
const b = h(p.value, f);
|
|
3013
|
+
b && b.length > 0 && (b.slice(0, -1).forEach((M) => r.add(M)), y.value.highlightedKeys.add(b[b.length - 1]));
|
|
3010
3014
|
}), y.value.expandedKeys = r;
|
|
3011
3015
|
} catch (h) {
|
|
3012
3016
|
console.warn("highlightAndExpandByIds 执行失败", h);
|
|
@@ -3030,7 +3034,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3030
3034
|
o("div", xl, [
|
|
3031
3035
|
(i(!0), u(le, null, fe(p.value, (a) => (i(), u("div", {
|
|
3032
3036
|
key: C(a),
|
|
3033
|
-
class: R(["ytree-node", { "ytree-node--current": E(a), "ytree-node--highlight":
|
|
3037
|
+
class: R(["ytree-node", { "ytree-node--current": E(a), "ytree-node--highlight": A(a) }])
|
|
3034
3038
|
}, [
|
|
3035
3039
|
o("div", {
|
|
3036
3040
|
class: R(["ytree-node__content", { "is-child-style": J(a, a) }]),
|
|
@@ -3041,7 +3045,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3041
3045
|
}, [
|
|
3042
3046
|
g(a) ? (i(), u("span", {
|
|
3043
3047
|
key: 0,
|
|
3044
|
-
class: R(["ytree-node__expand-icon", { "is-expanded":
|
|
3048
|
+
class: R(["ytree-node__expand-icon", { "is-expanded": W(a) }]),
|
|
3045
3049
|
onClick: Q((r) => U(a), ["stop"])
|
|
3046
3050
|
}, [...h[0] || (h[0] = [
|
|
3047
3051
|
o("svg", {
|
|
@@ -3082,35 +3086,35 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3082
3086
|
"stroke-width": "1.5",
|
|
3083
3087
|
"stroke-linecap": "round"
|
|
3084
3088
|
}, null, -1)
|
|
3085
|
-
])])) :
|
|
3086
|
-
], 10, _l)) :
|
|
3089
|
+
])])) : V("", !0)
|
|
3090
|
+
], 10, _l)) : V("", !0),
|
|
3087
3091
|
e.iconClass ? (i(), u("span", {
|
|
3088
3092
|
key: 3,
|
|
3089
3093
|
class: R(["ytree-node__icon", e.iconClass])
|
|
3090
|
-
}, null, 2)) :
|
|
3094
|
+
}, null, 2)) : V("", !0),
|
|
3091
3095
|
o("img", {
|
|
3092
3096
|
class: "ytree-node__avatar",
|
|
3093
3097
|
src: w(a, a),
|
|
3094
|
-
alt:
|
|
3098
|
+
alt: x(a) ? "person" : "dept"
|
|
3095
3099
|
}, null, 8, Ml),
|
|
3096
3100
|
o("span", {
|
|
3097
|
-
class: R(["ytree-node__label", { "is-employee":
|
|
3101
|
+
class: R(["ytree-node__label", { "is-employee": x(a) }])
|
|
3098
3102
|
}, G(T(a)), 3),
|
|
3099
3103
|
o("div", Il, [
|
|
3100
3104
|
ae(d.$slots, "node-content", {
|
|
3101
3105
|
node: a,
|
|
3102
3106
|
isCurrent: E(a),
|
|
3103
|
-
isExpanded:
|
|
3107
|
+
isExpanded: W(a),
|
|
3104
3108
|
hasChildren: g(a)
|
|
3105
3109
|
}, void 0, !0)
|
|
3106
3110
|
])
|
|
3107
3111
|
], 42, $l),
|
|
3108
|
-
se(
|
|
3112
|
+
se(ke, { name: "ytree-node" }, {
|
|
3109
3113
|
default: ue(() => [
|
|
3110
|
-
g(a) &&
|
|
3111
|
-
(i(!0), u(le, null, fe(
|
|
3114
|
+
g(a) && W(a) ? (i(), u("div", El, [
|
|
3115
|
+
(i(!0), u(le, null, fe(k(a), (r) => (i(), u("div", {
|
|
3112
3116
|
key: C(r),
|
|
3113
|
-
class: R(["ytree-node", { "ytree-node--current": E(r), "ytree-node--highlight":
|
|
3117
|
+
class: R(["ytree-node", { "ytree-node--current": E(r), "ytree-node--highlight": A(r) }])
|
|
3114
3118
|
}, [
|
|
3115
3119
|
o("div", {
|
|
3116
3120
|
class: R(["ytree-node__content", { "is-child-style": J(r, a) }]),
|
|
@@ -3121,7 +3125,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3121
3125
|
}, [
|
|
3122
3126
|
g(r) ? (i(), u("span", {
|
|
3123
3127
|
key: 0,
|
|
3124
|
-
class: R(["ytree-node__expand-icon", { "is-expanded":
|
|
3128
|
+
class: R(["ytree-node__expand-icon", { "is-expanded": W(r) }]),
|
|
3125
3129
|
onClick: Q((f) => U(r), ["stop"])
|
|
3126
3130
|
}, [...h[3] || (h[3] = [
|
|
3127
3131
|
o("svg", {
|
|
@@ -3162,46 +3166,46 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3162
3166
|
"stroke-width": "1.5",
|
|
3163
3167
|
"stroke-linecap": "round"
|
|
3164
3168
|
}, null, -1)
|
|
3165
|
-
])])) :
|
|
3166
|
-
], 10, Kl)) :
|
|
3169
|
+
])])) : V("", !0)
|
|
3170
|
+
], 10, Kl)) : V("", !0),
|
|
3167
3171
|
e.iconClass ? (i(), u("span", {
|
|
3168
3172
|
key: 3,
|
|
3169
3173
|
class: R(["ytree-node__icon", e.iconClass])
|
|
3170
|
-
}, null, 2)) :
|
|
3174
|
+
}, null, 2)) : V("", !0),
|
|
3171
3175
|
o("img", {
|
|
3172
3176
|
class: "ytree-node__avatar",
|
|
3173
3177
|
src: w(r, a),
|
|
3174
|
-
alt:
|
|
3175
|
-
}, null, 8,
|
|
3178
|
+
alt: x(r) ? "person" : "dept"
|
|
3179
|
+
}, null, 8, Vl),
|
|
3176
3180
|
o("span", {
|
|
3177
|
-
class: R(["ytree-node__label", { "is-employee":
|
|
3181
|
+
class: R(["ytree-node__label", { "is-employee": x(r) }])
|
|
3178
3182
|
}, G(T(r)), 3),
|
|
3179
|
-
o("div",
|
|
3183
|
+
o("div", Wl, [
|
|
3180
3184
|
ae(d.$slots, "node-content", {
|
|
3181
3185
|
node: r,
|
|
3182
3186
|
isCurrent: E(r),
|
|
3183
|
-
isExpanded:
|
|
3187
|
+
isExpanded: W(r),
|
|
3184
3188
|
hasChildren: g(r)
|
|
3185
3189
|
}, void 0, !0)
|
|
3186
3190
|
])
|
|
3187
3191
|
], 42, Bl),
|
|
3188
|
-
se(
|
|
3192
|
+
se(ke, { name: "ytree-node" }, {
|
|
3189
3193
|
default: ue(() => [
|
|
3190
|
-
g(r) &&
|
|
3191
|
-
(i(!0), u(le, null, fe(
|
|
3194
|
+
g(r) && W(r) ? (i(), u("div", Al, [
|
|
3195
|
+
(i(!0), u(le, null, fe(k(r), (f) => (i(), u("div", {
|
|
3192
3196
|
key: C(f),
|
|
3193
3197
|
class: R(["ytree-node", {
|
|
3194
3198
|
"ytree-node--current": E(f),
|
|
3195
|
-
"ytree-node--highlight":
|
|
3199
|
+
"ytree-node--highlight": A(f)
|
|
3196
3200
|
}])
|
|
3197
3201
|
}, [
|
|
3198
3202
|
o("div", {
|
|
3199
3203
|
class: R(["ytree-node__content", { "is-child-style": J(f, a) }]),
|
|
3200
3204
|
style: { paddingLeft: "38px" },
|
|
3201
3205
|
"data-level": P(a, f),
|
|
3202
|
-
onClick: (
|
|
3203
|
-
onContextmenu: (
|
|
3204
|
-
|
|
3206
|
+
onClick: (b) => ce(f, f, null, a),
|
|
3207
|
+
onContextmenu: (b) => ie(
|
|
3208
|
+
b,
|
|
3205
3209
|
f,
|
|
3206
3210
|
f,
|
|
3207
3211
|
null
|
|
@@ -3209,8 +3213,8 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3209
3213
|
}, [
|
|
3210
3214
|
g(f) ? (i(), u("span", {
|
|
3211
3215
|
key: 0,
|
|
3212
|
-
class: R(["ytree-node__expand-icon", { "is-expanded":
|
|
3213
|
-
onClick: Q((
|
|
3216
|
+
class: R(["ytree-node__expand-icon", { "is-expanded": W(f) }]),
|
|
3217
|
+
onClick: Q((b) => U(f), ["stop"])
|
|
3214
3218
|
}, [...h[6] || (h[6] = [
|
|
3215
3219
|
o("svg", {
|
|
3216
3220
|
width: "12",
|
|
@@ -3233,7 +3237,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3233
3237
|
"is-checked": D(f),
|
|
3234
3238
|
"is-indeterminate": B(f)
|
|
3235
3239
|
}]),
|
|
3236
|
-
onClick: Q((
|
|
3240
|
+
onClick: Q((b) => Y(f), ["stop"])
|
|
3237
3241
|
}, [
|
|
3238
3242
|
D(f) ? (i(), u("svg", Ol, [...h[7] || (h[7] = [
|
|
3239
3243
|
o("path", {
|
|
@@ -3250,64 +3254,64 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3250
3254
|
"stroke-width": "1.5",
|
|
3251
3255
|
"stroke-linecap": "round"
|
|
3252
3256
|
}, null, -1)
|
|
3253
|
-
])])) :
|
|
3254
|
-
], 10, Nl)) :
|
|
3257
|
+
])])) : V("", !0)
|
|
3258
|
+
], 10, Nl)) : V("", !0),
|
|
3255
3259
|
e.iconClass ? (i(), u("span", {
|
|
3256
3260
|
key: 3,
|
|
3257
3261
|
class: R(["ytree-node__icon", e.iconClass])
|
|
3258
|
-
}, null, 2)) :
|
|
3262
|
+
}, null, 2)) : V("", !0),
|
|
3259
3263
|
o("img", {
|
|
3260
3264
|
class: "ytree-node__avatar",
|
|
3261
3265
|
src: w(f, a),
|
|
3262
|
-
alt:
|
|
3266
|
+
alt: x(f) ? "person" : "dept"
|
|
3263
3267
|
}, null, 8, ql),
|
|
3264
3268
|
o("span", {
|
|
3265
|
-
class: R(["ytree-node__label", { "is-employee":
|
|
3269
|
+
class: R(["ytree-node__label", { "is-employee": x(f) }])
|
|
3266
3270
|
}, G(T(f)), 3),
|
|
3267
3271
|
o("div", Ul, [
|
|
3268
3272
|
ae(d.$slots, "node-content", {
|
|
3269
3273
|
node: f,
|
|
3270
3274
|
isCurrent: E(f),
|
|
3271
|
-
isExpanded:
|
|
3275
|
+
isExpanded: W(f),
|
|
3272
3276
|
hasChildren: g(f)
|
|
3273
3277
|
}, void 0, !0)
|
|
3274
3278
|
])
|
|
3275
3279
|
], 42, Fl),
|
|
3276
|
-
se(
|
|
3280
|
+
se(ke, { name: "ytree-node" }, {
|
|
3277
3281
|
default: ue(() => [
|
|
3278
|
-
g(f) &&
|
|
3279
|
-
(i(!0), u(le, null, fe(
|
|
3280
|
-
key: C(
|
|
3282
|
+
g(f) && W(f) ? (i(), u("div", Zl, [
|
|
3283
|
+
(i(!0), u(le, null, fe(k(f), (b) => (i(), u("div", {
|
|
3284
|
+
key: C(b),
|
|
3281
3285
|
class: R(["ytree-node", {
|
|
3282
|
-
"ytree-node--current": E(
|
|
3283
|
-
"ytree-node--highlight":
|
|
3286
|
+
"ytree-node--current": E(b),
|
|
3287
|
+
"ytree-node--highlight": A(b)
|
|
3284
3288
|
}])
|
|
3285
3289
|
}, [
|
|
3286
3290
|
o("div", {
|
|
3287
|
-
class: R(["ytree-node__content", { "is-child-style": J(
|
|
3291
|
+
class: R(["ytree-node__content", { "is-child-style": J(b, a) }]),
|
|
3288
3292
|
style: {
|
|
3289
3293
|
paddingLeft: "54px"
|
|
3290
3294
|
},
|
|
3291
|
-
"data-level": P(a,
|
|
3295
|
+
"data-level": P(a, b),
|
|
3292
3296
|
onClick: (M) => ce(
|
|
3293
|
-
|
|
3294
|
-
|
|
3297
|
+
b,
|
|
3298
|
+
b,
|
|
3295
3299
|
null,
|
|
3296
3300
|
a
|
|
3297
3301
|
),
|
|
3298
3302
|
onContextmenu: (M) => ie(
|
|
3299
3303
|
M,
|
|
3300
|
-
|
|
3301
|
-
|
|
3304
|
+
b,
|
|
3305
|
+
b,
|
|
3302
3306
|
null
|
|
3303
3307
|
)
|
|
3304
3308
|
}, [
|
|
3305
|
-
g(
|
|
3309
|
+
g(b) ? (i(), u("span", {
|
|
3306
3310
|
key: 0,
|
|
3307
3311
|
class: R(["ytree-node__expand-icon", {
|
|
3308
|
-
"is-expanded":
|
|
3312
|
+
"is-expanded": W(b)
|
|
3309
3313
|
}]),
|
|
3310
|
-
onClick: Q((M) => U(
|
|
3314
|
+
onClick: Q((M) => U(b), ["stop"])
|
|
3311
3315
|
}, [...h[9] || (h[9] = [
|
|
3312
3316
|
o("svg", {
|
|
3313
3317
|
width: "12",
|
|
@@ -3327,12 +3331,12 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3327
3331
|
e.showCheckbox ? (i(), u("span", {
|
|
3328
3332
|
key: 2,
|
|
3329
3333
|
class: R(["ytree-node__checkbox", {
|
|
3330
|
-
"is-checked": D(
|
|
3331
|
-
"is-indeterminate": B(
|
|
3334
|
+
"is-checked": D(b),
|
|
3335
|
+
"is-indeterminate": B(b)
|
|
3332
3336
|
}]),
|
|
3333
|
-
onClick: Q((M) => Y(
|
|
3337
|
+
onClick: Q((M) => Y(b), ["stop"])
|
|
3334
3338
|
}, [
|
|
3335
|
-
D(
|
|
3339
|
+
D(b) ? (i(), u("svg", eo, [...h[10] || (h[10] = [
|
|
3336
3340
|
o("path", {
|
|
3337
3341
|
d: "M2 6L4.5 8.5L10 3",
|
|
3338
3342
|
stroke: "currentColor",
|
|
@@ -3340,43 +3344,43 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3340
3344
|
"stroke-linecap": "round",
|
|
3341
3345
|
"stroke-linejoin": "round"
|
|
3342
3346
|
}, null, -1)
|
|
3343
|
-
])])) : B(
|
|
3347
|
+
])])) : B(b) ? (i(), u("svg", to, [...h[11] || (h[11] = [
|
|
3344
3348
|
o("path", {
|
|
3345
3349
|
d: "M2 6L10 6",
|
|
3346
3350
|
stroke: "currentColor",
|
|
3347
3351
|
"stroke-width": "1.5",
|
|
3348
3352
|
"stroke-linecap": "round"
|
|
3349
3353
|
}, null, -1)
|
|
3350
|
-
])])) :
|
|
3351
|
-
], 10, Gl)) :
|
|
3354
|
+
])])) : V("", !0)
|
|
3355
|
+
], 10, Gl)) : V("", !0),
|
|
3352
3356
|
e.iconClass ? (i(), u("span", {
|
|
3353
3357
|
key: 3,
|
|
3354
3358
|
class: R(["ytree-node__icon", e.iconClass])
|
|
3355
|
-
}, null, 2)) :
|
|
3359
|
+
}, null, 2)) : V("", !0),
|
|
3356
3360
|
o("img", {
|
|
3357
3361
|
class: "ytree-node__avatar",
|
|
3358
|
-
src: w(
|
|
3359
|
-
alt: b
|
|
3362
|
+
src: w(b, a),
|
|
3363
|
+
alt: x(b) ? "person" : "dept"
|
|
3360
3364
|
}, null, 8, no),
|
|
3361
3365
|
o("span", {
|
|
3362
3366
|
class: R(["ytree-node__label", {
|
|
3363
|
-
"is-employee": b
|
|
3367
|
+
"is-employee": x(b)
|
|
3364
3368
|
}])
|
|
3365
|
-
}, G(T(
|
|
3369
|
+
}, G(T(b)), 3),
|
|
3366
3370
|
o("div", lo, [
|
|
3367
3371
|
ae(d.$slots, "node-content", {
|
|
3368
|
-
node:
|
|
3369
|
-
isCurrent: E(
|
|
3370
|
-
isExpanded:
|
|
3371
|
-
hasChildren: g(
|
|
3372
|
+
node: b,
|
|
3373
|
+
isCurrent: E(b),
|
|
3374
|
+
isExpanded: W(b),
|
|
3375
|
+
hasChildren: g(b)
|
|
3372
3376
|
}, void 0, !0)
|
|
3373
3377
|
])
|
|
3374
3378
|
], 42, Ql),
|
|
3375
|
-
se(
|
|
3379
|
+
se(ke, { name: "ytree-node" }, {
|
|
3376
3380
|
default: ue(() => [
|
|
3377
|
-
g(
|
|
3378
|
-
(i(!0), u(le, null, fe(
|
|
3379
|
-
|
|
3381
|
+
g(b) && W(b) ? (i(), u("div", oo, [
|
|
3382
|
+
(i(!0), u(le, null, fe(k(
|
|
3383
|
+
b
|
|
3380
3384
|
), (M) => (i(), u("div", {
|
|
3381
3385
|
key: C(M),
|
|
3382
3386
|
class: R(["ytree-node", {
|
|
@@ -3405,7 +3409,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3405
3409
|
g(M) ? (i(), u("span", {
|
|
3406
3410
|
key: 0,
|
|
3407
3411
|
class: R(["ytree-node__expand-icon", {
|
|
3408
|
-
"is-expanded":
|
|
3412
|
+
"is-expanded": W(M)
|
|
3409
3413
|
}]),
|
|
3410
3414
|
onClick: Q((K) => U(M), ["stop"])
|
|
3411
3415
|
}, [...h[12] || (h[12] = [
|
|
@@ -3451,48 +3455,48 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3451
3455
|
"stroke-width": "1.5",
|
|
3452
3456
|
"stroke-linecap": "round"
|
|
3453
3457
|
}, null, -1)
|
|
3454
|
-
])])) :
|
|
3455
|
-
], 10, ro)) :
|
|
3458
|
+
])])) : V("", !0)
|
|
3459
|
+
], 10, ro)) : V("", !0),
|
|
3456
3460
|
e.iconClass ? (i(), u("span", {
|
|
3457
3461
|
key: 3,
|
|
3458
3462
|
class: R(["ytree-node__icon", e.iconClass])
|
|
3459
|
-
}, null, 2)) :
|
|
3463
|
+
}, null, 2)) : V("", !0),
|
|
3460
3464
|
o("img", {
|
|
3461
3465
|
class: "ytree-node__avatar",
|
|
3462
3466
|
src: w(M, a),
|
|
3463
|
-
alt:
|
|
3467
|
+
alt: x(M) ? "person" : "dept"
|
|
3464
3468
|
}, null, 8, fo),
|
|
3465
3469
|
o("span", {
|
|
3466
3470
|
class: R(["ytree-node__label", {
|
|
3467
|
-
"is-employee":
|
|
3471
|
+
"is-employee": x(M)
|
|
3468
3472
|
}])
|
|
3469
3473
|
}, G(T(M)), 3),
|
|
3470
3474
|
o("div", vo, [
|
|
3471
3475
|
ae(d.$slots, "node-content", {
|
|
3472
3476
|
node: M,
|
|
3473
3477
|
isCurrent: E(M),
|
|
3474
|
-
isExpanded:
|
|
3478
|
+
isExpanded: W(M),
|
|
3475
3479
|
hasChildren: g(M)
|
|
3476
3480
|
}, void 0, !0)
|
|
3477
3481
|
])
|
|
3478
3482
|
], 42, ao)
|
|
3479
3483
|
], 2))), 128))
|
|
3480
|
-
])) :
|
|
3484
|
+
])) : V("", !0)
|
|
3481
3485
|
]),
|
|
3482
3486
|
_: 2
|
|
3483
3487
|
}, 1024)
|
|
3484
3488
|
], 2))), 128))
|
|
3485
|
-
])) :
|
|
3489
|
+
])) : V("", !0)
|
|
3486
3490
|
]),
|
|
3487
3491
|
_: 2
|
|
3488
3492
|
}, 1024)
|
|
3489
3493
|
], 2))), 128))
|
|
3490
|
-
])) :
|
|
3494
|
+
])) : V("", !0)
|
|
3491
3495
|
]),
|
|
3492
3496
|
_: 2
|
|
3493
3497
|
}, 1024)
|
|
3494
3498
|
], 2))), 128))
|
|
3495
|
-
])) :
|
|
3499
|
+
])) : V("", !0)
|
|
3496
3500
|
]),
|
|
3497
3501
|
_: 2
|
|
3498
3502
|
}, 1024)
|
|
@@ -3500,7 +3504,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3500
3504
|
])
|
|
3501
3505
|
], 2));
|
|
3502
3506
|
}
|
|
3503
|
-
}), go = /* @__PURE__ */ me(yo, [["__scopeId", "data-v-6ab410ed"]]), mo = { class: "query-encapsulation" }, wo = { class: "query-encapsulation__container" },
|
|
3507
|
+
}), go = /* @__PURE__ */ me(yo, [["__scopeId", "data-v-6ab410ed"]]), mo = { class: "query-encapsulation" }, wo = { class: "query-encapsulation__container" }, bo = { class: "query-encapsulation__content" }, ko = { class: "query-encapsulation__fields" }, xo = { class: "query-encapsulation__field-wrapper" }, $o = {
|
|
3504
3508
|
key: 0,
|
|
3505
3509
|
class: "query-encapsulation__field-label"
|
|
3506
3510
|
}, Co = {
|
|
@@ -3530,7 +3534,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3530
3534
|
return Ge;
|
|
3531
3535
|
}
|
|
3532
3536
|
}
|
|
3533
|
-
function
|
|
3537
|
+
function x(D) {
|
|
3534
3538
|
n("field-change", D, p[D.key]), n("update:modelValue", { ...p });
|
|
3535
3539
|
}
|
|
3536
3540
|
function w() {
|
|
@@ -3543,19 +3547,19 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3543
3547
|
(B == null ? void 0 : B.type) === "daterange" ? p[D] = { startDate: null, endDate: null } : (B == null ? void 0 : B.type) === "date" ? p[D] = null : p[D] = "";
|
|
3544
3548
|
}), n("reset"), n("update:modelValue", { ...p });
|
|
3545
3549
|
}
|
|
3546
|
-
function
|
|
3550
|
+
function k() {
|
|
3547
3551
|
m.value = !m.value;
|
|
3548
3552
|
}
|
|
3549
3553
|
function P(D) {
|
|
3550
3554
|
const B = {};
|
|
3551
3555
|
return Object.keys(D).forEach((E) => {
|
|
3552
|
-
const
|
|
3556
|
+
const A = t.fields.find((U) => U.key === E), Y = D[E], q = typeof Y == "string" ? Y.trim() : Y;
|
|
3553
3557
|
if (!(q == null || q === "")) {
|
|
3554
3558
|
if (typeof q == "object" && q.startDate && q.endDate) {
|
|
3555
3559
|
q.startDate && q.endDate && (B[E] = q);
|
|
3556
3560
|
return;
|
|
3557
3561
|
}
|
|
3558
|
-
if (
|
|
3562
|
+
if (A && (A.type === "date" || A.type === "daterange")) {
|
|
3559
3563
|
q !== 0 && (B[E] = q);
|
|
3560
3564
|
return;
|
|
3561
3565
|
}
|
|
@@ -3566,23 +3570,23 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3566
3570
|
function J(D) {
|
|
3567
3571
|
const B = {};
|
|
3568
3572
|
return Object.keys(D).forEach((E) => {
|
|
3569
|
-
const
|
|
3573
|
+
const A = D[E], Y = t.fields.find((q) => q.key === E);
|
|
3570
3574
|
if (Y)
|
|
3571
|
-
if (Y.type === "daterange" && typeof
|
|
3575
|
+
if (Y.type === "daterange" && typeof A == "object") {
|
|
3572
3576
|
const q = Y.startKey || `${E}Start`, U = Y.endKey || `${E}End`;
|
|
3573
|
-
|
|
3574
|
-
} else Y.type === "date" &&
|
|
3577
|
+
A.startDate && A.endDate && A.startDate !== 0 && A.endDate !== 0 && (Y.format === "timestamp" ? (B[q] = new Date(A.startDate).getTime(), B[U] = new Date(A.endDate).getTime()) : (B[q] = A.startDate, B[U] = A.endDate));
|
|
3578
|
+
} else Y.type === "date" && A && A !== 0 && Y.format === "timestamp" ? B[E] = new Date(A).getTime() : B[E] = A;
|
|
3575
3579
|
else
|
|
3576
|
-
B[E] =
|
|
3580
|
+
B[E] = A;
|
|
3577
3581
|
}), B;
|
|
3578
3582
|
}
|
|
3579
|
-
function
|
|
3583
|
+
function W() {
|
|
3580
3584
|
t.fields.forEach((D) => {
|
|
3581
|
-
var B, E,
|
|
3585
|
+
var B, E, A;
|
|
3582
3586
|
p[D.key] === void 0 && (D.type === "daterange" ? p[D.key] = ((B = t.modelValue) == null ? void 0 : B[D.key]) || {
|
|
3583
3587
|
startDate: null,
|
|
3584
3588
|
endDate: null
|
|
3585
|
-
} : D.type === "date" ? p[D.key] = ((E = t.modelValue) == null ? void 0 : E[D.key]) || null : p[D.key] = ((
|
|
3589
|
+
} : D.type === "date" ? p[D.key] = ((E = t.modelValue) == null ? void 0 : E[D.key]) || null : p[D.key] = ((A = t.modelValue) == null ? void 0 : A[D.key]) || "");
|
|
3586
3590
|
});
|
|
3587
3591
|
}
|
|
3588
3592
|
return ee(
|
|
@@ -3592,11 +3596,11 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3592
3596
|
},
|
|
3593
3597
|
{ deep: !0, immediate: !0 }
|
|
3594
3598
|
), $e(() => {
|
|
3595
|
-
|
|
3599
|
+
W();
|
|
3596
3600
|
}), (D, B) => (i(), u("div", mo, [
|
|
3597
3601
|
o("div", wo, [
|
|
3598
|
-
o("div",
|
|
3599
|
-
o("div",
|
|
3602
|
+
o("div", bo, [
|
|
3603
|
+
o("div", ko, [
|
|
3600
3604
|
se(st, {
|
|
3601
3605
|
name: "qf",
|
|
3602
3606
|
tag: "div",
|
|
@@ -3608,10 +3612,10 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3608
3612
|
class: "query-encapsulation__field-item"
|
|
3609
3613
|
}, [
|
|
3610
3614
|
o("div", xo, [
|
|
3611
|
-
e.Iflabel ? (i(), u("label", $o, G(E.label), 1)) :
|
|
3615
|
+
e.Iflabel ? (i(), u("label", $o, G(E.label), 1)) : V("", !0),
|
|
3612
3616
|
(i(), Se(it(T(E.type)), {
|
|
3613
3617
|
modelValue: p[E.key],
|
|
3614
|
-
"onUpdate:modelValue": (
|
|
3618
|
+
"onUpdate:modelValue": (A) => p[E.key] = A,
|
|
3615
3619
|
placeholder: E.placeholder || `请输入${E.label}`,
|
|
3616
3620
|
options: E.options,
|
|
3617
3621
|
clearable: E.clearable !== !1,
|
|
@@ -3620,8 +3624,8 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3620
3624
|
format: E.format || "timestamp",
|
|
3621
3625
|
"include-time": E.includeTime || !1,
|
|
3622
3626
|
filterable: E.filterable === !0,
|
|
3623
|
-
onInput: (
|
|
3624
|
-
onChange: (
|
|
3627
|
+
onInput: (A) => x(E),
|
|
3628
|
+
onChange: (A) => x(E)
|
|
3625
3629
|
}, null, 40, ["modelValue", "onUpdate:modelValue", "placeholder", "options", "clearable", "size", "width", "format", "include-time", "filterable", "onInput", "onChange"]))
|
|
3626
3630
|
])
|
|
3627
3631
|
]))), 128))
|
|
@@ -3632,7 +3636,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3632
3636
|
se(Ne, {
|
|
3633
3637
|
variant: "secondary",
|
|
3634
3638
|
size: "small",
|
|
3635
|
-
onClick:
|
|
3639
|
+
onClick: k
|
|
3636
3640
|
}, {
|
|
3637
3641
|
default: ue(() => [
|
|
3638
3642
|
xe(G(m.value ? "收起" : "展开") + " ", 1),
|
|
@@ -3642,7 +3646,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3642
3646
|
]),
|
|
3643
3647
|
_: 1
|
|
3644
3648
|
})
|
|
3645
|
-
])) :
|
|
3649
|
+
])) : V("", !0),
|
|
3646
3650
|
o("div", Do, [
|
|
3647
3651
|
o("div", _o, [
|
|
3648
3652
|
se(Ne, {
|
|
@@ -3722,7 +3726,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3722
3726
|
var y;
|
|
3723
3727
|
(y = $.onClose) == null || y.call($, $.id);
|
|
3724
3728
|
}
|
|
3725
|
-
return (y, I) => (i(), Se(
|
|
3729
|
+
return (y, I) => (i(), Se(ke, {
|
|
3726
3730
|
name: "y-msg-fade",
|
|
3727
3731
|
onAfterLeave: p
|
|
3728
3732
|
}, {
|
|
@@ -3772,7 +3776,7 @@ const ut = ["type", "disabled", "aria-busy", "aria-disabled"], dt = { class: "co
|
|
|
3772
3776
|
class: "y-msg__close",
|
|
3773
3777
|
type: "button",
|
|
3774
3778
|
onClick: m
|
|
3775
|
-
}, "✕")) :
|
|
3779
|
+
}, "✕")) : V("", !0)
|
|
3776
3780
|
], 6), [
|
|
3777
3781
|
[Ke, t.value]
|
|
3778
3782
|
])
|
|
@@ -3855,20 +3859,20 @@ function je() {
|
|
|
3855
3859
|
const Je = {
|
|
3856
3860
|
YButton: Ne,
|
|
3857
3861
|
YInput: Ge,
|
|
3858
|
-
YTable:
|
|
3862
|
+
YTable: At,
|
|
3859
3863
|
YSelect: et,
|
|
3860
3864
|
YPagination: Jt,
|
|
3861
3865
|
YBadge: fn,
|
|
3862
|
-
YDialog:
|
|
3866
|
+
YDialog: bn,
|
|
3863
3867
|
YPopover: $n,
|
|
3864
3868
|
YTime: tt,
|
|
3865
3869
|
YSwitch: il,
|
|
3866
3870
|
YImage: cl,
|
|
3867
3871
|
YDropdown: vl,
|
|
3868
|
-
YDrawer:
|
|
3872
|
+
YDrawer: kl,
|
|
3869
3873
|
YTree: go,
|
|
3870
3874
|
QueryEncapsulation: Lo
|
|
3871
|
-
},
|
|
3875
|
+
}, Wo = {
|
|
3872
3876
|
install(e) {
|
|
3873
3877
|
Object.keys(Je).forEach(($) => {
|
|
3874
3878
|
e.component($, Je[$]);
|
|
@@ -3879,8 +3883,8 @@ export {
|
|
|
3879
3883
|
Lo as QueryEncapsulation,
|
|
3880
3884
|
fn as YBadge,
|
|
3881
3885
|
Ne as YButton,
|
|
3882
|
-
|
|
3883
|
-
|
|
3886
|
+
bn as YDialog,
|
|
3887
|
+
kl as YDrawer,
|
|
3884
3888
|
vl as YDropdown,
|
|
3885
3889
|
cl as YImage,
|
|
3886
3890
|
Ge as YInput,
|
|
@@ -3889,9 +3893,9 @@ export {
|
|
|
3889
3893
|
$n as YPopover,
|
|
3890
3894
|
et as YSelect,
|
|
3891
3895
|
il as YSwitch,
|
|
3892
|
-
|
|
3896
|
+
At as YTable,
|
|
3893
3897
|
tt as YTime,
|
|
3894
3898
|
go as YTree,
|
|
3895
|
-
|
|
3899
|
+
Wo as default
|
|
3896
3900
|
};
|
|
3897
3901
|
//# sourceMappingURL=index.esm.js.map
|