@nhdropshipping/y-components 1.0.52 → 1.0.53
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/QueryEncapsulation.vue.d.ts +5 -1
- package/dist/components/QueryEncapsulation.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 +1118 -1107
- 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
|
|
1
|
+
import { defineComponent as we, computed as q, createElementBlock as u, openBlock as s, normalizeClass as H, createElementVNode as l, renderSlot as ue, Fragment as ce, renderList as ge, createCommentVNode as R, toDisplayString as se, ref as z, watch as ae, normalizeStyle as fe, withKeys as ke, nextTick as re, onMounted as Ce, onUnmounted as Be, resolveComponent as Ve, createVNode as ve, Transition as $e, withCtx as he, createTextVNode as De, createBlock as Ie, withModifiers as te, withDirectives as Ee, vModelText as at, Teleport as Fe, vShow as Ke, provide as st, reactive as it, onBeforeUnmount as Ge, TransitionGroup as rt, resolveDynamicComponent as ut, mergeProps as dt, toHandlers as ct, render as et } from "vue";
|
|
2
2
|
const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "content" }, ht = {
|
|
3
3
|
key: 1,
|
|
4
4
|
class: "y-btn-group",
|
|
@@ -15,7 +15,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
15
15
|
viewBox: "0 0 20 20",
|
|
16
16
|
fill: "currentColor",
|
|
17
17
|
"aria-hidden": "true"
|
|
18
|
-
}, wt = { key: 2 }, bt = /* @__PURE__ */
|
|
18
|
+
}, wt = { key: 2 }, bt = /* @__PURE__ */ we({
|
|
19
19
|
__name: "ybutton",
|
|
20
20
|
props: {
|
|
21
21
|
htmlType: { default: "button" },
|
|
@@ -30,14 +30,14 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
30
30
|
emits: ["click", "group-click"],
|
|
31
31
|
setup(t, { emit: D }) {
|
|
32
32
|
const e = t, n = D;
|
|
33
|
-
function
|
|
33
|
+
function g(C) {
|
|
34
34
|
if (e.disabled || e.loading) {
|
|
35
35
|
C.preventDefault(), C.stopPropagation();
|
|
36
36
|
return;
|
|
37
37
|
}
|
|
38
38
|
n("click", C);
|
|
39
39
|
}
|
|
40
|
-
const
|
|
40
|
+
const v = q(() => {
|
|
41
41
|
switch (e.groupPosition) {
|
|
42
42
|
case "start":
|
|
43
43
|
return "group-pos-start";
|
|
@@ -48,24 +48,24 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
48
48
|
default:
|
|
49
49
|
return "group-pos-single";
|
|
50
50
|
}
|
|
51
|
-
}),
|
|
52
|
-
function S(C,
|
|
51
|
+
}), h = q(() => Array.isArray(e.groupItems) && e.groupItems.length > 0);
|
|
52
|
+
function S(C, B) {
|
|
53
53
|
if (e.disabled || e.loading || C.disabled || C.loading) {
|
|
54
|
-
|
|
54
|
+
B.preventDefault(), B.stopPropagation();
|
|
55
55
|
return;
|
|
56
56
|
}
|
|
57
|
-
n("group-click", C.value,
|
|
57
|
+
n("group-click", C.value, B);
|
|
58
58
|
}
|
|
59
|
-
return (C,
|
|
60
|
-
(s(!0), u(
|
|
61
|
-
var
|
|
59
|
+
return (C, B) => h.value ? (s(), u("div", ht, [
|
|
60
|
+
(s(!0), u(ce, null, ge(t.groupItems, (x, m) => {
|
|
61
|
+
var w;
|
|
62
62
|
return s(), u("button", {
|
|
63
|
-
key: x.value ??
|
|
64
|
-
class:
|
|
63
|
+
key: x.value ?? m,
|
|
64
|
+
class: H(["y-btn", [
|
|
65
65
|
`y-btn--${x.variant ?? t.variant}`,
|
|
66
66
|
`y-btn--${x.size ?? t.size}`,
|
|
67
67
|
"is-grouped",
|
|
68
|
-
|
|
68
|
+
m === 0 ? "group-pos-start" : m === (((w = t.groupItems) == null ? void 0 : w.length) || 0) - 1 ? "group-pos-end" : "group-pos-middle",
|
|
69
69
|
{ "is-loading": x.loading || t.loading }
|
|
70
70
|
]]),
|
|
71
71
|
type: t.htmlType,
|
|
@@ -76,49 +76,49 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
76
76
|
onClick: (k) => S(x, k)
|
|
77
77
|
}, [
|
|
78
78
|
l("span", yt, [
|
|
79
|
-
x.icon === "chevron-left" ? (s(), u("svg", gt, [...
|
|
79
|
+
x.icon === "chevron-left" ? (s(), u("svg", gt, [...B[0] || (B[0] = [
|
|
80
80
|
l("path", {
|
|
81
81
|
"fill-rule": "evenodd",
|
|
82
82
|
d: "M12.78 15.22a.75.75 0 01-1.06 0l-5-5a.75.75 0 010-1.06l5-5a.75.75 0 111.06 1.06L8.81 10l3.97 3.97a.75.75 0 010 1.06z",
|
|
83
83
|
"clip-rule": "evenodd"
|
|
84
84
|
}, null, -1)
|
|
85
|
-
])])) : x.icon === "chevron-right" ? (s(), u("svg", mt, [...
|
|
85
|
+
])])) : x.icon === "chevron-right" ? (s(), u("svg", mt, [...B[1] || (B[1] = [
|
|
86
86
|
l("path", {
|
|
87
87
|
"fill-rule": "evenodd",
|
|
88
88
|
d: "M7.22 4.78a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L11.19 10 7.22 6.03a.75.75 0 010-1.06z",
|
|
89
89
|
"clip-rule": "evenodd"
|
|
90
90
|
}, null, -1)
|
|
91
|
-
])])) :
|
|
92
|
-
x.label && !x.onlyIcon ? (s(), u("span", wt, se(x.label), 1)) :
|
|
91
|
+
])])) : R("", !0),
|
|
92
|
+
x.label && !x.onlyIcon ? (s(), u("span", wt, se(x.label), 1)) : R("", !0)
|
|
93
93
|
])
|
|
94
94
|
], 10, pt);
|
|
95
95
|
}), 128))
|
|
96
96
|
])) : (s(), u("button", {
|
|
97
97
|
key: 0,
|
|
98
|
-
class:
|
|
98
|
+
class: H(["y-btn", [
|
|
99
99
|
`y-btn--${t.variant}`,
|
|
100
100
|
`y-btn--${t.size}`,
|
|
101
101
|
{ "is-block": t.block, "is-loading": t.loading },
|
|
102
102
|
t.groupPosition !== "single" ? "is-grouped" : "",
|
|
103
|
-
|
|
103
|
+
v.value
|
|
104
104
|
]]),
|
|
105
105
|
type: t.htmlType,
|
|
106
106
|
disabled: t.disabled || t.loading,
|
|
107
107
|
"aria-busy": t.loading ? "true" : "false",
|
|
108
108
|
"aria-disabled": t.disabled || t.loading ? "true" : "false",
|
|
109
|
-
onClick:
|
|
109
|
+
onClick: g
|
|
110
110
|
}, [
|
|
111
111
|
l("span", vt, [
|
|
112
|
-
|
|
112
|
+
ue(C.$slots, "default", {}, void 0, !0)
|
|
113
113
|
])
|
|
114
114
|
], 10, ft));
|
|
115
115
|
}
|
|
116
|
-
}),
|
|
116
|
+
}), be = (t, D) => {
|
|
117
117
|
const e = t.__vccOpts || t;
|
|
118
|
-
for (const [n,
|
|
119
|
-
e[n] =
|
|
118
|
+
for (const [n, g] of D)
|
|
119
|
+
e[n] = g;
|
|
120
120
|
return e;
|
|
121
|
-
}, Ne = /* @__PURE__ */
|
|
121
|
+
}, Ne = /* @__PURE__ */ be(bt, [["__scopeId", "data-v-53157673"]]), kt = ["id", "name", "type", "placeholder", "autocomplete", "inputmode", "min", "max", "disabled", "required", "value"], xt = /* @__PURE__ */ we({
|
|
122
122
|
__name: "yinput",
|
|
123
123
|
props: {
|
|
124
124
|
modelValue: { default: "" },
|
|
@@ -139,25 +139,25 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
139
139
|
},
|
|
140
140
|
emits: ["update:modelValue", "enter", "paste"],
|
|
141
141
|
setup(t, { emit: D }) {
|
|
142
|
-
const e = t, n = D,
|
|
142
|
+
const e = t, n = D, g = z(null), v = z(""), h = z(!1), S = z(!1), C = z(e.placeholder || "");
|
|
143
143
|
ae(() => e.placeholder, (A) => {
|
|
144
144
|
S.value || (C.value = A || "");
|
|
145
145
|
});
|
|
146
|
-
function
|
|
146
|
+
function B(A) {
|
|
147
147
|
const U = A.target;
|
|
148
|
-
|
|
148
|
+
h.value = !0, n("update:modelValue", U.value);
|
|
149
149
|
}
|
|
150
150
|
function x() {
|
|
151
|
-
S.value = !0, e.clearOnFocus && (
|
|
151
|
+
S.value = !0, e.clearOnFocus && (v.value = e.modelValue || "", h.value = !1, C.value = v.value || e.placeholder || "", n("update:modelValue", ""));
|
|
152
152
|
}
|
|
153
|
-
function
|
|
154
|
-
if (S.value = !1, e.clearOnFocus && !
|
|
153
|
+
function m() {
|
|
154
|
+
if (S.value = !1, e.clearOnFocus && !h.value && (!e.modelValue || e.modelValue === "") && n("update:modelValue", v.value), e.min !== void 0 && e.modelValue !== void 0 && e.modelValue !== "") {
|
|
155
155
|
const A = Number(e.modelValue), U = Number(e.min);
|
|
156
156
|
!Number.isNaN(A) && !Number.isNaN(U) && A < U && n("update:modelValue", String(U));
|
|
157
157
|
}
|
|
158
158
|
C.value = e.placeholder || "";
|
|
159
159
|
}
|
|
160
|
-
function
|
|
160
|
+
function w(A) {
|
|
161
161
|
const U = A.target;
|
|
162
162
|
n("enter", U.value);
|
|
163
163
|
}
|
|
@@ -168,13 +168,13 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
168
168
|
});
|
|
169
169
|
}
|
|
170
170
|
return (A, U) => (s(), u("div", {
|
|
171
|
-
class:
|
|
172
|
-
style:
|
|
171
|
+
class: H(["y-input-wrap", { "is-block": t.block }]),
|
|
172
|
+
style: fe({ width: t.width })
|
|
173
173
|
}, [
|
|
174
174
|
l("input", {
|
|
175
175
|
ref_key: "inputRef",
|
|
176
|
-
ref:
|
|
177
|
-
class:
|
|
176
|
+
ref: g,
|
|
177
|
+
class: H(["y-input", `y-input--${t.size}`]),
|
|
178
178
|
id: t.id,
|
|
179
179
|
name: t.name,
|
|
180
180
|
type: t.type,
|
|
@@ -186,15 +186,15 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
186
186
|
disabled: t.disabled,
|
|
187
187
|
required: t.required,
|
|
188
188
|
value: t.modelValue,
|
|
189
|
-
onInput:
|
|
189
|
+
onInput: B,
|
|
190
190
|
onFocus: x,
|
|
191
|
-
onBlur:
|
|
192
|
-
onKeyup: ke(
|
|
191
|
+
onBlur: m,
|
|
192
|
+
onKeyup: ke(w, ["enter"]),
|
|
193
193
|
onPaste: k
|
|
194
194
|
}, null, 42, kt)
|
|
195
195
|
], 6));
|
|
196
196
|
}
|
|
197
|
-
}), tt = /* @__PURE__ */
|
|
197
|
+
}), tt = /* @__PURE__ */ be(xt, [["__scopeId", "data-v-c4912c99"]]), $t = {
|
|
198
198
|
key: 0,
|
|
199
199
|
class: "bulk-bar"
|
|
200
200
|
}, Dt = { class: "bulk-left" }, Ct = { class: "bulk-actions" }, _t = { class: "card" }, St = { class: "table" }, It = {
|
|
@@ -227,7 +227,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
227
227
|
}, At = ["onClick"], Wt = {
|
|
228
228
|
key: 1,
|
|
229
229
|
class: "col-select"
|
|
230
|
-
}, Vt = ["value", "checked", "disabled", "onChange"], Ft = ["colspan"], Pt = /* @__PURE__ */
|
|
230
|
+
}, Vt = ["value", "checked", "disabled", "onChange"], Ft = ["colspan"], Pt = /* @__PURE__ */ we({
|
|
231
231
|
__name: "ytable",
|
|
232
232
|
props: {
|
|
233
233
|
data: {},
|
|
@@ -256,20 +256,20 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
256
256
|
},
|
|
257
257
|
emits: ["edit", "select", "update:selectedItems", "page-change", "page-size-change"],
|
|
258
258
|
setup(t, { emit: D }) {
|
|
259
|
-
const e = t, n = D,
|
|
260
|
-
() => e.columns.filter((a) => !
|
|
259
|
+
const e = t, n = D, g = z(e.currentPage || 1), v = z(e.pageSize), h = z(e.selectedItems || []), S = z(/* @__PURE__ */ new Set()), C = z("none"), B = z(), x = z(), m = z(), w = z(), k = z([]), A = z({}), U = q(
|
|
260
|
+
() => e.columns.filter((a) => !E(a.width)).map((a) => a.key)
|
|
261
261
|
);
|
|
262
262
|
function P() {
|
|
263
263
|
return `${(100 / (U.value.length || 1)).toFixed(6)}%`;
|
|
264
264
|
}
|
|
265
|
-
const V =
|
|
265
|
+
const V = z(), Z = z({
|
|
266
266
|
show: !1,
|
|
267
267
|
thumbHeight: 40,
|
|
268
268
|
thumbTop: 0
|
|
269
269
|
});
|
|
270
270
|
let X = !1, ie = 0, G = 0;
|
|
271
|
-
const
|
|
272
|
-
function
|
|
271
|
+
const de = z(0);
|
|
272
|
+
function E(a) {
|
|
273
273
|
if (a == null) return;
|
|
274
274
|
if (typeof a == "number")
|
|
275
275
|
return Number.isFinite(a) ? `${a}px` : void 0;
|
|
@@ -277,16 +277,16 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
277
277
|
if (c)
|
|
278
278
|
return /^\d+(\.\d+)?$/.test(c) ? `${c}px` : c;
|
|
279
279
|
}
|
|
280
|
-
function
|
|
281
|
-
const c =
|
|
280
|
+
function F(a) {
|
|
281
|
+
const c = E(a);
|
|
282
282
|
if (!c) return null;
|
|
283
283
|
const $ = parseFloat(c);
|
|
284
284
|
return Number.isFinite($) ? $ : null;
|
|
285
285
|
}
|
|
286
|
-
const
|
|
286
|
+
const K = q(() => {
|
|
287
287
|
let a = e.columns.length;
|
|
288
288
|
return e.selectable && (a += 1), e.expandable && (a += 1), a;
|
|
289
|
-
}),
|
|
289
|
+
}), Y = q(() => {
|
|
290
290
|
if (!e.searchKeyword || !e.searchFields.length)
|
|
291
291
|
return e.data;
|
|
292
292
|
const a = e.searchKeyword.toLowerCase();
|
|
@@ -294,13 +294,13 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
294
294
|
const _ = b(c, $);
|
|
295
295
|
return String(_).toLowerCase().includes(a);
|
|
296
296
|
}));
|
|
297
|
-
}),
|
|
297
|
+
}), ne = q(() => (e.pagination, Y.value)), Q = q(() => {
|
|
298
298
|
if (!e.selectable) return !1;
|
|
299
|
-
const a =
|
|
300
|
-
return a.length > 0 && a.every((c) =>
|
|
301
|
-
}),
|
|
299
|
+
const a = ne.value.map((c, $) => ({ key: d(c, $), item: c, index: $ })).filter(({ item: c, index: $ }) => !o(c, $)).map(({ key: c }) => c);
|
|
300
|
+
return a.length > 0 && a.every((c) => h.value.includes(c));
|
|
301
|
+
}), pe = q(() => {
|
|
302
302
|
if (!e.selectable) return !1;
|
|
303
|
-
const a =
|
|
303
|
+
const a = ne.value.map((c, $) => ({ item: c, index: $ }));
|
|
304
304
|
return a.length > 0 && a.every(({ item: c, index: $ }) => o(c, $));
|
|
305
305
|
}), j = q(() => {
|
|
306
306
|
const a = [];
|
|
@@ -309,8 +309,8 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
309
309
|
const _ = e.columns[$];
|
|
310
310
|
if (_.fixed === "left") {
|
|
311
311
|
let M = 80;
|
|
312
|
-
const
|
|
313
|
-
|
|
312
|
+
const W = F(_.width);
|
|
313
|
+
W !== null ? M = W : k.value[$] && (M = F(k.value[$]) ?? M), a.push(c), c += M;
|
|
314
314
|
}
|
|
315
315
|
}
|
|
316
316
|
return a;
|
|
@@ -321,16 +321,16 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
321
321
|
for (let _ = e.columns.length - 1; _ >= 0; _--) {
|
|
322
322
|
const M = e.columns[_];
|
|
323
323
|
if (M.fixed === "right") {
|
|
324
|
-
let
|
|
325
|
-
const J =
|
|
326
|
-
J !== null ?
|
|
324
|
+
let W = 80;
|
|
325
|
+
const J = F(M.width);
|
|
326
|
+
J !== null ? W = J : k.value[_] && (W = F(k.value[_]) ?? W), $.push({ index: _, width: W });
|
|
327
327
|
}
|
|
328
328
|
}
|
|
329
329
|
for (let _ = 0; _ < $.length; _++)
|
|
330
330
|
a.push(c), c += $[_].width;
|
|
331
331
|
return a;
|
|
332
332
|
});
|
|
333
|
-
function
|
|
333
|
+
function p(a, c) {
|
|
334
334
|
if (c === "left") {
|
|
335
335
|
let $ = 0;
|
|
336
336
|
for (let _ = 0; _ < a; _++)
|
|
@@ -362,147 +362,147 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
362
362
|
const $ = [];
|
|
363
363
|
return a.align && $.push(`text-${a.align}`), a.fixed === "right" && ($.push("col-fixed-right"), c && $.push("col-fixed-right-header")), a.fixed === "left" && ($.push("col-fixed-left"), c && $.push("col-fixed-left-header")), $.join(" ");
|
|
364
364
|
}
|
|
365
|
-
function
|
|
366
|
-
const _ = {}, M =
|
|
365
|
+
function T(a, c, $) {
|
|
366
|
+
const _ = {}, M = E(a.width);
|
|
367
367
|
if (M)
|
|
368
368
|
_.width = M, _.minWidth = M, _.maxWidth = M;
|
|
369
369
|
else {
|
|
370
|
-
const
|
|
371
|
-
_.width =
|
|
370
|
+
const W = P();
|
|
371
|
+
_.width = W, _.minWidth = W, _.maxWidth = W;
|
|
372
372
|
}
|
|
373
373
|
if (a.fixed === "left") {
|
|
374
|
-
const
|
|
375
|
-
_.left = `${J}px`, _.zIndex = $ ? `${10 +
|
|
374
|
+
const W = p(c, "left"), J = j.value[W] || 0;
|
|
375
|
+
_.left = `${J}px`, _.zIndex = $ ? `${10 + W}` : `${5 + W}`;
|
|
376
376
|
} else if (a.fixed === "right") {
|
|
377
|
-
const
|
|
378
|
-
$ ? _.right = `${J - 3}px` : _.right = `${J}px`, _.zIndex = $ ? `${10 +
|
|
377
|
+
const W = p(c, "right"), J = ee.value[W] || 0;
|
|
378
|
+
$ ? _.right = `${J - 3}px` : _.right = `${J}px`, _.zIndex = $ ? `${10 + W}` : `${5 + W}`;
|
|
379
379
|
}
|
|
380
380
|
return _;
|
|
381
381
|
}
|
|
382
|
-
function
|
|
382
|
+
function N(a, c) {
|
|
383
383
|
const $ = b(a, c.key);
|
|
384
384
|
return c.formatter ? c.formatter($, a) : $ || "";
|
|
385
385
|
}
|
|
386
386
|
function oe(a) {
|
|
387
|
-
const c =
|
|
388
|
-
c && $ >= 0 && o(c, $) || (
|
|
387
|
+
const c = ne.value.find((_, M) => d(_, M) === a), $ = ne.value.findIndex((_, M) => d(_, M) === a);
|
|
388
|
+
c && $ >= 0 && o(c, $) || (h.value.includes(a) ? h.value = h.value.filter((_) => _ !== a) : h.value = [...h.value, a], n("select", h.value), n("update:selectedItems", h.value));
|
|
389
389
|
}
|
|
390
|
-
function
|
|
391
|
-
const a =
|
|
390
|
+
function me() {
|
|
391
|
+
const a = ne.value.map((c, $) => ({ key: d(c, $), item: c, index: $ })).filter(({ item: c, index: $ }) => !o(c, $)).map(({ key: c }) => c);
|
|
392
392
|
if (a.length !== 0) {
|
|
393
|
-
if (a.every((c) =>
|
|
394
|
-
|
|
393
|
+
if (a.every((c) => h.value.includes(c)))
|
|
394
|
+
h.value = h.value.filter((c) => !a.includes(c));
|
|
395
395
|
else {
|
|
396
|
-
const c = /* @__PURE__ */ new Set([...
|
|
397
|
-
|
|
396
|
+
const c = /* @__PURE__ */ new Set([...h.value, ...a]);
|
|
397
|
+
h.value = Array.from(c);
|
|
398
398
|
}
|
|
399
|
-
n("select",
|
|
399
|
+
n("select", h.value), n("update:selectedItems", h.value);
|
|
400
400
|
}
|
|
401
401
|
}
|
|
402
402
|
function _e() {
|
|
403
|
-
|
|
403
|
+
h.value = [], n("select", h.value), n("update:selectedItems", h.value);
|
|
404
404
|
}
|
|
405
405
|
ae(() => e.selectedItems, (a) => {
|
|
406
406
|
if (a !== void 0 && Array.isArray(a)) {
|
|
407
|
-
const c = new Set(
|
|
408
|
-
(c.size !== $.size || ![...c].every((_) => $.has(_))) && (
|
|
409
|
-
} else a === void 0 &&
|
|
407
|
+
const c = new Set(h.value), $ = new Set(a);
|
|
408
|
+
(c.size !== $.size || ![...c].every((_) => $.has(_))) && (h.value = [...a]);
|
|
409
|
+
} else a === void 0 && h.value.length > 0 && (h.value = []);
|
|
410
410
|
}, { deep: !0, immediate: !0 }), ae(() => e.searchKeyword, () => {
|
|
411
|
-
|
|
411
|
+
g.value = 1;
|
|
412
412
|
}), ae(() => e.data, () => {
|
|
413
|
-
e.total || (
|
|
413
|
+
e.total || (g.value = 1);
|
|
414
414
|
}, { deep: !0 });
|
|
415
415
|
function He(a) {
|
|
416
|
-
|
|
416
|
+
g.value = a, n("page-change", a);
|
|
417
417
|
}
|
|
418
418
|
function qe(a) {
|
|
419
|
-
|
|
419
|
+
v.value = a, g.value = 1, n("page-size-change", a);
|
|
420
420
|
}
|
|
421
421
|
ae(() => e.currentPage, (a) => {
|
|
422
422
|
const c = typeof a == "number" && a > 0 ? a : 1;
|
|
423
|
-
|
|
423
|
+
g.value !== c && (g.value = c);
|
|
424
424
|
}), ae(() => e.pageSize, (a) => {
|
|
425
425
|
const c = typeof a == "number" && a > 0 ? a : 10;
|
|
426
|
-
|
|
426
|
+
v.value !== c && (v.value = c);
|
|
427
427
|
});
|
|
428
428
|
function Te() {
|
|
429
|
-
|
|
430
|
-
const a =
|
|
429
|
+
B.value && re(() => {
|
|
430
|
+
const a = B.value.getBoundingClientRect(), c = window.innerHeight, $ = a.top, _ = B.value.querySelector(".table-header"), M = _ ? _.offsetHeight : 40, W = B.value.querySelector(".ypagination"), J = W ? W.offsetHeight : 60, ye = B.value.querySelector(".bulk-bar"), le = ye ? ye.offsetHeight : 0, xe = M + J + le + 20, Ye = c - $ - xe, ot = Math.max(200, Ye), Qe = B.value.querySelector(".table-body-wrap .table");
|
|
431
431
|
Qe && (Qe.offsetHeight > Ye ? C.value = `${ot}px` : C.value = "none");
|
|
432
432
|
});
|
|
433
433
|
}
|
|
434
434
|
let Le = !1;
|
|
435
435
|
function Me() {
|
|
436
|
-
!x.value || !
|
|
436
|
+
!x.value || !m.value || Le || x.value.scrollLeft !== m.value.scrollLeft && (Le = !0, x.value.scrollLeft = m.value.scrollLeft, requestAnimationFrame(() => {
|
|
437
437
|
Le = !1;
|
|
438
438
|
}));
|
|
439
439
|
}
|
|
440
440
|
function Re() {
|
|
441
|
-
!x.value || !
|
|
441
|
+
!x.value || !m.value || Le || m.value.scrollLeft !== x.value.scrollLeft && (Le = !0, m.value.scrollLeft = x.value.scrollLeft, requestAnimationFrame(() => {
|
|
442
442
|
Le = !1;
|
|
443
443
|
}));
|
|
444
444
|
}
|
|
445
445
|
function Ae() {
|
|
446
|
-
|
|
447
|
-
if (!
|
|
448
|
-
const a =
|
|
446
|
+
re(() => {
|
|
447
|
+
if (!m.value) return;
|
|
448
|
+
const a = m.value, c = a.scrollHeight, $ = a.clientHeight, _ = a.scrollTop, M = c > $ + 1;
|
|
449
449
|
if (Z.value.show = M, !M) return;
|
|
450
|
-
const
|
|
451
|
-
Z.value.thumbHeight =
|
|
452
|
-
const xe = Math.max(0,
|
|
450
|
+
const W = 24, J = $ / c, ye = V.value ? V.value.clientHeight : $, le = Math.max(W, Math.floor(ye * J));
|
|
451
|
+
Z.value.thumbHeight = le;
|
|
452
|
+
const xe = Math.max(0, ye - le), Ye = Math.max(1, c - $);
|
|
453
453
|
Z.value.thumbTop = Math.min(xe, Math.floor(_ / Ye * xe));
|
|
454
454
|
});
|
|
455
455
|
}
|
|
456
456
|
function We(a) {
|
|
457
|
-
if (!X || !
|
|
457
|
+
if (!X || !m.value || !V.value) return;
|
|
458
458
|
a.preventDefault();
|
|
459
|
-
const c = V.value.clientHeight, $ = Math.max(0, c - Z.value.thumbHeight), _ =
|
|
460
|
-
_.scrollTop = Math.min(J, Math.max(0, G +
|
|
459
|
+
const c = V.value.clientHeight, $ = Math.max(0, c - Z.value.thumbHeight), _ = m.value, M = _.scrollHeight, W = _.clientHeight, J = Math.max(1, M - W), le = (a.clientY - ie) / Math.max(1, $) * J;
|
|
460
|
+
_.scrollTop = Math.min(J, Math.max(0, G + le)), Ae();
|
|
461
461
|
}
|
|
462
462
|
function Pe() {
|
|
463
463
|
X = !1, window.removeEventListener("mousemove", We), window.removeEventListener("mouseup", Pe);
|
|
464
464
|
}
|
|
465
465
|
function ze() {
|
|
466
|
-
|
|
466
|
+
re(() => {
|
|
467
467
|
var $, _;
|
|
468
468
|
if (k.value.length === e.columns.length && k.value.every((M) => !!M))
|
|
469
469
|
return;
|
|
470
470
|
const a = [];
|
|
471
|
-
e.columns.forEach((M,
|
|
472
|
-
const J =
|
|
471
|
+
e.columns.forEach((M, W) => {
|
|
472
|
+
const J = E(M.width);
|
|
473
473
|
if (J)
|
|
474
474
|
a.push(J), A.value[M.key] = J;
|
|
475
475
|
else if (A.value[M.key])
|
|
476
476
|
a.push(A.value[M.key]);
|
|
477
477
|
else {
|
|
478
|
-
const
|
|
479
|
-
if (
|
|
480
|
-
a.push(
|
|
478
|
+
const ye = k.value[W];
|
|
479
|
+
if (ye)
|
|
480
|
+
a.push(ye), A.value[M.key] = ye;
|
|
481
481
|
else {
|
|
482
|
-
const
|
|
483
|
-
a.push(
|
|
482
|
+
const le = P();
|
|
483
|
+
a.push(le), A.value[M.key] = le;
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
486
|
});
|
|
487
|
-
const c = ($ =
|
|
487
|
+
const c = ($ = w.value) == null ? void 0 : $.querySelector("tbody tr");
|
|
488
488
|
if (c) {
|
|
489
|
-
const M = e.selectable ? 1 : 0,
|
|
489
|
+
const M = e.selectable ? 1 : 0, W = Array.from(c.children);
|
|
490
490
|
for (let J = 0; J < e.columns.length; J++)
|
|
491
491
|
if (!a[J]) {
|
|
492
|
-
const
|
|
493
|
-
if (
|
|
494
|
-
const
|
|
495
|
-
a[J] =
|
|
492
|
+
const ye = W[M + J];
|
|
493
|
+
if (ye && ye.clientWidth > 0) {
|
|
494
|
+
const le = `${ye.clientWidth}px`;
|
|
495
|
+
a[J] = le, A.value[e.columns[J].key] = le;
|
|
496
496
|
} else {
|
|
497
|
-
const
|
|
498
|
-
a[J] =
|
|
497
|
+
const le = P();
|
|
498
|
+
a[J] = le, A.value[e.columns[J].key] = le;
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
501
|
} else
|
|
502
502
|
for (let M = 0; M < a.length; M++)
|
|
503
503
|
if (!a[M]) {
|
|
504
|
-
const
|
|
505
|
-
a[M] =
|
|
504
|
+
const W = A.value[((_ = e.columns[M]) == null ? void 0 : _.key) || ""];
|
|
505
|
+
a[M] = W || k.value[M] || "80px", e.columns[M] && (A.value[e.columns[M].key] = a[M]);
|
|
506
506
|
}
|
|
507
507
|
k.value = a;
|
|
508
508
|
});
|
|
@@ -511,75 +511,75 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
511
511
|
Te(), I();
|
|
512
512
|
}
|
|
513
513
|
ae(() => e.data, () => {
|
|
514
|
-
|
|
514
|
+
re(() => {
|
|
515
515
|
Te(), Me(), I(), S.value.clear();
|
|
516
516
|
});
|
|
517
|
-
}, { deep: !0 }), ae([
|
|
518
|
-
|
|
517
|
+
}, { deep: !0 }), ae([g, v], () => {
|
|
518
|
+
re(() => {
|
|
519
519
|
Te(), Me(), I();
|
|
520
520
|
});
|
|
521
521
|
}), ae(() => e.columns, () => {
|
|
522
522
|
const a = [], c = { ...A.value };
|
|
523
523
|
e.columns.forEach((_, M) => {
|
|
524
|
-
const
|
|
525
|
-
|
|
524
|
+
const W = E(_.width);
|
|
525
|
+
W ? (a.push(W), c[_.key] = W) : c[_.key] ? a.push(c[_.key]) : k.value[M] ? (a.push(k.value[M]), c[_.key] = k.value[M]) : a.push("");
|
|
526
526
|
});
|
|
527
527
|
const $ = new Set(e.columns.map((_) => _.key));
|
|
528
528
|
Object.keys(c).forEach((_) => {
|
|
529
529
|
$.has(_) || delete c[_];
|
|
530
|
-
}), A.value = c, k.value = a,
|
|
530
|
+
}), A.value = c, k.value = a, re(() => {
|
|
531
531
|
ze(), Me(), I();
|
|
532
532
|
});
|
|
533
|
-
}, { deep: !0 }), ae(() =>
|
|
534
|
-
|
|
533
|
+
}, { deep: !0 }), ae(() => h.value, () => {
|
|
534
|
+
re(() => {
|
|
535
535
|
Te(), I();
|
|
536
536
|
});
|
|
537
537
|
}, { deep: !0 }), ae(() => e.loading, () => {
|
|
538
|
-
|
|
538
|
+
re(() => {
|
|
539
539
|
I();
|
|
540
540
|
});
|
|
541
541
|
}), Ce(() => {
|
|
542
542
|
var a, c;
|
|
543
|
-
|
|
543
|
+
re(() => {
|
|
544
544
|
Te(), ze(), I(), Ae();
|
|
545
|
-
}), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), (a =
|
|
545
|
+
}), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), (a = m.value) == null || a.addEventListener("scroll", () => {
|
|
546
546
|
Me(), Ae(), I();
|
|
547
547
|
}, { passive: !0 }), (c = x.value) == null || c.addEventListener("scroll", () => {
|
|
548
548
|
Re();
|
|
549
|
-
}, { passive: !0 }),
|
|
549
|
+
}, { passive: !0 }), re(() => Me()), m.value && typeof ResizeObserver < "u" && (O = new ResizeObserver(() => {
|
|
550
550
|
I();
|
|
551
|
-
}),
|
|
551
|
+
}), O.observe(m.value));
|
|
552
552
|
}), Be(() => {
|
|
553
553
|
var a, c;
|
|
554
|
-
window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0), (a =
|
|
554
|
+
window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0), (a = m.value) == null || a.removeEventListener("scroll", Me), (c = x.value) == null || c.removeEventListener("scroll", Re), window.removeEventListener("mousemove", We), window.removeEventListener("mouseup", Pe), O && (O.disconnect(), O = null);
|
|
555
555
|
});
|
|
556
|
-
let
|
|
556
|
+
let y = -1;
|
|
557
557
|
function I() {
|
|
558
|
-
!x.value || !
|
|
559
|
-
if (!x.value || !
|
|
560
|
-
const a =
|
|
561
|
-
if (
|
|
562
|
-
|
|
563
|
-
const $ = x.value.querySelector(".table"), _ =
|
|
558
|
+
!x.value || !m.value || requestAnimationFrame(() => {
|
|
559
|
+
if (!x.value || !m.value) return;
|
|
560
|
+
const a = m.value, c = Math.ceil(a.offsetWidth - a.clientWidth);
|
|
561
|
+
if (de.value = c, c !== y) {
|
|
562
|
+
y = c;
|
|
563
|
+
const $ = x.value.querySelector(".table"), _ = w.value;
|
|
564
564
|
$ && _ && (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"));
|
|
565
565
|
}
|
|
566
566
|
});
|
|
567
567
|
}
|
|
568
|
-
let
|
|
568
|
+
let O = null;
|
|
569
569
|
return (a, c) => {
|
|
570
570
|
const $ = Ve("YButton"), _ = Ve("YPagination");
|
|
571
571
|
return s(), u("div", {
|
|
572
572
|
class: "ytable-container",
|
|
573
573
|
ref_key: "tableContainer",
|
|
574
|
-
ref:
|
|
574
|
+
ref: B
|
|
575
575
|
}, [
|
|
576
576
|
ve($e, { name: "bulk-slide" }, {
|
|
577
577
|
default: he(() => [
|
|
578
|
-
|
|
579
|
-
l("div", Dt, "已选择 " + se(
|
|
578
|
+
h.value.length && t.showBulkActions ? (s(), u("div", $t, [
|
|
579
|
+
l("div", Dt, "已选择 " + se(h.value.length) + " 项", 1),
|
|
580
580
|
l("div", Ct, [
|
|
581
|
-
|
|
582
|
-
selectedItems:
|
|
581
|
+
ue(a.$slots, "bulk-actions", {
|
|
582
|
+
selectedItems: h.value,
|
|
583
583
|
clearSelection: _e
|
|
584
584
|
}, () => [
|
|
585
585
|
ve($, {
|
|
@@ -594,7 +594,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
594
594
|
})
|
|
595
595
|
], !0)
|
|
596
596
|
])
|
|
597
|
-
])) :
|
|
597
|
+
])) : R("", !0)
|
|
598
598
|
]),
|
|
599
599
|
_: 3
|
|
600
600
|
}),
|
|
@@ -606,114 +606,114 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
606
606
|
}, [
|
|
607
607
|
l("table", St, [
|
|
608
608
|
l("colgroup", null, [
|
|
609
|
-
e.expandable ? (s(), u("col", It)) :
|
|
610
|
-
t.selectable ? (s(), u("col", Lt)) :
|
|
611
|
-
(s(!0), u(
|
|
609
|
+
e.expandable ? (s(), u("col", It)) : R("", !0),
|
|
610
|
+
t.selectable ? (s(), u("col", Lt)) : R("", !0),
|
|
611
|
+
(s(!0), u(ce, null, ge(t.columns, (M, W) => (s(), u("col", {
|
|
612
612
|
key: M.key,
|
|
613
|
-
style:
|
|
613
|
+
style: fe({ width: k.value[W] || void 0, minWidth: k.value[W] || "80px" })
|
|
614
614
|
}, null, 4))), 128))
|
|
615
615
|
]),
|
|
616
616
|
l("thead", null, [
|
|
617
617
|
l("tr", null, [
|
|
618
|
-
e.expandable ? (s(), u("th", Mt)) :
|
|
618
|
+
e.expandable ? (s(), u("th", Mt)) : R("", !0),
|
|
619
619
|
t.selectable ? (s(), u("th", Et, [
|
|
620
620
|
l("input", {
|
|
621
621
|
type: "checkbox",
|
|
622
|
-
checked:
|
|
623
|
-
disabled:
|
|
624
|
-
onChange:
|
|
622
|
+
checked: Q.value,
|
|
623
|
+
disabled: pe.value,
|
|
624
|
+
onChange: me
|
|
625
625
|
}, null, 40, Bt)
|
|
626
|
-
])) :
|
|
627
|
-
(s(!0), u(
|
|
626
|
+
])) : R("", !0),
|
|
627
|
+
(s(!0), u(ce, null, ge(t.columns, (M, W) => (s(), u("th", {
|
|
628
628
|
key: M.key,
|
|
629
|
-
class:
|
|
630
|
-
style:
|
|
629
|
+
class: H(L(M, !0)),
|
|
630
|
+
style: fe(T(M, W, !0))
|
|
631
631
|
}, se(M.title), 7))), 128))
|
|
632
632
|
])
|
|
633
633
|
])
|
|
634
634
|
])
|
|
635
635
|
], 512),
|
|
636
636
|
l("div", {
|
|
637
|
-
class:
|
|
637
|
+
class: H(["table-body-wrap", { "is-loading": t.loading, "is-empty": !ne.value.length && !t.loading }]),
|
|
638
638
|
ref_key: "bodyWrapRef",
|
|
639
|
-
ref:
|
|
640
|
-
style:
|
|
639
|
+
ref: m,
|
|
640
|
+
style: fe({ maxHeight: C.value })
|
|
641
641
|
}, [
|
|
642
642
|
t.loading ? (s(), u("div", Tt, [...c[3] || (c[3] = [
|
|
643
643
|
l("div", { class: "loading-spinner" }, null, -1),
|
|
644
644
|
l("div", { class: "loading-text" }, "加载中...", -1)
|
|
645
|
-
])])) :
|
|
646
|
-
!
|
|
647
|
-
|
|
645
|
+
])])) : R("", !0),
|
|
646
|
+
!ne.value.length && !t.loading ? (s(), u("div", zt, [
|
|
647
|
+
ue(a.$slots, "empty", {}, () => [
|
|
648
648
|
De(se(t.emptyText), 1)
|
|
649
649
|
], !0)
|
|
650
|
-
])) :
|
|
650
|
+
])) : R("", !0),
|
|
651
651
|
l("table", {
|
|
652
|
-
class:
|
|
652
|
+
class: H(["table", { "loading-table": t.loading }]),
|
|
653
653
|
ref_key: "bodyTableRef",
|
|
654
|
-
ref:
|
|
654
|
+
ref: w
|
|
655
655
|
}, [
|
|
656
656
|
l("colgroup", null, [
|
|
657
|
-
e.expandable ? (s(), u("col", Kt)) :
|
|
658
|
-
t.selectable ? (s(), u("col", Ht)) :
|
|
659
|
-
(s(!0), u(
|
|
657
|
+
e.expandable ? (s(), u("col", Kt)) : R("", !0),
|
|
658
|
+
t.selectable ? (s(), u("col", Ht)) : R("", !0),
|
|
659
|
+
(s(!0), u(ce, null, ge(t.columns, (M, W) => (s(), u("col", {
|
|
660
660
|
key: M.key,
|
|
661
|
-
style:
|
|
661
|
+
style: fe({ width: k.value[W] || void 0, minWidth: k.value[W] || "80px" })
|
|
662
662
|
}, null, 4))), 128))
|
|
663
663
|
]),
|
|
664
664
|
l("tbody", null, [
|
|
665
|
-
(s(!0), u(
|
|
666
|
-
key: d(M,
|
|
665
|
+
(s(!0), u(ce, null, ge(ne.value, (M, W) => (s(), u(ce, {
|
|
666
|
+
key: d(M, W)
|
|
667
667
|
}, [
|
|
668
668
|
l("tr", null, [
|
|
669
669
|
e.expandable ? (s(), u("td", Rt, [
|
|
670
670
|
l("button", {
|
|
671
671
|
class: "expand-btn",
|
|
672
672
|
type: "button",
|
|
673
|
-
onClick: (J) => f(d(M,
|
|
673
|
+
onClick: (J) => f(d(M, W))
|
|
674
674
|
}, [
|
|
675
675
|
l("span", {
|
|
676
|
-
class:
|
|
676
|
+
class: H(["expand-icon", { "is-open": i(d(M, W)) }])
|
|
677
677
|
}, null, 2)
|
|
678
678
|
], 8, At)
|
|
679
|
-
])) :
|
|
679
|
+
])) : R("", !0),
|
|
680
680
|
t.selectable ? (s(), u("td", Wt, [
|
|
681
681
|
l("input", {
|
|
682
682
|
type: "checkbox",
|
|
683
|
-
value: d(M,
|
|
684
|
-
checked:
|
|
685
|
-
disabled: o(M,
|
|
686
|
-
onChange: (J) => oe(d(M,
|
|
683
|
+
value: d(M, W),
|
|
684
|
+
checked: h.value.includes(d(M, W)),
|
|
685
|
+
disabled: o(M, W),
|
|
686
|
+
onChange: (J) => oe(d(M, W))
|
|
687
687
|
}, null, 40, Vt)
|
|
688
|
-
])) :
|
|
689
|
-
(s(!0), u(
|
|
688
|
+
])) : R("", !0),
|
|
689
|
+
(s(!0), u(ce, null, ge(t.columns, (J, ye) => (s(), u("td", {
|
|
690
690
|
key: J.key,
|
|
691
|
-
class:
|
|
692
|
-
style:
|
|
691
|
+
class: H(L(J)),
|
|
692
|
+
style: fe(T(J, ye, !1))
|
|
693
693
|
}, [
|
|
694
|
-
|
|
694
|
+
ue(a.$slots, `cell-${J.key}`, {
|
|
695
695
|
item: M,
|
|
696
696
|
value: b(M, J.key),
|
|
697
|
-
index:
|
|
697
|
+
index: W
|
|
698
698
|
}, () => [
|
|
699
|
-
De(se(
|
|
699
|
+
De(se(N(M, J)), 1)
|
|
700
700
|
], !0)
|
|
701
701
|
], 6))), 128))
|
|
702
702
|
]),
|
|
703
|
-
e.expandable && i(d(M,
|
|
704
|
-
key: `${d(M,
|
|
703
|
+
e.expandable && i(d(M, W)) ? (s(), u("tr", {
|
|
704
|
+
key: `${d(M, W)}-expand`,
|
|
705
705
|
class: "expand-row"
|
|
706
706
|
}, [
|
|
707
707
|
l("td", {
|
|
708
|
-
colspan:
|
|
708
|
+
colspan: K.value,
|
|
709
709
|
class: "expand-cell"
|
|
710
710
|
}, [
|
|
711
|
-
|
|
711
|
+
ue(a.$slots, "expand", {
|
|
712
712
|
item: M,
|
|
713
|
-
index:
|
|
713
|
+
index: W
|
|
714
714
|
}, void 0, !0)
|
|
715
715
|
], 8, Ft)
|
|
716
|
-
])) :
|
|
716
|
+
])) : R("", !0)
|
|
717
717
|
], 64))), 128))
|
|
718
718
|
])
|
|
719
719
|
], 2)
|
|
@@ -721,20 +721,20 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
721
721
|
t.pagination ? (s(), Ie(_, {
|
|
722
722
|
key: 0,
|
|
723
723
|
class: "align-right",
|
|
724
|
-
"current-page":
|
|
725
|
-
"onUpdate:currentPage": c[0] || (c[0] = (M) =>
|
|
726
|
-
"page-size":
|
|
727
|
-
"onUpdate:pageSize": c[1] || (c[1] = (M) =>
|
|
724
|
+
"current-page": g.value,
|
|
725
|
+
"onUpdate:currentPage": c[0] || (c[0] = (M) => g.value = M),
|
|
726
|
+
"page-size": v.value,
|
|
727
|
+
"onUpdate:pageSize": c[1] || (c[1] = (M) => v.value = M),
|
|
728
728
|
loading: e.loading,
|
|
729
729
|
"page-size-options": t.pageSizeOptions,
|
|
730
730
|
onPageChange: He,
|
|
731
731
|
onPageSizeChange: qe
|
|
732
|
-
}, null, 8, ["current-page", "page-size", "loading", "page-size-options"])) :
|
|
732
|
+
}, null, 8, ["current-page", "page-size", "loading", "page-size-options"])) : R("", !0)
|
|
733
733
|
])
|
|
734
734
|
], 512);
|
|
735
735
|
};
|
|
736
736
|
}
|
|
737
|
-
}), Yt = /* @__PURE__ */
|
|
737
|
+
}), Yt = /* @__PURE__ */ be(Pt, [["__scopeId", "data-v-eeac0552"]]), Nt = ["onKeydown", "aria-expanded"], Ot = ["src"], jt = ["placeholder", "onKeydown"], qt = ["onClick", "onMouseenter"], Ut = ["src"], Zt = /* @__PURE__ */ we({
|
|
738
738
|
__name: "yselect",
|
|
739
739
|
props: {
|
|
740
740
|
modelValue: {},
|
|
@@ -753,9 +753,9 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
753
753
|
},
|
|
754
754
|
emits: ["update:modelValue", "change", "focus", "blur", "clear"],
|
|
755
755
|
setup(t, { emit: D }) {
|
|
756
|
-
const e = t, n = D,
|
|
756
|
+
const e = t, n = D, g = z(!1), v = z(-1), h = z(), S = z(), C = z(), B = z(), x = z(!1), m = z(), w = z(""), k = q(() => e.options.find((o) => Z(o) === e.modelValue) || null), A = q(() => k.value ? X(k.value) : ""), U = q(() => {
|
|
757
757
|
if (!e.filterable) return e.options;
|
|
758
|
-
const o =
|
|
758
|
+
const o = w.value.trim().toLowerCase();
|
|
759
759
|
return o ? e.options.filter((i) => {
|
|
760
760
|
const f = X(i);
|
|
761
761
|
return String(f).toLowerCase().includes(o);
|
|
@@ -768,11 +768,11 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
768
768
|
return o.left = `${f.left}px`, o.width = `${b}px`, x.value ? (o.bottom = `${window.innerHeight - f.top + 4}px`, o.top = "auto") : o.top = `${f.bottom + 4}px`, o;
|
|
769
769
|
});
|
|
770
770
|
function V() {
|
|
771
|
-
!
|
|
771
|
+
!g.value || !S.value || re(() => {
|
|
772
772
|
const o = S.value;
|
|
773
773
|
if (!o) return;
|
|
774
|
-
const i = o.getBoundingClientRect(), f = window.innerHeight, b = 200, L = i.bottom + b + 4,
|
|
775
|
-
x.value = !
|
|
774
|
+
const i = o.getBoundingClientRect(), f = window.innerHeight, b = 200, L = i.bottom + b + 4, T = i.top - b - 4, N = L <= f - 20, oe = T >= 20;
|
|
775
|
+
x.value = !N && oe;
|
|
776
776
|
});
|
|
777
777
|
}
|
|
778
778
|
function Z(o) {
|
|
@@ -787,118 +787,118 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
787
787
|
function G(o) {
|
|
788
788
|
return Z(o) === e.modelValue;
|
|
789
789
|
}
|
|
790
|
-
function
|
|
790
|
+
function de(o) {
|
|
791
791
|
return typeof o == "object" && o !== null ? o[e.disabledKey] === !0 : !1;
|
|
792
792
|
}
|
|
793
|
-
function
|
|
794
|
-
e.disabled || (
|
|
793
|
+
function E() {
|
|
794
|
+
e.disabled || (g.value ? K() : F());
|
|
795
795
|
}
|
|
796
|
-
function
|
|
797
|
-
e.disabled || (
|
|
798
|
-
V(), j(), e.filterable &&
|
|
796
|
+
function F() {
|
|
797
|
+
e.disabled || (g.value = !0, re(() => {
|
|
798
|
+
V(), j(), e.filterable && m.value && (m.value.focus(), w.value = "");
|
|
799
799
|
}));
|
|
800
800
|
}
|
|
801
|
-
function
|
|
802
|
-
|
|
801
|
+
function K() {
|
|
802
|
+
g.value = !1, v.value = -1, x.value = !1, e.filterable && (w.value = "");
|
|
803
803
|
}
|
|
804
|
-
function
|
|
805
|
-
if (
|
|
804
|
+
function Y(o, i) {
|
|
805
|
+
if (de(o)) return;
|
|
806
806
|
const f = Z(o);
|
|
807
|
-
n("update:modelValue", f), n("change", f, o),
|
|
807
|
+
n("update:modelValue", f), n("change", f, o), K();
|
|
808
808
|
}
|
|
809
|
-
function
|
|
809
|
+
function ne() {
|
|
810
810
|
if (!e.clearable || e.disabled) return;
|
|
811
811
|
const o = e.clearTo;
|
|
812
|
-
n("update:modelValue", o), n("change", o, null), n("clear"),
|
|
812
|
+
n("update:modelValue", o), n("change", o, null), n("clear"), K();
|
|
813
813
|
}
|
|
814
|
-
function
|
|
814
|
+
function Q(o) {
|
|
815
815
|
if (!U.value || U.value.length === 0) {
|
|
816
|
-
|
|
816
|
+
v.value = -1;
|
|
817
817
|
return;
|
|
818
818
|
}
|
|
819
|
-
let i =
|
|
819
|
+
let i = v.value;
|
|
820
820
|
const f = U.value.length;
|
|
821
821
|
i === -1 ? i = o > 0 ? 0 : f - 1 : i = (i + o + f) % f;
|
|
822
822
|
let b = 0;
|
|
823
|
-
for (; b < f &&
|
|
823
|
+
for (; b < f && de(U.value[i]); )
|
|
824
824
|
i = (i + o + f) % f, b++;
|
|
825
|
-
|
|
825
|
+
v.value = b >= f ? -1 : i, ee();
|
|
826
826
|
}
|
|
827
|
-
function
|
|
828
|
-
if (
|
|
829
|
-
const o = U.value[
|
|
830
|
-
!o ||
|
|
827
|
+
function pe() {
|
|
828
|
+
if (v.value < 0) return;
|
|
829
|
+
const o = U.value[v.value];
|
|
830
|
+
!o || de(o) || Y(o, v.value);
|
|
831
831
|
}
|
|
832
832
|
function j() {
|
|
833
|
-
if (!
|
|
834
|
-
const o =
|
|
833
|
+
if (!h.value) return;
|
|
834
|
+
const o = h.value.querySelector(".yselect__option--selected");
|
|
835
835
|
o && o.scrollIntoView({ block: "nearest" });
|
|
836
836
|
}
|
|
837
837
|
function ee() {
|
|
838
|
-
if (!
|
|
839
|
-
const i =
|
|
838
|
+
if (!h.value || v.value < 0) return;
|
|
839
|
+
const i = h.value.querySelectorAll(".yselect__option")[v.value];
|
|
840
840
|
i && i.scrollIntoView({ block: "nearest" });
|
|
841
841
|
}
|
|
842
|
-
function
|
|
842
|
+
function p(o) {
|
|
843
843
|
const i = o.target;
|
|
844
|
-
(!C.value || !C.value.contains(i)) &&
|
|
844
|
+
(!C.value || !C.value.contains(i)) && K();
|
|
845
845
|
}
|
|
846
846
|
ae(() => e.modelValue, () => {
|
|
847
|
-
|
|
847
|
+
v.value = -1;
|
|
848
848
|
});
|
|
849
849
|
function d() {
|
|
850
|
-
|
|
850
|
+
g.value && V();
|
|
851
851
|
}
|
|
852
852
|
return Ce(() => {
|
|
853
|
-
document.addEventListener("click",
|
|
853
|
+
document.addEventListener("click", p), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0);
|
|
854
854
|
}), Be(() => {
|
|
855
|
-
document.removeEventListener("click",
|
|
855
|
+
document.removeEventListener("click", p), window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0);
|
|
856
856
|
}), (o, i) => (s(), u("div", {
|
|
857
|
-
class:
|
|
858
|
-
style:
|
|
857
|
+
class: H(["yselect", { "yselect--disabled": t.disabled, [`yselect--${t.size}`]: !0 }]),
|
|
858
|
+
style: fe({ width: t.width }),
|
|
859
859
|
ref_key: "selectContainer",
|
|
860
860
|
ref: C
|
|
861
861
|
}, [
|
|
862
862
|
l("div", {
|
|
863
863
|
ref_key: "triggerElement",
|
|
864
864
|
ref: S,
|
|
865
|
-
class:
|
|
866
|
-
"yselect__trigger--open":
|
|
865
|
+
class: H(["yselect__trigger", {
|
|
866
|
+
"yselect__trigger--open": g.value,
|
|
867
867
|
"yselect__trigger--disabled": t.disabled,
|
|
868
868
|
"yselect__trigger--error": t.error
|
|
869
869
|
}]),
|
|
870
|
-
onMousedown: te(
|
|
870
|
+
onMousedown: te(E, ["prevent", "stop"]),
|
|
871
871
|
onKeydown: [
|
|
872
|
-
ke(te(
|
|
873
|
-
ke(te(
|
|
874
|
-
ke(
|
|
875
|
-
ke(te(
|
|
876
|
-
ke(te(
|
|
872
|
+
ke(te(E, ["prevent"]), ["enter"]),
|
|
873
|
+
ke(te(E, ["prevent"]), ["space"]),
|
|
874
|
+
ke(K, ["escape"]),
|
|
875
|
+
ke(te(F, ["prevent"]), ["arrow-down"]),
|
|
876
|
+
ke(te(F, ["prevent"]), ["arrow-up"])
|
|
877
877
|
],
|
|
878
878
|
tabindex: "0",
|
|
879
879
|
role: "combobox",
|
|
880
|
-
"aria-expanded":
|
|
880
|
+
"aria-expanded": g.value,
|
|
881
881
|
"aria-haspopup": !0
|
|
882
882
|
}, [
|
|
883
|
-
!t.filterable || !
|
|
883
|
+
!t.filterable || !g.value ? (s(), u("span", {
|
|
884
884
|
key: 0,
|
|
885
|
-
class:
|
|
885
|
+
class: H(["yselect__value", { yselect__placeholder: !A.value }])
|
|
886
886
|
}, [
|
|
887
|
-
|
|
887
|
+
ue(o.$slots, "value", {
|
|
888
888
|
value: k.value,
|
|
889
889
|
label: A.value
|
|
890
890
|
}, () => {
|
|
891
891
|
var f;
|
|
892
892
|
return [
|
|
893
|
-
k.value ? (s(), u(
|
|
893
|
+
k.value ? (s(), u(ce, { key: 0 }, [
|
|
894
894
|
(f = k.value) != null && f.flagImg ? (s(), u("img", {
|
|
895
895
|
key: 0,
|
|
896
896
|
class: "yselect__flag",
|
|
897
897
|
src: k.value.flagImg,
|
|
898
898
|
alt: "flag"
|
|
899
|
-
}, null, 8, Ot)) :
|
|
899
|
+
}, null, 8, Ot)) : R("", !0),
|
|
900
900
|
De(" " + se(A.value), 1)
|
|
901
|
-
], 64)) : (s(), u(
|
|
901
|
+
], 64)) : (s(), u(ce, { key: 1 }, [
|
|
902
902
|
De(se(t.placeholder), 1)
|
|
903
903
|
], 64))
|
|
904
904
|
];
|
|
@@ -906,28 +906,28 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
906
906
|
], 2)) : Ee((s(), u("input", {
|
|
907
907
|
key: 1,
|
|
908
908
|
ref_key: "inputElement",
|
|
909
|
-
ref:
|
|
909
|
+
ref: m,
|
|
910
910
|
class: "yselect__input",
|
|
911
911
|
type: "text",
|
|
912
912
|
placeholder: A.value || t.placeholder,
|
|
913
|
-
"onUpdate:modelValue": i[0] || (i[0] = (f) =>
|
|
913
|
+
"onUpdate:modelValue": i[0] || (i[0] = (f) => w.value = f),
|
|
914
914
|
onKeydown: [
|
|
915
915
|
i[1] || (i[1] = te(() => {
|
|
916
916
|
}, ["stop"])),
|
|
917
|
-
i[2] || (i[2] = ke(te((f) =>
|
|
918
|
-
i[3] || (i[3] = ke(te((f) =>
|
|
919
|
-
i[4] || (i[4] = ke(te((f) =>
|
|
920
|
-
ke(te(
|
|
921
|
-
ke(te(
|
|
917
|
+
i[2] || (i[2] = ke(te((f) => Q(1), ["prevent"]), ["arrow-down"])),
|
|
918
|
+
i[3] || (i[3] = ke(te((f) => Q(-1), ["prevent"]), ["arrow-up"])),
|
|
919
|
+
i[4] || (i[4] = ke(te((f) => pe(), ["prevent"]), ["enter"])),
|
|
920
|
+
ke(te(K, ["prevent"]), ["esc"]),
|
|
921
|
+
ke(te(ne, ["prevent"]), ["delete"])
|
|
922
922
|
]
|
|
923
923
|
}, null, 40, jt)), [
|
|
924
|
-
[at,
|
|
924
|
+
[at, w.value]
|
|
925
925
|
]),
|
|
926
926
|
t.clearable && !t.disabled && k.value ? (s(), u("span", {
|
|
927
927
|
key: 2,
|
|
928
928
|
class: "yselect__clear",
|
|
929
929
|
title: "清空",
|
|
930
|
-
onClick: te(
|
|
930
|
+
onClick: te(ne, ["stop"])
|
|
931
931
|
}, [...i[8] || (i[8] = [
|
|
932
932
|
l("svg", {
|
|
933
933
|
width: "12",
|
|
@@ -942,9 +942,9 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
942
942
|
"stroke-linecap": "round"
|
|
943
943
|
})
|
|
944
944
|
], -1)
|
|
945
|
-
])])) :
|
|
945
|
+
])])) : R("", !0),
|
|
946
946
|
l("span", {
|
|
947
|
-
class:
|
|
947
|
+
class: H(["yselect__arrow", { "yselect__arrow--open": g.value }])
|
|
948
948
|
}, [...i[9] || (i[9] = [
|
|
949
949
|
l("svg", {
|
|
950
950
|
width: "12",
|
|
@@ -965,12 +965,12 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
965
965
|
ve($e, { name: "yselect-dropdown" }, {
|
|
966
966
|
default: he(() => [
|
|
967
967
|
(s(), Ie(Fe, { to: "body" }, [
|
|
968
|
-
|
|
968
|
+
g.value ? (s(), u("div", {
|
|
969
969
|
key: 0,
|
|
970
970
|
ref_key: "dropdownEl",
|
|
971
|
-
ref:
|
|
972
|
-
class:
|
|
973
|
-
style:
|
|
971
|
+
ref: B,
|
|
972
|
+
class: H(["yselect__dropdown yselect__dropdown--portal", { "yselect__dropdown--top": x.value }]),
|
|
973
|
+
style: fe(P.value),
|
|
974
974
|
onMousedown: i[6] || (i[6] = te(() => {
|
|
975
975
|
}, ["stop"])),
|
|
976
976
|
onClick: i[7] || (i[7] = te(() => {
|
|
@@ -979,20 +979,20 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
979
979
|
l("div", {
|
|
980
980
|
class: "yselect__options",
|
|
981
981
|
ref_key: "optionsContainer",
|
|
982
|
-
ref:
|
|
982
|
+
ref: h
|
|
983
983
|
}, [
|
|
984
|
-
(s(!0), u(
|
|
984
|
+
(s(!0), u(ce, null, ge(U.value, (f, b) => (s(), u("div", {
|
|
985
985
|
key: ie(f, b),
|
|
986
|
-
class:
|
|
986
|
+
class: H(["yselect__option", {
|
|
987
987
|
"yselect__option--selected": G(f),
|
|
988
|
-
"yselect__option--disabled":
|
|
989
|
-
"yselect__option--hover":
|
|
988
|
+
"yselect__option--disabled": de(f),
|
|
989
|
+
"yselect__option--hover": v.value === b
|
|
990
990
|
}]),
|
|
991
|
-
onClick: (L) =>
|
|
992
|
-
onMouseenter: (L) =>
|
|
993
|
-
onMouseleave: i[5] || (i[5] = (L) =>
|
|
991
|
+
onClick: (L) => Y(f),
|
|
992
|
+
onMouseenter: (L) => v.value = b,
|
|
993
|
+
onMouseleave: i[5] || (i[5] = (L) => v.value = -1)
|
|
994
994
|
}, [
|
|
995
|
-
|
|
995
|
+
ue(o.$slots, "option", {
|
|
996
996
|
option: f,
|
|
997
997
|
index: b,
|
|
998
998
|
selected: G(f)
|
|
@@ -1002,19 +1002,19 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1002
1002
|
class: "yselect__flag",
|
|
1003
1003
|
src: f.flagImg,
|
|
1004
1004
|
alt: "flag"
|
|
1005
|
-
}, null, 8, Ut)) :
|
|
1005
|
+
}, null, 8, Ut)) : R("", !0),
|
|
1006
1006
|
De(" " + se(X(f)), 1)
|
|
1007
1007
|
], !0)
|
|
1008
1008
|
], 42, qt))), 128))
|
|
1009
1009
|
], 512)
|
|
1010
|
-
], 38)) :
|
|
1010
|
+
], 38)) : R("", !0)
|
|
1011
1011
|
]))
|
|
1012
1012
|
]),
|
|
1013
1013
|
_: 3
|
|
1014
1014
|
})
|
|
1015
1015
|
], 6));
|
|
1016
1016
|
}
|
|
1017
|
-
}), nt = /* @__PURE__ */
|
|
1017
|
+
}), nt = /* @__PURE__ */ be(Zt, [["__scopeId", "data-v-6cd47cb7"]]), Qt = { class: "ypagination" }, Jt = { class: "page-actions" }, Xt = { class: "page-size-select" }, Gt = /* @__PURE__ */ we({
|
|
1018
1018
|
__name: "ypagination",
|
|
1019
1019
|
props: {
|
|
1020
1020
|
currentPage: {},
|
|
@@ -1029,56 +1029,56 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1029
1029
|
},
|
|
1030
1030
|
emits: ["update:currentPage", "update:pageSize", "page-change", "page-size-change"],
|
|
1031
1031
|
setup(t, { emit: D }) {
|
|
1032
|
-
const e = t, n = D,
|
|
1032
|
+
const e = t, n = D, g = z(e.pageSize), v = q(() => e.pageSizeOptions), h = q({
|
|
1033
1033
|
get: () => e.currentPage,
|
|
1034
1034
|
set: (x) => {
|
|
1035
1035
|
n("update:currentPage", x), n("page-change", x);
|
|
1036
1036
|
}
|
|
1037
1037
|
});
|
|
1038
1038
|
function S(x) {
|
|
1039
|
-
e.loading || x >= 1 && x !== e.currentPage && (
|
|
1039
|
+
e.loading || x >= 1 && x !== e.currentPage && (h.value = x);
|
|
1040
1040
|
}
|
|
1041
1041
|
function C(x) {
|
|
1042
|
-
e.loading || (
|
|
1042
|
+
e.loading || (g.value = x, n("update:pageSize", x), n("page-size-change", x), h.value = 1);
|
|
1043
1043
|
}
|
|
1044
|
-
function
|
|
1045
|
-
e.loading || (x === "prev" ? S(
|
|
1044
|
+
function B(x) {
|
|
1045
|
+
e.loading || (x === "prev" ? S(h.value - 1) : x === "next" && S(h.value + 1));
|
|
1046
1046
|
}
|
|
1047
|
-
return
|
|
1047
|
+
return g.value = e.pageSize, ae(
|
|
1048
1048
|
() => e.pageSize,
|
|
1049
1049
|
(x) => {
|
|
1050
|
-
typeof x == "number" &&
|
|
1050
|
+
typeof x == "number" && g.value !== x && (g.value = x);
|
|
1051
1051
|
}
|
|
1052
|
-
), (x,
|
|
1053
|
-
const
|
|
1052
|
+
), (x, m) => {
|
|
1053
|
+
const w = Ve("YButton"), k = Ve("YSelect");
|
|
1054
1054
|
return s(), u("div", Qt, [
|
|
1055
1055
|
l("div", Jt, [
|
|
1056
|
-
ve(
|
|
1056
|
+
ve(w, {
|
|
1057
1057
|
size: "small",
|
|
1058
1058
|
variant: "secondary",
|
|
1059
|
-
disabled:
|
|
1060
|
-
onClick:
|
|
1059
|
+
disabled: h.value === 1 || t.loading,
|
|
1060
|
+
onClick: m[0] || (m[0] = (A) => S(1))
|
|
1061
1061
|
}, {
|
|
1062
|
-
default: he(() => [...
|
|
1062
|
+
default: he(() => [...m[2] || (m[2] = [
|
|
1063
1063
|
De("首页", -1)
|
|
1064
1064
|
])]),
|
|
1065
1065
|
_: 1
|
|
1066
1066
|
}, 8, ["disabled"]),
|
|
1067
|
-
ve(
|
|
1067
|
+
ve(w, {
|
|
1068
1068
|
class: "ml-1",
|
|
1069
1069
|
variant: "secondary",
|
|
1070
1070
|
size: "small",
|
|
1071
1071
|
groupItems: [
|
|
1072
|
-
{ label: "上一页", value: "prev", disabled:
|
|
1072
|
+
{ label: "上一页", value: "prev", disabled: h.value === 1 || t.loading, icon: "chevron-left", onlyIcon: !0, ariaLabel: "上一页" },
|
|
1073
1073
|
{ label: "下一页", value: "next", disabled: t.loading, icon: "chevron-right", onlyIcon: !0, ariaLabel: "下一页" }
|
|
1074
1074
|
],
|
|
1075
|
-
onGroupClick:
|
|
1075
|
+
onGroupClick: B
|
|
1076
1076
|
}, null, 8, ["groupItems"]),
|
|
1077
1077
|
l("div", Xt, [
|
|
1078
1078
|
ve(k, {
|
|
1079
|
-
modelValue:
|
|
1080
|
-
"onUpdate:modelValue":
|
|
1081
|
-
options:
|
|
1079
|
+
modelValue: g.value,
|
|
1080
|
+
"onUpdate:modelValue": m[1] || (m[1] = (A) => g.value = A),
|
|
1081
|
+
options: v.value,
|
|
1082
1082
|
size: "small",
|
|
1083
1083
|
width: "105px",
|
|
1084
1084
|
clearable: !1,
|
|
@@ -1090,7 +1090,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1090
1090
|
]);
|
|
1091
1091
|
};
|
|
1092
1092
|
}
|
|
1093
|
-
}), en = /* @__PURE__ */
|
|
1093
|
+
}), en = /* @__PURE__ */ be(Gt, [["__scopeId", "data-v-b8406406"]]), tn = ["aria-label"], nn = { class: "y-badge__inner" }, ln = {
|
|
1094
1094
|
key: 0,
|
|
1095
1095
|
class: "y-badge__progress",
|
|
1096
1096
|
"aria-hidden": "true"
|
|
@@ -1133,7 +1133,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1133
1133
|
class: "icon",
|
|
1134
1134
|
viewBox: "0 0 20 20",
|
|
1135
1135
|
fill: "currentColor"
|
|
1136
|
-
}, vn = { class: "y-badge__label" }, hn = /* @__PURE__ */
|
|
1136
|
+
}, vn = { class: "y-badge__label" }, hn = /* @__PURE__ */ we({
|
|
1137
1137
|
__name: "ybadge",
|
|
1138
1138
|
props: {
|
|
1139
1139
|
tone: { default: "default" },
|
|
@@ -1146,16 +1146,16 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1146
1146
|
},
|
|
1147
1147
|
setup(t) {
|
|
1148
1148
|
const D = t, e = q(() => D.tone || "default"), n = q(() => {
|
|
1149
|
-
const
|
|
1150
|
-
if (
|
|
1149
|
+
const g = (D.label || "").trim(), v = D.tone, h = D.progress;
|
|
1150
|
+
if (h) {
|
|
1151
1151
|
const S = {
|
|
1152
1152
|
incomplete: "未完成",
|
|
1153
1153
|
partiallyComplete: "部分完成",
|
|
1154
1154
|
complete: "已完成"
|
|
1155
1155
|
};
|
|
1156
|
-
return
|
|
1156
|
+
return g ? `${g},进度:${S[h] || h}` : `进度:${S[h] || h}`;
|
|
1157
1157
|
}
|
|
1158
|
-
if (
|
|
1158
|
+
if (v && v !== "default") {
|
|
1159
1159
|
const S = {
|
|
1160
1160
|
informational: "信息",
|
|
1161
1161
|
success: "成功",
|
|
@@ -1164,12 +1164,12 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1164
1164
|
critical: "严重",
|
|
1165
1165
|
default: "默认"
|
|
1166
1166
|
};
|
|
1167
|
-
return
|
|
1167
|
+
return g ? `${g},语气:${S[v] || v}` : `语气:${S[v] || v}`;
|
|
1168
1168
|
}
|
|
1169
|
-
return
|
|
1169
|
+
return g || "标记";
|
|
1170
1170
|
});
|
|
1171
|
-
return (
|
|
1172
|
-
class:
|
|
1171
|
+
return (g, v) => (s(), u("span", {
|
|
1172
|
+
class: H(["y-badge", [
|
|
1173
1173
|
`y-badge--${e.value}`,
|
|
1174
1174
|
`y-badge--${t.size}`,
|
|
1175
1175
|
{ "is-outline": t.outline, "is-pill": t.pill },
|
|
@@ -1180,13 +1180,13 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1180
1180
|
}, [
|
|
1181
1181
|
l("span", nn, [
|
|
1182
1182
|
t.progress ? (s(), u("span", ln, [
|
|
1183
|
-
t.progress === "incomplete" ? (s(), u("svg", on, [...
|
|
1183
|
+
t.progress === "incomplete" ? (s(), u("svg", on, [...v[0] || (v[0] = [
|
|
1184
1184
|
l("circle", {
|
|
1185
1185
|
cx: "10",
|
|
1186
1186
|
cy: "10",
|
|
1187
1187
|
r: "5"
|
|
1188
1188
|
}, null, -1)
|
|
1189
|
-
])])) : t.progress === "partiallyComplete" ? (s(), u("svg", an, [...
|
|
1189
|
+
])])) : t.progress === "partiallyComplete" ? (s(), u("svg", an, [...v[1] || (v[1] = [
|
|
1190
1190
|
l("path", { d: "M10 5a5 5 0 100 10V5z" }, null, -1),
|
|
1191
1191
|
l("circle", {
|
|
1192
1192
|
cx: "10",
|
|
@@ -1196,55 +1196,55 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1196
1196
|
stroke: "currentColor",
|
|
1197
1197
|
"stroke-width": "2"
|
|
1198
1198
|
}, null, -1)
|
|
1199
|
-
])])) : t.progress === "complete" ? (s(), u("svg", sn, [...
|
|
1199
|
+
])])) : t.progress === "complete" ? (s(), u("svg", sn, [...v[2] || (v[2] = [
|
|
1200
1200
|
l("path", {
|
|
1201
1201
|
"fill-rule": "evenodd",
|
|
1202
1202
|
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",
|
|
1203
1203
|
"clip-rule": "evenodd"
|
|
1204
1204
|
}, null, -1)
|
|
1205
|
-
])])) :
|
|
1205
|
+
])])) : R("", !0)
|
|
1206
1206
|
])) : t.icon ? (s(), u("span", rn, [
|
|
1207
|
-
t.icon === "dot" ? (s(), u("svg", un, [...
|
|
1207
|
+
t.icon === "dot" ? (s(), u("svg", un, [...v[3] || (v[3] = [
|
|
1208
1208
|
l("circle", {
|
|
1209
1209
|
cx: "10",
|
|
1210
1210
|
cy: "10",
|
|
1211
1211
|
r: "4"
|
|
1212
1212
|
}, null, -1)
|
|
1213
|
-
])])) : t.icon === "check" ? (s(), u("svg", dn, [...
|
|
1213
|
+
])])) : t.icon === "check" ? (s(), u("svg", dn, [...v[4] || (v[4] = [
|
|
1214
1214
|
l("path", {
|
|
1215
1215
|
"fill-rule": "evenodd",
|
|
1216
1216
|
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",
|
|
1217
1217
|
"clip-rule": "evenodd"
|
|
1218
1218
|
}, null, -1)
|
|
1219
|
-
])])) : t.icon === "alert" ? (s(), u("svg", cn, [...
|
|
1219
|
+
])])) : t.icon === "alert" ? (s(), u("svg", cn, [...v[5] || (v[5] = [
|
|
1220
1220
|
l("path", {
|
|
1221
1221
|
"fill-rule": "evenodd",
|
|
1222
1222
|
d: "M8.257 3.099c.765-1.36 2.721-1.36 3.486 0l6.518 11.59c.75 1.334-.214 3.011-1.743 3.011H3.482c-1.53 0-2.493-1.677-1.743-3.01L8.257 3.1zM11 14a1 1 0 10-2 0 1 1 0 002 0zm-1-2a1 1 0 01-1-1V8a1 1 0 112 0v3a1 1 0 01-1 1z",
|
|
1223
1223
|
"clip-rule": "evenodd"
|
|
1224
1224
|
}, null, -1)
|
|
1225
|
-
])])) : (s(), u("svg", fn, [...
|
|
1225
|
+
])])) : (s(), u("svg", fn, [...v[6] || (v[6] = [
|
|
1226
1226
|
l("circle", {
|
|
1227
1227
|
cx: "10",
|
|
1228
1228
|
cy: "10",
|
|
1229
1229
|
r: "4"
|
|
1230
1230
|
}, null, -1)
|
|
1231
1231
|
])]))
|
|
1232
|
-
])) :
|
|
1232
|
+
])) : R("", !0),
|
|
1233
1233
|
l("span", vn, [
|
|
1234
|
-
|
|
1234
|
+
ue(g.$slots, "default", {}, () => [
|
|
1235
1235
|
De(se(t.label), 1)
|
|
1236
1236
|
], !0)
|
|
1237
1237
|
])
|
|
1238
1238
|
])
|
|
1239
1239
|
], 10, tn));
|
|
1240
1240
|
}
|
|
1241
|
-
}), pn = /* @__PURE__ */
|
|
1241
|
+
}), pn = /* @__PURE__ */ be(hn, [["__scopeId", "data-v-ce819797"]]), yn = ["aria-hidden"], gn = ["onKeydown"], mn = {
|
|
1242
1242
|
key: 0,
|
|
1243
1243
|
class: "y-dialog-header"
|
|
1244
1244
|
}, wn = { class: "y-dialog-title" }, bn = { class: "y-dialog-body" }, kn = {
|
|
1245
1245
|
key: 1,
|
|
1246
1246
|
class: "y-dialog-footer"
|
|
1247
|
-
}, xn = /* @__PURE__ */
|
|
1247
|
+
}, xn = /* @__PURE__ */ we({
|
|
1248
1248
|
__name: "ydialog",
|
|
1249
1249
|
props: {
|
|
1250
1250
|
modelValue: { type: Boolean, default: !1 },
|
|
@@ -1259,41 +1259,41 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1259
1259
|
},
|
|
1260
1260
|
emits: ["update:modelValue", "open", "close"],
|
|
1261
1261
|
setup(t, { emit: D }) {
|
|
1262
|
-
const e = t, n = D,
|
|
1262
|
+
const e = t, n = D, g = q({
|
|
1263
1263
|
get: () => e.modelValue,
|
|
1264
|
-
set: (
|
|
1265
|
-
}),
|
|
1266
|
-
const
|
|
1267
|
-
return
|
|
1264
|
+
set: (m) => n("update:modelValue", m)
|
|
1265
|
+
}), v = z(null), h = q(() => {
|
|
1266
|
+
const m = {};
|
|
1267
|
+
return m.width = typeof e.width == "number" ? `${e.width}px` : String(e.width), m.margin = "0 auto", m.top = e.top, m;
|
|
1268
1268
|
});
|
|
1269
1269
|
function S() {
|
|
1270
1270
|
e.maskClosable && C();
|
|
1271
1271
|
}
|
|
1272
1272
|
function C() {
|
|
1273
|
-
|
|
1273
|
+
g.value && (g.value = !1, n("close"));
|
|
1274
1274
|
}
|
|
1275
|
-
function
|
|
1275
|
+
function B() {
|
|
1276
1276
|
e.closable && C();
|
|
1277
1277
|
}
|
|
1278
|
-
function x(
|
|
1279
|
-
|
|
1278
|
+
function x(m) {
|
|
1279
|
+
m.key === "Escape" && B();
|
|
1280
1280
|
}
|
|
1281
|
-
return ae(() => e.modelValue, (
|
|
1282
|
-
|
|
1283
|
-
var
|
|
1284
|
-
return (
|
|
1281
|
+
return ae(() => e.modelValue, (m) => {
|
|
1282
|
+
m ? (n("open"), requestAnimationFrame(() => {
|
|
1283
|
+
var w;
|
|
1284
|
+
return (w = v.value) == null ? void 0 : w.focus();
|
|
1285
1285
|
}), document.addEventListener("keydown", x), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", x), document.body.style.overflow = "");
|
|
1286
1286
|
}), Ce(() => {
|
|
1287
1287
|
e.modelValue && (document.addEventListener("keydown", x), document.body.style.overflow = "hidden");
|
|
1288
1288
|
}), Be(() => {
|
|
1289
1289
|
document.removeEventListener("keydown", x), document.body.style.overflow = "";
|
|
1290
|
-
}), (
|
|
1290
|
+
}), (m, w) => (s(), Ie(Fe, { to: "body" }, [
|
|
1291
1291
|
Ee(l("div", {
|
|
1292
1292
|
class: "y-dialog-root",
|
|
1293
1293
|
role: "dialog",
|
|
1294
1294
|
"aria-modal": !0,
|
|
1295
|
-
"aria-hidden": !
|
|
1296
|
-
style:
|
|
1295
|
+
"aria-hidden": !g.value,
|
|
1296
|
+
style: fe({ zIndex: String(t.zIndex) })
|
|
1297
1297
|
}, [
|
|
1298
1298
|
l("div", {
|
|
1299
1299
|
class: "y-dialog-mask",
|
|
@@ -1303,14 +1303,14 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1303
1303
|
default: he(() => [
|
|
1304
1304
|
Ee(l("div", {
|
|
1305
1305
|
ref_key: "panelRef",
|
|
1306
|
-
ref:
|
|
1307
|
-
class:
|
|
1308
|
-
style:
|
|
1309
|
-
onKeydown: ke(te(
|
|
1306
|
+
ref: v,
|
|
1307
|
+
class: H(["y-dialog-panel", [t.center ? "is-center" : ""]]),
|
|
1308
|
+
style: fe(h.value),
|
|
1309
|
+
onKeydown: ke(te(B, ["prevent", "stop"]), ["esc"]),
|
|
1310
1310
|
tabindex: "-1"
|
|
1311
1311
|
}, [
|
|
1312
1312
|
t.showHeader ? (s(), u("div", mn, [
|
|
1313
|
-
|
|
1313
|
+
ue(m.$slots, "header", {}, () => [
|
|
1314
1314
|
l("div", wn, se(t.title), 1)
|
|
1315
1315
|
], !0),
|
|
1316
1316
|
t.closable ? (s(), u("button", {
|
|
@@ -1319,26 +1319,26 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1319
1319
|
class: "y-dialog-close",
|
|
1320
1320
|
"aria-label": "Close",
|
|
1321
1321
|
onClick: C
|
|
1322
|
-
}, " ✕ ")) :
|
|
1323
|
-
])) :
|
|
1322
|
+
}, " ✕ ")) : R("", !0)
|
|
1323
|
+
])) : R("", !0),
|
|
1324
1324
|
l("div", bn, [
|
|
1325
|
-
|
|
1325
|
+
ue(m.$slots, "default", {}, void 0, !0)
|
|
1326
1326
|
]),
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
])) :
|
|
1327
|
+
m.$slots.footer ? (s(), u("div", kn, [
|
|
1328
|
+
ue(m.$slots, "footer", {}, void 0, !0)
|
|
1329
|
+
])) : R("", !0)
|
|
1330
1330
|
], 46, gn), [
|
|
1331
|
-
[Ke,
|
|
1331
|
+
[Ke, g.value]
|
|
1332
1332
|
])
|
|
1333
1333
|
]),
|
|
1334
1334
|
_: 3
|
|
1335
1335
|
})
|
|
1336
1336
|
], 12, yn), [
|
|
1337
|
-
[Ke,
|
|
1337
|
+
[Ke, g.value]
|
|
1338
1338
|
])
|
|
1339
1339
|
]));
|
|
1340
1340
|
}
|
|
1341
|
-
}), $n = /* @__PURE__ */
|
|
1341
|
+
}), $n = /* @__PURE__ */ be(xn, [["__scopeId", "data-v-a7acc6dc"]]), Dn = { class: "ypopover__inner" }, Cn = /* @__PURE__ */ we({
|
|
1342
1342
|
__name: "ypopover",
|
|
1343
1343
|
props: {
|
|
1344
1344
|
trigger: { default: "click" },
|
|
@@ -1358,76 +1358,76 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1358
1358
|
},
|
|
1359
1359
|
emits: ["update:modelValue", "show", "hide", "before-show", "before-hide"],
|
|
1360
1360
|
setup(t, { expose: D, emit: e }) {
|
|
1361
|
-
const n = t,
|
|
1362
|
-
let
|
|
1361
|
+
const n = t, g = e, v = z(), h = z(), S = z(), C = z(!1), B = z(), x = z(), m = z({});
|
|
1362
|
+
let w = null, k = null;
|
|
1363
1363
|
const A = q(() => {
|
|
1364
|
-
if (!C.value || !
|
|
1364
|
+
if (!C.value || !B.value) return {};
|
|
1365
1365
|
const j = {};
|
|
1366
1366
|
n.width !== "auto" && (j.width = typeof n.width == "number" ? `${n.width}px` : n.width), n.maxWidth && (j.maxWidth = typeof n.maxWidth == "number" ? `${n.maxWidth}px` : n.maxWidth);
|
|
1367
|
-
const { top: ee, left:
|
|
1368
|
-
return j.top = `${ee}px`, j.left = `${
|
|
1367
|
+
const { top: ee, left: p } = P();
|
|
1368
|
+
return j.top = `${ee}px`, j.left = `${p}px`, j;
|
|
1369
1369
|
}), U = q(() => {
|
|
1370
1370
|
if (!n.showArrow) return {};
|
|
1371
|
-
if (Object.keys(
|
|
1372
|
-
return
|
|
1371
|
+
if (Object.keys(m.value).length > 0)
|
|
1372
|
+
return m.value;
|
|
1373
1373
|
const j = {};
|
|
1374
1374
|
return n.placement.startsWith("top") || n.placement.startsWith("bottom") ? j.left = "50%" : j.top = "50%", j;
|
|
1375
1375
|
});
|
|
1376
1376
|
function P() {
|
|
1377
|
-
var
|
|
1378
|
-
if (!
|
|
1379
|
-
const { width: j, height: ee, top:
|
|
1377
|
+
var N, oe;
|
|
1378
|
+
if (!B.value) return { top: 0, left: 0 };
|
|
1379
|
+
const { width: j, height: ee, top: p, left: d } = B.value, o = ((N = S.value) == null ? void 0 : N.offsetWidth) || 200, i = ((oe = S.value) == null ? void 0 : oe.offsetHeight) || 100;
|
|
1380
1380
|
let f = 0, b = 0;
|
|
1381
1381
|
switch (n.placement) {
|
|
1382
1382
|
case "top":
|
|
1383
|
-
f =
|
|
1383
|
+
f = p - i - n.offset, b = d + (j - o) / 2;
|
|
1384
1384
|
break;
|
|
1385
1385
|
case "top-start":
|
|
1386
|
-
f =
|
|
1386
|
+
f = p - i - n.offset, b = d;
|
|
1387
1387
|
break;
|
|
1388
1388
|
case "top-end":
|
|
1389
|
-
f =
|
|
1389
|
+
f = p - i - n.offset, b = d + j - o;
|
|
1390
1390
|
break;
|
|
1391
1391
|
case "bottom":
|
|
1392
|
-
f =
|
|
1392
|
+
f = p + ee + n.offset, b = d + (j - o) / 2;
|
|
1393
1393
|
break;
|
|
1394
1394
|
case "bottom-start":
|
|
1395
|
-
f =
|
|
1395
|
+
f = p + ee + n.offset, b = d;
|
|
1396
1396
|
break;
|
|
1397
1397
|
case "bottom-end":
|
|
1398
|
-
f =
|
|
1398
|
+
f = p + ee + n.offset, b = d + j - o;
|
|
1399
1399
|
break;
|
|
1400
1400
|
case "left":
|
|
1401
|
-
f =
|
|
1401
|
+
f = p + (ee - i) / 2, b = d - o - n.offset;
|
|
1402
1402
|
break;
|
|
1403
1403
|
case "left-start":
|
|
1404
|
-
f =
|
|
1404
|
+
f = p, b = d - o - n.offset;
|
|
1405
1405
|
break;
|
|
1406
1406
|
case "left-end":
|
|
1407
|
-
f =
|
|
1407
|
+
f = p + ee - i, b = d - o - n.offset;
|
|
1408
1408
|
break;
|
|
1409
1409
|
case "right":
|
|
1410
|
-
f =
|
|
1410
|
+
f = p + (ee - i) / 2, b = d + j + n.offset;
|
|
1411
1411
|
break;
|
|
1412
1412
|
case "right-start":
|
|
1413
|
-
f =
|
|
1413
|
+
f = p, b = d + j + n.offset;
|
|
1414
1414
|
break;
|
|
1415
1415
|
case "right-end":
|
|
1416
|
-
f =
|
|
1416
|
+
f = p + ee - i, b = d + j + n.offset;
|
|
1417
1417
|
break;
|
|
1418
1418
|
}
|
|
1419
|
-
const L = window.innerWidth,
|
|
1420
|
-
return b < 8 && (b = 8), b + o > L - 8 && (b = L - o - 8), f < 8 && (f = 8), f + i >
|
|
1419
|
+
const L = window.innerWidth, T = window.innerHeight;
|
|
1420
|
+
return b < 8 && (b = 8), b + o > L - 8 && (b = L - o - 8), f < 8 && (f = 8), f + i > T - 8 && (f = T - i - 8), { top: f, left: b };
|
|
1421
1421
|
}
|
|
1422
1422
|
function V() {
|
|
1423
|
-
n.disabled || C.value || (G(), n.openDelay > 0 ?
|
|
1423
|
+
n.disabled || C.value || (G(), n.openDelay > 0 ? w = setTimeout(() => {
|
|
1424
1424
|
Z();
|
|
1425
1425
|
}, n.openDelay) : Z());
|
|
1426
1426
|
}
|
|
1427
1427
|
function Z() {
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1428
|
+
g("before-show"), C.value = !0, g("update:modelValue", !0), g("show"), re(() => {
|
|
1429
|
+
re(() => {
|
|
1430
|
+
E();
|
|
1431
1431
|
});
|
|
1432
1432
|
});
|
|
1433
1433
|
}
|
|
@@ -1437,98 +1437,98 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1437
1437
|
}, n.closeDelay) : ie());
|
|
1438
1438
|
}
|
|
1439
1439
|
function ie() {
|
|
1440
|
-
|
|
1440
|
+
g("before-hide"), C.value = !1, g("update:modelValue", !1), g("hide");
|
|
1441
1441
|
}
|
|
1442
1442
|
function G() {
|
|
1443
|
-
|
|
1443
|
+
w && (clearTimeout(w), w = null), k && (clearTimeout(k), k = null);
|
|
1444
1444
|
}
|
|
1445
|
-
function
|
|
1446
|
-
if (!n.showArrow || !
|
|
1447
|
-
|
|
1445
|
+
function de() {
|
|
1446
|
+
if (!n.showArrow || !B.value || !S.value) {
|
|
1447
|
+
m.value = {};
|
|
1448
1448
|
return;
|
|
1449
1449
|
}
|
|
1450
|
-
const j =
|
|
1450
|
+
const j = B.value, ee = S.value.getBoundingClientRect();
|
|
1451
1451
|
if (ee.width === 0 || ee.height === 0) {
|
|
1452
1452
|
const d = {};
|
|
1453
|
-
n.placement.startsWith("top") || n.placement.startsWith("bottom") ? d.left = "50%" : d.top = "50%",
|
|
1453
|
+
n.placement.startsWith("top") || n.placement.startsWith("bottom") ? d.left = "50%" : d.top = "50%", m.value = d;
|
|
1454
1454
|
return;
|
|
1455
1455
|
}
|
|
1456
|
-
const
|
|
1456
|
+
const p = {};
|
|
1457
1457
|
if (n.placement.startsWith("top")) {
|
|
1458
|
-
|
|
1458
|
+
p.bottom = "-6px";
|
|
1459
1459
|
const d = j.left + j.width / 2, o = ee.left, i = d - o;
|
|
1460
|
-
|
|
1460
|
+
p.left = `${Math.max(12, Math.min(i, ee.width - 12))}px`;
|
|
1461
1461
|
} else if (n.placement.startsWith("bottom")) {
|
|
1462
|
-
|
|
1462
|
+
p.top = "-6px";
|
|
1463
1463
|
const d = j.left + j.width / 2, o = ee.left, i = d - o;
|
|
1464
|
-
|
|
1464
|
+
p.left = `${Math.max(12, Math.min(i, ee.width - 12))}px`;
|
|
1465
1465
|
} else if (n.placement.startsWith("left")) {
|
|
1466
|
-
|
|
1466
|
+
p.right = "-6px";
|
|
1467
1467
|
const d = j.top + j.height / 2, o = ee.top, i = d - o;
|
|
1468
|
-
|
|
1468
|
+
p.top = `${Math.max(12, Math.min(i, ee.height - 12))}px`;
|
|
1469
1469
|
} else if (n.placement.startsWith("right")) {
|
|
1470
|
-
|
|
1470
|
+
p.left = "-6px";
|
|
1471
1471
|
const d = j.top + j.height / 2, o = ee.top, i = d - o;
|
|
1472
|
-
|
|
1472
|
+
p.top = `${Math.max(12, Math.min(i, ee.height - 12))}px`;
|
|
1473
1473
|
}
|
|
1474
|
-
|
|
1474
|
+
m.value = p;
|
|
1475
1475
|
}
|
|
1476
|
-
function
|
|
1477
|
-
|
|
1478
|
-
S.value && (x.value = S.value.getBoundingClientRect(),
|
|
1476
|
+
function E() {
|
|
1477
|
+
h.value && (B.value = h.value.getBoundingClientRect(), S.value && (x.value = S.value.getBoundingClientRect(), de(), C.value && requestAnimationFrame(() => {
|
|
1478
|
+
S.value && (x.value = S.value.getBoundingClientRect(), de());
|
|
1479
1479
|
})));
|
|
1480
1480
|
}
|
|
1481
|
-
function
|
|
1481
|
+
function F() {
|
|
1482
1482
|
n.disabled || n.trigger === "click" && (C.value ? X() : V());
|
|
1483
1483
|
}
|
|
1484
|
-
function
|
|
1484
|
+
function K() {
|
|
1485
1485
|
n.disabled || n.trigger !== "hover" || (G(), V());
|
|
1486
1486
|
}
|
|
1487
|
-
function
|
|
1487
|
+
function Y() {
|
|
1488
1488
|
n.disabled || n.trigger !== "hover" || X();
|
|
1489
1489
|
}
|
|
1490
|
-
function
|
|
1490
|
+
function ne() {
|
|
1491
1491
|
n.disabled || n.trigger !== "hover" || G();
|
|
1492
1492
|
}
|
|
1493
|
-
function
|
|
1493
|
+
function Q() {
|
|
1494
1494
|
n.disabled || n.trigger !== "hover" || X();
|
|
1495
1495
|
}
|
|
1496
|
-
function
|
|
1496
|
+
function pe(j) {
|
|
1497
1497
|
if (!n.closeOnClickOutside || !C.value) return;
|
|
1498
1498
|
const ee = j.target;
|
|
1499
|
-
|
|
1499
|
+
v.value && !v.value.contains(ee) && S.value && !S.value.contains(ee) && X();
|
|
1500
1500
|
}
|
|
1501
1501
|
return ae(() => n.modelValue, (j) => {
|
|
1502
1502
|
j !== C.value && (j ? V() : X());
|
|
1503
1503
|
}), ae(C, (j) => {
|
|
1504
|
-
j ? (document.addEventListener("click",
|
|
1505
|
-
|
|
1506
|
-
|
|
1504
|
+
j ? (document.addEventListener("click", pe), window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), re(() => {
|
|
1505
|
+
E(), requestAnimationFrame(() => {
|
|
1506
|
+
E();
|
|
1507
1507
|
}), setTimeout(() => {
|
|
1508
|
-
|
|
1508
|
+
E();
|
|
1509
1509
|
}, 0);
|
|
1510
|
-
})) : (document.removeEventListener("click",
|
|
1510
|
+
})) : (document.removeEventListener("click", pe), window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0));
|
|
1511
1511
|
}), Ce(() => {
|
|
1512
1512
|
n.modelValue && V();
|
|
1513
1513
|
}), Be(() => {
|
|
1514
|
-
G(), document.removeEventListener("click",
|
|
1514
|
+
G(), document.removeEventListener("click", pe), window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
|
|
1515
1515
|
}), D({
|
|
1516
1516
|
show: V,
|
|
1517
1517
|
hide: X,
|
|
1518
|
-
updatePosition:
|
|
1518
|
+
updatePosition: E
|
|
1519
1519
|
}), (j, ee) => (s(), u("div", {
|
|
1520
1520
|
class: "ypopover",
|
|
1521
1521
|
ref_key: "popoverRef",
|
|
1522
|
-
ref:
|
|
1522
|
+
ref: v
|
|
1523
1523
|
}, [
|
|
1524
1524
|
l("div", {
|
|
1525
1525
|
ref_key: "triggerRef",
|
|
1526
|
-
ref:
|
|
1527
|
-
onClick:
|
|
1528
|
-
onMouseenter:
|
|
1529
|
-
onMouseleave:
|
|
1526
|
+
ref: h,
|
|
1527
|
+
onClick: F,
|
|
1528
|
+
onMouseenter: K,
|
|
1529
|
+
onMouseleave: Y
|
|
1530
1530
|
}, [
|
|
1531
|
-
|
|
1531
|
+
ue(j.$slots, "reference", {}, void 0, !0)
|
|
1532
1532
|
], 544),
|
|
1533
1533
|
(s(), Ie(Fe, { to: "body" }, [
|
|
1534
1534
|
ve($e, { name: "ypopover-fade" }, {
|
|
@@ -1537,35 +1537,35 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1537
1537
|
key: 0,
|
|
1538
1538
|
ref_key: "contentRef",
|
|
1539
1539
|
ref: S,
|
|
1540
|
-
class:
|
|
1540
|
+
class: H(["ypopover__content", [
|
|
1541
1541
|
`ypopover__content--${t.placement}`,
|
|
1542
1542
|
{
|
|
1543
1543
|
"ypopover__content--dark": t.dark,
|
|
1544
1544
|
"ypopover__content--no-padding": !t.showPadding
|
|
1545
1545
|
}
|
|
1546
1546
|
]]),
|
|
1547
|
-
style:
|
|
1547
|
+
style: fe(A.value),
|
|
1548
1548
|
onClick: ee[0] || (ee[0] = te(() => {
|
|
1549
1549
|
}, ["stop"])),
|
|
1550
|
-
onMouseenter:
|
|
1551
|
-
onMouseleave:
|
|
1550
|
+
onMouseenter: ne,
|
|
1551
|
+
onMouseleave: Q
|
|
1552
1552
|
}, [
|
|
1553
1553
|
t.showArrow ? (s(), u("div", {
|
|
1554
1554
|
key: 0,
|
|
1555
|
-
class:
|
|
1556
|
-
style:
|
|
1557
|
-
}, null, 6)) :
|
|
1555
|
+
class: H(["ypopover__arrow", `ypopover__arrow--${t.placement}`]),
|
|
1556
|
+
style: fe(U.value)
|
|
1557
|
+
}, null, 6)) : R("", !0),
|
|
1558
1558
|
l("div", Dn, [
|
|
1559
|
-
|
|
1559
|
+
ue(j.$slots, "default", {}, void 0, !0)
|
|
1560
1560
|
])
|
|
1561
|
-
], 38)) :
|
|
1561
|
+
], 38)) : R("", !0)
|
|
1562
1562
|
]),
|
|
1563
1563
|
_: 3
|
|
1564
1564
|
})
|
|
1565
1565
|
]))
|
|
1566
1566
|
], 512));
|
|
1567
1567
|
}
|
|
1568
|
-
}), _n = /* @__PURE__ */
|
|
1568
|
+
}), _n = /* @__PURE__ */ be(Cn, [["__scopeId", "data-v-be755399"]]), Sn = { class: "relative" }, In = ["value", "placeholder"], Ln = { class: "nh-time-suffix" }, Mn = { class: "nh-time-shortcuts" }, En = { class: "nh-time-shortcuts-list" }, Bn = ["onClick", "onKeydown", "onMouseenter"], Tn = { class: "nh-time-custom" }, zn = { class: "nh-time-custom-header" }, Kn = { class: "nh-time-selection-status" }, Hn = {
|
|
1569
1569
|
key: 0,
|
|
1570
1570
|
class: "status-text"
|
|
1571
1571
|
}, Rn = {
|
|
@@ -1574,7 +1574,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1574
1574
|
}, An = {
|
|
1575
1575
|
key: 2,
|
|
1576
1576
|
class: "status-text status-complete"
|
|
1577
|
-
}, Wn = { class: "nh-time-pickers" }, Vn = { class: "nh-time-picker" }, Fn = { class: "nh-date-picker" }, Pn = { class: "nh-date-picker-header" }, Yn = { class: "nh-date-picker-header-label" }, Nn = { class: "nh-date-picker-content" }, On = { class: "nh-date-table" }, jn = ["onClick"], qn = { class: "nh-date-table-cell" }, Un = { key: 0 }, Zn = { class: "nh-time-picker" }, Qn = { class: "nh-date-picker" }, Jn = { class: "nh-date-picker-header" }, Xn = { class: "nh-date-picker-header-label" }, Gn = { class: "nh-date-picker-content" }, el = { class: "nh-date-table" }, tl = ["onClick"], nl = { class: "nh-date-table-cell" }, ll = { key: 0 }, ol = { class: "nh-time-actions" }, al = /* @__PURE__ */
|
|
1577
|
+
}, Wn = { class: "nh-time-pickers" }, Vn = { class: "nh-time-picker" }, Fn = { class: "nh-date-picker" }, Pn = { class: "nh-date-picker-header" }, Yn = { class: "nh-date-picker-header-label" }, Nn = { class: "nh-date-picker-content" }, On = { class: "nh-date-table" }, jn = ["onClick"], qn = { class: "nh-date-table-cell" }, Un = { key: 0 }, Zn = { class: "nh-time-picker" }, Qn = { class: "nh-date-picker" }, Jn = { class: "nh-date-picker-header" }, Xn = { class: "nh-date-picker-header-label" }, Gn = { class: "nh-date-picker-content" }, el = { class: "nh-date-table" }, tl = ["onClick"], nl = { class: "nh-date-table-cell" }, ll = { key: 0 }, ol = { class: "nh-time-actions" }, al = /* @__PURE__ */ we({
|
|
1578
1578
|
__name: "ytime",
|
|
1579
1579
|
props: {
|
|
1580
1580
|
modelValue: { default: () => ({ startDate: null, endDate: null }) },
|
|
@@ -1625,219 +1625,219 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1625
1625
|
},
|
|
1626
1626
|
emits: ["update:modelValue", "change"],
|
|
1627
1627
|
setup(t, { emit: D }) {
|
|
1628
|
-
const e = t, n = D,
|
|
1628
|
+
const e = t, n = D, g = z(!1), v = z(-1), h = z(-1), S = z(null), C = z(), B = z(), x = z({
|
|
1629
1629
|
top: !0,
|
|
1630
1630
|
left: !0
|
|
1631
|
-
}),
|
|
1631
|
+
}), m = z({
|
|
1632
1632
|
year: (/* @__PURE__ */ new Date()).getFullYear(),
|
|
1633
1633
|
month: (/* @__PURE__ */ new Date()).getMonth()
|
|
1634
|
-
}),
|
|
1634
|
+
}), w = z({
|
|
1635
1635
|
year: (/* @__PURE__ */ new Date()).getFullYear(),
|
|
1636
1636
|
month: (/* @__PURE__ */ new Date()).getMonth() + 1
|
|
1637
1637
|
}), k = () => {
|
|
1638
|
-
const r = new Date(
|
|
1639
|
-
if (r >=
|
|
1640
|
-
const I = new Date(
|
|
1641
|
-
|
|
1638
|
+
const r = new Date(m.value.year, m.value.month).getTime(), y = new Date(w.value.year, w.value.month).getTime();
|
|
1639
|
+
if (r >= y) {
|
|
1640
|
+
const I = new Date(m.value.year, m.value.month + 1);
|
|
1641
|
+
w.value.year = I.getFullYear(), w.value.month = I.getMonth();
|
|
1642
1642
|
}
|
|
1643
1643
|
}, A = () => {
|
|
1644
|
-
const r = new Date(
|
|
1645
|
-
if (new Date(
|
|
1646
|
-
const I = new Date(
|
|
1647
|
-
|
|
1644
|
+
const r = new Date(m.value.year, m.value.month).getTime();
|
|
1645
|
+
if (new Date(w.value.year, w.value.month).getTime() <= r) {
|
|
1646
|
+
const I = new Date(w.value.year, w.value.month - 1);
|
|
1647
|
+
m.value.year = I.getFullYear(), m.value.month = I.getMonth();
|
|
1648
1648
|
}
|
|
1649
|
-
}, U = ["一", "二", "三", "四", "五", "六", "日"], P =
|
|
1649
|
+
}, U = ["一", "二", "三", "四", "五", "六", "日"], P = z(null), V = z(null), Z = (r) => {
|
|
1650
1650
|
if (!r) return null;
|
|
1651
1651
|
if (r instanceof Date) return r;
|
|
1652
1652
|
if (typeof r == "number")
|
|
1653
1653
|
return new Date(r);
|
|
1654
1654
|
if (typeof r == "string") {
|
|
1655
|
-
const
|
|
1656
|
-
return isNaN(
|
|
1655
|
+
const y = new Date(r);
|
|
1656
|
+
return isNaN(y.getTime()) ? null : y;
|
|
1657
1657
|
}
|
|
1658
1658
|
return null;
|
|
1659
1659
|
}, X = (r) => {
|
|
1660
1660
|
if (!r) return null;
|
|
1661
|
-
const
|
|
1661
|
+
const y = r.getFullYear(), I = String(r.getMonth() + 1).padStart(2, "0"), O = String(r.getDate()).padStart(2, "0");
|
|
1662
1662
|
if (e.includeTime) {
|
|
1663
1663
|
const a = String(r.getHours()).padStart(2, "0"), c = String(r.getMinutes()).padStart(2, "0"), $ = String(r.getSeconds()).padStart(2, "0");
|
|
1664
|
-
return `${
|
|
1664
|
+
return `${y}-${I}-${O} ${a}:${c}:${$}`;
|
|
1665
1665
|
} else
|
|
1666
|
-
return `${
|
|
1666
|
+
return `${y}-${I}-${O}`;
|
|
1667
1667
|
}, ie = (r) => r ? r.getTime() : null, G = (r) => r ? {
|
|
1668
1668
|
startDate: Z(r.startDate),
|
|
1669
1669
|
endDate: Z(r.endDate)
|
|
1670
|
-
} : { startDate: null, endDate: null },
|
|
1670
|
+
} : { startDate: null, endDate: null }, de = (r) => e.format === "string" ? {
|
|
1671
1671
|
startDate: X(r.startDate),
|
|
1672
1672
|
endDate: X(r.endDate)
|
|
1673
1673
|
} : e.format === "timestamp" ? {
|
|
1674
1674
|
startDate: ie(r.startDate),
|
|
1675
1675
|
endDate: ie(r.endDate)
|
|
1676
|
-
} : r,
|
|
1677
|
-
const
|
|
1678
|
-
if (!(
|
|
1676
|
+
} : r, E = (r, y) => `${String(y + 1).padStart(2, "0")}/${r}`, F = (r, y) => r.getFullYear() === y.getFullYear() && r.getMonth() === y.getMonth() && r.getDate() === y.getDate(), K = (r, y, I) => !y || !I ? !1 : r >= y && r <= I, Y = (r) => {
|
|
1677
|
+
const y = G(r);
|
|
1678
|
+
if (!(y != null && y.startDate) || !(y != null && y.endDate))
|
|
1679
1679
|
return -1;
|
|
1680
1680
|
for (let I = 0; I < e.shortcuts.length; I++) {
|
|
1681
|
-
const
|
|
1682
|
-
if (
|
|
1681
|
+
const O = e.shortcuts[I].getValue();
|
|
1682
|
+
if (O.startDate && O.endDate && y.startDate && y.endDate) {
|
|
1683
1683
|
const a = new Date(
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1684
|
+
y.startDate.getFullYear(),
|
|
1685
|
+
y.startDate.getMonth(),
|
|
1686
|
+
y.startDate.getDate()
|
|
1687
1687
|
), c = new Date(
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1688
|
+
y.endDate.getFullYear(),
|
|
1689
|
+
y.endDate.getMonth(),
|
|
1690
|
+
y.endDate.getDate()
|
|
1691
1691
|
), $ = new Date(
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1692
|
+
O.startDate.getFullYear(),
|
|
1693
|
+
O.startDate.getMonth(),
|
|
1694
|
+
O.startDate.getDate()
|
|
1695
1695
|
), _ = new Date(
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1696
|
+
O.endDate.getFullYear(),
|
|
1697
|
+
O.endDate.getMonth(),
|
|
1698
|
+
O.endDate.getDate()
|
|
1699
1699
|
);
|
|
1700
1700
|
if (a.getTime() === $.getTime() && c.getTime() === _.getTime())
|
|
1701
1701
|
return I;
|
|
1702
1702
|
}
|
|
1703
1703
|
}
|
|
1704
1704
|
return -1;
|
|
1705
|
-
},
|
|
1706
|
-
const I = new Date(r,
|
|
1707
|
-
for (let
|
|
1708
|
-
const xe = new Date(r,
|
|
1705
|
+
}, ne = (r, y) => {
|
|
1706
|
+
const I = new Date(r, y, 1), O = new Date(r, y + 1, 0), a = I.getDay(), c = O.getDate(), $ = [], _ = /* @__PURE__ */ new Date(), M = a === 0 ? 6 : a - 1, W = new Date(r, y, 0);
|
|
1707
|
+
for (let le = M - 1; le >= 0; le--) {
|
|
1708
|
+
const xe = new Date(r, y - 1, W.getDate() - le);
|
|
1709
1709
|
$.push({
|
|
1710
1710
|
date: xe,
|
|
1711
1711
|
day: xe.getDate(),
|
|
1712
1712
|
isCurrentMonth: !1,
|
|
1713
|
-
isToday:
|
|
1713
|
+
isToday: F(xe, _),
|
|
1714
1714
|
isSelected: !1,
|
|
1715
1715
|
isInRange: !1,
|
|
1716
1716
|
isDisabled: !0
|
|
1717
1717
|
// 禁用非当前月的日期
|
|
1718
1718
|
});
|
|
1719
1719
|
}
|
|
1720
|
-
for (let
|
|
1721
|
-
const xe = new Date(r,
|
|
1720
|
+
for (let le = 1; le <= c; le++) {
|
|
1721
|
+
const xe = new Date(r, y, le);
|
|
1722
1722
|
$.push({
|
|
1723
1723
|
date: xe,
|
|
1724
|
-
day:
|
|
1724
|
+
day: le,
|
|
1725
1725
|
isCurrentMonth: !0,
|
|
1726
|
-
isToday:
|
|
1726
|
+
isToday: F(xe, _),
|
|
1727
1727
|
isSelected: !1,
|
|
1728
1728
|
isInRange: !1,
|
|
1729
1729
|
isDisabled: !1
|
|
1730
1730
|
});
|
|
1731
1731
|
}
|
|
1732
1732
|
const J = 42 - $.length;
|
|
1733
|
-
for (let
|
|
1734
|
-
const xe = new Date(r,
|
|
1733
|
+
for (let le = 1; le <= J; le++) {
|
|
1734
|
+
const xe = new Date(r, y + 1, le);
|
|
1735
1735
|
$.push({
|
|
1736
1736
|
date: xe,
|
|
1737
|
-
day:
|
|
1737
|
+
day: le,
|
|
1738
1738
|
isCurrentMonth: !1,
|
|
1739
|
-
isToday:
|
|
1739
|
+
isToday: F(xe, _),
|
|
1740
1740
|
isSelected: !1,
|
|
1741
1741
|
isInRange: !1,
|
|
1742
1742
|
isDisabled: !0
|
|
1743
1743
|
// 禁用非当前月的日期
|
|
1744
1744
|
});
|
|
1745
1745
|
}
|
|
1746
|
-
const
|
|
1747
|
-
for (let
|
|
1748
|
-
|
|
1749
|
-
return
|
|
1750
|
-
},
|
|
1751
|
-
const
|
|
1752
|
-
n("update:modelValue",
|
|
1753
|
-
},
|
|
1754
|
-
if (!C.value || !
|
|
1755
|
-
const r = C.value.getBoundingClientRect(),
|
|
1746
|
+
const ye = [];
|
|
1747
|
+
for (let le = 0; le < $.length; le += 7)
|
|
1748
|
+
ye.push($.slice(le, le + 7));
|
|
1749
|
+
return ye;
|
|
1750
|
+
}, Q = (r) => {
|
|
1751
|
+
const y = de(r);
|
|
1752
|
+
n("update:modelValue", y), n("change", y);
|
|
1753
|
+
}, pe = () => {
|
|
1754
|
+
if (!C.value || !B.value) return;
|
|
1755
|
+
const r = C.value.getBoundingClientRect(), y = B.value.getBoundingClientRect(), I = window.innerWidth, a = window.innerHeight - r.bottom, c = r.top, $ = y.height || 400;
|
|
1756
1756
|
a < $ && c > $ ? x.value.top = !1 : x.value.top = !0;
|
|
1757
|
-
const _ = I - r.left, M =
|
|
1757
|
+
const _ = I - r.left, M = y.width || 640;
|
|
1758
1758
|
_ < M ? x.value.left = !1 : x.value.left = !0;
|
|
1759
1759
|
}, j = () => {
|
|
1760
|
-
if (
|
|
1760
|
+
if (g.value = !g.value, g.value) {
|
|
1761
1761
|
const r = G(e.modelValue);
|
|
1762
|
-
if (P.value = (r == null ? void 0 : r.startDate) || null, V.value = (r == null ? void 0 : r.endDate) || null,
|
|
1763
|
-
|
|
1762
|
+
if (P.value = (r == null ? void 0 : r.startDate) || null, V.value = (r == null ? void 0 : r.endDate) || null, h.value = Y(e.modelValue), v.value = -1, r != null && r.startDate && (m.value.year = r.startDate.getFullYear(), m.value.month = r.startDate.getMonth()), r != null && r.endDate)
|
|
1763
|
+
w.value.year = r.endDate.getFullYear(), w.value.month = r.endDate.getMonth();
|
|
1764
1764
|
else {
|
|
1765
|
-
const
|
|
1766
|
-
|
|
1765
|
+
const y = new Date(m.value.year, m.value.month + 1);
|
|
1766
|
+
w.value.year = y.getFullYear(), w.value.month = y.getMonth();
|
|
1767
1767
|
}
|
|
1768
|
-
k(),
|
|
1769
|
-
|
|
1768
|
+
k(), re(() => {
|
|
1769
|
+
pe();
|
|
1770
1770
|
});
|
|
1771
1771
|
}
|
|
1772
1772
|
}, ee = (r) => {
|
|
1773
|
-
const
|
|
1774
|
-
I &&
|
|
1775
|
-
},
|
|
1776
|
-
r.key === "Enter" || r.key === " " ? (r.preventDefault(), j()) : r.key === "ArrowDown" && (r.preventDefault(),
|
|
1777
|
-
|
|
1773
|
+
const y = r.target, I = C.value, O = B.value;
|
|
1774
|
+
I && O && !I.contains(y) && !O.contains(y) && (g.value = !1, v.value = -1);
|
|
1775
|
+
}, p = (r) => {
|
|
1776
|
+
r.key === "Enter" || r.key === " " ? (r.preventDefault(), j()) : r.key === "ArrowDown" && (r.preventDefault(), g.value = !0, re(() => {
|
|
1777
|
+
pe(), b();
|
|
1778
1778
|
}));
|
|
1779
1779
|
}, d = (r) => {
|
|
1780
|
-
var
|
|
1781
|
-
r.key === "Escape" && (
|
|
1782
|
-
}, o = (r,
|
|
1783
|
-
r.key === "ArrowDown" ? (r.preventDefault(),
|
|
1780
|
+
var y;
|
|
1781
|
+
r.key === "Escape" && (g.value = !1, v.value = -1, (y = C.value) == null || y.focus());
|
|
1782
|
+
}, o = (r, y) => {
|
|
1783
|
+
r.key === "ArrowDown" ? (r.preventDefault(), v.value = Math.min(y + 1, e.shortcuts.length - 1), L(v.value)) : r.key === "ArrowUp" ? (r.preventDefault(), v.value = Math.max(y - 1, 0), L(v.value)) : (r.key === "Enter" || r.key === " ") && (r.preventDefault(), T(e.shortcuts[y]));
|
|
1784
1784
|
}, i = (r) => {
|
|
1785
|
-
|
|
1785
|
+
v.value = r;
|
|
1786
1786
|
}, f = () => {
|
|
1787
|
-
|
|
1787
|
+
v.value = -1;
|
|
1788
1788
|
}, b = () => {
|
|
1789
|
-
|
|
1789
|
+
v.value = 0, L(0);
|
|
1790
1790
|
}, L = (r) => {
|
|
1791
|
-
if (
|
|
1792
|
-
const I =
|
|
1791
|
+
if (B.value) {
|
|
1792
|
+
const I = B.value.querySelectorAll(".nh-time-shortcut")[r];
|
|
1793
1793
|
I && I.focus();
|
|
1794
1794
|
}
|
|
1795
|
-
},
|
|
1796
|
-
const
|
|
1797
|
-
e.includeTime &&
|
|
1798
|
-
},
|
|
1795
|
+
}, T = (r) => {
|
|
1796
|
+
const y = r.getValue();
|
|
1797
|
+
e.includeTime && y.startDate && y.endDate && (y.startDate.setHours(0, 0, 0, 0), y.endDate.setHours(23, 59, 59, 999)), Q(y), h.value = e.shortcuts.findIndex((I) => I.label === r.label), v.value = -1, g.value = !1;
|
|
1798
|
+
}, N = (r, y) => {
|
|
1799
1799
|
if (!r || r.isDisabled) return;
|
|
1800
1800
|
let I;
|
|
1801
|
-
if (e.includeTime ? (I = new Date(r.date),
|
|
1801
|
+
if (e.includeTime ? (I = new Date(r.date), y === "start" || !P.value ? I.setHours(0, 0, 0, 0) : I.setHours(23, 59, 59, 999)) : I = new Date(r.date.getFullYear(), r.date.getMonth(), r.date.getDate()), !P.value && !V.value)
|
|
1802
1802
|
P.value = I, V.value = null;
|
|
1803
1803
|
else if (P.value && !V.value)
|
|
1804
1804
|
if (I >= P.value)
|
|
1805
1805
|
e.includeTime && I.setHours(23, 59, 59, 999), V.value = I;
|
|
1806
1806
|
else {
|
|
1807
|
-
const
|
|
1808
|
-
e.includeTime &&
|
|
1807
|
+
const O = P.value;
|
|
1808
|
+
e.includeTime && O.setHours(23, 59, 59, 999), V.value = O, P.value = I;
|
|
1809
1809
|
}
|
|
1810
1810
|
else
|
|
1811
1811
|
P.value = I, V.value = null;
|
|
1812
|
-
if (
|
|
1813
|
-
const
|
|
1814
|
-
e.includeTime &&
|
|
1812
|
+
if (h.value = -1, P.value && V.value) {
|
|
1813
|
+
const O = new Date(V.value);
|
|
1814
|
+
e.includeTime && O.setHours(23, 59, 59, 999), S.value = {
|
|
1815
1815
|
startDate: P.value,
|
|
1816
|
-
endDate:
|
|
1816
|
+
endDate: O
|
|
1817
1817
|
};
|
|
1818
1818
|
} else
|
|
1819
1819
|
S.value = null;
|
|
1820
|
-
}, oe = (r,
|
|
1820
|
+
}, oe = (r, y) => {
|
|
1821
1821
|
if (!r) return ["nh-date-table-td"];
|
|
1822
1822
|
const I = ["nh-date-table-td"];
|
|
1823
|
-
return r.isCurrentMonth || I.push("is-prev-month"), r.isToday && I.push("is-today"), r.isDisabled && I.push("is-disabled"), P.value &&
|
|
1824
|
-
},
|
|
1825
|
-
S.value && (e.includeTime && S.value.endDate && S.value.endDate.setHours(23, 59, 59, 999),
|
|
1823
|
+
return r.isCurrentMonth || I.push("is-prev-month"), r.isToday && I.push("is-today"), r.isDisabled && I.push("is-disabled"), P.value && F(r.date, P.value) && I.push("is-selected", "is-start"), V.value && F(r.date, V.value) && I.push("is-selected", "is-end"), P.value && V.value && K(r.date, P.value, V.value) && I.push("is-in-range"), I;
|
|
1824
|
+
}, me = () => {
|
|
1825
|
+
S.value && (e.includeTime && S.value.endDate && S.value.endDate.setHours(23, 59, 59, 999), Q(S.value), h.value = Y(S.value), g.value = !1);
|
|
1826
1826
|
}, _e = () => {
|
|
1827
|
-
|
|
1827
|
+
Q({ startDate: null, endDate: null }), We(), v.value = -1, g.value = !1;
|
|
1828
1828
|
}, He = () => {
|
|
1829
|
-
|
|
1830
|
-
|
|
1829
|
+
g.value && re(() => {
|
|
1830
|
+
pe();
|
|
1831
1831
|
});
|
|
1832
|
-
}, qe = q(() =>
|
|
1832
|
+
}, qe = q(() => ne(m.value.year, m.value.month)), Te = q(() => ne(w.value.year, w.value.month)), Le = q(() => {
|
|
1833
1833
|
const r = G(e.modelValue);
|
|
1834
1834
|
if (!r || !r.startDate || !r.endDate)
|
|
1835
1835
|
return "";
|
|
1836
|
-
const
|
|
1836
|
+
const y = (a) => {
|
|
1837
1837
|
const c = String(a.getFullYear()), $ = String(a.getMonth() + 1).padStart(2, "0"), _ = String(a.getDate()).padStart(2, "0");
|
|
1838
1838
|
return `${c}/${$}/${_}`;
|
|
1839
|
-
}, I =
|
|
1840
|
-
return !e.includeTime && I ===
|
|
1839
|
+
}, I = y(r.startDate), O = y(r.endDate);
|
|
1840
|
+
return !e.includeTime && I === O ? I : `${I} - ${O}`;
|
|
1841
1841
|
}), Me = q(() => [
|
|
1842
1842
|
"nh-time-dropdown",
|
|
1843
1843
|
{
|
|
@@ -1848,64 +1848,64 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1848
1848
|
const r = G(e.modelValue);
|
|
1849
1849
|
return !!(r != null && r.startDate && (r != null && r.endDate));
|
|
1850
1850
|
}), Ae = q(() => !!(P.value && V.value)), We = () => {
|
|
1851
|
-
P.value = null, V.value = null, S.value = null,
|
|
1851
|
+
P.value = null, V.value = null, S.value = null, h.value = -1;
|
|
1852
1852
|
};
|
|
1853
1853
|
ae(() => e.modelValue, (r) => {
|
|
1854
|
-
const
|
|
1855
|
-
if (
|
|
1856
|
-
const I =
|
|
1857
|
-
|
|
1854
|
+
const y = G(r);
|
|
1855
|
+
if (y != null && y.startDate) {
|
|
1856
|
+
const I = y.startDate;
|
|
1857
|
+
m.value.year = I.getFullYear(), m.value.month = I.getMonth();
|
|
1858
1858
|
}
|
|
1859
|
-
if (
|
|
1860
|
-
const I =
|
|
1861
|
-
|
|
1862
|
-
} else if (
|
|
1863
|
-
const I = new Date(
|
|
1864
|
-
|
|
1859
|
+
if (y != null && y.endDate) {
|
|
1860
|
+
const I = y.endDate;
|
|
1861
|
+
w.value.year = I.getFullYear(), w.value.month = I.getMonth();
|
|
1862
|
+
} else if (y != null && y.startDate) {
|
|
1863
|
+
const I = new Date(m.value.year, m.value.month + 1);
|
|
1864
|
+
w.value.year = I.getFullYear(), w.value.month = I.getMonth();
|
|
1865
1865
|
}
|
|
1866
|
-
(
|
|
1867
|
-
}, { immediate: !0, deep: !0 }), ae([
|
|
1868
|
-
const r = new Date(
|
|
1869
|
-
if (r ===
|
|
1870
|
-
const I = new Date(
|
|
1871
|
-
|
|
1866
|
+
(y != null && y.startDate || y != null && y.endDate) && k(), g.value || (h.value = Y(r));
|
|
1867
|
+
}, { immediate: !0, deep: !0 }), ae([m, w], () => {
|
|
1868
|
+
const r = new Date(m.value.year, m.value.month).getTime(), y = new Date(w.value.year, w.value.month).getTime();
|
|
1869
|
+
if (r === y) {
|
|
1870
|
+
const I = new Date(m.value.year, m.value.month + 1);
|
|
1871
|
+
w.value.year = I.getFullYear(), w.value.month = I.getMonth();
|
|
1872
1872
|
}
|
|
1873
1873
|
}, { deep: !0 }), Ce(() => {
|
|
1874
|
-
document.addEventListener("click", ee), window.addEventListener("resize", He), window.addEventListener("scroll", He),
|
|
1874
|
+
document.addEventListener("click", ee), window.addEventListener("resize", He), window.addEventListener("scroll", He), h.value = Y(e.modelValue);
|
|
1875
1875
|
const r = G(e.modelValue);
|
|
1876
|
-
if (r != null && r.startDate && (
|
|
1877
|
-
|
|
1876
|
+
if (r != null && r.startDate && (m.value.year = r.startDate.getFullYear(), m.value.month = r.startDate.getMonth()), r != null && r.endDate)
|
|
1877
|
+
w.value.year = r.endDate.getFullYear(), w.value.month = r.endDate.getMonth();
|
|
1878
1878
|
else {
|
|
1879
|
-
const
|
|
1880
|
-
|
|
1879
|
+
const y = new Date(m.value.year, m.value.month + 1);
|
|
1880
|
+
w.value.year = y.getFullYear(), w.value.month = y.getMonth();
|
|
1881
1881
|
}
|
|
1882
1882
|
k();
|
|
1883
1883
|
}), Be(() => {
|
|
1884
1884
|
document.removeEventListener("click", ee), window.removeEventListener("resize", He), window.removeEventListener("scroll", He);
|
|
1885
1885
|
});
|
|
1886
1886
|
const Pe = () => {
|
|
1887
|
-
e.clearable && (
|
|
1888
|
-
}, ze = (r,
|
|
1887
|
+
e.clearable && (Q({ startDate: null, endDate: null }), We(), v.value = -1);
|
|
1888
|
+
}, ze = (r, y) => {
|
|
1889
1889
|
if (r === "start") {
|
|
1890
|
-
const I = new Date(
|
|
1891
|
-
|
|
1890
|
+
const I = new Date(m.value.year, m.value.month + y, 1);
|
|
1891
|
+
m.value.year = I.getFullYear(), m.value.month = I.getMonth(), k();
|
|
1892
1892
|
} else {
|
|
1893
|
-
const I = new Date(
|
|
1894
|
-
|
|
1893
|
+
const I = new Date(w.value.year, w.value.month + y, 1);
|
|
1894
|
+
w.value.year = I.getFullYear(), w.value.month = I.getMonth(), A();
|
|
1895
1895
|
}
|
|
1896
1896
|
};
|
|
1897
|
-
return (r,
|
|
1897
|
+
return (r, y) => {
|
|
1898
1898
|
const I = Ve("YButton");
|
|
1899
1899
|
return s(), u("div", {
|
|
1900
|
-
class:
|
|
1900
|
+
class: H(["nh-time-search", [`nh-time--${t.size}`]])
|
|
1901
1901
|
}, [
|
|
1902
1902
|
l("div", Sn, [
|
|
1903
1903
|
l("div", {
|
|
1904
1904
|
ref_key: "trigger",
|
|
1905
1905
|
ref: C,
|
|
1906
1906
|
onClick: j,
|
|
1907
|
-
onKeydown:
|
|
1908
|
-
class:
|
|
1907
|
+
onKeydown: p,
|
|
1908
|
+
class: H(["nh-time-trigger", { "is-focus": g.value, "has-value": Re.value }]),
|
|
1909
1909
|
tabindex: "0"
|
|
1910
1910
|
}, [
|
|
1911
1911
|
l("input", {
|
|
@@ -1919,7 +1919,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1919
1919
|
key: 0,
|
|
1920
1920
|
onClick: te(Pe, ["stop"]),
|
|
1921
1921
|
class: "nh-time-clear"
|
|
1922
|
-
}, [...
|
|
1922
|
+
}, [...y[4] || (y[4] = [
|
|
1923
1923
|
l("svg", {
|
|
1924
1924
|
viewBox: "0 0 1024 1024",
|
|
1925
1925
|
width: "14",
|
|
@@ -1930,8 +1930,8 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1930
1930
|
fill: "currentColor"
|
|
1931
1931
|
})
|
|
1932
1932
|
], -1)
|
|
1933
|
-
])])) :
|
|
1934
|
-
|
|
1933
|
+
])])) : R("", !0),
|
|
1934
|
+
y[6] || (y[6] = l("i", { class: "nh-time-icon" }, [
|
|
1935
1935
|
l("svg", {
|
|
1936
1936
|
viewBox: "0 0 1024 1024",
|
|
1937
1937
|
width: "14",
|
|
@@ -1944,8 +1944,8 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1944
1944
|
])
|
|
1945
1945
|
], -1)),
|
|
1946
1946
|
l("i", {
|
|
1947
|
-
class:
|
|
1948
|
-
}, [...
|
|
1947
|
+
class: H(["nh-time-arrow", { "is-reverse": g.value }])
|
|
1948
|
+
}, [...y[5] || (y[5] = [
|
|
1949
1949
|
l("svg", {
|
|
1950
1950
|
viewBox: "0 0 1024 1024",
|
|
1951
1951
|
width: "12",
|
|
@@ -1961,38 +1961,38 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
1961
1961
|
], 34),
|
|
1962
1962
|
ve($e, { name: "el-zoom-in-top" }, {
|
|
1963
1963
|
default: he(() => [
|
|
1964
|
-
|
|
1964
|
+
g.value ? (s(), u("div", {
|
|
1965
1965
|
key: 0,
|
|
1966
1966
|
ref_key: "dropdown",
|
|
1967
|
-
ref:
|
|
1968
|
-
class:
|
|
1967
|
+
ref: B,
|
|
1968
|
+
class: H(Me.value),
|
|
1969
1969
|
onKeydown: d
|
|
1970
1970
|
}, [
|
|
1971
1971
|
l("div", Mn, [
|
|
1972
|
-
|
|
1972
|
+
y[7] || (y[7] = l("div", { class: "nh-time-shortcuts-title" }, "快捷选项", -1)),
|
|
1973
1973
|
l("ul", En, [
|
|
1974
|
-
(s(!0), u(
|
|
1975
|
-
key:
|
|
1976
|
-
onClick: (c) =>
|
|
1974
|
+
(s(!0), u(ce, null, ge(t.shortcuts, (O, a) => (s(), u("li", {
|
|
1975
|
+
key: O.label,
|
|
1976
|
+
onClick: (c) => T(O),
|
|
1977
1977
|
onKeydown: (c) => o(c, a),
|
|
1978
1978
|
onMouseenter: (c) => i(a),
|
|
1979
1979
|
onMouseleave: f,
|
|
1980
|
-
class:
|
|
1980
|
+
class: H([
|
|
1981
1981
|
"nh-time-shortcut",
|
|
1982
1982
|
{
|
|
1983
|
-
"is-active":
|
|
1984
|
-
"is-selected":
|
|
1983
|
+
"is-active": v.value === a,
|
|
1984
|
+
"is-selected": h.value === a
|
|
1985
1985
|
}
|
|
1986
1986
|
]),
|
|
1987
1987
|
tabindex: "0"
|
|
1988
|
-
}, se(
|
|
1988
|
+
}, se(O.label), 43, Bn))), 128))
|
|
1989
1989
|
])
|
|
1990
1990
|
]),
|
|
1991
1991
|
l("div", Tn, [
|
|
1992
1992
|
l("div", zn, [
|
|
1993
|
-
|
|
1993
|
+
y[8] || (y[8] = l("span", null, "自定义时间", -1)),
|
|
1994
1994
|
l("div", Kn, [
|
|
1995
|
-
!P.value && !V.value ? (s(), u("span", Hn, " 请选择开始日期 ")) : P.value && !V.value ? (s(), u("span", Rn, " 请选择结束日期 ")) : P.value && V.value ? (s(), u("span", An, " 已选择完整范围 ")) :
|
|
1995
|
+
!P.value && !V.value ? (s(), u("span", Hn, " 请选择开始日期 ")) : P.value && !V.value ? (s(), u("span", Rn, " 请选择结束日期 ")) : P.value && V.value ? (s(), u("span", An, " 已选择完整范围 ")) : R("", !0)
|
|
1996
1996
|
])
|
|
1997
1997
|
]),
|
|
1998
1998
|
l("div", Wn, [
|
|
@@ -2000,10 +2000,10 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2000
2000
|
l("div", Fn, [
|
|
2001
2001
|
l("div", Pn, [
|
|
2002
2002
|
l("button", {
|
|
2003
|
-
onClick:
|
|
2003
|
+
onClick: y[0] || (y[0] = (O) => ze("start", -1)),
|
|
2004
2004
|
class: "nh-date-picker-btn nh-date-picker-prev-btn",
|
|
2005
2005
|
type: "button"
|
|
2006
|
-
}, [...
|
|
2006
|
+
}, [...y[9] || (y[9] = [
|
|
2007
2007
|
l("svg", {
|
|
2008
2008
|
viewBox: "0 0 1024 1024",
|
|
2009
2009
|
width: "12",
|
|
@@ -2015,12 +2015,12 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2015
2015
|
})
|
|
2016
2016
|
], -1)
|
|
2017
2017
|
])]),
|
|
2018
|
-
l("span", Yn, se(
|
|
2018
|
+
l("span", Yn, se(E(m.value.year, m.value.month)), 1),
|
|
2019
2019
|
l("button", {
|
|
2020
|
-
onClick:
|
|
2020
|
+
onClick: y[1] || (y[1] = (O) => ze("start", 1)),
|
|
2021
2021
|
class: "nh-date-picker-btn nh-date-picker-next-btn",
|
|
2022
2022
|
type: "button"
|
|
2023
|
-
}, [...
|
|
2023
|
+
}, [...y[10] || (y[10] = [
|
|
2024
2024
|
l("svg", {
|
|
2025
2025
|
viewBox: "0 0 1024 1024",
|
|
2026
2026
|
width: "12",
|
|
@@ -2037,23 +2037,23 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2037
2037
|
l("table", On, [
|
|
2038
2038
|
l("thead", null, [
|
|
2039
2039
|
l("tr", null, [
|
|
2040
|
-
(s(), u(
|
|
2041
|
-
key:
|
|
2040
|
+
(s(), u(ce, null, ge(U, (O) => l("th", {
|
|
2041
|
+
key: O,
|
|
2042
2042
|
class: "nh-date-table-th"
|
|
2043
|
-
}, se(
|
|
2043
|
+
}, se(O), 1)), 64))
|
|
2044
2044
|
])
|
|
2045
2045
|
]),
|
|
2046
2046
|
l("tbody", null, [
|
|
2047
|
-
(s(!0), u(
|
|
2047
|
+
(s(!0), u(ce, null, ge(qe.value, (O, a) => (s(), u("tr", {
|
|
2048
2048
|
key: `start-week-${a}`
|
|
2049
2049
|
}, [
|
|
2050
|
-
(s(!0), u(
|
|
2050
|
+
(s(!0), u(ce, null, ge(O, (c, $) => (s(), u("td", {
|
|
2051
2051
|
key: `start-day-${a}-${$}`,
|
|
2052
|
-
class:
|
|
2053
|
-
onClick: (_) =>
|
|
2052
|
+
class: H(oe(c)),
|
|
2053
|
+
onClick: (_) => N(c, "start")
|
|
2054
2054
|
}, [
|
|
2055
2055
|
l("div", qn, [
|
|
2056
|
-
c ? (s(), u("span", Un, se(c.day), 1)) :
|
|
2056
|
+
c ? (s(), u("span", Un, se(c.day), 1)) : R("", !0)
|
|
2057
2057
|
])
|
|
2058
2058
|
], 10, jn))), 128))
|
|
2059
2059
|
]))), 128))
|
|
@@ -2066,10 +2066,10 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2066
2066
|
l("div", Qn, [
|
|
2067
2067
|
l("div", Jn, [
|
|
2068
2068
|
l("button", {
|
|
2069
|
-
onClick:
|
|
2069
|
+
onClick: y[2] || (y[2] = (O) => ze("end", -1)),
|
|
2070
2070
|
class: "nh-date-picker-btn nh-date-picker-prev-btn",
|
|
2071
2071
|
type: "button"
|
|
2072
|
-
}, [...
|
|
2072
|
+
}, [...y[11] || (y[11] = [
|
|
2073
2073
|
l("svg", {
|
|
2074
2074
|
viewBox: "0 0 1024 1024",
|
|
2075
2075
|
width: "12",
|
|
@@ -2081,12 +2081,12 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2081
2081
|
})
|
|
2082
2082
|
], -1)
|
|
2083
2083
|
])]),
|
|
2084
|
-
l("span", Xn, se(
|
|
2084
|
+
l("span", Xn, se(E(w.value.year, w.value.month)), 1),
|
|
2085
2085
|
l("button", {
|
|
2086
|
-
onClick:
|
|
2086
|
+
onClick: y[3] || (y[3] = (O) => ze("end", 1)),
|
|
2087
2087
|
class: "nh-date-picker-btn nh-date-picker-next-btn",
|
|
2088
2088
|
type: "button"
|
|
2089
|
-
}, [...
|
|
2089
|
+
}, [...y[12] || (y[12] = [
|
|
2090
2090
|
l("svg", {
|
|
2091
2091
|
viewBox: "0 0 1024 1024",
|
|
2092
2092
|
width: "12",
|
|
@@ -2103,23 +2103,23 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2103
2103
|
l("table", el, [
|
|
2104
2104
|
l("thead", null, [
|
|
2105
2105
|
l("tr", null, [
|
|
2106
|
-
(s(), u(
|
|
2107
|
-
key:
|
|
2106
|
+
(s(), u(ce, null, ge(U, (O) => l("th", {
|
|
2107
|
+
key: O,
|
|
2108
2108
|
class: "nh-date-table-th"
|
|
2109
|
-
}, se(
|
|
2109
|
+
}, se(O), 1)), 64))
|
|
2110
2110
|
])
|
|
2111
2111
|
]),
|
|
2112
2112
|
l("tbody", null, [
|
|
2113
|
-
(s(!0), u(
|
|
2113
|
+
(s(!0), u(ce, null, ge(Te.value, (O, a) => (s(), u("tr", {
|
|
2114
2114
|
key: `end-week-${a}`
|
|
2115
2115
|
}, [
|
|
2116
|
-
(s(!0), u(
|
|
2116
|
+
(s(!0), u(ce, null, ge(O, (c, $) => (s(), u("td", {
|
|
2117
2117
|
key: `end-day-${a}-${$}`,
|
|
2118
|
-
class:
|
|
2119
|
-
onClick: (_) =>
|
|
2118
|
+
class: H(oe(c)),
|
|
2119
|
+
onClick: (_) => N(c, "end")
|
|
2120
2120
|
}, [
|
|
2121
2121
|
l("div", nl, [
|
|
2122
|
-
c ? (s(), u("span", ll, se(c.day), 1)) :
|
|
2122
|
+
c ? (s(), u("span", ll, se(c.day), 1)) : R("", !0)
|
|
2123
2123
|
])
|
|
2124
2124
|
], 10, tl))), 128))
|
|
2125
2125
|
]))), 128))
|
|
@@ -2136,13 +2136,13 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2136
2136
|
variant: "secondary",
|
|
2137
2137
|
size: t.size
|
|
2138
2138
|
}, {
|
|
2139
|
-
default: he(() => [...
|
|
2139
|
+
default: he(() => [...y[13] || (y[13] = [
|
|
2140
2140
|
De(" 清空 ", -1)
|
|
2141
2141
|
])]),
|
|
2142
2142
|
_: 1
|
|
2143
|
-
}, 8, ["size"])) :
|
|
2143
|
+
}, 8, ["size"])) : R("", !0),
|
|
2144
2144
|
ve(I, {
|
|
2145
|
-
onClick:
|
|
2145
|
+
onClick: me,
|
|
2146
2146
|
disabled: !Ae.value,
|
|
2147
2147
|
variant: "primary",
|
|
2148
2148
|
size: t.size
|
|
@@ -2154,7 +2154,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2154
2154
|
}, 8, ["disabled", "size"])
|
|
2155
2155
|
])
|
|
2156
2156
|
])
|
|
2157
|
-
], 34)) :
|
|
2157
|
+
], 34)) : R("", !0)
|
|
2158
2158
|
]),
|
|
2159
2159
|
_: 1
|
|
2160
2160
|
})
|
|
@@ -2162,11 +2162,11 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2162
2162
|
], 2);
|
|
2163
2163
|
};
|
|
2164
2164
|
}
|
|
2165
|
-
}), lt = /* @__PURE__ */
|
|
2165
|
+
}), lt = /* @__PURE__ */ be(al, [["__scopeId", "data-v-e5ef63b1"]]), sl = ["aria-checked", "aria-disabled", "disabled", "onKeydown"], il = { class: "yswitch__thumb" }, rl = {
|
|
2166
2166
|
key: 0,
|
|
2167
2167
|
class: "yswitch__spinner",
|
|
2168
2168
|
"aria-hidden": "true"
|
|
2169
|
-
}, ul = /* @__PURE__ */
|
|
2169
|
+
}, ul = /* @__PURE__ */ we({
|
|
2170
2170
|
__name: "yswitch",
|
|
2171
2171
|
props: {
|
|
2172
2172
|
modelValue: { default: !1 },
|
|
@@ -2183,28 +2183,28 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2183
2183
|
},
|
|
2184
2184
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
2185
2185
|
setup(t, { emit: D }) {
|
|
2186
|
-
const e = t, n = D,
|
|
2186
|
+
const e = t, n = D, g = z(), v = q(() => e.modelValue === e.trueValue), h = q(() => {
|
|
2187
2187
|
const C = {};
|
|
2188
|
-
return C.background =
|
|
2188
|
+
return C.background = v.value ? e.activeColor : e.inactiveColor, C;
|
|
2189
2189
|
});
|
|
2190
2190
|
function S() {
|
|
2191
2191
|
if (e.disabled || e.loading) return;
|
|
2192
|
-
const C =
|
|
2192
|
+
const C = v.value ? e.falseValue : e.trueValue;
|
|
2193
2193
|
n("update:modelValue", C), n("change", C);
|
|
2194
2194
|
}
|
|
2195
2195
|
return Ce(() => {
|
|
2196
|
-
const C =
|
|
2197
|
-
C && (C.addEventListener("focus", (
|
|
2198
|
-
}), (C,
|
|
2196
|
+
const C = g.value;
|
|
2197
|
+
C && (C.addEventListener("focus", (B) => n("focus", B)), C.addEventListener("blur", (B) => n("blur", B)));
|
|
2198
|
+
}), (C, B) => (s(), u("button", {
|
|
2199
2199
|
ref_key: "rootEl",
|
|
2200
|
-
ref:
|
|
2201
|
-
class:
|
|
2200
|
+
ref: g,
|
|
2201
|
+
class: H(["yswitch", [
|
|
2202
2202
|
`yswitch--${t.size}`,
|
|
2203
|
-
{ "yswitch--checked":
|
|
2203
|
+
{ "yswitch--checked": v.value, "yswitch--disabled": t.disabled, "yswitch--loading": t.loading }
|
|
2204
2204
|
]]),
|
|
2205
|
-
style:
|
|
2205
|
+
style: fe(h.value),
|
|
2206
2206
|
role: "switch",
|
|
2207
|
-
"aria-checked":
|
|
2207
|
+
"aria-checked": v.value,
|
|
2208
2208
|
"aria-disabled": t.disabled,
|
|
2209
2209
|
disabled: t.disabled || t.loading,
|
|
2210
2210
|
onClick: S,
|
|
@@ -2213,17 +2213,17 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2213
2213
|
ke(te(S, ["prevent"]), ["space"])
|
|
2214
2214
|
]
|
|
2215
2215
|
}, [
|
|
2216
|
-
|
|
2216
|
+
B[0] || (B[0] = l("span", { class: "yswitch__track" }, null, -1)),
|
|
2217
2217
|
l("span", il, [
|
|
2218
|
-
t.loading ? (s(), u("span", rl)) :
|
|
2218
|
+
t.loading ? (s(), u("span", rl)) : R("", !0)
|
|
2219
2219
|
]),
|
|
2220
2220
|
t.showText ? (s(), u("span", {
|
|
2221
2221
|
key: 0,
|
|
2222
|
-
class:
|
|
2223
|
-
}, se(
|
|
2222
|
+
class: H(["yswitch__label", { "yswitch__label--left": !v.value, "yswitch__label--right": v.value }])
|
|
2223
|
+
}, se(v.value ? t.activeText : t.inactiveText), 3)) : R("", !0)
|
|
2224
2224
|
], 46, sl));
|
|
2225
2225
|
}
|
|
2226
|
-
}), dl = /* @__PURE__ */
|
|
2226
|
+
}), dl = /* @__PURE__ */ be(ul, [["__scopeId", "data-v-0b157fc4"]]), cl = ["src", "alt"], fl = ["src", "alt"], vl = /* @__PURE__ */ we({
|
|
2227
2227
|
__name: "yimage",
|
|
2228
2228
|
props: {
|
|
2229
2229
|
src: {},
|
|
@@ -2239,7 +2239,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2239
2239
|
},
|
|
2240
2240
|
emits: ["load", "error", "preview"],
|
|
2241
2241
|
setup(t, { expose: D, emit: e }) {
|
|
2242
|
-
const n = t,
|
|
2242
|
+
const n = t, g = e, v = z(), h = z(), S = z(), C = z(!1), B = z(!1), x = z(!1), m = z(!1), w = z(!1), k = z("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSDog4zmma8gLS0+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNGM0Y0RjYiLz4KICAKICA8IS0tIOWbvueJh+WbvuaghyAtLT4KICA8cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iODAiIHJ4PSI0IiBmaWxsPSIjRDFENURCIiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iMiIvPgogIAogIDwhLS0g5Zu+54mH5YaF6YOo6KOF6aWwIC0tPgogIDxjaXJjbGUgY3g9IjgwIiBjeT0iNzAiIHI9IjgiIGZpbGw9IiM5Q0EzQUYiLz4KICA8cGF0aCBkPSJNNjAgMTAwIEw5MCA4NSBMMTIwIDk1IEwxNDAgODAiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAKICA8IS0tIOaWh+WtlyAtLT4KICA8dGV4dCB4PSIxMDAiIHk9IjE2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzZCNzI4MCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIj4KICAgIEltYWdlIG5vdCBhdmFpbGFibGUKICA8L3RleHQ+Cjwvc3ZnPiA="), A = z(""), U = z(1), P = z(!1), V = z({
|
|
2243
2243
|
overflow: "",
|
|
2244
2244
|
paddingRight: ""
|
|
2245
2245
|
}), Z = {
|
|
@@ -2262,108 +2262,108 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2262
2262
|
return "";
|
|
2263
2263
|
}), G = q(() => ie.value ? {
|
|
2264
2264
|
borderRadius: ie.value
|
|
2265
|
-
} : {}),
|
|
2265
|
+
} : {}), de = q(() => [
|
|
2266
2266
|
"yimage-image",
|
|
2267
2267
|
n.preview ? "is-previewable" : ""
|
|
2268
|
-
].filter(Boolean).join(" ")),
|
|
2269
|
-
const
|
|
2268
|
+
].filter(Boolean).join(" ")), E = q(() => {
|
|
2269
|
+
const T = {
|
|
2270
2270
|
objectFit: n.fit || "cover",
|
|
2271
2271
|
backgroundColor: "#fff"
|
|
2272
2272
|
};
|
|
2273
|
-
return n.width && (
|
|
2274
|
-
}),
|
|
2275
|
-
const
|
|
2276
|
-
|
|
2277
|
-
const
|
|
2278
|
-
return document.body.removeChild(
|
|
2279
|
-
},
|
|
2273
|
+
return n.width && (T.width = typeof n.width == "number" ? `${n.width}px` : n.width), n.height && (T.height = typeof n.height == "number" ? `${n.height}px` : n.height), ie.value && (T.borderRadius = ie.value), T;
|
|
2274
|
+
}), F = q(() => A.value ? A.value : Array.isArray(n.previewSrcList) ? n.previewSrcList.find(Boolean) || n.src : n.previewSrcList || n.src), K = () => {
|
|
2275
|
+
const T = document.createElement("div");
|
|
2276
|
+
T.style.cssText = "width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px;", document.body.appendChild(T);
|
|
2277
|
+
const N = T.offsetWidth - T.clientWidth;
|
|
2278
|
+
return document.body.removeChild(T), N;
|
|
2279
|
+
}, Y = () => {
|
|
2280
2280
|
if (V.value = {
|
|
2281
2281
|
overflow: document.body.style.overflow || "",
|
|
2282
2282
|
paddingRight: document.body.style.paddingRight || ""
|
|
2283
2283
|
}, document.body.scrollHeight > window.innerHeight) {
|
|
2284
|
-
const
|
|
2285
|
-
document.body.style.paddingRight = `${
|
|
2284
|
+
const N = K();
|
|
2285
|
+
document.body.style.paddingRight = `${N}px`;
|
|
2286
2286
|
}
|
|
2287
2287
|
document.body.style.overflow = "hidden";
|
|
2288
|
-
},
|
|
2288
|
+
}, ne = () => {
|
|
2289
2289
|
document.body.style.overflow = V.value.overflow, document.body.style.paddingRight = V.value.paddingRight;
|
|
2290
2290
|
};
|
|
2291
|
-
let
|
|
2292
|
-
const
|
|
2293
|
-
!n.lazy || !
|
|
2294
|
-
(
|
|
2295
|
-
|
|
2296
|
-
|
|
2291
|
+
let Q = null;
|
|
2292
|
+
const pe = () => {
|
|
2293
|
+
!n.lazy || !v.value || (Q = new IntersectionObserver(
|
|
2294
|
+
(T) => {
|
|
2295
|
+
T.forEach((N) => {
|
|
2296
|
+
N.isIntersecting && (m.value = !0, k.value = n.src, Q == null || Q.unobserve(N.target));
|
|
2297
2297
|
});
|
|
2298
2298
|
},
|
|
2299
2299
|
{
|
|
2300
2300
|
rootMargin: "50px"
|
|
2301
2301
|
}
|
|
2302
|
-
),
|
|
2303
|
-
}, j = (
|
|
2304
|
-
C.value = !0,
|
|
2305
|
-
}, ee = (
|
|
2306
|
-
x.value = !0,
|
|
2307
|
-
},
|
|
2308
|
-
x.value = !1,
|
|
2309
|
-
|
|
2302
|
+
), Q.observe(v.value));
|
|
2303
|
+
}, j = (T) => {
|
|
2304
|
+
C.value = !0, B.value = !1, x.value = !1, g("load", T);
|
|
2305
|
+
}, ee = (T) => {
|
|
2306
|
+
x.value = !0, B.value = !1, C.value = !1, g("error", T);
|
|
2307
|
+
}, p = () => {
|
|
2308
|
+
x.value = !1, B.value = !0, C.value = !1, re(() => {
|
|
2309
|
+
h.value && (h.value.src = n.src);
|
|
2310
2310
|
});
|
|
2311
2311
|
}, d = () => Array.isArray(n.previewSrcList) ? n.previewSrcList.find(Boolean) || n.src : n.previewSrcList || n.src, o = () => {
|
|
2312
|
-
n.preview && (n.previewSrcList || n.src) ? i() :
|
|
2312
|
+
n.preview && (n.previewSrcList || n.src) ? i() : p();
|
|
2313
2313
|
}, i = () => {
|
|
2314
2314
|
if (!n.preview) return;
|
|
2315
2315
|
U.value = 1;
|
|
2316
|
-
const
|
|
2317
|
-
if (
|
|
2318
|
-
A.value =
|
|
2319
|
-
|
|
2316
|
+
const T = d();
|
|
2317
|
+
if (h.value && h.value.complete && h.value.naturalWidth > 0) {
|
|
2318
|
+
A.value = T, re(() => {
|
|
2319
|
+
w.value = !0, Y(), g("preview", T);
|
|
2320
2320
|
});
|
|
2321
2321
|
return;
|
|
2322
2322
|
}
|
|
2323
|
-
const
|
|
2324
|
-
let oe = null,
|
|
2323
|
+
const N = new Image();
|
|
2324
|
+
let oe = null, me = !1;
|
|
2325
2325
|
const _e = () => {
|
|
2326
|
-
|
|
2327
|
-
|
|
2326
|
+
me || (me = !0, oe && (clearTimeout(oe), oe = null), A.value = T, re(() => {
|
|
2327
|
+
w.value = !0, Y(), g("preview", T);
|
|
2328
2328
|
}));
|
|
2329
2329
|
};
|
|
2330
2330
|
oe = setTimeout(() => {
|
|
2331
2331
|
_e();
|
|
2332
|
-
}, 500),
|
|
2332
|
+
}, 500), N.onload = () => {
|
|
2333
2333
|
_e();
|
|
2334
|
-
},
|
|
2334
|
+
}, N.onerror = () => {
|
|
2335
2335
|
_e();
|
|
2336
|
-
},
|
|
2336
|
+
}, N.src = T, N.complete && _e();
|
|
2337
2337
|
}, f = () => {
|
|
2338
|
-
|
|
2339
|
-
|
|
2338
|
+
w.value = !1, setTimeout(() => {
|
|
2339
|
+
ne();
|
|
2340
2340
|
}, 300);
|
|
2341
|
-
}, b = (
|
|
2342
|
-
const
|
|
2343
|
-
let
|
|
2344
|
-
|
|
2341
|
+
}, b = (T) => {
|
|
2342
|
+
const N = T.deltaY < 0 ? 1 : -1;
|
|
2343
|
+
let me = U.value + N * 0.1;
|
|
2344
|
+
me = Math.max(0.5, Math.min(2, me)), U.value = me;
|
|
2345
2345
|
};
|
|
2346
2346
|
return Ce(() => {
|
|
2347
|
-
n.lazy ?
|
|
2347
|
+
n.lazy ? pe() : m.value = !0, m.value && (B.value = !0), P.value = !0;
|
|
2348
2348
|
}), Be(() => {
|
|
2349
|
-
|
|
2349
|
+
Q && Q.disconnect(), w.value && ne();
|
|
2350
2350
|
}), ae(() => k.value, () => {
|
|
2351
|
-
n.src &&
|
|
2352
|
-
}), ae(() => n.src, (
|
|
2353
|
-
k.value =
|
|
2351
|
+
n.src && m.value && (B.value = !0, x.value = !1, C.value = !1);
|
|
2352
|
+
}), ae(() => n.src, (T) => {
|
|
2353
|
+
k.value = T || "";
|
|
2354
2354
|
}), D({
|
|
2355
|
-
retryLoad:
|
|
2355
|
+
retryLoad: p,
|
|
2356
2356
|
closePreview: f
|
|
2357
|
-
}), (
|
|
2357
|
+
}), (T, N) => (s(), u("div", {
|
|
2358
2358
|
ref_key: "containerRef",
|
|
2359
|
-
ref:
|
|
2360
|
-
class:
|
|
2359
|
+
ref: v,
|
|
2360
|
+
class: H(["yimage-container", X.value])
|
|
2361
2361
|
}, [
|
|
2362
|
-
!C.value && !x.value && !
|
|
2362
|
+
!C.value && !x.value && !m.value ? (s(), u("div", {
|
|
2363
2363
|
key: 0,
|
|
2364
2364
|
class: "yimage-placeholder",
|
|
2365
|
-
style:
|
|
2366
|
-
}, [...
|
|
2365
|
+
style: fe(G.value)
|
|
2366
|
+
}, [...N[1] || (N[1] = [
|
|
2367
2367
|
l("div", { class: "yimage-placeholder-content" }, [
|
|
2368
2368
|
l("svg", {
|
|
2369
2369
|
class: "yimage-placeholder-icon",
|
|
@@ -2379,81 +2379,81 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2379
2379
|
})
|
|
2380
2380
|
])
|
|
2381
2381
|
], -1)
|
|
2382
|
-
])], 4)) :
|
|
2383
|
-
|
|
2382
|
+
])], 4)) : R("", !0),
|
|
2383
|
+
B.value && !x.value ? (s(), u("div", {
|
|
2384
2384
|
key: 1,
|
|
2385
2385
|
class: "yimage-loading",
|
|
2386
|
-
style:
|
|
2387
|
-
}, [...
|
|
2386
|
+
style: fe(G.value)
|
|
2387
|
+
}, [...N[2] || (N[2] = [
|
|
2388
2388
|
l("div", { class: "yimage-loading-content" }, [
|
|
2389
2389
|
l("div", { class: "yimage-spinner" })
|
|
2390
2390
|
], -1)
|
|
2391
|
-
])], 4)) :
|
|
2391
|
+
])], 4)) : R("", !0),
|
|
2392
2392
|
x.value ? (s(), u("div", {
|
|
2393
2393
|
key: 2,
|
|
2394
2394
|
class: "yimage-error",
|
|
2395
|
-
style:
|
|
2395
|
+
style: fe(G.value),
|
|
2396
2396
|
onClick: o
|
|
2397
2397
|
}, [
|
|
2398
2398
|
l("img", {
|
|
2399
2399
|
src: "https://img.nihaojewelry.com/media/2025/6/27/1938511770352222208.png",
|
|
2400
2400
|
alt: "Error Image",
|
|
2401
2401
|
class: "yimage-error-image",
|
|
2402
|
-
style:
|
|
2402
|
+
style: fe(G.value)
|
|
2403
2403
|
}, null, 4)
|
|
2404
|
-
], 4)) :
|
|
2404
|
+
], 4)) : R("", !0),
|
|
2405
2405
|
Ee(l("img", {
|
|
2406
2406
|
ref_key: "imageRef",
|
|
2407
|
-
ref:
|
|
2407
|
+
ref: h,
|
|
2408
2408
|
src: k.value,
|
|
2409
2409
|
alt: t.alt,
|
|
2410
|
-
class:
|
|
2410
|
+
class: H(de.value),
|
|
2411
2411
|
onLoad: j,
|
|
2412
2412
|
onError: ee,
|
|
2413
2413
|
onClick: te(i, ["stop"]),
|
|
2414
|
-
style:
|
|
2414
|
+
style: fe(E.value)
|
|
2415
2415
|
}, null, 46, cl), [
|
|
2416
2416
|
[Ke, C.value && !x.value]
|
|
2417
2417
|
]),
|
|
2418
|
-
n.preview && (!C.value ||
|
|
2418
|
+
n.preview && (!C.value || B.value || x.value || !m.value) ? (s(), u("div", {
|
|
2419
2419
|
key: 3,
|
|
2420
2420
|
class: "yimage-preview-trigger",
|
|
2421
2421
|
onClick: te(i, ["stop"])
|
|
2422
|
-
})) :
|
|
2422
|
+
})) : R("", !0),
|
|
2423
2423
|
P.value ? (s(), Ie(Fe, {
|
|
2424
2424
|
key: 4,
|
|
2425
2425
|
to: "body"
|
|
2426
2426
|
}, [
|
|
2427
2427
|
ve($e, { name: "fade" }, {
|
|
2428
2428
|
default: he(() => [
|
|
2429
|
-
|
|
2429
|
+
w.value ? (s(), u("div", {
|
|
2430
2430
|
key: 0,
|
|
2431
2431
|
class: "yimage-preview-mask",
|
|
2432
2432
|
onClick: te(f, ["self"]),
|
|
2433
2433
|
onWheel: te(b, ["prevent"])
|
|
2434
2434
|
}, [
|
|
2435
2435
|
l("div", {
|
|
2436
|
-
class:
|
|
2436
|
+
class: H(["yimage-preview-content", { "is-active": w.value }])
|
|
2437
2437
|
}, [
|
|
2438
2438
|
l("img", {
|
|
2439
2439
|
ref_key: "previewImageRef",
|
|
2440
2440
|
ref: S,
|
|
2441
|
-
src:
|
|
2441
|
+
src: F.value,
|
|
2442
2442
|
alt: t.alt,
|
|
2443
2443
|
class: "yimage-preview-image",
|
|
2444
|
-
style:
|
|
2445
|
-
onClick:
|
|
2444
|
+
style: fe({ transform: `scale(${U.value})` }),
|
|
2445
|
+
onClick: N[0] || (N[0] = te(() => {
|
|
2446
2446
|
}, ["stop"]))
|
|
2447
2447
|
}, null, 12, fl)
|
|
2448
2448
|
], 2)
|
|
2449
|
-
], 32)) :
|
|
2449
|
+
], 32)) : R("", !0)
|
|
2450
2450
|
]),
|
|
2451
2451
|
_: 1
|
|
2452
2452
|
})
|
|
2453
|
-
])) :
|
|
2453
|
+
])) : R("", !0)
|
|
2454
2454
|
], 2));
|
|
2455
2455
|
}
|
|
2456
|
-
}), hl = /* @__PURE__ */
|
|
2456
|
+
}), hl = /* @__PURE__ */ be(vl, [["__scopeId", "data-v-00c771d6"]]), pl = /* @__PURE__ */ we({
|
|
2457
2457
|
__name: "ydropdown",
|
|
2458
2458
|
props: {
|
|
2459
2459
|
trigger: { default: "hover" },
|
|
@@ -2462,29 +2462,29 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2462
2462
|
menuWidth: { default: void 0 }
|
|
2463
2463
|
},
|
|
2464
2464
|
setup(t) {
|
|
2465
|
-
const D = t, e =
|
|
2466
|
-
let
|
|
2467
|
-
const
|
|
2465
|
+
const D = t, e = z(!1), n = z();
|
|
2466
|
+
let g = null;
|
|
2467
|
+
const v = q(() => `y-dropdown__menu--${D.placement}`), h = q(() => {
|
|
2468
2468
|
if (!D.menuWidth) return {};
|
|
2469
|
-
const
|
|
2469
|
+
const w = typeof D.menuWidth == "number" ? `${D.menuWidth}px` : D.menuWidth;
|
|
2470
2470
|
return {
|
|
2471
|
-
width:
|
|
2472
|
-
minWidth:
|
|
2473
|
-
maxWidth:
|
|
2471
|
+
width: w,
|
|
2472
|
+
minWidth: w,
|
|
2473
|
+
maxWidth: w
|
|
2474
2474
|
};
|
|
2475
2475
|
}), S = () => {
|
|
2476
|
-
console.log("显示下拉菜单", e.value), !D.disabled && (
|
|
2477
|
-
|
|
2476
|
+
console.log("显示下拉菜单", e.value), !D.disabled && (g && (clearTimeout(g), g = null), e.value = !0, console.log("设置 visible 为 true", e.value), re(() => {
|
|
2477
|
+
B();
|
|
2478
2478
|
}));
|
|
2479
2479
|
}, C = () => {
|
|
2480
|
-
console.log("隐藏下拉菜单"),
|
|
2480
|
+
console.log("隐藏下拉菜单"), g = setTimeout(() => {
|
|
2481
2481
|
e.value = !1, console.log("设置 visible 为 false", e.value);
|
|
2482
2482
|
}, 150);
|
|
2483
|
-
},
|
|
2483
|
+
}, B = () => {
|
|
2484
2484
|
if (!n.value) return;
|
|
2485
|
-
const
|
|
2486
|
-
if (!
|
|
2487
|
-
const A =
|
|
2485
|
+
const w = n.value.querySelector(".y-dropdown__trigger"), k = n.value.querySelector(".y-dropdown__menu");
|
|
2486
|
+
if (!w || !k) return;
|
|
2487
|
+
const A = w.getBoundingClientRect(), U = k.getBoundingClientRect(), P = window.innerWidth, V = window.innerHeight;
|
|
2488
2488
|
k.style.top = "", k.style.left = "", k.style.right = "", k.style.bottom = "", k.style.transform = "";
|
|
2489
2489
|
let Z = 0, X = 0;
|
|
2490
2490
|
switch (D.placement) {
|
|
@@ -2503,31 +2503,31 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2503
2503
|
}
|
|
2504
2504
|
let ie = A.top + Z, G = A.left + X;
|
|
2505
2505
|
if (D.placement === "bottom" || D.placement === "top") {
|
|
2506
|
-
const
|
|
2507
|
-
G +
|
|
2506
|
+
const de = U.width || 260;
|
|
2507
|
+
G + de > P - 10 && (G = P - de - 10), G < 10 && (G = 10);
|
|
2508
2508
|
}
|
|
2509
2509
|
if (D.placement === "left" || D.placement === "right") {
|
|
2510
|
-
const
|
|
2511
|
-
ie +
|
|
2510
|
+
const de = U.height || 200;
|
|
2511
|
+
ie + de > V - 10 && (ie = V - de - 10), ie < 10 && (ie = 10);
|
|
2512
2512
|
}
|
|
2513
2513
|
k.style.top = `${ie}px`, k.style.left = `${G}px`;
|
|
2514
|
-
}, x = (
|
|
2515
|
-
D.trigger === "click" && n.value && !n.value.contains(
|
|
2516
|
-
},
|
|
2517
|
-
e.value &&
|
|
2514
|
+
}, x = (w) => {
|
|
2515
|
+
D.trigger === "click" && n.value && !n.value.contains(w.target) && (e.value = !1);
|
|
2516
|
+
}, m = () => {
|
|
2517
|
+
e.value && B();
|
|
2518
2518
|
};
|
|
2519
2519
|
return Ce(() => {
|
|
2520
|
-
D.trigger === "click" && document.addEventListener("click", x), window.addEventListener("resize",
|
|
2520
|
+
D.trigger === "click" && document.addEventListener("click", x), window.addEventListener("resize", m), window.addEventListener("scroll", m);
|
|
2521
2521
|
}), Be(() => {
|
|
2522
|
-
D.trigger === "click" && document.removeEventListener("click", x),
|
|
2522
|
+
D.trigger === "click" && document.removeEventListener("click", x), g && clearTimeout(g), window.removeEventListener("resize", m), window.removeEventListener("scroll", m);
|
|
2523
2523
|
}), ae(
|
|
2524
2524
|
() => D.menuWidth,
|
|
2525
2525
|
() => {
|
|
2526
|
-
e.value &&
|
|
2527
|
-
|
|
2526
|
+
e.value && re(() => {
|
|
2527
|
+
B();
|
|
2528
2528
|
});
|
|
2529
2529
|
}
|
|
2530
|
-
), (
|
|
2530
|
+
), (w, k) => (s(), u("div", {
|
|
2531
2531
|
class: "y-dropdown",
|
|
2532
2532
|
ref_key: "dropdownRef",
|
|
2533
2533
|
ref: n
|
|
@@ -2537,7 +2537,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2537
2537
|
onMouseenter: S,
|
|
2538
2538
|
onMouseleave: C
|
|
2539
2539
|
}, [
|
|
2540
|
-
|
|
2540
|
+
ue(w.$slots, "trigger", {}, () => [
|
|
2541
2541
|
k[0] || (k[0] = l("button", { class: "y-dropdown__button" }, " 下拉菜单 ", -1))
|
|
2542
2542
|
], !0)
|
|
2543
2543
|
], 32),
|
|
@@ -2547,12 +2547,12 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2547
2547
|
}, {
|
|
2548
2548
|
default: he(() => [
|
|
2549
2549
|
Ee(l("div", {
|
|
2550
|
-
class:
|
|
2551
|
-
style:
|
|
2550
|
+
class: H(["y-dropdown__menu", v.value]),
|
|
2551
|
+
style: fe(h.value),
|
|
2552
2552
|
onMouseenter: S,
|
|
2553
2553
|
onMouseleave: C
|
|
2554
2554
|
}, [
|
|
2555
|
-
|
|
2555
|
+
ue(w.$slots, "default", {}, () => [
|
|
2556
2556
|
k[1] || (k[1] = l("div", { class: "y-dropdown__item" }, "选项 1", -1)),
|
|
2557
2557
|
k[2] || (k[2] = l("div", { class: "y-dropdown__item" }, "选项 2", -1)),
|
|
2558
2558
|
k[3] || (k[3] = l("div", { class: "y-dropdown__item" }, "选项 3", -1))
|
|
@@ -2565,13 +2565,13 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2565
2565
|
})
|
|
2566
2566
|
], 512));
|
|
2567
2567
|
}
|
|
2568
|
-
}), yl = /* @__PURE__ */
|
|
2568
|
+
}), yl = /* @__PURE__ */ be(pl, [["__scopeId", "data-v-ada3172a"]]), gl = ["aria-hidden"], ml = ["onKeydown"], wl = {
|
|
2569
2569
|
key: 0,
|
|
2570
2570
|
class: "y-drawer-header"
|
|
2571
2571
|
}, bl = { class: "y-drawer-title" }, kl = { class: "y-drawer-body" }, xl = {
|
|
2572
2572
|
key: 1,
|
|
2573
2573
|
class: "y-drawer-footer"
|
|
2574
|
-
}, $l = /* @__PURE__ */
|
|
2574
|
+
}, $l = /* @__PURE__ */ we({
|
|
2575
2575
|
__name: "ydrawer",
|
|
2576
2576
|
props: {
|
|
2577
2577
|
modelValue: { type: Boolean, default: !1 },
|
|
@@ -2586,57 +2586,57 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2586
2586
|
},
|
|
2587
2587
|
emits: ["update:modelValue", "open", "close"],
|
|
2588
2588
|
setup(t, { emit: D }) {
|
|
2589
|
-
const e = t, n = D,
|
|
2589
|
+
const e = t, n = D, g = q({
|
|
2590
2590
|
get: () => e.modelValue,
|
|
2591
2591
|
set: (k) => n("update:modelValue", k)
|
|
2592
|
-
}),
|
|
2592
|
+
}), v = z(null), h = q(() => e.placement === "right" ? "drawer-slide-right" : "drawer-slide-bottom"), S = q(() => e.placement === "right" ? "rounded-left" : "rounded-top"), C = q(() => {
|
|
2593
2593
|
const k = {};
|
|
2594
2594
|
return e.placement === "right" ? (k.width = typeof e.width == "number" ? `${e.width}px` : String(e.width), k.height = "100%", k.right = "0", k.top = "0") : (k.height = typeof e.height == "number" ? `${e.height}px` : String(e.height), k.width = "100%", k.bottom = "0", k.left = "0"), k;
|
|
2595
2595
|
});
|
|
2596
|
-
function
|
|
2596
|
+
function B() {
|
|
2597
2597
|
e.maskClosable && x();
|
|
2598
2598
|
}
|
|
2599
2599
|
function x() {
|
|
2600
|
-
|
|
2600
|
+
g.value && (g.value = !1, n("close"));
|
|
2601
2601
|
}
|
|
2602
|
-
function
|
|
2602
|
+
function m() {
|
|
2603
2603
|
e.closable && x();
|
|
2604
2604
|
}
|
|
2605
|
-
function
|
|
2606
|
-
k.key === "Escape" &&
|
|
2605
|
+
function w(k) {
|
|
2606
|
+
k.key === "Escape" && m();
|
|
2607
2607
|
}
|
|
2608
2608
|
return ae(() => e.modelValue, (k) => {
|
|
2609
2609
|
k ? (n("open"), requestAnimationFrame(() => {
|
|
2610
2610
|
var A;
|
|
2611
|
-
return (A =
|
|
2612
|
-
}), document.addEventListener("keydown",
|
|
2611
|
+
return (A = v.value) == null ? void 0 : A.focus();
|
|
2612
|
+
}), document.addEventListener("keydown", w), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", w), document.body.style.overflow = "");
|
|
2613
2613
|
}), Ce(() => {
|
|
2614
|
-
e.modelValue && (document.addEventListener("keydown",
|
|
2614
|
+
e.modelValue && (document.addEventListener("keydown", w), document.body.style.overflow = "hidden");
|
|
2615
2615
|
}), Be(() => {
|
|
2616
|
-
document.removeEventListener("keydown",
|
|
2616
|
+
document.removeEventListener("keydown", w), document.body.style.overflow = "";
|
|
2617
2617
|
}), (k, A) => (s(), Ie(Fe, { to: "body" }, [
|
|
2618
2618
|
Ee(l("div", {
|
|
2619
2619
|
class: "y-drawer-root",
|
|
2620
2620
|
role: "dialog",
|
|
2621
2621
|
"aria-modal": !0,
|
|
2622
|
-
"aria-hidden": !
|
|
2623
|
-
style:
|
|
2622
|
+
"aria-hidden": !g.value,
|
|
2623
|
+
style: fe({ zIndex: String(t.zIndex) })
|
|
2624
2624
|
}, [
|
|
2625
2625
|
l("div", {
|
|
2626
2626
|
class: "y-drawer-mask",
|
|
2627
|
-
onClick:
|
|
2627
|
+
onClick: B
|
|
2628
2628
|
}),
|
|
2629
|
-
ve($e, { name:
|
|
2629
|
+
ve($e, { name: h.value }, {
|
|
2630
2630
|
default: he(() => [
|
|
2631
2631
|
Ee(l("div", {
|
|
2632
2632
|
ref_key: "panelRef",
|
|
2633
|
-
ref:
|
|
2634
|
-
class:
|
|
2633
|
+
ref: v,
|
|
2634
|
+
class: H(["y-drawer-panel", [
|
|
2635
2635
|
`is-${t.placement}`,
|
|
2636
2636
|
S.value
|
|
2637
2637
|
]]),
|
|
2638
|
-
style:
|
|
2639
|
-
onKeydown: ke(te(
|
|
2638
|
+
style: fe(C.value),
|
|
2639
|
+
onKeydown: ke(te(m, ["prevent", "stop"]), ["esc"]),
|
|
2640
2640
|
tabindex: "-1"
|
|
2641
2641
|
}, [
|
|
2642
2642
|
t.showHeader ? (s(), u("div", wl, [
|
|
@@ -2647,26 +2647,26 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2647
2647
|
class: "y-drawer-close",
|
|
2648
2648
|
"aria-label": "Close",
|
|
2649
2649
|
onClick: x
|
|
2650
|
-
}, " ✕ ")) :
|
|
2651
|
-
])) :
|
|
2650
|
+
}, " ✕ ")) : R("", !0)
|
|
2651
|
+
])) : R("", !0),
|
|
2652
2652
|
l("div", kl, [
|
|
2653
|
-
|
|
2653
|
+
ue(k.$slots, "default", {}, void 0, !0)
|
|
2654
2654
|
]),
|
|
2655
2655
|
k.$slots.footer ? (s(), u("div", xl, [
|
|
2656
|
-
|
|
2657
|
-
])) :
|
|
2656
|
+
ue(k.$slots, "footer", {}, void 0, !0)
|
|
2657
|
+
])) : R("", !0)
|
|
2658
2658
|
], 46, ml), [
|
|
2659
|
-
[Ke,
|
|
2659
|
+
[Ke, g.value]
|
|
2660
2660
|
])
|
|
2661
2661
|
]),
|
|
2662
2662
|
_: 3
|
|
2663
2663
|
}, 8, ["name"])
|
|
2664
2664
|
], 12, gl), [
|
|
2665
|
-
[Ke,
|
|
2665
|
+
[Ke, g.value]
|
|
2666
2666
|
])
|
|
2667
2667
|
]));
|
|
2668
2668
|
}
|
|
2669
|
-
}), Dl = /* @__PURE__ */
|
|
2669
|
+
}), Dl = /* @__PURE__ */ be($l, [["__scopeId", "data-v-b2797950"]]), Cl = { class: "ytree__container" }, _l = ["data-level", "onClick", "onContextmenu"], Sl = ["onClick"], Il = {
|
|
2670
2670
|
key: 1,
|
|
2671
2671
|
class: "w-[16px]"
|
|
2672
2672
|
}, Ll = ["onClick"], Ml = {
|
|
@@ -2753,7 +2753,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2753
2753
|
height: "12",
|
|
2754
2754
|
viewBox: "0 0 12 12",
|
|
2755
2755
|
fill: "none"
|
|
2756
|
-
}, po = ["src", "alt"], yo = { class: "ytree-node__custom-content" }, go = "https://image.nhdropshipping.com/fit-in/500x500/filters:format(webp)/media/2025/10/17/1979094146203385856/32.png", mo = "https://image.nhdropshipping.com/fit-in/500x500/filters:format(webp)/media/2025/10/17/1979095296159907840/32.png", wo = /* @__PURE__ */
|
|
2756
|
+
}, po = ["src", "alt"], yo = { class: "ytree-node__custom-content" }, go = "https://image.nhdropshipping.com/fit-in/500x500/filters:format(webp)/media/2025/10/17/1979094146203385856/32.png", mo = "https://image.nhdropshipping.com/fit-in/500x500/filters:format(webp)/media/2025/10/17/1979095296159907840/32.png", wo = /* @__PURE__ */ we({
|
|
2757
2757
|
__name: "ytree",
|
|
2758
2758
|
props: {
|
|
2759
2759
|
data: { default: () => [] },
|
|
@@ -2802,7 +2802,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2802
2802
|
},
|
|
2803
2803
|
emits: ["node-click", "node-contextmenu", "check-change", "check", "current-change", "node-expand", "node-collapse", "node-drag-start", "node-drag-enter", "node-drag-leave", "node-drag-over", "node-drag-end", "node-drop", "checked-keys-change", "child-node-click"],
|
|
2804
2804
|
setup(t, { expose: D, emit: e }) {
|
|
2805
|
-
const n = t,
|
|
2805
|
+
const n = t, g = e, v = q(() => (console.log("ytree 组件接收到的数据:", n.data), n.data || [])), h = z({
|
|
2806
2806
|
currentNode: null,
|
|
2807
2807
|
currentKey: null,
|
|
2808
2808
|
checkedKeys: /* @__PURE__ */ new Set(),
|
|
@@ -2810,37 +2810,37 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2810
2810
|
selectedKeys: /* @__PURE__ */ new Set(),
|
|
2811
2811
|
highlightedKeys: /* @__PURE__ */ new Set()
|
|
2812
2812
|
});
|
|
2813
|
-
st("treeStore",
|
|
2813
|
+
st("treeStore", h);
|
|
2814
2814
|
const S = q(() => n.restrictAutoExpandFromLevel && n.restrictAutoExpandFromLevel > 0 ? n.restrictAutoExpandFromLevel : void 0);
|
|
2815
|
-
function C(
|
|
2816
|
-
return
|
|
2815
|
+
function C(p) {
|
|
2816
|
+
return p[n.nodeKey] || p.id || Math.random();
|
|
2817
2817
|
}
|
|
2818
|
-
function
|
|
2818
|
+
function B(p) {
|
|
2819
2819
|
var d;
|
|
2820
|
-
return ((d = n.props) != null && d.label ?
|
|
2820
|
+
return ((d = n.props) != null && d.label ? p[n.props.label] : void 0) || p.label || "";
|
|
2821
2821
|
}
|
|
2822
|
-
function x(
|
|
2822
|
+
function x(p) {
|
|
2823
2823
|
var d;
|
|
2824
|
-
return !!((d =
|
|
2824
|
+
return !!((d = p == null ? void 0 : p.data) != null && d.isEmployee);
|
|
2825
2825
|
}
|
|
2826
|
-
function
|
|
2826
|
+
function m(p, d) {
|
|
2827
2827
|
var L;
|
|
2828
2828
|
const o = n.deptIconUrl || go, i = n.personIconUrl || mo, f = n.buttonIconUrl || "", b = n.childStyleIconUrl || "";
|
|
2829
|
-
return d && b && U(
|
|
2829
|
+
return d && b && U(p, d) ? b : (L = p == null ? void 0 : p.data) != null && L.isButton && f ? f : x(p) ? i : o;
|
|
2830
2830
|
}
|
|
2831
|
-
function
|
|
2831
|
+
function w(p) {
|
|
2832
2832
|
var o;
|
|
2833
|
-
const d = ((o = n.props) != null && o.children ?
|
|
2833
|
+
const d = ((o = n.props) != null && o.children ? p[n.props.children] : void 0) || p.children;
|
|
2834
2834
|
return d && d.length > 0;
|
|
2835
2835
|
}
|
|
2836
|
-
function k(
|
|
2836
|
+
function k(p) {
|
|
2837
2837
|
var d;
|
|
2838
|
-
return ((d = n.props) != null && d.children ?
|
|
2838
|
+
return ((d = n.props) != null && d.children ? p[n.props.children] : void 0) || p.children || [];
|
|
2839
2839
|
}
|
|
2840
|
-
function A(
|
|
2841
|
-
if (
|
|
2840
|
+
function A(p, d, o = 1) {
|
|
2841
|
+
if (p === d)
|
|
2842
2842
|
return o;
|
|
2843
|
-
const i = k(
|
|
2843
|
+
const i = k(p);
|
|
2844
2844
|
for (const f of i) {
|
|
2845
2845
|
const b = A(f, d, o + 1);
|
|
2846
2846
|
if (b > 0)
|
|
@@ -2848,163 +2848,163 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
2848
2848
|
}
|
|
2849
2849
|
return 0;
|
|
2850
2850
|
}
|
|
2851
|
-
function U(
|
|
2852
|
-
return !n.childStyleLevel || n.childStyleLevel < 1 ? !1 : A(d,
|
|
2851
|
+
function U(p, d) {
|
|
2852
|
+
return !n.childStyleLevel || n.childStyleLevel < 1 ? !1 : A(d, p) === n.childStyleLevel;
|
|
2853
2853
|
}
|
|
2854
|
-
function P(
|
|
2855
|
-
const d = C(
|
|
2856
|
-
return
|
|
2854
|
+
function P(p) {
|
|
2855
|
+
const d = C(p);
|
|
2856
|
+
return h.value.expandedKeys.has(d);
|
|
2857
2857
|
}
|
|
2858
|
-
function V(
|
|
2859
|
-
const d = C(
|
|
2860
|
-
if (
|
|
2861
|
-
if (
|
|
2862
|
-
const i = k(
|
|
2858
|
+
function V(p) {
|
|
2859
|
+
const d = C(p);
|
|
2860
|
+
if (h.value.checkedKeys.has(d)) {
|
|
2861
|
+
if (w(p)) {
|
|
2862
|
+
const i = k(p), f = i.filter((L) => V(L)), b = i.filter(
|
|
2863
2863
|
(L) => Z(L)
|
|
2864
2864
|
);
|
|
2865
2865
|
return f.length === i.length && b.length === 0;
|
|
2866
2866
|
}
|
|
2867
2867
|
return !0;
|
|
2868
2868
|
}
|
|
2869
|
-
if (
|
|
2870
|
-
const i = k(
|
|
2869
|
+
if (w(p)) {
|
|
2870
|
+
const i = k(p);
|
|
2871
2871
|
return i.some(
|
|
2872
2872
|
(b) => Z(b)
|
|
2873
2873
|
) ? !1 : i.length > 0 && i.every((b) => V(b));
|
|
2874
2874
|
}
|
|
2875
2875
|
return !1;
|
|
2876
2876
|
}
|
|
2877
|
-
function Z(
|
|
2878
|
-
if (!
|
|
2879
|
-
const d = k(
|
|
2877
|
+
function Z(p) {
|
|
2878
|
+
if (!w(p)) return !1;
|
|
2879
|
+
const d = k(p), o = d.filter((f) => V(f)), i = d.filter(
|
|
2880
2880
|
(f) => Z(f)
|
|
2881
2881
|
);
|
|
2882
2882
|
return o.length === d.length ? !1 : o.length > 0 || i.length > 0;
|
|
2883
2883
|
}
|
|
2884
|
-
function X(
|
|
2885
|
-
const d = C(
|
|
2886
|
-
return
|
|
2884
|
+
function X(p) {
|
|
2885
|
+
const d = C(p);
|
|
2886
|
+
return h.value.currentKey === d;
|
|
2887
2887
|
}
|
|
2888
|
-
function ie(
|
|
2889
|
-
const d = C(
|
|
2890
|
-
return
|
|
2888
|
+
function ie(p) {
|
|
2889
|
+
const d = C(p);
|
|
2890
|
+
return h.value.highlightedKeys.has(d);
|
|
2891
2891
|
}
|
|
2892
|
-
function G(
|
|
2892
|
+
function G(p) {
|
|
2893
2893
|
if (n.disabled) return;
|
|
2894
|
-
const d = C(
|
|
2895
|
-
i ?
|
|
2896
|
-
function b(L,
|
|
2897
|
-
L.forEach((
|
|
2898
|
-
const oe = C(
|
|
2899
|
-
|
|
2894
|
+
const d = C(p), i = !h.value.checkedKeys.has(d), f = new Set(h.value.expandedKeys);
|
|
2895
|
+
i ? h.value.checkedKeys.add(d) : h.value.checkedKeys.delete(d);
|
|
2896
|
+
function b(L, T) {
|
|
2897
|
+
L.forEach((N) => {
|
|
2898
|
+
const oe = C(N);
|
|
2899
|
+
T ? h.value.checkedKeys.add(oe) : h.value.checkedKeys.delete(oe), w(N) && b(k(N), T);
|
|
2900
2900
|
});
|
|
2901
2901
|
}
|
|
2902
|
-
b(k(
|
|
2902
|
+
b(k(p), i), i && de(), F(), h.value.expandedKeys = f, g("check-change", p, i, !1), g("check", p, i, !1), g("checked-keys-change", Array.from(h.value.checkedKeys));
|
|
2903
2903
|
}
|
|
2904
|
-
function
|
|
2904
|
+
function de(p) {
|
|
2905
2905
|
S.value && console.log(
|
|
2906
2906
|
`已启用从第${S.value}级开始不默认展开的限制(不主动收起已展开节点)`
|
|
2907
2907
|
);
|
|
2908
2908
|
}
|
|
2909
|
-
function
|
|
2910
|
-
const d = C(
|
|
2911
|
-
|
|
2909
|
+
function E(p) {
|
|
2910
|
+
const d = C(p);
|
|
2911
|
+
h.value.expandedKeys.has(d) ? (h.value.expandedKeys.delete(d), g("node-collapse", p, p, null)) : (h.value.expandedKeys.add(d), g("node-expand", p, p, null));
|
|
2912
2912
|
}
|
|
2913
|
-
function
|
|
2914
|
-
const
|
|
2913
|
+
function F() {
|
|
2914
|
+
const p = [];
|
|
2915
2915
|
function d(i) {
|
|
2916
2916
|
i.forEach((f) => {
|
|
2917
|
-
|
|
2917
|
+
p.push(f), w(f) && d(k(f));
|
|
2918
2918
|
});
|
|
2919
2919
|
}
|
|
2920
|
-
d(
|
|
2920
|
+
d(v.value);
|
|
2921
2921
|
function o(i) {
|
|
2922
|
-
if (
|
|
2923
|
-
const f = k(i), b = C(i), L = f.filter((
|
|
2924
|
-
(
|
|
2922
|
+
if (w(i)) {
|
|
2923
|
+
const f = k(i), b = C(i), L = f.filter((N) => V(N)), T = f.filter(
|
|
2924
|
+
(N) => Z(N)
|
|
2925
2925
|
);
|
|
2926
|
-
L.length === f.length &&
|
|
2926
|
+
L.length === f.length && T.length === 0 || L.length > 0 || T.length > 0 ? h.value.checkedKeys.add(b) : h.value.checkedKeys.delete(b);
|
|
2927
2927
|
}
|
|
2928
2928
|
}
|
|
2929
|
-
for (let i =
|
|
2930
|
-
o(
|
|
2929
|
+
for (let i = p.length - 1; i >= 0; i--)
|
|
2930
|
+
o(p[i]);
|
|
2931
2931
|
}
|
|
2932
|
-
function
|
|
2932
|
+
function K(p, d, o, i) {
|
|
2933
2933
|
if (n.disabled) return;
|
|
2934
|
-
const f = i ? U(
|
|
2934
|
+
const f = i ? U(p, i) : !1;
|
|
2935
2935
|
if (n.enableChildStyleCustomClick && f) {
|
|
2936
|
-
|
|
2936
|
+
g("child-node-click", p, d, o);
|
|
2937
2937
|
return;
|
|
2938
2938
|
}
|
|
2939
|
-
if (n.expandOnClickNode &&
|
|
2940
|
-
|
|
2939
|
+
if (n.expandOnClickNode && w(p)) {
|
|
2940
|
+
E(p);
|
|
2941
2941
|
return;
|
|
2942
2942
|
}
|
|
2943
|
-
|
|
2943
|
+
h.value.currentNode = p, h.value.currentKey = C(p), n.showCheckbox && G(p), g("node-click", p, d, o);
|
|
2944
2944
|
}
|
|
2945
|
-
function
|
|
2946
|
-
n.disabled ||
|
|
2945
|
+
function Y(p, d, o, i) {
|
|
2946
|
+
n.disabled || g("node-contextmenu", p, d, o, i);
|
|
2947
2947
|
}
|
|
2948
2948
|
ae(
|
|
2949
2949
|
() => n.defaultExpandedKeys,
|
|
2950
|
-
(
|
|
2951
|
-
if (
|
|
2950
|
+
(p) => {
|
|
2951
|
+
if (p) {
|
|
2952
2952
|
const d = S.value;
|
|
2953
2953
|
if (d) {
|
|
2954
|
-
let o = function(L,
|
|
2955
|
-
for (const oe of
|
|
2956
|
-
if (C(oe) === L) return
|
|
2957
|
-
if (
|
|
2958
|
-
const
|
|
2959
|
-
if (
|
|
2954
|
+
let o = function(L, T, N = 1) {
|
|
2955
|
+
for (const oe of T) {
|
|
2956
|
+
if (C(oe) === L) return N;
|
|
2957
|
+
if (w(oe)) {
|
|
2958
|
+
const me = o(L, k(oe), N + 1);
|
|
2959
|
+
if (me > 0) return me;
|
|
2960
2960
|
}
|
|
2961
2961
|
}
|
|
2962
2962
|
return 0;
|
|
2963
|
-
}, i = function(L,
|
|
2963
|
+
}, i = function(L, T, N) {
|
|
2964
2964
|
L.forEach((oe) => {
|
|
2965
|
-
|
|
2965
|
+
T < N && w(oe) ? (b.add(C(oe)), i(k(oe), T + 1, N)) : T < N && w(oe);
|
|
2966
2966
|
});
|
|
2967
2967
|
};
|
|
2968
|
-
const f = (
|
|
2969
|
-
const
|
|
2970
|
-
return
|
|
2968
|
+
const f = (p || []).filter((L) => {
|
|
2969
|
+
const T = o(L, v.value, 1);
|
|
2970
|
+
return T > 0 && T < d;
|
|
2971
2971
|
}), b = new Set(f);
|
|
2972
|
-
i(
|
|
2973
|
-
o(L,
|
|
2974
|
-
}),
|
|
2972
|
+
i(v.value, 1, d), h.value.expandedKeys.forEach((L) => {
|
|
2973
|
+
o(L, v.value, 1) >= d && b.add(L);
|
|
2974
|
+
}), h.value.expandedKeys = b;
|
|
2975
2975
|
} else
|
|
2976
|
-
|
|
2976
|
+
h.value.expandedKeys = new Set(p);
|
|
2977
2977
|
}
|
|
2978
2978
|
},
|
|
2979
2979
|
{ immediate: !0 }
|
|
2980
2980
|
);
|
|
2981
|
-
function
|
|
2981
|
+
function ne() {
|
|
2982
2982
|
if (n.defaultExpandAll) {
|
|
2983
|
-
let
|
|
2983
|
+
let p = function(i, f = 1) {
|
|
2984
2984
|
i.forEach((b) => {
|
|
2985
|
-
if (!
|
|
2985
|
+
if (!w(b)) return;
|
|
2986
2986
|
const L = k(b);
|
|
2987
2987
|
if (o) {
|
|
2988
2988
|
if (f >= o) return;
|
|
2989
|
-
f + 1 === o || d.add(C(b)),
|
|
2989
|
+
f + 1 === o || d.add(C(b)), p(L, f + 1);
|
|
2990
2990
|
} else
|
|
2991
|
-
d.add(C(b)),
|
|
2991
|
+
d.add(C(b)), p(L, f + 1);
|
|
2992
2992
|
});
|
|
2993
2993
|
};
|
|
2994
2994
|
const d = /* @__PURE__ */ new Set(), o = S.value;
|
|
2995
|
-
|
|
2995
|
+
p(v.value, 1), h.value.expandedKeys = d;
|
|
2996
2996
|
}
|
|
2997
2997
|
}
|
|
2998
|
-
function
|
|
2998
|
+
function Q() {
|
|
2999
2999
|
if (n.defaultCheckedKeys && n.defaultCheckedKeys.length > 0) {
|
|
3000
|
-
let
|
|
3000
|
+
let p = function(f, b = []) {
|
|
3001
3001
|
f.forEach((L) => {
|
|
3002
|
-
const
|
|
3003
|
-
d.has(
|
|
3002
|
+
const T = C(L), N = [...b, T];
|
|
3003
|
+
d.has(T) && b.forEach((oe) => o.add(oe)), w(L) && p(k(L), N);
|
|
3004
3004
|
});
|
|
3005
3005
|
};
|
|
3006
3006
|
const d = new Set(n.defaultCheckedKeys), o = /* @__PURE__ */ new Set();
|
|
3007
|
-
|
|
3007
|
+
p(v.value);
|
|
3008
3008
|
const i = S.value;
|
|
3009
3009
|
if (i) {
|
|
3010
3010
|
console.log(
|
|
@@ -3012,72 +3012,72 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3012
3012
|
);
|
|
3013
3013
|
return;
|
|
3014
3014
|
}
|
|
3015
|
-
|
|
3015
|
+
h.value.expandedKeys = o;
|
|
3016
3016
|
}
|
|
3017
3017
|
}
|
|
3018
|
-
ae(() => n.defaultExpandAll,
|
|
3018
|
+
ae(() => n.defaultExpandAll, ne, { immediate: !0 }), ae(() => v.value, ne, { deep: !0 }), ae(
|
|
3019
3019
|
() => n.defaultCheckedKeys,
|
|
3020
|
-
(
|
|
3021
|
-
|
|
3020
|
+
(p) => {
|
|
3021
|
+
p ? (h.value.checkedKeys = new Set(p), n.enableFourthLevelSpecialHandling ? console.log("权限树模式:跳过自动展开逻辑,保持当前展开状态") : Q()) : h.value.checkedKeys.clear();
|
|
3022
3022
|
},
|
|
3023
3023
|
{ immediate: !0 }
|
|
3024
3024
|
);
|
|
3025
|
-
function
|
|
3025
|
+
function pe(p) {
|
|
3026
3026
|
try {
|
|
3027
3027
|
let d = function(f, b, L = []) {
|
|
3028
|
-
for (const
|
|
3029
|
-
const
|
|
3030
|
-
if (
|
|
3031
|
-
if (
|
|
3032
|
-
const
|
|
3033
|
-
if (
|
|
3028
|
+
for (const T of f) {
|
|
3029
|
+
const N = C(T), oe = [...L, N];
|
|
3030
|
+
if (N === b) return oe;
|
|
3031
|
+
if (w(T)) {
|
|
3032
|
+
const me = d(k(T), b, oe);
|
|
3033
|
+
if (me) return me;
|
|
3034
3034
|
}
|
|
3035
3035
|
}
|
|
3036
3036
|
return null;
|
|
3037
3037
|
};
|
|
3038
|
-
const o = Array.isArray(
|
|
3038
|
+
const o = Array.isArray(p) ? p : [];
|
|
3039
3039
|
if (o.length === 0) return;
|
|
3040
|
-
|
|
3041
|
-
const i = new Set(
|
|
3040
|
+
h.value.highlightedKeys.clear();
|
|
3041
|
+
const i = new Set(h.value.expandedKeys);
|
|
3042
3042
|
o.forEach((f) => {
|
|
3043
|
-
const b = d(
|
|
3044
|
-
b && b.length > 0 && (b.slice(0, -1).forEach((L) => i.add(L)),
|
|
3045
|
-
}),
|
|
3043
|
+
const b = d(v.value, f);
|
|
3044
|
+
b && b.length > 0 && (b.slice(0, -1).forEach((L) => i.add(L)), h.value.highlightedKeys.add(b[b.length - 1]));
|
|
3045
|
+
}), h.value.expandedKeys = i;
|
|
3046
3046
|
} catch (d) {
|
|
3047
3047
|
console.warn("highlightAndExpandByIds 执行失败", d);
|
|
3048
3048
|
}
|
|
3049
3049
|
}
|
|
3050
3050
|
function j() {
|
|
3051
|
-
|
|
3051
|
+
h.value.highlightedKeys.clear();
|
|
3052
3052
|
}
|
|
3053
3053
|
function ee() {
|
|
3054
|
-
|
|
3054
|
+
h.value.currentNode = null, h.value.currentKey = null;
|
|
3055
3055
|
}
|
|
3056
|
-
return D({ highlightAndExpandByIds:
|
|
3056
|
+
return D({ highlightAndExpandByIds: pe, clearHighlights: j, clearCurrentNode: ee }), ae(
|
|
3057
3057
|
() => n.defaultSelectedKeys,
|
|
3058
|
-
(
|
|
3059
|
-
|
|
3058
|
+
(p) => {
|
|
3059
|
+
p && (h.value.selectedKeys = new Set(p));
|
|
3060
3060
|
},
|
|
3061
3061
|
{ immediate: !0 }
|
|
3062
|
-
), (
|
|
3063
|
-
class:
|
|
3062
|
+
), (p, d) => (s(), u("div", {
|
|
3063
|
+
class: H(["ytree", [`ytree--${t.size}`, { "ytree--disabled": t.disabled }]])
|
|
3064
3064
|
}, [
|
|
3065
3065
|
l("div", Cl, [
|
|
3066
|
-
(s(!0), u(
|
|
3066
|
+
(s(!0), u(ce, null, ge(v.value, (o) => (s(), u("div", {
|
|
3067
3067
|
key: C(o),
|
|
3068
|
-
class:
|
|
3068
|
+
class: H(["ytree-node", { "ytree-node--current": X(o), "ytree-node--highlight": ie(o) }])
|
|
3069
3069
|
}, [
|
|
3070
3070
|
l("div", {
|
|
3071
|
-
class:
|
|
3071
|
+
class: H(["ytree-node__content", { "is-child-style": U(o, o) }]),
|
|
3072
3072
|
style: { paddingLeft: "8px" },
|
|
3073
3073
|
"data-level": A(o, o),
|
|
3074
|
-
onClick: (i) =>
|
|
3075
|
-
onContextmenu: (i) =>
|
|
3074
|
+
onClick: (i) => K(o, o, null, o),
|
|
3075
|
+
onContextmenu: (i) => Y(i, o, o, null)
|
|
3076
3076
|
}, [
|
|
3077
|
-
|
|
3077
|
+
w(o) ? (s(), u("span", {
|
|
3078
3078
|
key: 0,
|
|
3079
|
-
class:
|
|
3080
|
-
onClick: te((i) =>
|
|
3079
|
+
class: H(["ytree-node__expand-icon", { "is-expanded": P(o) }]),
|
|
3080
|
+
onClick: te((i) => E(o), ["stop"])
|
|
3081
3081
|
}, [...d[0] || (d[0] = [
|
|
3082
3082
|
l("svg", {
|
|
3083
3083
|
width: "12",
|
|
@@ -3096,7 +3096,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3096
3096
|
])], 10, Sl)) : (s(), u("span", Il)),
|
|
3097
3097
|
t.showCheckbox ? (s(), u("span", {
|
|
3098
3098
|
key: 2,
|
|
3099
|
-
class:
|
|
3099
|
+
class: H(["ytree-node__checkbox", {
|
|
3100
3100
|
"is-checked": V(o),
|
|
3101
3101
|
"is-indeterminate": Z(o)
|
|
3102
3102
|
}]),
|
|
@@ -3117,47 +3117,47 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3117
3117
|
"stroke-width": "1.5",
|
|
3118
3118
|
"stroke-linecap": "round"
|
|
3119
3119
|
}, null, -1)
|
|
3120
|
-
])])) :
|
|
3121
|
-
], 10, Ll)) :
|
|
3120
|
+
])])) : R("", !0)
|
|
3121
|
+
], 10, Ll)) : R("", !0),
|
|
3122
3122
|
t.iconClass ? (s(), u("span", {
|
|
3123
3123
|
key: 3,
|
|
3124
|
-
class:
|
|
3125
|
-
}, null, 2)) :
|
|
3124
|
+
class: H(["ytree-node__icon", t.iconClass])
|
|
3125
|
+
}, null, 2)) : R("", !0),
|
|
3126
3126
|
l("img", {
|
|
3127
3127
|
class: "ytree-node__avatar",
|
|
3128
|
-
src:
|
|
3128
|
+
src: m(o, o),
|
|
3129
3129
|
alt: x(o) ? "person" : "dept"
|
|
3130
3130
|
}, null, 8, Bl),
|
|
3131
3131
|
l("span", {
|
|
3132
|
-
class:
|
|
3133
|
-
}, se(
|
|
3132
|
+
class: H(["ytree-node__label", { "is-employee": x(o) }])
|
|
3133
|
+
}, se(B(o)), 3),
|
|
3134
3134
|
l("div", Tl, [
|
|
3135
|
-
|
|
3135
|
+
ue(p.$slots, "node-content", {
|
|
3136
3136
|
node: o,
|
|
3137
3137
|
isCurrent: X(o),
|
|
3138
3138
|
isExpanded: P(o),
|
|
3139
|
-
hasChildren:
|
|
3139
|
+
hasChildren: w(o)
|
|
3140
3140
|
}, void 0, !0)
|
|
3141
3141
|
])
|
|
3142
3142
|
], 42, _l),
|
|
3143
3143
|
ve($e, { name: "ytree-node" }, {
|
|
3144
3144
|
default: he(() => [
|
|
3145
|
-
|
|
3146
|
-
(s(!0), u(
|
|
3145
|
+
w(o) && P(o) ? (s(), u("div", zl, [
|
|
3146
|
+
(s(!0), u(ce, null, ge(k(o), (i) => (s(), u("div", {
|
|
3147
3147
|
key: C(i),
|
|
3148
|
-
class:
|
|
3148
|
+
class: H(["ytree-node", { "ytree-node--current": X(i), "ytree-node--highlight": ie(i) }])
|
|
3149
3149
|
}, [
|
|
3150
3150
|
l("div", {
|
|
3151
|
-
class:
|
|
3151
|
+
class: H(["ytree-node__content", { "is-child-style": U(i, o) }]),
|
|
3152
3152
|
style: { paddingLeft: "22px" },
|
|
3153
3153
|
"data-level": A(o, i),
|
|
3154
|
-
onClick: (f) =>
|
|
3155
|
-
onContextmenu: (f) =>
|
|
3154
|
+
onClick: (f) => K(i, i, null, o),
|
|
3155
|
+
onContextmenu: (f) => Y(f, i, i, null)
|
|
3156
3156
|
}, [
|
|
3157
|
-
|
|
3157
|
+
w(i) ? (s(), u("span", {
|
|
3158
3158
|
key: 0,
|
|
3159
|
-
class:
|
|
3160
|
-
onClick: te((f) =>
|
|
3159
|
+
class: H(["ytree-node__expand-icon", { "is-expanded": P(i) }]),
|
|
3160
|
+
onClick: te((f) => E(i), ["stop"])
|
|
3161
3161
|
}, [...d[3] || (d[3] = [
|
|
3162
3162
|
l("svg", {
|
|
3163
3163
|
width: "12",
|
|
@@ -3176,7 +3176,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3176
3176
|
])], 10, Hl)) : (s(), u("span", Rl)),
|
|
3177
3177
|
t.showCheckbox ? (s(), u("span", {
|
|
3178
3178
|
key: 2,
|
|
3179
|
-
class:
|
|
3179
|
+
class: H(["ytree-node__checkbox", {
|
|
3180
3180
|
"is-checked": V(i),
|
|
3181
3181
|
"is-indeterminate": Z(i)
|
|
3182
3182
|
}]),
|
|
@@ -3197,55 +3197,55 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3197
3197
|
"stroke-width": "1.5",
|
|
3198
3198
|
"stroke-linecap": "round"
|
|
3199
3199
|
}, null, -1)
|
|
3200
|
-
])])) :
|
|
3201
|
-
], 10, Al)) :
|
|
3200
|
+
])])) : R("", !0)
|
|
3201
|
+
], 10, Al)) : R("", !0),
|
|
3202
3202
|
t.iconClass ? (s(), u("span", {
|
|
3203
3203
|
key: 3,
|
|
3204
|
-
class:
|
|
3205
|
-
}, null, 2)) :
|
|
3204
|
+
class: H(["ytree-node__icon", t.iconClass])
|
|
3205
|
+
}, null, 2)) : R("", !0),
|
|
3206
3206
|
l("img", {
|
|
3207
3207
|
class: "ytree-node__avatar",
|
|
3208
|
-
src:
|
|
3208
|
+
src: m(i, o),
|
|
3209
3209
|
alt: x(i) ? "person" : "dept"
|
|
3210
3210
|
}, null, 8, Fl),
|
|
3211
3211
|
l("span", {
|
|
3212
|
-
class:
|
|
3213
|
-
}, se(
|
|
3212
|
+
class: H(["ytree-node__label", { "is-employee": x(i) }])
|
|
3213
|
+
}, se(B(i)), 3),
|
|
3214
3214
|
l("div", Pl, [
|
|
3215
|
-
|
|
3215
|
+
ue(p.$slots, "node-content", {
|
|
3216
3216
|
node: i,
|
|
3217
3217
|
isCurrent: X(i),
|
|
3218
3218
|
isExpanded: P(i),
|
|
3219
|
-
hasChildren:
|
|
3219
|
+
hasChildren: w(i)
|
|
3220
3220
|
}, void 0, !0)
|
|
3221
3221
|
])
|
|
3222
3222
|
], 42, Kl),
|
|
3223
3223
|
ve($e, { name: "ytree-node" }, {
|
|
3224
3224
|
default: he(() => [
|
|
3225
|
-
|
|
3226
|
-
(s(!0), u(
|
|
3225
|
+
w(i) && P(i) ? (s(), u("div", Yl, [
|
|
3226
|
+
(s(!0), u(ce, null, ge(k(i), (f) => (s(), u("div", {
|
|
3227
3227
|
key: C(f),
|
|
3228
|
-
class:
|
|
3228
|
+
class: H(["ytree-node", {
|
|
3229
3229
|
"ytree-node--current": X(f),
|
|
3230
3230
|
"ytree-node--highlight": ie(f)
|
|
3231
3231
|
}])
|
|
3232
3232
|
}, [
|
|
3233
3233
|
l("div", {
|
|
3234
|
-
class:
|
|
3234
|
+
class: H(["ytree-node__content", { "is-child-style": U(f, o) }]),
|
|
3235
3235
|
style: { paddingLeft: "38px" },
|
|
3236
3236
|
"data-level": A(o, f),
|
|
3237
|
-
onClick: (b) =>
|
|
3238
|
-
onContextmenu: (b) =>
|
|
3237
|
+
onClick: (b) => K(f, f, null, o),
|
|
3238
|
+
onContextmenu: (b) => Y(
|
|
3239
3239
|
b,
|
|
3240
3240
|
f,
|
|
3241
3241
|
f,
|
|
3242
3242
|
null
|
|
3243
3243
|
)
|
|
3244
3244
|
}, [
|
|
3245
|
-
|
|
3245
|
+
w(f) ? (s(), u("span", {
|
|
3246
3246
|
key: 0,
|
|
3247
|
-
class:
|
|
3248
|
-
onClick: te((b) =>
|
|
3247
|
+
class: H(["ytree-node__expand-icon", { "is-expanded": P(f) }]),
|
|
3248
|
+
onClick: te((b) => E(f), ["stop"])
|
|
3249
3249
|
}, [...d[6] || (d[6] = [
|
|
3250
3250
|
l("svg", {
|
|
3251
3251
|
width: "12",
|
|
@@ -3264,7 +3264,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3264
3264
|
])], 10, Ol)) : (s(), u("span", jl)),
|
|
3265
3265
|
t.showCheckbox ? (s(), u("span", {
|
|
3266
3266
|
key: 2,
|
|
3267
|
-
class:
|
|
3267
|
+
class: H(["ytree-node__checkbox", {
|
|
3268
3268
|
"is-checked": V(f),
|
|
3269
3269
|
"is-indeterminate": Z(f)
|
|
3270
3270
|
}]),
|
|
@@ -3285,64 +3285,64 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3285
3285
|
"stroke-width": "1.5",
|
|
3286
3286
|
"stroke-linecap": "round"
|
|
3287
3287
|
}, null, -1)
|
|
3288
|
-
])])) :
|
|
3289
|
-
], 10, ql)) :
|
|
3288
|
+
])])) : R("", !0)
|
|
3289
|
+
], 10, ql)) : R("", !0),
|
|
3290
3290
|
t.iconClass ? (s(), u("span", {
|
|
3291
3291
|
key: 3,
|
|
3292
|
-
class:
|
|
3293
|
-
}, null, 2)) :
|
|
3292
|
+
class: H(["ytree-node__icon", t.iconClass])
|
|
3293
|
+
}, null, 2)) : R("", !0),
|
|
3294
3294
|
l("img", {
|
|
3295
3295
|
class: "ytree-node__avatar",
|
|
3296
|
-
src:
|
|
3296
|
+
src: m(f, o),
|
|
3297
3297
|
alt: x(f) ? "person" : "dept"
|
|
3298
3298
|
}, null, 8, Ql),
|
|
3299
3299
|
l("span", {
|
|
3300
|
-
class:
|
|
3301
|
-
}, se(
|
|
3300
|
+
class: H(["ytree-node__label", { "is-employee": x(f) }])
|
|
3301
|
+
}, se(B(f)), 3),
|
|
3302
3302
|
l("div", Jl, [
|
|
3303
|
-
|
|
3303
|
+
ue(p.$slots, "node-content", {
|
|
3304
3304
|
node: f,
|
|
3305
3305
|
isCurrent: X(f),
|
|
3306
3306
|
isExpanded: P(f),
|
|
3307
|
-
hasChildren:
|
|
3307
|
+
hasChildren: w(f)
|
|
3308
3308
|
}, void 0, !0)
|
|
3309
3309
|
])
|
|
3310
3310
|
], 42, Nl),
|
|
3311
3311
|
ve($e, { name: "ytree-node" }, {
|
|
3312
3312
|
default: he(() => [
|
|
3313
|
-
|
|
3314
|
-
(s(!0), u(
|
|
3313
|
+
w(f) && P(f) ? (s(), u("div", Xl, [
|
|
3314
|
+
(s(!0), u(ce, null, ge(k(f), (b) => (s(), u("div", {
|
|
3315
3315
|
key: C(b),
|
|
3316
|
-
class:
|
|
3316
|
+
class: H(["ytree-node", {
|
|
3317
3317
|
"ytree-node--current": X(b),
|
|
3318
3318
|
"ytree-node--highlight": ie(b)
|
|
3319
3319
|
}])
|
|
3320
3320
|
}, [
|
|
3321
3321
|
l("div", {
|
|
3322
|
-
class:
|
|
3322
|
+
class: H(["ytree-node__content", { "is-child-style": U(b, o) }]),
|
|
3323
3323
|
style: {
|
|
3324
3324
|
paddingLeft: "54px"
|
|
3325
3325
|
},
|
|
3326
3326
|
"data-level": A(o, b),
|
|
3327
|
-
onClick: (L) =>
|
|
3327
|
+
onClick: (L) => K(
|
|
3328
3328
|
b,
|
|
3329
3329
|
b,
|
|
3330
3330
|
null,
|
|
3331
3331
|
o
|
|
3332
3332
|
),
|
|
3333
|
-
onContextmenu: (L) =>
|
|
3333
|
+
onContextmenu: (L) => Y(
|
|
3334
3334
|
L,
|
|
3335
3335
|
b,
|
|
3336
3336
|
b,
|
|
3337
3337
|
null
|
|
3338
3338
|
)
|
|
3339
3339
|
}, [
|
|
3340
|
-
|
|
3340
|
+
w(b) ? (s(), u("span", {
|
|
3341
3341
|
key: 0,
|
|
3342
|
-
class:
|
|
3342
|
+
class: H(["ytree-node__expand-icon", {
|
|
3343
3343
|
"is-expanded": P(b)
|
|
3344
3344
|
}]),
|
|
3345
|
-
onClick: te((L) =>
|
|
3345
|
+
onClick: te((L) => E(b), ["stop"])
|
|
3346
3346
|
}, [...d[9] || (d[9] = [
|
|
3347
3347
|
l("svg", {
|
|
3348
3348
|
width: "12",
|
|
@@ -3361,7 +3361,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3361
3361
|
])], 10, eo)) : (s(), u("span", to)),
|
|
3362
3362
|
t.showCheckbox ? (s(), u("span", {
|
|
3363
3363
|
key: 2,
|
|
3364
|
-
class:
|
|
3364
|
+
class: H(["ytree-node__checkbox", {
|
|
3365
3365
|
"is-checked": V(b),
|
|
3366
3366
|
"is-indeterminate": Z(b)
|
|
3367
3367
|
}]),
|
|
@@ -3382,67 +3382,67 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3382
3382
|
"stroke-width": "1.5",
|
|
3383
3383
|
"stroke-linecap": "round"
|
|
3384
3384
|
}, null, -1)
|
|
3385
|
-
])])) :
|
|
3386
|
-
], 10, no)) :
|
|
3385
|
+
])])) : R("", !0)
|
|
3386
|
+
], 10, no)) : R("", !0),
|
|
3387
3387
|
t.iconClass ? (s(), u("span", {
|
|
3388
3388
|
key: 3,
|
|
3389
|
-
class:
|
|
3390
|
-
}, null, 2)) :
|
|
3389
|
+
class: H(["ytree-node__icon", t.iconClass])
|
|
3390
|
+
}, null, 2)) : R("", !0),
|
|
3391
3391
|
l("img", {
|
|
3392
3392
|
class: "ytree-node__avatar",
|
|
3393
|
-
src:
|
|
3393
|
+
src: m(b, o),
|
|
3394
3394
|
alt: x(b) ? "person" : "dept"
|
|
3395
3395
|
}, null, 8, ao),
|
|
3396
3396
|
l("span", {
|
|
3397
|
-
class:
|
|
3397
|
+
class: H(["ytree-node__label", {
|
|
3398
3398
|
"is-employee": x(b)
|
|
3399
3399
|
}])
|
|
3400
|
-
}, se(
|
|
3400
|
+
}, se(B(b)), 3),
|
|
3401
3401
|
l("div", so, [
|
|
3402
|
-
|
|
3402
|
+
ue(p.$slots, "node-content", {
|
|
3403
3403
|
node: b,
|
|
3404
3404
|
isCurrent: X(b),
|
|
3405
3405
|
isExpanded: P(b),
|
|
3406
|
-
hasChildren:
|
|
3406
|
+
hasChildren: w(b)
|
|
3407
3407
|
}, void 0, !0)
|
|
3408
3408
|
])
|
|
3409
3409
|
], 42, Gl),
|
|
3410
3410
|
ve($e, { name: "ytree-node" }, {
|
|
3411
3411
|
default: he(() => [
|
|
3412
|
-
|
|
3413
|
-
(s(!0), u(
|
|
3412
|
+
w(b) && P(b) ? (s(), u("div", io, [
|
|
3413
|
+
(s(!0), u(ce, null, ge(k(
|
|
3414
3414
|
b
|
|
3415
3415
|
), (L) => (s(), u("div", {
|
|
3416
3416
|
key: C(L),
|
|
3417
|
-
class:
|
|
3417
|
+
class: H(["ytree-node", {
|
|
3418
3418
|
"ytree-node--current": X(L)
|
|
3419
3419
|
}])
|
|
3420
3420
|
}, [
|
|
3421
3421
|
l("div", {
|
|
3422
|
-
class:
|
|
3422
|
+
class: H(["ytree-node__content", { "is-child-style": U(L, o) }]),
|
|
3423
3423
|
style: {
|
|
3424
3424
|
paddingLeft: "70px"
|
|
3425
3425
|
},
|
|
3426
3426
|
"data-level": A(o, L),
|
|
3427
|
-
onClick: (
|
|
3427
|
+
onClick: (T) => K(
|
|
3428
3428
|
L,
|
|
3429
3429
|
L,
|
|
3430
3430
|
null,
|
|
3431
3431
|
o
|
|
3432
3432
|
),
|
|
3433
|
-
onContextmenu: (
|
|
3434
|
-
|
|
3433
|
+
onContextmenu: (T) => Y(
|
|
3434
|
+
T,
|
|
3435
3435
|
L,
|
|
3436
3436
|
L,
|
|
3437
3437
|
null
|
|
3438
3438
|
)
|
|
3439
3439
|
}, [
|
|
3440
|
-
|
|
3440
|
+
w(L) ? (s(), u("span", {
|
|
3441
3441
|
key: 0,
|
|
3442
|
-
class:
|
|
3442
|
+
class: H(["ytree-node__expand-icon", {
|
|
3443
3443
|
"is-expanded": P(L)
|
|
3444
3444
|
}]),
|
|
3445
|
-
onClick: te((
|
|
3445
|
+
onClick: te((T) => E(L), ["stop"])
|
|
3446
3446
|
}, [...d[12] || (d[12] = [
|
|
3447
3447
|
l("svg", {
|
|
3448
3448
|
width: "12",
|
|
@@ -3461,13 +3461,13 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3461
3461
|
])], 10, uo)) : (s(), u("span", co)),
|
|
3462
3462
|
t.showCheckbox ? (s(), u("span", {
|
|
3463
3463
|
key: 2,
|
|
3464
|
-
class:
|
|
3464
|
+
class: H(["ytree-node__checkbox", {
|
|
3465
3465
|
"is-checked": V(L),
|
|
3466
3466
|
"is-indeterminate": Z(
|
|
3467
3467
|
L
|
|
3468
3468
|
)
|
|
3469
3469
|
}]),
|
|
3470
|
-
onClick: te((
|
|
3470
|
+
onClick: te((T) => G(L), ["stop"])
|
|
3471
3471
|
}, [
|
|
3472
3472
|
V(L) ? (s(), u("svg", vo, [...d[13] || (d[13] = [
|
|
3473
3473
|
l("path", {
|
|
@@ -3486,48 +3486,48 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3486
3486
|
"stroke-width": "1.5",
|
|
3487
3487
|
"stroke-linecap": "round"
|
|
3488
3488
|
}, null, -1)
|
|
3489
|
-
])])) :
|
|
3490
|
-
], 10, fo)) :
|
|
3489
|
+
])])) : R("", !0)
|
|
3490
|
+
], 10, fo)) : R("", !0),
|
|
3491
3491
|
t.iconClass ? (s(), u("span", {
|
|
3492
3492
|
key: 3,
|
|
3493
|
-
class:
|
|
3494
|
-
}, null, 2)) :
|
|
3493
|
+
class: H(["ytree-node__icon", t.iconClass])
|
|
3494
|
+
}, null, 2)) : R("", !0),
|
|
3495
3495
|
l("img", {
|
|
3496
3496
|
class: "ytree-node__avatar",
|
|
3497
|
-
src:
|
|
3497
|
+
src: m(L, o),
|
|
3498
3498
|
alt: x(L) ? "person" : "dept"
|
|
3499
3499
|
}, null, 8, po),
|
|
3500
3500
|
l("span", {
|
|
3501
|
-
class:
|
|
3501
|
+
class: H(["ytree-node__label", {
|
|
3502
3502
|
"is-employee": x(L)
|
|
3503
3503
|
}])
|
|
3504
|
-
}, se(
|
|
3504
|
+
}, se(B(L)), 3),
|
|
3505
3505
|
l("div", yo, [
|
|
3506
|
-
|
|
3506
|
+
ue(p.$slots, "node-content", {
|
|
3507
3507
|
node: L,
|
|
3508
3508
|
isCurrent: X(L),
|
|
3509
3509
|
isExpanded: P(L),
|
|
3510
|
-
hasChildren:
|
|
3510
|
+
hasChildren: w(L)
|
|
3511
3511
|
}, void 0, !0)
|
|
3512
3512
|
])
|
|
3513
3513
|
], 42, ro)
|
|
3514
3514
|
], 2))), 128))
|
|
3515
|
-
])) :
|
|
3515
|
+
])) : R("", !0)
|
|
3516
3516
|
]),
|
|
3517
3517
|
_: 2
|
|
3518
3518
|
}, 1024)
|
|
3519
3519
|
], 2))), 128))
|
|
3520
|
-
])) :
|
|
3520
|
+
])) : R("", !0)
|
|
3521
3521
|
]),
|
|
3522
3522
|
_: 2
|
|
3523
3523
|
}, 1024)
|
|
3524
3524
|
], 2))), 128))
|
|
3525
|
-
])) :
|
|
3525
|
+
])) : R("", !0)
|
|
3526
3526
|
]),
|
|
3527
3527
|
_: 2
|
|
3528
3528
|
}, 1024)
|
|
3529
3529
|
], 2))), 128))
|
|
3530
|
-
])) :
|
|
3530
|
+
])) : R("", !0)
|
|
3531
3531
|
]),
|
|
3532
3532
|
_: 2
|
|
3533
3533
|
}, 1024)
|
|
@@ -3535,13 +3535,13 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3535
3535
|
])
|
|
3536
3536
|
], 2));
|
|
3537
3537
|
}
|
|
3538
|
-
}), bo = /* @__PURE__ */
|
|
3538
|
+
}), bo = /* @__PURE__ */ be(wo, [["__scopeId", "data-v-6ab410ed"]]), ko = { class: "query-encapsulation" }, xo = { class: "query-encapsulation__container" }, $o = { class: "query-encapsulation__content" }, Do = { class: "query-encapsulation__fields" }, Co = { class: "query-encapsulation__field-wrapper" }, _o = {
|
|
3539
3539
|
key: 0,
|
|
3540
3540
|
class: "query-encapsulation__field-label"
|
|
3541
3541
|
}, So = {
|
|
3542
3542
|
key: 0,
|
|
3543
3543
|
class: "query-encapsulation__toggle"
|
|
3544
|
-
}, Io = { class: "query-encapsulation__actions" }, Lo = { class: "query-encapsulation__actions-group" }, Mo = /* @__PURE__ */
|
|
3544
|
+
}, Io = { class: "query-encapsulation__actions" }, Lo = { class: "query-encapsulation__actions-group" }, Mo = /* @__PURE__ */ we({
|
|
3545
3545
|
__name: "QueryEncapsulation",
|
|
3546
3546
|
props: {
|
|
3547
3547
|
Iflabel: { type: Boolean, default: !0 },
|
|
@@ -3552,11 +3552,11 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3552
3552
|
},
|
|
3553
3553
|
emits: ["update:modelValue", "search", "reset", "field-change"],
|
|
3554
3554
|
setup(t, { emit: D }) {
|
|
3555
|
-
const e = t, n = D,
|
|
3555
|
+
const e = t, n = D, g = z(!1), v = it({}), h = ["select", "date", "daterange"];
|
|
3556
3556
|
let S;
|
|
3557
|
-
const C = q(() => e.fields.filter((
|
|
3558
|
-
function
|
|
3559
|
-
switch (
|
|
3557
|
+
const C = q(() => e.fields.filter((E) => !E.hidden)), B = q(() => g.value ? C.value : C.value.slice(0, e.maxVisibleFields)), x = q(() => C.value.length > e.maxVisibleFields);
|
|
3558
|
+
function m(E) {
|
|
3559
|
+
switch (E) {
|
|
3560
3560
|
case "select":
|
|
3561
3561
|
return nt;
|
|
3562
3562
|
case "date":
|
|
@@ -3567,86 +3567,91 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3567
3567
|
return tt;
|
|
3568
3568
|
}
|
|
3569
3569
|
}
|
|
3570
|
-
function
|
|
3571
|
-
|
|
3570
|
+
function w(E, F) {
|
|
3571
|
+
v[E] = F;
|
|
3572
|
+
const K = e.fields.find((Y) => Y.key === E);
|
|
3573
|
+
K && k(K);
|
|
3572
3574
|
}
|
|
3573
|
-
function k() {
|
|
3574
|
-
|
|
3575
|
-
n("search", { data: K, raw: R });
|
|
3575
|
+
function k(E) {
|
|
3576
|
+
n("field-change", E, v[E.key]), n("update:modelValue", { ...v }), h.includes(E.type) && X();
|
|
3576
3577
|
}
|
|
3577
3578
|
function A() {
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
(K == null ? void 0 : K.type) === "daterange" ? y[W] = { startDate: null, endDate: null } : (K == null ? void 0 : K.type) === "date" ? y[W] = null : y[W] = "";
|
|
3581
|
-
}), n("reset"), n("update:modelValue", { ...y });
|
|
3579
|
+
const E = ie(v), F = G(E), K = { ...v };
|
|
3580
|
+
n("search", { data: F, raw: K });
|
|
3582
3581
|
}
|
|
3583
3582
|
function U() {
|
|
3584
|
-
|
|
3583
|
+
Object.keys(v).forEach((E) => {
|
|
3584
|
+
const F = e.fields.find((K) => K.key === E);
|
|
3585
|
+
(F == null ? void 0 : F.type) === "daterange" ? v[E] = { startDate: null, endDate: null } : (F == null ? void 0 : F.type) === "date" ? v[E] = null : v[E] = "";
|
|
3586
|
+
}), n("reset"), n("update:modelValue", { ...v });
|
|
3585
3587
|
}
|
|
3586
|
-
function P(
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3588
|
+
function P() {
|
|
3589
|
+
g.value = !g.value;
|
|
3590
|
+
}
|
|
3591
|
+
function V(E) {
|
|
3592
|
+
return E.type !== "input" ? {} : {
|
|
3593
|
+
enter: () => Z(),
|
|
3594
|
+
paste: () => Z()
|
|
3590
3595
|
};
|
|
3591
3596
|
}
|
|
3592
|
-
async function
|
|
3593
|
-
await
|
|
3597
|
+
async function Z() {
|
|
3598
|
+
await re(), A();
|
|
3594
3599
|
}
|
|
3595
|
-
function
|
|
3600
|
+
function X() {
|
|
3596
3601
|
S && clearTimeout(S), S = setTimeout(() => {
|
|
3597
|
-
S = void 0,
|
|
3602
|
+
S = void 0, re().then(() => A());
|
|
3598
3603
|
}, 0);
|
|
3599
3604
|
}
|
|
3600
|
-
function
|
|
3601
|
-
const
|
|
3602
|
-
return Object.keys(
|
|
3603
|
-
const
|
|
3605
|
+
function ie(E) {
|
|
3606
|
+
const F = {};
|
|
3607
|
+
return Object.keys(E).forEach((K) => {
|
|
3608
|
+
const Y = e.fields.find((pe) => pe.key === K), ne = E[K], Q = typeof ne == "string" ? ne.trim() : ne;
|
|
3604
3609
|
if (!(Q == null || Q === "")) {
|
|
3605
3610
|
if (typeof Q == "object" && Q.startDate && Q.endDate) {
|
|
3606
|
-
Q.startDate && Q.endDate && (K
|
|
3611
|
+
Q.startDate && Q.endDate && (F[K] = Q);
|
|
3607
3612
|
return;
|
|
3608
3613
|
}
|
|
3609
|
-
if (
|
|
3610
|
-
Q !== 0 && (K
|
|
3614
|
+
if (Y && (Y.type === "date" || Y.type === "daterange")) {
|
|
3615
|
+
Q !== 0 && (F[K] = Q);
|
|
3611
3616
|
return;
|
|
3612
3617
|
}
|
|
3613
|
-
K
|
|
3618
|
+
F[K] = Q;
|
|
3614
3619
|
}
|
|
3615
|
-
}),
|
|
3616
|
-
}
|
|
3617
|
-
function
|
|
3618
|
-
const
|
|
3619
|
-
return Object.keys(
|
|
3620
|
-
const
|
|
3621
|
-
if (
|
|
3622
|
-
if (
|
|
3623
|
-
const Q =
|
|
3624
|
-
|
|
3625
|
-
} else
|
|
3620
|
+
}), F;
|
|
3621
|
+
}
|
|
3622
|
+
function G(E) {
|
|
3623
|
+
const F = {};
|
|
3624
|
+
return Object.keys(E).forEach((K) => {
|
|
3625
|
+
const Y = E[K], ne = e.fields.find((Q) => Q.key === K);
|
|
3626
|
+
if (ne)
|
|
3627
|
+
if (ne.type === "daterange" && typeof Y == "object") {
|
|
3628
|
+
const Q = ne.startKey || `${K}Start`, pe = ne.endKey || `${K}End`;
|
|
3629
|
+
Y.startDate && Y.endDate && Y.startDate !== 0 && Y.endDate !== 0 && (ne.format === "timestamp" ? (F[Q] = new Date(Y.startDate).getTime(), F[pe] = new Date(Y.endDate).getTime()) : (F[Q] = Y.startDate, F[pe] = Y.endDate));
|
|
3630
|
+
} else ne.type === "date" && Y && Y !== 0 && ne.format === "timestamp" ? F[K] = new Date(Y).getTime() : F[K] = Y;
|
|
3626
3631
|
else
|
|
3627
|
-
K
|
|
3628
|
-
}),
|
|
3632
|
+
F[K] = Y;
|
|
3633
|
+
}), F;
|
|
3629
3634
|
}
|
|
3630
|
-
function
|
|
3631
|
-
e.fields.forEach((
|
|
3632
|
-
var
|
|
3633
|
-
|
|
3635
|
+
function de() {
|
|
3636
|
+
e.fields.forEach((E) => {
|
|
3637
|
+
var F, K, Y;
|
|
3638
|
+
v[E.key] === void 0 && (E.type === "daterange" ? v[E.key] = ((F = e.modelValue) == null ? void 0 : F[E.key]) || {
|
|
3634
3639
|
startDate: null,
|
|
3635
3640
|
endDate: null
|
|
3636
|
-
} :
|
|
3641
|
+
} : E.type === "date" ? v[E.key] = ((K = e.modelValue) == null ? void 0 : K[E.key]) || null : v[E.key] = ((Y = e.modelValue) == null ? void 0 : Y[E.key]) || "");
|
|
3637
3642
|
});
|
|
3638
3643
|
}
|
|
3639
3644
|
return ae(
|
|
3640
3645
|
() => e.modelValue,
|
|
3641
|
-
(
|
|
3642
|
-
|
|
3646
|
+
(E) => {
|
|
3647
|
+
E && Object.assign(v, E);
|
|
3643
3648
|
},
|
|
3644
3649
|
{ deep: !0, immediate: !0 }
|
|
3645
3650
|
), Ce(() => {
|
|
3646
|
-
|
|
3651
|
+
de();
|
|
3647
3652
|
}), Ge(() => {
|
|
3648
3653
|
S && (clearTimeout(S), S = void 0);
|
|
3649
|
-
}), (
|
|
3654
|
+
}), (E, F) => (s(), u("div", ko, [
|
|
3650
3655
|
l("div", xo, [
|
|
3651
3656
|
l("div", $o, [
|
|
3652
3657
|
l("div", Do, [
|
|
@@ -3656,56 +3661,62 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3656
3661
|
class: "query-encapsulation__fields-group"
|
|
3657
3662
|
}, {
|
|
3658
3663
|
default: he(() => [
|
|
3659
|
-
(s(!0), u(
|
|
3660
|
-
key:
|
|
3664
|
+
(s(!0), u(ce, null, ge(B.value, (K) => (s(), u("div", {
|
|
3665
|
+
key: K.key,
|
|
3661
3666
|
class: "query-encapsulation__field-item"
|
|
3662
3667
|
}, [
|
|
3663
|
-
|
|
3664
|
-
|
|
3665
|
-
|
|
3666
|
-
|
|
3667
|
-
|
|
3668
|
-
|
|
3669
|
-
|
|
3670
|
-
|
|
3671
|
-
|
|
3672
|
-
|
|
3673
|
-
|
|
3674
|
-
|
|
3675
|
-
|
|
3676
|
-
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3668
|
+
ue(E.$slots, `field-${K.key}`, {
|
|
3669
|
+
field: K,
|
|
3670
|
+
value: v[K.key],
|
|
3671
|
+
updateValue: (Y) => w(K.key, Y)
|
|
3672
|
+
}, () => [
|
|
3673
|
+
l("div", Co, [
|
|
3674
|
+
t.Iflabel ? (s(), u("label", _o, se(K.label), 1)) : R("", !0),
|
|
3675
|
+
(s(), Ie(ut(m(K.type)), dt({
|
|
3676
|
+
modelValue: v[K.key],
|
|
3677
|
+
"onUpdate:modelValue": (Y) => v[K.key] = Y,
|
|
3678
|
+
placeholder: K.placeholder || `请输入${K.label}`,
|
|
3679
|
+
options: K.options,
|
|
3680
|
+
clearable: K.clearable !== !1,
|
|
3681
|
+
size: K.size || "small",
|
|
3682
|
+
width: K.width || "180px",
|
|
3683
|
+
format: K.format || "timestamp",
|
|
3684
|
+
"include-time": K.includeTime || !1,
|
|
3685
|
+
filterable: K.filterable === !0
|
|
3686
|
+
}, ct(V(K)), {
|
|
3687
|
+
onInput: (Y) => k(K),
|
|
3688
|
+
onChange: (Y) => k(K)
|
|
3689
|
+
}), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder", "options", "clearable", "size", "width", "format", "include-time", "filterable", "onInput", "onChange"]))
|
|
3690
|
+
])
|
|
3691
|
+
], !0)
|
|
3681
3692
|
]))), 128))
|
|
3682
3693
|
]),
|
|
3683
|
-
_:
|
|
3694
|
+
_: 3
|
|
3684
3695
|
}),
|
|
3685
3696
|
x.value ? (s(), u("div", So, [
|
|
3686
3697
|
ve(Ne, {
|
|
3687
3698
|
variant: "secondary",
|
|
3688
3699
|
size: "small",
|
|
3689
|
-
onClick:
|
|
3700
|
+
onClick: P
|
|
3690
3701
|
}, {
|
|
3691
3702
|
default: he(() => [
|
|
3692
|
-
De(se(
|
|
3703
|
+
De(se(g.value ? "收起" : "展开") + " ", 1),
|
|
3693
3704
|
l("span", {
|
|
3694
|
-
class:
|
|
3705
|
+
class: H(["query-encapsulation__toggle-icon", { "is-expanded": g.value }])
|
|
3695
3706
|
}, "▼", 2)
|
|
3696
3707
|
]),
|
|
3697
3708
|
_: 1
|
|
3698
3709
|
})
|
|
3699
|
-
])) :
|
|
3710
|
+
])) : R("", !0),
|
|
3700
3711
|
l("div", Io, [
|
|
3701
3712
|
l("div", Lo, [
|
|
3702
3713
|
ve(Ne, {
|
|
3703
3714
|
variant: "primary",
|
|
3704
3715
|
size: "small",
|
|
3705
|
-
onClick:
|
|
3716
|
+
onClick: A,
|
|
3706
3717
|
loading: t.loading
|
|
3707
3718
|
}, {
|
|
3708
|
-
default: he(() => [...
|
|
3719
|
+
default: he(() => [...F[0] || (F[0] = [
|
|
3709
3720
|
De(" 搜索 ", -1)
|
|
3710
3721
|
])]),
|
|
3711
3722
|
_: 1
|
|
@@ -3713,15 +3724,15 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3713
3724
|
ve(Ne, {
|
|
3714
3725
|
variant: "secondary",
|
|
3715
3726
|
size: "small",
|
|
3716
|
-
onClick:
|
|
3727
|
+
onClick: U,
|
|
3717
3728
|
loading: t.loading
|
|
3718
3729
|
}, {
|
|
3719
|
-
default: he(() => [...
|
|
3730
|
+
default: he(() => [...F[1] || (F[1] = [
|
|
3720
3731
|
De(" 重置 ", -1)
|
|
3721
3732
|
])]),
|
|
3722
3733
|
_: 1
|
|
3723
3734
|
}, 8, ["loading"]),
|
|
3724
|
-
|
|
3735
|
+
ue(E.$slots, "extra-actions", {}, void 0, !0)
|
|
3725
3736
|
])
|
|
3726
3737
|
])
|
|
3727
3738
|
])
|
|
@@ -3729,7 +3740,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3729
3740
|
])
|
|
3730
3741
|
]));
|
|
3731
3742
|
}
|
|
3732
|
-
}), Eo = /* @__PURE__ */
|
|
3743
|
+
}), Eo = /* @__PURE__ */ be(Mo, [["__scopeId", "data-v-73456475"]]), Bo = {
|
|
3733
3744
|
key: 0,
|
|
3734
3745
|
width: "16",
|
|
3735
3746
|
height: "16",
|
|
@@ -3747,7 +3758,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3747
3758
|
height: "16",
|
|
3748
3759
|
viewBox: "0 0 24 24",
|
|
3749
3760
|
fill: "none"
|
|
3750
|
-
}, Ko = ["textContent"], Ho = /* @__PURE__ */
|
|
3761
|
+
}, Ko = ["textContent"], Ho = /* @__PURE__ */ we({
|
|
3751
3762
|
__name: "ymessageToast",
|
|
3752
3763
|
props: {
|
|
3753
3764
|
id: {},
|
|
@@ -3760,35 +3771,35 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3760
3771
|
onClose: {}
|
|
3761
3772
|
},
|
|
3762
3773
|
setup(t) {
|
|
3763
|
-
const D = t, e =
|
|
3774
|
+
const D = t, e = z(!1);
|
|
3764
3775
|
let n;
|
|
3765
3776
|
Ce(() => {
|
|
3766
3777
|
requestAnimationFrame(() => {
|
|
3767
|
-
e.value = !0, D.duration && D.duration > 0 && (n = window.setTimeout(() =>
|
|
3778
|
+
e.value = !0, D.duration && D.duration > 0 && (n = window.setTimeout(() => g(), D.duration));
|
|
3768
3779
|
});
|
|
3769
3780
|
}), Ge(() => {
|
|
3770
3781
|
n && window.clearTimeout(n);
|
|
3771
3782
|
});
|
|
3772
|
-
function
|
|
3783
|
+
function g() {
|
|
3773
3784
|
e.value = !1;
|
|
3774
3785
|
}
|
|
3775
|
-
function
|
|
3776
|
-
var
|
|
3777
|
-
(
|
|
3786
|
+
function v() {
|
|
3787
|
+
var h;
|
|
3788
|
+
(h = D.onClose) == null || h.call(D, D.id);
|
|
3778
3789
|
}
|
|
3779
|
-
return (
|
|
3790
|
+
return (h, S) => (s(), Ie($e, {
|
|
3780
3791
|
name: "y-msg-fade",
|
|
3781
|
-
onAfterLeave:
|
|
3792
|
+
onAfterLeave: v
|
|
3782
3793
|
}, {
|
|
3783
3794
|
default: he(() => [
|
|
3784
3795
|
Ee(l("div", {
|
|
3785
|
-
class:
|
|
3786
|
-
style:
|
|
3796
|
+
class: H(["y-msg", [`y-msg--${t.type}`]]),
|
|
3797
|
+
style: fe({ zIndex: t.zIndex }),
|
|
3787
3798
|
role: "status",
|
|
3788
3799
|
"aria-live": "polite"
|
|
3789
3800
|
}, [
|
|
3790
3801
|
l("span", {
|
|
3791
|
-
class:
|
|
3802
|
+
class: H(["y-msg__icon", `y-msg__icon--${t.type}`]),
|
|
3792
3803
|
"aria-hidden": "true"
|
|
3793
3804
|
}, [
|
|
3794
3805
|
t.type === "success" ? (s(), u("svg", Bo, [...S[0] || (S[0] = [
|
|
@@ -3825,8 +3836,8 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3825
3836
|
key: 0,
|
|
3826
3837
|
class: "y-msg__close",
|
|
3827
3838
|
type: "button",
|
|
3828
|
-
onClick:
|
|
3829
|
-
}, "✕")) :
|
|
3839
|
+
onClick: g
|
|
3840
|
+
}, "✕")) : R("", !0)
|
|
3830
3841
|
], 6), [
|
|
3831
3842
|
[Ke, e.value]
|
|
3832
3843
|
])
|
|
@@ -3834,7 +3845,7 @@ const ft = ["type", "disabled", "aria-busy", "aria-disabled"], vt = { class: "co
|
|
|
3834
3845
|
_: 1
|
|
3835
3846
|
}));
|
|
3836
3847
|
}
|
|
3837
|
-
}), Ro = /* @__PURE__ */
|
|
3848
|
+
}), Ro = /* @__PURE__ */ be(Ho, [["__scopeId", "data-v-c5dc221c"]]);
|
|
3838
3849
|
let Ao = 1;
|
|
3839
3850
|
const Ze = 12, Se = [];
|
|
3840
3851
|
function Wo() {
|
|
@@ -3844,21 +3855,21 @@ function Wo() {
|
|
|
3844
3855
|
}), t;
|
|
3845
3856
|
}
|
|
3846
3857
|
function Je(t) {
|
|
3847
|
-
const D = Se.findIndex((
|
|
3858
|
+
const D = Se.findIndex((v) => v.id === t);
|
|
3848
3859
|
if (D === -1) return;
|
|
3849
3860
|
const { el: e } = Se[D], n = e.firstElementChild;
|
|
3850
3861
|
if (n) {
|
|
3851
|
-
const
|
|
3852
|
-
n.style.top =
|
|
3862
|
+
const v = window.getComputedStyle(n).top;
|
|
3863
|
+
n.style.top = v, n.classList.add("is-leaving"), n.style.willChange = "opacity, transform";
|
|
3853
3864
|
}
|
|
3854
3865
|
Se[D].leaving = !0, je(), setTimeout(() => {
|
|
3855
3866
|
et(null, e), e.parentNode && e.parentNode.removeChild(e);
|
|
3856
|
-
const
|
|
3857
|
-
|
|
3867
|
+
const v = Se.findIndex((h) => h.id === t);
|
|
3868
|
+
v !== -1 && Se.splice(v, 1), je();
|
|
3858
3869
|
}, 260);
|
|
3859
3870
|
}
|
|
3860
3871
|
function Ue(t) {
|
|
3861
|
-
var
|
|
3872
|
+
var v;
|
|
3862
3873
|
const D = Ao++, e = document.createElement("div");
|
|
3863
3874
|
document.body.appendChild(e);
|
|
3864
3875
|
const n = ve(Ro, {
|
|
@@ -3869,14 +3880,14 @@ function Ue(t) {
|
|
|
3869
3880
|
offset: Wo(),
|
|
3870
3881
|
zIndex: 3e3 + D,
|
|
3871
3882
|
closable: t.closable ?? !1,
|
|
3872
|
-
onClose: (
|
|
3883
|
+
onClose: (h) => Je(h)
|
|
3873
3884
|
});
|
|
3874
3885
|
et(n, e);
|
|
3875
|
-
const
|
|
3876
|
-
return Se.push({ id: D, el: e, vm: n, height:
|
|
3877
|
-
const
|
|
3878
|
-
if (!
|
|
3879
|
-
const S =
|
|
3886
|
+
const g = ((v = e.firstElementChild) == null ? void 0 : v.offsetHeight) || 0;
|
|
3887
|
+
return Se.push({ id: D, el: e, vm: n, height: g, leaving: !1 }), je(), requestAnimationFrame(() => {
|
|
3888
|
+
const h = e.firstElementChild;
|
|
3889
|
+
if (!h) return;
|
|
3890
|
+
const S = h.offsetHeight || g || 0, C = Se.find((B) => B.id === D);
|
|
3880
3891
|
C && (C.height = S, je());
|
|
3881
3892
|
}), { close: () => Je(D) };
|
|
3882
3893
|
}
|
|
@@ -3901,8 +3912,8 @@ function je() {
|
|
|
3901
3912
|
if (e.style.transform = `translate(-50%, ${n}px)`, e.style.top || (e.style.top = "0px"), !D.leaving)
|
|
3902
3913
|
t += (e.offsetHeight || D.height) + Ze;
|
|
3903
3914
|
else {
|
|
3904
|
-
const
|
|
3905
|
-
t +=
|
|
3915
|
+
const g = e.offsetHeight || D.height;
|
|
3916
|
+
t += g + Ze;
|
|
3906
3917
|
}
|
|
3907
3918
|
});
|
|
3908
3919
|
}
|