@nhdropshipping/y-components 1.0.86 → 1.0.88
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/ytable.vue.d.ts +6 -0
- package/dist/components/ytable.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 +1106 -1095
- 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 _e, computed as _, createElementBlock as p, openBlock as d, normalizeClass as Z, createElementVNode as
|
|
1
|
+
import { defineComponent as _e, computed as _, createElementBlock as p, openBlock as d, normalizeClass as Z, createElementVNode as s, renderSlot as ke, Fragment as Se, renderList as Be, createCommentVNode as V, toDisplayString as we, ref as I, watch as ge, normalizeStyle as be, withKeys as Ke, provide as Le, nextTick as oe, onMounted as Fe, onUnmounted as Oe, resolveComponent as nt, createVNode as Ie, Transition as Ve, withCtx as $e, createTextVNode as We, createBlock as Pe, withModifiers as me, withDirectives as je, vModelText as Lt, Teleport as Xe, vShow as Ze, inject as Ee, unref as lt, mergeProps as ht, reactive as Et, onActivated as Ht, onBeforeUnmount as Ct, TransitionGroup as Bt, resolveDynamicComponent as _t, toHandlers as zt, render as xt, onUpdated as Nt } from "vue";
|
|
2
2
|
const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "content" }, Rt = {
|
|
3
3
|
key: 1,
|
|
4
4
|
class: "y-btn-group",
|
|
@@ -48,16 +48,16 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
48
48
|
default:
|
|
49
49
|
return "group-pos-single";
|
|
50
50
|
}
|
|
51
|
-
}),
|
|
52
|
-
function S($,
|
|
51
|
+
}), i = _(() => Array.isArray(e.groupItems) && e.groupItems.length > 0);
|
|
52
|
+
function S($, M) {
|
|
53
53
|
if (e.disabled || e.loading || $.disabled || $.loading) {
|
|
54
|
-
|
|
54
|
+
M.preventDefault(), M.stopPropagation();
|
|
55
55
|
return;
|
|
56
56
|
}
|
|
57
|
-
l("group-click", $.value,
|
|
57
|
+
l("group-click", $.value, M);
|
|
58
58
|
}
|
|
59
|
-
return ($,
|
|
60
|
-
(d(!0), p(Se, null,
|
|
59
|
+
return ($, M) => i.value ? (d(), p("div", Rt, [
|
|
60
|
+
(d(!0), p(Se, null, Be(t.groupItems, (C, c) => {
|
|
61
61
|
var g;
|
|
62
62
|
return d(), p("button", {
|
|
63
63
|
key: C.value ?? c,
|
|
@@ -75,21 +75,21 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
75
75
|
"aria-label": C.ariaLabel || C.label,
|
|
76
76
|
onClick: (x) => S(C, x)
|
|
77
77
|
}, [
|
|
78
|
-
|
|
79
|
-
C.icon === "chevron-left" ? (d(), p("svg", Pt, [...
|
|
80
|
-
|
|
78
|
+
s("span", At, [
|
|
79
|
+
C.icon === "chevron-left" ? (d(), p("svg", Pt, [...M[0] || (M[0] = [
|
|
80
|
+
s("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
|
-
])])) : C.icon === "chevron-right" ? (d(), p("svg", Yt, [...
|
|
86
|
-
|
|
85
|
+
])])) : C.icon === "chevron-right" ? (d(), p("svg", Yt, [...M[1] || (M[1] = [
|
|
86
|
+
s("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
|
-
C.label && !C.onlyIcon ? (d(), p("span", Ft, we(C.label), 1)) :
|
|
91
|
+
])])) : V("", !0),
|
|
92
|
+
C.label && !C.onlyIcon ? (d(), p("span", Ft, we(C.label), 1)) : V("", !0)
|
|
93
93
|
])
|
|
94
94
|
], 10, Vt);
|
|
95
95
|
}), 128))
|
|
@@ -108,8 +108,8 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
108
108
|
"aria-disabled": t.disabled || t.loading ? "true" : "false",
|
|
109
109
|
onClick: m
|
|
110
110
|
}, [
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
s("span", Wt, [
|
|
112
|
+
ke($.$slots, "default", {}, void 0, !0)
|
|
113
113
|
])
|
|
114
114
|
], 10, Kt));
|
|
115
115
|
}
|
|
@@ -153,22 +153,22 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
153
153
|
},
|
|
154
154
|
emits: ["update:modelValue", "enter", "paste"],
|
|
155
155
|
setup(t, { emit: f }) {
|
|
156
|
-
const e = t, l = f, m =
|
|
156
|
+
const e = t, l = f, m = I(null), h = I(""), i = I(!1), S = I(!1), $ = I(e.placeholder || ""), M = I(!1), C = _(() => e.type === "password"), c = _(() => e.type === "password" && M.value ? "text" : e.type);
|
|
157
157
|
function g() {
|
|
158
|
-
|
|
158
|
+
M.value = !M.value;
|
|
159
159
|
}
|
|
160
160
|
ge(() => e.placeholder, (z) => {
|
|
161
161
|
S.value || ($.value = z || "");
|
|
162
162
|
});
|
|
163
163
|
function x(z) {
|
|
164
164
|
const j = z.target;
|
|
165
|
-
|
|
165
|
+
i.value = !0, l("update:modelValue", j.value);
|
|
166
166
|
}
|
|
167
|
-
function
|
|
168
|
-
S.value = !0, e.clearOnFocus && (h.value = e.modelValue || "",
|
|
167
|
+
function H() {
|
|
168
|
+
S.value = !0, e.clearOnFocus && (h.value = e.modelValue || "", i.value = !1, $.value = h.value || e.placeholder || "", l("update:modelValue", ""));
|
|
169
169
|
}
|
|
170
170
|
function W() {
|
|
171
|
-
if (S.value = !1, e.clearOnFocus && !
|
|
171
|
+
if (S.value = !1, e.clearOnFocus && !i.value && (!e.modelValue || e.modelValue === "") && l("update:modelValue", h.value), e.min !== void 0 && e.modelValue !== void 0 && e.modelValue !== "") {
|
|
172
172
|
const z = Number(e.modelValue), j = Number(e.min);
|
|
173
173
|
!Number.isNaN(z) && !Number.isNaN(j) && z < j && l("update:modelValue", String(j));
|
|
174
174
|
}
|
|
@@ -188,7 +188,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
188
188
|
class: Z(["y-input-wrap", { "is-block": t.block, "has-password-toggle": C.value }]),
|
|
189
189
|
style: be({ width: t.width })
|
|
190
190
|
}, [
|
|
191
|
-
|
|
191
|
+
s("input", {
|
|
192
192
|
ref_key: "inputRef",
|
|
193
193
|
ref: m,
|
|
194
194
|
class: Z(["y-input", `y-input--${t.size}`]),
|
|
@@ -204,7 +204,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
204
204
|
required: t.required,
|
|
205
205
|
value: t.modelValue,
|
|
206
206
|
onInput: x,
|
|
207
|
-
onFocus:
|
|
207
|
+
onFocus: H,
|
|
208
208
|
onBlur: W,
|
|
209
209
|
onKeyup: Ke(R, ["enter"]),
|
|
210
210
|
onPaste: D
|
|
@@ -216,23 +216,23 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
216
216
|
onClick: g,
|
|
217
217
|
tabindex: "-1"
|
|
218
218
|
}, [
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
219
|
+
M.value ? (d(), p("svg", qt, [...j[0] || (j[0] = [
|
|
220
|
+
s("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }, null, -1),
|
|
221
|
+
s("circle", {
|
|
222
222
|
cx: "12",
|
|
223
223
|
cy: "12",
|
|
224
224
|
r: "3"
|
|
225
225
|
}, null, -1)
|
|
226
226
|
])])) : (d(), p("svg", Ut, [...j[1] || (j[1] = [
|
|
227
|
-
|
|
228
|
-
|
|
227
|
+
s("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }, null, -1),
|
|
228
|
+
s("line", {
|
|
229
229
|
x1: "1",
|
|
230
230
|
y1: "1",
|
|
231
231
|
x2: "23",
|
|
232
232
|
y2: "23"
|
|
233
233
|
}, null, -1)
|
|
234
234
|
])]))
|
|
235
|
-
], 2)) :
|
|
235
|
+
], 2)) : V("", !0)
|
|
236
236
|
], 6));
|
|
237
237
|
}
|
|
238
238
|
}), Dt = /* @__PURE__ */ ze(Gt, [["__scopeId", "data-v-e954aa01"]]), Zt = {
|
|
@@ -253,37 +253,40 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
253
253
|
fill: "none",
|
|
254
254
|
xmlns: "http://www.w3.org/2000/svg",
|
|
255
255
|
class: "toggle-icon"
|
|
256
|
-
}, al = {
|
|
256
|
+
}, al = {
|
|
257
|
+
key: 1,
|
|
258
|
+
class: "selected-header-floating"
|
|
259
|
+
}, ol = { class: "table" }, sl = {
|
|
257
260
|
key: 0,
|
|
258
261
|
style: { width: "34px", "min-width": "34px" }
|
|
259
|
-
},
|
|
262
|
+
}, il = {
|
|
260
263
|
key: 1,
|
|
261
264
|
style: { width: "60px", "min-width": "60px" }
|
|
262
|
-
},
|
|
265
|
+
}, rl = {
|
|
263
266
|
key: 0,
|
|
264
267
|
class: "col-expand"
|
|
265
|
-
},
|
|
268
|
+
}, ul = {
|
|
266
269
|
key: 1,
|
|
267
270
|
class: "col-select"
|
|
268
|
-
},
|
|
271
|
+
}, dl = { class: "select-header" }, cl = ["checked", "indeterminate", "disabled"], fl = {
|
|
269
272
|
key: 0,
|
|
270
273
|
class: "select-count"
|
|
271
|
-
},
|
|
274
|
+
}, vl = ["colspan"], hl = { class: "selected-header-wrapper" }, gl = {
|
|
272
275
|
key: 0,
|
|
273
276
|
class: "loading-overlay"
|
|
274
|
-
},
|
|
277
|
+
}, pl = {
|
|
275
278
|
key: 1,
|
|
276
279
|
class: "empty-overlay"
|
|
277
|
-
},
|
|
280
|
+
}, yl = {
|
|
278
281
|
key: 0,
|
|
279
282
|
style: { width: "34px", "min-width": "34px" }
|
|
280
|
-
},
|
|
283
|
+
}, ml = {
|
|
281
284
|
key: 1,
|
|
282
285
|
style: { width: "60px", "min-width": "60px" }
|
|
283
|
-
},
|
|
286
|
+
}, wl = ["onClick"], bl = {
|
|
284
287
|
key: 0,
|
|
285
288
|
class: "col-expand"
|
|
286
|
-
},
|
|
289
|
+
}, kl = ["onClick"], Cl = ["value", "checked", "disabled", "onChange"], xl = ["colspan"], Dl = /* @__PURE__ */ _e({
|
|
287
290
|
__name: "ytable",
|
|
288
291
|
props: {
|
|
289
292
|
data: {},
|
|
@@ -310,243 +313,244 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
310
313
|
rowDisabled: { type: Function, default: void 0 },
|
|
311
314
|
selectedItems: { default: void 0 },
|
|
312
315
|
rowSelectable: { type: Boolean, default: !1 },
|
|
313
|
-
requireDeselectBeforeSelect: { type: Boolean, default: !0 }
|
|
316
|
+
requireDeselectBeforeSelect: { type: Boolean, default: !0 },
|
|
317
|
+
selectedHeaderFloat: { type: Boolean, default: !1 }
|
|
314
318
|
},
|
|
315
319
|
emits: ["edit", "select", "update:selectedItems", "page-change", "page-size-change", "row-click"],
|
|
316
320
|
setup(t, { emit: f }) {
|
|
317
|
-
const e = t, l = f, m =
|
|
321
|
+
const e = t, l = f, m = I(e.currentPage || 1), h = I(e.pageSize), i = I(e.selectedItems || []), S = I([]), $ = I(/* @__PURE__ */ new Set()), M = I("none"), C = I(), c = I(), g = I(), x = I(), H = I([]), W = I({}), R = I(35), D = I(/* @__PURE__ */ new Set()), z = _(() => D.value.size > 0), j = _(() => {
|
|
318
322
|
if (ve.value, D.value.size === 0) return !1;
|
|
319
|
-
let
|
|
323
|
+
let o = 0;
|
|
320
324
|
return D.value.forEach((v) => {
|
|
321
|
-
v && v.isExpanded &&
|
|
322
|
-
}),
|
|
325
|
+
v && v.isExpanded && o++;
|
|
326
|
+
}), o === D.value.size;
|
|
323
327
|
});
|
|
324
328
|
_(() => {
|
|
325
329
|
if (ve.value, D.value.size === 0) return !0;
|
|
326
|
-
let
|
|
330
|
+
let o = 0;
|
|
327
331
|
return D.value.forEach((v) => {
|
|
328
|
-
v && !v.isExpanded &&
|
|
329
|
-
}),
|
|
332
|
+
v && !v.isExpanded && o++;
|
|
333
|
+
}), o === D.value.size;
|
|
330
334
|
});
|
|
331
|
-
function ye(
|
|
332
|
-
D.value.add(
|
|
335
|
+
function ye(o) {
|
|
336
|
+
D.value.add(o);
|
|
333
337
|
}
|
|
334
|
-
function de(
|
|
335
|
-
D.value.delete(
|
|
338
|
+
function de(o) {
|
|
339
|
+
D.value.delete(o);
|
|
336
340
|
}
|
|
337
341
|
function K() {
|
|
338
|
-
D.value.forEach((
|
|
339
|
-
|
|
342
|
+
D.value.forEach((o) => {
|
|
343
|
+
o && typeof o.collapse == "function" && o.collapse();
|
|
340
344
|
});
|
|
341
345
|
}
|
|
342
346
|
function P() {
|
|
343
|
-
D.value.forEach((
|
|
344
|
-
|
|
347
|
+
D.value.forEach((o) => {
|
|
348
|
+
o && typeof o.expand == "function" && o.expand();
|
|
345
349
|
});
|
|
346
350
|
}
|
|
347
351
|
function fe() {
|
|
348
352
|
j.value ? K() : P();
|
|
349
353
|
}
|
|
350
|
-
const ve =
|
|
354
|
+
const ve = I(0);
|
|
351
355
|
function ce() {
|
|
352
356
|
ve.value++;
|
|
353
357
|
}
|
|
354
358
|
Le("registerHintTag", ye), Le("unregisterHintTag", de), Le("notifyHintTagStateChange", ce);
|
|
355
359
|
const ie = _(
|
|
356
|
-
() => e.columns.filter((
|
|
360
|
+
() => e.columns.filter((o) => !b(o.width)).map((o) => o.key)
|
|
357
361
|
);
|
|
358
362
|
function q() {
|
|
359
363
|
return `${(100 / (ie.value.length || 1)).toFixed(6)}%`;
|
|
360
364
|
}
|
|
361
|
-
const te =
|
|
365
|
+
const te = I(), Y = I({
|
|
362
366
|
show: !1,
|
|
363
367
|
thumbHeight: 40,
|
|
364
368
|
thumbTop: 0
|
|
365
369
|
});
|
|
366
|
-
let
|
|
367
|
-
const ae =
|
|
368
|
-
function b(
|
|
369
|
-
if (
|
|
370
|
-
if (typeof
|
|
371
|
-
return Number.isFinite(
|
|
372
|
-
const v = String(
|
|
370
|
+
let J = !1, ne = 0, U = 0;
|
|
371
|
+
const ae = I(0);
|
|
372
|
+
function b(o) {
|
|
373
|
+
if (o == null) return;
|
|
374
|
+
if (typeof o == "number")
|
|
375
|
+
return Number.isFinite(o) ? `${o}px` : void 0;
|
|
376
|
+
const v = String(o).trim();
|
|
373
377
|
if (v)
|
|
374
378
|
return /^\d+(\.\d+)?$/.test(v) ? `${v}px` : v;
|
|
375
379
|
}
|
|
376
|
-
function
|
|
377
|
-
const v = b(
|
|
380
|
+
function r(o) {
|
|
381
|
+
const v = b(o);
|
|
378
382
|
if (!v) return null;
|
|
379
383
|
const k = parseFloat(v);
|
|
380
384
|
return Number.isFinite(k) ? k : null;
|
|
381
385
|
}
|
|
382
386
|
const n = _(() => {
|
|
383
|
-
let
|
|
384
|
-
return e.selectable && (
|
|
387
|
+
let o = e.columns.length;
|
|
388
|
+
return e.selectable && (o += 1), e.expandable && (o += 1), o;
|
|
385
389
|
}), a = _(() => {
|
|
386
390
|
if (!e.searchKeyword || !e.searchFields.length)
|
|
387
391
|
return e.data;
|
|
388
|
-
const
|
|
392
|
+
const o = e.searchKeyword.toLowerCase();
|
|
389
393
|
return e.data.filter((v) => e.searchFields.some((k) => {
|
|
390
394
|
const T = he(v, k);
|
|
391
|
-
return String(T).toLowerCase().includes(
|
|
395
|
+
return String(T).toLowerCase().includes(o);
|
|
392
396
|
}));
|
|
393
397
|
}), w = _(() => (e.pagination, a.value)), N = _(() => {
|
|
394
398
|
if (!e.selectable) return !1;
|
|
395
|
-
const
|
|
396
|
-
return
|
|
397
|
-
}),
|
|
399
|
+
const o = w.value.map((v, k) => ({ key: pe(v, k), item: v, index: k })).filter(({ item: v, index: k }) => !O(v, k)).map(({ key: v }) => v);
|
|
400
|
+
return o.length > 0 && o.every((v) => i.value.includes(v));
|
|
401
|
+
}), B = _(() => {
|
|
398
402
|
if (!e.selectable || N.value) return !1;
|
|
399
|
-
const
|
|
400
|
-
if (
|
|
401
|
-
const v =
|
|
402
|
-
return v > 0 && v <
|
|
403
|
-
}),
|
|
403
|
+
const o = w.value.map((k, T) => ({ key: pe(k, T), item: k, index: T })).filter(({ item: k, index: T }) => !O(k, T)).map(({ key: k }) => k);
|
|
404
|
+
if (o.length === 0) return !1;
|
|
405
|
+
const v = o.filter((k) => i.value.includes(k)).length;
|
|
406
|
+
return v > 0 && v < o.length;
|
|
407
|
+
}), A = _(() => {
|
|
404
408
|
if (!e.selectable) return !1;
|
|
405
|
-
const
|
|
406
|
-
return
|
|
409
|
+
const o = w.value.map((v, k) => ({ item: v, index: k }));
|
|
410
|
+
return o.length > 0 && o.every(({ item: v, index: k }) => O(v, k));
|
|
407
411
|
}), ee = _(() => e.pagination ? w.value.length < h.value : !1), G = _(() => {
|
|
408
|
-
const
|
|
412
|
+
const o = [];
|
|
409
413
|
let v = e.selectable ? 60 : 0;
|
|
410
414
|
for (let k = 0; k < e.columns.length; k++) {
|
|
411
415
|
const T = e.columns[k];
|
|
412
416
|
if (T.fixed === "left") {
|
|
413
417
|
let L = 80;
|
|
414
|
-
const F =
|
|
415
|
-
F !== null ? L = F :
|
|
418
|
+
const F = r(T.width);
|
|
419
|
+
F !== null ? L = F : H.value[k] && (L = r(H.value[k]) ?? L), o.push(v), v += L;
|
|
416
420
|
}
|
|
417
421
|
}
|
|
418
|
-
return
|
|
422
|
+
return o;
|
|
419
423
|
}), re = _(() => {
|
|
420
|
-
const
|
|
424
|
+
const o = [];
|
|
421
425
|
let v = 0;
|
|
422
426
|
const k = [];
|
|
423
427
|
for (let T = e.columns.length - 1; T >= 0; T--) {
|
|
424
428
|
const L = e.columns[T];
|
|
425
429
|
if (L.fixed === "right") {
|
|
426
430
|
let F = 80;
|
|
427
|
-
const se =
|
|
428
|
-
se !== null ? F = se :
|
|
431
|
+
const se = r(L.width);
|
|
432
|
+
se !== null ? F = se : H.value[T] && (F = r(H.value[T]) ?? F), k.push({ index: T, width: F });
|
|
429
433
|
}
|
|
430
434
|
}
|
|
431
435
|
for (let T = 0; T < k.length; T++)
|
|
432
|
-
|
|
433
|
-
return
|
|
436
|
+
o.push(v), v += k[T].width;
|
|
437
|
+
return o;
|
|
434
438
|
});
|
|
435
|
-
function ue(
|
|
439
|
+
function ue(o, v) {
|
|
436
440
|
if (v === "left") {
|
|
437
441
|
let k = 0;
|
|
438
|
-
for (let T = 0; T <
|
|
442
|
+
for (let T = 0; T < o; T++)
|
|
439
443
|
e.columns[T].fixed === "left" && k++;
|
|
440
444
|
return k;
|
|
441
445
|
} else {
|
|
442
446
|
let k = 0;
|
|
443
|
-
for (let T = e.columns.length - 1; T >
|
|
447
|
+
for (let T = e.columns.length - 1; T > o; T--)
|
|
444
448
|
e.columns[T].fixed === "right" && k++;
|
|
445
449
|
return k;
|
|
446
450
|
}
|
|
447
451
|
}
|
|
448
|
-
function pe(
|
|
449
|
-
return typeof e.rowKey == "function" ? e.rowKey(
|
|
452
|
+
function pe(o, v) {
|
|
453
|
+
return typeof e.rowKey == "function" ? e.rowKey(o) : o[e.rowKey] || v;
|
|
450
454
|
}
|
|
451
|
-
function O(
|
|
452
|
-
return e.rowDisabled && typeof e.rowDisabled == "function" ? e.rowDisabled(
|
|
455
|
+
function O(o, v) {
|
|
456
|
+
return e.rowDisabled && typeof e.rowDisabled == "function" ? e.rowDisabled(o, v) : !1;
|
|
453
457
|
}
|
|
454
|
-
function
|
|
455
|
-
return $.value.has(
|
|
458
|
+
function X(o) {
|
|
459
|
+
return $.value.has(o);
|
|
456
460
|
}
|
|
457
|
-
function le(
|
|
458
|
-
$.value.has(
|
|
461
|
+
function le(o) {
|
|
462
|
+
$.value.has(o) ? $.value.delete(o) : $.value.add(o);
|
|
459
463
|
}
|
|
460
|
-
function he(
|
|
461
|
-
return v.split(".").reduce((k, T) => k == null ? void 0 : k[T],
|
|
464
|
+
function he(o, v) {
|
|
465
|
+
return v.split(".").reduce((k, T) => k == null ? void 0 : k[T], o);
|
|
462
466
|
}
|
|
463
|
-
function
|
|
467
|
+
function He(o, v = !1) {
|
|
464
468
|
const k = [];
|
|
465
|
-
return
|
|
469
|
+
return o.align && k.push(`text-${o.align}`), o.fixed === "right" && (k.push("col-fixed-right"), v && k.push("col-fixed-right-header")), o.fixed === "left" && (k.push("col-fixed-left"), v && k.push("col-fixed-left-header")), k.join(" ");
|
|
466
470
|
}
|
|
467
|
-
function De(
|
|
468
|
-
const T = {}, L = b(
|
|
471
|
+
function De(o, v, k) {
|
|
472
|
+
const T = {}, L = b(o.width);
|
|
469
473
|
if (L)
|
|
470
474
|
T.width = L, T.minWidth = L, T.maxWidth = L;
|
|
471
475
|
else {
|
|
472
476
|
const F = q();
|
|
473
477
|
T.width = F, T.minWidth = F, T.maxWidth = F;
|
|
474
478
|
}
|
|
475
|
-
if (
|
|
479
|
+
if (o.fixed === "left") {
|
|
476
480
|
const F = ue(v, "left"), se = G.value[F] || 0;
|
|
477
481
|
T.left = `${se}px`, T.zIndex = k ? `${10 + F}` : `${5 + F}`;
|
|
478
|
-
} else if (
|
|
482
|
+
} else if (o.fixed === "right") {
|
|
479
483
|
const F = ue(v, "right"), se = re.value[F] || 0;
|
|
480
484
|
k ? T.right = `${se - 3}px` : T.right = `${se}px`, T.zIndex = k ? `${10 + F}` : `${5 + F}`;
|
|
481
485
|
}
|
|
482
486
|
return T;
|
|
483
487
|
}
|
|
484
|
-
function u(
|
|
485
|
-
const k = he(
|
|
486
|
-
return v.formatter ? v.formatter(k,
|
|
488
|
+
function u(o, v) {
|
|
489
|
+
const k = he(o, v.key);
|
|
490
|
+
return v.formatter ? v.formatter(k, o) : k || "";
|
|
487
491
|
}
|
|
488
|
-
function y(
|
|
489
|
-
const v = w.value.find((T, L) => pe(T, L) ===
|
|
490
|
-
v && k >= 0 && O(v, k) || (
|
|
492
|
+
function y(o) {
|
|
493
|
+
const v = w.value.find((T, L) => pe(T, L) === o), k = w.value.findIndex((T, L) => pe(T, L) === o);
|
|
494
|
+
v && k >= 0 && O(v, k) || (i.value.includes(o) ? i.value = i.value.filter((T) => T !== o) : i.value = [...i.value, o], l("select", i.value), l("update:selectedItems", i.value));
|
|
491
495
|
}
|
|
492
496
|
function E() {
|
|
493
|
-
const
|
|
494
|
-
if (
|
|
495
|
-
if (
|
|
496
|
-
|
|
497
|
+
const o = w.value.map((v, k) => ({ key: pe(v, k), item: v, index: k })).filter(({ item: v, index: k }) => !O(v, k)).map(({ key: v }) => v);
|
|
498
|
+
if (o.length !== 0) {
|
|
499
|
+
if (o.every((v) => i.value.includes(v)))
|
|
500
|
+
i.value = i.value.filter((v) => !o.includes(v));
|
|
497
501
|
else {
|
|
498
|
-
const v = /* @__PURE__ */ new Set([...
|
|
499
|
-
|
|
502
|
+
const v = /* @__PURE__ */ new Set([...i.value, ...o]);
|
|
503
|
+
i.value = Array.from(v);
|
|
500
504
|
}
|
|
501
|
-
l("select",
|
|
505
|
+
l("select", i.value), l("update:selectedItems", i.value);
|
|
502
506
|
}
|
|
503
507
|
}
|
|
504
|
-
function
|
|
505
|
-
|
|
508
|
+
function Q() {
|
|
509
|
+
i.value = [], l("select", i.value), l("update:selectedItems", i.value);
|
|
506
510
|
}
|
|
507
|
-
function
|
|
511
|
+
function Ce(o, v) {
|
|
508
512
|
if (!e.rowSelectable) return;
|
|
509
|
-
const k = pe(
|
|
510
|
-
O(
|
|
513
|
+
const k = pe(o, v);
|
|
514
|
+
O(o, v) || (e.requireDeselectBeforeSelect ? S.value.includes(k) ? (S.value = S.value.filter((T) => T !== k), l("row-click", o, null)) : (S.value = [...S.value, k], l("row-click", o, k)) : S.value.includes(k) ? (S.value = [], l("row-click", o, null)) : (S.value = [k], l("row-click", o, k)));
|
|
511
515
|
}
|
|
512
|
-
function
|
|
516
|
+
function xe(o, v) {
|
|
513
517
|
if (!e.rowSelectable) return !1;
|
|
514
|
-
const k = pe(
|
|
518
|
+
const k = pe(o, v);
|
|
515
519
|
return S.value.includes(k);
|
|
516
520
|
}
|
|
517
|
-
ge(() => e.selectedItems, (
|
|
518
|
-
if (
|
|
519
|
-
const v = new Set(
|
|
520
|
-
(v.size !== k.size || ![...v].every((T) => k.has(T))) && (
|
|
521
|
-
} else
|
|
521
|
+
ge(() => e.selectedItems, (o) => {
|
|
522
|
+
if (o !== void 0 && Array.isArray(o)) {
|
|
523
|
+
const v = new Set(i.value), k = new Set(o);
|
|
524
|
+
(v.size !== k.size || ![...v].every((T) => k.has(T))) && (i.value = [...o]);
|
|
525
|
+
} else o === void 0 && i.value.length > 0 && (i.value = []);
|
|
522
526
|
}, { deep: !0, immediate: !0 }), ge(() => e.searchKeyword, () => {
|
|
523
527
|
m.value = 1;
|
|
524
528
|
}), ge(() => e.data, () => {
|
|
525
529
|
e.total || (m.value = 1), e.rowSelectable && (S.value = []);
|
|
526
530
|
}, { deep: !0 });
|
|
527
|
-
function Te(
|
|
528
|
-
m.value =
|
|
531
|
+
function Te(o) {
|
|
532
|
+
m.value = o, e.rowSelectable && (S.value = []), l("page-change", o);
|
|
529
533
|
}
|
|
530
|
-
function Ae(
|
|
531
|
-
h.value =
|
|
534
|
+
function Ae(o) {
|
|
535
|
+
h.value = o, m.value = 1, e.rowSelectable && (S.value = []), l("page-size-change", o);
|
|
532
536
|
}
|
|
533
|
-
ge(() => e.currentPage, (
|
|
534
|
-
const v = typeof
|
|
537
|
+
ge(() => e.currentPage, (o) => {
|
|
538
|
+
const v = typeof o == "number" && o > 0 ? o : 1;
|
|
535
539
|
m.value !== v && (m.value = v);
|
|
536
|
-
}), ge(() => e.pageSize, (
|
|
537
|
-
const v = typeof
|
|
540
|
+
}), ge(() => e.pageSize, (o) => {
|
|
541
|
+
const v = typeof o == "number" && o > 0 ? o : 10;
|
|
538
542
|
h.value !== v && (h.value = v);
|
|
539
543
|
});
|
|
540
544
|
function qe() {
|
|
541
545
|
C.value && oe(() => {
|
|
542
|
-
const
|
|
546
|
+
const o = C.value.getBoundingClientRect(), v = window.innerHeight, k = o.top, T = C.value.querySelector(".table-header"), L = T ? T.offsetHeight : 40;
|
|
543
547
|
let F = 0;
|
|
544
548
|
if (e.pagination) {
|
|
545
549
|
const ct = C.value.querySelector(".ypagination");
|
|
546
550
|
F = ct ? ct.offsetHeight : 60;
|
|
547
551
|
}
|
|
548
552
|
const se = C.value.querySelector(".bulk-bar"), Ne = se ? se.offsetHeight : 0, st = L + F + Ne + 20, it = v - k - st, Tt = Math.max(200, it), wt = C.value.querySelector(".table-body-wrap .table");
|
|
549
|
-
wt && (wt.offsetHeight > it ?
|
|
553
|
+
wt && (wt.offsetHeight > it ? M.value = `${Tt}px` : M.value = "none");
|
|
550
554
|
});
|
|
551
555
|
}
|
|
552
556
|
let Qe = !1;
|
|
@@ -560,10 +564,10 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
560
564
|
Qe = !1;
|
|
561
565
|
}));
|
|
562
566
|
}
|
|
563
|
-
function
|
|
567
|
+
function Me() {
|
|
564
568
|
oe(() => {
|
|
565
569
|
if (!g.value) return;
|
|
566
|
-
const
|
|
570
|
+
const o = g.value, v = o.scrollHeight, k = o.clientHeight, T = o.scrollTop, L = v > k + 1;
|
|
567
571
|
if (Y.value.show = L, !L) return;
|
|
568
572
|
const F = 24, se = k / v, Ne = te.value ? te.value.clientHeight : k, Re = Math.max(F, Math.floor(Ne * se));
|
|
569
573
|
Y.value.thumbHeight = Re;
|
|
@@ -571,34 +575,34 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
571
575
|
Y.value.thumbTop = Math.min(st, Math.floor(T / it * st));
|
|
572
576
|
});
|
|
573
577
|
}
|
|
574
|
-
function Ye(
|
|
575
|
-
if (!
|
|
576
|
-
|
|
577
|
-
const v = te.value.clientHeight, k = Math.max(0, v - Y.value.thumbHeight), T = g.value, L = T.scrollHeight, F = T.clientHeight, se = Math.max(1, L - F), Re = (
|
|
578
|
-
T.scrollTop = Math.min(se, Math.max(0, U + Re)),
|
|
578
|
+
function Ye(o) {
|
|
579
|
+
if (!J || !g.value || !te.value) return;
|
|
580
|
+
o.preventDefault();
|
|
581
|
+
const v = te.value.clientHeight, k = Math.max(0, v - Y.value.thumbHeight), T = g.value, L = T.scrollHeight, F = T.clientHeight, se = Math.max(1, L - F), Re = (o.clientY - ne) / Math.max(1, k) * se;
|
|
582
|
+
T.scrollTop = Math.min(se, Math.max(0, U + Re)), Me();
|
|
579
583
|
}
|
|
580
584
|
function gt() {
|
|
581
|
-
|
|
585
|
+
J = !1, window.removeEventListener("mousemove", Ye), window.removeEventListener("mouseup", gt);
|
|
582
586
|
}
|
|
583
587
|
function pt() {
|
|
584
588
|
oe(() => {
|
|
585
589
|
var k, T;
|
|
586
|
-
if (
|
|
590
|
+
if (H.value.length === e.columns.length && H.value.every((L) => !!L))
|
|
587
591
|
return;
|
|
588
|
-
const
|
|
592
|
+
const o = [];
|
|
589
593
|
e.columns.forEach((L, F) => {
|
|
590
594
|
const se = b(L.width);
|
|
591
595
|
if (se)
|
|
592
|
-
|
|
596
|
+
o.push(se), W.value[L.key] = se;
|
|
593
597
|
else if (W.value[L.key])
|
|
594
|
-
|
|
598
|
+
o.push(W.value[L.key]);
|
|
595
599
|
else {
|
|
596
|
-
const Ne =
|
|
600
|
+
const Ne = H.value[F];
|
|
597
601
|
if (Ne)
|
|
598
|
-
|
|
602
|
+
o.push(Ne), W.value[L.key] = Ne;
|
|
599
603
|
else {
|
|
600
604
|
const Re = q();
|
|
601
|
-
|
|
605
|
+
o.push(Re), W.value[L.key] = Re;
|
|
602
606
|
}
|
|
603
607
|
}
|
|
604
608
|
});
|
|
@@ -606,23 +610,23 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
606
610
|
if (v) {
|
|
607
611
|
const L = e.selectable ? 1 : 0, F = Array.from(v.children);
|
|
608
612
|
for (let se = 0; se < e.columns.length; se++)
|
|
609
|
-
if (!
|
|
613
|
+
if (!o[se]) {
|
|
610
614
|
const Ne = F[L + se];
|
|
611
615
|
if (Ne && Ne.clientWidth > 0) {
|
|
612
616
|
const Re = `${Ne.clientWidth}px`;
|
|
613
|
-
|
|
617
|
+
o[se] = Re, W.value[e.columns[se].key] = Re;
|
|
614
618
|
} else {
|
|
615
619
|
const Re = q();
|
|
616
|
-
|
|
620
|
+
o[se] = Re, W.value[e.columns[se].key] = Re;
|
|
617
621
|
}
|
|
618
622
|
}
|
|
619
623
|
} else
|
|
620
|
-
for (let L = 0; L <
|
|
621
|
-
if (!
|
|
624
|
+
for (let L = 0; L < o.length; L++)
|
|
625
|
+
if (!o[L]) {
|
|
622
626
|
const F = W.value[((T = e.columns[L]) == null ? void 0 : T.key) || ""];
|
|
623
|
-
|
|
627
|
+
o[L] = F || H.value[L] || "80px", e.columns[L] && (W.value[e.columns[L].key] = o[L]);
|
|
624
628
|
}
|
|
625
|
-
|
|
629
|
+
H.value = o;
|
|
626
630
|
});
|
|
627
631
|
}
|
|
628
632
|
function at() {
|
|
@@ -637,24 +641,24 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
637
641
|
qe(), Je(), Ue();
|
|
638
642
|
});
|
|
639
643
|
}), ge(() => e.columns, () => {
|
|
640
|
-
const
|
|
644
|
+
const o = [], v = { ...W.value };
|
|
641
645
|
e.columns.forEach((T, L) => {
|
|
642
646
|
const F = b(T.width);
|
|
643
|
-
F ? (
|
|
647
|
+
F ? (o.push(F), v[T.key] = F) : v[T.key] ? o.push(v[T.key]) : H.value[L] ? (o.push(H.value[L]), v[T.key] = H.value[L]) : o.push("");
|
|
644
648
|
});
|
|
645
649
|
const k = new Set(e.columns.map((T) => T.key));
|
|
646
650
|
Object.keys(v).forEach((T) => {
|
|
647
651
|
k.has(T) || delete v[T];
|
|
648
|
-
}), W.value = v,
|
|
652
|
+
}), W.value = v, H.value = o, oe(() => {
|
|
649
653
|
pt(), Je(), Ue(), ot();
|
|
650
654
|
});
|
|
651
655
|
}, { deep: !0 });
|
|
652
656
|
function yt() {
|
|
653
657
|
oe(() => {
|
|
654
658
|
if (!c.value) return;
|
|
655
|
-
const
|
|
656
|
-
if (
|
|
657
|
-
const v =
|
|
659
|
+
const o = c.value.querySelector(".table");
|
|
660
|
+
if (o && i.value.length === 0) {
|
|
661
|
+
const v = o.querySelector("thead th:not(.col-select):not(.col-expand)");
|
|
658
662
|
v && v.offsetHeight > 0 && (R.value = v.offsetHeight);
|
|
659
663
|
}
|
|
660
664
|
});
|
|
@@ -662,9 +666,9 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
662
666
|
function ot() {
|
|
663
667
|
oe(() => {
|
|
664
668
|
if (!c.value) return;
|
|
665
|
-
const
|
|
666
|
-
if (!
|
|
667
|
-
const v =
|
|
669
|
+
const o = c.value.querySelector(".table");
|
|
670
|
+
if (!o) return;
|
|
671
|
+
const v = o.querySelector(".col-selected-header");
|
|
668
672
|
if (v) {
|
|
669
673
|
const k = v.querySelector(".selected-header-wrapper");
|
|
670
674
|
k && (k.style.height = `${R.value}px`);
|
|
@@ -672,7 +676,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
672
676
|
yt();
|
|
673
677
|
});
|
|
674
678
|
}
|
|
675
|
-
ge(() =>
|
|
679
|
+
ge(() => i.value, () => {
|
|
676
680
|
oe(() => {
|
|
677
681
|
qe(), Ue(), ot();
|
|
678
682
|
});
|
|
@@ -681,25 +685,25 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
681
685
|
Ue();
|
|
682
686
|
});
|
|
683
687
|
}), Fe(() => {
|
|
684
|
-
var
|
|
688
|
+
var o, v;
|
|
685
689
|
oe(() => {
|
|
686
|
-
qe(), pt(), Ue(),
|
|
687
|
-
}), window.addEventListener("resize", at), window.addEventListener("scroll", at, !0), (
|
|
688
|
-
Je(),
|
|
690
|
+
qe(), pt(), Ue(), Me(), yt(), ot();
|
|
691
|
+
}), window.addEventListener("resize", at), window.addEventListener("scroll", at, !0), (o = g.value) == null || o.addEventListener("scroll", () => {
|
|
692
|
+
Je(), Me(), Ue();
|
|
689
693
|
}, { passive: !0 }), (v = c.value) == null || v.addEventListener("scroll", () => {
|
|
690
694
|
et();
|
|
691
695
|
}, { passive: !0 }), oe(() => Je()), g.value && typeof ResizeObserver < "u" && (tt = new ResizeObserver(() => {
|
|
692
696
|
Ue();
|
|
693
697
|
}), tt.observe(g.value));
|
|
694
698
|
}), Oe(() => {
|
|
695
|
-
var
|
|
696
|
-
window.removeEventListener("resize", at), window.removeEventListener("scroll", at, !0), (
|
|
699
|
+
var o, v;
|
|
700
|
+
window.removeEventListener("resize", at), window.removeEventListener("scroll", at, !0), (o = g.value) == null || o.removeEventListener("scroll", Je), (v = c.value) == null || v.removeEventListener("scroll", et), window.removeEventListener("mousemove", Ye), window.removeEventListener("mouseup", gt), tt && (tt.disconnect(), tt = null);
|
|
697
701
|
});
|
|
698
702
|
let mt = -1;
|
|
699
703
|
function Ue() {
|
|
700
704
|
!c.value || !g.value || requestAnimationFrame(() => {
|
|
701
705
|
if (!c.value || !g.value) return;
|
|
702
|
-
const
|
|
706
|
+
const o = g.value, v = Math.ceil(o.offsetWidth - o.clientWidth);
|
|
703
707
|
if (ae.value = v, v !== mt) {
|
|
704
708
|
mt = v;
|
|
705
709
|
const k = c.value.querySelector(".table"), T = x.value;
|
|
@@ -710,26 +714,26 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
710
714
|
let tt = null;
|
|
711
715
|
return Oe(() => {
|
|
712
716
|
D.value.clear();
|
|
713
|
-
}), (
|
|
717
|
+
}), (o, v) => {
|
|
714
718
|
const k = nt("YButton"), T = nt("YPagination");
|
|
715
719
|
return d(), p("div", {
|
|
716
720
|
class: "ytable-container",
|
|
717
721
|
ref_key: "tableContainer",
|
|
718
722
|
ref: C
|
|
719
723
|
}, [
|
|
720
|
-
|
|
724
|
+
Ie(Ve, { name: "bulk-slide" }, {
|
|
721
725
|
default: $e(() => [
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
selectedItems:
|
|
727
|
-
clearSelection:
|
|
726
|
+
i.value.length && t.showBulkActions ? (d(), p("div", Zt, [
|
|
727
|
+
s("div", Qt, "已选择 " + we(i.value.length) + " 项", 1),
|
|
728
|
+
s("div", Jt, [
|
|
729
|
+
ke(o.$slots, "bulk-actions", {
|
|
730
|
+
selectedItems: i.value,
|
|
731
|
+
clearSelection: Q
|
|
728
732
|
}, () => [
|
|
729
|
-
|
|
733
|
+
Ie(k, {
|
|
730
734
|
size: "small",
|
|
731
735
|
class: "btn",
|
|
732
|
-
onClick:
|
|
736
|
+
onClick: Q
|
|
733
737
|
}, {
|
|
734
738
|
default: $e(() => [...v[3] || (v[3] = [
|
|
735
739
|
We("清除选择", -1)
|
|
@@ -738,19 +742,19 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
738
742
|
})
|
|
739
743
|
], !0)
|
|
740
744
|
])
|
|
741
|
-
])) :
|
|
745
|
+
])) : V("", !0)
|
|
742
746
|
]),
|
|
743
747
|
_: 3
|
|
744
748
|
}),
|
|
745
|
-
|
|
749
|
+
s("div", Xt, [
|
|
746
750
|
z.value ? (d(), p("div", el, [
|
|
747
|
-
|
|
751
|
+
s("button", {
|
|
748
752
|
class: Z(["toggle-all-hints-btn", { "is-expanded": j.value }]),
|
|
749
753
|
onClick: fe,
|
|
750
754
|
title: j.value ? "收起所有提示标签" : "展开所有提示标签"
|
|
751
755
|
}, [
|
|
752
756
|
j.value ? (d(), p("svg", ll, [...v[4] || (v[4] = [
|
|
753
|
-
|
|
757
|
+
s("path", {
|
|
754
758
|
d: "M15 18L9 12L15 6",
|
|
755
759
|
stroke: "currentColor",
|
|
756
760
|
"stroke-width": "2",
|
|
@@ -758,7 +762,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
758
762
|
"stroke-linejoin": "round"
|
|
759
763
|
}, null, -1)
|
|
760
764
|
])])) : (d(), p("svg", nl, [...v[5] || (v[5] = [
|
|
761
|
-
|
|
765
|
+
s("path", {
|
|
762
766
|
d: "M9 18L15 12L9 6",
|
|
763
767
|
stroke: "currentColor",
|
|
764
768
|
"stroke-width": "2",
|
|
@@ -767,123 +771,130 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
767
771
|
}, null, -1)
|
|
768
772
|
])]))
|
|
769
773
|
], 10, tl)
|
|
770
|
-
])) :
|
|
771
|
-
o("div",
|
|
774
|
+
])) : V("", !0),
|
|
775
|
+
t.selectedHeaderFloat && i.value.length > 0 && o.$slots["selected-header"] ? (d(), p("div", al, [
|
|
776
|
+
ke(o.$slots, "selected-header", {
|
|
777
|
+
selectedItems: i.value,
|
|
778
|
+
clearSelection: Q
|
|
779
|
+
}, void 0, !0)
|
|
780
|
+
])) : V("", !0),
|
|
781
|
+
s("div", {
|
|
772
782
|
class: "table-header",
|
|
773
783
|
ref_key: "headerRef",
|
|
774
784
|
ref: c
|
|
775
785
|
}, [
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
e.expandable ? (d(), p("col",
|
|
779
|
-
t.selectable ? (d(), p("col",
|
|
780
|
-
(d(!0), p(Se, null,
|
|
786
|
+
s("table", ol, [
|
|
787
|
+
s("colgroup", null, [
|
|
788
|
+
e.expandable ? (d(), p("col", sl)) : V("", !0),
|
|
789
|
+
t.selectable ? (d(), p("col", il)) : V("", !0),
|
|
790
|
+
(d(!0), p(Se, null, Be(t.columns, (L, F) => (d(), p("col", {
|
|
781
791
|
key: L.key,
|
|
782
|
-
style: be({ width:
|
|
792
|
+
style: be({ width: H.value[F] || void 0, minWidth: H.value[F] || "80px" })
|
|
783
793
|
}, null, 4))), 128))
|
|
784
794
|
]),
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
e.expandable ? (d(), p("th",
|
|
788
|
-
t.selectable ? (d(), p("th",
|
|
789
|
-
|
|
790
|
-
|
|
795
|
+
s("thead", null, [
|
|
796
|
+
s("tr", null, [
|
|
797
|
+
e.expandable ? (d(), p("th", rl)) : V("", !0),
|
|
798
|
+
t.selectable ? (d(), p("th", ul, [
|
|
799
|
+
s("div", dl, [
|
|
800
|
+
s("input", {
|
|
791
801
|
type: "checkbox",
|
|
792
802
|
checked: N.value,
|
|
793
|
-
indeterminate:
|
|
794
|
-
disabled:
|
|
803
|
+
indeterminate: B.value,
|
|
804
|
+
disabled: A.value,
|
|
795
805
|
onChange: E
|
|
796
|
-
}, null, 40,
|
|
797
|
-
|
|
806
|
+
}, null, 40, cl),
|
|
807
|
+
i.value.length > 0 ? (d(), p("span", fl, we(i.value.length), 1)) : V("", !0)
|
|
798
808
|
])
|
|
799
|
-
])) :
|
|
800
|
-
|
|
809
|
+
])) : V("", !0),
|
|
810
|
+
!t.selectedHeaderFloat && i.value.length > 0 && o.$slots["selected-header"] ? (d(), p("th", {
|
|
801
811
|
key: 2,
|
|
802
812
|
colspan: t.columns.length,
|
|
803
|
-
class: "col-selected-header"
|
|
813
|
+
class: "col-selected-header",
|
|
814
|
+
style: { width: "100%" }
|
|
804
815
|
}, [
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
selectedItems:
|
|
808
|
-
clearSelection:
|
|
816
|
+
s("div", hl, [
|
|
817
|
+
ke(o.$slots, "selected-header", {
|
|
818
|
+
selectedItems: i.value,
|
|
819
|
+
clearSelection: Q
|
|
809
820
|
}, void 0, !0)
|
|
810
821
|
])
|
|
811
|
-
], 8,
|
|
822
|
+
], 8, vl)) : (d(!0), p(Se, { key: 3 }, Be(t.columns, (L, F) => (d(), p("th", {
|
|
812
823
|
key: L.key,
|
|
813
|
-
class: Z(
|
|
824
|
+
class: Z(He(L, !0)),
|
|
814
825
|
style: be(De(L, F, !0))
|
|
815
826
|
}, we(L.title), 7))), 128))
|
|
816
827
|
])
|
|
817
828
|
])
|
|
818
829
|
])
|
|
819
830
|
], 512),
|
|
820
|
-
|
|
831
|
+
s("div", {
|
|
821
832
|
class: Z(["table-body-wrap", { "is-loading": t.loading, "is-empty": !w.value.length && !t.loading }]),
|
|
822
833
|
ref_key: "bodyWrapRef",
|
|
823
834
|
ref: g,
|
|
824
|
-
style: be({ maxHeight:
|
|
835
|
+
style: be({ maxHeight: M.value })
|
|
825
836
|
}, [
|
|
826
|
-
t.loading ? (d(), p("div",
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
])])) :
|
|
830
|
-
!w.value.length && !t.loading ? (d(), p("div",
|
|
831
|
-
|
|
837
|
+
t.loading ? (d(), p("div", gl, [...v[6] || (v[6] = [
|
|
838
|
+
s("div", { class: "loading-spinner" }, null, -1),
|
|
839
|
+
s("div", { class: "loading-text" }, "加载中...", -1)
|
|
840
|
+
])])) : V("", !0),
|
|
841
|
+
!w.value.length && !t.loading ? (d(), p("div", pl, [
|
|
842
|
+
ke(o.$slots, "empty", {}, () => [
|
|
832
843
|
We(we(t.emptyText), 1)
|
|
833
844
|
], !0)
|
|
834
|
-
])) :
|
|
835
|
-
|
|
845
|
+
])) : V("", !0),
|
|
846
|
+
s("table", {
|
|
836
847
|
class: Z(["table", { "loading-table": t.loading }]),
|
|
837
848
|
ref_key: "bodyTableRef",
|
|
838
849
|
ref: x
|
|
839
850
|
}, [
|
|
840
|
-
|
|
841
|
-
e.expandable ? (d(), p("col",
|
|
842
|
-
t.selectable ? (d(), p("col",
|
|
843
|
-
(d(!0), p(Se, null,
|
|
851
|
+
s("colgroup", null, [
|
|
852
|
+
e.expandable ? (d(), p("col", yl)) : V("", !0),
|
|
853
|
+
t.selectable ? (d(), p("col", ml)) : V("", !0),
|
|
854
|
+
(d(!0), p(Se, null, Be(t.columns, (L, F) => (d(), p("col", {
|
|
844
855
|
key: L.key,
|
|
845
|
-
style: be({ width:
|
|
856
|
+
style: be({ width: H.value[F] || void 0, minWidth: H.value[F] || "80px" })
|
|
846
857
|
}, null, 4))), 128))
|
|
847
858
|
]),
|
|
848
|
-
|
|
849
|
-
(d(!0), p(Se, null,
|
|
859
|
+
s("tbody", null, [
|
|
860
|
+
(d(!0), p(Se, null, Be(w.value, (L, F) => (d(), p(Se, {
|
|
850
861
|
key: pe(L, F)
|
|
851
862
|
}, [
|
|
852
|
-
|
|
853
|
-
class: Z({ "row-selected":
|
|
854
|
-
onClick: (se) =>
|
|
863
|
+
s("tr", {
|
|
864
|
+
class: Z({ "row-selected": xe(L, F) }),
|
|
865
|
+
onClick: (se) => Ce(L, F)
|
|
855
866
|
}, [
|
|
856
|
-
e.expandable ? (d(), p("td",
|
|
857
|
-
|
|
867
|
+
e.expandable ? (d(), p("td", bl, [
|
|
868
|
+
s("button", {
|
|
858
869
|
class: "expand-btn",
|
|
859
870
|
type: "button",
|
|
860
871
|
onClick: me((se) => le(pe(L, F)), ["stop"])
|
|
861
872
|
}, [
|
|
862
|
-
|
|
863
|
-
class: Z(["expand-icon", { "is-open":
|
|
873
|
+
s("span", {
|
|
874
|
+
class: Z(["expand-icon", { "is-open": X(pe(L, F)) }])
|
|
864
875
|
}, null, 2)
|
|
865
|
-
], 8,
|
|
866
|
-
])) :
|
|
876
|
+
], 8, kl)
|
|
877
|
+
])) : V("", !0),
|
|
867
878
|
t.selectable ? (d(), p("td", {
|
|
868
879
|
key: 1,
|
|
869
880
|
class: "col-select",
|
|
870
881
|
onClick: v[0] || (v[0] = me(() => {
|
|
871
882
|
}, ["stop"]))
|
|
872
883
|
}, [
|
|
873
|
-
|
|
884
|
+
s("input", {
|
|
874
885
|
type: "checkbox",
|
|
875
886
|
value: pe(L, F),
|
|
876
|
-
checked:
|
|
887
|
+
checked: i.value.includes(pe(L, F)),
|
|
877
888
|
disabled: O(L, F),
|
|
878
889
|
onChange: me((se) => y(pe(L, F)), ["stop"])
|
|
879
|
-
}, null, 40,
|
|
880
|
-
])) :
|
|
881
|
-
(d(!0), p(Se, null,
|
|
890
|
+
}, null, 40, Cl)
|
|
891
|
+
])) : V("", !0),
|
|
892
|
+
(d(!0), p(Se, null, Be(t.columns, (se, Ne) => (d(), p("td", {
|
|
882
893
|
key: se.key,
|
|
883
|
-
class: Z(
|
|
894
|
+
class: Z(He(se)),
|
|
884
895
|
style: be(De(se, Ne, !1))
|
|
885
896
|
}, [
|
|
886
|
-
|
|
897
|
+
ke(o.$slots, `cell-${se.key}`, {
|
|
887
898
|
item: L,
|
|
888
899
|
value: he(L, se.key),
|
|
889
900
|
index: F
|
|
@@ -891,27 +902,27 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
891
902
|
We(we(u(L, se)), 1)
|
|
892
903
|
], !0)
|
|
893
904
|
], 6))), 128))
|
|
894
|
-
], 10,
|
|
895
|
-
e.expandable &&
|
|
905
|
+
], 10, wl),
|
|
906
|
+
e.expandable && X(pe(L, F)) ? (d(), p("tr", {
|
|
896
907
|
key: `${pe(L, F)}-expand`,
|
|
897
908
|
class: "expand-row"
|
|
898
909
|
}, [
|
|
899
|
-
|
|
910
|
+
s("td", {
|
|
900
911
|
colspan: n.value,
|
|
901
912
|
class: "expand-cell"
|
|
902
913
|
}, [
|
|
903
|
-
|
|
914
|
+
ke(o.$slots, "expand", {
|
|
904
915
|
item: L,
|
|
905
916
|
index: F
|
|
906
917
|
}, void 0, !0)
|
|
907
|
-
], 8,
|
|
908
|
-
])) :
|
|
918
|
+
], 8, xl)
|
|
919
|
+
])) : V("", !0)
|
|
909
920
|
], 64))), 128))
|
|
910
921
|
])
|
|
911
922
|
], 2)
|
|
912
923
|
], 6),
|
|
913
924
|
t.pagination ? (d(), Pe(T, {
|
|
914
|
-
key:
|
|
925
|
+
key: 2,
|
|
915
926
|
class: "align-right",
|
|
916
927
|
"current-page": m.value,
|
|
917
928
|
"onUpdate:currentPage": v[1] || (v[1] = (L) => m.value = L),
|
|
@@ -922,27 +933,27 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
922
933
|
"page-size-options": t.pageSizeOptions,
|
|
923
934
|
onPageChange: Te,
|
|
924
935
|
onPageSizeChange: Ae
|
|
925
|
-
}, null, 8, ["current-page", "page-size", "loading", "disable-next", "page-size-options"])) :
|
|
936
|
+
}, null, 8, ["current-page", "page-size", "loading", "disable-next", "page-size-options"])) : V("", !0)
|
|
926
937
|
])
|
|
927
938
|
], 512);
|
|
928
939
|
};
|
|
929
940
|
}
|
|
930
|
-
}),
|
|
941
|
+
}), $l = /* @__PURE__ */ ze(Dl, [["__scopeId", "data-v-1749b08e"]]), Sl = ["onKeydown", "aria-expanded"], Il = {
|
|
931
942
|
key: 0,
|
|
932
943
|
class: "yselect__tags"
|
|
933
|
-
}, Ml = ["src"],
|
|
944
|
+
}, Ml = ["src"], Tl = { class: "yselect__tag-text" }, Ll = ["onClick"], El = {
|
|
934
945
|
key: 1,
|
|
935
946
|
class: "yselect__placeholder-text"
|
|
936
|
-
},
|
|
947
|
+
}, Hl = ["src"], Bl = ["placeholder", "onKeydown"], _l = ["onClick", "onMouseenter"], zl = {
|
|
937
948
|
key: 0,
|
|
938
949
|
class: "yselect__option-check"
|
|
939
|
-
},
|
|
950
|
+
}, Nl = {
|
|
940
951
|
key: 0,
|
|
941
952
|
width: "14",
|
|
942
953
|
height: "14",
|
|
943
954
|
viewBox: "0 0 14 14",
|
|
944
955
|
fill: "none"
|
|
945
|
-
},
|
|
956
|
+
}, Kl = ["src"], Wl = /* @__PURE__ */ _e({
|
|
946
957
|
__name: "yselect",
|
|
947
958
|
props: {
|
|
948
959
|
modelValue: {},
|
|
@@ -962,11 +973,11 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
962
973
|
},
|
|
963
974
|
emits: ["update:modelValue", "change", "focus", "blur", "clear"],
|
|
964
975
|
setup(t, { emit: f }) {
|
|
965
|
-
const e = t, l = f, m =
|
|
976
|
+
const e = t, l = f, m = I(!1), h = I(-1), i = I(), S = I(), $ = I(), M = I(!1), C = I(), c = I(""), g = _(() => e.multiple ? null : e.options.find((b) => z(b) === e.modelValue) || null), x = _(() => {
|
|
966
977
|
if (!e.multiple) return [];
|
|
967
978
|
const b = Array.isArray(e.modelValue) ? e.modelValue : [];
|
|
968
|
-
return e.options.filter((
|
|
969
|
-
}),
|
|
979
|
+
return e.options.filter((r) => b.includes(z(r)));
|
|
980
|
+
}), H = _(() => {
|
|
970
981
|
if (e.multiple) {
|
|
971
982
|
const b = x.value.length;
|
|
972
983
|
return b === 0 ? "" : `已选择 ${b} 项`;
|
|
@@ -975,23 +986,23 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
975
986
|
}), W = _(() => {
|
|
976
987
|
if (!e.filterable) return e.options;
|
|
977
988
|
const b = c.value.trim().toLowerCase();
|
|
978
|
-
return b ? e.options.filter((
|
|
979
|
-
const n = j(
|
|
989
|
+
return b ? e.options.filter((r) => {
|
|
990
|
+
const n = j(r);
|
|
980
991
|
return String(n).toLowerCase().includes(b);
|
|
981
992
|
}) : e.options;
|
|
982
993
|
}), R = _(() => {
|
|
983
994
|
var w;
|
|
984
|
-
const b = { position: "fixed", zIndex: "100001" },
|
|
985
|
-
if (!
|
|
986
|
-
const n =
|
|
987
|
-
return b.left = `${n.left}px`, b.width = `${a}px`,
|
|
995
|
+
const b = { position: "fixed", zIndex: "100001" }, r = S.value;
|
|
996
|
+
if (!r) return b;
|
|
997
|
+
const n = r.getBoundingClientRect(), a = ((w = $.value) == null ? void 0 : w.getBoundingClientRect().width) || n.width;
|
|
998
|
+
return b.left = `${n.left}px`, b.width = `${a}px`, M.value ? (b.bottom = `${window.innerHeight - n.top + 4}px`, b.top = "auto") : b.top = `${n.bottom + 4}px`, b;
|
|
988
999
|
});
|
|
989
1000
|
function D() {
|
|
990
1001
|
!m.value || !S.value || oe(() => {
|
|
991
1002
|
const b = S.value;
|
|
992
1003
|
if (!b) return;
|
|
993
|
-
const
|
|
994
|
-
|
|
1004
|
+
const r = b.getBoundingClientRect(), n = window.innerHeight, a = 200, w = r.bottom + a + 4, N = r.top - a - 4, B = w <= n - 20, A = N >= 20;
|
|
1005
|
+
M.value = !B && A;
|
|
995
1006
|
});
|
|
996
1007
|
}
|
|
997
1008
|
function z(b) {
|
|
@@ -1000,8 +1011,8 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1000
1011
|
function j(b) {
|
|
1001
1012
|
return typeof b == "object" && b !== null ? b[e.labelKey] || String(b[e.valueKey]) : String(b);
|
|
1002
1013
|
}
|
|
1003
|
-
function ye(b,
|
|
1004
|
-
return typeof b == "object" && b !== null && b.id !== void 0 ? b.id : z(b) ||
|
|
1014
|
+
function ye(b, r) {
|
|
1015
|
+
return typeof b == "object" && b !== null && b.id !== void 0 ? b.id : z(b) || r;
|
|
1005
1016
|
}
|
|
1006
1017
|
function de(b) {
|
|
1007
1018
|
return e.multiple ? (Array.isArray(e.modelValue) ? e.modelValue : []).includes(z(b)) : z(b) === e.modelValue;
|
|
@@ -1014,13 +1025,13 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1014
1025
|
}
|
|
1015
1026
|
function fe() {
|
|
1016
1027
|
e.disabled || (m.value = !0, oe(() => {
|
|
1017
|
-
D(),
|
|
1028
|
+
D(), J(), e.filterable && C.value && (C.value.focus(), c.value = "");
|
|
1018
1029
|
}));
|
|
1019
1030
|
}
|
|
1020
1031
|
function ve() {
|
|
1021
|
-
m.value = !1, h.value = -1,
|
|
1032
|
+
m.value = !1, h.value = -1, M.value = !1, e.filterable && (c.value = "");
|
|
1022
1033
|
}
|
|
1023
|
-
function ce(b,
|
|
1034
|
+
function ce(b, r) {
|
|
1024
1035
|
if (K(b)) return;
|
|
1025
1036
|
const n = z(b);
|
|
1026
1037
|
if (e.multiple) {
|
|
@@ -1034,8 +1045,8 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1034
1045
|
const b = e.multiple ? e.clearTo !== void 0 ? e.clearTo : [] : e.clearTo;
|
|
1035
1046
|
l("update:modelValue", b), l("change", b, e.multiple ? [] : null), l("clear"), e.multiple || ve();
|
|
1036
1047
|
}
|
|
1037
|
-
function q(b,
|
|
1038
|
-
if (
|
|
1048
|
+
function q(b, r) {
|
|
1049
|
+
if (r.stopPropagation(), e.disabled || !e.multiple) return;
|
|
1039
1050
|
const n = Array.isArray(e.modelValue) ? [...e.modelValue] : [], a = z(b), w = n.indexOf(a);
|
|
1040
1051
|
w > -1 && (n.splice(w, 1), l("update:modelValue", n), l("change", n, x.value));
|
|
1041
1052
|
}
|
|
@@ -1044,32 +1055,32 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1044
1055
|
h.value = -1;
|
|
1045
1056
|
return;
|
|
1046
1057
|
}
|
|
1047
|
-
let
|
|
1058
|
+
let r = h.value;
|
|
1048
1059
|
const n = W.value.length;
|
|
1049
|
-
|
|
1060
|
+
r === -1 ? r = b > 0 ? 0 : n - 1 : r = (r + b + n) % n;
|
|
1050
1061
|
let a = 0;
|
|
1051
|
-
for (; a < n && K(W.value[
|
|
1052
|
-
|
|
1053
|
-
h.value = a >= n ? -1 :
|
|
1062
|
+
for (; a < n && K(W.value[r]); )
|
|
1063
|
+
r = (r + b + n) % n, a++;
|
|
1064
|
+
h.value = a >= n ? -1 : r, ne();
|
|
1054
1065
|
}
|
|
1055
1066
|
function Y() {
|
|
1056
1067
|
if (h.value < 0) return;
|
|
1057
1068
|
const b = W.value[h.value];
|
|
1058
1069
|
!b || K(b) || ce(b, h.value);
|
|
1059
1070
|
}
|
|
1060
|
-
function
|
|
1061
|
-
if (!
|
|
1062
|
-
const b =
|
|
1071
|
+
function J() {
|
|
1072
|
+
if (!i.value) return;
|
|
1073
|
+
const b = i.value.querySelector(".yselect__option--selected");
|
|
1063
1074
|
b && b.scrollIntoView({ block: "nearest" });
|
|
1064
1075
|
}
|
|
1065
1076
|
function ne() {
|
|
1066
|
-
if (!
|
|
1067
|
-
const
|
|
1068
|
-
|
|
1077
|
+
if (!i.value || h.value < 0) return;
|
|
1078
|
+
const r = i.value.querySelectorAll(".yselect__option")[h.value];
|
|
1079
|
+
r && r.scrollIntoView({ block: "nearest" });
|
|
1069
1080
|
}
|
|
1070
1081
|
function U(b) {
|
|
1071
|
-
const
|
|
1072
|
-
(!$.value || !$.value.contains(
|
|
1082
|
+
const r = b.target;
|
|
1083
|
+
(!$.value || !$.value.contains(r)) && ve();
|
|
1073
1084
|
}
|
|
1074
1085
|
ge(() => e.modelValue, () => {
|
|
1075
1086
|
h.value = -1;
|
|
@@ -1081,13 +1092,13 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1081
1092
|
document.addEventListener("click", U), window.addEventListener("resize", ae), window.addEventListener("scroll", ae, !0);
|
|
1082
1093
|
}), Oe(() => {
|
|
1083
1094
|
document.removeEventListener("click", U), window.removeEventListener("resize", ae), window.removeEventListener("scroll", ae, !0);
|
|
1084
|
-
}), (b,
|
|
1095
|
+
}), (b, r) => (d(), p("div", {
|
|
1085
1096
|
class: Z(["yselect", { "yselect--disabled": t.disabled, [`yselect--${t.size}`]: !0 }]),
|
|
1086
1097
|
style: be({ width: t.width }),
|
|
1087
1098
|
ref_key: "selectContainer",
|
|
1088
1099
|
ref: $
|
|
1089
1100
|
}, [
|
|
1090
|
-
|
|
1101
|
+
s("div", {
|
|
1091
1102
|
ref_key: "triggerElement",
|
|
1092
1103
|
ref: S,
|
|
1093
1104
|
class: Z(["yselect__trigger", {
|
|
@@ -1110,18 +1121,18 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1110
1121
|
}, [
|
|
1111
1122
|
!t.filterable || !m.value ? (d(), p("span", {
|
|
1112
1123
|
key: 0,
|
|
1113
|
-
class: Z(["yselect__value", { yselect__placeholder: !
|
|
1124
|
+
class: Z(["yselect__value", { yselect__placeholder: !H.value }])
|
|
1114
1125
|
}, [
|
|
1115
|
-
|
|
1126
|
+
ke(b.$slots, "value", {
|
|
1116
1127
|
value: e.multiple ? x.value : g.value,
|
|
1117
|
-
label:
|
|
1128
|
+
label: H.value,
|
|
1118
1129
|
multiple: e.multiple
|
|
1119
1130
|
}, () => {
|
|
1120
1131
|
var n;
|
|
1121
1132
|
return [
|
|
1122
1133
|
e.multiple ? (d(), p(Se, { key: 0 }, [
|
|
1123
|
-
x.value.length > 0 ? (d(), p("div",
|
|
1124
|
-
(d(!0), p(Se, null,
|
|
1134
|
+
x.value.length > 0 ? (d(), p("div", Il, [
|
|
1135
|
+
(d(!0), p(Se, null, Be(x.value, (a, w) => (d(), p("span", {
|
|
1125
1136
|
key: ye(a, w),
|
|
1126
1137
|
class: "yselect__tag"
|
|
1127
1138
|
}, [
|
|
@@ -1130,29 +1141,29 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1130
1141
|
class: "yselect__flag",
|
|
1131
1142
|
src: a.flagImg,
|
|
1132
1143
|
alt: "flag"
|
|
1133
|
-
}, null, 8, Ml)) :
|
|
1134
|
-
|
|
1144
|
+
}, null, 8, Ml)) : V("", !0),
|
|
1145
|
+
s("span", Tl, we(j(a)), 1),
|
|
1135
1146
|
t.clearable && !t.disabled ? (d(), p("span", {
|
|
1136
1147
|
key: 1,
|
|
1137
1148
|
class: "yselect__tag-close",
|
|
1138
1149
|
onClick: me((N) => q(a, N), ["stop"])
|
|
1139
|
-
}, [...
|
|
1140
|
-
|
|
1150
|
+
}, [...r[8] || (r[8] = [
|
|
1151
|
+
s("svg", {
|
|
1141
1152
|
width: "10",
|
|
1142
1153
|
height: "10",
|
|
1143
1154
|
viewBox: "0 0 10 10",
|
|
1144
1155
|
fill: "none"
|
|
1145
1156
|
}, [
|
|
1146
|
-
|
|
1157
|
+
s("path", {
|
|
1147
1158
|
d: "M2.5 2.5l5 5M7.5 2.5l-5 5",
|
|
1148
1159
|
stroke: "currentColor",
|
|
1149
1160
|
"stroke-width": "1.2",
|
|
1150
1161
|
"stroke-linecap": "round"
|
|
1151
1162
|
})
|
|
1152
1163
|
], -1)
|
|
1153
|
-
])], 8,
|
|
1164
|
+
])], 8, Ll)) : V("", !0)
|
|
1154
1165
|
]))), 128))
|
|
1155
|
-
])) : (d(), p("span",
|
|
1166
|
+
])) : (d(), p("span", El, we(t.placeholder), 1))
|
|
1156
1167
|
], 64)) : (d(), p(Se, { key: 1 }, [
|
|
1157
1168
|
g.value ? (d(), p(Se, { key: 0 }, [
|
|
1158
1169
|
(n = g.value) != null && n.flagImg ? (d(), p("img", {
|
|
@@ -1160,8 +1171,8 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1160
1171
|
class: "yselect__flag",
|
|
1161
1172
|
src: g.value.flagImg,
|
|
1162
1173
|
alt: "flag"
|
|
1163
|
-
}, null, 8,
|
|
1164
|
-
We(" " + we(
|
|
1174
|
+
}, null, 8, Hl)) : V("", !0),
|
|
1175
|
+
We(" " + we(H.value), 1)
|
|
1165
1176
|
], 64)) : (d(), p(Se, { key: 1 }, [
|
|
1166
1177
|
We(we(t.placeholder), 1)
|
|
1167
1178
|
], 64))
|
|
@@ -1174,14 +1185,14 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1174
1185
|
ref: C,
|
|
1175
1186
|
class: "yselect__input",
|
|
1176
1187
|
type: "text",
|
|
1177
|
-
placeholder: e.multiple ? x.value.length > 0 ? `已选择 ${x.value.length} 项` : t.placeholder :
|
|
1178
|
-
"onUpdate:modelValue":
|
|
1188
|
+
placeholder: e.multiple ? x.value.length > 0 ? `已选择 ${x.value.length} 项` : t.placeholder : H.value || t.placeholder,
|
|
1189
|
+
"onUpdate:modelValue": r[0] || (r[0] = (n) => c.value = n),
|
|
1179
1190
|
onKeydown: [
|
|
1180
|
-
|
|
1191
|
+
r[1] || (r[1] = me(() => {
|
|
1181
1192
|
}, ["stop"])),
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1193
|
+
r[2] || (r[2] = Ke(me((n) => te(1), ["prevent"]), ["arrow-down"])),
|
|
1194
|
+
r[3] || (r[3] = Ke(me((n) => te(-1), ["prevent"]), ["arrow-up"])),
|
|
1195
|
+
r[4] || (r[4] = Ke(me((n) => Y(), ["prevent"]), ["enter"])),
|
|
1185
1196
|
Ke(me(ve, ["prevent"]), ["esc"]),
|
|
1186
1197
|
Ke(me(ie, ["prevent"]), ["delete"])
|
|
1187
1198
|
]
|
|
@@ -1193,31 +1204,31 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1193
1204
|
class: "yselect__clear",
|
|
1194
1205
|
title: "清空",
|
|
1195
1206
|
onClick: me(ie, ["stop"])
|
|
1196
|
-
}, [...
|
|
1197
|
-
|
|
1207
|
+
}, [...r[9] || (r[9] = [
|
|
1208
|
+
s("svg", {
|
|
1198
1209
|
width: "12",
|
|
1199
1210
|
height: "12",
|
|
1200
1211
|
viewBox: "0 0 12 12",
|
|
1201
1212
|
fill: "none"
|
|
1202
1213
|
}, [
|
|
1203
|
-
|
|
1214
|
+
s("path", {
|
|
1204
1215
|
d: "M3 3l6 6M9 3L3 9",
|
|
1205
1216
|
stroke: "currentColor",
|
|
1206
1217
|
"stroke-width": "1.5",
|
|
1207
1218
|
"stroke-linecap": "round"
|
|
1208
1219
|
})
|
|
1209
1220
|
], -1)
|
|
1210
|
-
])])) :
|
|
1211
|
-
|
|
1221
|
+
])])) : V("", !0),
|
|
1222
|
+
s("span", {
|
|
1212
1223
|
class: Z(["yselect__arrow", { "yselect__arrow--open": m.value }])
|
|
1213
|
-
}, [...
|
|
1214
|
-
|
|
1224
|
+
}, [...r[10] || (r[10] = [
|
|
1225
|
+
s("svg", {
|
|
1215
1226
|
width: "12",
|
|
1216
1227
|
height: "12",
|
|
1217
1228
|
viewBox: "0 0 12 12",
|
|
1218
1229
|
fill: "none"
|
|
1219
1230
|
}, [
|
|
1220
|
-
|
|
1231
|
+
s("path", {
|
|
1221
1232
|
d: "M3 4.5L6 7.5L9 4.5",
|
|
1222
1233
|
stroke: "currentColor",
|
|
1223
1234
|
"stroke-width": "1.5",
|
|
@@ -1226,25 +1237,25 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1226
1237
|
})
|
|
1227
1238
|
], -1)
|
|
1228
1239
|
])], 2)
|
|
1229
|
-
], 42,
|
|
1230
|
-
|
|
1240
|
+
], 42, Sl),
|
|
1241
|
+
Ie(Ve, { name: "yselect-dropdown" }, {
|
|
1231
1242
|
default: $e(() => [
|
|
1232
1243
|
(d(), Pe(Xe, { to: "body" }, [
|
|
1233
1244
|
m.value ? (d(), p("div", {
|
|
1234
1245
|
key: 0,
|
|
1235
|
-
class: Z(["yselect__dropdown yselect__dropdown--portal", { "yselect__dropdown--top":
|
|
1246
|
+
class: Z(["yselect__dropdown yselect__dropdown--portal", { "yselect__dropdown--top": M.value }]),
|
|
1236
1247
|
style: be(R.value),
|
|
1237
|
-
onMousedown:
|
|
1248
|
+
onMousedown: r[6] || (r[6] = me(() => {
|
|
1238
1249
|
}, ["stop"])),
|
|
1239
|
-
onClick:
|
|
1250
|
+
onClick: r[7] || (r[7] = me(() => {
|
|
1240
1251
|
}, ["stop"]))
|
|
1241
1252
|
}, [
|
|
1242
|
-
|
|
1253
|
+
s("div", {
|
|
1243
1254
|
class: "yselect__options",
|
|
1244
1255
|
ref_key: "optionsContainer",
|
|
1245
|
-
ref:
|
|
1256
|
+
ref: i
|
|
1246
1257
|
}, [
|
|
1247
|
-
(d(!0), p(Se, null,
|
|
1258
|
+
(d(!0), p(Se, null, Be(W.value, (n, a) => (d(), p("div", {
|
|
1248
1259
|
key: ye(n, a),
|
|
1249
1260
|
class: Z(["yselect__option", {
|
|
1250
1261
|
"yselect__option--selected": de(n),
|
|
@@ -1253,42 +1264,42 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1253
1264
|
}]),
|
|
1254
1265
|
onClick: (w) => ce(n),
|
|
1255
1266
|
onMouseenter: (w) => h.value = a,
|
|
1256
|
-
onMouseleave:
|
|
1267
|
+
onMouseleave: r[5] || (r[5] = (w) => h.value = -1)
|
|
1257
1268
|
}, [
|
|
1258
|
-
|
|
1269
|
+
ke(b.$slots, "option", {
|
|
1259
1270
|
option: n,
|
|
1260
1271
|
index: a,
|
|
1261
1272
|
selected: de(n)
|
|
1262
1273
|
}, () => [
|
|
1263
|
-
e.multiple ? (d(), p("span",
|
|
1264
|
-
de(n) ? (d(), p("svg",
|
|
1265
|
-
|
|
1274
|
+
e.multiple ? (d(), p("span", zl, [
|
|
1275
|
+
de(n) ? (d(), p("svg", Nl, [...r[11] || (r[11] = [
|
|
1276
|
+
s("path", {
|
|
1266
1277
|
d: "M2 7l3 3 7-7",
|
|
1267
1278
|
stroke: "currentColor",
|
|
1268
1279
|
"stroke-width": "2",
|
|
1269
1280
|
"stroke-linecap": "round",
|
|
1270
1281
|
"stroke-linejoin": "round"
|
|
1271
1282
|
}, null, -1)
|
|
1272
|
-
])])) :
|
|
1273
|
-
])) :
|
|
1283
|
+
])])) : V("", !0)
|
|
1284
|
+
])) : V("", !0),
|
|
1274
1285
|
n != null && n.flagImg ? (d(), p("img", {
|
|
1275
1286
|
key: 1,
|
|
1276
1287
|
class: "yselect__flag",
|
|
1277
1288
|
src: n.flagImg,
|
|
1278
1289
|
alt: "flag"
|
|
1279
|
-
}, null, 8,
|
|
1290
|
+
}, null, 8, Kl)) : V("", !0),
|
|
1280
1291
|
We(" " + we(j(n)), 1)
|
|
1281
1292
|
], !0)
|
|
1282
|
-
], 42,
|
|
1293
|
+
], 42, _l))), 128))
|
|
1283
1294
|
], 512)
|
|
1284
|
-
], 38)) :
|
|
1295
|
+
], 38)) : V("", !0)
|
|
1285
1296
|
]))
|
|
1286
1297
|
]),
|
|
1287
1298
|
_: 3
|
|
1288
1299
|
})
|
|
1289
1300
|
], 6));
|
|
1290
1301
|
}
|
|
1291
|
-
}), $t = /* @__PURE__ */ ze(
|
|
1302
|
+
}), $t = /* @__PURE__ */ ze(Wl, [["__scopeId", "data-v-b08c47e4"]]), Rl = { class: "ypagination" }, Vl = { class: "page-actions" }, Al = { class: "page-size-select" }, Pl = /* @__PURE__ */ _e({
|
|
1292
1303
|
__name: "ypagination",
|
|
1293
1304
|
props: {
|
|
1294
1305
|
currentPage: {},
|
|
@@ -1304,20 +1315,20 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1304
1315
|
},
|
|
1305
1316
|
emits: ["update:currentPage", "update:pageSize", "page-change", "page-size-change"],
|
|
1306
1317
|
setup(t, { emit: f }) {
|
|
1307
|
-
const e = t, l = f, m =
|
|
1318
|
+
const e = t, l = f, m = I(e.pageSize), h = _(() => e.pageSizeOptions), i = _({
|
|
1308
1319
|
get: () => e.currentPage,
|
|
1309
1320
|
set: (C) => {
|
|
1310
1321
|
l("update:currentPage", C), l("page-change", C);
|
|
1311
1322
|
}
|
|
1312
1323
|
});
|
|
1313
1324
|
function S(C) {
|
|
1314
|
-
e.loading || C >= 1 && C !== e.currentPage && (
|
|
1325
|
+
e.loading || C >= 1 && C !== e.currentPage && (i.value = C);
|
|
1315
1326
|
}
|
|
1316
1327
|
function $(C) {
|
|
1317
|
-
e.loading || (m.value = C, l("update:pageSize", C), l("page-size-change", C),
|
|
1328
|
+
e.loading || (m.value = C, l("update:pageSize", C), l("page-size-change", C), i.value = 1);
|
|
1318
1329
|
}
|
|
1319
|
-
function
|
|
1320
|
-
e.loading || (C === "prev" ? S(
|
|
1330
|
+
function M(C) {
|
|
1331
|
+
e.loading || (C === "prev" ? S(i.value - 1) : C === "next" && S(i.value + 1));
|
|
1321
1332
|
}
|
|
1322
1333
|
return m.value = e.pageSize, ge(
|
|
1323
1334
|
() => e.pageSize,
|
|
@@ -1326,33 +1337,33 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1326
1337
|
}
|
|
1327
1338
|
), (C, c) => {
|
|
1328
1339
|
const g = nt("YButton"), x = nt("YSelect");
|
|
1329
|
-
return d(), p("div",
|
|
1330
|
-
|
|
1331
|
-
|
|
1340
|
+
return d(), p("div", Rl, [
|
|
1341
|
+
s("div", Vl, [
|
|
1342
|
+
Ie(g, {
|
|
1332
1343
|
size: "small",
|
|
1333
1344
|
variant: "secondary",
|
|
1334
|
-
disabled:
|
|
1335
|
-
onClick: c[0] || (c[0] = (
|
|
1345
|
+
disabled: i.value === 1 || t.loading,
|
|
1346
|
+
onClick: c[0] || (c[0] = (H) => S(1))
|
|
1336
1347
|
}, {
|
|
1337
1348
|
default: $e(() => [...c[2] || (c[2] = [
|
|
1338
1349
|
We("首页", -1)
|
|
1339
1350
|
])]),
|
|
1340
1351
|
_: 1
|
|
1341
1352
|
}, 8, ["disabled"]),
|
|
1342
|
-
|
|
1353
|
+
Ie(g, {
|
|
1343
1354
|
class: "ml-1",
|
|
1344
1355
|
variant: "secondary",
|
|
1345
1356
|
size: "small",
|
|
1346
1357
|
groupItems: [
|
|
1347
|
-
{ label: "上一页", value: "prev", disabled:
|
|
1358
|
+
{ label: "上一页", value: "prev", disabled: i.value === 1 || t.loading, icon: "chevron-left", onlyIcon: !0, ariaLabel: "上一页" },
|
|
1348
1359
|
{ label: "下一页", value: "next", disabled: t.loading || t.disableNext, icon: "chevron-right", onlyIcon: !0, ariaLabel: "下一页" }
|
|
1349
1360
|
],
|
|
1350
|
-
onGroupClick:
|
|
1361
|
+
onGroupClick: M
|
|
1351
1362
|
}, null, 8, ["groupItems"]),
|
|
1352
|
-
|
|
1353
|
-
|
|
1363
|
+
s("div", Al, [
|
|
1364
|
+
Ie(x, {
|
|
1354
1365
|
modelValue: m.value,
|
|
1355
|
-
"onUpdate:modelValue": c[1] || (c[1] = (
|
|
1366
|
+
"onUpdate:modelValue": c[1] || (c[1] = (H) => m.value = H),
|
|
1356
1367
|
options: h.value,
|
|
1357
1368
|
size: "small",
|
|
1358
1369
|
width: "105px",
|
|
@@ -1365,50 +1376,50 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1365
1376
|
]);
|
|
1366
1377
|
};
|
|
1367
1378
|
}
|
|
1368
|
-
}),
|
|
1379
|
+
}), Yl = /* @__PURE__ */ ze(Pl, [["__scopeId", "data-v-5a512f0f"]]), Fl = ["aria-label"], Ol = { class: "y-badge__inner" }, jl = {
|
|
1369
1380
|
key: 0,
|
|
1370
1381
|
class: "y-badge__progress",
|
|
1371
1382
|
"aria-hidden": "true"
|
|
1372
|
-
},
|
|
1383
|
+
}, ql = {
|
|
1373
1384
|
key: 0,
|
|
1374
1385
|
class: "icon",
|
|
1375
1386
|
viewBox: "0 0 20 20",
|
|
1376
1387
|
fill: "currentColor"
|
|
1377
|
-
},
|
|
1388
|
+
}, Ul = {
|
|
1378
1389
|
key: 1,
|
|
1379
1390
|
class: "icon",
|
|
1380
1391
|
viewBox: "0 0 20 20",
|
|
1381
1392
|
fill: "currentColor"
|
|
1382
|
-
},
|
|
1393
|
+
}, Gl = {
|
|
1383
1394
|
key: 2,
|
|
1384
1395
|
class: "icon",
|
|
1385
1396
|
viewBox: "0 0 20 20",
|
|
1386
1397
|
fill: "currentColor"
|
|
1387
|
-
},
|
|
1398
|
+
}, Zl = {
|
|
1388
1399
|
key: 1,
|
|
1389
1400
|
class: "y-badge__icon",
|
|
1390
1401
|
"aria-hidden": "true"
|
|
1391
|
-
},
|
|
1402
|
+
}, Ql = {
|
|
1392
1403
|
key: 0,
|
|
1393
1404
|
class: "icon",
|
|
1394
1405
|
viewBox: "0 0 20 20",
|
|
1395
1406
|
fill: "currentColor"
|
|
1396
|
-
},
|
|
1407
|
+
}, Jl = {
|
|
1397
1408
|
key: 1,
|
|
1398
1409
|
class: "icon",
|
|
1399
1410
|
viewBox: "0 0 20 20",
|
|
1400
1411
|
fill: "currentColor"
|
|
1401
|
-
},
|
|
1412
|
+
}, Xl = {
|
|
1402
1413
|
key: 2,
|
|
1403
1414
|
class: "icon",
|
|
1404
1415
|
viewBox: "0 0 20 20",
|
|
1405
1416
|
fill: "currentColor"
|
|
1406
|
-
},
|
|
1417
|
+
}, en = {
|
|
1407
1418
|
key: 3,
|
|
1408
1419
|
class: "icon",
|
|
1409
1420
|
viewBox: "0 0 20 20",
|
|
1410
1421
|
fill: "currentColor"
|
|
1411
|
-
},
|
|
1422
|
+
}, tn = { class: "y-badge__label" }, ln = /* @__PURE__ */ _e({
|
|
1412
1423
|
__name: "ybadge",
|
|
1413
1424
|
props: {
|
|
1414
1425
|
tone: { default: "default" },
|
|
@@ -1421,14 +1432,14 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1421
1432
|
},
|
|
1422
1433
|
setup(t) {
|
|
1423
1434
|
const f = t, e = _(() => f.tone || "default"), l = _(() => {
|
|
1424
|
-
const m = (f.label || "").trim(), h = f.tone,
|
|
1425
|
-
if (
|
|
1435
|
+
const m = (f.label || "").trim(), h = f.tone, i = f.progress;
|
|
1436
|
+
if (i) {
|
|
1426
1437
|
const S = {
|
|
1427
1438
|
incomplete: "未完成",
|
|
1428
1439
|
partiallyComplete: "部分完成",
|
|
1429
1440
|
complete: "已完成"
|
|
1430
1441
|
};
|
|
1431
|
-
return m ? `${m},进度:${S[
|
|
1442
|
+
return m ? `${m},进度:${S[i] || i}` : `进度:${S[i] || i}`;
|
|
1432
1443
|
}
|
|
1433
1444
|
if (h && h !== "default") {
|
|
1434
1445
|
const S = {
|
|
@@ -1453,17 +1464,17 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1453
1464
|
role: "status",
|
|
1454
1465
|
"aria-label": l.value
|
|
1455
1466
|
}, [
|
|
1456
|
-
|
|
1457
|
-
t.progress ? (d(), p("span",
|
|
1458
|
-
t.progress === "incomplete" ? (d(), p("svg",
|
|
1459
|
-
|
|
1467
|
+
s("span", Ol, [
|
|
1468
|
+
t.progress ? (d(), p("span", jl, [
|
|
1469
|
+
t.progress === "incomplete" ? (d(), p("svg", ql, [...h[0] || (h[0] = [
|
|
1470
|
+
s("circle", {
|
|
1460
1471
|
cx: "10",
|
|
1461
1472
|
cy: "10",
|
|
1462
1473
|
r: "5"
|
|
1463
1474
|
}, null, -1)
|
|
1464
|
-
])])) : t.progress === "partiallyComplete" ? (d(), p("svg",
|
|
1465
|
-
|
|
1466
|
-
|
|
1475
|
+
])])) : t.progress === "partiallyComplete" ? (d(), p("svg", Ul, [...h[1] || (h[1] = [
|
|
1476
|
+
s("path", { d: "M10 5a5 5 0 100 10V5z" }, null, -1),
|
|
1477
|
+
s("circle", {
|
|
1467
1478
|
cx: "10",
|
|
1468
1479
|
cy: "10",
|
|
1469
1480
|
r: "5",
|
|
@@ -1471,55 +1482,55 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1471
1482
|
stroke: "currentColor",
|
|
1472
1483
|
"stroke-width": "2"
|
|
1473
1484
|
}, null, -1)
|
|
1474
|
-
])])) : t.progress === "complete" ? (d(), p("svg",
|
|
1475
|
-
|
|
1485
|
+
])])) : t.progress === "complete" ? (d(), p("svg", Gl, [...h[2] || (h[2] = [
|
|
1486
|
+
s("path", {
|
|
1476
1487
|
"fill-rule": "evenodd",
|
|
1477
1488
|
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",
|
|
1478
1489
|
"clip-rule": "evenodd"
|
|
1479
1490
|
}, null, -1)
|
|
1480
|
-
])])) :
|
|
1481
|
-
])) : t.icon ? (d(), p("span",
|
|
1482
|
-
t.icon === "dot" ? (d(), p("svg",
|
|
1483
|
-
|
|
1491
|
+
])])) : V("", !0)
|
|
1492
|
+
])) : t.icon ? (d(), p("span", Zl, [
|
|
1493
|
+
t.icon === "dot" ? (d(), p("svg", Ql, [...h[3] || (h[3] = [
|
|
1494
|
+
s("circle", {
|
|
1484
1495
|
cx: "10",
|
|
1485
1496
|
cy: "10",
|
|
1486
1497
|
r: "4"
|
|
1487
1498
|
}, null, -1)
|
|
1488
|
-
])])) : t.icon === "check" ? (d(), p("svg",
|
|
1489
|
-
|
|
1499
|
+
])])) : t.icon === "check" ? (d(), p("svg", Jl, [...h[4] || (h[4] = [
|
|
1500
|
+
s("path", {
|
|
1490
1501
|
"fill-rule": "evenodd",
|
|
1491
1502
|
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",
|
|
1492
1503
|
"clip-rule": "evenodd"
|
|
1493
1504
|
}, null, -1)
|
|
1494
|
-
])])) : t.icon === "alert" ? (d(), p("svg",
|
|
1495
|
-
|
|
1505
|
+
])])) : t.icon === "alert" ? (d(), p("svg", Xl, [...h[5] || (h[5] = [
|
|
1506
|
+
s("path", {
|
|
1496
1507
|
"fill-rule": "evenodd",
|
|
1497
1508
|
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",
|
|
1498
1509
|
"clip-rule": "evenodd"
|
|
1499
1510
|
}, null, -1)
|
|
1500
|
-
])])) : (d(), p("svg",
|
|
1501
|
-
|
|
1511
|
+
])])) : (d(), p("svg", en, [...h[6] || (h[6] = [
|
|
1512
|
+
s("circle", {
|
|
1502
1513
|
cx: "10",
|
|
1503
1514
|
cy: "10",
|
|
1504
1515
|
r: "4"
|
|
1505
1516
|
}, null, -1)
|
|
1506
1517
|
])]))
|
|
1507
|
-
])) :
|
|
1508
|
-
|
|
1509
|
-
|
|
1518
|
+
])) : V("", !0),
|
|
1519
|
+
s("span", tn, [
|
|
1520
|
+
ke(m.$slots, "default", {}, () => [
|
|
1510
1521
|
We(we(t.label), 1)
|
|
1511
1522
|
], !0)
|
|
1512
1523
|
])
|
|
1513
1524
|
])
|
|
1514
|
-
], 10,
|
|
1525
|
+
], 10, Fl));
|
|
1515
1526
|
}
|
|
1516
|
-
}),
|
|
1527
|
+
}), nn = /* @__PURE__ */ ze(ln, [["__scopeId", "data-v-ce819797"]]), an = ["aria-hidden"], on = ["onKeydown"], sn = {
|
|
1517
1528
|
key: 0,
|
|
1518
1529
|
class: "y-dialog-header"
|
|
1519
|
-
},
|
|
1530
|
+
}, rn = { class: "y-dialog-title" }, un = { class: "y-dialog-body" }, dn = {
|
|
1520
1531
|
key: 1,
|
|
1521
1532
|
class: "y-dialog-footer"
|
|
1522
|
-
},
|
|
1533
|
+
}, cn = /* @__PURE__ */ _e({
|
|
1523
1534
|
__name: "ydialog",
|
|
1524
1535
|
props: {
|
|
1525
1536
|
modelValue: { type: Boolean, default: !1 },
|
|
@@ -1537,7 +1548,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1537
1548
|
const e = t, l = f, m = _({
|
|
1538
1549
|
get: () => e.modelValue,
|
|
1539
1550
|
set: (c) => l("update:modelValue", c)
|
|
1540
|
-
}), h =
|
|
1551
|
+
}), h = I(null), i = _(() => {
|
|
1541
1552
|
const c = {};
|
|
1542
1553
|
return c.width = typeof e.width == "number" ? `${e.width}px` : String(e.width), c.margin = "0 auto", c.top = e.top, c;
|
|
1543
1554
|
});
|
|
@@ -1547,11 +1558,11 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1547
1558
|
function $() {
|
|
1548
1559
|
m.value && (m.value = !1, l("close"));
|
|
1549
1560
|
}
|
|
1550
|
-
function
|
|
1561
|
+
function M() {
|
|
1551
1562
|
e.closable && $();
|
|
1552
1563
|
}
|
|
1553
1564
|
function C(c) {
|
|
1554
|
-
c.key === "Escape" &&
|
|
1565
|
+
c.key === "Escape" && M();
|
|
1555
1566
|
}
|
|
1556
1567
|
return ge(() => e.modelValue, (c) => {
|
|
1557
1568
|
c ? (l("open"), requestAnimationFrame(() => {
|
|
@@ -1563,30 +1574,30 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1563
1574
|
}), Oe(() => {
|
|
1564
1575
|
document.removeEventListener("keydown", C), document.body.style.overflow = "";
|
|
1565
1576
|
}), (c, g) => (d(), Pe(Xe, { to: "body" }, [
|
|
1566
|
-
je(
|
|
1577
|
+
je(s("div", {
|
|
1567
1578
|
class: "y-dialog-root",
|
|
1568
1579
|
role: "dialog",
|
|
1569
1580
|
"aria-modal": !0,
|
|
1570
1581
|
"aria-hidden": !m.value,
|
|
1571
1582
|
style: be({ zIndex: String(t.zIndex) })
|
|
1572
1583
|
}, [
|
|
1573
|
-
|
|
1584
|
+
s("div", {
|
|
1574
1585
|
class: "y-dialog-mask",
|
|
1575
1586
|
onClick: S
|
|
1576
1587
|
}),
|
|
1577
|
-
|
|
1588
|
+
Ie(Ve, { name: "dialog-zoom-fade" }, {
|
|
1578
1589
|
default: $e(() => [
|
|
1579
|
-
je(
|
|
1590
|
+
je(s("div", {
|
|
1580
1591
|
ref_key: "panelRef",
|
|
1581
1592
|
ref: h,
|
|
1582
1593
|
class: Z(["y-dialog-panel", [t.center ? "is-center" : ""]]),
|
|
1583
|
-
style: be(
|
|
1584
|
-
onKeydown: Ke(me(
|
|
1594
|
+
style: be(i.value),
|
|
1595
|
+
onKeydown: Ke(me(M, ["prevent", "stop"]), ["esc"]),
|
|
1585
1596
|
tabindex: "-1"
|
|
1586
1597
|
}, [
|
|
1587
|
-
t.showHeader ? (d(), p("div",
|
|
1588
|
-
|
|
1589
|
-
|
|
1598
|
+
t.showHeader ? (d(), p("div", sn, [
|
|
1599
|
+
ke(c.$slots, "header", {}, () => [
|
|
1600
|
+
s("div", rn, we(t.title), 1)
|
|
1590
1601
|
], !0),
|
|
1591
1602
|
t.closable ? (d(), p("button", {
|
|
1592
1603
|
key: 0,
|
|
@@ -1594,26 +1605,26 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1594
1605
|
class: "y-dialog-close",
|
|
1595
1606
|
"aria-label": "Close",
|
|
1596
1607
|
onClick: $
|
|
1597
|
-
}, " ✕ ")) :
|
|
1598
|
-
])) :
|
|
1599
|
-
|
|
1600
|
-
|
|
1608
|
+
}, " ✕ ")) : V("", !0)
|
|
1609
|
+
])) : V("", !0),
|
|
1610
|
+
s("div", un, [
|
|
1611
|
+
ke(c.$slots, "default", {}, void 0, !0)
|
|
1601
1612
|
]),
|
|
1602
|
-
c.$slots.footer ? (d(), p("div",
|
|
1603
|
-
|
|
1604
|
-
])) :
|
|
1605
|
-
], 46,
|
|
1613
|
+
c.$slots.footer ? (d(), p("div", dn, [
|
|
1614
|
+
ke(c.$slots, "footer", {}, void 0, !0)
|
|
1615
|
+
])) : V("", !0)
|
|
1616
|
+
], 46, on), [
|
|
1606
1617
|
[Ze, m.value]
|
|
1607
1618
|
])
|
|
1608
1619
|
]),
|
|
1609
1620
|
_: 3
|
|
1610
1621
|
})
|
|
1611
|
-
], 12,
|
|
1622
|
+
], 12, an), [
|
|
1612
1623
|
[Ze, m.value]
|
|
1613
1624
|
])
|
|
1614
1625
|
]));
|
|
1615
1626
|
}
|
|
1616
|
-
}),
|
|
1627
|
+
}), fn = /* @__PURE__ */ ze(cn, [["__scopeId", "data-v-b4d84def"]]), vn = { class: "ypopover__inner" }, hn = /* @__PURE__ */ _e({
|
|
1617
1628
|
__name: "ypopover",
|
|
1618
1629
|
props: {
|
|
1619
1630
|
trigger: { default: "click" },
|
|
@@ -1633,14 +1644,14 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1633
1644
|
},
|
|
1634
1645
|
emits: ["update:modelValue", "show", "hide", "before-show", "before-hide"],
|
|
1635
1646
|
setup(t, { expose: f, emit: e }) {
|
|
1636
|
-
const l = t, m = e, h =
|
|
1647
|
+
const l = t, m = e, h = I(), i = I(), S = I(), $ = I(!1), M = I(), C = I(), c = I({});
|
|
1637
1648
|
let g = null, x = null;
|
|
1638
|
-
const
|
|
1639
|
-
if (!$.value || !
|
|
1649
|
+
const H = _(() => {
|
|
1650
|
+
if (!$.value || !M.value) return {};
|
|
1640
1651
|
const Y = {};
|
|
1641
1652
|
l.width !== "auto" && (Y.width = typeof l.width == "number" ? `${l.width}px` : l.width), l.maxWidth && (Y.maxWidth = typeof l.maxWidth == "number" ? `${l.maxWidth}px` : l.maxWidth);
|
|
1642
|
-
const { top:
|
|
1643
|
-
return Y.top = `${
|
|
1653
|
+
const { top: J, left: ne } = R();
|
|
1654
|
+
return Y.top = `${J}px`, Y.left = `${ne}px`, Y;
|
|
1644
1655
|
}), W = _(() => {
|
|
1645
1656
|
if (!l.showArrow) return {};
|
|
1646
1657
|
if (Object.keys(c.value).length > 0)
|
|
@@ -1649,50 +1660,50 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1649
1660
|
return l.placement.startsWith("top") || l.placement.startsWith("bottom") ? Y.left = "50%" : Y.top = "50%", Y;
|
|
1650
1661
|
});
|
|
1651
1662
|
function R() {
|
|
1652
|
-
var N,
|
|
1653
|
-
if (!
|
|
1654
|
-
const { width: Y, height:
|
|
1655
|
-
let
|
|
1663
|
+
var N, B;
|
|
1664
|
+
if (!M.value) return { top: 0, left: 0 };
|
|
1665
|
+
const { width: Y, height: J, top: ne, left: U } = M.value, ae = ((N = S.value) == null ? void 0 : N.offsetWidth) || 200, b = ((B = S.value) == null ? void 0 : B.offsetHeight) || 100;
|
|
1666
|
+
let r = 0, n = 0;
|
|
1656
1667
|
switch (l.placement) {
|
|
1657
1668
|
case "top":
|
|
1658
|
-
|
|
1669
|
+
r = ne - b - l.offset, n = U + (Y - ae) / 2;
|
|
1659
1670
|
break;
|
|
1660
1671
|
case "top-start":
|
|
1661
|
-
|
|
1672
|
+
r = ne - b - l.offset, n = U;
|
|
1662
1673
|
break;
|
|
1663
1674
|
case "top-end":
|
|
1664
|
-
|
|
1675
|
+
r = ne - b - l.offset, n = U + Y - ae;
|
|
1665
1676
|
break;
|
|
1666
1677
|
case "bottom":
|
|
1667
|
-
|
|
1678
|
+
r = ne + J + l.offset, n = U + (Y - ae) / 2;
|
|
1668
1679
|
break;
|
|
1669
1680
|
case "bottom-start":
|
|
1670
|
-
|
|
1681
|
+
r = ne + J + l.offset, n = U;
|
|
1671
1682
|
break;
|
|
1672
1683
|
case "bottom-end":
|
|
1673
|
-
|
|
1684
|
+
r = ne + J + l.offset, n = U + Y - ae;
|
|
1674
1685
|
break;
|
|
1675
1686
|
case "left":
|
|
1676
|
-
|
|
1687
|
+
r = ne + (J - b) / 2, n = U - ae - l.offset;
|
|
1677
1688
|
break;
|
|
1678
1689
|
case "left-start":
|
|
1679
|
-
|
|
1690
|
+
r = ne, n = U - ae - l.offset;
|
|
1680
1691
|
break;
|
|
1681
1692
|
case "left-end":
|
|
1682
|
-
|
|
1693
|
+
r = ne + J - b, n = U - ae - l.offset;
|
|
1683
1694
|
break;
|
|
1684
1695
|
case "right":
|
|
1685
|
-
|
|
1696
|
+
r = ne + (J - b) / 2, n = U + Y + l.offset;
|
|
1686
1697
|
break;
|
|
1687
1698
|
case "right-start":
|
|
1688
|
-
|
|
1699
|
+
r = ne, n = U + Y + l.offset;
|
|
1689
1700
|
break;
|
|
1690
1701
|
case "right-end":
|
|
1691
|
-
|
|
1702
|
+
r = ne + J - b, n = U + Y + l.offset;
|
|
1692
1703
|
break;
|
|
1693
1704
|
}
|
|
1694
1705
|
const a = window.innerWidth, w = window.innerHeight;
|
|
1695
|
-
return n < 8 && (n = 8), n + ae > a - 8 && (n = a - ae - 8),
|
|
1706
|
+
return n < 8 && (n = 8), n + ae > a - 8 && (n = a - ae - 8), r < 8 && (r = 8), r + b > w - 8 && (r = w - b - 8), { top: r, left: n };
|
|
1696
1707
|
}
|
|
1697
1708
|
function D() {
|
|
1698
1709
|
l.disabled || $.value || (de(), l.openDelay > 0 ? g = setTimeout(() => {
|
|
@@ -1718,12 +1729,12 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1718
1729
|
g && (clearTimeout(g), g = null), x && (clearTimeout(x), x = null);
|
|
1719
1730
|
}
|
|
1720
1731
|
function K() {
|
|
1721
|
-
if (!l.showArrow || !
|
|
1732
|
+
if (!l.showArrow || !M.value || !S.value) {
|
|
1722
1733
|
c.value = {};
|
|
1723
1734
|
return;
|
|
1724
1735
|
}
|
|
1725
|
-
const Y =
|
|
1726
|
-
if (
|
|
1736
|
+
const Y = M.value, J = S.value.getBoundingClientRect();
|
|
1737
|
+
if (J.width === 0 || J.height === 0) {
|
|
1727
1738
|
const U = {};
|
|
1728
1739
|
l.placement.startsWith("top") || l.placement.startsWith("bottom") ? U.left = "50%" : U.top = "50%", c.value = U;
|
|
1729
1740
|
return;
|
|
@@ -1731,25 +1742,25 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1731
1742
|
const ne = {};
|
|
1732
1743
|
if (l.placement.startsWith("top")) {
|
|
1733
1744
|
ne.bottom = "-6px";
|
|
1734
|
-
const U = Y.left + Y.width / 2, ae =
|
|
1735
|
-
ne.left = `${Math.max(12, Math.min(b,
|
|
1745
|
+
const U = Y.left + Y.width / 2, ae = J.left, b = U - ae;
|
|
1746
|
+
ne.left = `${Math.max(12, Math.min(b, J.width - 12))}px`;
|
|
1736
1747
|
} else if (l.placement.startsWith("bottom")) {
|
|
1737
1748
|
ne.top = "-6px";
|
|
1738
|
-
const U = Y.left + Y.width / 2, ae =
|
|
1739
|
-
ne.left = `${Math.max(12, Math.min(b,
|
|
1749
|
+
const U = Y.left + Y.width / 2, ae = J.left, b = U - ae;
|
|
1750
|
+
ne.left = `${Math.max(12, Math.min(b, J.width - 12))}px`;
|
|
1740
1751
|
} else if (l.placement.startsWith("left")) {
|
|
1741
1752
|
ne.right = "-6px";
|
|
1742
|
-
const U = Y.top + Y.height / 2, ae =
|
|
1743
|
-
ne.top = `${Math.max(12, Math.min(b,
|
|
1753
|
+
const U = Y.top + Y.height / 2, ae = J.top, b = U - ae;
|
|
1754
|
+
ne.top = `${Math.max(12, Math.min(b, J.height - 12))}px`;
|
|
1744
1755
|
} else if (l.placement.startsWith("right")) {
|
|
1745
1756
|
ne.left = "-6px";
|
|
1746
|
-
const U = Y.top + Y.height / 2, ae =
|
|
1747
|
-
ne.top = `${Math.max(12, Math.min(b,
|
|
1757
|
+
const U = Y.top + Y.height / 2, ae = J.top, b = U - ae;
|
|
1758
|
+
ne.top = `${Math.max(12, Math.min(b, J.height - 12))}px`;
|
|
1748
1759
|
}
|
|
1749
1760
|
c.value = ne;
|
|
1750
1761
|
}
|
|
1751
1762
|
function P() {
|
|
1752
|
-
|
|
1763
|
+
i.value && (M.value = i.value.getBoundingClientRect(), S.value && (C.value = S.value.getBoundingClientRect(), K(), $.value && requestAnimationFrame(() => {
|
|
1753
1764
|
S.value && (C.value = S.value.getBoundingClientRect(), K());
|
|
1754
1765
|
})));
|
|
1755
1766
|
}
|
|
@@ -1770,8 +1781,8 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1770
1781
|
}
|
|
1771
1782
|
function te(Y) {
|
|
1772
1783
|
if (!l.closeOnClickOutside || !$.value) return;
|
|
1773
|
-
const
|
|
1774
|
-
h.value && !h.value.contains(
|
|
1784
|
+
const J = Y.target;
|
|
1785
|
+
h.value && !h.value.contains(J) && S.value && !S.value.contains(J) && j();
|
|
1775
1786
|
}
|
|
1776
1787
|
return ge(() => l.modelValue, (Y) => {
|
|
1777
1788
|
Y !== $.value && (Y ? D() : j());
|
|
@@ -1791,22 +1802,22 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1791
1802
|
show: D,
|
|
1792
1803
|
hide: j,
|
|
1793
1804
|
updatePosition: P
|
|
1794
|
-
}), (Y,
|
|
1805
|
+
}), (Y, J) => (d(), p("div", {
|
|
1795
1806
|
class: "ypopover",
|
|
1796
1807
|
ref_key: "popoverRef",
|
|
1797
1808
|
ref: h
|
|
1798
1809
|
}, [
|
|
1799
|
-
|
|
1810
|
+
s("div", {
|
|
1800
1811
|
ref_key: "triggerRef",
|
|
1801
|
-
ref:
|
|
1812
|
+
ref: i,
|
|
1802
1813
|
onClick: fe,
|
|
1803
1814
|
onMouseenter: ve,
|
|
1804
1815
|
onMouseleave: ce
|
|
1805
1816
|
}, [
|
|
1806
|
-
|
|
1817
|
+
ke(Y.$slots, "reference", {}, void 0, !0)
|
|
1807
1818
|
], 544),
|
|
1808
1819
|
(d(), Pe(Xe, { to: "body" }, [
|
|
1809
|
-
|
|
1820
|
+
Ie(Ve, { name: "ypopover-fade" }, {
|
|
1810
1821
|
default: $e(() => [
|
|
1811
1822
|
$.value ? (d(), p("div", {
|
|
1812
1823
|
key: 0,
|
|
@@ -1819,8 +1830,8 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1819
1830
|
"ypopover__content--no-padding": !t.showPadding
|
|
1820
1831
|
}
|
|
1821
1832
|
]]),
|
|
1822
|
-
style: be(
|
|
1823
|
-
onClick:
|
|
1833
|
+
style: be(H.value),
|
|
1834
|
+
onClick: J[0] || (J[0] = me(() => {
|
|
1824
1835
|
}, ["stop"])),
|
|
1825
1836
|
onMouseenter: ie,
|
|
1826
1837
|
onMouseleave: q
|
|
@@ -1829,27 +1840,27 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1829
1840
|
key: 0,
|
|
1830
1841
|
class: Z(["ypopover__arrow", `ypopover__arrow--${t.placement}`]),
|
|
1831
1842
|
style: be(W.value)
|
|
1832
|
-
}, null, 6)) :
|
|
1833
|
-
|
|
1834
|
-
|
|
1843
|
+
}, null, 6)) : V("", !0),
|
|
1844
|
+
s("div", vn, [
|
|
1845
|
+
ke(Y.$slots, "default", {}, void 0, !0)
|
|
1835
1846
|
])
|
|
1836
|
-
], 38)) :
|
|
1847
|
+
], 38)) : V("", !0)
|
|
1837
1848
|
]),
|
|
1838
1849
|
_: 3
|
|
1839
1850
|
})
|
|
1840
1851
|
]))
|
|
1841
1852
|
], 512));
|
|
1842
1853
|
}
|
|
1843
|
-
}),
|
|
1854
|
+
}), gn = /* @__PURE__ */ ze(hn, [["__scopeId", "data-v-be755399"]]), pn = { class: "relative" }, yn = ["value", "placeholder"], mn = { class: "nh-time-suffix" }, wn = { class: "nh-time-shortcuts" }, bn = { class: "nh-time-shortcuts-list" }, kn = ["onClick", "onKeydown", "onMouseenter"], Cn = { class: "nh-time-custom" }, xn = { class: "nh-time-custom-header" }, Dn = { class: "nh-time-selection-status" }, $n = {
|
|
1844
1855
|
key: 0,
|
|
1845
1856
|
class: "status-text"
|
|
1846
|
-
},
|
|
1857
|
+
}, Sn = {
|
|
1847
1858
|
key: 1,
|
|
1848
1859
|
class: "status-text"
|
|
1849
|
-
},
|
|
1860
|
+
}, In = {
|
|
1850
1861
|
key: 2,
|
|
1851
1862
|
class: "status-text status-complete"
|
|
1852
|
-
}, Mn = { class: "nh-time-pickers" },
|
|
1863
|
+
}, Mn = { class: "nh-time-pickers" }, Tn = { class: "nh-time-picker" }, Ln = { class: "nh-date-picker" }, En = { class: "nh-date-picker-header" }, Hn = { class: "nh-date-picker-header-label" }, Bn = { class: "nh-date-picker-content" }, _n = { class: "nh-date-table" }, zn = ["onClick"], Nn = { class: "nh-date-table-cell" }, Kn = { key: 0 }, Wn = { class: "nh-time-picker" }, Rn = { class: "nh-date-picker" }, Vn = { class: "nh-date-picker-header" }, An = { class: "nh-date-picker-header-label" }, Pn = { class: "nh-date-picker-content" }, Yn = { class: "nh-date-table" }, Fn = ["onClick"], On = { class: "nh-date-table-cell" }, jn = { key: 0 }, qn = { class: "nh-time-actions" }, Un = /* @__PURE__ */ _e({
|
|
1853
1864
|
__name: "ytime",
|
|
1854
1865
|
props: {
|
|
1855
1866
|
modelValue: { default: () => ({ startDate: null, endDate: null }) },
|
|
@@ -1900,13 +1911,13 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1900
1911
|
},
|
|
1901
1912
|
emits: ["update:modelValue", "change"],
|
|
1902
1913
|
setup(t, { emit: f }) {
|
|
1903
|
-
const e = t, l = f, m =
|
|
1914
|
+
const e = t, l = f, m = I(!1), h = I(-1), i = I(-1), S = I(null), $ = I(), M = I(), C = I({
|
|
1904
1915
|
top: !0,
|
|
1905
1916
|
left: !0
|
|
1906
|
-
}), c =
|
|
1917
|
+
}), c = I({
|
|
1907
1918
|
year: (/* @__PURE__ */ new Date()).getFullYear(),
|
|
1908
1919
|
month: (/* @__PURE__ */ new Date()).getMonth()
|
|
1909
|
-
}), g =
|
|
1920
|
+
}), g = I({
|
|
1910
1921
|
year: (/* @__PURE__ */ new Date()).getFullYear(),
|
|
1911
1922
|
month: (/* @__PURE__ */ new Date()).getMonth() + 1
|
|
1912
1923
|
}), x = () => {
|
|
@@ -1915,13 +1926,13 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1915
1926
|
const E = new Date(c.value.year, c.value.month + 1);
|
|
1916
1927
|
g.value.year = E.getFullYear(), g.value.month = E.getMonth();
|
|
1917
1928
|
}
|
|
1918
|
-
},
|
|
1929
|
+
}, H = () => {
|
|
1919
1930
|
const u = new Date(c.value.year, c.value.month).getTime();
|
|
1920
1931
|
if (new Date(g.value.year, g.value.month).getTime() <= u) {
|
|
1921
1932
|
const E = new Date(g.value.year, g.value.month - 1);
|
|
1922
1933
|
c.value.year = E.getFullYear(), c.value.month = E.getMonth();
|
|
1923
1934
|
}
|
|
1924
|
-
}, W = ["一", "二", "三", "四", "五", "六", "日"], R =
|
|
1935
|
+
}, W = ["一", "二", "三", "四", "五", "六", "日"], R = I(null), D = I(null), z = (u) => {
|
|
1925
1936
|
if (!u) return null;
|
|
1926
1937
|
if (u instanceof Date) return u;
|
|
1927
1938
|
if (typeof u == "number")
|
|
@@ -1933,12 +1944,12 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1933
1944
|
return null;
|
|
1934
1945
|
}, j = (u) => {
|
|
1935
1946
|
if (!u) return null;
|
|
1936
|
-
const y = u.getFullYear(), E = String(u.getMonth() + 1).padStart(2, "0"),
|
|
1947
|
+
const y = u.getFullYear(), E = String(u.getMonth() + 1).padStart(2, "0"), Q = String(u.getDate()).padStart(2, "0");
|
|
1937
1948
|
if (e.includeTime) {
|
|
1938
|
-
const
|
|
1939
|
-
return `${y}-${E}-${
|
|
1949
|
+
const Ce = String(u.getHours()).padStart(2, "0"), xe = String(u.getMinutes()).padStart(2, "0"), Te = String(u.getSeconds()).padStart(2, "0");
|
|
1950
|
+
return `${y}-${E}-${Q} ${Ce}:${xe}:${Te}`;
|
|
1940
1951
|
} else
|
|
1941
|
-
return `${y}-${E}-${
|
|
1952
|
+
return `${y}-${E}-${Q}`;
|
|
1942
1953
|
}, ye = (u) => u ? u.getTime() : null, de = (u) => u ? {
|
|
1943
1954
|
startDate: z(u.startDate),
|
|
1944
1955
|
endDate: z(u.endDate)
|
|
@@ -1953,34 +1964,34 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1953
1964
|
if (!(y != null && y.startDate) || !(y != null && y.endDate))
|
|
1954
1965
|
return -1;
|
|
1955
1966
|
for (let E = 0; E < e.shortcuts.length; E++) {
|
|
1956
|
-
const
|
|
1957
|
-
if (
|
|
1958
|
-
const
|
|
1967
|
+
const Q = e.shortcuts[E].getValue();
|
|
1968
|
+
if (Q.startDate && Q.endDate && y.startDate && y.endDate) {
|
|
1969
|
+
const Ce = new Date(
|
|
1959
1970
|
y.startDate.getFullYear(),
|
|
1960
1971
|
y.startDate.getMonth(),
|
|
1961
1972
|
y.startDate.getDate()
|
|
1962
|
-
),
|
|
1973
|
+
), xe = new Date(
|
|
1963
1974
|
y.endDate.getFullYear(),
|
|
1964
1975
|
y.endDate.getMonth(),
|
|
1965
1976
|
y.endDate.getDate()
|
|
1966
1977
|
), Te = new Date(
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1978
|
+
Q.startDate.getFullYear(),
|
|
1979
|
+
Q.startDate.getMonth(),
|
|
1980
|
+
Q.startDate.getDate()
|
|
1970
1981
|
), Ae = new Date(
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1982
|
+
Q.endDate.getFullYear(),
|
|
1983
|
+
Q.endDate.getMonth(),
|
|
1984
|
+
Q.endDate.getDate()
|
|
1974
1985
|
);
|
|
1975
|
-
if (
|
|
1986
|
+
if (Ce.getTime() === Te.getTime() && xe.getTime() === Ae.getTime())
|
|
1976
1987
|
return E;
|
|
1977
1988
|
}
|
|
1978
1989
|
}
|
|
1979
1990
|
return -1;
|
|
1980
1991
|
}, ie = (u, y) => {
|
|
1981
|
-
const E = new Date(u, y, 1),
|
|
1982
|
-
for (let
|
|
1983
|
-
const Ye = new Date(u, y - 1, Qe.getDate() -
|
|
1992
|
+
const E = new Date(u, y, 1), Q = new Date(u, y + 1, 0), Ce = E.getDay(), xe = Q.getDate(), Te = [], Ae = /* @__PURE__ */ new Date(), qe = Ce === 0 ? 6 : Ce - 1, Qe = new Date(u, y, 0);
|
|
1993
|
+
for (let Me = qe - 1; Me >= 0; Me--) {
|
|
1994
|
+
const Ye = new Date(u, y - 1, Qe.getDate() - Me);
|
|
1984
1995
|
Te.push({
|
|
1985
1996
|
date: Ye,
|
|
1986
1997
|
day: Ye.getDate(),
|
|
@@ -1992,11 +2003,11 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
1992
2003
|
// 禁用非当前月的日期
|
|
1993
2004
|
});
|
|
1994
2005
|
}
|
|
1995
|
-
for (let
|
|
1996
|
-
const Ye = new Date(u, y,
|
|
2006
|
+
for (let Me = 1; Me <= xe; Me++) {
|
|
2007
|
+
const Ye = new Date(u, y, Me);
|
|
1997
2008
|
Te.push({
|
|
1998
2009
|
date: Ye,
|
|
1999
|
-
day:
|
|
2010
|
+
day: Me,
|
|
2000
2011
|
isCurrentMonth: !0,
|
|
2001
2012
|
isToday: fe(Ye, Ae),
|
|
2002
2013
|
isSelected: !1,
|
|
@@ -2005,11 +2016,11 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2005
2016
|
});
|
|
2006
2017
|
}
|
|
2007
2018
|
const Je = 42 - Te.length;
|
|
2008
|
-
for (let
|
|
2009
|
-
const Ye = new Date(u, y + 1,
|
|
2019
|
+
for (let Me = 1; Me <= Je; Me++) {
|
|
2020
|
+
const Ye = new Date(u, y + 1, Me);
|
|
2010
2021
|
Te.push({
|
|
2011
2022
|
date: Ye,
|
|
2012
|
-
day:
|
|
2023
|
+
day: Me,
|
|
2013
2024
|
isCurrentMonth: !1,
|
|
2014
2025
|
isToday: fe(Ye, Ae),
|
|
2015
2026
|
isSelected: !1,
|
|
@@ -2019,22 +2030,22 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2019
2030
|
});
|
|
2020
2031
|
}
|
|
2021
2032
|
const et = [];
|
|
2022
|
-
for (let
|
|
2023
|
-
et.push(Te.slice(
|
|
2033
|
+
for (let Me = 0; Me < Te.length; Me += 7)
|
|
2034
|
+
et.push(Te.slice(Me, Me + 7));
|
|
2024
2035
|
return et;
|
|
2025
2036
|
}, q = (u) => {
|
|
2026
2037
|
const y = K(u);
|
|
2027
2038
|
l("update:modelValue", y), l("change", y);
|
|
2028
2039
|
}, te = () => {
|
|
2029
|
-
if (!$.value || !
|
|
2030
|
-
const u = $.value.getBoundingClientRect(), y =
|
|
2031
|
-
|
|
2040
|
+
if (!$.value || !M.value) return;
|
|
2041
|
+
const u = $.value.getBoundingClientRect(), y = M.value.getBoundingClientRect(), E = window.innerWidth, Ce = window.innerHeight - u.bottom, xe = u.top, Te = y.height || 400;
|
|
2042
|
+
Ce < Te && xe > Te ? C.value.top = !1 : C.value.top = !0;
|
|
2032
2043
|
const Ae = E - u.left, qe = y.width || 640;
|
|
2033
2044
|
Ae < qe ? C.value.left = !1 : C.value.left = !0;
|
|
2034
2045
|
}, Y = () => {
|
|
2035
2046
|
if (m.value = !m.value, m.value) {
|
|
2036
2047
|
const u = de(e.modelValue);
|
|
2037
|
-
if (R.value = (u == null ? void 0 : u.startDate) || null, D.value = (u == null ? void 0 : u.endDate) || null,
|
|
2048
|
+
if (R.value = (u == null ? void 0 : u.startDate) || null, D.value = (u == null ? void 0 : u.endDate) || null, i.value = ce(e.modelValue), h.value = -1, u != null && u.startDate && (c.value.year = u.startDate.getFullYear(), c.value.month = u.startDate.getMonth()), u != null && u.endDate)
|
|
2038
2049
|
g.value.year = u.endDate.getFullYear(), g.value.month = u.endDate.getMonth();
|
|
2039
2050
|
else {
|
|
2040
2051
|
const y = new Date(c.value.year, c.value.month + 1);
|
|
@@ -2044,9 +2055,9 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2044
2055
|
te();
|
|
2045
2056
|
});
|
|
2046
2057
|
}
|
|
2047
|
-
},
|
|
2048
|
-
const y = u.target, E = $.value,
|
|
2049
|
-
E &&
|
|
2058
|
+
}, J = (u) => {
|
|
2059
|
+
const y = u.target, E = $.value, Q = M.value;
|
|
2060
|
+
E && Q && !E.contains(y) && !Q.contains(y) && (m.value = !1, h.value = -1);
|
|
2050
2061
|
}, ne = (u) => {
|
|
2051
2062
|
u.key === "Enter" || u.key === " " ? (u.preventDefault(), Y()) : u.key === "ArrowDown" && (u.preventDefault(), m.value = !0, oe(() => {
|
|
2052
2063
|
te(), n();
|
|
@@ -2058,18 +2069,18 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2058
2069
|
u.key === "ArrowDown" ? (u.preventDefault(), h.value = Math.min(y + 1, e.shortcuts.length - 1), a(h.value)) : u.key === "ArrowUp" ? (u.preventDefault(), h.value = Math.max(y - 1, 0), a(h.value)) : (u.key === "Enter" || u.key === " ") && (u.preventDefault(), w(e.shortcuts[y]));
|
|
2059
2070
|
}, b = (u) => {
|
|
2060
2071
|
h.value = u;
|
|
2061
|
-
},
|
|
2072
|
+
}, r = () => {
|
|
2062
2073
|
h.value = -1;
|
|
2063
2074
|
}, n = () => {
|
|
2064
2075
|
h.value = 0, a(0);
|
|
2065
2076
|
}, a = (u) => {
|
|
2066
|
-
if (
|
|
2067
|
-
const E =
|
|
2077
|
+
if (M.value) {
|
|
2078
|
+
const E = M.value.querySelectorAll(".nh-time-shortcut")[u];
|
|
2068
2079
|
E && E.focus();
|
|
2069
2080
|
}
|
|
2070
2081
|
}, w = (u) => {
|
|
2071
2082
|
const y = u.getValue();
|
|
2072
|
-
e.includeTime && y.startDate && y.endDate && (y.startDate.setHours(0, 0, 0, 0), y.endDate.setHours(23, 59, 59, 999)), q(y),
|
|
2083
|
+
e.includeTime && y.startDate && y.endDate && (y.startDate.setHours(0, 0, 0, 0), y.endDate.setHours(23, 59, 59, 999)), q(y), i.value = e.shortcuts.findIndex((E) => E.label === u.label), h.value = -1, m.value = !1;
|
|
2073
2084
|
}, N = (u, y) => {
|
|
2074
2085
|
if (!u || u.isDisabled) return;
|
|
2075
2086
|
let E;
|
|
@@ -2079,25 +2090,25 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2079
2090
|
if (E >= R.value)
|
|
2080
2091
|
e.includeTime && E.setHours(23, 59, 59, 999), D.value = E;
|
|
2081
2092
|
else {
|
|
2082
|
-
const
|
|
2083
|
-
e.includeTime &&
|
|
2093
|
+
const Q = R.value;
|
|
2094
|
+
e.includeTime && Q.setHours(23, 59, 59, 999), D.value = Q, R.value = E;
|
|
2084
2095
|
}
|
|
2085
2096
|
else
|
|
2086
2097
|
R.value = E, D.value = null;
|
|
2087
|
-
if (
|
|
2088
|
-
const
|
|
2089
|
-
e.includeTime &&
|
|
2098
|
+
if (i.value = -1, R.value && D.value) {
|
|
2099
|
+
const Q = new Date(D.value);
|
|
2100
|
+
e.includeTime && Q.setHours(23, 59, 59, 999), S.value = {
|
|
2090
2101
|
startDate: R.value,
|
|
2091
|
-
endDate:
|
|
2102
|
+
endDate: Q
|
|
2092
2103
|
};
|
|
2093
2104
|
} else
|
|
2094
2105
|
S.value = null;
|
|
2095
|
-
},
|
|
2106
|
+
}, B = (u, y) => {
|
|
2096
2107
|
if (!u) return ["nh-date-table-td"];
|
|
2097
2108
|
const E = ["nh-date-table-td"];
|
|
2098
2109
|
return u.isCurrentMonth || E.push("is-prev-month"), u.isToday && E.push("is-today"), u.isDisabled && E.push("is-disabled"), R.value && fe(u.date, R.value) && E.push("is-selected", "is-start"), D.value && fe(u.date, D.value) && E.push("is-selected", "is-end"), R.value && D.value && ve(u.date, R.value, D.value) && E.push("is-in-range"), E;
|
|
2099
|
-
},
|
|
2100
|
-
S.value && (e.includeTime && S.value.endDate && S.value.endDate.setHours(23, 59, 59, 999), q(S.value),
|
|
2110
|
+
}, A = () => {
|
|
2111
|
+
S.value && (e.includeTime && S.value.endDate && S.value.endDate.setHours(23, 59, 59, 999), q(S.value), i.value = ce(S.value), m.value = !1);
|
|
2101
2112
|
}, ee = () => {
|
|
2102
2113
|
q({ startDate: null, endDate: null }), he(), h.value = -1, m.value = !1;
|
|
2103
2114
|
}, G = () => {
|
|
@@ -2108,22 +2119,22 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2108
2119
|
const u = de(e.modelValue);
|
|
2109
2120
|
if (!u || !u.startDate || !u.endDate)
|
|
2110
2121
|
return "";
|
|
2111
|
-
const y = (
|
|
2112
|
-
const
|
|
2113
|
-
return `${
|
|
2114
|
-
}, E = y(u.startDate),
|
|
2115
|
-
return !e.includeTime && E ===
|
|
2122
|
+
const y = (Ce) => {
|
|
2123
|
+
const xe = String(Ce.getFullYear()), Te = String(Ce.getMonth() + 1).padStart(2, "0"), Ae = String(Ce.getDate()).padStart(2, "0");
|
|
2124
|
+
return `${xe}/${Te}/${Ae}`;
|
|
2125
|
+
}, E = y(u.startDate), Q = y(u.endDate);
|
|
2126
|
+
return !e.includeTime && E === Q ? E : `${E} - ${Q}`;
|
|
2116
2127
|
}), O = _(() => [
|
|
2117
2128
|
"nh-time-dropdown",
|
|
2118
2129
|
{
|
|
2119
2130
|
"nh-time-dropdown-top": !C.value.top,
|
|
2120
2131
|
"nh-time-dropdown-right": !C.value.left
|
|
2121
2132
|
}
|
|
2122
|
-
]),
|
|
2133
|
+
]), X = _(() => {
|
|
2123
2134
|
const u = de(e.modelValue);
|
|
2124
2135
|
return !!(u != null && u.startDate && (u != null && u.endDate));
|
|
2125
2136
|
}), le = _(() => !!(R.value && D.value)), he = () => {
|
|
2126
|
-
R.value = null, D.value = null, S.value = null,
|
|
2137
|
+
R.value = null, D.value = null, S.value = null, i.value = -1;
|
|
2127
2138
|
};
|
|
2128
2139
|
ge(() => e.modelValue, (u) => {
|
|
2129
2140
|
const y = de(u);
|
|
@@ -2138,7 +2149,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2138
2149
|
const E = new Date(c.value.year, c.value.month + 1);
|
|
2139
2150
|
g.value.year = E.getFullYear(), g.value.month = E.getMonth();
|
|
2140
2151
|
}
|
|
2141
|
-
(y != null && y.startDate || y != null && y.endDate) && x(), m.value || (
|
|
2152
|
+
(y != null && y.startDate || y != null && y.endDate) && x(), m.value || (i.value = ce(u));
|
|
2142
2153
|
}, { immediate: !0, deep: !0 }), ge([c, g], () => {
|
|
2143
2154
|
const u = new Date(c.value.year, c.value.month).getTime(), y = new Date(g.value.year, g.value.month).getTime();
|
|
2144
2155
|
if (u === y) {
|
|
@@ -2146,7 +2157,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2146
2157
|
g.value.year = E.getFullYear(), g.value.month = E.getMonth();
|
|
2147
2158
|
}
|
|
2148
2159
|
}, { deep: !0 }), Fe(() => {
|
|
2149
|
-
document.addEventListener("click",
|
|
2160
|
+
document.addEventListener("click", J), window.addEventListener("resize", G), window.addEventListener("scroll", G), i.value = ce(e.modelValue);
|
|
2150
2161
|
const u = de(e.modelValue);
|
|
2151
2162
|
if (u != null && u.startDate && (c.value.year = u.startDate.getFullYear(), c.value.month = u.startDate.getMonth()), u != null && u.endDate)
|
|
2152
2163
|
g.value.year = u.endDate.getFullYear(), g.value.month = u.endDate.getMonth();
|
|
@@ -2156,9 +2167,9 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2156
2167
|
}
|
|
2157
2168
|
x();
|
|
2158
2169
|
}), Oe(() => {
|
|
2159
|
-
document.removeEventListener("click",
|
|
2170
|
+
document.removeEventListener("click", J), window.removeEventListener("resize", G), window.removeEventListener("scroll", G);
|
|
2160
2171
|
});
|
|
2161
|
-
const
|
|
2172
|
+
const He = () => {
|
|
2162
2173
|
e.clearable && (q({ startDate: null, endDate: null }), he(), h.value = -1);
|
|
2163
2174
|
}, De = (u, y) => {
|
|
2164
2175
|
if (u === "start") {
|
|
@@ -2166,7 +2177,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2166
2177
|
c.value.year = E.getFullYear(), c.value.month = E.getMonth(), x();
|
|
2167
2178
|
} else {
|
|
2168
2179
|
const E = new Date(g.value.year, g.value.month + y, 1);
|
|
2169
|
-
g.value.year = E.getFullYear(), g.value.month = E.getMonth(),
|
|
2180
|
+
g.value.year = E.getFullYear(), g.value.month = E.getMonth(), H();
|
|
2170
2181
|
}
|
|
2171
2182
|
};
|
|
2172
2183
|
return (u, y) => {
|
|
@@ -2174,59 +2185,59 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2174
2185
|
return d(), p("div", {
|
|
2175
2186
|
class: Z(["nh-time-search", [`nh-time--${t.size}`]])
|
|
2176
2187
|
}, [
|
|
2177
|
-
|
|
2178
|
-
|
|
2188
|
+
s("div", pn, [
|
|
2189
|
+
s("div", {
|
|
2179
2190
|
ref_key: "trigger",
|
|
2180
2191
|
ref: $,
|
|
2181
2192
|
onClick: Y,
|
|
2182
2193
|
onKeydown: ne,
|
|
2183
|
-
class: Z(["nh-time-trigger", { "is-focus": m.value, "has-value":
|
|
2194
|
+
class: Z(["nh-time-trigger", { "is-focus": m.value, "has-value": X.value }]),
|
|
2184
2195
|
tabindex: "0"
|
|
2185
2196
|
}, [
|
|
2186
|
-
|
|
2197
|
+
s("input", {
|
|
2187
2198
|
readonly: "",
|
|
2188
2199
|
value: pe.value,
|
|
2189
2200
|
placeholder: t.placeholder,
|
|
2190
2201
|
class: "nh-time-input"
|
|
2191
|
-
}, null, 8,
|
|
2192
|
-
|
|
2193
|
-
t.clearable &&
|
|
2202
|
+
}, null, 8, yn),
|
|
2203
|
+
s("span", mn, [
|
|
2204
|
+
t.clearable && X.value ? (d(), p("i", {
|
|
2194
2205
|
key: 0,
|
|
2195
|
-
onClick: me(
|
|
2206
|
+
onClick: me(He, ["stop"]),
|
|
2196
2207
|
class: "nh-time-clear"
|
|
2197
2208
|
}, [...y[4] || (y[4] = [
|
|
2198
|
-
|
|
2209
|
+
s("svg", {
|
|
2199
2210
|
viewBox: "0 0 1024 1024",
|
|
2200
2211
|
width: "14",
|
|
2201
2212
|
height: "14"
|
|
2202
2213
|
}, [
|
|
2203
|
-
|
|
2214
|
+
s("path", {
|
|
2204
2215
|
d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1 1.9-11.2c1.5-1.2 3.3-1.9 5.2-1.9l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130.1 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
|
|
2205
2216
|
fill: "currentColor"
|
|
2206
2217
|
})
|
|
2207
2218
|
], -1)
|
|
2208
|
-
])])) :
|
|
2209
|
-
y[6] || (y[6] =
|
|
2210
|
-
|
|
2219
|
+
])])) : V("", !0),
|
|
2220
|
+
y[6] || (y[6] = s("i", { class: "nh-time-icon" }, [
|
|
2221
|
+
s("svg", {
|
|
2211
2222
|
viewBox: "0 0 1024 1024",
|
|
2212
2223
|
width: "14",
|
|
2213
2224
|
height: "14"
|
|
2214
2225
|
}, [
|
|
2215
|
-
|
|
2226
|
+
s("path", {
|
|
2216
2227
|
d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zM648 248v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h112v120H152V248h112v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h312zm184 584H192V424h640v408z",
|
|
2217
2228
|
fill: "currentColor"
|
|
2218
2229
|
})
|
|
2219
2230
|
])
|
|
2220
2231
|
], -1)),
|
|
2221
|
-
|
|
2232
|
+
s("i", {
|
|
2222
2233
|
class: Z(["nh-time-arrow", { "is-reverse": m.value }])
|
|
2223
2234
|
}, [...y[5] || (y[5] = [
|
|
2224
|
-
|
|
2235
|
+
s("svg", {
|
|
2225
2236
|
viewBox: "0 0 1024 1024",
|
|
2226
2237
|
width: "12",
|
|
2227
2238
|
height: "12"
|
|
2228
2239
|
}, [
|
|
2229
|
-
|
|
2240
|
+
s("path", {
|
|
2230
2241
|
d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3 0.1-12.7-6.4-12.7z",
|
|
2231
2242
|
fill: "currentColor"
|
|
2232
2243
|
})
|
|
@@ -2234,169 +2245,169 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2234
2245
|
])], 2)
|
|
2235
2246
|
])
|
|
2236
2247
|
], 34),
|
|
2237
|
-
|
|
2248
|
+
Ie(Ve, { name: "el-zoom-in-top" }, {
|
|
2238
2249
|
default: $e(() => [
|
|
2239
2250
|
m.value ? (d(), p("div", {
|
|
2240
2251
|
key: 0,
|
|
2241
2252
|
ref_key: "dropdown",
|
|
2242
|
-
ref:
|
|
2253
|
+
ref: M,
|
|
2243
2254
|
class: Z(O.value),
|
|
2244
2255
|
onKeydown: U
|
|
2245
2256
|
}, [
|
|
2246
|
-
|
|
2247
|
-
y[7] || (y[7] =
|
|
2248
|
-
|
|
2249
|
-
(d(!0), p(Se, null,
|
|
2250
|
-
key:
|
|
2251
|
-
onClick: (
|
|
2252
|
-
onKeydown: (
|
|
2253
|
-
onMouseenter: (
|
|
2254
|
-
onMouseleave:
|
|
2257
|
+
s("div", wn, [
|
|
2258
|
+
y[7] || (y[7] = s("div", { class: "nh-time-shortcuts-title" }, "快捷选项", -1)),
|
|
2259
|
+
s("ul", bn, [
|
|
2260
|
+
(d(!0), p(Se, null, Be(t.shortcuts, (Q, Ce) => (d(), p("li", {
|
|
2261
|
+
key: Q.label,
|
|
2262
|
+
onClick: (xe) => w(Q),
|
|
2263
|
+
onKeydown: (xe) => ae(xe, Ce),
|
|
2264
|
+
onMouseenter: (xe) => b(Ce),
|
|
2265
|
+
onMouseleave: r,
|
|
2255
2266
|
class: Z([
|
|
2256
2267
|
"nh-time-shortcut",
|
|
2257
2268
|
{
|
|
2258
|
-
"is-active": h.value ===
|
|
2259
|
-
"is-selected":
|
|
2269
|
+
"is-active": h.value === Ce,
|
|
2270
|
+
"is-selected": i.value === Ce
|
|
2260
2271
|
}
|
|
2261
2272
|
]),
|
|
2262
2273
|
tabindex: "0"
|
|
2263
|
-
}, we(
|
|
2274
|
+
}, we(Q.label), 43, kn))), 128))
|
|
2264
2275
|
])
|
|
2265
2276
|
]),
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
y[8] || (y[8] =
|
|
2269
|
-
|
|
2270
|
-
!R.value && !D.value ? (d(), p("span",
|
|
2277
|
+
s("div", Cn, [
|
|
2278
|
+
s("div", xn, [
|
|
2279
|
+
y[8] || (y[8] = s("span", null, "自定义时间", -1)),
|
|
2280
|
+
s("div", Dn, [
|
|
2281
|
+
!R.value && !D.value ? (d(), p("span", $n, " 请选择开始日期 ")) : R.value && !D.value ? (d(), p("span", Sn, " 请选择结束日期 ")) : R.value && D.value ? (d(), p("span", In, " 已选择完整范围 ")) : V("", !0)
|
|
2271
2282
|
])
|
|
2272
2283
|
]),
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
onClick: y[0] || (y[0] = (
|
|
2284
|
+
s("div", Mn, [
|
|
2285
|
+
s("div", Tn, [
|
|
2286
|
+
s("div", Ln, [
|
|
2287
|
+
s("div", En, [
|
|
2288
|
+
s("button", {
|
|
2289
|
+
onClick: y[0] || (y[0] = (Q) => De("start", -1)),
|
|
2279
2290
|
class: "nh-date-picker-btn nh-date-picker-prev-btn",
|
|
2280
2291
|
type: "button"
|
|
2281
2292
|
}, [...y[9] || (y[9] = [
|
|
2282
|
-
|
|
2293
|
+
s("svg", {
|
|
2283
2294
|
viewBox: "0 0 1024 1024",
|
|
2284
2295
|
width: "12",
|
|
2285
2296
|
height: "12"
|
|
2286
2297
|
}, [
|
|
2287
|
-
|
|
2298
|
+
s("path", {
|
|
2288
2299
|
d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.2 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
|
|
2289
2300
|
fill: "currentColor"
|
|
2290
2301
|
})
|
|
2291
2302
|
], -1)
|
|
2292
2303
|
])]),
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
onClick: y[1] || (y[1] = (
|
|
2304
|
+
s("span", Hn, we(P(c.value.year, c.value.month)), 1),
|
|
2305
|
+
s("button", {
|
|
2306
|
+
onClick: y[1] || (y[1] = (Q) => De("start", 1)),
|
|
2296
2307
|
class: "nh-date-picker-btn nh-date-picker-next-btn",
|
|
2297
2308
|
type: "button"
|
|
2298
2309
|
}, [...y[10] || (y[10] = [
|
|
2299
|
-
|
|
2310
|
+
s("svg", {
|
|
2300
2311
|
viewBox: "0 0 1024 1024",
|
|
2301
2312
|
width: "12",
|
|
2302
2313
|
height: "12"
|
|
2303
2314
|
}, [
|
|
2304
|
-
|
|
2315
|
+
s("path", {
|
|
2305
2316
|
d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.8 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z",
|
|
2306
2317
|
fill: "currentColor"
|
|
2307
2318
|
})
|
|
2308
2319
|
], -1)
|
|
2309
2320
|
])])
|
|
2310
2321
|
]),
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
(d(), p(Se, null,
|
|
2316
|
-
key:
|
|
2322
|
+
s("div", Bn, [
|
|
2323
|
+
s("table", _n, [
|
|
2324
|
+
s("thead", null, [
|
|
2325
|
+
s("tr", null, [
|
|
2326
|
+
(d(), p(Se, null, Be(W, (Q) => s("th", {
|
|
2327
|
+
key: Q,
|
|
2317
2328
|
class: "nh-date-table-th"
|
|
2318
|
-
}, we(
|
|
2329
|
+
}, we(Q), 1)), 64))
|
|
2319
2330
|
])
|
|
2320
2331
|
]),
|
|
2321
|
-
|
|
2322
|
-
(d(!0), p(Se, null,
|
|
2323
|
-
key: `start-week-${
|
|
2332
|
+
s("tbody", null, [
|
|
2333
|
+
(d(!0), p(Se, null, Be(re.value, (Q, Ce) => (d(), p("tr", {
|
|
2334
|
+
key: `start-week-${Ce}`
|
|
2324
2335
|
}, [
|
|
2325
|
-
(d(!0), p(Se, null,
|
|
2326
|
-
key: `start-day-${
|
|
2327
|
-
class: Z(
|
|
2328
|
-
onClick: (Ae) => N(
|
|
2336
|
+
(d(!0), p(Se, null, Be(Q, (xe, Te) => (d(), p("td", {
|
|
2337
|
+
key: `start-day-${Ce}-${Te}`,
|
|
2338
|
+
class: Z(B(xe)),
|
|
2339
|
+
onClick: (Ae) => N(xe, "start")
|
|
2329
2340
|
}, [
|
|
2330
|
-
|
|
2331
|
-
|
|
2341
|
+
s("div", Nn, [
|
|
2342
|
+
xe ? (d(), p("span", Kn, we(xe.day), 1)) : V("", !0)
|
|
2332
2343
|
])
|
|
2333
|
-
], 10,
|
|
2344
|
+
], 10, zn))), 128))
|
|
2334
2345
|
]))), 128))
|
|
2335
2346
|
])
|
|
2336
2347
|
])
|
|
2337
2348
|
])
|
|
2338
2349
|
])
|
|
2339
2350
|
]),
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
onClick: y[2] || (y[2] = (
|
|
2351
|
+
s("div", Wn, [
|
|
2352
|
+
s("div", Rn, [
|
|
2353
|
+
s("div", Vn, [
|
|
2354
|
+
s("button", {
|
|
2355
|
+
onClick: y[2] || (y[2] = (Q) => De("end", -1)),
|
|
2345
2356
|
class: "nh-date-picker-btn nh-date-picker-prev-btn",
|
|
2346
2357
|
type: "button"
|
|
2347
2358
|
}, [...y[11] || (y[11] = [
|
|
2348
|
-
|
|
2359
|
+
s("svg", {
|
|
2349
2360
|
viewBox: "0 0 1024 1024",
|
|
2350
2361
|
width: "12",
|
|
2351
2362
|
height: "12"
|
|
2352
2363
|
}, [
|
|
2353
|
-
|
|
2364
|
+
s("path", {
|
|
2354
2365
|
d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.2 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
|
|
2355
2366
|
fill: "currentColor"
|
|
2356
2367
|
})
|
|
2357
2368
|
], -1)
|
|
2358
2369
|
])]),
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
onClick: y[3] || (y[3] = (
|
|
2370
|
+
s("span", An, we(P(g.value.year, g.value.month)), 1),
|
|
2371
|
+
s("button", {
|
|
2372
|
+
onClick: y[3] || (y[3] = (Q) => De("end", 1)),
|
|
2362
2373
|
class: "nh-date-picker-btn nh-date-picker-next-btn",
|
|
2363
2374
|
type: "button"
|
|
2364
2375
|
}, [...y[12] || (y[12] = [
|
|
2365
|
-
|
|
2376
|
+
s("svg", {
|
|
2366
2377
|
viewBox: "0 0 1024 1024",
|
|
2367
2378
|
width: "12",
|
|
2368
2379
|
height: "12"
|
|
2369
2380
|
}, [
|
|
2370
|
-
|
|
2381
|
+
s("path", {
|
|
2371
2382
|
d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.8 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z",
|
|
2372
2383
|
fill: "currentColor"
|
|
2373
2384
|
})
|
|
2374
2385
|
], -1)
|
|
2375
2386
|
])])
|
|
2376
2387
|
]),
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
(d(), p(Se, null,
|
|
2382
|
-
key:
|
|
2388
|
+
s("div", Pn, [
|
|
2389
|
+
s("table", Yn, [
|
|
2390
|
+
s("thead", null, [
|
|
2391
|
+
s("tr", null, [
|
|
2392
|
+
(d(), p(Se, null, Be(W, (Q) => s("th", {
|
|
2393
|
+
key: Q,
|
|
2383
2394
|
class: "nh-date-table-th"
|
|
2384
|
-
}, we(
|
|
2395
|
+
}, we(Q), 1)), 64))
|
|
2385
2396
|
])
|
|
2386
2397
|
]),
|
|
2387
|
-
|
|
2388
|
-
(d(!0), p(Se, null,
|
|
2389
|
-
key: `end-week-${
|
|
2398
|
+
s("tbody", null, [
|
|
2399
|
+
(d(!0), p(Se, null, Be(ue.value, (Q, Ce) => (d(), p("tr", {
|
|
2400
|
+
key: `end-week-${Ce}`
|
|
2390
2401
|
}, [
|
|
2391
|
-
(d(!0), p(Se, null,
|
|
2392
|
-
key: `end-day-${
|
|
2393
|
-
class: Z(
|
|
2394
|
-
onClick: (Ae) => N(
|
|
2402
|
+
(d(!0), p(Se, null, Be(Q, (xe, Te) => (d(), p("td", {
|
|
2403
|
+
key: `end-day-${Ce}-${Te}`,
|
|
2404
|
+
class: Z(B(xe)),
|
|
2405
|
+
onClick: (Ae) => N(xe, "end")
|
|
2395
2406
|
}, [
|
|
2396
|
-
|
|
2397
|
-
|
|
2407
|
+
s("div", On, [
|
|
2408
|
+
xe ? (d(), p("span", jn, we(xe.day), 1)) : V("", !0)
|
|
2398
2409
|
])
|
|
2399
|
-
], 10,
|
|
2410
|
+
], 10, Fn))), 128))
|
|
2400
2411
|
]))), 128))
|
|
2401
2412
|
])
|
|
2402
2413
|
])
|
|
@@ -2404,7 +2415,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2404
2415
|
])
|
|
2405
2416
|
])
|
|
2406
2417
|
]),
|
|
2407
|
-
|
|
2418
|
+
s("div", qn, [
|
|
2408
2419
|
t.clearable ? (d(), Pe(E, {
|
|
2409
2420
|
key: 0,
|
|
2410
2421
|
onClick: ee,
|
|
@@ -2415,9 +2426,9 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2415
2426
|
We(" 清空 ", -1)
|
|
2416
2427
|
])]),
|
|
2417
2428
|
_: 1
|
|
2418
|
-
}, 8, ["size"])) :
|
|
2419
|
-
|
|
2420
|
-
onClick:
|
|
2429
|
+
}, 8, ["size"])) : V("", !0),
|
|
2430
|
+
Ie(E, {
|
|
2431
|
+
onClick: A,
|
|
2421
2432
|
disabled: !le.value,
|
|
2422
2433
|
variant: "primary",
|
|
2423
2434
|
size: t.size
|
|
@@ -2429,7 +2440,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2429
2440
|
}, 8, ["disabled", "size"])
|
|
2430
2441
|
])
|
|
2431
2442
|
])
|
|
2432
|
-
], 34)) :
|
|
2443
|
+
], 34)) : V("", !0)
|
|
2433
2444
|
]),
|
|
2434
2445
|
_: 1
|
|
2435
2446
|
})
|
|
@@ -2437,11 +2448,11 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2437
2448
|
], 2);
|
|
2438
2449
|
};
|
|
2439
2450
|
}
|
|
2440
|
-
}), St = /* @__PURE__ */ ze(
|
|
2451
|
+
}), St = /* @__PURE__ */ ze(Un, [["__scopeId", "data-v-e9e4d1b1"]]), Gn = ["aria-checked", "aria-disabled", "disabled", "onKeydown"], Zn = { class: "yswitch__thumb" }, Qn = {
|
|
2441
2452
|
key: 0,
|
|
2442
2453
|
class: "yswitch__spinner",
|
|
2443
2454
|
"aria-hidden": "true"
|
|
2444
|
-
},
|
|
2455
|
+
}, Jn = /* @__PURE__ */ _e({
|
|
2445
2456
|
__name: "yswitch",
|
|
2446
2457
|
props: {
|
|
2447
2458
|
modelValue: { default: !1 },
|
|
@@ -2458,7 +2469,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2458
2469
|
},
|
|
2459
2470
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
2460
2471
|
setup(t, { emit: f }) {
|
|
2461
|
-
const e = t, l = f, m =
|
|
2472
|
+
const e = t, l = f, m = I(), h = _(() => e.modelValue === e.trueValue), i = _(() => {
|
|
2462
2473
|
const $ = {};
|
|
2463
2474
|
return $.background = h.value ? e.activeColor : e.inactiveColor, $;
|
|
2464
2475
|
});
|
|
@@ -2469,15 +2480,15 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2469
2480
|
}
|
|
2470
2481
|
return Fe(() => {
|
|
2471
2482
|
const $ = m.value;
|
|
2472
|
-
$ && ($.addEventListener("focus", (
|
|
2473
|
-
}), ($,
|
|
2483
|
+
$ && ($.addEventListener("focus", (M) => l("focus", M)), $.addEventListener("blur", (M) => l("blur", M)));
|
|
2484
|
+
}), ($, M) => (d(), p("button", {
|
|
2474
2485
|
ref_key: "rootEl",
|
|
2475
2486
|
ref: m,
|
|
2476
2487
|
class: Z(["yswitch", [
|
|
2477
2488
|
`yswitch--${t.size}`,
|
|
2478
2489
|
{ "yswitch--checked": h.value, "yswitch--disabled": t.disabled, "yswitch--loading": t.loading }
|
|
2479
2490
|
]]),
|
|
2480
|
-
style: be(
|
|
2491
|
+
style: be(i.value),
|
|
2481
2492
|
role: "switch",
|
|
2482
2493
|
"aria-checked": h.value,
|
|
2483
2494
|
"aria-disabled": t.disabled,
|
|
@@ -2488,17 +2499,17 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2488
2499
|
Ke(me(S, ["prevent"]), ["space"])
|
|
2489
2500
|
]
|
|
2490
2501
|
}, [
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
t.loading ? (d(), p("span",
|
|
2502
|
+
M[0] || (M[0] = s("span", { class: "yswitch__track" }, null, -1)),
|
|
2503
|
+
s("span", Zn, [
|
|
2504
|
+
t.loading ? (d(), p("span", Qn)) : V("", !0)
|
|
2494
2505
|
]),
|
|
2495
2506
|
t.showText ? (d(), p("span", {
|
|
2496
2507
|
key: 0,
|
|
2497
2508
|
class: Z(["yswitch__label", { "yswitch__label--left": !h.value, "yswitch__label--right": h.value }])
|
|
2498
|
-
}, we(h.value ? t.activeText : t.inactiveText), 3)) :
|
|
2499
|
-
], 46,
|
|
2509
|
+
}, we(h.value ? t.activeText : t.inactiveText), 3)) : V("", !0)
|
|
2510
|
+
], 46, Gn));
|
|
2500
2511
|
}
|
|
2501
|
-
}),
|
|
2512
|
+
}), It = /* @__PURE__ */ ze(Jn, [["__scopeId", "data-v-0b157fc4"]]), Xn = ["src", "alt"], ea = ["src", "alt"], ta = ["src"], la = /* @__PURE__ */ _e({
|
|
2502
2513
|
__name: "yimage",
|
|
2503
2514
|
props: {
|
|
2504
2515
|
src: {},
|
|
@@ -2517,7 +2528,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2517
2528
|
},
|
|
2518
2529
|
emits: ["load", "error", "preview"],
|
|
2519
2530
|
setup(t, { expose: f, emit: e }) {
|
|
2520
|
-
const l = t, m = e, h =
|
|
2531
|
+
const l = t, m = e, h = I(), i = I(), S = I(), $ = I(!1), M = I(!1), C = I(!1), c = I(!1), g = I(!1), x = I("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSDog4zmma8gLS0+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNGM0Y0RjYiLz4KICAKICA8IS0tIOWbvueJh+WbvuaghyAtLT4KICA8cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iODAiIHJ4PSI0IiBmaWxsPSIjRDFENURCIiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iMiIvPgogIAogIDwhLS0g5Zu+54mH5YaF6YOo6KOF6aWwIC0tPgogIDxjaXJjbGUgY3g9IjgwIiBjeT0iNzAiIHI9IjgiIGZpbGw9IiM5Q0EzQUYiLz4KICA8cGF0aCBkPSJNNjAgMTAwIEw5MCA4NSBMMTIwIDk1IEwxNDAgODAiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAKICA8IS0tIOaWh+WtlyAtLT4KICA8dGV4dCB4PSIxMDAiIHk9IjE2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzZCNzI4MCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIj4KICAgIEltYWdlIG5vdCBhdmFpbGFibGUKICA8L3RleHQ+Cjwvc3ZnPiA="), H = I(""), W = I(1), R = I(!1), D = I({
|
|
2521
2532
|
visible: !1,
|
|
2522
2533
|
src: "",
|
|
2523
2534
|
top: 0,
|
|
@@ -2527,7 +2538,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2527
2538
|
isHoveringPreview: !1
|
|
2528
2539
|
});
|
|
2529
2540
|
let z = null;
|
|
2530
|
-
const j =
|
|
2541
|
+
const j = I({
|
|
2531
2542
|
overflow: "",
|
|
2532
2543
|
paddingRight: ""
|
|
2533
2544
|
}), ye = {
|
|
@@ -2559,91 +2570,91 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2559
2570
|
backgroundColor: "#fff"
|
|
2560
2571
|
};
|
|
2561
2572
|
return l.width && (O.width = typeof l.width == "number" ? `${l.width}px` : l.width), l.height && (O.height = typeof l.height == "number" ? `${l.height}px` : l.height), K.value && (O.borderRadius = K.value), O;
|
|
2562
|
-
}), ce = _(() =>
|
|
2573
|
+
}), ce = _(() => H.value ? H.value : Array.isArray(l.previewSrcList) ? l.previewSrcList.find(Boolean) || l.src : l.previewSrcList || l.src), ie = _(() => Array.isArray(l.previewSrcList) ? l.previewSrcList.find(Boolean) || l.src : l.previewSrcList || l.src), q = () => {
|
|
2563
2574
|
const O = document.createElement("div");
|
|
2564
2575
|
O.style.cssText = "width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px;", document.body.appendChild(O);
|
|
2565
|
-
const
|
|
2566
|
-
return document.body.removeChild(O),
|
|
2576
|
+
const X = O.offsetWidth - O.clientWidth;
|
|
2577
|
+
return document.body.removeChild(O), X;
|
|
2567
2578
|
}, te = () => {
|
|
2568
2579
|
if (j.value = {
|
|
2569
2580
|
overflow: document.body.style.overflow || "",
|
|
2570
2581
|
paddingRight: document.body.style.paddingRight || ""
|
|
2571
2582
|
}, document.body.scrollHeight > window.innerHeight) {
|
|
2572
|
-
const
|
|
2573
|
-
document.body.style.paddingRight = `${
|
|
2583
|
+
const X = q();
|
|
2584
|
+
document.body.style.paddingRight = `${X}px`;
|
|
2574
2585
|
}
|
|
2575
2586
|
document.body.style.overflow = "hidden";
|
|
2576
2587
|
}, Y = () => {
|
|
2577
2588
|
document.body.style.overflow = j.value.overflow, document.body.style.paddingRight = j.value.paddingRight;
|
|
2578
2589
|
};
|
|
2579
|
-
let
|
|
2590
|
+
let J = null;
|
|
2580
2591
|
const ne = () => {
|
|
2581
|
-
!l.lazy || !h.value || (
|
|
2592
|
+
!l.lazy || !h.value || (J = new IntersectionObserver(
|
|
2582
2593
|
(O) => {
|
|
2583
|
-
O.forEach((
|
|
2584
|
-
|
|
2594
|
+
O.forEach((X) => {
|
|
2595
|
+
X.isIntersecting && (c.value = !0, x.value = l.src, J == null || J.unobserve(X.target));
|
|
2585
2596
|
});
|
|
2586
2597
|
},
|
|
2587
2598
|
{
|
|
2588
2599
|
rootMargin: "50px"
|
|
2589
2600
|
}
|
|
2590
|
-
),
|
|
2601
|
+
), J.observe(h.value));
|
|
2591
2602
|
}, U = (O) => {
|
|
2592
|
-
$.value = !0,
|
|
2603
|
+
$.value = !0, M.value = !1, C.value = !1, m("load", O);
|
|
2593
2604
|
}, ae = (O) => {
|
|
2594
|
-
C.value = !0,
|
|
2605
|
+
C.value = !0, M.value = !1, $.value = !1, m("error", O);
|
|
2595
2606
|
}, b = () => {
|
|
2596
|
-
C.value = !1,
|
|
2597
|
-
|
|
2607
|
+
C.value = !1, M.value = !0, $.value = !1, oe(() => {
|
|
2608
|
+
i.value && (i.value.src = l.src);
|
|
2598
2609
|
});
|
|
2599
|
-
},
|
|
2610
|
+
}, r = () => Array.isArray(l.previewSrcList) ? l.previewSrcList.find(Boolean) || l.src : l.previewSrcList || l.src, n = () => {
|
|
2600
2611
|
l.preview && (l.previewSrcList || l.src) ? a() : b();
|
|
2601
2612
|
}, a = () => {
|
|
2602
2613
|
if (!l.preview) return;
|
|
2603
2614
|
W.value = 1;
|
|
2604
|
-
const O =
|
|
2605
|
-
if (
|
|
2606
|
-
|
|
2615
|
+
const O = r();
|
|
2616
|
+
if (i.value && i.value.complete && i.value.naturalWidth > 0) {
|
|
2617
|
+
H.value = O, oe(() => {
|
|
2607
2618
|
g.value = !0, te(), m("preview", O);
|
|
2608
2619
|
});
|
|
2609
2620
|
return;
|
|
2610
2621
|
}
|
|
2611
|
-
const
|
|
2622
|
+
const X = new Image();
|
|
2612
2623
|
let le = null, he = !1;
|
|
2613
|
-
const
|
|
2614
|
-
he || (he = !0, le && (clearTimeout(le), le = null),
|
|
2624
|
+
const He = () => {
|
|
2625
|
+
he || (he = !0, le && (clearTimeout(le), le = null), H.value = O, oe(() => {
|
|
2615
2626
|
g.value = !0, te(), m("preview", O);
|
|
2616
2627
|
}));
|
|
2617
2628
|
};
|
|
2618
2629
|
le = setTimeout(() => {
|
|
2619
|
-
|
|
2620
|
-
}, 500),
|
|
2621
|
-
|
|
2622
|
-
},
|
|
2623
|
-
|
|
2624
|
-
},
|
|
2630
|
+
He();
|
|
2631
|
+
}, 500), X.onload = () => {
|
|
2632
|
+
He();
|
|
2633
|
+
}, X.onerror = () => {
|
|
2634
|
+
He();
|
|
2635
|
+
}, X.src = O, X.complete && He();
|
|
2625
2636
|
}, w = () => {
|
|
2626
2637
|
g.value = !1, setTimeout(() => {
|
|
2627
2638
|
Y();
|
|
2628
2639
|
}, 300);
|
|
2629
2640
|
}, N = (O) => {
|
|
2630
|
-
const
|
|
2631
|
-
let he = W.value +
|
|
2641
|
+
const X = O.deltaY < 0 ? 1 : -1;
|
|
2642
|
+
let he = W.value + X * 0.1;
|
|
2632
2643
|
he = Math.max(0.5, Math.min(2, he)), W.value = he;
|
|
2633
2644
|
};
|
|
2634
|
-
function
|
|
2645
|
+
function B(O) {
|
|
2635
2646
|
if (!(O instanceof HTMLElement)) return;
|
|
2636
|
-
const
|
|
2637
|
-
let De =
|
|
2638
|
-
De + D.value.width > he - le && (De =
|
|
2639
|
-
let u =
|
|
2640
|
-
u + D.value.height >
|
|
2647
|
+
const X = O.getBoundingClientRect(), le = 12, he = window.innerWidth || document.documentElement.clientWidth, He = window.innerHeight || document.documentElement.clientHeight;
|
|
2648
|
+
let De = X.right + le;
|
|
2649
|
+
De + D.value.width > he - le && (De = X.left - D.value.width - le);
|
|
2650
|
+
let u = X.top;
|
|
2651
|
+
u + D.value.height > He - le && (u = He - D.value.height - le), u < le && (u = le), De < le && (De = le), D.value.left = De, D.value.top = u;
|
|
2641
2652
|
}
|
|
2642
|
-
function
|
|
2643
|
-
l.hoverPreview && (z && (clearTimeout(z), z = null), D.value.isHoveringPreview = !1, D.value.src = ie.value, D.value.width = l.hoverPreviewWidth, D.value.height = l.hoverPreviewHeight, D.value.visible = !0,
|
|
2653
|
+
function A(O) {
|
|
2654
|
+
l.hoverPreview && (z && (clearTimeout(z), z = null), D.value.isHoveringPreview = !1, D.value.src = ie.value, D.value.width = l.hoverPreviewWidth, D.value.height = l.hoverPreviewHeight, D.value.visible = !0, B(O.currentTarget));
|
|
2644
2655
|
}
|
|
2645
2656
|
function ee(O) {
|
|
2646
|
-
l.hoverPreview && D.value.visible && (z && (clearTimeout(z), z = null),
|
|
2657
|
+
l.hoverPreview && D.value.visible && (z && (clearTimeout(z), z = null), B(O.currentTarget));
|
|
2647
2658
|
}
|
|
2648
2659
|
function G() {
|
|
2649
2660
|
l.hoverPreview && (D.value.isHoveringPreview || (z && (clearTimeout(z), z = null), z = setTimeout(() => {
|
|
@@ -2657,17 +2668,17 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2657
2668
|
l.hoverPreview && (D.value.isHoveringPreview = !1, D.value.visible = !1, D.value.src = "", z && (clearTimeout(z), z = null));
|
|
2658
2669
|
}
|
|
2659
2670
|
return Fe(() => {
|
|
2660
|
-
l.lazy ? ne() : c.value = !0, c.value && (
|
|
2671
|
+
l.lazy ? ne() : c.value = !0, c.value && (M.value = !0), R.value = !0;
|
|
2661
2672
|
}), Oe(() => {
|
|
2662
|
-
|
|
2673
|
+
J && J.disconnect(), g.value && Y(), z && (clearTimeout(z), z = null);
|
|
2663
2674
|
}), ge(() => x.value, () => {
|
|
2664
|
-
l.src && c.value && (
|
|
2675
|
+
l.src && c.value && (M.value = !0, C.value = !1, $.value = !1);
|
|
2665
2676
|
}), ge(() => l.src, (O) => {
|
|
2666
2677
|
x.value = O || "";
|
|
2667
2678
|
}), f({
|
|
2668
2679
|
retryLoad: b,
|
|
2669
2680
|
closePreview: w
|
|
2670
|
-
}), (O,
|
|
2681
|
+
}), (O, X) => (d(), p("div", {
|
|
2671
2682
|
ref_key: "containerRef",
|
|
2672
2683
|
ref: h,
|
|
2673
2684
|
class: Z(["yimage-container", de.value])
|
|
@@ -2676,15 +2687,15 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2676
2687
|
key: 0,
|
|
2677
2688
|
class: "yimage-placeholder",
|
|
2678
2689
|
style: be(P.value)
|
|
2679
|
-
}, [...
|
|
2680
|
-
|
|
2681
|
-
|
|
2690
|
+
}, [...X[1] || (X[1] = [
|
|
2691
|
+
s("div", { class: "yimage-placeholder-content" }, [
|
|
2692
|
+
s("svg", {
|
|
2682
2693
|
class: "yimage-placeholder-icon",
|
|
2683
2694
|
fill: "none",
|
|
2684
2695
|
stroke: "currentColor",
|
|
2685
2696
|
viewBox: "0 0 24 24"
|
|
2686
2697
|
}, [
|
|
2687
|
-
|
|
2698
|
+
s("path", {
|
|
2688
2699
|
"stroke-linecap": "round",
|
|
2689
2700
|
"stroke-linejoin": "round",
|
|
2690
2701
|
"stroke-width": "2",
|
|
@@ -2692,55 +2703,55 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2692
2703
|
})
|
|
2693
2704
|
])
|
|
2694
2705
|
], -1)
|
|
2695
|
-
])], 4)) :
|
|
2696
|
-
|
|
2706
|
+
])], 4)) : V("", !0),
|
|
2707
|
+
M.value && !C.value ? (d(), p("div", {
|
|
2697
2708
|
key: 1,
|
|
2698
2709
|
class: "yimage-loading",
|
|
2699
2710
|
style: be(P.value)
|
|
2700
|
-
}, [...
|
|
2701
|
-
|
|
2702
|
-
|
|
2711
|
+
}, [...X[2] || (X[2] = [
|
|
2712
|
+
s("div", { class: "yimage-loading-content" }, [
|
|
2713
|
+
s("div", { class: "yimage-spinner" })
|
|
2703
2714
|
], -1)
|
|
2704
|
-
])], 4)) :
|
|
2715
|
+
])], 4)) : V("", !0),
|
|
2705
2716
|
C.value ? (d(), p("div", {
|
|
2706
2717
|
key: 2,
|
|
2707
2718
|
class: "yimage-error",
|
|
2708
2719
|
style: be(P.value),
|
|
2709
2720
|
onClick: n
|
|
2710
2721
|
}, [
|
|
2711
|
-
|
|
2722
|
+
s("img", {
|
|
2712
2723
|
src: "https://img.nihaojewelry.com/media/2025/6/27/1938511770352222208.png",
|
|
2713
2724
|
alt: "Error Image",
|
|
2714
2725
|
class: "yimage-error-image",
|
|
2715
2726
|
style: be(P.value)
|
|
2716
2727
|
}, null, 4)
|
|
2717
|
-
], 4)) :
|
|
2718
|
-
je(
|
|
2728
|
+
], 4)) : V("", !0),
|
|
2729
|
+
je(s("img", {
|
|
2719
2730
|
ref_key: "imageRef",
|
|
2720
|
-
ref:
|
|
2731
|
+
ref: i,
|
|
2721
2732
|
src: x.value,
|
|
2722
2733
|
alt: t.alt,
|
|
2723
2734
|
class: Z(fe.value),
|
|
2724
2735
|
onLoad: U,
|
|
2725
2736
|
onError: ae,
|
|
2726
2737
|
onClick: me(a, ["stop"]),
|
|
2727
|
-
onMouseenter:
|
|
2738
|
+
onMouseenter: A,
|
|
2728
2739
|
onMouseleave: G,
|
|
2729
2740
|
onMousemove: ee,
|
|
2730
2741
|
style: be(ve.value)
|
|
2731
|
-
}, null, 46,
|
|
2742
|
+
}, null, 46, Xn), [
|
|
2732
2743
|
[Ze, $.value && !C.value]
|
|
2733
2744
|
]),
|
|
2734
|
-
l.preview && (!$.value ||
|
|
2745
|
+
l.preview && (!$.value || M.value || C.value || !c.value) ? (d(), p("div", {
|
|
2735
2746
|
key: 3,
|
|
2736
2747
|
class: "yimage-preview-trigger",
|
|
2737
2748
|
onClick: me(a, ["stop"])
|
|
2738
|
-
})) :
|
|
2749
|
+
})) : V("", !0),
|
|
2739
2750
|
R.value ? (d(), Pe(Xe, {
|
|
2740
2751
|
key: 4,
|
|
2741
2752
|
to: "body"
|
|
2742
2753
|
}, [
|
|
2743
|
-
|
|
2754
|
+
Ie(Ve, { name: "fade" }, {
|
|
2744
2755
|
default: $e(() => [
|
|
2745
2756
|
g.value ? (d(), p("div", {
|
|
2746
2757
|
key: 0,
|
|
@@ -2748,30 +2759,30 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2748
2759
|
onClick: me(w, ["self"]),
|
|
2749
2760
|
onWheel: me(N, ["prevent"])
|
|
2750
2761
|
}, [
|
|
2751
|
-
|
|
2762
|
+
s("div", {
|
|
2752
2763
|
class: Z(["yimage-preview-content", { "is-active": g.value }])
|
|
2753
2764
|
}, [
|
|
2754
|
-
|
|
2765
|
+
s("img", {
|
|
2755
2766
|
ref_key: "previewImageRef",
|
|
2756
2767
|
ref: S,
|
|
2757
2768
|
src: ce.value,
|
|
2758
2769
|
alt: t.alt,
|
|
2759
2770
|
class: "yimage-preview-image",
|
|
2760
2771
|
style: be({ transform: `scale(${W.value})` }),
|
|
2761
|
-
onClick:
|
|
2772
|
+
onClick: X[0] || (X[0] = me(() => {
|
|
2762
2773
|
}, ["stop"]))
|
|
2763
|
-
}, null, 12,
|
|
2774
|
+
}, null, 12, ea)
|
|
2764
2775
|
], 2)
|
|
2765
|
-
], 32)) :
|
|
2776
|
+
], 32)) : V("", !0)
|
|
2766
2777
|
]),
|
|
2767
2778
|
_: 1
|
|
2768
2779
|
})
|
|
2769
|
-
])) :
|
|
2780
|
+
])) : V("", !0),
|
|
2770
2781
|
R.value && l.hoverPreview ? (d(), Pe(Xe, {
|
|
2771
2782
|
key: 5,
|
|
2772
2783
|
to: "body"
|
|
2773
2784
|
}, [
|
|
2774
|
-
|
|
2785
|
+
Ie(Ve, {
|
|
2775
2786
|
name: "hover-preview-fade",
|
|
2776
2787
|
appear: ""
|
|
2777
2788
|
}, {
|
|
@@ -2788,18 +2799,18 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2788
2799
|
onMouseenter: re,
|
|
2789
2800
|
onMouseleave: ue
|
|
2790
2801
|
}, [
|
|
2791
|
-
|
|
2802
|
+
s("img", {
|
|
2792
2803
|
src: D.value.src,
|
|
2793
2804
|
alt: "图片预览"
|
|
2794
|
-
}, null, 8,
|
|
2795
|
-
], 36)) :
|
|
2805
|
+
}, null, 8, ta)
|
|
2806
|
+
], 36)) : V("", !0)
|
|
2796
2807
|
]),
|
|
2797
2808
|
_: 1
|
|
2798
2809
|
})
|
|
2799
|
-
])) :
|
|
2810
|
+
])) : V("", !0)
|
|
2800
2811
|
], 2));
|
|
2801
2812
|
}
|
|
2802
|
-
}),
|
|
2813
|
+
}), na = /* @__PURE__ */ ze(la, [["__scopeId", "data-v-f3813dec"]]), aa = /* @__PURE__ */ _e({
|
|
2803
2814
|
__name: "ydropdown",
|
|
2804
2815
|
props: {
|
|
2805
2816
|
trigger: { default: "hover" },
|
|
@@ -2808,9 +2819,9 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2808
2819
|
menuWidth: { default: void 0 }
|
|
2809
2820
|
},
|
|
2810
2821
|
setup(t) {
|
|
2811
|
-
const f = t, e =
|
|
2822
|
+
const f = t, e = I(!1), l = I();
|
|
2812
2823
|
let m = null;
|
|
2813
|
-
const h = _(() => `y-dropdown__menu--${f.placement}`),
|
|
2824
|
+
const h = _(() => `y-dropdown__menu--${f.placement}`), i = _(() => {
|
|
2814
2825
|
if (!f.menuWidth) return {};
|
|
2815
2826
|
const g = typeof f.menuWidth == "number" ? `${f.menuWidth}px` : f.menuWidth;
|
|
2816
2827
|
return {
|
|
@@ -2820,34 +2831,34 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2820
2831
|
};
|
|
2821
2832
|
}), S = () => {
|
|
2822
2833
|
console.log("显示下拉菜单", e.value), !f.disabled && (m && (clearTimeout(m), m = null), e.value = !0, console.log("设置 visible 为 true", e.value), oe(() => {
|
|
2823
|
-
|
|
2834
|
+
M();
|
|
2824
2835
|
}));
|
|
2825
2836
|
}, $ = () => {
|
|
2826
2837
|
console.log("隐藏下拉菜单"), m = setTimeout(() => {
|
|
2827
2838
|
e.value = !1, console.log("设置 visible 为 false", e.value);
|
|
2828
2839
|
}, 150);
|
|
2829
|
-
},
|
|
2840
|
+
}, M = () => {
|
|
2830
2841
|
if (!l.value) return;
|
|
2831
2842
|
const g = l.value.querySelector(".y-dropdown__trigger"), x = l.value.querySelector(".y-dropdown__menu");
|
|
2832
2843
|
if (!g || !x) return;
|
|
2833
|
-
const
|
|
2844
|
+
const H = g.getBoundingClientRect(), W = x.getBoundingClientRect(), R = window.innerWidth, D = window.innerHeight;
|
|
2834
2845
|
x.style.top = "", x.style.left = "", x.style.right = "", x.style.bottom = "", x.style.transform = "";
|
|
2835
2846
|
let z = 0, j = 0;
|
|
2836
2847
|
switch (f.placement) {
|
|
2837
2848
|
case "bottom":
|
|
2838
|
-
z =
|
|
2849
|
+
z = H.height + 4, j = 0;
|
|
2839
2850
|
break;
|
|
2840
2851
|
case "top":
|
|
2841
2852
|
z = -(W.height + 4), j = 0;
|
|
2842
2853
|
break;
|
|
2843
2854
|
case "right":
|
|
2844
|
-
z = 0, j =
|
|
2855
|
+
z = 0, j = H.width + 4;
|
|
2845
2856
|
break;
|
|
2846
2857
|
case "left":
|
|
2847
2858
|
z = 0, j = -(W.width + 4);
|
|
2848
2859
|
break;
|
|
2849
2860
|
}
|
|
2850
|
-
let ye =
|
|
2861
|
+
let ye = H.top + z, de = H.left + j;
|
|
2851
2862
|
if (f.placement === "bottom" || f.placement === "top") {
|
|
2852
2863
|
const K = W.width || 260;
|
|
2853
2864
|
de + K > R - 10 && (de = R - K - 10), de < 10 && (de = 10);
|
|
@@ -2860,7 +2871,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2860
2871
|
}, C = (g) => {
|
|
2861
2872
|
f.trigger === "click" && l.value && !l.value.contains(g.target) && (e.value = !1);
|
|
2862
2873
|
}, c = () => {
|
|
2863
|
-
e.value &&
|
|
2874
|
+
e.value && M();
|
|
2864
2875
|
};
|
|
2865
2876
|
return Fe(() => {
|
|
2866
2877
|
f.trigger === "click" && document.addEventListener("click", C), window.addEventListener("resize", c), window.addEventListener("scroll", c);
|
|
@@ -2870,7 +2881,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2870
2881
|
() => f.menuWidth,
|
|
2871
2882
|
() => {
|
|
2872
2883
|
e.value && oe(() => {
|
|
2873
|
-
|
|
2884
|
+
M();
|
|
2874
2885
|
});
|
|
2875
2886
|
}
|
|
2876
2887
|
), (g, x) => (d(), p("div", {
|
|
@@ -2878,30 +2889,30 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2878
2889
|
ref_key: "dropdownRef",
|
|
2879
2890
|
ref: l
|
|
2880
2891
|
}, [
|
|
2881
|
-
|
|
2892
|
+
s("div", {
|
|
2882
2893
|
class: "y-dropdown__trigger",
|
|
2883
2894
|
onMouseenter: S,
|
|
2884
2895
|
onMouseleave: $
|
|
2885
2896
|
}, [
|
|
2886
|
-
|
|
2887
|
-
x[0] || (x[0] =
|
|
2897
|
+
ke(g.$slots, "trigger", {}, () => [
|
|
2898
|
+
x[0] || (x[0] = s("button", { class: "y-dropdown__button" }, " 下拉菜单 ", -1))
|
|
2888
2899
|
], !0)
|
|
2889
2900
|
], 32),
|
|
2890
|
-
|
|
2901
|
+
Ie(Ve, {
|
|
2891
2902
|
name: "dropdown-fade",
|
|
2892
2903
|
appear: ""
|
|
2893
2904
|
}, {
|
|
2894
2905
|
default: $e(() => [
|
|
2895
|
-
je(
|
|
2906
|
+
je(s("div", {
|
|
2896
2907
|
class: Z(["y-dropdown__menu", h.value]),
|
|
2897
|
-
style: be(
|
|
2908
|
+
style: be(i.value),
|
|
2898
2909
|
onMouseenter: S,
|
|
2899
2910
|
onMouseleave: $
|
|
2900
2911
|
}, [
|
|
2901
|
-
|
|
2902
|
-
x[1] || (x[1] =
|
|
2903
|
-
x[2] || (x[2] =
|
|
2904
|
-
x[3] || (x[3] =
|
|
2912
|
+
ke(g.$slots, "default", {}, () => [
|
|
2913
|
+
x[1] || (x[1] = s("div", { class: "y-dropdown__item" }, "选项 1", -1)),
|
|
2914
|
+
x[2] || (x[2] = s("div", { class: "y-dropdown__item" }, "选项 2", -1)),
|
|
2915
|
+
x[3] || (x[3] = s("div", { class: "y-dropdown__item" }, "选项 3", -1))
|
|
2905
2916
|
], !0)
|
|
2906
2917
|
], 38), [
|
|
2907
2918
|
[Ze, e.value]
|
|
@@ -2911,13 +2922,13 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2911
2922
|
})
|
|
2912
2923
|
], 512));
|
|
2913
2924
|
}
|
|
2914
|
-
}),
|
|
2925
|
+
}), oa = /* @__PURE__ */ ze(aa, [["__scopeId", "data-v-ada3172a"]]), sa = ["aria-hidden"], ia = ["onKeydown"], ra = {
|
|
2915
2926
|
key: 0,
|
|
2916
2927
|
class: "y-drawer-header"
|
|
2917
|
-
},
|
|
2928
|
+
}, ua = { class: "y-drawer-title" }, da = { class: "y-drawer-body" }, ca = {
|
|
2918
2929
|
key: 1,
|
|
2919
2930
|
class: "y-drawer-footer"
|
|
2920
|
-
},
|
|
2931
|
+
}, fa = /* @__PURE__ */ _e({
|
|
2921
2932
|
__name: "ydrawer",
|
|
2922
2933
|
props: {
|
|
2923
2934
|
modelValue: { type: Boolean, default: !1 },
|
|
@@ -2935,11 +2946,11 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2935
2946
|
const e = t, l = f, m = _({
|
|
2936
2947
|
get: () => e.modelValue,
|
|
2937
2948
|
set: (x) => l("update:modelValue", x)
|
|
2938
|
-
}), h =
|
|
2949
|
+
}), h = I(null), i = _(() => e.placement === "right" ? "drawer-slide-right" : "drawer-slide-bottom"), S = _(() => e.placement === "right" ? "rounded-left" : "rounded-top"), $ = _(() => {
|
|
2939
2950
|
const x = {};
|
|
2940
2951
|
return e.placement === "right" ? (x.width = typeof e.width == "number" ? `${e.width}px` : String(e.width), x.height = "100%", x.right = "0", x.top = "0") : (x.height = typeof e.height == "number" ? `${e.height}px` : String(e.height), x.width = "100%", x.bottom = "0", x.left = "0"), x;
|
|
2941
2952
|
});
|
|
2942
|
-
function
|
|
2953
|
+
function M() {
|
|
2943
2954
|
e.maskClosable && C();
|
|
2944
2955
|
}
|
|
2945
2956
|
function C() {
|
|
@@ -2953,28 +2964,28 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2953
2964
|
}
|
|
2954
2965
|
return ge(() => e.modelValue, (x) => {
|
|
2955
2966
|
x ? (l("open"), requestAnimationFrame(() => {
|
|
2956
|
-
var
|
|
2957
|
-
return (
|
|
2967
|
+
var H;
|
|
2968
|
+
return (H = h.value) == null ? void 0 : H.focus();
|
|
2958
2969
|
}), document.addEventListener("keydown", g), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", g), document.body.style.overflow = "");
|
|
2959
2970
|
}), Fe(() => {
|
|
2960
2971
|
e.modelValue && (document.addEventListener("keydown", g), document.body.style.overflow = "hidden");
|
|
2961
2972
|
}), Oe(() => {
|
|
2962
2973
|
document.removeEventListener("keydown", g), document.body.style.overflow = "";
|
|
2963
|
-
}), (x,
|
|
2964
|
-
je(
|
|
2974
|
+
}), (x, H) => (d(), Pe(Xe, { to: "body" }, [
|
|
2975
|
+
je(s("div", {
|
|
2965
2976
|
class: "y-drawer-root",
|
|
2966
2977
|
role: "dialog",
|
|
2967
2978
|
"aria-modal": !0,
|
|
2968
2979
|
"aria-hidden": !m.value,
|
|
2969
2980
|
style: be({ zIndex: String(t.zIndex) })
|
|
2970
2981
|
}, [
|
|
2971
|
-
|
|
2982
|
+
s("div", {
|
|
2972
2983
|
class: "y-drawer-mask",
|
|
2973
|
-
onClick:
|
|
2984
|
+
onClick: M
|
|
2974
2985
|
}),
|
|
2975
|
-
|
|
2986
|
+
Ie(Ve, { name: i.value }, {
|
|
2976
2987
|
default: $e(() => [
|
|
2977
|
-
je(
|
|
2988
|
+
je(s("div", {
|
|
2978
2989
|
ref_key: "panelRef",
|
|
2979
2990
|
ref: h,
|
|
2980
2991
|
class: Z(["y-drawer-panel", [
|
|
@@ -2985,52 +2996,52 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
2985
2996
|
onKeydown: Ke(me(c, ["prevent", "stop"]), ["esc"]),
|
|
2986
2997
|
tabindex: "-1"
|
|
2987
2998
|
}, [
|
|
2988
|
-
t.showHeader ? (d(), p("div",
|
|
2989
|
-
|
|
2999
|
+
t.showHeader ? (d(), p("div", ra, [
|
|
3000
|
+
s("div", ua, we(t.title), 1),
|
|
2990
3001
|
t.closable ? (d(), p("button", {
|
|
2991
3002
|
key: 0,
|
|
2992
3003
|
type: "button",
|
|
2993
3004
|
class: "y-drawer-close",
|
|
2994
3005
|
"aria-label": "Close",
|
|
2995
3006
|
onClick: C
|
|
2996
|
-
}, " ✕ ")) :
|
|
2997
|
-
])) :
|
|
2998
|
-
|
|
2999
|
-
|
|
3007
|
+
}, " ✕ ")) : V("", !0)
|
|
3008
|
+
])) : V("", !0),
|
|
3009
|
+
s("div", da, [
|
|
3010
|
+
ke(x.$slots, "default", {}, void 0, !0)
|
|
3000
3011
|
]),
|
|
3001
|
-
x.$slots.footer ? (d(), p("div",
|
|
3002
|
-
|
|
3003
|
-
])) :
|
|
3004
|
-
], 46,
|
|
3012
|
+
x.$slots.footer ? (d(), p("div", ca, [
|
|
3013
|
+
ke(x.$slots, "footer", {}, void 0, !0)
|
|
3014
|
+
])) : V("", !0)
|
|
3015
|
+
], 46, ia), [
|
|
3005
3016
|
[Ze, m.value]
|
|
3006
3017
|
])
|
|
3007
3018
|
]),
|
|
3008
3019
|
_: 3
|
|
3009
3020
|
}, 8, ["name"])
|
|
3010
|
-
], 12,
|
|
3021
|
+
], 12, sa), [
|
|
3011
3022
|
[Ze, m.value]
|
|
3012
3023
|
])
|
|
3013
3024
|
]));
|
|
3014
3025
|
}
|
|
3015
|
-
}),
|
|
3026
|
+
}), va = /* @__PURE__ */ ze(fa, [["__scopeId", "data-v-6bf99d52"]]), ha = ["data-level"], ga = {
|
|
3016
3027
|
key: 1,
|
|
3017
3028
|
class: "ytree-node__expand-icon--empty"
|
|
3018
|
-
},
|
|
3029
|
+
}, pa = {
|
|
3019
3030
|
key: 0,
|
|
3020
3031
|
width: "12",
|
|
3021
3032
|
height: "12",
|
|
3022
3033
|
viewBox: "0 0 12 12",
|
|
3023
3034
|
fill: "none"
|
|
3024
|
-
},
|
|
3035
|
+
}, ya = {
|
|
3025
3036
|
key: 1,
|
|
3026
3037
|
width: "12",
|
|
3027
3038
|
height: "12",
|
|
3028
3039
|
viewBox: "0 0 12 12",
|
|
3029
3040
|
fill: "none"
|
|
3030
|
-
},
|
|
3041
|
+
}, ma = ["src", "alt"], wa = { class: "ytree-node__custom-content" }, ba = {
|
|
3031
3042
|
key: 0,
|
|
3032
3043
|
class: "ytree-node__children"
|
|
3033
|
-
},
|
|
3044
|
+
}, ka = /* @__PURE__ */ _e({
|
|
3034
3045
|
__name: "ytree-node",
|
|
3035
3046
|
props: {
|
|
3036
3047
|
node: {},
|
|
@@ -3050,18 +3061,18 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3050
3061
|
setup(t) {
|
|
3051
3062
|
const f = t;
|
|
3052
3063
|
Ee("treeStore");
|
|
3053
|
-
const e = Ee("getNodeKey"), l = Ee("getNodeLabel"), m = Ee("getNodeChildren"), h = Ee("hasChildren"),
|
|
3064
|
+
const e = Ee("getNodeKey"), l = Ee("getNodeLabel"), m = Ee("getNodeChildren"), h = Ee("hasChildren"), i = Ee("isEmployeeNode"), S = Ee("getNodeIcon"), $ = Ee("getNodeDepth"), M = Ee("isChildStyleNode"), C = Ee("isNodeExpanded"), c = Ee("isNodeChecked"), g = Ee("isNodeIndeterminate"), x = Ee("isNodeCurrent"), H = Ee("isNodeHighlighted"), W = Ee("handleExpandClick"), R = Ee("handleCheckClick"), D = Ee("handleNodeClick"), z = Ee("handleNodeContextMenu");
|
|
3054
3065
|
_(() => e(f.node));
|
|
3055
|
-
const j = _(() => l(f.node)), ye = _(() => S(f.node, f.rootNode)), de = _(() => $(f.rootNode, f.node)), K = _(() => C(f.node)), P = _(() => c(f.node)), fe = _(() => g(f.node)), ve = _(() => x(f.node)), ce = _(() =>
|
|
3066
|
+
const j = _(() => l(f.node)), ye = _(() => S(f.node, f.rootNode)), de = _(() => $(f.rootNode, f.node)), K = _(() => C(f.node)), P = _(() => c(f.node)), fe = _(() => g(f.node)), ve = _(() => x(f.node)), ce = _(() => H(f.node)), ie = _(() => h(f.node)), q = _(() => m(f.node)), te = _(() => M(f.node, f.rootNode)), Y = _(() => i(f.node)), J = _(() => f.level === 1 ? 8 : 8 + (f.level - 1) * 16);
|
|
3056
3067
|
return (ne, U) => (d(), p("div", {
|
|
3057
3068
|
class: Z(["ytree-node", {
|
|
3058
3069
|
"ytree-node--current": ve.value,
|
|
3059
3070
|
"ytree-node--highlight": ce.value
|
|
3060
3071
|
}])
|
|
3061
3072
|
}, [
|
|
3062
|
-
|
|
3073
|
+
s("div", {
|
|
3063
3074
|
class: Z(["ytree-node__content", { "is-child-style": te.value }]),
|
|
3064
|
-
style: be({ paddingLeft: `${
|
|
3075
|
+
style: be({ paddingLeft: `${J.value}px` }),
|
|
3065
3076
|
"data-level": de.value,
|
|
3066
3077
|
onClick: U[2] || (U[2] = (ae) => lt(D)(f.node, f.node, null, f.rootNode)),
|
|
3067
3078
|
onContextmenu: U[3] || (U[3] = (ae) => lt(z)(ae, f.node, f.node, null))
|
|
@@ -3071,13 +3082,13 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3071
3082
|
class: Z(["ytree-node__expand-icon", { "is-expanded": K.value }]),
|
|
3072
3083
|
onClick: U[0] || (U[0] = me((ae) => lt(W)(f.node), ["stop"]))
|
|
3073
3084
|
}, [...U[4] || (U[4] = [
|
|
3074
|
-
|
|
3085
|
+
s("svg", {
|
|
3075
3086
|
width: "12",
|
|
3076
3087
|
height: "12",
|
|
3077
3088
|
viewBox: "0 0 12 12",
|
|
3078
3089
|
fill: "none"
|
|
3079
3090
|
}, [
|
|
3080
|
-
|
|
3091
|
+
s("path", {
|
|
3081
3092
|
d: "M4.5 3L7.5 6L4.5 9",
|
|
3082
3093
|
stroke: "currentColor",
|
|
3083
3094
|
"stroke-width": "1.5",
|
|
@@ -3085,7 +3096,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3085
3096
|
"stroke-linejoin": "round"
|
|
3086
3097
|
})
|
|
3087
3098
|
], -1)
|
|
3088
|
-
])], 2)) : (d(), p("span",
|
|
3099
|
+
])], 2)) : (d(), p("span", ga)),
|
|
3089
3100
|
t.showCheckbox ? (d(), p("span", {
|
|
3090
3101
|
key: 2,
|
|
3091
3102
|
class: Z(["ytree-node__checkbox", {
|
|
@@ -3094,48 +3105,48 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3094
3105
|
}]),
|
|
3095
3106
|
onClick: U[1] || (U[1] = me((ae) => lt(R)(f.node), ["stop"]))
|
|
3096
3107
|
}, [
|
|
3097
|
-
P.value ? (d(), p("svg",
|
|
3098
|
-
|
|
3108
|
+
P.value ? (d(), p("svg", pa, [...U[5] || (U[5] = [
|
|
3109
|
+
s("path", {
|
|
3099
3110
|
d: "M2 6L4.5 8.5L10 3",
|
|
3100
3111
|
stroke: "currentColor",
|
|
3101
3112
|
"stroke-width": "1.5",
|
|
3102
3113
|
"stroke-linecap": "round",
|
|
3103
3114
|
"stroke-linejoin": "round"
|
|
3104
3115
|
}, null, -1)
|
|
3105
|
-
])])) : fe.value ? (d(), p("svg",
|
|
3106
|
-
|
|
3116
|
+
])])) : fe.value ? (d(), p("svg", ya, [...U[6] || (U[6] = [
|
|
3117
|
+
s("path", {
|
|
3107
3118
|
d: "M2 6L10 6",
|
|
3108
3119
|
stroke: "currentColor",
|
|
3109
3120
|
"stroke-width": "1.5",
|
|
3110
3121
|
"stroke-linecap": "round"
|
|
3111
3122
|
}, null, -1)
|
|
3112
|
-
])])) :
|
|
3113
|
-
], 2)) :
|
|
3123
|
+
])])) : V("", !0)
|
|
3124
|
+
], 2)) : V("", !0),
|
|
3114
3125
|
t.iconClass ? (d(), p("span", {
|
|
3115
3126
|
key: 3,
|
|
3116
3127
|
class: Z(["ytree-node__icon", t.iconClass])
|
|
3117
|
-
}, null, 2)) :
|
|
3118
|
-
|
|
3128
|
+
}, null, 2)) : V("", !0),
|
|
3129
|
+
s("img", {
|
|
3119
3130
|
class: "ytree-node__avatar",
|
|
3120
3131
|
src: ye.value,
|
|
3121
3132
|
alt: Y.value ? "person" : "dept"
|
|
3122
|
-
}, null, 8,
|
|
3123
|
-
|
|
3133
|
+
}, null, 8, ma),
|
|
3134
|
+
s("span", {
|
|
3124
3135
|
class: Z(["ytree-node__label", { "is-employee": Y.value }])
|
|
3125
3136
|
}, we(j.value), 3),
|
|
3126
|
-
|
|
3127
|
-
|
|
3137
|
+
s("div", wa, [
|
|
3138
|
+
ke(ne.$slots, "node-content", {
|
|
3128
3139
|
node: f.node,
|
|
3129
3140
|
isCurrent: ve.value,
|
|
3130
3141
|
isExpanded: K.value,
|
|
3131
3142
|
hasChildren: ie.value
|
|
3132
3143
|
}, void 0, !0)
|
|
3133
3144
|
])
|
|
3134
|
-
], 46,
|
|
3135
|
-
|
|
3145
|
+
], 46, ha),
|
|
3146
|
+
Ie(Ve, { name: "ytree-node" }, {
|
|
3136
3147
|
default: $e(() => [
|
|
3137
|
-
ie.value && K.value ? (d(), p("div",
|
|
3138
|
-
(d(!0), p(Se, null,
|
|
3148
|
+
ie.value && K.value ? (d(), p("div", ba, [
|
|
3149
|
+
(d(!0), p(Se, null, Be(q.value, (ae) => (d(), Pe(Mt, {
|
|
3139
3150
|
key: lt(e)(ae),
|
|
3140
3151
|
node: ae,
|
|
3141
3152
|
"root-node": t.rootNode,
|
|
@@ -3152,17 +3163,17 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3152
3163
|
"expand-on-click-node": t.expandOnClickNode
|
|
3153
3164
|
}, {
|
|
3154
3165
|
"node-content": $e((b) => [
|
|
3155
|
-
|
|
3166
|
+
ke(ne.$slots, "node-content", ht({ ref_for: !0 }, b), void 0, !0)
|
|
3156
3167
|
]),
|
|
3157
3168
|
_: 3
|
|
3158
3169
|
}, 8, ["node", "root-node", "level", "show-checkbox", "icon-class", "dept-icon-url", "person-icon-url", "button-icon-url", "child-style-level", "child-style-icon-url", "enable-child-style-custom-click", "disabled", "expand-on-click-node"]))), 128))
|
|
3159
|
-
])) :
|
|
3170
|
+
])) : V("", !0)
|
|
3160
3171
|
]),
|
|
3161
3172
|
_: 3
|
|
3162
3173
|
})
|
|
3163
3174
|
], 2));
|
|
3164
3175
|
}
|
|
3165
|
-
}),
|
|
3176
|
+
}), Mt = /* @__PURE__ */ ze(ka, [["__scopeId", "data-v-f424ccf5"]]), Ca = { class: "ytree__container" }, xa = "https://image.nhdropshipping.com/fit-in/500x500/filters:format(webp)/media/2025/10/17/1979094146203385856/32.png", Da = "https://image.nhdropshipping.com/fit-in/500x500/filters:format(webp)/media/2025/10/17/1979095296159907840/32.png", $a = /* @__PURE__ */ _e({
|
|
3166
3177
|
__name: "ytree",
|
|
3167
3178
|
props: {
|
|
3168
3179
|
data: { default: () => [] },
|
|
@@ -3211,18 +3222,18 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3211
3222
|
},
|
|
3212
3223
|
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"],
|
|
3213
3224
|
setup(t, { expose: f, emit: e }) {
|
|
3214
|
-
const l = t, m = e, h = _(() => l.data || []),
|
|
3225
|
+
const l = t, m = e, h = _(() => l.data || []), i = I({
|
|
3215
3226
|
currentNode: null,
|
|
3216
3227
|
currentKey: null,
|
|
3217
3228
|
checkedKeys: /* @__PURE__ */ new Set(),
|
|
3218
3229
|
expandedKeys: /* @__PURE__ */ new Set(),
|
|
3219
3230
|
selectedKeys: /* @__PURE__ */ new Set(),
|
|
3220
3231
|
highlightedKeys: /* @__PURE__ */ new Set()
|
|
3221
|
-
}), S =
|
|
3222
|
-
function
|
|
3232
|
+
}), S = I(0), $ = /* @__PURE__ */ new Map();
|
|
3233
|
+
function M() {
|
|
3223
3234
|
$.clear();
|
|
3224
3235
|
}
|
|
3225
|
-
Le("treeStore",
|
|
3236
|
+
Le("treeStore", i), Le("getNodeKey", c), Le("getNodeLabel", g), Le("getNodeChildren", R), Le("hasChildren", W), Le("isEmployeeNode", x), Le("getNodeIcon", H), Le("getNodeDepth", D), Le("isChildStyleNode", z), Le("isNodeExpanded", j), Le("isNodeChecked", de), Le("isNodeIndeterminate", K), Le("isNodeCurrent", P), Le("isNodeHighlighted", fe), Le("handleExpandClick", ce), Le("handleCheckClick", ve), Le("handleNodeClick", q), Le("handleNodeContextMenu", te);
|
|
3226
3237
|
const C = _(() => l.restrictAutoExpandFromLevel && l.restrictAutoExpandFromLevel > 0 ? l.restrictAutoExpandFromLevel : void 0);
|
|
3227
3238
|
function c(n) {
|
|
3228
3239
|
return n[l.nodeKey] || n.id || Math.random();
|
|
@@ -3235,10 +3246,10 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3235
3246
|
var a;
|
|
3236
3247
|
return !!((a = n == null ? void 0 : n.data) != null && a.isEmployee);
|
|
3237
3248
|
}
|
|
3238
|
-
function
|
|
3249
|
+
function H(n, a) {
|
|
3239
3250
|
var ee;
|
|
3240
|
-
const w = l.deptIconUrl ||
|
|
3241
|
-
return a &&
|
|
3251
|
+
const w = l.deptIconUrl || xa, N = l.personIconUrl || Da, B = l.buttonIconUrl || "", A = l.childStyleIconUrl || "";
|
|
3252
|
+
return a && A && z(n, a) ? A : (ee = n == null ? void 0 : n.data) != null && ee.isButton && B ? B : x(n) ? N : w;
|
|
3242
3253
|
}
|
|
3243
3254
|
function W(n) {
|
|
3244
3255
|
var w;
|
|
@@ -3253,10 +3264,10 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3253
3264
|
if (n === a)
|
|
3254
3265
|
return w;
|
|
3255
3266
|
const N = R(n);
|
|
3256
|
-
for (const
|
|
3257
|
-
const
|
|
3258
|
-
if (
|
|
3259
|
-
return
|
|
3267
|
+
for (const B of N) {
|
|
3268
|
+
const A = D(B, a, w + 1);
|
|
3269
|
+
if (A > 0)
|
|
3270
|
+
return A;
|
|
3260
3271
|
}
|
|
3261
3272
|
return 0;
|
|
3262
3273
|
}
|
|
@@ -3265,27 +3276,27 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3265
3276
|
}
|
|
3266
3277
|
function j(n) {
|
|
3267
3278
|
const a = c(n);
|
|
3268
|
-
return
|
|
3279
|
+
return i.value.expandedKeys.has(a);
|
|
3269
3280
|
}
|
|
3270
3281
|
function ye(n, a = /* @__PURE__ */ new Set()) {
|
|
3271
3282
|
const w = c(n);
|
|
3272
3283
|
if (a.has(w))
|
|
3273
3284
|
return { checked: !1, indeterminate: !1 };
|
|
3274
3285
|
a.add(w);
|
|
3275
|
-
const
|
|
3286
|
+
const B = i.value.checkedKeys.has(w);
|
|
3276
3287
|
if (!W(n))
|
|
3277
|
-
return { checked:
|
|
3278
|
-
const
|
|
3279
|
-
if (
|
|
3280
|
-
return { checked:
|
|
3288
|
+
return { checked: B, indeterminate: !1 };
|
|
3289
|
+
const A = R(n);
|
|
3290
|
+
if (A.length === 0)
|
|
3291
|
+
return { checked: B, indeterminate: !1 };
|
|
3281
3292
|
let ee = 0, G = 0;
|
|
3282
|
-
for (const
|
|
3283
|
-
const le = ye(
|
|
3293
|
+
for (const X of A) {
|
|
3294
|
+
const le = ye(X, a);
|
|
3284
3295
|
le.checked ? ee++ : le.indeterminate && G++;
|
|
3285
3296
|
}
|
|
3286
3297
|
let re, ue;
|
|
3287
|
-
const pe = ee ===
|
|
3288
|
-
return
|
|
3298
|
+
const pe = ee === A.length && G === 0, O = ee > 0 || G > 0;
|
|
3299
|
+
return B ? pe ? (re = !0, ue = !1) : O ? (re = !1, ue = !0) : (re = !0, ue = !1) : pe ? (re = !0, ue = !1) : O ? (re = !1, ue = !0) : (re = !1, ue = !1), { checked: re, indeterminate: ue };
|
|
3289
3300
|
}
|
|
3290
3301
|
function de(n) {
|
|
3291
3302
|
return S.value, ye(n).checked;
|
|
@@ -3295,55 +3306,55 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3295
3306
|
}
|
|
3296
3307
|
function P(n) {
|
|
3297
3308
|
const a = c(n);
|
|
3298
|
-
return
|
|
3309
|
+
return i.value.currentKey === a;
|
|
3299
3310
|
}
|
|
3300
3311
|
function fe(n) {
|
|
3301
3312
|
const a = c(n);
|
|
3302
|
-
return
|
|
3313
|
+
return i.value.highlightedKeys.has(a);
|
|
3303
3314
|
}
|
|
3304
3315
|
function ve(n) {
|
|
3305
3316
|
if (l.disabled) return;
|
|
3306
|
-
const a = c(n), N = !
|
|
3307
|
-
|
|
3308
|
-
function
|
|
3317
|
+
const a = c(n), N = !i.value.checkedKeys.has(a), B = new Set(i.value.expandedKeys);
|
|
3318
|
+
M(), N ? i.value.checkedKeys.add(a) : i.value.checkedKeys.delete(a);
|
|
3319
|
+
function A(ee, G) {
|
|
3309
3320
|
ee.forEach((re) => {
|
|
3310
3321
|
const ue = c(re);
|
|
3311
|
-
G ?
|
|
3322
|
+
G ? i.value.checkedKeys.add(ue) : i.value.checkedKeys.delete(ue), W(re) && A(R(re), G);
|
|
3312
3323
|
});
|
|
3313
3324
|
}
|
|
3314
|
-
|
|
3325
|
+
A(R(n), N), ie(), i.value.expandedKeys = B, M(), m("check-change", n, N, !1), m("check", n, N, !1), m("checked-keys-change", Array.from(i.value.checkedKeys));
|
|
3315
3326
|
}
|
|
3316
3327
|
function ce(n) {
|
|
3317
3328
|
const a = c(n);
|
|
3318
|
-
|
|
3329
|
+
i.value.expandedKeys.has(a) ? (i.value.expandedKeys.delete(a), m("node-collapse", n, n, null)) : (i.value.expandedKeys.add(a), m("node-expand", n, n, null));
|
|
3319
3330
|
}
|
|
3320
3331
|
function ie() {
|
|
3321
3332
|
const n = /* @__PURE__ */ new Map(), a = [], w = /* @__PURE__ */ new Map();
|
|
3322
|
-
function N(
|
|
3323
|
-
|
|
3333
|
+
function N(A, ee) {
|
|
3334
|
+
A.forEach((G) => {
|
|
3324
3335
|
const re = c(G);
|
|
3325
3336
|
a.push(G), w.set(re, G), ee && n.set(re, ee), W(G) && N(R(G), G);
|
|
3326
3337
|
});
|
|
3327
3338
|
}
|
|
3328
3339
|
N(h.value);
|
|
3329
|
-
function
|
|
3330
|
-
if (!W(
|
|
3331
|
-
const ee = R(
|
|
3340
|
+
function B(A) {
|
|
3341
|
+
if (!W(A)) return;
|
|
3342
|
+
const ee = R(A), G = c(A);
|
|
3332
3343
|
let re = 0, ue = 0;
|
|
3333
3344
|
for (const pe of ee) {
|
|
3334
3345
|
const O = ye(pe);
|
|
3335
3346
|
O.checked ? re++ : O.indeterminate && ue++;
|
|
3336
3347
|
}
|
|
3337
|
-
re === ee.length && ue === 0 ?
|
|
3348
|
+
re === ee.length && ue === 0 ? i.value.checkedKeys.add(G) : (re > 0 || ue > 0, i.value.checkedKeys.delete(G));
|
|
3338
3349
|
}
|
|
3339
|
-
for (let
|
|
3340
|
-
|
|
3341
|
-
|
|
3350
|
+
for (let A = a.length - 1; A >= 0; A--)
|
|
3351
|
+
B(a[A]);
|
|
3352
|
+
M();
|
|
3342
3353
|
}
|
|
3343
3354
|
function q(n, a, w, N) {
|
|
3344
3355
|
if (l.disabled) return;
|
|
3345
|
-
const
|
|
3346
|
-
if (l.enableChildStyleCustomClick &&
|
|
3356
|
+
const B = N ? z(n, N) : !1;
|
|
3357
|
+
if (l.enableChildStyleCustomClick && B) {
|
|
3347
3358
|
m("child-node-click", n, a, w);
|
|
3348
3359
|
return;
|
|
3349
3360
|
}
|
|
@@ -3351,7 +3362,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3351
3362
|
ce(n);
|
|
3352
3363
|
return;
|
|
3353
3364
|
}
|
|
3354
|
-
|
|
3365
|
+
i.value.currentNode = n, i.value.currentKey = c(n), l.showCheckbox && ve(n), m("node-click", n, a, w);
|
|
3355
3366
|
}
|
|
3356
3367
|
function te(n, a, w, N) {
|
|
3357
3368
|
l.disabled || m("node-contextmenu", n, a, w, N);
|
|
@@ -3373,51 +3384,51 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3373
3384
|
return 0;
|
|
3374
3385
|
}, N = function(ee, G, re) {
|
|
3375
3386
|
ee.forEach((ue) => {
|
|
3376
|
-
G < re && W(ue) ? (
|
|
3387
|
+
G < re && W(ue) ? (A.add(c(ue)), N(R(ue), G + 1, re)) : G < re && W(ue);
|
|
3377
3388
|
});
|
|
3378
3389
|
};
|
|
3379
|
-
const
|
|
3390
|
+
const B = (n || []).filter((ee) => {
|
|
3380
3391
|
const G = w(ee, h.value, 1);
|
|
3381
3392
|
return G > 0 && G < a;
|
|
3382
|
-
}),
|
|
3383
|
-
N(h.value, 1, a),
|
|
3384
|
-
w(ee, h.value, 1) >= a &&
|
|
3385
|
-
}),
|
|
3393
|
+
}), A = new Set(B);
|
|
3394
|
+
N(h.value, 1, a), i.value.expandedKeys.forEach((ee) => {
|
|
3395
|
+
w(ee, h.value, 1) >= a && A.add(ee);
|
|
3396
|
+
}), i.value.expandedKeys = A;
|
|
3386
3397
|
} else
|
|
3387
|
-
|
|
3398
|
+
i.value.expandedKeys = new Set(n);
|
|
3388
3399
|
}
|
|
3389
3400
|
},
|
|
3390
3401
|
{ immediate: !0 }
|
|
3391
3402
|
);
|
|
3392
3403
|
function Y() {
|
|
3393
3404
|
if (l.defaultExpandAll) {
|
|
3394
|
-
let n = function(N,
|
|
3395
|
-
N.forEach((
|
|
3396
|
-
if (!W(
|
|
3397
|
-
const ee = R(
|
|
3405
|
+
let n = function(N, B = 1) {
|
|
3406
|
+
N.forEach((A) => {
|
|
3407
|
+
if (!W(A)) return;
|
|
3408
|
+
const ee = R(A);
|
|
3398
3409
|
if (w) {
|
|
3399
|
-
if (
|
|
3400
|
-
|
|
3410
|
+
if (B >= w) return;
|
|
3411
|
+
B + 1 === w || a.add(c(A)), n(ee, B + 1);
|
|
3401
3412
|
} else
|
|
3402
|
-
a.add(c(
|
|
3413
|
+
a.add(c(A)), n(ee, B + 1);
|
|
3403
3414
|
});
|
|
3404
3415
|
};
|
|
3405
3416
|
const a = /* @__PURE__ */ new Set(), w = C.value;
|
|
3406
|
-
n(h.value, 1),
|
|
3417
|
+
n(h.value, 1), i.value.expandedKeys = a;
|
|
3407
3418
|
}
|
|
3408
3419
|
}
|
|
3409
|
-
function
|
|
3420
|
+
function J() {
|
|
3410
3421
|
if (l.defaultCheckedKeys && l.defaultCheckedKeys.length > 0) {
|
|
3411
|
-
let n = function(
|
|
3412
|
-
|
|
3413
|
-
const G = c(ee), re = [...
|
|
3414
|
-
a.has(G) &&
|
|
3422
|
+
let n = function(B, A = []) {
|
|
3423
|
+
B.forEach((ee) => {
|
|
3424
|
+
const G = c(ee), re = [...A, G];
|
|
3425
|
+
a.has(G) && A.forEach((ue) => w.add(ue)), W(ee) && n(R(ee), re);
|
|
3415
3426
|
});
|
|
3416
3427
|
};
|
|
3417
3428
|
const a = new Set(l.defaultCheckedKeys), w = /* @__PURE__ */ new Set();
|
|
3418
3429
|
if (n(h.value), C.value)
|
|
3419
3430
|
return;
|
|
3420
|
-
|
|
3431
|
+
i.value.expandedKeys = w;
|
|
3421
3432
|
}
|
|
3422
3433
|
}
|
|
3423
3434
|
let ne = null;
|
|
@@ -3429,18 +3440,18 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3429
3440
|
ge(() => l.defaultExpandAll, Y, { immediate: !0 }), ge(() => h.value, U, { deep: !0 }), ge(
|
|
3430
3441
|
() => l.defaultCheckedKeys,
|
|
3431
3442
|
(n) => {
|
|
3432
|
-
n ? (
|
|
3443
|
+
n ? (i.value.checkedKeys = new Set(n), l.enableFourthLevelSpecialHandling || J()) : i.value.checkedKeys.clear();
|
|
3433
3444
|
},
|
|
3434
3445
|
{ immediate: !0 }
|
|
3435
3446
|
);
|
|
3436
3447
|
function ae(n) {
|
|
3437
3448
|
try {
|
|
3438
|
-
let a = function(
|
|
3439
|
-
for (const G of
|
|
3449
|
+
let a = function(B, A, ee = []) {
|
|
3450
|
+
for (const G of B) {
|
|
3440
3451
|
const re = c(G), ue = [...ee, re];
|
|
3441
|
-
if (re ===
|
|
3452
|
+
if (re === A) return ue;
|
|
3442
3453
|
if (W(G)) {
|
|
3443
|
-
const pe = a(R(G),
|
|
3454
|
+
const pe = a(R(G), A, ue);
|
|
3444
3455
|
if (pe) return pe;
|
|
3445
3456
|
}
|
|
3446
3457
|
}
|
|
@@ -3448,33 +3459,33 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3448
3459
|
};
|
|
3449
3460
|
const w = Array.isArray(n) ? n : [];
|
|
3450
3461
|
if (w.length === 0) return;
|
|
3451
|
-
|
|
3452
|
-
const N = new Set(
|
|
3453
|
-
w.forEach((
|
|
3454
|
-
const
|
|
3455
|
-
|
|
3456
|
-
}),
|
|
3462
|
+
i.value.highlightedKeys.clear();
|
|
3463
|
+
const N = new Set(i.value.expandedKeys);
|
|
3464
|
+
w.forEach((B) => {
|
|
3465
|
+
const A = a(h.value, B);
|
|
3466
|
+
A && A.length > 0 && (A.slice(0, -1).forEach((ee) => N.add(ee)), i.value.highlightedKeys.add(A[A.length - 1]));
|
|
3467
|
+
}), i.value.expandedKeys = N;
|
|
3457
3468
|
} catch (a) {
|
|
3458
3469
|
process.env.NODE_ENV === "development" && console.warn("highlightAndExpandByIds 执行失败", a);
|
|
3459
3470
|
}
|
|
3460
3471
|
}
|
|
3461
3472
|
function b() {
|
|
3462
|
-
|
|
3473
|
+
i.value.highlightedKeys.clear();
|
|
3463
3474
|
}
|
|
3464
|
-
function
|
|
3465
|
-
|
|
3475
|
+
function r() {
|
|
3476
|
+
i.value.currentNode = null, i.value.currentKey = null;
|
|
3466
3477
|
}
|
|
3467
|
-
return f({ highlightAndExpandByIds: ae, clearHighlights: b, clearCurrentNode:
|
|
3478
|
+
return f({ highlightAndExpandByIds: ae, clearHighlights: b, clearCurrentNode: r }), ge(
|
|
3468
3479
|
() => l.defaultSelectedKeys,
|
|
3469
3480
|
(n) => {
|
|
3470
|
-
n && (
|
|
3481
|
+
n && (i.value.selectedKeys = new Set(n));
|
|
3471
3482
|
},
|
|
3472
3483
|
{ immediate: !0 }
|
|
3473
3484
|
), (n, a) => (d(), p("div", {
|
|
3474
3485
|
class: Z(["ytree", [`ytree--${t.size}`, { "ytree--disabled": t.disabled }]])
|
|
3475
3486
|
}, [
|
|
3476
|
-
|
|
3477
|
-
(d(!0), p(Se, null,
|
|
3487
|
+
s("div", Ca, [
|
|
3488
|
+
(d(!0), p(Se, null, Be(h.value, (w) => (d(), Pe(Mt, {
|
|
3478
3489
|
key: c(w),
|
|
3479
3490
|
node: w,
|
|
3480
3491
|
"root-node": w,
|
|
@@ -3491,20 +3502,20 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3491
3502
|
"expand-on-click-node": t.expandOnClickNode
|
|
3492
3503
|
}, {
|
|
3493
3504
|
"node-content": $e((N) => [
|
|
3494
|
-
|
|
3505
|
+
ke(n.$slots, "node-content", ht({ ref_for: !0 }, N), void 0, !0)
|
|
3495
3506
|
]),
|
|
3496
3507
|
_: 3
|
|
3497
3508
|
}, 8, ["node", "root-node", "show-checkbox", "icon-class", "dept-icon-url", "person-icon-url", "button-icon-url", "child-style-level", "child-style-icon-url", "enable-child-style-custom-click", "disabled", "expand-on-click-node"]))), 128))
|
|
3498
3509
|
])
|
|
3499
3510
|
], 2));
|
|
3500
3511
|
}
|
|
3501
|
-
}),
|
|
3512
|
+
}), Sa = /* @__PURE__ */ ze($a, [["__scopeId", "data-v-ad65c979"]]), Ia = { class: "query-encapsulation" }, Ma = { class: "query-encapsulation__container" }, Ta = { class: "query-encapsulation__content" }, La = { class: "query-encapsulation__field-wrapper" }, Ea = {
|
|
3502
3513
|
key: 0,
|
|
3503
3514
|
class: "query-encapsulation__field-label"
|
|
3504
|
-
},
|
|
3515
|
+
}, Ha = {
|
|
3505
3516
|
key: 0,
|
|
3506
3517
|
class: "query-encapsulation__toggle"
|
|
3507
|
-
}, Ba = { class: "query-encapsulation__actions-group" },
|
|
3518
|
+
}, Ba = { class: "query-encapsulation__actions-group" }, _a = /* @__PURE__ */ _e({
|
|
3508
3519
|
__name: "QueryEncapsulation",
|
|
3509
3520
|
props: {
|
|
3510
3521
|
Iflabel: { type: Boolean, default: !0 },
|
|
@@ -3514,45 +3525,45 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3514
3525
|
},
|
|
3515
3526
|
emits: ["update:modelValue", "search", "reset", "field-change"],
|
|
3516
3527
|
setup(t, { expose: f, emit: e }) {
|
|
3517
|
-
const l = t, m = e, h =
|
|
3528
|
+
const l = t, m = e, h = I(!1), i = Et({}), S = ["select", "date", "daterange", "switch"];
|
|
3518
3529
|
let $;
|
|
3519
|
-
const
|
|
3520
|
-
let
|
|
3521
|
-
const D = _(() => l.fields.filter((
|
|
3522
|
-
function ye(
|
|
3523
|
-
switch (
|
|
3530
|
+
const M = I(null), C = I(null), c = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), x = I(1 / 0);
|
|
3531
|
+
let H = null, W, R = 0;
|
|
3532
|
+
const D = _(() => l.fields.filter((r) => !r.hidden)), z = _(() => h.value ? D.value : D.value.slice(0, x.value)), j = _(() => D.value.length > x.value);
|
|
3533
|
+
function ye(r) {
|
|
3534
|
+
switch (r) {
|
|
3524
3535
|
case "select":
|
|
3525
3536
|
return $t;
|
|
3526
3537
|
case "date":
|
|
3527
3538
|
case "daterange":
|
|
3528
3539
|
return St;
|
|
3529
3540
|
case "switch":
|
|
3530
|
-
return
|
|
3541
|
+
return It;
|
|
3531
3542
|
case "input":
|
|
3532
3543
|
default:
|
|
3533
3544
|
return Dt;
|
|
3534
3545
|
}
|
|
3535
3546
|
}
|
|
3536
|
-
function de(
|
|
3537
|
-
r
|
|
3538
|
-
const a = l.fields.find((w) => w.key ===
|
|
3547
|
+
function de(r, n) {
|
|
3548
|
+
i[r] = n;
|
|
3549
|
+
const a = l.fields.find((w) => w.key === r);
|
|
3539
3550
|
a && K(a);
|
|
3540
3551
|
}
|
|
3541
|
-
function K(
|
|
3542
|
-
m("field-change",
|
|
3552
|
+
function K(r) {
|
|
3553
|
+
m("field-change", r, i[r.key]), m("update:modelValue", { ...i }), S.includes(r.type) && J();
|
|
3543
3554
|
}
|
|
3544
|
-
function P(
|
|
3545
|
-
|
|
3555
|
+
function P(r, n) {
|
|
3556
|
+
r.onSwitchChange && typeof r.onSwitchChange == "function" && r.onSwitchChange(n, r), K(r);
|
|
3546
3557
|
}
|
|
3547
3558
|
function fe() {
|
|
3548
|
-
const
|
|
3559
|
+
const r = ne(i), n = U(r), a = { ...i };
|
|
3549
3560
|
m("search", { data: n, raw: a });
|
|
3550
3561
|
}
|
|
3551
3562
|
function ve() {
|
|
3552
|
-
Object.keys(
|
|
3553
|
-
const n = l.fields.find((a) => a.key ===
|
|
3554
|
-
(n == null ? void 0 : n.type) === "daterange" ? r
|
|
3555
|
-
}), m("reset"), m("update:modelValue", { ...
|
|
3563
|
+
Object.keys(i).forEach((r) => {
|
|
3564
|
+
const n = l.fields.find((a) => a.key === r);
|
|
3565
|
+
(n == null ? void 0 : n.type) === "daterange" ? i[r] = { startDate: null, endDate: null } : (n == null ? void 0 : n.type) === "date" ? i[r] = null : (n == null ? void 0 : n.type) === "switch" ? i[r] = n.falseValue !== void 0 ? n.falseValue : !1 : (n == null ? void 0 : n.type) === "select" && n.multiple ? i[r] = [] : i[r] = "";
|
|
3566
|
+
}), m("reset"), m("update:modelValue", { ...i });
|
|
3556
3567
|
}
|
|
3557
3568
|
function ce() {
|
|
3558
3569
|
h.value = !h.value, setTimeout(() => {
|
|
@@ -3561,10 +3572,10 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3561
3572
|
});
|
|
3562
3573
|
}, 300);
|
|
3563
3574
|
}
|
|
3564
|
-
function ie(
|
|
3565
|
-
|
|
3566
|
-
if (
|
|
3567
|
-
const a =
|
|
3575
|
+
function ie(r, n) {
|
|
3576
|
+
r ? (c.set(n, r), oe(() => {
|
|
3577
|
+
if (r && !g.has(n)) {
|
|
3578
|
+
const a = r.offsetWidth;
|
|
3568
3579
|
a > 0 && g.set(n, a);
|
|
3569
3580
|
}
|
|
3570
3581
|
})) : c.delete(n);
|
|
@@ -3572,58 +3583,58 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3572
3583
|
function q() {
|
|
3573
3584
|
W && clearTimeout(W), W = setTimeout(() => {
|
|
3574
3585
|
oe().then(() => {
|
|
3575
|
-
if (!
|
|
3586
|
+
if (!M.value || !C.value)
|
|
3576
3587
|
return;
|
|
3577
|
-
const
|
|
3578
|
-
if (
|
|
3588
|
+
const r = M.value.offsetWidth;
|
|
3589
|
+
if (r === 0) {
|
|
3579
3590
|
setTimeout(() => q(), 50);
|
|
3580
3591
|
return;
|
|
3581
3592
|
}
|
|
3582
|
-
if (R > 0 && Math.abs(
|
|
3593
|
+
if (R > 0 && Math.abs(r - R) > 10 && (g.clear(), !h.value && D.value.length > 0)) {
|
|
3583
3594
|
h.value = !0, oe(() => {
|
|
3584
3595
|
setTimeout(() => {
|
|
3585
|
-
for (const
|
|
3586
|
-
const le = c.get(
|
|
3596
|
+
for (const X of D.value) {
|
|
3597
|
+
const le = c.get(X.key);
|
|
3587
3598
|
if (le) {
|
|
3588
3599
|
const he = le.offsetWidth;
|
|
3589
|
-
he > 0 && g.set(
|
|
3600
|
+
he > 0 && g.set(X.key, he);
|
|
3590
3601
|
}
|
|
3591
3602
|
}
|
|
3592
|
-
h.value = !1, R =
|
|
3603
|
+
h.value = !1, R = r, setTimeout(() => q(), 50);
|
|
3593
3604
|
}, 150);
|
|
3594
3605
|
});
|
|
3595
3606
|
return;
|
|
3596
3607
|
}
|
|
3597
|
-
R =
|
|
3608
|
+
R = r;
|
|
3598
3609
|
const n = 12, a = 20, w = C.value.querySelector(".query-encapsulation__actions-group");
|
|
3599
3610
|
if (!w) {
|
|
3600
3611
|
setTimeout(() => q(), 50);
|
|
3601
3612
|
return;
|
|
3602
3613
|
}
|
|
3603
|
-
const
|
|
3604
|
-
if (
|
|
3614
|
+
const B = w.getBoundingClientRect().width || w.offsetWidth || 200;
|
|
3615
|
+
if (B < 50) {
|
|
3605
3616
|
setTimeout(() => q(), 50);
|
|
3606
3617
|
return;
|
|
3607
3618
|
}
|
|
3608
|
-
for (const
|
|
3609
|
-
const le = c.get(
|
|
3619
|
+
for (const X of D.value) {
|
|
3620
|
+
const le = c.get(X.key);
|
|
3610
3621
|
if (le) {
|
|
3611
3622
|
const he = le.offsetWidth;
|
|
3612
|
-
he > 0 && g.set(
|
|
3623
|
+
he > 0 && g.set(X.key, he);
|
|
3613
3624
|
}
|
|
3614
3625
|
}
|
|
3615
3626
|
if (!D.value.every(
|
|
3616
|
-
(
|
|
3627
|
+
(X) => g.has(X.key) && g.get(X.key) > 0
|
|
3617
3628
|
)) {
|
|
3618
|
-
const
|
|
3629
|
+
const X = D.value.filter(
|
|
3619
3630
|
(le) => !g.has(le.key) || g.get(le.key) === 0
|
|
3620
3631
|
);
|
|
3621
3632
|
if (h.value) {
|
|
3622
3633
|
let le = !1;
|
|
3623
|
-
for (const he of
|
|
3624
|
-
const
|
|
3625
|
-
if (
|
|
3626
|
-
const De =
|
|
3634
|
+
for (const he of X) {
|
|
3635
|
+
const He = c.get(he.key);
|
|
3636
|
+
if (He) {
|
|
3637
|
+
const De = He.offsetWidth;
|
|
3627
3638
|
De > 0 && (g.set(he.key, De), le = !0);
|
|
3628
3639
|
}
|
|
3629
3640
|
}
|
|
@@ -3632,13 +3643,13 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3632
3643
|
return;
|
|
3633
3644
|
}
|
|
3634
3645
|
} else {
|
|
3635
|
-
const le =
|
|
3636
|
-
(he) => !z.value.some((
|
|
3646
|
+
const le = X.filter(
|
|
3647
|
+
(he) => !z.value.some((He) => He.key === he.key)
|
|
3637
3648
|
);
|
|
3638
3649
|
if (le.length > 0) {
|
|
3639
|
-
const he = Array.from(g.values()).filter((De) => De > 0),
|
|
3650
|
+
const he = Array.from(g.values()).filter((De) => De > 0), He = he.length > 0 ? he.reduce((De, u) => De + u, 0) / he.length : 180;
|
|
3640
3651
|
for (const De of le)
|
|
3641
|
-
(!g.has(De.key) || g.get(De.key) === 0) && g.set(De.key,
|
|
3652
|
+
(!g.has(De.key) || g.get(De.key) === 0) && g.set(De.key, He);
|
|
3642
3653
|
} else {
|
|
3643
3654
|
setTimeout(() => q(), 50);
|
|
3644
3655
|
return;
|
|
@@ -3647,19 +3658,19 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3647
3658
|
}
|
|
3648
3659
|
const ee = 100;
|
|
3649
3660
|
let G = 0;
|
|
3650
|
-
for (const
|
|
3651
|
-
const le = g.get(
|
|
3661
|
+
for (const X of D.value) {
|
|
3662
|
+
const le = g.get(X.key) || 0;
|
|
3652
3663
|
le > 0 && (G += le + (G > 0 ? n : 0));
|
|
3653
3664
|
}
|
|
3654
|
-
const re =
|
|
3665
|
+
const re = r - B - a;
|
|
3655
3666
|
if (G <= re) {
|
|
3656
3667
|
x.value = 1 / 0;
|
|
3657
3668
|
return;
|
|
3658
3669
|
}
|
|
3659
|
-
const ue =
|
|
3670
|
+
const ue = r - B - ee - a;
|
|
3660
3671
|
let pe = 0, O = 0;
|
|
3661
|
-
for (const
|
|
3662
|
-
const le = g.get(
|
|
3672
|
+
for (const X of D.value) {
|
|
3673
|
+
const le = g.get(X.key) || 0;
|
|
3663
3674
|
if (le === 0)
|
|
3664
3675
|
continue;
|
|
3665
3676
|
const he = O > 0 ? le + n : le;
|
|
@@ -3671,8 +3682,8 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3671
3682
|
});
|
|
3672
3683
|
}, 150);
|
|
3673
3684
|
}
|
|
3674
|
-
function te(
|
|
3675
|
-
return
|
|
3685
|
+
function te(r) {
|
|
3686
|
+
return r.type !== "input" ? {} : {
|
|
3676
3687
|
enter: () => Y(),
|
|
3677
3688
|
paste: () => Y()
|
|
3678
3689
|
};
|
|
@@ -3680,75 +3691,75 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3680
3691
|
async function Y() {
|
|
3681
3692
|
await oe(), fe();
|
|
3682
3693
|
}
|
|
3683
|
-
function
|
|
3694
|
+
function J() {
|
|
3684
3695
|
$ && clearTimeout($), $ = setTimeout(() => {
|
|
3685
3696
|
$ = void 0, oe().then(() => fe());
|
|
3686
3697
|
}, 0);
|
|
3687
3698
|
}
|
|
3688
|
-
function ne(
|
|
3699
|
+
function ne(r) {
|
|
3689
3700
|
const n = {};
|
|
3690
|
-
return Object.keys(
|
|
3691
|
-
const w = l.fields.find((
|
|
3692
|
-
if (Array.isArray(
|
|
3693
|
-
|
|
3701
|
+
return Object.keys(r).forEach((a) => {
|
|
3702
|
+
const w = l.fields.find((A) => A.key === a), N = r[a], B = typeof N == "string" ? N.trim() : N;
|
|
3703
|
+
if (Array.isArray(B)) {
|
|
3704
|
+
B.length > 0 && (n[a] = B);
|
|
3694
3705
|
return;
|
|
3695
3706
|
}
|
|
3696
|
-
if (!(
|
|
3697
|
-
if (typeof
|
|
3698
|
-
|
|
3707
|
+
if (!(B == null || B === "")) {
|
|
3708
|
+
if (typeof B == "object" && B.startDate && B.endDate) {
|
|
3709
|
+
B.startDate && B.endDate && (n[a] = B);
|
|
3699
3710
|
return;
|
|
3700
3711
|
}
|
|
3701
3712
|
if (w && (w.type === "date" || w.type === "daterange")) {
|
|
3702
|
-
|
|
3713
|
+
B !== 0 && (n[a] = B);
|
|
3703
3714
|
return;
|
|
3704
3715
|
}
|
|
3705
|
-
n[a] =
|
|
3716
|
+
n[a] = B;
|
|
3706
3717
|
}
|
|
3707
3718
|
}), n;
|
|
3708
3719
|
}
|
|
3709
|
-
function U(
|
|
3720
|
+
function U(r) {
|
|
3710
3721
|
const n = {};
|
|
3711
|
-
return Object.keys(
|
|
3712
|
-
const w =
|
|
3722
|
+
return Object.keys(r).forEach((a) => {
|
|
3723
|
+
const w = r[a], N = l.fields.find((B) => B.key === a);
|
|
3713
3724
|
if (N)
|
|
3714
3725
|
if (N.type === "daterange" && typeof w == "object") {
|
|
3715
|
-
const
|
|
3716
|
-
w.startDate && w.endDate && w.startDate !== 0 && w.endDate !== 0 && (N.format === "timestamp" ? (n[
|
|
3726
|
+
const B = N.startKey || `${a}Start`, A = N.endKey || `${a}End`;
|
|
3727
|
+
w.startDate && w.endDate && w.startDate !== 0 && w.endDate !== 0 && (N.format === "timestamp" ? (n[B] = new Date(w.startDate).getTime(), n[A] = new Date(w.endDate).getTime()) : (n[B] = w.startDate, n[A] = w.endDate));
|
|
3717
3728
|
} else N.type === "date" && w && w !== 0 && N.format === "timestamp" ? n[a] = new Date(w).getTime() : n[a] = w;
|
|
3718
3729
|
else
|
|
3719
3730
|
n[a] = w;
|
|
3720
3731
|
}), n;
|
|
3721
3732
|
}
|
|
3722
3733
|
function ae() {
|
|
3723
|
-
l.fields.forEach((
|
|
3724
|
-
var n, a, w, N,
|
|
3725
|
-
r
|
|
3734
|
+
l.fields.forEach((r) => {
|
|
3735
|
+
var n, a, w, N, B;
|
|
3736
|
+
i[r.key] === void 0 && (r.type === "daterange" ? i[r.key] = ((n = l.modelValue) == null ? void 0 : n[r.key]) || {
|
|
3726
3737
|
startDate: null,
|
|
3727
3738
|
endDate: null
|
|
3728
|
-
} :
|
|
3739
|
+
} : r.type === "date" ? i[r.key] = ((a = l.modelValue) == null ? void 0 : a[r.key]) || null : r.type === "switch" ? i[r.key] = ((w = l.modelValue) == null ? void 0 : w[r.key]) !== void 0 ? l.modelValue[r.key] : r.falseValue !== void 0 ? r.falseValue : !1 : r.type === "select" && r.multiple ? i[r.key] = ((N = l.modelValue) == null ? void 0 : N[r.key]) !== void 0 ? l.modelValue[r.key] : [] : i[r.key] = ((B = l.modelValue) == null ? void 0 : B[r.key]) || "");
|
|
3729
3740
|
});
|
|
3730
3741
|
}
|
|
3731
3742
|
ge(
|
|
3732
3743
|
() => l.modelValue,
|
|
3733
|
-
(
|
|
3734
|
-
|
|
3744
|
+
(r) => {
|
|
3745
|
+
r && Object.assign(i, r);
|
|
3735
3746
|
},
|
|
3736
3747
|
{ deep: !0, immediate: !0 }
|
|
3737
3748
|
), ge(
|
|
3738
3749
|
() => l.fields,
|
|
3739
|
-
(
|
|
3740
|
-
const a = (
|
|
3750
|
+
(r, n) => {
|
|
3751
|
+
const a = (r == null ? void 0 : r.map((N) => N.key).join(",")) || "", w = (n == null ? void 0 : n.map((N) => N.key).join(",")) || "";
|
|
3741
3752
|
a !== w && (c.clear(), g.clear(), R = 0), oe(() => {
|
|
3742
|
-
const
|
|
3753
|
+
const B = (r == null ? void 0 : r.length) !== (n == null ? void 0 : n.length) ? 200 : 100;
|
|
3743
3754
|
setTimeout(() => {
|
|
3744
3755
|
oe(() => {
|
|
3745
3756
|
D.value.length > 3 && !h.value && a !== w ? (h.value = !0, oe(() => {
|
|
3746
3757
|
setTimeout(() => {
|
|
3747
|
-
for (const
|
|
3748
|
-
const ee = c.get(
|
|
3758
|
+
for (const A of D.value) {
|
|
3759
|
+
const ee = c.get(A.key);
|
|
3749
3760
|
if (ee) {
|
|
3750
3761
|
const G = ee.offsetWidth;
|
|
3751
|
-
G > 0 && g.set(
|
|
3762
|
+
G > 0 && g.set(A.key, G);
|
|
3752
3763
|
}
|
|
3753
3764
|
}
|
|
3754
3765
|
h.value = !1, oe(() => {
|
|
@@ -3757,7 +3768,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3757
3768
|
}, 150);
|
|
3758
3769
|
})) : q();
|
|
3759
3770
|
});
|
|
3760
|
-
},
|
|
3771
|
+
}, B);
|
|
3761
3772
|
});
|
|
3762
3773
|
},
|
|
3763
3774
|
{ deep: !0 }
|
|
@@ -3773,65 +3784,65 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3773
3784
|
ae(), oe(() => {
|
|
3774
3785
|
D.value.length > 3 && !h.value ? (h.value = !0, oe(() => {
|
|
3775
3786
|
setTimeout(() => {
|
|
3776
|
-
for (const
|
|
3777
|
-
const n = c.get(
|
|
3787
|
+
for (const r of D.value) {
|
|
3788
|
+
const n = c.get(r.key);
|
|
3778
3789
|
if (n) {
|
|
3779
3790
|
const a = n.offsetWidth;
|
|
3780
|
-
a > 0 && g.set(
|
|
3791
|
+
a > 0 && g.set(r.key, a);
|
|
3781
3792
|
}
|
|
3782
3793
|
}
|
|
3783
3794
|
h.value = !1, oe(() => {
|
|
3784
3795
|
q();
|
|
3785
3796
|
});
|
|
3786
3797
|
}, 150);
|
|
3787
|
-
})) : q(),
|
|
3798
|
+
})) : q(), M.value && window.ResizeObserver && (H && H.disconnect(), H = new ResizeObserver(() => {
|
|
3788
3799
|
q();
|
|
3789
|
-
}),
|
|
3800
|
+
}), H.observe(M.value), C.value && H.observe(C.value)), window.addEventListener("resize", q);
|
|
3790
3801
|
});
|
|
3791
3802
|
}
|
|
3792
3803
|
return Fe(() => {
|
|
3793
3804
|
b();
|
|
3794
|
-
}),
|
|
3805
|
+
}), Ht(() => {
|
|
3795
3806
|
c.clear(), g.clear(), h.value = !1, R = 0, oe(() => {
|
|
3796
3807
|
setTimeout(() => {
|
|
3797
3808
|
b();
|
|
3798
3809
|
}, 150);
|
|
3799
3810
|
});
|
|
3800
3811
|
}), Ct(() => {
|
|
3801
|
-
$ && (clearTimeout($), $ = void 0), W && (clearTimeout(W), W = void 0),
|
|
3812
|
+
$ && (clearTimeout($), $ = void 0), W && (clearTimeout(W), W = void 0), H && (H.disconnect(), H = null), window.removeEventListener("resize", q);
|
|
3802
3813
|
}), f({
|
|
3803
3814
|
search: fe,
|
|
3804
3815
|
reset: ve
|
|
3805
|
-
}), (
|
|
3806
|
-
|
|
3807
|
-
|
|
3808
|
-
|
|
3816
|
+
}), (r, n) => (d(), p("div", Ia, [
|
|
3817
|
+
s("div", Ma, [
|
|
3818
|
+
s("div", Ta, [
|
|
3819
|
+
s("div", {
|
|
3809
3820
|
class: "query-encapsulation__fields",
|
|
3810
3821
|
ref_key: "fieldsContainerRef",
|
|
3811
|
-
ref:
|
|
3822
|
+
ref: M
|
|
3812
3823
|
}, [
|
|
3813
|
-
|
|
3824
|
+
Ie(Bt, {
|
|
3814
3825
|
name: "qf",
|
|
3815
3826
|
tag: "div",
|
|
3816
3827
|
class: "query-encapsulation__fields-group"
|
|
3817
3828
|
}, {
|
|
3818
3829
|
default: $e(() => [
|
|
3819
|
-
(d(!0), p(Se, null,
|
|
3830
|
+
(d(!0), p(Se, null, Be(z.value, (a) => (d(), p("div", {
|
|
3820
3831
|
key: a.key,
|
|
3821
3832
|
class: "query-encapsulation__field-item",
|
|
3822
3833
|
ref_for: !0,
|
|
3823
3834
|
ref: (w) => ie(w, a.key)
|
|
3824
3835
|
}, [
|
|
3825
|
-
|
|
3836
|
+
ke(r.$slots, `field-${a.key}`, {
|
|
3826
3837
|
field: a,
|
|
3827
|
-
value:
|
|
3838
|
+
value: i[a.key],
|
|
3828
3839
|
updateValue: (w) => de(a.key, w)
|
|
3829
3840
|
}, () => [
|
|
3830
|
-
|
|
3831
|
-
t.Iflabel || a.type === "switch" ? (d(), p("label",
|
|
3841
|
+
s("div", La, [
|
|
3842
|
+
t.Iflabel || a.type === "switch" ? (d(), p("label", Ea, we(a.label), 1)) : V("", !0),
|
|
3832
3843
|
(d(), Pe(_t(ye(a.type)), ht({
|
|
3833
|
-
modelValue:
|
|
3834
|
-
"onUpdate:modelValue": (w) =>
|
|
3844
|
+
modelValue: i[a.key],
|
|
3845
|
+
"onUpdate:modelValue": (w) => i[a.key] = w,
|
|
3835
3846
|
placeholder: a.placeholder || `请输入${a.label}`,
|
|
3836
3847
|
options: a.options,
|
|
3837
3848
|
clearable: a.clearable !== !1,
|
|
@@ -3858,28 +3869,28 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3858
3869
|
]),
|
|
3859
3870
|
_: 3
|
|
3860
3871
|
}),
|
|
3861
|
-
j.value ? (d(), p("div",
|
|
3862
|
-
|
|
3872
|
+
j.value ? (d(), p("div", Ha, [
|
|
3873
|
+
Ie(rt, {
|
|
3863
3874
|
variant: "secondary",
|
|
3864
3875
|
size: "small",
|
|
3865
3876
|
onClick: ce
|
|
3866
3877
|
}, {
|
|
3867
3878
|
default: $e(() => [
|
|
3868
3879
|
We(we(h.value ? "收起" : "展开") + " ", 1),
|
|
3869
|
-
|
|
3880
|
+
s("span", {
|
|
3870
3881
|
class: Z(["query-encapsulation__toggle-icon", { "is-expanded": h.value }])
|
|
3871
3882
|
}, "▼", 2)
|
|
3872
3883
|
]),
|
|
3873
3884
|
_: 1
|
|
3874
3885
|
})
|
|
3875
|
-
])) :
|
|
3876
|
-
|
|
3886
|
+
])) : V("", !0),
|
|
3887
|
+
s("div", {
|
|
3877
3888
|
class: "query-encapsulation__actions",
|
|
3878
3889
|
ref_key: "actionsRef",
|
|
3879
3890
|
ref: C
|
|
3880
3891
|
}, [
|
|
3881
|
-
|
|
3882
|
-
|
|
3892
|
+
s("div", Ba, [
|
|
3893
|
+
Ie(rt, {
|
|
3883
3894
|
variant: "primary",
|
|
3884
3895
|
size: "small",
|
|
3885
3896
|
onClick: fe,
|
|
@@ -3890,7 +3901,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3890
3901
|
])]),
|
|
3891
3902
|
_: 1
|
|
3892
3903
|
}, 8, ["loading"]),
|
|
3893
|
-
|
|
3904
|
+
Ie(rt, {
|
|
3894
3905
|
variant: "secondary",
|
|
3895
3906
|
size: "small",
|
|
3896
3907
|
onClick: ve,
|
|
@@ -3901,7 +3912,7 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3901
3912
|
])]),
|
|
3902
3913
|
_: 1
|
|
3903
3914
|
}, 8, ["loading"]),
|
|
3904
|
-
|
|
3915
|
+
ke(r.$slots, "extra-actions", {}, void 0, !0)
|
|
3905
3916
|
])
|
|
3906
3917
|
], 512)
|
|
3907
3918
|
], 512)
|
|
@@ -3909,25 +3920,25 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3909
3920
|
])
|
|
3910
3921
|
]));
|
|
3911
3922
|
}
|
|
3912
|
-
}),
|
|
3923
|
+
}), za = /* @__PURE__ */ ze(_a, [["__scopeId", "data-v-ff39aeda"]]), Na = {
|
|
3913
3924
|
key: 0,
|
|
3914
3925
|
width: "16",
|
|
3915
3926
|
height: "16",
|
|
3916
3927
|
viewBox: "0 0 24 24",
|
|
3917
3928
|
fill: "none"
|
|
3918
|
-
},
|
|
3929
|
+
}, Ka = {
|
|
3919
3930
|
key: 1,
|
|
3920
3931
|
width: "16",
|
|
3921
3932
|
height: "16",
|
|
3922
3933
|
viewBox: "0 0 24 24",
|
|
3923
3934
|
fill: "none"
|
|
3924
|
-
},
|
|
3935
|
+
}, Wa = {
|
|
3925
3936
|
key: 2,
|
|
3926
3937
|
width: "16",
|
|
3927
3938
|
height: "16",
|
|
3928
3939
|
viewBox: "0 0 24 24",
|
|
3929
3940
|
fill: "none"
|
|
3930
|
-
},
|
|
3941
|
+
}, Ra = ["textContent"], Va = /* @__PURE__ */ _e({
|
|
3931
3942
|
__name: "ymessageToast",
|
|
3932
3943
|
props: {
|
|
3933
3944
|
id: {},
|
|
@@ -3940,16 +3951,16 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3940
3951
|
onClose: {}
|
|
3941
3952
|
},
|
|
3942
3953
|
setup(t) {
|
|
3943
|
-
const f = t, e =
|
|
3954
|
+
const f = t, e = I(!1);
|
|
3944
3955
|
let l, m = 0, h = 0;
|
|
3945
3956
|
Fe(() => {
|
|
3946
3957
|
requestAnimationFrame(() => {
|
|
3947
|
-
e.value = !0, f.duration && f.duration > 0 &&
|
|
3958
|
+
e.value = !0, f.duration && f.duration > 0 && i(f.duration);
|
|
3948
3959
|
});
|
|
3949
3960
|
}), Ct(() => {
|
|
3950
3961
|
S();
|
|
3951
3962
|
});
|
|
3952
|
-
function
|
|
3963
|
+
function i(g) {
|
|
3953
3964
|
m = g, h = Date.now(), l = window.setTimeout(() => C(), g);
|
|
3954
3965
|
}
|
|
3955
3966
|
function S() {
|
|
@@ -3962,8 +3973,8 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3962
3973
|
m = Math.max(0, m - g);
|
|
3963
3974
|
}
|
|
3964
3975
|
}
|
|
3965
|
-
function
|
|
3966
|
-
f.duration && f.duration > 0 && m > 0 &&
|
|
3976
|
+
function M() {
|
|
3977
|
+
f.duration && f.duration > 0 && m > 0 && i(m);
|
|
3967
3978
|
}
|
|
3968
3979
|
function C() {
|
|
3969
3980
|
e.value = !1;
|
|
@@ -3977,36 +3988,36 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
3977
3988
|
onAfterLeave: c
|
|
3978
3989
|
}, {
|
|
3979
3990
|
default: $e(() => [
|
|
3980
|
-
je(
|
|
3991
|
+
je(s("div", {
|
|
3981
3992
|
class: Z(["y-msg", [`y-msg--${t.type}`]]),
|
|
3982
3993
|
style: be({ zIndex: t.zIndex }),
|
|
3983
3994
|
role: "status",
|
|
3984
3995
|
"aria-live": "polite",
|
|
3985
3996
|
onMouseenter: $,
|
|
3986
|
-
onMouseleave:
|
|
3997
|
+
onMouseleave: M
|
|
3987
3998
|
}, [
|
|
3988
|
-
|
|
3999
|
+
s("span", {
|
|
3989
4000
|
class: Z(["y-msg__icon", `y-msg__icon--${t.type}`]),
|
|
3990
4001
|
"aria-hidden": "true"
|
|
3991
4002
|
}, [
|
|
3992
|
-
t.type === "success" ? (d(), p("svg",
|
|
3993
|
-
|
|
4003
|
+
t.type === "success" ? (d(), p("svg", Na, [...x[0] || (x[0] = [
|
|
4004
|
+
s("path", {
|
|
3994
4005
|
d: "M20 6L9 17l-5-5",
|
|
3995
4006
|
stroke: "currentColor",
|
|
3996
4007
|
"stroke-width": "2",
|
|
3997
4008
|
"stroke-linecap": "round",
|
|
3998
4009
|
"stroke-linejoin": "round"
|
|
3999
4010
|
}, null, -1)
|
|
4000
|
-
])])) : t.type === "warning" ? (d(), p("svg",
|
|
4001
|
-
|
|
4011
|
+
])])) : t.type === "warning" ? (d(), p("svg", Ka, [...x[1] || (x[1] = [
|
|
4012
|
+
s("path", {
|
|
4002
4013
|
d: "M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z",
|
|
4003
4014
|
stroke: "currentColor",
|
|
4004
4015
|
"stroke-width": "2",
|
|
4005
4016
|
"stroke-linecap": "round",
|
|
4006
4017
|
"stroke-linejoin": "round"
|
|
4007
4018
|
}, null, -1)
|
|
4008
|
-
])])) : (d(), p("svg",
|
|
4009
|
-
|
|
4019
|
+
])])) : (d(), p("svg", Wa, [...x[2] || (x[2] = [
|
|
4020
|
+
s("path", {
|
|
4010
4021
|
d: "M12 9v4m0 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z",
|
|
4011
4022
|
stroke: "currentColor",
|
|
4012
4023
|
"stroke-width": "2",
|
|
@@ -4015,16 +4026,16 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
4015
4026
|
}, null, -1)
|
|
4016
4027
|
])]))
|
|
4017
4028
|
], 2),
|
|
4018
|
-
|
|
4029
|
+
s("div", {
|
|
4019
4030
|
class: "y-msg__content",
|
|
4020
4031
|
textContent: we(t.message)
|
|
4021
|
-
}, null, 8,
|
|
4032
|
+
}, null, 8, Ra),
|
|
4022
4033
|
t.closable ? (d(), p("button", {
|
|
4023
4034
|
key: 0,
|
|
4024
4035
|
class: "y-msg__close",
|
|
4025
4036
|
type: "button",
|
|
4026
4037
|
onClick: C
|
|
4027
|
-
}, "✕")) :
|
|
4038
|
+
}, "✕")) : V("", !0)
|
|
4028
4039
|
], 38), [
|
|
4029
4040
|
[Ze, e.value]
|
|
4030
4041
|
])
|
|
@@ -4032,10 +4043,10 @@ const Kt = ["type", "disabled", "aria-busy", "aria-disabled"], Wt = { class: "co
|
|
|
4032
4043
|
_: 1
|
|
4033
4044
|
}));
|
|
4034
4045
|
}
|
|
4035
|
-
}),
|
|
4036
|
-
let
|
|
4046
|
+
}), Aa = /* @__PURE__ */ ze(Va, [["__scopeId", "data-v-db173617"]]);
|
|
4047
|
+
let Pa = 1;
|
|
4037
4048
|
const vt = 12, Ge = [];
|
|
4038
|
-
function
|
|
4049
|
+
function Ya() {
|
|
4039
4050
|
let t = 20;
|
|
4040
4051
|
return Ge.forEach((f) => {
|
|
4041
4052
|
t += f.height + vt;
|
|
@@ -4051,31 +4062,31 @@ function bt(t) {
|
|
|
4051
4062
|
}
|
|
4052
4063
|
Ge[f].leaving = !0, dt(), setTimeout(() => {
|
|
4053
4064
|
xt(null, e), e.parentNode && e.parentNode.removeChild(e);
|
|
4054
|
-
const h = Ge.findIndex((
|
|
4065
|
+
const h = Ge.findIndex((i) => i.id === t);
|
|
4055
4066
|
h !== -1 && Ge.splice(h, 1), dt();
|
|
4056
4067
|
}, 260);
|
|
4057
4068
|
}
|
|
4058
4069
|
function ft(t) {
|
|
4059
4070
|
var h;
|
|
4060
|
-
const f =
|
|
4071
|
+
const f = Pa++, e = document.createElement("div");
|
|
4061
4072
|
document.body.appendChild(e);
|
|
4062
|
-
const l =
|
|
4073
|
+
const l = Ie(Aa, {
|
|
4063
4074
|
id: f,
|
|
4064
4075
|
type: t.type || "success",
|
|
4065
4076
|
message: t.message,
|
|
4066
4077
|
duration: t.duration ?? 2500,
|
|
4067
|
-
offset:
|
|
4078
|
+
offset: Ya(),
|
|
4068
4079
|
// 提升到全局最高层级(高于抽屉、下拉等所有浮层)
|
|
4069
4080
|
zIndex: 2e5 + f,
|
|
4070
4081
|
closable: t.closable ?? !1,
|
|
4071
|
-
onClose: (
|
|
4082
|
+
onClose: (i) => bt(i)
|
|
4072
4083
|
});
|
|
4073
4084
|
xt(l, e);
|
|
4074
4085
|
const m = ((h = e.firstElementChild) == null ? void 0 : h.offsetHeight) || 0;
|
|
4075
4086
|
return Ge.push({ id: f, el: e, vm: l, height: m, leaving: !1 }), dt(), requestAnimationFrame(() => {
|
|
4076
|
-
const
|
|
4077
|
-
if (!
|
|
4078
|
-
const S =
|
|
4087
|
+
const i = e.firstElementChild;
|
|
4088
|
+
if (!i) return;
|
|
4089
|
+
const S = i.offsetHeight || m || 0, $ = Ge.find((M) => M.id === f);
|
|
4079
4090
|
$ && ($.height = S, dt());
|
|
4080
4091
|
}), { close: () => bt(f) };
|
|
4081
4092
|
}
|
|
@@ -4105,7 +4116,7 @@ function dt() {
|
|
|
4105
4116
|
}
|
|
4106
4117
|
});
|
|
4107
4118
|
}
|
|
4108
|
-
const
|
|
4119
|
+
const Fa = { class: "hint-tag-popup-content" }, Oa = ["title"], ja = /* @__PURE__ */ _e({
|
|
4109
4120
|
__name: "hintTag",
|
|
4110
4121
|
props: {
|
|
4111
4122
|
content: { default: "" },
|
|
@@ -4117,7 +4128,7 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4117
4128
|
maxLines: { default: void 0 }
|
|
4118
4129
|
},
|
|
4119
4130
|
setup(t, { expose: f }) {
|
|
4120
|
-
const e = t, l =
|
|
4131
|
+
const e = t, l = I(null), m = I(null), h = I(!1), i = I(!1);
|
|
4121
4132
|
let S = null;
|
|
4122
4133
|
const $ = () => {
|
|
4123
4134
|
if (!e.maxLines || !l.value) {
|
|
@@ -4128,18 +4139,18 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4128
4139
|
K.style.maxHeight = "none", fe && K.classList.remove("hint-tag-content-clamp");
|
|
4129
4140
|
const ve = K.scrollHeight, ce = parseFloat(getComputedStyle(K).lineHeight) || 18, ie = e.maxLines * ce;
|
|
4130
4141
|
K.style.maxHeight = P, fe && K.classList.add("hint-tag-content-clamp"), h.value = ve > ie;
|
|
4131
|
-
},
|
|
4132
|
-
e.maxLines && h.value && (S && (clearTimeout(S), S = null),
|
|
4142
|
+
}, M = () => {
|
|
4143
|
+
e.maxLines && h.value && (S && (clearTimeout(S), S = null), i.value = !0, setTimeout(() => {
|
|
4133
4144
|
x();
|
|
4134
4145
|
}, 0));
|
|
4135
4146
|
}, C = () => {
|
|
4136
4147
|
S = window.setTimeout(() => {
|
|
4137
|
-
|
|
4148
|
+
i.value = !1, S = null;
|
|
4138
4149
|
}, 100);
|
|
4139
4150
|
}, c = () => {
|
|
4140
4151
|
S && (clearTimeout(S), S = null);
|
|
4141
4152
|
}, g = () => {
|
|
4142
|
-
|
|
4153
|
+
i.value = !1;
|
|
4143
4154
|
}, x = () => {
|
|
4144
4155
|
if (!m.value || !l.value) return;
|
|
4145
4156
|
const K = l.value.getBoundingClientRect(), P = m.value.getBoundingClientRect(), fe = window.innerWidth, ve = window.innerHeight, ce = window.scrollX || window.pageXOffset, ie = window.scrollY || window.pageYOffset;
|
|
@@ -4163,16 +4174,16 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4163
4174
|
Nt(() => {
|
|
4164
4175
|
$();
|
|
4165
4176
|
});
|
|
4166
|
-
const
|
|
4167
|
-
|
|
4177
|
+
const H = I(e.defaultExpanded), W = () => {
|
|
4178
|
+
H.value = !H.value;
|
|
4168
4179
|
}, R = () => {
|
|
4169
|
-
|
|
4180
|
+
H.value && (H.value = !1);
|
|
4170
4181
|
}, D = () => {
|
|
4171
|
-
|
|
4182
|
+
H.value || (H.value = !0);
|
|
4172
4183
|
};
|
|
4173
4184
|
f({
|
|
4174
4185
|
toggle: W,
|
|
4175
|
-
isExpanded:
|
|
4186
|
+
isExpanded: H,
|
|
4176
4187
|
collapse: R,
|
|
4177
4188
|
expand: D
|
|
4178
4189
|
});
|
|
@@ -4181,10 +4192,10 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4181
4192
|
expand: D,
|
|
4182
4193
|
toggle: W,
|
|
4183
4194
|
get isExpanded() {
|
|
4184
|
-
return
|
|
4195
|
+
return H.value;
|
|
4185
4196
|
}
|
|
4186
4197
|
};
|
|
4187
|
-
return ge(() =>
|
|
4198
|
+
return ge(() => H.value, () => {
|
|
4188
4199
|
ye && ye(), setTimeout(() => {
|
|
4189
4200
|
$();
|
|
4190
4201
|
}, 0);
|
|
@@ -4192,7 +4203,7 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4192
4203
|
setTimeout(() => {
|
|
4193
4204
|
$();
|
|
4194
4205
|
}, 0);
|
|
4195
|
-
}), ge(
|
|
4206
|
+
}), ge(i, (K) => {
|
|
4196
4207
|
K ? (setTimeout(() => {
|
|
4197
4208
|
x();
|
|
4198
4209
|
}, 0), window.addEventListener("scroll", x, !0), window.addEventListener("resize", x)) : (window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x));
|
|
@@ -4203,16 +4214,16 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4203
4214
|
}), (K, P) => (d(), p("div", {
|
|
4204
4215
|
class: Z(["hint-tag-wrapper", `hint-tag-wrapper-${t.position}`])
|
|
4205
4216
|
}, [
|
|
4206
|
-
|
|
4217
|
+
Ie(Ve, { name: "hint-slide" }, {
|
|
4207
4218
|
default: $e(() => [
|
|
4208
|
-
je(
|
|
4219
|
+
je(s("div", {
|
|
4209
4220
|
class: Z(["hint-tag", `hint-tag-${t.position}`]),
|
|
4210
4221
|
style: be({
|
|
4211
4222
|
width: t.position === "top" || t.position === "bottom" ? "auto" : t.width,
|
|
4212
4223
|
borderColor: t.borderColor
|
|
4213
4224
|
})
|
|
4214
4225
|
}, [
|
|
4215
|
-
|
|
4226
|
+
s("div", {
|
|
4216
4227
|
ref_key: "contentRef",
|
|
4217
4228
|
ref: l,
|
|
4218
4229
|
class: Z(["hint-tag-content", { "hint-tag-content-clamp": t.maxLines }]),
|
|
@@ -4221,17 +4232,17 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4221
4232
|
lineHeight: "1.5",
|
|
4222
4233
|
maxHeight: `${t.maxLines * 1.5}em`
|
|
4223
4234
|
} : {}),
|
|
4224
|
-
onMouseenter:
|
|
4235
|
+
onMouseenter: M,
|
|
4225
4236
|
onMouseleave: C
|
|
4226
4237
|
}, [
|
|
4227
|
-
|
|
4238
|
+
ke(K.$slots, "default", {}, () => [
|
|
4228
4239
|
We(we(t.content), 1)
|
|
4229
4240
|
], !0)
|
|
4230
4241
|
], 38),
|
|
4231
4242
|
(d(), Pe(Xe, { to: "body" }, [
|
|
4232
|
-
|
|
4243
|
+
Ie(Ve, { name: "popup-fade" }, {
|
|
4233
4244
|
default: $e(() => [
|
|
4234
|
-
|
|
4245
|
+
i.value && h.value ? (d(), p("div", {
|
|
4235
4246
|
key: 0,
|
|
4236
4247
|
ref_key: "popupRef",
|
|
4237
4248
|
ref: m,
|
|
@@ -4239,27 +4250,27 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4239
4250
|
onMouseenter: c,
|
|
4240
4251
|
onMouseleave: g
|
|
4241
4252
|
}, [
|
|
4242
|
-
|
|
4243
|
-
|
|
4253
|
+
s("div", Fa, [
|
|
4254
|
+
ke(K.$slots, "default", {}, () => [
|
|
4244
4255
|
We(we(t.content), 1)
|
|
4245
4256
|
], !0)
|
|
4246
4257
|
])
|
|
4247
|
-
], 544)) :
|
|
4258
|
+
], 544)) : V("", !0)
|
|
4248
4259
|
]),
|
|
4249
4260
|
_: 3
|
|
4250
4261
|
})
|
|
4251
4262
|
])),
|
|
4252
|
-
|
|
4263
|
+
s("div", {
|
|
4253
4264
|
class: "hint-tag-toggle",
|
|
4254
4265
|
onClick: W
|
|
4255
4266
|
}, [...P[0] || (P[0] = [
|
|
4256
|
-
|
|
4267
|
+
s("svg", {
|
|
4257
4268
|
class: "hint-tag-icon",
|
|
4258
4269
|
viewBox: "0 0 24 24",
|
|
4259
4270
|
fill: "none",
|
|
4260
4271
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4261
4272
|
}, [
|
|
4262
|
-
|
|
4273
|
+
s("path", {
|
|
4263
4274
|
d: "M15 18L9 12L15 6",
|
|
4264
4275
|
stroke: "currentColor",
|
|
4265
4276
|
"stroke-width": "2",
|
|
@@ -4269,25 +4280,25 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4269
4280
|
], -1)
|
|
4270
4281
|
])])
|
|
4271
4282
|
], 6), [
|
|
4272
|
-
[Ze,
|
|
4283
|
+
[Ze, H.value]
|
|
4273
4284
|
])
|
|
4274
4285
|
]),
|
|
4275
4286
|
_: 3
|
|
4276
4287
|
}),
|
|
4277
|
-
|
|
4288
|
+
Ie(Ve, { name: "hint-button-fade" }, {
|
|
4278
4289
|
default: $e(() => [
|
|
4279
|
-
je(
|
|
4290
|
+
je(s("div", {
|
|
4280
4291
|
class: Z(["hint-tag-button", `hint-tag-button-${t.position}`]),
|
|
4281
4292
|
onClick: W,
|
|
4282
4293
|
title: t.tooltip || t.content
|
|
4283
4294
|
}, [...P[1] || (P[1] = [
|
|
4284
|
-
|
|
4295
|
+
s("svg", {
|
|
4285
4296
|
class: "hint-tag-button-icon",
|
|
4286
4297
|
viewBox: "0 0 24 24",
|
|
4287
4298
|
fill: "none",
|
|
4288
4299
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4289
4300
|
}, [
|
|
4290
|
-
|
|
4301
|
+
s("path", {
|
|
4291
4302
|
d: "M9 18L15 12L9 6",
|
|
4292
4303
|
stroke: "currentColor",
|
|
4293
4304
|
"stroke-width": "2",
|
|
@@ -4295,32 +4306,32 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4295
4306
|
"stroke-linejoin": "round"
|
|
4296
4307
|
})
|
|
4297
4308
|
], -1)
|
|
4298
|
-
])], 10,
|
|
4299
|
-
[Ze, !
|
|
4309
|
+
])], 10, Oa), [
|
|
4310
|
+
[Ze, !H.value]
|
|
4300
4311
|
])
|
|
4301
4312
|
]),
|
|
4302
4313
|
_: 1
|
|
4303
4314
|
})
|
|
4304
4315
|
], 2));
|
|
4305
4316
|
}
|
|
4306
|
-
}),
|
|
4317
|
+
}), qa = /* @__PURE__ */ ze(ja, [["__scopeId", "data-v-9bfcff29"]]), kt = {
|
|
4307
4318
|
YButton: rt,
|
|
4308
4319
|
YInput: Dt,
|
|
4309
|
-
YTable:
|
|
4320
|
+
YTable: $l,
|
|
4310
4321
|
YSelect: $t,
|
|
4311
|
-
YPagination:
|
|
4312
|
-
YBadge:
|
|
4313
|
-
YDialog:
|
|
4314
|
-
YPopover:
|
|
4322
|
+
YPagination: Yl,
|
|
4323
|
+
YBadge: nn,
|
|
4324
|
+
YDialog: fn,
|
|
4325
|
+
YPopover: gn,
|
|
4315
4326
|
YTime: St,
|
|
4316
|
-
YSwitch:
|
|
4317
|
-
YImage:
|
|
4318
|
-
YDropdown:
|
|
4319
|
-
YDrawer:
|
|
4320
|
-
YTree:
|
|
4321
|
-
QueryEncapsulation:
|
|
4322
|
-
HintTag:
|
|
4323
|
-
},
|
|
4327
|
+
YSwitch: It,
|
|
4328
|
+
YImage: na,
|
|
4329
|
+
YDropdown: oa,
|
|
4330
|
+
YDrawer: va,
|
|
4331
|
+
YTree: Sa,
|
|
4332
|
+
QueryEncapsulation: za,
|
|
4333
|
+
HintTag: qa
|
|
4334
|
+
}, Za = {
|
|
4324
4335
|
install(t) {
|
|
4325
4336
|
Object.keys(kt).forEach((f) => {
|
|
4326
4337
|
t.component(f, kt[f]);
|
|
@@ -4328,22 +4339,22 @@ const Ya = { class: "hint-tag-popup-content" }, Fa = ["title"], Oa = /* @__PURE_
|
|
|
4328
4339
|
}
|
|
4329
4340
|
};
|
|
4330
4341
|
export {
|
|
4331
|
-
|
|
4332
|
-
|
|
4342
|
+
za as QueryEncapsulation,
|
|
4343
|
+
nn as YBadge,
|
|
4333
4344
|
rt as YButton,
|
|
4334
|
-
|
|
4335
|
-
|
|
4336
|
-
|
|
4337
|
-
|
|
4345
|
+
fn as YDialog,
|
|
4346
|
+
va as YDrawer,
|
|
4347
|
+
oa as YDropdown,
|
|
4348
|
+
na as YImage,
|
|
4338
4349
|
Dt as YInput,
|
|
4339
4350
|
ut as YMessage,
|
|
4340
|
-
|
|
4341
|
-
|
|
4351
|
+
Yl as YPagination,
|
|
4352
|
+
gn as YPopover,
|
|
4342
4353
|
$t as YSelect,
|
|
4343
|
-
|
|
4344
|
-
|
|
4354
|
+
It as YSwitch,
|
|
4355
|
+
$l as YTable,
|
|
4345
4356
|
St as YTime,
|
|
4346
|
-
|
|
4347
|
-
|
|
4357
|
+
Sa as YTree,
|
|
4358
|
+
Za as default
|
|
4348
4359
|
};
|
|
4349
4360
|
//# sourceMappingURL=index.esm.js.map
|