@ql-web/ql-self-development 1.0.0 → 1.0.2
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/package.json +1 -1
- package/ql-self-development.css +1 -1
- package/ql-self-development.es.js +220 -216
- package/ql-self-development.umd.js +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createElementBlock as A, openBlock as f, normalizeClass as O, createCommentVNode as E, renderSlot as C, useCssVars as Ne, computed as Y, onMounted as be, onUnmounted as Ee, Fragment as N, createBlock as X, Teleport as ce, createElementVNode as w, createVNode as I, Transition as ue, withCtx as F, withKeys as de, normalizeStyle as z, toDisplayString as
|
|
1
|
+
import { createElementBlock as A, openBlock as f, normalizeClass as O, createCommentVNode as E, renderSlot as C, useCssVars as Ne, computed as Y, onMounted as be, onUnmounted as Ee, Fragment as N, createBlock as X, Teleport as ce, createElementVNode as w, createVNode as I, Transition as ue, withCtx as F, withKeys as de, normalizeStyle as z, toDisplayString as x, createTextVNode as U, ref as M, watch as V, onBeforeUnmount as Oe, renderList as $, withModifiers as J, nextTick as Re } from "vue";
|
|
2
2
|
const te = (e, o) => {
|
|
3
3
|
const t = e.__vccOpts || e;
|
|
4
4
|
for (const [n, l] of o)
|
|
@@ -145,16 +145,16 @@ const Ke = {
|
|
|
145
145
|
"close"
|
|
146
146
|
],
|
|
147
147
|
setup(e, { emit: o }) {
|
|
148
|
-
Ne((
|
|
148
|
+
Ne((d) => ({
|
|
149
149
|
v2ade6a45: e.zIndex
|
|
150
150
|
}));
|
|
151
151
|
const t = e, n = o, l = Y(() => {
|
|
152
|
-
const { width:
|
|
153
|
-
return typeof
|
|
152
|
+
const { width: d } = t;
|
|
153
|
+
return typeof d == "number" ? `${d}px` : d;
|
|
154
154
|
}), s = () => {
|
|
155
155
|
t.closeOnClickModal && !t.loading && c();
|
|
156
|
-
},
|
|
157
|
-
t.closeOnPressEscape &&
|
|
156
|
+
}, u = (d) => {
|
|
157
|
+
t.closeOnPressEscape && d.key === "Escape" && !t.loading && t.modelValue && c();
|
|
158
158
|
}, c = async () => {
|
|
159
159
|
typeof t.beforeClose == "function" && !await t.beforeClose() || (n("update:modelValue", !1), n("close"));
|
|
160
160
|
}, g = () => {
|
|
@@ -164,12 +164,12 @@ const Ke = {
|
|
|
164
164
|
};
|
|
165
165
|
let m = null;
|
|
166
166
|
return be(() => {
|
|
167
|
-
m = (
|
|
168
|
-
t.modelValue && d
|
|
167
|
+
m = (d) => {
|
|
168
|
+
t.modelValue && u(d);
|
|
169
169
|
}, window.addEventListener("keydown", m);
|
|
170
170
|
}), Ee(() => {
|
|
171
171
|
window.removeEventListener("keydown", m);
|
|
172
|
-
}), (
|
|
172
|
+
}), (d, y) => (f(), A(N, null, [
|
|
173
173
|
e.modal && e.modelValue ? (f(), X(ce, {
|
|
174
174
|
key: 0,
|
|
175
175
|
to: "body"
|
|
@@ -189,10 +189,10 @@ const Ke = {
|
|
|
189
189
|
key: 0,
|
|
190
190
|
class: "my-dialog",
|
|
191
191
|
style: z({ width: l.value, zIndex: e.zIndex }),
|
|
192
|
-
onKeydown: de(
|
|
192
|
+
onKeydown: de(u, ["esc"])
|
|
193
193
|
}, [
|
|
194
194
|
e.showHeader ? (f(), A("div", Ke, [
|
|
195
|
-
w("h3", je,
|
|
195
|
+
w("h3", je, x(e.title), 1),
|
|
196
196
|
e.showClose ? (f(), A("button", {
|
|
197
197
|
key: 0,
|
|
198
198
|
class: "my-dialog__close",
|
|
@@ -201,17 +201,17 @@ const Ke = {
|
|
|
201
201
|
}, " × ")) : E("", !0)
|
|
202
202
|
])) : E("", !0),
|
|
203
203
|
w("div", Ze, [
|
|
204
|
-
C(
|
|
204
|
+
C(d.$slots, "default", {}, void 0, !0)
|
|
205
205
|
]),
|
|
206
206
|
e.showFooter ? (f(), A("div", Xe, [
|
|
207
|
-
C(
|
|
207
|
+
C(d.$slots, "footer", {}, () => [
|
|
208
208
|
I(H, {
|
|
209
209
|
type: "default",
|
|
210
210
|
onClick: g,
|
|
211
211
|
disabled: e.loading
|
|
212
212
|
}, {
|
|
213
213
|
default: F(() => [
|
|
214
|
-
U(
|
|
214
|
+
U(x(e.cancelButtonText), 1)
|
|
215
215
|
]),
|
|
216
216
|
_: 1
|
|
217
217
|
}, 8, ["disabled"]),
|
|
@@ -221,7 +221,7 @@ const Ke = {
|
|
|
221
221
|
loading: e.loading
|
|
222
222
|
}, {
|
|
223
223
|
default: F(() => [
|
|
224
|
-
U(
|
|
224
|
+
U(x(e.confirmButtonText), 1)
|
|
225
225
|
]),
|
|
226
226
|
_: 1
|
|
227
227
|
}, 8, ["loading"])
|
|
@@ -240,10 +240,10 @@ const Ke = {
|
|
|
240
240
|
key: 0,
|
|
241
241
|
class: "my-dialog",
|
|
242
242
|
style: z({ width: l.value, zIndex: e.zIndex }),
|
|
243
|
-
onKeydown: de(
|
|
243
|
+
onKeydown: de(u, ["esc"])
|
|
244
244
|
}, [
|
|
245
245
|
e.showHeader ? (f(), A("div", $e, [
|
|
246
|
-
w("h3", _e,
|
|
246
|
+
w("h3", _e, x(e.title), 1),
|
|
247
247
|
e.showClose ? (f(), A("button", {
|
|
248
248
|
key: 0,
|
|
249
249
|
class: "my-dialog__close",
|
|
@@ -252,17 +252,17 @@ const Ke = {
|
|
|
252
252
|
}, " × ")) : E("", !0)
|
|
253
253
|
])) : E("", !0),
|
|
254
254
|
w("div", et, [
|
|
255
|
-
C(
|
|
255
|
+
C(d.$slots, "default", {}, void 0, !0)
|
|
256
256
|
]),
|
|
257
257
|
e.showFooter ? (f(), A("div", tt, [
|
|
258
|
-
C(
|
|
258
|
+
C(d.$slots, "footer", {}, () => [
|
|
259
259
|
I(H, {
|
|
260
260
|
type: "default",
|
|
261
261
|
onClick: g,
|
|
262
262
|
disabled: e.loading
|
|
263
263
|
}, {
|
|
264
264
|
default: F(() => [
|
|
265
|
-
U(
|
|
265
|
+
U(x(e.cancelButtonText), 1)
|
|
266
266
|
]),
|
|
267
267
|
_: 1
|
|
268
268
|
}, 8, ["disabled"]),
|
|
@@ -272,7 +272,7 @@ const Ke = {
|
|
|
272
272
|
loading: e.loading
|
|
273
273
|
}, {
|
|
274
274
|
default: F(() => [
|
|
275
|
-
U(
|
|
275
|
+
U(x(e.confirmButtonText), 1)
|
|
276
276
|
]),
|
|
277
277
|
_: 1
|
|
278
278
|
}, 8, ["loading"])
|
|
@@ -294,81 +294,81 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
294
294
|
}, st = {
|
|
295
295
|
key: 0,
|
|
296
296
|
class: "selected-ploc"
|
|
297
|
-
}, ct = {
|
|
298
|
-
key:
|
|
297
|
+
}, ct = { key: 1 }, ut = {
|
|
298
|
+
key: 0,
|
|
299
299
|
class: "selected-tags"
|
|
300
|
-
},
|
|
300
|
+
}, dt = ["onClick"], mt = ["width", "height"], ft = ["fill"], At = ["fill"], gt = { key: 1 }, yt = { class: "radio-text" }, ht = ["width", "height"], pt = ["fill"], vt = ["width", "height"], wt = ["fill"], bt = {
|
|
301
301
|
key: 1,
|
|
302
302
|
style: { width: "100%" }
|
|
303
|
-
},
|
|
303
|
+
}, Et = { class: "panel-content" }, kt = {
|
|
304
304
|
key: 0,
|
|
305
305
|
class: "option all-select"
|
|
306
|
-
},
|
|
306
|
+
}, Ct = {
|
|
307
307
|
key: 0,
|
|
308
308
|
src: ke,
|
|
309
309
|
alt: "全选"
|
|
310
|
-
},
|
|
310
|
+
}, St = {
|
|
311
311
|
key: 1,
|
|
312
312
|
src: Ce,
|
|
313
313
|
alt: "全选"
|
|
314
|
-
},
|
|
314
|
+
}, xt = {
|
|
315
315
|
key: 2,
|
|
316
316
|
src: Se,
|
|
317
317
|
alt: "全选"
|
|
318
|
-
},
|
|
318
|
+
}, Mt = {
|
|
319
319
|
key: 0,
|
|
320
320
|
src: xe,
|
|
321
321
|
alt: "半选"
|
|
322
|
-
},
|
|
322
|
+
}, Tt = {
|
|
323
323
|
key: 1,
|
|
324
324
|
src: Me,
|
|
325
325
|
alt: "半选"
|
|
326
|
-
},
|
|
326
|
+
}, Bt = {
|
|
327
327
|
key: 0,
|
|
328
328
|
src: Te,
|
|
329
329
|
alt: "未选"
|
|
330
|
-
},
|
|
330
|
+
}, zt = {
|
|
331
331
|
key: 1,
|
|
332
332
|
src: Be,
|
|
333
333
|
alt: "未选"
|
|
334
|
-
},
|
|
334
|
+
}, Lt = { class: "labbel-item" }, Dt = ["onClick"], Ft = { class: "label-text" }, Ht = ["onClick"], It = {
|
|
335
335
|
key: 0,
|
|
336
336
|
src: ke,
|
|
337
337
|
alt: "全选"
|
|
338
|
-
},
|
|
338
|
+
}, Yt = {
|
|
339
339
|
key: 1,
|
|
340
340
|
src: Ce,
|
|
341
341
|
alt: "全选"
|
|
342
|
-
},
|
|
342
|
+
}, Pt = {
|
|
343
343
|
key: 2,
|
|
344
344
|
src: Se,
|
|
345
345
|
alt: "全选"
|
|
346
|
-
},
|
|
346
|
+
}, Ut = {
|
|
347
347
|
key: 0,
|
|
348
348
|
src: xe,
|
|
349
349
|
alt: "半选"
|
|
350
|
-
},
|
|
350
|
+
}, Vt = {
|
|
351
351
|
key: 1,
|
|
352
352
|
src: Me,
|
|
353
353
|
alt: "半选"
|
|
354
|
-
},
|
|
354
|
+
}, Jt = {
|
|
355
355
|
key: 0,
|
|
356
356
|
src: Te,
|
|
357
357
|
alt: "未选"
|
|
358
|
-
},
|
|
358
|
+
}, Nt = {
|
|
359
359
|
key: 1,
|
|
360
360
|
src: Be,
|
|
361
361
|
alt: "未选"
|
|
362
|
-
},
|
|
362
|
+
}, Ot = { class: "labbel-item" }, Rt = {
|
|
363
363
|
key: 0,
|
|
364
364
|
class: "right-arow-its"
|
|
365
|
-
},
|
|
365
|
+
}, Wt = {
|
|
366
366
|
key: 0,
|
|
367
367
|
class: "no-data"
|
|
368
|
-
},
|
|
368
|
+
}, Qt = { class: "no-da-tes" }, Gt = { class: "no-data-text" }, qt = {
|
|
369
369
|
key: 1,
|
|
370
370
|
class: "panel-footer"
|
|
371
|
-
},
|
|
371
|
+
}, Kt = ["disabled"], jt = /* @__PURE__ */ Object.assign({
|
|
372
372
|
name: "qlMulpSel"
|
|
373
373
|
}, {
|
|
374
374
|
__name: "qlMulpSel",
|
|
@@ -485,8 +485,8 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
485
485
|
},
|
|
486
486
|
emits: ["confirm"],
|
|
487
487
|
setup(e, { emit: o }) {
|
|
488
|
-
const t = e, n = o, l =
|
|
489
|
-
let b =
|
|
488
|
+
const t = e, n = o, l = M(!1), s = M([]), u = M([]), c = M([]), g = M([]), i = M({}), m = M([]), d = M([]), y = M(0);
|
|
489
|
+
let b = M(null), S = M(null);
|
|
490
490
|
const B = Y(() => c.value.filter((a) => {
|
|
491
491
|
const r = i.value[a];
|
|
492
492
|
return t.isMultiple ? r && !r.hasChildren : r && !0;
|
|
@@ -509,9 +509,9 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
509
509
|
s.value.includes(p) || (s.value.push(p), j(i.value[p].parentId));
|
|
510
510
|
}), ae();
|
|
511
511
|
}, De = () => {
|
|
512
|
-
c.value = [...s.value], m.value = [t.data],
|
|
512
|
+
c.value = [...s.value], m.value = [t.data], d.value = [];
|
|
513
513
|
}, Fe = () => {
|
|
514
|
-
m.value = [t.data],
|
|
514
|
+
m.value = [t.data], d.value = [];
|
|
515
515
|
}, T = (a) => c.value.includes(a), G = (a) => {
|
|
516
516
|
const r = i.value[a];
|
|
517
517
|
if (!r || !r.hasChildren) return !1;
|
|
@@ -559,7 +559,7 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
559
559
|
a.hasChildren || le(a[t.valueProp]);
|
|
560
560
|
}));
|
|
561
561
|
}, ae = () => {
|
|
562
|
-
|
|
562
|
+
u.value = D.value.map((a) => {
|
|
563
563
|
const r = i.value[a];
|
|
564
564
|
return r ? r[t.labelProp] : "";
|
|
565
565
|
}).filter(Boolean);
|
|
@@ -595,8 +595,8 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
595
595
|
}
|
|
596
596
|
n("confirm", {
|
|
597
597
|
checkIds: D.value,
|
|
598
|
-
checkLabels:
|
|
599
|
-
activeNodeIds:
|
|
598
|
+
checkLabels: u.value,
|
|
599
|
+
activeNodeIds: d.value
|
|
600
600
|
});
|
|
601
601
|
}, ie = (a) => {
|
|
602
602
|
const r = i.value[a];
|
|
@@ -614,12 +614,12 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
614
614
|
}, Z = () => {
|
|
615
615
|
l.value = !1;
|
|
616
616
|
}, Ue = (a, r) => {
|
|
617
|
-
|
|
617
|
+
d.value.splice(r), d.value.push(a[t.valueProp]), m.value.splice(r + 1), a[t.childrenProp] && a[t.childrenProp].length > 0 && m.value.push(a[t.childrenProp]);
|
|
618
618
|
}, Ve = () => {
|
|
619
|
-
s.value = [...c.value],
|
|
619
|
+
s.value = [...c.value], u.value = [...g.value], n("confirm", {
|
|
620
620
|
checkIds: D.value,
|
|
621
|
-
checkLabels:
|
|
622
|
-
activeNodeIds:
|
|
621
|
+
checkLabels: u.value,
|
|
622
|
+
activeNodeIds: d.value
|
|
623
623
|
}), Z();
|
|
624
624
|
};
|
|
625
625
|
V(
|
|
@@ -663,43 +663,47 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
663
663
|
ref: b
|
|
664
664
|
}, [
|
|
665
665
|
e.isShowInput ? (f(), A("div", it, [
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
w("span", null, M(p), 1),
|
|
674
|
-
w("i", {
|
|
675
|
-
class: "tag-close",
|
|
676
|
-
onClick: J((v) => Ye(h), ["stop"])
|
|
666
|
+
u.value.length ? E("", !0) : (f(), A("span", st, x(e.placeholder), 1)),
|
|
667
|
+
u.value.length ? (f(), A("div", ct, [
|
|
668
|
+
e.isMultiple ? (f(), A("div", ut, [
|
|
669
|
+
(f(!0), A(N, null, $(u.value, (p, h) => (f(), A("span", {
|
|
670
|
+
class: "tag",
|
|
671
|
+
key: h,
|
|
672
|
+
style: z({ background: e.tagBackground, color: e.tagFontColor, fontSize: e.tagFontSize })
|
|
677
673
|
}, [
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
},
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
674
|
+
w("span", null, x(p), 1),
|
|
675
|
+
w("i", {
|
|
676
|
+
class: "tag-close",
|
|
677
|
+
onClick: J((v) => Ye(h), ["stop"])
|
|
678
|
+
}, [
|
|
679
|
+
C(a.$slots, "tagImg", {}, () => [
|
|
680
|
+
(f(), A("svg", {
|
|
681
|
+
t: "1767609038891",
|
|
682
|
+
class: "icon",
|
|
683
|
+
viewBox: "0 0 1024 1024",
|
|
684
|
+
version: "1.1",
|
|
685
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
686
|
+
"p-id": "5758",
|
|
687
|
+
width: e.tagCloseSize,
|
|
688
|
+
height: e.tagCloseSize
|
|
689
|
+
}, [
|
|
690
|
+
w("path", {
|
|
691
|
+
d: "M195.238875 782.385433m15.004806-15.004806l556.881946-556.881946q15.004806-15.004806 30.009612 0l15.245222 15.245223q15.004806 15.004806 0 30.009611l-556.881946 556.881946q-15.004806 15.004806-30.009611 0l-15.245223-15.245222q-15.004806-15.004806 0-30.009612Z",
|
|
692
|
+
"p-id": "5759",
|
|
693
|
+
fill: e.tagImgColor
|
|
694
|
+
}, null, 8, ft),
|
|
695
|
+
w("path", {
|
|
696
|
+
d: "M195.003277 242.323839m15.004806-15.004806l15.245223-15.245222q15.004806-15.004806 30.009611 0l556.938514 556.938514q15.004806 15.004806 0 30.009612l-15.245222 15.245222q-15.004806 15.004806-30.009612 0l-556.938514-556.938514q-15.004806-15.004806 0-30.009612Z",
|
|
697
|
+
"p-id": "5760",
|
|
698
|
+
fill: e.tagImgColor
|
|
699
|
+
}, null, 8, At)
|
|
700
|
+
], 8, mt))
|
|
701
|
+
], !0)
|
|
702
|
+
], 8, dt)
|
|
703
|
+
], 4))), 128))
|
|
704
|
+
])) : (f(), A("div", gt, [
|
|
705
|
+
w("span", yt, x(u.value.join(", ")), 1)
|
|
706
|
+
]))
|
|
703
707
|
])) : E("", !0),
|
|
704
708
|
w("i", {
|
|
705
709
|
class: O(["arrow", { up: l.value }])
|
|
@@ -720,8 +724,8 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
720
724
|
d: "M250.18933085 410.04488365l242.51052367 242.93009204c4.61525217 4.61525217 10.48920951 6.71309407 16.36316682 6.71309409s11.74791464-2.0978419 16.36316682-6.71309409l248.38448099-248.80404936c4.1956838-4.1956838 6.71309407-10.06964111 6.71309407-16.36316682s-2.51741029-12.16748302-6.71309407-16.36316681c-8.81093598-9.23050436-23.49582928-9.23050436-32.72633365 0L509.06302135 603.88547523l-226.14735685-226.56692523c-4.1956838-4.1956838-10.06964111-6.71309407-16.36316683-6.71309408s-12.16748302 2.51741029-16.36316682 6.71309408S243.47623678 387.38819113 243.47623678 393.68171683s2.51741029 11.74791464 6.71309407 16.36316682z",
|
|
721
725
|
fill: l.value ? e.illusionSelectedColor : e.illusionUnColor,
|
|
722
726
|
"p-id": "7221"
|
|
723
|
-
}, null, 8,
|
|
724
|
-
], 8,
|
|
727
|
+
}, null, 8, pt)
|
|
728
|
+
], 8, ht)) : (f(), A("svg", {
|
|
725
729
|
key: 1,
|
|
726
730
|
t: "1767605110713",
|
|
727
731
|
class: "icon",
|
|
@@ -736,11 +740,11 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
736
740
|
d: "M917.674121 981.469649L1619.42492 206.108626A124.319489 124.319489 0 0 0 1527.821086 0H124.319489A124.319489 124.319489 0 0 0 32.715655 207.744409L734.466454 981.469649a124.319489 124.319489 0 0 0 183.207667 0z",
|
|
737
741
|
fill: l.value ? e.illusionSelectedColor : e.illusionUnColor,
|
|
738
742
|
"p-id": "1612"
|
|
739
|
-
}, null, 8,
|
|
740
|
-
], 8,
|
|
743
|
+
}, null, 8, wt)
|
|
744
|
+
], 8, vt))
|
|
741
745
|
], !0)
|
|
742
746
|
], 2)
|
|
743
|
-
])) : (f(), A("div",
|
|
747
|
+
])) : (f(), A("div", bt, [
|
|
744
748
|
C(a.$slots, "content", { isPanelOpen: l.value }, void 0, !0)
|
|
745
749
|
]))
|
|
746
750
|
], 4),
|
|
@@ -752,75 +756,75 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
752
756
|
ref_key: "cascadeRef",
|
|
753
757
|
ref: S
|
|
754
758
|
}, [
|
|
755
|
-
w("div",
|
|
759
|
+
w("div", Et, [
|
|
756
760
|
(f(!0), A(N, null, $(m.value, (p, h) => (f(), A("div", {
|
|
757
761
|
class: "column",
|
|
758
762
|
key: h,
|
|
759
763
|
style: z({ minWidth: e.columnWidth })
|
|
760
764
|
}, [
|
|
761
|
-
h === 0 && e.isShowSelectAll && e.isMultiple && e.data && e.data.length > 0 ? (f(), A("div",
|
|
765
|
+
h === 0 && e.isShowSelectAll && e.isMultiple && e.data && e.data.length > 0 ? (f(), A("div", kt, [
|
|
762
766
|
w("div", null, [
|
|
763
767
|
w("div", {
|
|
764
768
|
class: "checkbox-img",
|
|
765
769
|
onClick: J(Ie, ["stop"])
|
|
766
770
|
}, [
|
|
767
771
|
P.value ? C(a.$slots, "allSel", { key: 0 }, () => [
|
|
768
|
-
e.graphic == "square" ? (f(), A("img",
|
|
772
|
+
e.graphic == "square" ? (f(), A("img", Ct)) : e.graphic == "solid" ? (f(), A("img", St)) : (f(), A("img", xt))
|
|
769
773
|
], !0) : W.value ? C(a.$slots, "bxSel", { key: 1 }, () => [
|
|
770
|
-
e.graphic == "square" || e.graphic == "solid" ? (f(), A("img",
|
|
774
|
+
e.graphic == "square" || e.graphic == "solid" ? (f(), A("img", Mt)) : (f(), A("img", Tt))
|
|
771
775
|
], !0) : C(a.$slots, "unSel", { key: 2 }, () => [
|
|
772
|
-
e.graphic == "square" || e.graphic == "solid" ? (f(), A("img",
|
|
776
|
+
e.graphic == "square" || e.graphic == "solid" ? (f(), A("img", Bt)) : (f(), A("img", zt))
|
|
773
777
|
], !0)
|
|
774
778
|
]),
|
|
775
|
-
w("label",
|
|
779
|
+
w("label", Lt, x(e.selAllText), 1)
|
|
776
780
|
])
|
|
777
781
|
])) : E("", !0),
|
|
778
782
|
(f(!0), A(N, null, $(p, (v) => (f(), A("div", {
|
|
779
|
-
class: O(["option", { active: v[e.valueProp] ===
|
|
783
|
+
class: O(["option", { active: v[e.valueProp] === d.value[h] }]),
|
|
780
784
|
key: v[e.valueProp],
|
|
781
785
|
onClick: (k) => Ue(v, h),
|
|
782
786
|
style: z(
|
|
783
|
-
v[e.valueProp] ===
|
|
787
|
+
v[e.valueProp] === d.value[h] ? e.fontActiveStyles : {}
|
|
784
788
|
)
|
|
785
789
|
}, [
|
|
786
|
-
w("div",
|
|
790
|
+
w("div", Ft, [
|
|
787
791
|
w("div", {
|
|
788
792
|
class: "checkbox-img",
|
|
789
793
|
onClick: J((k) => He(v), ["stop"])
|
|
790
794
|
}, [
|
|
791
795
|
T(v[e.valueProp]) ? C(a.$slots, "allSel", { key: 0 }, () => [
|
|
792
|
-
e.graphic == "square" ? (f(), A("img",
|
|
796
|
+
e.graphic == "square" ? (f(), A("img", It)) : e.graphic == "solid" ? (f(), A("img", Yt)) : (f(), A("img", Pt))
|
|
793
797
|
], !0) : G(v[e.valueProp]) ? C(a.$slots, "bxSel", { key: 1 }, () => [
|
|
794
|
-
e.graphic == "square" || e.graphic == "solid" ? (f(), A("img",
|
|
798
|
+
e.graphic == "square" || e.graphic == "solid" ? (f(), A("img", Ut)) : (f(), A("img", Vt))
|
|
795
799
|
], !0) : C(a.$slots, "unSel", { key: 2 }, () => [
|
|
796
|
-
e.graphic == "square" || e.graphic == "solid" ? (f(), A("img",
|
|
800
|
+
e.graphic == "square" || e.graphic == "solid" ? (f(), A("img", Jt)) : (f(), A("img", Nt))
|
|
797
801
|
], !0)
|
|
798
|
-
], 8,
|
|
799
|
-
w("label",
|
|
802
|
+
], 8, Ht),
|
|
803
|
+
w("label", Ot, x(v[e.labelProp]), 1)
|
|
800
804
|
]),
|
|
801
|
-
v.hasChildren ? (f(), A("div",
|
|
805
|
+
v.hasChildren ? (f(), A("div", Rt, [...r[1] || (r[1] = [
|
|
802
806
|
w("img", {
|
|
803
807
|
style: { width: "14px", height: "14px" },
|
|
804
808
|
src: at,
|
|
805
809
|
alt: ""
|
|
806
810
|
}, null, -1)
|
|
807
811
|
])])) : E("", !0)
|
|
808
|
-
], 14,
|
|
812
|
+
], 14, Dt))), 128))
|
|
809
813
|
], 4))), 128))
|
|
810
814
|
]),
|
|
811
|
-
e.data && e.data.length ? E("", !0) : (f(), A("div",
|
|
812
|
-
w("div",
|
|
815
|
+
e.data && e.data.length ? E("", !0) : (f(), A("div", Wt, [
|
|
816
|
+
w("div", Qt, [
|
|
813
817
|
C(a.$slots, "empty", {}, () => [
|
|
814
818
|
r[2] || (r[2] = w("img", {
|
|
815
819
|
class: "no-data-img",
|
|
816
820
|
src: rt,
|
|
817
821
|
alt: "无数据"
|
|
818
822
|
}, null, -1)),
|
|
819
|
-
w("div",
|
|
823
|
+
w("div", Gt, x(e.noDataText), 1)
|
|
820
824
|
], !0)
|
|
821
825
|
])
|
|
822
826
|
])),
|
|
823
|
-
e.data && e.data.length ? (f(), A("div",
|
|
827
|
+
e.data && e.data.length ? (f(), A("div", qt, [
|
|
824
828
|
w("button", {
|
|
825
829
|
class: "btn cancel",
|
|
826
830
|
onClick: Z
|
|
@@ -829,17 +833,17 @@ const ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AA
|
|
|
829
833
|
class: "btn confirm",
|
|
830
834
|
disabled: B.value.length === 0,
|
|
831
835
|
onClick: Ve
|
|
832
|
-
}, " 确定 ", 8,
|
|
836
|
+
}, " 确定 ", 8, Kt)
|
|
833
837
|
])) : E("", !0)
|
|
834
838
|
], 512)) : E("", !0)
|
|
835
839
|
], 4));
|
|
836
840
|
}
|
|
837
|
-
}), fe = /* @__PURE__ */ te(
|
|
838
|
-
function
|
|
841
|
+
}), fe = /* @__PURE__ */ te(jt, [["__scopeId", "data-v-8b69a447"]]);
|
|
842
|
+
function Zt(e) {
|
|
839
843
|
e.component(fe.name, fe);
|
|
840
844
|
}
|
|
841
845
|
let L = null;
|
|
842
|
-
function
|
|
846
|
+
function Xt(e, o) {
|
|
843
847
|
if (!e)
|
|
844
848
|
throw new Error("[your-npm-package] 初始化失败:请传入全局配置!");
|
|
845
849
|
L = {
|
|
@@ -854,12 +858,12 @@ function R() {
|
|
|
854
858
|
throw new Error("[your-npm-package] 请先调用 initGlobalOptions 初始化全局变量!");
|
|
855
859
|
return L;
|
|
856
860
|
}
|
|
857
|
-
function
|
|
861
|
+
function pn(e) {
|
|
858
862
|
if (!L)
|
|
859
863
|
throw new Error("[your-npm-package] 请先初始化全局变量!");
|
|
860
864
|
L = { ...L, ...e };
|
|
861
865
|
}
|
|
862
|
-
function
|
|
866
|
+
function $t(e, o = "YYYY-MM-DD HH:mm:ss") {
|
|
863
867
|
let t;
|
|
864
868
|
if (!e)
|
|
865
869
|
t = /* @__PURE__ */ new Date();
|
|
@@ -872,10 +876,10 @@ function jt(e, o = "YYYY-MM-DD HH:mm:ss") {
|
|
|
872
876
|
return console.warn("无效的日期参数"), "";
|
|
873
877
|
if (isNaN(t.getTime()))
|
|
874
878
|
return console.warn("无效的日期"), "";
|
|
875
|
-
const n = t.getFullYear(), l = t.getMonth() + 1, s = t.getDate(),
|
|
876
|
-
return o.replace(/YYYY/g, n).replace(/YY/g, n.toString().slice(-2)).replace(/MM/g, i(l)).replace(/M/g, l).replace(/DD/g, i(s)).replace(/D/g, s).replace(/HH/g, i(
|
|
879
|
+
const n = t.getFullYear(), l = t.getMonth() + 1, s = t.getDate(), u = t.getHours(), c = t.getMinutes(), g = t.getSeconds(), i = (m, d = 2) => m.toString().padStart(d, "0");
|
|
880
|
+
return o.replace(/YYYY/g, n).replace(/YY/g, n.toString().slice(-2)).replace(/MM/g, i(l)).replace(/M/g, l).replace(/DD/g, i(s)).replace(/D/g, s).replace(/HH/g, i(u)).replace(/H/g, u).replace(/hh/g, i(u % 12 || 12)).replace(/h/g, u % 12 || 12).replace(/mm/g, i(c)).replace(/m/g, c).replace(/ss/g, i(g)).replace(/s/g, g);
|
|
877
881
|
}
|
|
878
|
-
function
|
|
882
|
+
function _t(e) {
|
|
879
883
|
const { localStorageKey: o } = R();
|
|
880
884
|
try {
|
|
881
885
|
let t = localStorage.getItem(`${o}-${e}`) || "{}";
|
|
@@ -884,7 +888,7 @@ function Zt(e) {
|
|
|
884
888
|
console.log(t, "setToken------------------err");
|
|
885
889
|
}
|
|
886
890
|
}
|
|
887
|
-
function
|
|
891
|
+
function en(e, o) {
|
|
888
892
|
const { localStorageKey: t } = R();
|
|
889
893
|
try {
|
|
890
894
|
let n = {
|
|
@@ -897,14 +901,14 @@ function Xt(e, o) {
|
|
|
897
901
|
console.log(n, "setToken------------------err");
|
|
898
902
|
}
|
|
899
903
|
}
|
|
900
|
-
function
|
|
904
|
+
function tn(e) {
|
|
901
905
|
const { localStorageKey: o } = R();
|
|
902
906
|
localStorage.removeItem(`${o}-${e}`);
|
|
903
907
|
}
|
|
904
|
-
function
|
|
908
|
+
function nn() {
|
|
905
909
|
localStorage.clear();
|
|
906
910
|
}
|
|
907
|
-
const
|
|
911
|
+
const on = {
|
|
908
912
|
mounted(e, o) {
|
|
909
913
|
e.addEventListener("click", () => {
|
|
910
914
|
if (!o.value) {
|
|
@@ -920,7 +924,7 @@ const en = {
|
|
|
920
924
|
e.removeEventListener("click", () => {
|
|
921
925
|
});
|
|
922
926
|
}
|
|
923
|
-
},
|
|
927
|
+
}, ln = {
|
|
924
928
|
mounted(e, o) {
|
|
925
929
|
e._debounceCache = {
|
|
926
930
|
fn: null,
|
|
@@ -953,15 +957,15 @@ function Ae(e, o) {
|
|
|
953
957
|
console.warn("防抖指令参数错误!必须传入函数或 [函数, 配置对象]");
|
|
954
958
|
return;
|
|
955
959
|
}
|
|
956
|
-
const { delay: l, eventType: s, leading:
|
|
960
|
+
const { delay: l, eventType: s, leading: u } = n, c = typeof l == "number" && l >= 0 ? l : 500;
|
|
957
961
|
(typeof l != "number" || l < 0) && console.warn(`防抖延迟参数错误(${l}),已自动重置为 500ms`);
|
|
958
962
|
const g = typeof s == "string" ? s : "click";
|
|
959
963
|
typeof s != "string" && console.warn(`事件类型参数错误(${s}),已自动重置为 click`);
|
|
960
|
-
const i = typeof
|
|
961
|
-
typeof
|
|
962
|
-
const m = (...
|
|
963
|
-
e._debounceCache.timer && clearTimeout(e._debounceCache.timer), i && !e._debounceCache.timer && t.apply(e,
|
|
964
|
-
i || t.apply(e,
|
|
964
|
+
const i = typeof u == "boolean" ? u : !0;
|
|
965
|
+
typeof u != "boolean" && console.warn(`触发时机参数错误(${u}),已自动重置为 true(开始前执行)`);
|
|
966
|
+
const m = (...d) => {
|
|
967
|
+
e._debounceCache.timer && clearTimeout(e._debounceCache.timer), i && !e._debounceCache.timer && t.apply(e, d), e._debounceCache.timer = setTimeout(() => {
|
|
968
|
+
i || t.apply(e, d), e._debounceCache.timer = null;
|
|
965
969
|
}, c);
|
|
966
970
|
};
|
|
967
971
|
e.addEventListener(g, m), e._debounceCache.fn = m, e._debounceCache.eventType = g;
|
|
@@ -971,7 +975,7 @@ function ge(e) {
|
|
|
971
975
|
const { fn: o, eventType: t, timer: n } = e._debounceCache;
|
|
972
976
|
o && t && e.removeEventListener(t, o), n && clearTimeout(n), e._debounceCache.fn = null, e._debounceCache.eventType = null, e._debounceCache.timer = null;
|
|
973
977
|
}
|
|
974
|
-
const
|
|
978
|
+
const an = {
|
|
975
979
|
mounted(e, o) {
|
|
976
980
|
e._throttle = {
|
|
977
981
|
fn: null,
|
|
@@ -999,7 +1003,7 @@ function ye(e, o) {
|
|
|
999
1003
|
console.warn("节流指令参数错误!必须传入函数或 [函数, 配置对象]");
|
|
1000
1004
|
return;
|
|
1001
1005
|
}
|
|
1002
|
-
const { delay: l, eventType: s, leading:
|
|
1006
|
+
const { delay: l, eventType: s, leading: u } = n, c = typeof l == "number" && l >= 0 ? l : 500, g = typeof s == "string" ? s : "click", i = typeof u == "boolean" ? u : !0, m = e._throttle, d = (...y) => {
|
|
1003
1007
|
const b = Date.now(), S = b - m.lastExecTime;
|
|
1004
1008
|
i ? S >= c ? (t.apply(e, y), m.lastExecTime = b) : m.coolDownTimer || (m.coolDownTimer = setTimeout(() => {
|
|
1005
1009
|
t.apply(e, y), m.lastExecTime = Date.now(), m.coolDownTimer = null;
|
|
@@ -1007,14 +1011,14 @@ function ye(e, o) {
|
|
|
1007
1011
|
t.apply(e, y), m.lastExecTime = Date.now(), m.coolDownTimer = null;
|
|
1008
1012
|
}, c));
|
|
1009
1013
|
};
|
|
1010
|
-
e.addEventListener(g,
|
|
1014
|
+
e.addEventListener(g, d), m.fn = d, m.eventType = g;
|
|
1011
1015
|
}
|
|
1012
1016
|
function he(e) {
|
|
1013
1017
|
if (!e._throttle) return;
|
|
1014
1018
|
const { fn: o, eventType: t, coolDownTimer: n } = e._throttle;
|
|
1015
1019
|
o && t && e.removeEventListener(t, o), n && clearTimeout(n), delete e._throttle;
|
|
1016
1020
|
}
|
|
1017
|
-
const
|
|
1021
|
+
const rn = {
|
|
1018
1022
|
/**
|
|
1019
1023
|
* 指令挂载钩子函数
|
|
1020
1024
|
* 元素插入DOM树时执行,完成懒加载的初始化逻辑
|
|
@@ -1065,22 +1069,22 @@ const on = {
|
|
|
1065
1069
|
!["auto", "scroll", "overlay"].includes(i.overflowY) && i.height === "auto" && console.warn(`[v-lazy] 滚动容器 "${n.root}" 样式建议:设置 overflow-y: auto/scroll + 固定高度!`);
|
|
1066
1070
|
}
|
|
1067
1071
|
e.src = n.placeholder || n.errorSrc;
|
|
1068
|
-
let
|
|
1069
|
-
typeof n.rootMargin == "string" ? /^(\d+(px|%))(\s+\d+(px|%)){0,3}$/.test(n.rootMargin.trim()) ?
|
|
1072
|
+
let u = "0px";
|
|
1073
|
+
typeof n.rootMargin == "string" ? /^(\d+(px|%))(\s+\d+(px|%)){0,3}$/.test(n.rootMargin.trim()) ? u = n.rootMargin.trim() : console.warn(`[v-lazy] rootMargin格式错误(${n.rootMargin}),仅支持px/%单位!`) : console.warn(`[v-lazy] rootMargin必须是字符串,当前是${typeof n.rootMargin}类型!`);
|
|
1070
1074
|
function c(i, m) {
|
|
1071
|
-
i.removeEventListener("load",
|
|
1072
|
-
function
|
|
1073
|
-
i.removeEventListener("load",
|
|
1075
|
+
i.removeEventListener("load", d), i.removeEventListener("error", y);
|
|
1076
|
+
function d() {
|
|
1077
|
+
i.removeEventListener("load", d), i.removeEventListener("error", y);
|
|
1074
1078
|
}
|
|
1075
1079
|
function y() {
|
|
1076
|
-
console.warn(`[v-lazy] 图片 ${m.src} 加载失败,使用兜底图`), i.src = m.errorSrc, i.removeEventListener("load",
|
|
1080
|
+
console.warn(`[v-lazy] 图片 ${m.src} 加载失败,使用兜底图`), i.src = m.errorSrc, i.removeEventListener("load", d), i.removeEventListener("error", y);
|
|
1077
1081
|
}
|
|
1078
|
-
i.addEventListener("load",
|
|
1082
|
+
i.addEventListener("load", d), i.addEventListener("error", y), i.src = m.src, i._lazyLoadHandler = d, i._lazyErrorHandler = y;
|
|
1079
1083
|
}
|
|
1080
1084
|
const g = new IntersectionObserver(
|
|
1081
1085
|
(i) => {
|
|
1082
1086
|
const m = i[0];
|
|
1083
|
-
m.isIntersecting && (console.log(`[v-lazy] 图片 ${n.src} 触发加载(提前${
|
|
1087
|
+
m.isIntersecting && (console.log(`[v-lazy] 图片 ${n.src} 触发加载(提前${u})`, {
|
|
1084
1088
|
实际生效rootMargin: m.rootMargin,
|
|
1085
1089
|
根边界: m.rootBounds,
|
|
1086
1090
|
元素位置: m.boundingClientRect,
|
|
@@ -1090,7 +1094,7 @@ const on = {
|
|
|
1090
1094
|
},
|
|
1091
1095
|
{
|
|
1092
1096
|
root: s,
|
|
1093
|
-
rootMargin:
|
|
1097
|
+
rootMargin: u,
|
|
1094
1098
|
threshold: n.threshold,
|
|
1095
1099
|
delay: n.delay,
|
|
1096
1100
|
trackVisibility: !0
|
|
@@ -1115,7 +1119,7 @@ const on = {
|
|
|
1115
1119
|
updated(e, o) {
|
|
1116
1120
|
this.unmounted(e), this.mounted(e, o);
|
|
1117
1121
|
}
|
|
1118
|
-
},
|
|
1122
|
+
}, sn = {
|
|
1119
1123
|
mounted(e, o) {
|
|
1120
1124
|
if (!(o.value === void 0 ? !0 : o.value)) return;
|
|
1121
1125
|
const n = e.tagName === "INPUT" || e.tagName === "TEXTAREA" ? e : e.querySelector("input, textarea");
|
|
@@ -1132,7 +1136,7 @@ const on = {
|
|
|
1132
1136
|
function ze() {
|
|
1133
1137
|
return !!document.fullscreenElement;
|
|
1134
1138
|
}
|
|
1135
|
-
function
|
|
1139
|
+
function cn() {
|
|
1136
1140
|
if (ze())
|
|
1137
1141
|
try {
|
|
1138
1142
|
document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.msExitFullscreen && document.msExitFullscreen();
|
|
@@ -1151,7 +1155,7 @@ function _(e) {
|
|
|
1151
1155
|
console.warn("元素全屏失败:", o);
|
|
1152
1156
|
}
|
|
1153
1157
|
}
|
|
1154
|
-
function
|
|
1158
|
+
function un() {
|
|
1155
1159
|
const e = document.documentElement;
|
|
1156
1160
|
_(e);
|
|
1157
1161
|
}
|
|
@@ -1161,11 +1165,11 @@ function pe(e, o) {
|
|
|
1161
1165
|
let n = "browser", l = "click";
|
|
1162
1166
|
Array.isArray(o.value) ? ([n, l] = o.value, l = l || "click") : o.value !== void 0 && (n = o.value), t.triggerEvent = l, t.handler = () => {
|
|
1163
1167
|
if (ze()) {
|
|
1164
|
-
|
|
1168
|
+
cn();
|
|
1165
1169
|
return;
|
|
1166
1170
|
}
|
|
1167
1171
|
if (n === "browser")
|
|
1168
|
-
|
|
1172
|
+
un();
|
|
1169
1173
|
else if (n === "myself")
|
|
1170
1174
|
_(e);
|
|
1171
1175
|
else {
|
|
@@ -1182,7 +1186,7 @@ function ve(e) {
|
|
|
1182
1186
|
const o = e._fullscreenCache;
|
|
1183
1187
|
!o || !o.handler || (e.removeEventListener(o.triggerEvent, o.handler), o.handler = null, o.triggerEvent = "click");
|
|
1184
1188
|
}
|
|
1185
|
-
const
|
|
1189
|
+
const dn = {
|
|
1186
1190
|
mounted(e, o) {
|
|
1187
1191
|
e._fullscreenCache = {
|
|
1188
1192
|
handler: null,
|
|
@@ -1197,7 +1201,7 @@ const sn = {
|
|
|
1197
1201
|
unmounted(e) {
|
|
1198
1202
|
ve(e), delete e._fullscreenCache;
|
|
1199
1203
|
}
|
|
1200
|
-
},
|
|
1204
|
+
}, mn = {
|
|
1201
1205
|
mounted(e, o) {
|
|
1202
1206
|
const t = {
|
|
1203
1207
|
target: "",
|
|
@@ -1217,36 +1221,36 @@ const sn = {
|
|
|
1217
1221
|
} else
|
|
1218
1222
|
l = e;
|
|
1219
1223
|
const s = e;
|
|
1220
|
-
let
|
|
1224
|
+
let u = 0, c = 0, g = !1;
|
|
1221
1225
|
const i = (b) => {
|
|
1222
1226
|
b.stopPropagation(), g = !0;
|
|
1223
1227
|
const S = s.getBoundingClientRect();
|
|
1224
|
-
|
|
1228
|
+
u = b.clientX - S.left, c = b.clientY - S.top, l.style.cursor = "move", s.style.userSelect = "none", s.style.position = "fixed", s.style.zIndex = n.index;
|
|
1225
1229
|
}, m = (b) => {
|
|
1226
1230
|
if (!g) return;
|
|
1227
|
-
const S = b.clientX -
|
|
1231
|
+
const S = b.clientX - u, B = b.clientY - c, P = window.innerWidth - s.offsetWidth, W = window.innerHeight - s.offsetHeight, D = Math.max(0, Math.min(S, P)), Q = Math.max(0, Math.min(B, W));
|
|
1228
1232
|
s.style.left = `${D}px`, s.style.top = `${Q}px`;
|
|
1229
|
-
},
|
|
1233
|
+
}, d = () => {
|
|
1230
1234
|
g && (g = !1, l.style.cursor = "default", s.style.userSelect = "auto");
|
|
1231
1235
|
}, y = () => {
|
|
1232
1236
|
g || (l.style.cursor = "move");
|
|
1233
1237
|
};
|
|
1234
|
-
l.addEventListener("mousedown", i), document.addEventListener("mousemove", m), document.addEventListener("mouseup",
|
|
1238
|
+
l.addEventListener("mousedown", i), document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), l.addEventListener("mouseenter", y), e._dragHandlers = {
|
|
1235
1239
|
dragArea: l,
|
|
1236
1240
|
moveEl: s,
|
|
1237
1241
|
handleMousedown: i,
|
|
1238
1242
|
handleMousemove: m,
|
|
1239
|
-
handleMouseup:
|
|
1243
|
+
handleMouseup: d,
|
|
1240
1244
|
handleMouseEnter: y
|
|
1241
1245
|
};
|
|
1242
1246
|
},
|
|
1243
1247
|
unmounted(e) {
|
|
1244
1248
|
if (e._dragHandlers) {
|
|
1245
|
-
const { dragArea: o, moveEl: t, handleMousedown: n, handleMousemove: l, handleMouseup: s, handleMouseEnter:
|
|
1246
|
-
o.removeEventListener("mousedown", n), document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", s), o.removeEventListener("mouseenter",
|
|
1249
|
+
const { dragArea: o, moveEl: t, handleMousedown: n, handleMousemove: l, handleMouseup: s, handleMouseEnter: u } = e._dragHandlers;
|
|
1250
|
+
o.removeEventListener("mousedown", n), document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", s), o.removeEventListener("mouseenter", u), t.style.position = "", t.style.left = "", t.style.top = "", t.style.zIndex = "", t.style.userSelect = "", o.style.cursor = "", delete e._dragHandlers;
|
|
1247
1251
|
}
|
|
1248
1252
|
}
|
|
1249
|
-
},
|
|
1253
|
+
}, fn = {
|
|
1250
1254
|
mounted(e, o) {
|
|
1251
1255
|
we(e, o);
|
|
1252
1256
|
},
|
|
@@ -1268,7 +1272,7 @@ function we(e, o) {
|
|
|
1268
1272
|
let n = t || "默认水印", l = {};
|
|
1269
1273
|
const s = o.value;
|
|
1270
1274
|
Array.isArray(s) ? (n = s[0] ?? n, l = typeof s[1] == "object" && s[1] !== null ? s[1] : {}) : typeof s == "string" || typeof s == "number" ? (n = String(s), l = {}) : typeof s == "object" && s !== null && (n = s.text ?? n, l = s);
|
|
1271
|
-
const
|
|
1275
|
+
const u = {
|
|
1272
1276
|
show: !0,
|
|
1273
1277
|
// 新增:默认展示水印
|
|
1274
1278
|
fontSize: 14,
|
|
@@ -1280,16 +1284,16 @@ function we(e, o) {
|
|
|
1280
1284
|
zIndex: 9999,
|
|
1281
1285
|
fontFamily: "微软雅黑"
|
|
1282
1286
|
}, c = {
|
|
1283
|
-
...
|
|
1287
|
+
...u,
|
|
1284
1288
|
...l,
|
|
1285
|
-
show: typeof l.show == "boolean" ? l.show :
|
|
1289
|
+
show: typeof l.show == "boolean" ? l.show : u.show,
|
|
1286
1290
|
// 确保show为布尔值
|
|
1287
|
-
fontSize: Math.max(8, Math.min(36, Number(l.fontSize) ||
|
|
1288
|
-
rotate: Math.max(-45, Math.min(45, Number(l.rotate) ||
|
|
1289
|
-
opacity: Math.max(0.1, Math.min(1, Number(l.opacity) ||
|
|
1290
|
-
gapX: Math.max(50, Number(l.gapX) ||
|
|
1291
|
-
gapY: Math.max(50, Number(l.gapY) ||
|
|
1292
|
-
zIndex: Number(l.zIndex) ||
|
|
1291
|
+
fontSize: Math.max(8, Math.min(36, Number(l.fontSize) || u.fontSize)),
|
|
1292
|
+
rotate: Math.max(-45, Math.min(45, Number(l.rotate) || u.rotate)),
|
|
1293
|
+
opacity: Math.max(0.1, Math.min(1, Number(l.opacity) || u.opacity)),
|
|
1294
|
+
gapX: Math.max(50, Number(l.gapX) || u.gapX),
|
|
1295
|
+
gapY: Math.max(50, Number(l.gapY) || u.gapY),
|
|
1296
|
+
zIndex: Number(l.zIndex) || u.zIndex
|
|
1293
1297
|
};
|
|
1294
1298
|
if (!c.show) {
|
|
1295
1299
|
ee(e), console.debug("[v-watermark] show参数为false,不展示水印");
|
|
@@ -1302,8 +1306,8 @@ function we(e, o) {
|
|
|
1302
1306
|
return;
|
|
1303
1307
|
}
|
|
1304
1308
|
i.font = `${c.fontSize}px ${c.fontFamily}`;
|
|
1305
|
-
const m = i.measureText(n).width,
|
|
1306
|
-
g.width =
|
|
1309
|
+
const m = i.measureText(n).width, d = c.gapX || m + 20, y = c.gapY || c.fontSize + 40;
|
|
1310
|
+
g.width = d, g.height = y, i.clearRect(0, 0, g.width, g.height), i.font = `${c.fontSize}px ${c.fontFamily}`, i.fillStyle = c.color, i.globalAlpha = c.opacity, i.translate(g.width / 2, g.height / 2), i.rotate(c.rotate * Math.PI / 180), i.textAlign = "center", i.textBaseline = "middle", i.fillText(n, 0, 0);
|
|
1307
1311
|
const b = document.createElement("div");
|
|
1308
1312
|
b.style.cssText = `
|
|
1309
1313
|
position: absolute;
|
|
@@ -1338,7 +1342,7 @@ function ee(e) {
|
|
|
1338
1342
|
e._originPosition && (e.style.position = e._originPosition, delete e._originPosition);
|
|
1339
1343
|
}
|
|
1340
1344
|
}
|
|
1341
|
-
const
|
|
1345
|
+
const An = {
|
|
1342
1346
|
mounted(e, o) {
|
|
1343
1347
|
const t = e.tagName === "INPUT" ? e : e.querySelector("input");
|
|
1344
1348
|
if (!t) {
|
|
@@ -1363,18 +1367,18 @@ const dn = {
|
|
|
1363
1367
|
console.warn("type=custom 时,必须传入 reg 自定义正则表达式!");
|
|
1364
1368
|
return;
|
|
1365
1369
|
}
|
|
1366
|
-
const s = (
|
|
1367
|
-
let y =
|
|
1370
|
+
const s = (d) => {
|
|
1371
|
+
let y = d, b = !0;
|
|
1368
1372
|
switch (l.type) {
|
|
1369
1373
|
case "number":
|
|
1370
|
-
y = y.replace(/[^0-9]/g, ""), b = /^[0-9]*$/.test(
|
|
1374
|
+
y = y.replace(/[^0-9]/g, ""), b = /^[0-9]*$/.test(d);
|
|
1371
1375
|
break;
|
|
1372
1376
|
case "letter":
|
|
1373
|
-
y = y.replace(/[^a-zA-Z]/g, ""), b = /^[a-zA-Z]*$/.test(
|
|
1377
|
+
y = y.replace(/[^a-zA-Z]/g, ""), b = /^[a-zA-Z]*$/.test(d);
|
|
1374
1378
|
break;
|
|
1375
1379
|
case "custom":
|
|
1376
1380
|
const S = new RegExp(`[^${l.reg.source}]`, "g");
|
|
1377
|
-
y = y.replace(S, ""), b = l.reg.test(
|
|
1381
|
+
y = y.replace(S, ""), b = l.reg.test(d);
|
|
1378
1382
|
break;
|
|
1379
1383
|
default:
|
|
1380
1384
|
console.warn(`v-inputLimit 不支持的类型:${l.type},仅支持 number/letter/custom`), b = !0;
|
|
@@ -1382,23 +1386,23 @@ const dn = {
|
|
|
1382
1386
|
}
|
|
1383
1387
|
return l.length > 0 && y.length > l.length && (y = y.substring(0, l.length), b = !1), [y, b];
|
|
1384
1388
|
};
|
|
1385
|
-
let
|
|
1386
|
-
const c = () =>
|
|
1389
|
+
let u = null;
|
|
1390
|
+
const c = () => u || (u = document.createElement("div"), u.style.cssText = `
|
|
1387
1391
|
color: #f56c6c;
|
|
1388
1392
|
font-size: 12px;
|
|
1389
1393
|
margin-top: 4px;
|
|
1390
1394
|
line-height: 1;
|
|
1391
|
-
`,
|
|
1395
|
+
`, u.className = "v-input-limit-error-tip", t.parentNode.appendChild(u), u), g = (d) => {
|
|
1392
1396
|
const y = c();
|
|
1393
|
-
|
|
1397
|
+
d ? (y.textContent = l.errorMsg, y.style.display = "block") : y.style.display = "none";
|
|
1394
1398
|
}, i = () => {
|
|
1395
|
-
const [
|
|
1396
|
-
t.value !==
|
|
1397
|
-
}, m =
|
|
1399
|
+
const [d, y] = s(t.value);
|
|
1400
|
+
t.value !== d && (t.value = d, t.dispatchEvent(new Event("input", { bubbles: !0 }))), g(!y);
|
|
1401
|
+
}, m = gn(i, 100);
|
|
1398
1402
|
t.addEventListener("input", m), t.addEventListener("keyup", m), e._inputLimit = {
|
|
1399
1403
|
inputEl: t,
|
|
1400
1404
|
debouncedHandleInput: m,
|
|
1401
|
-
errorTipEl:
|
|
1405
|
+
errorTipEl: u,
|
|
1402
1406
|
handleInput: i
|
|
1403
1407
|
};
|
|
1404
1408
|
},
|
|
@@ -1407,7 +1411,7 @@ const dn = {
|
|
|
1407
1411
|
o && t && (o.removeEventListener("input", t), o.removeEventListener("keyup", t)), n && n.parentNode && n.parentNode.removeChild(n), delete e._inputLimit;
|
|
1408
1412
|
}
|
|
1409
1413
|
};
|
|
1410
|
-
function
|
|
1414
|
+
function gn(e, o) {
|
|
1411
1415
|
let t = null;
|
|
1412
1416
|
return function(...n) {
|
|
1413
1417
|
clearTimeout(t), t = setTimeout(() => {
|
|
@@ -1415,37 +1419,37 @@ function mn(e, o) {
|
|
|
1415
1419
|
}, o);
|
|
1416
1420
|
};
|
|
1417
1421
|
}
|
|
1418
|
-
const
|
|
1419
|
-
format:
|
|
1420
|
-
getToken:
|
|
1421
|
-
setToken:
|
|
1422
|
-
removeToken:
|
|
1423
|
-
clearToken:
|
|
1424
|
-
},
|
|
1425
|
-
copy:
|
|
1426
|
-
debounce:
|
|
1427
|
-
throttle:
|
|
1428
|
-
lazy:
|
|
1429
|
-
focus:
|
|
1430
|
-
fullscreen:
|
|
1431
|
-
draggable:
|
|
1432
|
-
watermark:
|
|
1433
|
-
inputLimit:
|
|
1434
|
-
},
|
|
1435
|
-
qe(e), lt(e),
|
|
1422
|
+
const vn = {
|
|
1423
|
+
format: $t,
|
|
1424
|
+
getToken: _t,
|
|
1425
|
+
setToken: en,
|
|
1426
|
+
removeToken: tn,
|
|
1427
|
+
clearToken: nn
|
|
1428
|
+
}, yn = {
|
|
1429
|
+
copy: on,
|
|
1430
|
+
debounce: ln,
|
|
1431
|
+
throttle: an,
|
|
1432
|
+
lazy: rn,
|
|
1433
|
+
focus: sn,
|
|
1434
|
+
fullscreen: dn,
|
|
1435
|
+
draggable: mn,
|
|
1436
|
+
watermark: fn,
|
|
1437
|
+
inputLimit: An
|
|
1438
|
+
}, wn = (e, o) => {
|
|
1439
|
+
qe(e), lt(e), Zt(e), Xt(o, e), Object.entries(yn).forEach(([t, n]) => {
|
|
1436
1440
|
e.directive(t, n);
|
|
1437
1441
|
});
|
|
1438
1442
|
};
|
|
1439
1443
|
export {
|
|
1440
1444
|
H as MyButton,
|
|
1441
1445
|
me as MyDialog,
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
+
nn as clearToken,
|
|
1447
|
+
wn as default,
|
|
1448
|
+
$t as format,
|
|
1449
|
+
_t as getToken,
|
|
1446
1450
|
fe as qlMulpSel,
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
+
tn as removeToken,
|
|
1452
|
+
en as setToken,
|
|
1453
|
+
pn as updateGlobalOptions,
|
|
1454
|
+
vn as utils
|
|
1451
1455
|
};
|