@squirrel-cloud/ui-vue 0.4.16 → 0.4.17
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as R, computed as b, createBlock as C, openBlock as m, unref as
|
|
1
|
+
import { defineComponent as R, computed as b, createBlock as C, openBlock as m, unref as u, normalizeClass as U, withCtx as E, createCommentVNode as L, createTextVNode as Se, resolveDynamicComponent as ie, toDisplayString as K, h as Me, ref as z, watch as re, createElementBlock as $, normalizeStyle as X, onMounted as ue, onBeforeUnmount as ge, Transition as he, withDirectives as ae, createElementVNode as I, renderSlot as N, vShow as ve, useSlots as Be, createVNode as S, inject as fe, provide as ke, toRef as se, mergeModels as Z, useModel as le, vModelCheckbox as Ke, toRaw as _e, Fragment as ne, renderList as de, useAttrs as Ae, Teleport as Ge, mergeProps as pe, shallowRef as ce, withModifiers as me, nextTick as ze, vModelDynamic as vt, vModelText as mt, render as Ue, cloneVNode as ht, Text as gt, Comment as bt, vModelRadio as Ze, useTemplateRef as yt } from "vue";
|
|
2
2
|
import { WarningFilled as Je, CloseFilled as Qe, InfoFilled as Ve, CheckFilled as et, JumpTo as xt, CaretUp as _t, Loading as Re, Check as $t, Close as De, Bold as kt, Italic as wt, Underline as qt, Strikethrough as Ct, Hide as tt, ListUl as St, ListOl as Bt, View as st, ArrowLeft as nt, ArrowRight as ot, ZoomIn as zt, ZoomOut as Rt, FlipHorizontal as Tt, FlipVertical as Lt, Clockwise as It, Couterclockwise as Mt, FitSize as Et, Fullscreen as At, Ellipsis as Dt } from "@squirrel-cloud/icons-vue";
|
|
3
3
|
import Ot from "markdown-it";
|
|
4
4
|
import { RouterLink as Pt } from "vue-router";
|
|
@@ -23,7 +23,7 @@ const Oe = {
|
|
|
23
23
|
const s = [];
|
|
24
24
|
return o.type && s.push(`is-${o.type}`), s;
|
|
25
25
|
}), t = b(() => o.icon ? o.icon : o.showIcon && o.type ? Oe[o.type] : void 0);
|
|
26
|
-
return (s, e) => (m(), C(
|
|
26
|
+
return (s, e) => (m(), C(u(be), {
|
|
27
27
|
class: U(["sq-alert", n.value])
|
|
28
28
|
}, {
|
|
29
29
|
default: E(() => [
|
|
@@ -54,8 +54,8 @@ function Pe() {
|
|
|
54
54
|
}
|
|
55
55
|
function jt() {
|
|
56
56
|
function d(o = [0.3, 0.8], n = [0.1, 0.3], t = [0, 360]) {
|
|
57
|
-
const { getRandomNum: s } = Xt(), e = s(o, 4), r = s(n, 4),
|
|
58
|
-
return `oklch(${e} ${r} ${
|
|
57
|
+
const { getRandomNum: s } = Xt(), e = s(o, 4), r = s(n, 4), c = s(t, 4);
|
|
58
|
+
return `oklch(${e} ${r} ${c})`;
|
|
59
59
|
}
|
|
60
60
|
return {
|
|
61
61
|
/**
|
|
@@ -71,7 +71,7 @@ function jt() {
|
|
|
71
71
|
function we() {
|
|
72
72
|
function d(...o) {
|
|
73
73
|
for (const n of o) {
|
|
74
|
-
const t =
|
|
74
|
+
const t = u(n);
|
|
75
75
|
if (t != null) return t;
|
|
76
76
|
}
|
|
77
77
|
}
|
|
@@ -142,20 +142,20 @@ function Yt(d) {
|
|
|
142
142
|
for (let e = 0; e < n.length; e++) {
|
|
143
143
|
const r = n[e];
|
|
144
144
|
if (r.type === "list_item_open") {
|
|
145
|
-
const
|
|
146
|
-
if (
|
|
147
|
-
const
|
|
148
|
-
if (/^\[[ xX]\]/.test(
|
|
145
|
+
const c = n[e + 2];
|
|
146
|
+
if (c && c.type === "inline") {
|
|
147
|
+
const a = c.content;
|
|
148
|
+
if (/^\[[ xX]\]/.test(a.trim())) {
|
|
149
149
|
r.attrSet("class", "sq-article-task-list-item");
|
|
150
|
-
const
|
|
151
|
-
|
|
152
|
-
const i = /^\[[xX]\]/.test(
|
|
150
|
+
const l = (t = c.children) == null ? void 0 : t[0];
|
|
151
|
+
l && (l.content = l.content.replace(/^\[[ xX]\]/, ""));
|
|
152
|
+
const i = /^\[[xX]\]/.test(a), p = [
|
|
153
153
|
["type", "checkbox"],
|
|
154
154
|
["disabled", ""]
|
|
155
155
|
];
|
|
156
156
|
i && p.push(["checked", ""]);
|
|
157
157
|
const g = new qe("input", "input", 0);
|
|
158
|
-
g.attrs = p, (s =
|
|
158
|
+
g.attrs = p, (s = c.children) == null || s.unshift(g);
|
|
159
159
|
}
|
|
160
160
|
}
|
|
161
161
|
}
|
|
@@ -169,7 +169,7 @@ function Kt() {
|
|
|
169
169
|
html: !0,
|
|
170
170
|
typographer: !0
|
|
171
171
|
});
|
|
172
|
-
return r.use(Yt), e && e.forEach((
|
|
172
|
+
return r.use(Yt), e && e.forEach((c) => r.use(c)), r.parse(s, "");
|
|
173
173
|
}
|
|
174
174
|
function o(s, e) {
|
|
175
175
|
const r = t(s, e) ?? [];
|
|
@@ -181,22 +181,22 @@ function Kt() {
|
|
|
181
181
|
if (typeof r == "string")
|
|
182
182
|
return r;
|
|
183
183
|
{
|
|
184
|
-
const
|
|
184
|
+
const c = n(r.children);
|
|
185
185
|
return Me(
|
|
186
186
|
r.tag,
|
|
187
187
|
r.attrs,
|
|
188
|
-
typeof r.tag != "string" ? { default: () =>
|
|
188
|
+
typeof r.tag != "string" ? { default: () => c } : c
|
|
189
189
|
);
|
|
190
190
|
}
|
|
191
191
|
});
|
|
192
192
|
return e.length > 1 ? e : e[0];
|
|
193
193
|
}
|
|
194
194
|
function t(s, e) {
|
|
195
|
-
const r = [],
|
|
196
|
-
let
|
|
197
|
-
return s.forEach((
|
|
195
|
+
const r = [], c = { children: [] };
|
|
196
|
+
let a = c;
|
|
197
|
+
return s.forEach((l) => {
|
|
198
198
|
var B, D, P, O, V, Y, H, ee, J, k, _;
|
|
199
|
-
const { type: i, children: p, content: g, attrs: h, tag: f, hidden: w } =
|
|
199
|
+
const { type: i, children: p, content: g, attrs: h, tag: f, hidden: w } = l;
|
|
200
200
|
switch (i) {
|
|
201
201
|
case "heading_open":
|
|
202
202
|
case "paragraph_open":
|
|
@@ -221,7 +221,7 @@ function Kt() {
|
|
|
221
221
|
attrs: h ? Object.fromEntries(h) : {}
|
|
222
222
|
};
|
|
223
223
|
if (i === "link_open") {
|
|
224
|
-
const y =
|
|
224
|
+
const y = l.attrGet("href") ?? "", x = document.location.origin;
|
|
225
225
|
y != null && y.startsWith("http") && !y.includes(x) && (v.attrs.target = "_blank", v.attrs.rel = "noopener noreferrer", v.attrs.dataOuter = "", (B = v.children) == null || B.push({ tag: xt }));
|
|
226
226
|
}
|
|
227
227
|
if (i === "table_open") {
|
|
@@ -230,9 +230,9 @@ function Kt() {
|
|
|
230
230
|
children: [],
|
|
231
231
|
attrs: { class: "sq-article-table" }
|
|
232
232
|
};
|
|
233
|
-
(D =
|
|
233
|
+
(D = a.children) == null || D.push(y), r.push(a), a = y;
|
|
234
234
|
}
|
|
235
|
-
(P =
|
|
235
|
+
(P = a.children) == null || P.push(v), r.push(a), a = v;
|
|
236
236
|
break;
|
|
237
237
|
}
|
|
238
238
|
case "heading_close":
|
|
@@ -252,11 +252,11 @@ function Kt() {
|
|
|
252
252
|
case "s_close":
|
|
253
253
|
case "link_close": {
|
|
254
254
|
if (w) break;
|
|
255
|
-
|
|
255
|
+
a = r.pop();
|
|
256
256
|
break;
|
|
257
257
|
}
|
|
258
258
|
case "code_inline": {
|
|
259
|
-
(O =
|
|
259
|
+
(O = a.children) == null || O.push({
|
|
260
260
|
tag: (e == null ? void 0 : e[f]) ?? f,
|
|
261
261
|
children: [g],
|
|
262
262
|
attrs: h ? Object.fromEntries(h) : {}
|
|
@@ -266,17 +266,17 @@ function Kt() {
|
|
|
266
266
|
case "inline": {
|
|
267
267
|
if (p) {
|
|
268
268
|
const v = t(p, e);
|
|
269
|
-
(V =
|
|
269
|
+
(V = a.children) == null || V.push(...v ?? []);
|
|
270
270
|
} else
|
|
271
|
-
(Y =
|
|
271
|
+
(Y = a.children) == null || Y.push(g);
|
|
272
272
|
break;
|
|
273
273
|
}
|
|
274
274
|
case "text": {
|
|
275
|
-
(H =
|
|
275
|
+
(H = a.children) == null || H.push(g);
|
|
276
276
|
break;
|
|
277
277
|
}
|
|
278
278
|
case "image": {
|
|
279
|
-
(ee =
|
|
279
|
+
(ee = a.children) == null || ee.push({
|
|
280
280
|
tag: (e == null ? void 0 : e[f]) ?? f,
|
|
281
281
|
children: [],
|
|
282
282
|
attrs: h ? Object.fromEntries(h) : {}
|
|
@@ -284,7 +284,7 @@ function Kt() {
|
|
|
284
284
|
break;
|
|
285
285
|
}
|
|
286
286
|
case "hr": {
|
|
287
|
-
(J =
|
|
287
|
+
(J = a.children) == null || J.push({
|
|
288
288
|
tag: (e == null ? void 0 : e[f]) ?? f
|
|
289
289
|
});
|
|
290
290
|
break;
|
|
@@ -295,23 +295,23 @@ function Kt() {
|
|
|
295
295
|
children: [],
|
|
296
296
|
attrs: v
|
|
297
297
|
};
|
|
298
|
-
y === "checkbox" && (T.attrs.value = `task-list-${je}`, je++), (k =
|
|
298
|
+
y === "checkbox" && (T.attrs.value = `task-list-${je}`, je++), (k = a.children) == null || k.push(T);
|
|
299
299
|
break;
|
|
300
300
|
}
|
|
301
301
|
case "html_inline": {
|
|
302
302
|
if (g.startsWith("</"))
|
|
303
|
-
|
|
303
|
+
a = r.pop();
|
|
304
304
|
else {
|
|
305
305
|
const v = g.replace("<", "").replace(">", ""), y = {
|
|
306
306
|
tag: (e == null ? void 0 : e[v]) ?? v,
|
|
307
307
|
children: []
|
|
308
308
|
};
|
|
309
|
-
(_ =
|
|
309
|
+
(_ = a.children) == null || _.push(y), r.push(a), a = y;
|
|
310
310
|
}
|
|
311
311
|
break;
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
|
-
}),
|
|
314
|
+
}), c.children;
|
|
315
315
|
}
|
|
316
316
|
return {
|
|
317
317
|
/**
|
|
@@ -395,13 +395,13 @@ const { md2tokens: Zt, tokens2vueh: Jt } = Kt(), Qt = "sq-article", es = R({
|
|
|
395
395
|
},
|
|
396
396
|
setup(d) {
|
|
397
397
|
const o = d, n = z(!0), t = b(() => {
|
|
398
|
-
const
|
|
399
|
-
return o.size !== "md" &&
|
|
398
|
+
const c = [];
|
|
399
|
+
return o.size !== "md" && c.push(`sq-avatar--${o.size}`), o.round && c.push("is-round"), c;
|
|
400
400
|
}), s = b(() => {
|
|
401
401
|
if (!o.randomColor) return;
|
|
402
|
-
const { getRandomColor:
|
|
402
|
+
const { getRandomColor: c } = jt();
|
|
403
403
|
return {
|
|
404
|
-
"--avatar-bg-color":
|
|
404
|
+
"--avatar-bg-color": c()
|
|
405
405
|
};
|
|
406
406
|
}), e = b(() => o.alt.charAt(0).toUpperCase());
|
|
407
407
|
re(
|
|
@@ -413,7 +413,7 @@ const { md2tokens: Zt, tokens2vueh: Jt } = Kt(), Qt = "sq-article", es = R({
|
|
|
413
413
|
function r() {
|
|
414
414
|
n.value = !1;
|
|
415
415
|
}
|
|
416
|
-
return (
|
|
416
|
+
return (c, a) => (m(), $("div", {
|
|
417
417
|
class: U(["sq-avatar", t.value]),
|
|
418
418
|
style: X(s.value)
|
|
419
419
|
}, [
|
|
@@ -440,20 +440,20 @@ const { md2tokens: Zt, tokens2vueh: Jt } = Kt(), Qt = "sq-article", es = R({
|
|
|
440
440
|
progressProps: {}
|
|
441
441
|
},
|
|
442
442
|
setup(d) {
|
|
443
|
-
const { throttle: o } = Gt(), n = o(
|
|
443
|
+
const { throttle: o } = Gt(), n = o(a), t = new ResizeObserver(l), s = d, e = z(100), r = z(0), c = b(() => r.value > s.visibilityHeight);
|
|
444
444
|
ue(() => {
|
|
445
445
|
var g;
|
|
446
|
-
|
|
446
|
+
l(), n(), window.addEventListener("scroll", n);
|
|
447
447
|
const p = document.querySelector(s.target) ?? document.body;
|
|
448
|
-
t.observe(p), (g = window.visualViewport) == null || g.addEventListener("resize",
|
|
448
|
+
t.observe(p), (g = window.visualViewport) == null || g.addEventListener("resize", l);
|
|
449
449
|
}), ge(() => {
|
|
450
450
|
var p;
|
|
451
|
-
window.removeEventListener("scroll", n), t.disconnect(), (p = window.visualViewport) == null || p.removeEventListener("resize",
|
|
451
|
+
window.removeEventListener("scroll", n), t.disconnect(), (p = window.visualViewport) == null || p.removeEventListener("resize", l);
|
|
452
452
|
});
|
|
453
|
-
function
|
|
453
|
+
function a() {
|
|
454
454
|
r.value = window.scrollY;
|
|
455
455
|
}
|
|
456
|
-
function
|
|
456
|
+
function l() {
|
|
457
457
|
const p = (document.scrollingElement ?? document.body).scrollHeight, g = window.innerHeight;
|
|
458
458
|
e.value = p - g;
|
|
459
459
|
}
|
|
@@ -471,7 +471,7 @@ const { md2tokens: Zt, tokens2vueh: Jt } = Kt(), Qt = "sq-article", es = R({
|
|
|
471
471
|
class: "sq-backtop-wrap",
|
|
472
472
|
onClick: i
|
|
473
473
|
}, [
|
|
474
|
-
s.progress ? (m(), C(
|
|
474
|
+
s.progress ? (m(), C(u(to), {
|
|
475
475
|
key: 0,
|
|
476
476
|
variant: "circle",
|
|
477
477
|
label: !1,
|
|
@@ -486,7 +486,7 @@ const { md2tokens: Zt, tokens2vueh: Jt } = Kt(), Qt = "sq-article", es = R({
|
|
|
486
486
|
])
|
|
487
487
|
])
|
|
488
488
|
], 512), [
|
|
489
|
-
[ve,
|
|
489
|
+
[ve, c.value]
|
|
490
490
|
])
|
|
491
491
|
];
|
|
492
492
|
}),
|
|
@@ -507,21 +507,21 @@ const { md2tokens: Zt, tokens2vueh: Jt } = Kt(), Qt = "sq-article", es = R({
|
|
|
507
507
|
},
|
|
508
508
|
setup(d) {
|
|
509
509
|
const o = Be(), n = d, t = b(() => {
|
|
510
|
-
const
|
|
511
|
-
return n.dot &&
|
|
510
|
+
const c = [];
|
|
511
|
+
return n.dot && c.push("is-dot"), c.push(`is-${n.type}`), c;
|
|
512
512
|
}), s = b(() => o.default ? "sup" : "div"), e = b(() => !n.dot && n.text || n.showZero ? !0 : n.count > 0), r = b(() => n.dot ? "" : n.text ? n.text : n.max && n.count > n.max ? `${n.max}+` : `${n.count}`);
|
|
513
|
-
return (
|
|
513
|
+
return (c, a) => (m(), C(he, { name: "sq-zoom" }, {
|
|
514
514
|
default: E(() => [
|
|
515
|
-
|
|
515
|
+
u(o).default || e.value ? (m(), $("span", {
|
|
516
516
|
key: 0,
|
|
517
517
|
class: U(["sq-badge", t.value]),
|
|
518
518
|
style: X({ "--badge-color": n.color })
|
|
519
519
|
}, [
|
|
520
|
-
N(
|
|
520
|
+
N(c.$slots, "default"),
|
|
521
521
|
(m(), C(ie(s.value), { class: "sq-badge-label" }, {
|
|
522
522
|
default: E(() => [
|
|
523
523
|
S(he, {
|
|
524
|
-
name:
|
|
524
|
+
name: u(o).default ? "sq-zoom" : ""
|
|
525
525
|
}, {
|
|
526
526
|
default: E(() => [
|
|
527
527
|
e.value ? (m(), $("span", {
|
|
@@ -544,7 +544,7 @@ const { md2tokens: Zt, tokens2vueh: Jt } = Kt(), Qt = "sq-article", es = R({
|
|
|
544
544
|
name: rs,
|
|
545
545
|
__name: "blur",
|
|
546
546
|
setup(d) {
|
|
547
|
-
return (o, n) => (m(), C(
|
|
547
|
+
return (o, n) => (m(), C(u(be), { class: "sq-blur" }, {
|
|
548
548
|
default: E(() => [
|
|
549
549
|
N(o.$slots, "default")
|
|
550
550
|
]),
|
|
@@ -554,77 +554,77 @@ const { md2tokens: Zt, tokens2vueh: Jt } = Kt(), Qt = "sq-article", es = R({
|
|
|
554
554
|
});
|
|
555
555
|
function cs(d) {
|
|
556
556
|
const { getOption: o } = we(), n = fe(Ce, void 0), t = fe(at, void 0), s = b(
|
|
557
|
-
() =>
|
|
557
|
+
() => u(t) ? void 0 : d.text
|
|
558
558
|
), e = b(
|
|
559
559
|
() => {
|
|
560
|
-
var
|
|
560
|
+
var l, i;
|
|
561
561
|
return o(
|
|
562
|
-
(
|
|
562
|
+
(l = u(t)) == null ? void 0 : l.size,
|
|
563
563
|
d.size,
|
|
564
|
-
(i =
|
|
564
|
+
(i = u(n)) == null ? void 0 : i.size,
|
|
565
565
|
"md"
|
|
566
566
|
);
|
|
567
567
|
}
|
|
568
568
|
), r = b(
|
|
569
569
|
() => {
|
|
570
|
-
var
|
|
571
|
-
return o((
|
|
570
|
+
var l;
|
|
571
|
+
return o((l = u(t)) == null ? void 0 : l.type, d.type);
|
|
572
572
|
}
|
|
573
|
-
),
|
|
573
|
+
), c = b(
|
|
574
574
|
() => {
|
|
575
|
-
var
|
|
575
|
+
var l, i;
|
|
576
576
|
return o(
|
|
577
|
-
(
|
|
577
|
+
(l = u(t)) == null ? void 0 : l.round,
|
|
578
578
|
d.round,
|
|
579
|
-
(i =
|
|
579
|
+
(i = u(n)) == null ? void 0 : i.round
|
|
580
580
|
);
|
|
581
581
|
}
|
|
582
|
-
),
|
|
582
|
+
), a = b(
|
|
583
583
|
() => {
|
|
584
|
-
var
|
|
584
|
+
var l, i, p;
|
|
585
585
|
return o(
|
|
586
|
-
(
|
|
587
|
-
(i =
|
|
588
|
-
(p =
|
|
586
|
+
(l = u(n)) == null ? void 0 : l.disabled,
|
|
587
|
+
(i = u(n)) == null ? void 0 : i.readonly,
|
|
588
|
+
(p = u(t)) == null ? void 0 : p.disabled,
|
|
589
589
|
d.disabled
|
|
590
590
|
);
|
|
591
591
|
}
|
|
592
592
|
);
|
|
593
|
-
return { btnTextType: s, btnSize: e, btnType: r, btnRound:
|
|
593
|
+
return { btnTextType: s, btnSize: e, btnType: r, btnRound: c, btnDisabled: a };
|
|
594
594
|
}
|
|
595
595
|
function ds(d) {
|
|
596
596
|
const { getOption: o } = we(), n = fe(Ce, void 0), t = fe(it, void 0), s = b(
|
|
597
597
|
() => {
|
|
598
|
-
var
|
|
598
|
+
var l, i;
|
|
599
599
|
return o(
|
|
600
|
-
(
|
|
600
|
+
(l = u(t)) == null ? void 0 : l.size,
|
|
601
601
|
d.size,
|
|
602
|
-
(i =
|
|
602
|
+
(i = u(n)) == null ? void 0 : i.size,
|
|
603
603
|
"md"
|
|
604
604
|
);
|
|
605
605
|
}
|
|
606
606
|
), e = b(
|
|
607
607
|
() => {
|
|
608
|
-
var
|
|
609
|
-
return o((
|
|
608
|
+
var l;
|
|
609
|
+
return o((l = u(t)) == null ? void 0 : l.form, d.form);
|
|
610
610
|
}
|
|
611
611
|
), r = b(
|
|
612
612
|
() => {
|
|
613
|
-
var
|
|
614
|
-
return o((
|
|
613
|
+
var l;
|
|
614
|
+
return o((l = u(t)) == null ? void 0 : l.name, d.name);
|
|
615
615
|
}
|
|
616
|
-
),
|
|
616
|
+
), c = b(
|
|
617
617
|
() => {
|
|
618
|
-
var
|
|
619
|
-
return o((
|
|
618
|
+
var l;
|
|
619
|
+
return o((l = u(t)) == null ? void 0 : l.variant, d.variant);
|
|
620
620
|
}
|
|
621
|
-
),
|
|
621
|
+
), a = b(
|
|
622
622
|
() => {
|
|
623
|
-
var
|
|
623
|
+
var l, i, p;
|
|
624
624
|
return o(
|
|
625
|
-
(
|
|
626
|
-
(i =
|
|
627
|
-
(p =
|
|
625
|
+
(l = u(n)) == null ? void 0 : l.disabled,
|
|
626
|
+
(i = u(n)) == null ? void 0 : i.readonly,
|
|
627
|
+
(p = u(t)) == null ? void 0 : p.disabled,
|
|
628
628
|
d.disabled
|
|
629
629
|
);
|
|
630
630
|
}
|
|
@@ -633,68 +633,68 @@ function ds(d) {
|
|
|
633
633
|
checkboxSize: s,
|
|
634
634
|
checkboxForm: e,
|
|
635
635
|
checkboxName: r,
|
|
636
|
-
checkboxVariant:
|
|
637
|
-
checkboxDisabled:
|
|
636
|
+
checkboxVariant: c,
|
|
637
|
+
checkboxDisabled: a,
|
|
638
638
|
groupContext: t
|
|
639
639
|
};
|
|
640
640
|
}
|
|
641
641
|
function fs(d) {
|
|
642
642
|
const { getOption: o } = we(), n = fe(Ce, void 0), t = fe(Fe, void 0), s = b(
|
|
643
643
|
() => {
|
|
644
|
-
var
|
|
645
|
-
return o(d.size, (
|
|
644
|
+
var a;
|
|
645
|
+
return o(d.size, (a = u(n)) == null ? void 0 : a.size, "md");
|
|
646
646
|
}
|
|
647
647
|
), e = b(
|
|
648
648
|
() => {
|
|
649
|
-
var
|
|
650
|
-
return o(d.round, (
|
|
649
|
+
var a;
|
|
650
|
+
return o(d.round, (a = u(n)) == null ? void 0 : a.round);
|
|
651
651
|
}
|
|
652
652
|
), r = b(
|
|
653
653
|
() => {
|
|
654
|
-
var
|
|
655
|
-
return o((
|
|
654
|
+
var a;
|
|
655
|
+
return o((a = u(n)) == null ? void 0 : a.disabled, d.disabled);
|
|
656
656
|
}
|
|
657
|
-
),
|
|
657
|
+
), c = b(
|
|
658
658
|
() => {
|
|
659
|
-
var
|
|
660
|
-
return o((
|
|
659
|
+
var a;
|
|
660
|
+
return o((a = u(n)) == null ? void 0 : a.readonly, d.readonly);
|
|
661
661
|
}
|
|
662
662
|
);
|
|
663
|
-
return { inputSize: s, inputRound: e, inputDisabled: r, inputReadonly:
|
|
663
|
+
return { inputSize: s, inputRound: e, inputDisabled: r, inputReadonly: c, id: t };
|
|
664
664
|
}
|
|
665
665
|
function ps(d) {
|
|
666
666
|
const { getOption: o } = we(), n = fe(Ce, void 0), t = fe(dt, void 0), s = b(
|
|
667
667
|
() => {
|
|
668
|
-
var
|
|
668
|
+
var l, i;
|
|
669
669
|
return o(
|
|
670
|
-
(
|
|
670
|
+
(l = u(t)) == null ? void 0 : l.size,
|
|
671
671
|
d.size,
|
|
672
|
-
(i =
|
|
672
|
+
(i = u(n)) == null ? void 0 : i.size,
|
|
673
673
|
"md"
|
|
674
674
|
);
|
|
675
675
|
}
|
|
676
676
|
), e = b(
|
|
677
677
|
() => {
|
|
678
|
-
var
|
|
679
|
-
return o((
|
|
678
|
+
var l;
|
|
679
|
+
return o((l = u(t)) == null ? void 0 : l.form, d.form);
|
|
680
680
|
}
|
|
681
681
|
), r = b(
|
|
682
682
|
() => {
|
|
683
|
-
var
|
|
684
|
-
return o((
|
|
683
|
+
var l;
|
|
684
|
+
return o((l = u(t)) == null ? void 0 : l.name, d.name);
|
|
685
685
|
}
|
|
686
|
-
),
|
|
686
|
+
), c = b(
|
|
687
687
|
() => {
|
|
688
|
-
var
|
|
689
|
-
return o((
|
|
688
|
+
var l;
|
|
689
|
+
return o((l = u(t)) == null ? void 0 : l.variant, d.variant);
|
|
690
690
|
}
|
|
691
|
-
),
|
|
691
|
+
), a = b(
|
|
692
692
|
() => {
|
|
693
|
-
var
|
|
693
|
+
var l, i, p;
|
|
694
694
|
return o(
|
|
695
|
-
(
|
|
696
|
-
(i =
|
|
697
|
-
(p =
|
|
695
|
+
(l = u(n)) == null ? void 0 : l.disabled,
|
|
696
|
+
(i = u(n)) == null ? void 0 : i.readonly,
|
|
697
|
+
(p = u(t)) == null ? void 0 : p.disabled,
|
|
698
698
|
d.disabled
|
|
699
699
|
);
|
|
700
700
|
}
|
|
@@ -703,8 +703,8 @@ function ps(d) {
|
|
|
703
703
|
radioSize: s,
|
|
704
704
|
radioForm: e,
|
|
705
705
|
radioName: r,
|
|
706
|
-
radioVariant:
|
|
707
|
-
radioDisabled:
|
|
706
|
+
radioVariant: c,
|
|
707
|
+
radioDisabled: a,
|
|
708
708
|
groupContext: t
|
|
709
709
|
};
|
|
710
710
|
}
|
|
@@ -714,7 +714,7 @@ function vs(d) {
|
|
|
714
714
|
segmentedDisabled: b(
|
|
715
715
|
() => {
|
|
716
716
|
var s;
|
|
717
|
-
return o((s =
|
|
717
|
+
return o((s = u(n)) == null ? void 0 : s.disabled, d.disabled);
|
|
718
718
|
}
|
|
719
719
|
),
|
|
720
720
|
parentContext: n
|
|
@@ -724,14 +724,14 @@ function ms(d) {
|
|
|
724
724
|
const { getOption: o } = we(), n = fe(Ce, void 0), t = fe(Fe, void 0), s = b(
|
|
725
725
|
() => {
|
|
726
726
|
var r;
|
|
727
|
-
return o(d.size, (r =
|
|
727
|
+
return o(d.size, (r = u(n)) == null ? void 0 : r.size, "md");
|
|
728
728
|
}
|
|
729
729
|
), e = b(
|
|
730
730
|
() => {
|
|
731
|
-
var r,
|
|
731
|
+
var r, c;
|
|
732
732
|
return o(
|
|
733
|
-
(r =
|
|
734
|
-
(
|
|
733
|
+
(r = u(n)) == null ? void 0 : r.disabled,
|
|
734
|
+
(c = u(n)) == null ? void 0 : c.readonly,
|
|
735
735
|
d.disabled
|
|
736
736
|
);
|
|
737
737
|
}
|
|
@@ -755,19 +755,19 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
755
755
|
},
|
|
756
756
|
emits: ["click"],
|
|
757
757
|
setup(d, { emit: o }) {
|
|
758
|
-
const n = o, t = d, { btnTextType: s, btnSize: e, btnType: r, btnRound:
|
|
759
|
-
const g = [], h =
|
|
758
|
+
const n = o, t = d, { btnTextType: s, btnSize: e, btnType: r, btnRound: c, btnDisabled: a } = cs(t), l = b(() => {
|
|
759
|
+
const g = [], h = u(e), f = u(r), w = u(c), B = u(s);
|
|
760
760
|
return h !== "md" && g.push(`sq-button--${h}`), f && g.push(`is-${f}`), w && g.push("is-round"), B && g.push("is-text"), B && t.bg && g.push("has-bg"), g;
|
|
761
|
-
}), i = b(() => t.loading ? Re : t.icon), p = b(() => t.loading ||
|
|
761
|
+
}), i = b(() => t.loading ? Re : t.icon), p = b(() => t.loading || u(a));
|
|
762
762
|
return (g, h) => (m(), $("button", {
|
|
763
|
-
class: U(["sq-button",
|
|
763
|
+
class: U(["sq-button", l.value]),
|
|
764
764
|
disabled: p.value,
|
|
765
765
|
form: t.form,
|
|
766
766
|
type: t.nativeType,
|
|
767
767
|
onClick: h[0] || (h[0] = (f) => n("click", f))
|
|
768
768
|
}, [
|
|
769
|
-
S(
|
|
770
|
-
size:
|
|
769
|
+
S(u(be), {
|
|
770
|
+
size: u(e) === "lg" ? "md" : u(e)
|
|
771
771
|
}, {
|
|
772
772
|
default: E(() => [
|
|
773
773
|
i.value ? (m(), C(ie(i.value), { key: 0 })) : L("", !0),
|
|
@@ -816,7 +816,7 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
816
816
|
setup(d) {
|
|
817
817
|
const o = Be(), n = d;
|
|
818
818
|
return (t, s) => (m(), $("section", xs, [
|
|
819
|
-
n.title ||
|
|
819
|
+
n.title || u(o).title ? (m(), $("div", _s, [
|
|
820
820
|
I("h2", {
|
|
821
821
|
class: U({ "has-decorative": n.decorative }),
|
|
822
822
|
textContent: K(n.title)
|
|
@@ -824,7 +824,7 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
824
824
|
N(t.$slots, "title")
|
|
825
825
|
])) : L("", !0),
|
|
826
826
|
N(t.$slots, "default"),
|
|
827
|
-
|
|
827
|
+
u(o).footer ? (m(), $("div", ks, [
|
|
828
828
|
N(t.$slots, "footer")
|
|
829
829
|
])) : L("", !0)
|
|
830
830
|
]));
|
|
@@ -852,20 +852,20 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
852
852
|
checkboxSize: s,
|
|
853
853
|
checkboxDisabled: e,
|
|
854
854
|
checkboxForm: r,
|
|
855
|
-
checkboxName:
|
|
856
|
-
checkboxVariant:
|
|
857
|
-
groupContext:
|
|
855
|
+
checkboxName: c,
|
|
856
|
+
checkboxVariant: a,
|
|
857
|
+
groupContext: l
|
|
858
858
|
} = ds(t), i = le(d, "checked"), p = b(() => {
|
|
859
|
-
const h = [], f =
|
|
859
|
+
const h = [], f = u(s), w = u(e), B = u(a);
|
|
860
860
|
return f !== "md" && h.push(`sq-selection--${f}`), g.value && h.push("is-checked"), w && h.push("is-disabled"), B && h.push(`is-${B}`), h;
|
|
861
|
-
}), g = b(() =>
|
|
861
|
+
}), g = b(() => l ? u(l).list.includes(t.value) : i.value);
|
|
862
862
|
return re(g, (h) => {
|
|
863
863
|
if (i.value !== h) {
|
|
864
864
|
i.value = h;
|
|
865
865
|
return;
|
|
866
866
|
}
|
|
867
867
|
}), re(i, (h) => {
|
|
868
|
-
g.value !== h &&
|
|
868
|
+
g.value !== h && l && l.value.toggleItem(t.value);
|
|
869
869
|
}), ue(() => {
|
|
870
870
|
i.value = g.value;
|
|
871
871
|
}), (h, f) => (m(), $("label", {
|
|
@@ -874,20 +874,20 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
874
874
|
ae(I("input", {
|
|
875
875
|
type: "checkbox",
|
|
876
876
|
autofocus: t.autofocus,
|
|
877
|
-
name: c
|
|
878
|
-
form:
|
|
877
|
+
name: u(c),
|
|
878
|
+
form: u(r),
|
|
879
879
|
value: t.value,
|
|
880
|
-
disabled:
|
|
880
|
+
disabled: u(e),
|
|
881
881
|
"onUpdate:modelValue": f[0] || (f[0] = (w) => i.value = w),
|
|
882
882
|
onChange: f[1] || (f[1] = (w) => n("change", i.value))
|
|
883
883
|
}, null, 40, qs), [
|
|
884
884
|
[Ke, i.value]
|
|
885
885
|
]),
|
|
886
|
-
|
|
886
|
+
u(a) !== "solid" ? (m(), $("span", {
|
|
887
887
|
key: 0,
|
|
888
888
|
class: U(["sq-checkbox-box", { "is-indeterminate": t.indeterminate && !g.value }])
|
|
889
889
|
}, [
|
|
890
|
-
g.value ? (m(), C(
|
|
890
|
+
g.value ? (m(), C(u($t), {
|
|
891
891
|
key: 0,
|
|
892
892
|
class: "sq-checkbox-inner"
|
|
893
893
|
})) : L("", !0)
|
|
@@ -923,21 +923,21 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
923
923
|
size: se(s, "size"),
|
|
924
924
|
variant: se(s, "variant"),
|
|
925
925
|
list: e,
|
|
926
|
-
toggleItem:
|
|
926
|
+
toggleItem: c
|
|
927
927
|
})
|
|
928
928
|
), re(
|
|
929
929
|
() => s.value,
|
|
930
|
-
(
|
|
931
|
-
const
|
|
932
|
-
i.length ===
|
|
930
|
+
(a) => {
|
|
931
|
+
const l = a || [], i = [.../* @__PURE__ */ new Set([...l, e.value])];
|
|
932
|
+
i.length === l.length && i.length === e.value.length || (e.value = l);
|
|
933
933
|
}
|
|
934
934
|
);
|
|
935
|
-
function
|
|
936
|
-
e.value.includes(
|
|
935
|
+
function c(a) {
|
|
936
|
+
e.value.includes(a) ? e.value = e.value.filter((l) => l !== a) : e.value.push(a), t("change", _e(e.value)), t("update:value", _e(e.value));
|
|
937
937
|
}
|
|
938
|
-
return (
|
|
939
|
-
N(
|
|
940
|
-
(m(!0), $(ne, null, de(s.items, (i, p) => (m(), C(
|
|
938
|
+
return (a, l) => (m(), $("div", Bs, [
|
|
939
|
+
N(a.$slots, "default", {}, () => [
|
|
940
|
+
(m(!0), $(ne, null, de(s.items, (i, p) => (m(), C(u(lt), {
|
|
941
941
|
key: p,
|
|
942
942
|
label: i.toString(),
|
|
943
943
|
value: i
|
|
@@ -961,10 +961,10 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
961
961
|
setup(d, { emit: o }) {
|
|
962
962
|
const { nextZIndex: n } = Ne(), t = Ae();
|
|
963
963
|
let s;
|
|
964
|
-
const e = o, r = d,
|
|
965
|
-
|
|
964
|
+
const e = o, r = d, c = z(0), a = z(!1), l = le(d, "visible");
|
|
965
|
+
a.value = l.value, re(l, (h) => {
|
|
966
966
|
const f = document.scrollingElement;
|
|
967
|
-
h ? (s = f.style.overflow, f.style.overflow = "hidden",
|
|
967
|
+
h ? (s = f.style.overflow, f.style.overflow = "hidden", c.value = n(), a.value = !0, document.addEventListener("keydown", i)) : (f.style.overflow = s, document.removeEventListener("keydown", i));
|
|
968
968
|
}), ge(() => {
|
|
969
969
|
document.removeEventListener("keydown", i);
|
|
970
970
|
});
|
|
@@ -976,14 +976,14 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
976
976
|
}
|
|
977
977
|
function g() {
|
|
978
978
|
if (typeof r.beforeClose != "function") {
|
|
979
|
-
|
|
979
|
+
l.value = !1;
|
|
980
980
|
return;
|
|
981
981
|
}
|
|
982
982
|
const h = r.beforeClose();
|
|
983
983
|
h instanceof Promise ? h.then((f) => {
|
|
984
|
-
f && (
|
|
984
|
+
f && (l.value = !1);
|
|
985
985
|
}).catch(() => {
|
|
986
|
-
}) : h && (
|
|
986
|
+
}) : h && (l.value = !1);
|
|
987
987
|
}
|
|
988
988
|
return (h, f) => (m(), C(Ge, { to: "body" }, [
|
|
989
989
|
S(he, {
|
|
@@ -994,14 +994,14 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
994
994
|
onAfterLeave: f[3] || (f[3] = (w) => e("closed"))
|
|
995
995
|
}, {
|
|
996
996
|
default: E(() => [
|
|
997
|
-
|
|
997
|
+
a.value ? ae((m(), $("div", pe({
|
|
998
998
|
key: 0,
|
|
999
999
|
class: "sq-mask",
|
|
1000
|
-
style: { zIndex:
|
|
1001
|
-
},
|
|
1000
|
+
style: { zIndex: c.value }
|
|
1001
|
+
}, u(t), { onClick: p }), [
|
|
1002
1002
|
N(h.$slots, "default")
|
|
1003
1003
|
], 16)), [
|
|
1004
|
-
[ve,
|
|
1004
|
+
[ve, l.value]
|
|
1005
1005
|
]) : L("", !0)
|
|
1006
1006
|
]),
|
|
1007
1007
|
_: 3
|
|
@@ -1037,22 +1037,22 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1037
1037
|
}),
|
|
1038
1038
|
emits: /* @__PURE__ */ Z(["open", "opened", "close", "closed"], ["update:visible"]),
|
|
1039
1039
|
setup(d, { emit: o }) {
|
|
1040
|
-
const n = Be(), t = Ae(), s = o, e = d, r = z(!1),
|
|
1040
|
+
const n = Be(), t = Ae(), s = o, e = d, r = z(!1), c = z(!1), a = le(d, "visible"), l = b(() => !!e.title || !!n.header), i = b(() => {
|
|
1041
1041
|
const P = [];
|
|
1042
|
-
return e.type && P.push(`is-${e.type}`),
|
|
1042
|
+
return e.type && P.push(`is-${e.type}`), l.value && P.push("has-header"), P.push(t.class), [P];
|
|
1043
1043
|
}), p = b(() => e.type ? Oe[e.type] : void 0), g = b(() => ({
|
|
1044
1044
|
type: e.type ?? "primary",
|
|
1045
|
-
loading: r.value &&
|
|
1046
|
-
disabled: r.value && !
|
|
1045
|
+
loading: r.value && c.value,
|
|
1046
|
+
disabled: r.value && !c.value,
|
|
1047
1047
|
...e.okButtonProps
|
|
1048
1048
|
})), h = b(() => ({
|
|
1049
1049
|
text: !0,
|
|
1050
1050
|
bg: !0,
|
|
1051
|
-
loading: r.value && !
|
|
1052
|
-
disabled: r.value &&
|
|
1051
|
+
loading: r.value && !c.value,
|
|
1052
|
+
disabled: r.value && c.value,
|
|
1053
1053
|
...e.cancelButtonProps
|
|
1054
1054
|
})), f = b(
|
|
1055
|
-
() => g.value.loading || h.value.loading || !
|
|
1055
|
+
() => g.value.loading || h.value.loading || !a.value
|
|
1056
1056
|
);
|
|
1057
1057
|
function w(P) {
|
|
1058
1058
|
if (f.value) return !1;
|
|
@@ -1064,14 +1064,14 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1064
1064
|
}
|
|
1065
1065
|
async function B() {
|
|
1066
1066
|
if (f.value) return !1;
|
|
1067
|
-
|
|
1067
|
+
c.value = !1, await w(e.beforeClose) && (a.value = !1);
|
|
1068
1068
|
}
|
|
1069
1069
|
async function D() {
|
|
1070
|
-
|
|
1070
|
+
c.value = !0, await w(e.onOk) && (a.value = !1);
|
|
1071
1071
|
}
|
|
1072
|
-
return (P, O) => (m(), C(
|
|
1073
|
-
visible:
|
|
1074
|
-
"onUpdate:visible": O[0] || (O[0] = (V) =>
|
|
1072
|
+
return (P, O) => (m(), C(u(rt), {
|
|
1073
|
+
visible: a.value,
|
|
1074
|
+
"onUpdate:visible": O[0] || (O[0] = (V) => a.value = V),
|
|
1075
1075
|
"before-close": () => w(e.beforeClose),
|
|
1076
1076
|
onOpen: O[1] || (O[1] = (V) => s("open")),
|
|
1077
1077
|
onOpened: O[2] || (O[2] = (V) => s("opened")),
|
|
@@ -1081,9 +1081,9 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1081
1081
|
default: E(() => [
|
|
1082
1082
|
I("div", {
|
|
1083
1083
|
class: U(["sq-dialog", i.value]),
|
|
1084
|
-
style: X(
|
|
1084
|
+
style: X(u(t).style)
|
|
1085
1085
|
}, [
|
|
1086
|
-
|
|
1086
|
+
l.value ? (m(), $("div", Ls, [
|
|
1087
1087
|
p.value ? (m(), C(ie(p.value), {
|
|
1088
1088
|
key: 0,
|
|
1089
1089
|
class: "sq-dialog-header-icon"
|
|
@@ -1094,7 +1094,7 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1094
1094
|
textContent: K(e.title)
|
|
1095
1095
|
}, null, 8, Is)
|
|
1096
1096
|
]),
|
|
1097
|
-
S(
|
|
1097
|
+
S(u(De), {
|
|
1098
1098
|
class: "sq-dialog-close",
|
|
1099
1099
|
onClick: B
|
|
1100
1100
|
})
|
|
@@ -1104,13 +1104,13 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1104
1104
|
]),
|
|
1105
1105
|
e.footer ? (m(), $("div", Es, [
|
|
1106
1106
|
N(P.$slots, "footer", {}, () => [
|
|
1107
|
-
S(
|
|
1107
|
+
S(u(j), pe(h.value, { onClick: B }), {
|
|
1108
1108
|
default: E(() => [
|
|
1109
1109
|
Se(K(e.cancelText), 1)
|
|
1110
1110
|
]),
|
|
1111
1111
|
_: 1
|
|
1112
1112
|
}, 16),
|
|
1113
|
-
S(
|
|
1113
|
+
S(u(j), pe(g.value, { onClick: D }), {
|
|
1114
1114
|
default: E(() => [
|
|
1115
1115
|
Se(K(e.okText), 1)
|
|
1116
1116
|
]),
|
|
@@ -1142,7 +1142,7 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1142
1142
|
class: U(["sq-divider", t.value]),
|
|
1143
1143
|
style: X({ "--divider-line-type": n.variant })
|
|
1144
1144
|
}, [
|
|
1145
|
-
|
|
1145
|
+
u(o).default && n.direction !== "vertical" ? (m(), C(u(be), {
|
|
1146
1146
|
key: 0,
|
|
1147
1147
|
ellipsis: n.ellipsis,
|
|
1148
1148
|
size: n.size
|
|
@@ -1169,26 +1169,26 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1169
1169
|
const t = n, s = d;
|
|
1170
1170
|
function e() {
|
|
1171
1171
|
if (s.disabled) return;
|
|
1172
|
-
const r = [...s.rows],
|
|
1172
|
+
const r = [...s.rows], c = r[s.selectedRow], a = c.substring(0, s.selectInfo.startOfRow), l = c.substring(s.selectInfo.endOfRow);
|
|
1173
1173
|
let i = s.selectedVal ?? "";
|
|
1174
1174
|
if (i.match(/\*\*\*.*?\*\*\*/)) {
|
|
1175
|
-
i = i.replaceAll("***", "*"), r[s.selectedRow] = `${
|
|
1175
|
+
i = i.replaceAll("***", "*"), r[s.selectedRow] = `${a}${i}${l}`, t("updateText", r, 0, -4);
|
|
1176
1176
|
return;
|
|
1177
1177
|
}
|
|
1178
1178
|
if (i.match(/\*\*.*?\*\*/)) {
|
|
1179
|
-
i = i.replaceAll("**", ""), r[s.selectedRow] = `${
|
|
1179
|
+
i = i.replaceAll("**", ""), r[s.selectedRow] = `${a}${i}${l}`, t("updateText", r, 0, -4);
|
|
1180
1180
|
return;
|
|
1181
1181
|
}
|
|
1182
|
-
i = `**${i}**`, r[s.selectedRow] = `${
|
|
1182
|
+
i = `**${i}**`, r[s.selectedRow] = `${a}${i}${l}`, t("updateText", r, 0, 4);
|
|
1183
1183
|
}
|
|
1184
|
-
return o({ setBold: e }), (r,
|
|
1184
|
+
return o({ setBold: e }), (r, c) => (m(), C(u(oe), {
|
|
1185
1185
|
tip: "加粗 ( Ctrl + B )",
|
|
1186
1186
|
disabled: s.disabled
|
|
1187
1187
|
}, {
|
|
1188
1188
|
default: E(() => [
|
|
1189
|
-
S(
|
|
1189
|
+
S(u(j), {
|
|
1190
1190
|
text: "",
|
|
1191
|
-
icon:
|
|
1191
|
+
icon: u(kt),
|
|
1192
1192
|
disabled: s.disabled,
|
|
1193
1193
|
onClick: e
|
|
1194
1194
|
}, null, 8, ["icon", "disabled"])
|
|
@@ -1211,34 +1211,34 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1211
1211
|
const t = n, s = d;
|
|
1212
1212
|
function e() {
|
|
1213
1213
|
if (s.disabled) return;
|
|
1214
|
-
const r = [...s.rows],
|
|
1214
|
+
const r = [...s.rows], c = r[s.selectedRow], a = c.substring(0, s.selectInfo.startOfRow), l = c.substring(s.selectInfo.endOfRow);
|
|
1215
1215
|
let i = s.selectedVal ?? "";
|
|
1216
1216
|
if (i.match(/\*\*\*.*?\*\*\*/)) {
|
|
1217
|
-
i = i.replaceAll("***", "**"), r[s.selectedRow] = `${
|
|
1217
|
+
i = i.replaceAll("***", "**"), r[s.selectedRow] = `${a}${i}${l}`, t("updateText", r, 0, -2);
|
|
1218
1218
|
return;
|
|
1219
1219
|
}
|
|
1220
1220
|
const g = i.match(/\*\*.*?\*\*/), f = ((g == null ? void 0 : g[0]) ?? "").replaceAll("**", "").match(/\*.*?\*/);
|
|
1221
1221
|
if (g && !f) {
|
|
1222
|
-
i = `*${i}*`, r[s.selectedRow] = `${
|
|
1222
|
+
i = `*${i}*`, r[s.selectedRow] = `${a}${i}${l}`, t("updateText", r, 0, 2);
|
|
1223
1223
|
return;
|
|
1224
1224
|
} else if (f) {
|
|
1225
|
-
i = i.replaceAll("**", "[B]").replaceAll("*", "").replaceAll("[B]", "**"), r[s.selectedRow] = `${
|
|
1225
|
+
i = i.replaceAll("**", "[B]").replaceAll("*", "").replaceAll("[B]", "**"), r[s.selectedRow] = `${a}${i}${l}`, t("updateText", r, 0, -2);
|
|
1226
1226
|
return;
|
|
1227
1227
|
}
|
|
1228
1228
|
if (i.match(/\*.*?\*/)) {
|
|
1229
|
-
i = i.replaceAll("*", ""), r[s.selectedRow] = `${
|
|
1229
|
+
i = i.replaceAll("*", ""), r[s.selectedRow] = `${a}${i}${l}`, t("updateText", r, 0, -2);
|
|
1230
1230
|
return;
|
|
1231
1231
|
}
|
|
1232
|
-
i = `*${i}*`, r[s.selectedRow] = `${
|
|
1232
|
+
i = `*${i}*`, r[s.selectedRow] = `${a}${i}${l}`, t("updateText", r, 0, 2);
|
|
1233
1233
|
}
|
|
1234
|
-
return o({ setItalic: e }), (r,
|
|
1234
|
+
return o({ setItalic: e }), (r, c) => (m(), C(u(oe), {
|
|
1235
1235
|
tip: "斜体 ( Ctrl + I )",
|
|
1236
1236
|
disabled: s.disabled
|
|
1237
1237
|
}, {
|
|
1238
1238
|
default: E(() => [
|
|
1239
|
-
S(
|
|
1239
|
+
S(u(j), {
|
|
1240
1240
|
text: "",
|
|
1241
|
-
icon:
|
|
1241
|
+
icon: u(wt),
|
|
1242
1242
|
disabled: s.disabled,
|
|
1243
1243
|
onClick: e
|
|
1244
1244
|
}, null, 8, ["icon", "disabled"])
|
|
@@ -1262,25 +1262,25 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1262
1262
|
function e() {
|
|
1263
1263
|
var f;
|
|
1264
1264
|
if (s.disabled) return;
|
|
1265
|
-
const r = [...s.rows],
|
|
1265
|
+
const r = [...s.rows], c = r[s.selectedRow], a = c.substring(0, s.selectInfo.startOfRow), l = c.substring(s.selectInfo.endOfRow), i = /<u\b.*?>/;
|
|
1266
1266
|
let p = s.selectedVal ?? "";
|
|
1267
1267
|
const g = ((f = p.match(i)) == null ? void 0 : f[0]) ?? "";
|
|
1268
1268
|
if (p.match(/<u\b.*?>.*?<\/u>/)) {
|
|
1269
1269
|
p = p.replace(g, "").replace("</u>", "");
|
|
1270
1270
|
const w = g.length + 4;
|
|
1271
|
-
r[s.selectedRow] = `${
|
|
1271
|
+
r[s.selectedRow] = `${a}${p}${l}`, t("updateText", r, 0, -w);
|
|
1272
1272
|
return;
|
|
1273
1273
|
}
|
|
1274
|
-
p = `<u>${p}</u>`, r[s.selectedRow] = `${
|
|
1274
|
+
p = `<u>${p}</u>`, r[s.selectedRow] = `${a}${p}${l}`, t("updateText", r, 0, 7);
|
|
1275
1275
|
}
|
|
1276
|
-
return o({ setUnderline: e }), (r,
|
|
1276
|
+
return o({ setUnderline: e }), (r, c) => (m(), C(u(oe), {
|
|
1277
1277
|
tip: "下划线 ( Ctrl + U )",
|
|
1278
1278
|
disabled: s.disabled
|
|
1279
1279
|
}, {
|
|
1280
1280
|
default: E(() => [
|
|
1281
|
-
S(
|
|
1281
|
+
S(u(j), {
|
|
1282
1282
|
text: "",
|
|
1283
|
-
icon:
|
|
1283
|
+
icon: u(qt),
|
|
1284
1284
|
disabled: s.disabled,
|
|
1285
1285
|
onClick: e
|
|
1286
1286
|
}, null, 8, ["icon", "disabled"])
|
|
@@ -1303,22 +1303,22 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1303
1303
|
const n = o, t = d;
|
|
1304
1304
|
function s() {
|
|
1305
1305
|
if (t.disabled) return;
|
|
1306
|
-
const e = [...t.rows], r = e[t.selectedRow],
|
|
1307
|
-
let
|
|
1308
|
-
if (
|
|
1309
|
-
|
|
1306
|
+
const e = [...t.rows], r = e[t.selectedRow], c = r.substring(0, t.selectInfo.startOfRow), a = r.substring(t.selectInfo.endOfRow);
|
|
1307
|
+
let l = t.selectedVal ?? "";
|
|
1308
|
+
if (l.match(/\~\~.*?\~\~/)) {
|
|
1309
|
+
l = l.replaceAll("~~", ""), e[t.selectedRow] = `${c}${l}${a}`, n("updateText", e, 0, -4);
|
|
1310
1310
|
return;
|
|
1311
1311
|
}
|
|
1312
|
-
|
|
1312
|
+
l = `~~${l}~~`, e[t.selectedRow] = `${c}${l}${a}`, n("updateText", e, 0, 4);
|
|
1313
1313
|
}
|
|
1314
|
-
return (e, r) => (m(), C(
|
|
1314
|
+
return (e, r) => (m(), C(u(oe), {
|
|
1315
1315
|
tip: "删除线",
|
|
1316
1316
|
disabled: t.disabled
|
|
1317
1317
|
}, {
|
|
1318
1318
|
default: E(() => [
|
|
1319
|
-
S(
|
|
1319
|
+
S(u(j), {
|
|
1320
1320
|
text: "",
|
|
1321
|
-
icon:
|
|
1321
|
+
icon: u(Ct),
|
|
1322
1322
|
disabled: t.disabled,
|
|
1323
1323
|
onClick: s
|
|
1324
1324
|
}, null, 8, ["icon", "disabled"])
|
|
@@ -1342,25 +1342,25 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1342
1342
|
function s() {
|
|
1343
1343
|
var h;
|
|
1344
1344
|
if (t.disabled) return;
|
|
1345
|
-
const e = [...t.rows], r = e[t.selectedRow],
|
|
1345
|
+
const e = [...t.rows], r = e[t.selectedRow], c = r.substring(0, t.selectInfo.startOfRow), a = r.substring(t.selectInfo.endOfRow), l = /<blur\b.*?>/;
|
|
1346
1346
|
let i = t.selectedVal ?? "";
|
|
1347
|
-
const p = ((h = i.match(
|
|
1347
|
+
const p = ((h = i.match(l)) == null ? void 0 : h[0]) ?? "";
|
|
1348
1348
|
if (i.match(/<blur\b.*?>.*?<\/blur>/)) {
|
|
1349
1349
|
i = i.replace(p, "").replace("</blur>", "");
|
|
1350
1350
|
const f = p.length + 7;
|
|
1351
|
-
e[t.selectedRow] = `${
|
|
1351
|
+
e[t.selectedRow] = `${c}${i}${a}`, n("updateText", e, 0, -f);
|
|
1352
1352
|
return;
|
|
1353
1353
|
}
|
|
1354
|
-
i = `<blur>${i}</blur>`, e[t.selectedRow] = `${
|
|
1354
|
+
i = `<blur>${i}</blur>`, e[t.selectedRow] = `${c}${i}${a}`, n("updateText", e, 0, 13);
|
|
1355
1355
|
}
|
|
1356
|
-
return (e, r) => (m(), C(
|
|
1356
|
+
return (e, r) => (m(), C(u(oe), {
|
|
1357
1357
|
tip: "模糊块",
|
|
1358
1358
|
disabled: t.disabled
|
|
1359
1359
|
}, {
|
|
1360
1360
|
default: E(() => [
|
|
1361
|
-
S(
|
|
1361
|
+
S(u(j), {
|
|
1362
1362
|
text: "",
|
|
1363
|
-
icon:
|
|
1363
|
+
icon: u(tt),
|
|
1364
1364
|
disabled: t.disabled,
|
|
1365
1365
|
onClick: s
|
|
1366
1366
|
}, null, 8, ["icon", "disabled"])
|
|
@@ -1382,35 +1382,35 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1382
1382
|
setup(d, { emit: o }) {
|
|
1383
1383
|
const n = o, t = d;
|
|
1384
1384
|
function s() {
|
|
1385
|
-
const
|
|
1385
|
+
const a = t.selectedRow, l = [...t.rows], i = l[a];
|
|
1386
1386
|
if (e(i)) {
|
|
1387
|
-
a
|
|
1387
|
+
l[a] = i.replace("- ", ""), n("updateText", l, -2, -2);
|
|
1388
1388
|
return;
|
|
1389
1389
|
}
|
|
1390
1390
|
if (r(i)) {
|
|
1391
|
-
const p =
|
|
1392
|
-
a
|
|
1391
|
+
const p = c(i), g = 2 - p.length;
|
|
1392
|
+
l[a] = i.replace(p, "- "), n("updateText", l, g, g);
|
|
1393
1393
|
return;
|
|
1394
1394
|
}
|
|
1395
|
-
a
|
|
1395
|
+
l[a] = `- ${i}`, n("updateText", l, 2, 2);
|
|
1396
1396
|
}
|
|
1397
|
-
function e(
|
|
1398
|
-
return
|
|
1397
|
+
function e(a) {
|
|
1398
|
+
return a.replace(" ", "").startsWith("- ");
|
|
1399
1399
|
}
|
|
1400
|
-
function r(
|
|
1401
|
-
return /^\d+\.\s+/.test(
|
|
1400
|
+
function r(a) {
|
|
1401
|
+
return /^\d+\.\s+/.test(a.replace(" ", ""));
|
|
1402
1402
|
}
|
|
1403
|
-
function
|
|
1404
|
-
return
|
|
1403
|
+
function c(a) {
|
|
1404
|
+
return a.replace(" ", "").match(/^\d+\.\s/)[0];
|
|
1405
1405
|
}
|
|
1406
|
-
return (
|
|
1406
|
+
return (a, l) => (m(), C(u(oe), {
|
|
1407
1407
|
tip: "无序列表",
|
|
1408
1408
|
disabled: t.disabled
|
|
1409
1409
|
}, {
|
|
1410
1410
|
default: E(() => [
|
|
1411
|
-
S(
|
|
1411
|
+
S(u(j), {
|
|
1412
1412
|
text: "",
|
|
1413
|
-
icon:
|
|
1413
|
+
icon: u(St),
|
|
1414
1414
|
disabled: t.disabled,
|
|
1415
1415
|
onClick: s
|
|
1416
1416
|
}, null, 8, ["icon", "disabled"])
|
|
@@ -1432,40 +1432,40 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1432
1432
|
setup(d, { emit: o }) {
|
|
1433
1433
|
const n = o, t = d;
|
|
1434
1434
|
function s() {
|
|
1435
|
-
const
|
|
1435
|
+
const a = t.selectedRow, l = [...t.rows], i = l[a], p = a > 0 ? l[a - 1] : "";
|
|
1436
1436
|
let g = 1;
|
|
1437
1437
|
if (e(i)) {
|
|
1438
|
-
p && r(p) && (g = parseInt(
|
|
1438
|
+
p && r(p) && (g = parseInt(c(p)) + 1);
|
|
1439
1439
|
const w = `${g}. `, B = w.length - 2;
|
|
1440
|
-
a
|
|
1440
|
+
l[a] = i.replace("- ", w), n("updateText", l, B, B);
|
|
1441
1441
|
return;
|
|
1442
1442
|
}
|
|
1443
1443
|
if (r(i)) {
|
|
1444
|
-
const w =
|
|
1445
|
-
a
|
|
1444
|
+
const w = c(i), B = -w.length;
|
|
1445
|
+
l[a] = i.replace(w, ""), n("updateText", l, B, B);
|
|
1446
1446
|
return;
|
|
1447
1447
|
}
|
|
1448
|
-
p && r(p) && (g = parseInt(
|
|
1448
|
+
p && r(p) && (g = parseInt(c(p)) + 1);
|
|
1449
1449
|
const h = `${g}. `, f = h.length;
|
|
1450
|
-
a
|
|
1450
|
+
l[a] = `${h}${i}`, n("updateText", l, f, f);
|
|
1451
1451
|
}
|
|
1452
|
-
function e(
|
|
1453
|
-
return
|
|
1452
|
+
function e(a) {
|
|
1453
|
+
return a.replace(" ", "").startsWith("- ");
|
|
1454
1454
|
}
|
|
1455
|
-
function r(
|
|
1456
|
-
return /^\d+\.\s+/.test(
|
|
1455
|
+
function r(a) {
|
|
1456
|
+
return /^\d+\.\s+/.test(a.replace(" ", ""));
|
|
1457
1457
|
}
|
|
1458
|
-
function
|
|
1459
|
-
return
|
|
1458
|
+
function c(a) {
|
|
1459
|
+
return a.replace(" ", "").match(/^\d+\.\s/)[0];
|
|
1460
1460
|
}
|
|
1461
|
-
return (
|
|
1461
|
+
return (a, l) => (m(), C(u(oe), {
|
|
1462
1462
|
tip: "有序列表",
|
|
1463
1463
|
disabled: t.disabled
|
|
1464
1464
|
}, {
|
|
1465
1465
|
default: E(() => [
|
|
1466
|
-
S(
|
|
1466
|
+
S(u(j), {
|
|
1467
1467
|
text: "",
|
|
1468
|
-
icon:
|
|
1468
|
+
icon: u(Bt),
|
|
1469
1469
|
disabled: t.disabled,
|
|
1470
1470
|
onClick: s
|
|
1471
1471
|
}, null, 8, ["icon", "disabled"])
|
|
@@ -1501,16 +1501,16 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1501
1501
|
}
|
|
1502
1502
|
];
|
|
1503
1503
|
let n;
|
|
1504
|
-
const t = d, s = z("edit"), e = z([]), r = z(!1),
|
|
1504
|
+
const t = d, s = z("edit"), e = z([]), r = z(!1), c = z(""), a = z(), l = z({}), i = ce(null), p = ce(null), g = ce(null), h = ce(
|
|
1505
1505
|
null
|
|
1506
1506
|
), f = le(d, "value"), w = b(() => {
|
|
1507
1507
|
const y = [];
|
|
1508
1508
|
return t.size !== "md" && y.push(`sq-editor--${t.size}`), t.round && y.push("is-round"), y;
|
|
1509
1509
|
}), B = b(
|
|
1510
|
-
() =>
|
|
1511
|
-
`) &&
|
|
1510
|
+
() => c.value.length && !c.value.includes(`
|
|
1511
|
+
`) && c.value !== " " && !t.disabled
|
|
1512
1512
|
), D = b(
|
|
1513
|
-
() =>
|
|
1513
|
+
() => a.value !== void 0 && !c.value.length && !t.disabled
|
|
1514
1514
|
), P = b(
|
|
1515
1515
|
() => typeof t.beforePreview == "function" ? t.beforePreview(f.value) : f.value
|
|
1516
1516
|
);
|
|
@@ -1527,11 +1527,11 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1527
1527
|
}
|
|
1528
1528
|
function V(y) {
|
|
1529
1529
|
var Q, G, A;
|
|
1530
|
-
const x = e.value[
|
|
1530
|
+
const x = e.value[a.value], T = (x == null ? void 0 : x.replace(" ", "")) ?? "";
|
|
1531
1531
|
if (y.key === "Tab") {
|
|
1532
1532
|
y.preventDefault();
|
|
1533
|
-
const F = x.substring(0,
|
|
1534
|
-
e.value[
|
|
1533
|
+
const F = x.substring(0, l.value.startOfRow), q = x.substring(l.value.endOfRow);
|
|
1534
|
+
e.value[a.value] = `${F} ${q}`, v(e.value, 1, 1);
|
|
1535
1535
|
return;
|
|
1536
1536
|
}
|
|
1537
1537
|
if (y.ctrlKey)
|
|
@@ -1552,12 +1552,12 @@ const hs = ["disabled", "form", "type"], gs = "sq-button", j = /* @__PURE__ */ R
|
|
|
1552
1552
|
const F = x.substring(0, x.indexOf("- "));
|
|
1553
1553
|
if (T !== "- ") {
|
|
1554
1554
|
const M = 3 + F.length;
|
|
1555
|
-
e.value[
|
|
1555
|
+
e.value[a.value] = `${x}
|
|
1556
1556
|
${F}- `, ee(y.target), v(e.value, M, M);
|
|
1557
1557
|
return;
|
|
1558
1558
|
}
|
|
1559
1559
|
const q = 2 + F.length;
|
|
1560
|
-
e.value[
|
|
1560
|
+
e.value[a.value] = x.substring(q), v(e.value, -q, -q);
|
|
1561
1561
|
return;
|
|
1562
1562
|
}
|
|
1563
1563
|
if (_(x)) {
|
|
@@ -1565,12 +1565,12 @@ ${F}- `, ee(y.target), v(e.value, M, M);
|
|
|
1565
1565
|
const F = T.match(/^\d+\.\s/)[0], M = `${parseInt(F) + 1}. `, W = x.substring(0, x.indexOf(F));
|
|
1566
1566
|
if (T !== F) {
|
|
1567
1567
|
const ye = M.length + W.length + 1;
|
|
1568
|
-
e.value[
|
|
1568
|
+
e.value[a.value] = `${x}
|
|
1569
1569
|
${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
1570
1570
|
return;
|
|
1571
1571
|
}
|
|
1572
1572
|
const te = F.length + W.length;
|
|
1573
|
-
e.value[
|
|
1573
|
+
e.value[a.value] = x.substring(te), v(e.value, -te, -te);
|
|
1574
1574
|
return;
|
|
1575
1575
|
}
|
|
1576
1576
|
}
|
|
@@ -1578,13 +1578,13 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1578
1578
|
function Y(y) {
|
|
1579
1579
|
var T;
|
|
1580
1580
|
const x = window.getSelection();
|
|
1581
|
-
(x == null ? void 0 : x.focusNode) === ((T = i.value) == null ? void 0 : T.$el) && (n = y.target, !((n == null ? void 0 : n.selectionStart) === void 0 || (n == null ? void 0 : n.selectionEnd) === void 0) && (
|
|
1582
|
-
|
|
1583
|
-
|
|
1581
|
+
(x == null ? void 0 : x.focusNode) === ((T = i.value) == null ? void 0 : T.$el) && (n = y.target, !((n == null ? void 0 : n.selectionStart) === void 0 || (n == null ? void 0 : n.selectionEnd) === void 0) && (l.value.start = (n == null ? void 0 : n.selectionStart) ?? 0, l.value.end = (n == null ? void 0 : n.selectionEnd) ?? 0, c.value = f.value.substring(
|
|
1582
|
+
l.value.start,
|
|
1583
|
+
l.value.end
|
|
1584
1584
|
), J()));
|
|
1585
1585
|
}
|
|
1586
1586
|
function H() {
|
|
1587
|
-
|
|
1587
|
+
c.value = "", a.value = void 0;
|
|
1588
1588
|
}
|
|
1589
1589
|
function ee(y) {
|
|
1590
1590
|
const x = y.selectionStart, Q = f.value.substring(0, x ?? 0).split(`
|
|
@@ -1595,11 +1595,11 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1595
1595
|
}
|
|
1596
1596
|
function J() {
|
|
1597
1597
|
const y = n.selectionStart, x = f.value.substring(0, y ?? 0);
|
|
1598
|
-
|
|
1598
|
+
a.value = x.split(`
|
|
1599
1599
|
`).length - 1;
|
|
1600
1600
|
const T = Math.max(x.lastIndexOf(`
|
|
1601
1601
|
`) + 1, 0);
|
|
1602
|
-
|
|
1602
|
+
l.value.startOfRow = l.value.start - T, l.value.endOfRow = l.value.startOfRow + c.value.length, e.value = f.value.split(`
|
|
1603
1603
|
`);
|
|
1604
1604
|
}
|
|
1605
1605
|
function k(y) {
|
|
@@ -1610,8 +1610,8 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1610
1610
|
}
|
|
1611
1611
|
function v(y, x = 0, T = 0) {
|
|
1612
1612
|
r.value || (e.value = [...y], f.value = e.value.join(`
|
|
1613
|
-
`),
|
|
1614
|
-
n == null || n.setSelectionRange(
|
|
1613
|
+
`), l.value.start += x, l.value.end += T, l.value.startOfRow += x, l.value.endOfRow += T, n == null || n.focus(), r.value = !0, ze(() => {
|
|
1614
|
+
n == null || n.setSelectionRange(l.value.start, l.value.end), setTimeout(() => {
|
|
1615
1615
|
r.value = !1;
|
|
1616
1616
|
}, 100);
|
|
1617
1617
|
}));
|
|
@@ -1628,9 +1628,9 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1628
1628
|
ref: p,
|
|
1629
1629
|
disabled: !B.value,
|
|
1630
1630
|
rows: e.value,
|
|
1631
|
-
"selected-val":
|
|
1632
|
-
"selected-row":
|
|
1633
|
-
"select-info":
|
|
1631
|
+
"selected-val": c.value,
|
|
1632
|
+
"selected-row": a.value,
|
|
1633
|
+
"select-info": l.value,
|
|
1634
1634
|
onUpdateText: v
|
|
1635
1635
|
}, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
|
|
1636
1636
|
S(Fs, {
|
|
@@ -1638,9 +1638,9 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1638
1638
|
ref: g,
|
|
1639
1639
|
disabled: !B.value,
|
|
1640
1640
|
rows: e.value,
|
|
1641
|
-
"selected-val":
|
|
1642
|
-
"selected-row":
|
|
1643
|
-
"select-info":
|
|
1641
|
+
"selected-val": c.value,
|
|
1642
|
+
"selected-row": a.value,
|
|
1643
|
+
"select-info": l.value,
|
|
1644
1644
|
onUpdateText: v
|
|
1645
1645
|
}, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
|
|
1646
1646
|
S(Vs, {
|
|
@@ -1648,47 +1648,47 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1648
1648
|
ref: h,
|
|
1649
1649
|
disabled: !B.value,
|
|
1650
1650
|
rows: e.value,
|
|
1651
|
-
"selected-val":
|
|
1652
|
-
"selected-row":
|
|
1653
|
-
"select-info":
|
|
1651
|
+
"selected-val": c.value,
|
|
1652
|
+
"selected-row": a.value,
|
|
1653
|
+
"select-info": l.value,
|
|
1654
1654
|
onUpdateText: v
|
|
1655
1655
|
}, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
|
|
1656
1656
|
S(Ws, {
|
|
1657
1657
|
disabled: !B.value,
|
|
1658
1658
|
rows: e.value,
|
|
1659
|
-
"selected-val":
|
|
1660
|
-
"selected-row":
|
|
1661
|
-
"select-info":
|
|
1659
|
+
"selected-val": c.value,
|
|
1660
|
+
"selected-row": a.value,
|
|
1661
|
+
"select-info": l.value,
|
|
1662
1662
|
onUpdateText: v
|
|
1663
1663
|
}, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
|
|
1664
1664
|
S(Xs, {
|
|
1665
1665
|
disabled: !B.value,
|
|
1666
1666
|
rows: e.value,
|
|
1667
|
-
"selected-val":
|
|
1668
|
-
"selected-row":
|
|
1669
|
-
"select-info":
|
|
1667
|
+
"selected-val": c.value,
|
|
1668
|
+
"selected-row": a.value,
|
|
1669
|
+
"select-info": l.value,
|
|
1670
1670
|
onUpdateText: v
|
|
1671
1671
|
}, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
|
|
1672
|
-
S(
|
|
1672
|
+
S(u($e), { direction: "vertical" }),
|
|
1673
1673
|
S(Ks, {
|
|
1674
1674
|
disabled: !D.value,
|
|
1675
1675
|
rows: e.value,
|
|
1676
|
-
"selected-val":
|
|
1677
|
-
"selected-row":
|
|
1678
|
-
"select-info":
|
|
1676
|
+
"selected-val": c.value,
|
|
1677
|
+
"selected-row": a.value,
|
|
1678
|
+
"select-info": l.value,
|
|
1679
1679
|
onUpdateText: v
|
|
1680
1680
|
}, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
|
|
1681
1681
|
S(Zs, {
|
|
1682
1682
|
disabled: !D.value,
|
|
1683
1683
|
rows: e.value,
|
|
1684
|
-
"selected-val":
|
|
1685
|
-
"selected-row":
|
|
1686
|
-
"select-info":
|
|
1684
|
+
"selected-val": c.value,
|
|
1685
|
+
"selected-row": a.value,
|
|
1686
|
+
"select-info": l.value,
|
|
1687
1687
|
onUpdateText: v
|
|
1688
1688
|
}, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"])
|
|
1689
1689
|
]),
|
|
1690
|
-
S(
|
|
1691
|
-
S(
|
|
1690
|
+
S(u($e)),
|
|
1691
|
+
S(u(ut), {
|
|
1692
1692
|
ref_key: "inputRef",
|
|
1693
1693
|
ref: i,
|
|
1694
1694
|
type: "textarea",
|
|
@@ -1706,12 +1706,12 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1706
1706
|
], 512), [
|
|
1707
1707
|
[ve, s.value === "edit"]
|
|
1708
1708
|
]),
|
|
1709
|
-
s.value === "preview" ? (m(), C(
|
|
1709
|
+
s.value === "preview" ? (m(), C(u(es), {
|
|
1710
1710
|
key: 0,
|
|
1711
1711
|
text: P.value
|
|
1712
1712
|
}, null, 8, ["text"])) : L("", !0),
|
|
1713
1713
|
I("div", en, [
|
|
1714
|
-
S(
|
|
1714
|
+
S(u(fo), {
|
|
1715
1715
|
size: t.size,
|
|
1716
1716
|
round: t.round,
|
|
1717
1717
|
disabled: t.disabled,
|
|
@@ -1739,21 +1739,21 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1739
1739
|
const { nextId: o } = Te(), n = d, t = z(""), s = z("");
|
|
1740
1740
|
ke(Fe, t);
|
|
1741
1741
|
const e = b(() => {
|
|
1742
|
-
const
|
|
1743
|
-
return n.isRequired &&
|
|
1742
|
+
const a = [];
|
|
1743
|
+
return n.isRequired && a.push("is-required"), a;
|
|
1744
1744
|
}), r = b(() => ["input", "switch"].includes(n.type));
|
|
1745
1745
|
re(
|
|
1746
1746
|
() => n.errorMsg,
|
|
1747
|
-
(
|
|
1748
|
-
|
|
1747
|
+
(a) => {
|
|
1748
|
+
a && (s.value = a);
|
|
1749
1749
|
}
|
|
1750
1750
|
), ue(() => {
|
|
1751
1751
|
r.value && (t.value = `sq-form-item-${o()}`);
|
|
1752
1752
|
});
|
|
1753
|
-
function
|
|
1753
|
+
function c() {
|
|
1754
1754
|
s.value = "";
|
|
1755
1755
|
}
|
|
1756
|
-
return (
|
|
1756
|
+
return (a, l) => (m(), $("div", {
|
|
1757
1757
|
class: "sq-form-item",
|
|
1758
1758
|
style: X({ "--form-label-width": n.labelWidth })
|
|
1759
1759
|
}, [
|
|
@@ -1764,11 +1764,11 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1764
1764
|
for: n.type !== "custom" ? t.value : void 0
|
|
1765
1765
|
}, null, 10, sn)) : L("", !0),
|
|
1766
1766
|
I("div", nn, [
|
|
1767
|
-
N(
|
|
1767
|
+
N(a.$slots, "default"),
|
|
1768
1768
|
S(he, {
|
|
1769
1769
|
appear: "",
|
|
1770
1770
|
name: "sq-zoom-top",
|
|
1771
|
-
onAfterLeave:
|
|
1771
|
+
onAfterLeave: c
|
|
1772
1772
|
}, {
|
|
1773
1773
|
default: E(() => [
|
|
1774
1774
|
ae(I("span", {
|
|
@@ -1814,7 +1814,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1814
1814
|
readonly: se(e, "readonly")
|
|
1815
1815
|
})
|
|
1816
1816
|
);
|
|
1817
|
-
const r = z({}),
|
|
1817
|
+
const r = z({}), c = z([]), a = z({}), l = b(() => {
|
|
1818
1818
|
const k = [];
|
|
1819
1819
|
return e.size !== "md" && k.push(`sq-form--${e.size}`), e.requiredMark !== "hidden" && k.push(`required-${e.requiredMark}`), k.push(`is-${e.layout}`), k;
|
|
1820
1820
|
}), i = b(() => ({
|
|
@@ -1831,8 +1831,8 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1831
1831
|
return (_ = k.rule) == null ? void 0 : _.required;
|
|
1832
1832
|
}
|
|
1833
1833
|
function h(k) {
|
|
1834
|
-
if (
|
|
1835
|
-
if (
|
|
1834
|
+
if (a.value[k]) return Re;
|
|
1835
|
+
if (c.value.includes(k)) return et;
|
|
1836
1836
|
if (r.value[k])
|
|
1837
1837
|
return e.invalidStatus === "error" ? Qe : Je;
|
|
1838
1838
|
}
|
|
@@ -1843,19 +1843,19 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1843
1843
|
if (T === "array" && !x.includes(_)) return;
|
|
1844
1844
|
if (T === "string" && x !== _) return;
|
|
1845
1845
|
}
|
|
1846
|
-
|
|
1846
|
+
c.value = c.value.filter((F) => F !== k), H(k), a.value[k] = new AbortController(), await ze();
|
|
1847
1847
|
const Q = e.formData[k];
|
|
1848
1848
|
let G = !1;
|
|
1849
1849
|
const A = v.validateType ?? "string";
|
|
1850
|
-
return v.validateFunc ? G = await B(k, Q, v, _) : A === "string" ? G = D(k, Q, v) : A === "boolean" ? G = P(k, Q, v) : A === "list" && (G = O(k, Q, v)), y && s("validate", k, G, _e(
|
|
1850
|
+
return v.validateFunc ? G = await B(k, Q, v, _) : A === "string" ? G = D(k, Q, v) : A === "boolean" ? G = P(k, Q, v) : A === "list" && (G = O(k, Q, v)), y && s("validate", k, G, _e(c.value)), a.value[k].signal.aborted || H(k), G;
|
|
1851
1851
|
}
|
|
1852
1852
|
function w(k) {
|
|
1853
1853
|
if (r.value[k]) return e.invalidStatus;
|
|
1854
1854
|
}
|
|
1855
1855
|
async function B(k, _, v, y) {
|
|
1856
|
-
const x =
|
|
1856
|
+
const x = a.value[k].signal, T = await v.validateFunc(_, x, y);
|
|
1857
1857
|
if (T === void 0) {
|
|
1858
|
-
|
|
1858
|
+
c.value = c.value.filter((Q) => Q !== k), delete r.value[k];
|
|
1859
1859
|
return;
|
|
1860
1860
|
}
|
|
1861
1861
|
return T === !0 ? Y(k) : T === !1 ? V(k, "字段验证失败") : T ? V(k, T) : Y(k), T === !0 || typeof T == "string" && !T;
|
|
@@ -1870,29 +1870,29 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1870
1870
|
return v.required && (!_ || !_.length) ? (V(k, v.requiredText ?? "字段必填"), !1) : v.pattern && _ && _.map((T) => T.toString()).map((T) => v.pattern.test(T)).includes(!1) ? (V(k, v.patternText ?? "字段验证失败"), !1) : (Y(k), !0);
|
|
1871
1871
|
}
|
|
1872
1872
|
function V(k, _) {
|
|
1873
|
-
|
|
1873
|
+
c.value = c.value.filter((v) => v !== k), r.value[k] = _;
|
|
1874
1874
|
}
|
|
1875
1875
|
function Y(k) {
|
|
1876
|
-
|
|
1876
|
+
c.value.push(k), delete r.value[k];
|
|
1877
1877
|
}
|
|
1878
1878
|
function H(k) {
|
|
1879
1879
|
var _;
|
|
1880
|
-
(_ =
|
|
1880
|
+
(_ = a.value[k]) == null || _.abort(), delete a.value[k];
|
|
1881
1881
|
}
|
|
1882
1882
|
function ee() {
|
|
1883
|
-
s("update:formData", structuredClone(t)), r.value = {},
|
|
1883
|
+
s("update:formData", structuredClone(t)), r.value = {}, c.value = [], s("validate", "SQFORM", !1, _e(c.value));
|
|
1884
1884
|
}
|
|
1885
1885
|
function J(k = !0) {
|
|
1886
1886
|
const v = (k ? e.items : p.value).filter(
|
|
1887
|
-
(y) => y.type !== "custom" && y.rule && !
|
|
1887
|
+
(y) => y.type !== "custom" && y.rule && !c.value.includes(y.binding)
|
|
1888
1888
|
).map((y) => {
|
|
1889
1889
|
const x = y;
|
|
1890
1890
|
return f(x.binding, void 0, x.rule, !1);
|
|
1891
1891
|
});
|
|
1892
|
-
return Promise.all(v).then((y) => (s("validate", "SQFORM", !y.includes(!1), _e(
|
|
1892
|
+
return Promise.all(v).then((y) => (s("validate", "SQFORM", !y.includes(!1), _e(c.value)), y));
|
|
1893
1893
|
}
|
|
1894
1894
|
return o({ resetFields: ee, validate: J }), (k, _) => (m(), $("form", {
|
|
1895
|
-
class: U(["sq-form",
|
|
1895
|
+
class: U(["sq-form", l.value]),
|
|
1896
1896
|
style: X(i.value),
|
|
1897
1897
|
onSubmit: _[0] || (_[0] = me(() => {
|
|
1898
1898
|
}, ["prevent"]))
|
|
@@ -1908,7 +1908,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1908
1908
|
"error-msg": e.hasFeedback ? r.value[v.binding] : ""
|
|
1909
1909
|
}, {
|
|
1910
1910
|
default: E(() => [
|
|
1911
|
-
v.type === "input" ? (m(), C(
|
|
1911
|
+
v.type === "input" ? (m(), C(u(ut), pe({
|
|
1912
1912
|
key: 0,
|
|
1913
1913
|
ref_for: !0
|
|
1914
1914
|
}, v.props, {
|
|
@@ -1920,7 +1920,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1920
1920
|
onChange: (x) => f(v.binding, "change", v.rule),
|
|
1921
1921
|
onInput: (x) => f(v.binding, "input", v.rule),
|
|
1922
1922
|
onBlur: (x) => f(v.binding, "blur", v.rule)
|
|
1923
|
-
}), null, 16, ["name", "status", "suffix-icon", "value", "onUpdate:value", "onChange", "onInput", "onBlur"])) : v.type === "checkbox" ? (m(), C(
|
|
1923
|
+
}), null, 16, ["name", "status", "suffix-icon", "value", "onUpdate:value", "onChange", "onInput", "onBlur"])) : v.type === "checkbox" ? (m(), C(u(Rs), pe({
|
|
1924
1924
|
key: 1,
|
|
1925
1925
|
ref_for: !0
|
|
1926
1926
|
}, v.props, {
|
|
@@ -1928,7 +1928,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1928
1928
|
value: e.formData[v.binding],
|
|
1929
1929
|
"onUpdate:value": (x) => e.formData[v.binding] = x,
|
|
1930
1930
|
onChange: (x) => f(v.binding, "change", v.rule)
|
|
1931
|
-
}), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : v.type === "radio" ? (m(), C(
|
|
1931
|
+
}), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : v.type === "radio" ? (m(), C(u(uo), pe({
|
|
1932
1932
|
key: 2,
|
|
1933
1933
|
ref_for: !0
|
|
1934
1934
|
}, v.props, {
|
|
@@ -1936,12 +1936,12 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1936
1936
|
value: e.formData[v.binding],
|
|
1937
1937
|
"onUpdate:value": (x) => e.formData[v.binding] = x,
|
|
1938
1938
|
onChange: (x) => f(v.binding, "change", v.rule)
|
|
1939
|
-
}), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : v.type === "switch" ? (m(), C(
|
|
1939
|
+
}), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : v.type === "switch" ? (m(), C(u(xo), pe({
|
|
1940
1940
|
key: 3,
|
|
1941
1941
|
ref_for: !0
|
|
1942
1942
|
}, v.props, {
|
|
1943
1943
|
name: v.name,
|
|
1944
|
-
loading:
|
|
1944
|
+
loading: a.value[v.binding] !== void 0,
|
|
1945
1945
|
checked: e.formData[v.binding],
|
|
1946
1946
|
"onUpdate:checked": (x) => e.formData[v.binding] = x,
|
|
1947
1947
|
onChange: (x) => f(v.binding, "change", v.rule)
|
|
@@ -1976,7 +1976,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1976
1976
|
},
|
|
1977
1977
|
emits: ["load", "error"],
|
|
1978
1978
|
setup(d, { emit: o }) {
|
|
1979
|
-
const n = new IntersectionObserver(w), t = o, s = d, e = z(!1), r = z(s.src),
|
|
1979
|
+
const n = new IntersectionObserver(w), t = o, s = d, e = z(!1), r = z(s.src), c = z(!1), a = z(!1), l = z(!1), i = ce(null), p = b(() => e.value && !c.value), g = b(() => ({
|
|
1980
1980
|
height: p.value ? void 0 : "var(--image-placeholder-height)",
|
|
1981
1981
|
aspectRatio: p.value ? void 0 : s.aspectRatio
|
|
1982
1982
|
}));
|
|
@@ -1993,13 +1993,13 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
1993
1993
|
r.value = s.fallback;
|
|
1994
1994
|
return;
|
|
1995
1995
|
}
|
|
1996
|
-
|
|
1996
|
+
c.value = !0, e.value = !0, t("error", D);
|
|
1997
1997
|
}
|
|
1998
1998
|
function w(D) {
|
|
1999
|
-
D[0].isIntersecting && (
|
|
1999
|
+
D[0].isIntersecting && (a.value = !0, n.disconnect());
|
|
2000
2000
|
}
|
|
2001
2001
|
function B() {
|
|
2002
|
-
|
|
2002
|
+
l.value = !0;
|
|
2003
2003
|
}
|
|
2004
2004
|
return (D, P) => (m(), $("div", {
|
|
2005
2005
|
class: "sq-image",
|
|
@@ -2013,7 +2013,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2013
2013
|
]),
|
|
2014
2014
|
_: 1
|
|
2015
2015
|
}),
|
|
2016
|
-
!
|
|
2016
|
+
!c.value && a.value ? (m(), $("picture", cn, [
|
|
2017
2017
|
(m(!0), $(ne, null, de(s.source, (O, V) => (m(), $("source", {
|
|
2018
2018
|
key: V,
|
|
2019
2019
|
srcset: O.src,
|
|
@@ -2029,23 +2029,23 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2029
2029
|
onError: f
|
|
2030
2030
|
}, null, 44, fn)
|
|
2031
2031
|
])) : L("", !0),
|
|
2032
|
-
!
|
|
2032
|
+
!c.value && a.value && s.preview ? (m(), $("div", {
|
|
2033
2033
|
key: 1,
|
|
2034
2034
|
class: "sq-image-control",
|
|
2035
2035
|
onClick: B
|
|
2036
2036
|
}, [
|
|
2037
|
-
S(
|
|
2037
|
+
S(u(st))
|
|
2038
2038
|
])) : L("", !0),
|
|
2039
|
-
|
|
2039
|
+
c.value ? (m(), $("div", pn, [
|
|
2040
2040
|
N(D.$slots, "error", {}, () => [
|
|
2041
2041
|
P[1] || (P[1] = I("span", null, "图片加载失败", -1))
|
|
2042
2042
|
])
|
|
2043
2043
|
])) : L("", !0),
|
|
2044
|
-
s.preview ? (m(), C(
|
|
2044
|
+
s.preview ? (m(), C(u(bn), {
|
|
2045
2045
|
key: 3,
|
|
2046
2046
|
"src-list": [r.value],
|
|
2047
|
-
visible:
|
|
2048
|
-
"onUpdate:visible": P[0] || (P[0] = (O) =>
|
|
2047
|
+
visible: l.value,
|
|
2048
|
+
"onUpdate:visible": P[0] || (P[0] = (O) => l.value = O)
|
|
2049
2049
|
}, null, 8, ["src-list", "visible"])) : L("", !0)
|
|
2050
2050
|
], 4));
|
|
2051
2051
|
}
|
|
@@ -2070,12 +2070,12 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2070
2070
|
setup(d) {
|
|
2071
2071
|
const o = {}, n = {};
|
|
2072
2072
|
let t = !1, s;
|
|
2073
|
-
const e = d, r = z(1),
|
|
2074
|
-
const q =
|
|
2073
|
+
const e = d, r = z(1), c = z(!1), a = z(!1), l = z(0), i = z(0), p = z(!0), g = z({ x: 0, y: 0 }), h = le(d, "visible"), f = b(() => e.srcList[i.value]), w = b(() => {
|
|
2074
|
+
const q = c.value ? -1 : 1, M = a.value ? -1 : 1;
|
|
2075
2075
|
return {
|
|
2076
2076
|
transform: [
|
|
2077
2077
|
`scale(${r.value * q}, ${r.value * M})`,
|
|
2078
|
-
`rotate(${
|
|
2078
|
+
`rotate(${l.value}deg)`
|
|
2079
2079
|
].join(" "),
|
|
2080
2080
|
marginInlineStart: `${g.value.x}px`,
|
|
2081
2081
|
marginBlockStart: `${g.value.y}px`,
|
|
@@ -2116,7 +2116,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2116
2116
|
}
|
|
2117
2117
|
}
|
|
2118
2118
|
function ee() {
|
|
2119
|
-
r.value = Math.min(n.x, n.y, 1),
|
|
2119
|
+
r.value = Math.min(n.x, n.y, 1), c.value = !1, a.value = !1, l.value = 0, g.value = { x: 0, y: 0 };
|
|
2120
2120
|
}
|
|
2121
2121
|
function J(q) {
|
|
2122
2122
|
i.value += q;
|
|
@@ -2138,13 +2138,13 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2138
2138
|
r.value = 1, g.value = { x: 0, y: 0 };
|
|
2139
2139
|
}
|
|
2140
2140
|
function T() {
|
|
2141
|
-
|
|
2141
|
+
c.value = !c.value;
|
|
2142
2142
|
}
|
|
2143
2143
|
function Q() {
|
|
2144
|
-
|
|
2144
|
+
a.value = !a.value;
|
|
2145
2145
|
}
|
|
2146
2146
|
function G(q) {
|
|
2147
|
-
|
|
2147
|
+
l.value += q;
|
|
2148
2148
|
}
|
|
2149
2149
|
function A() {
|
|
2150
2150
|
h.value = !1;
|
|
@@ -2153,7 +2153,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2153
2153
|
const W = q.target.getBoundingClientRect(), te = window.innerWidth, ye = window.innerHeight;
|
|
2154
2154
|
n.x = te / W.width, n.y = ye / W.height, r.value = Math.min(n.x, n.y, 1);
|
|
2155
2155
|
}
|
|
2156
|
-
return (q, M) => (m(), C(
|
|
2156
|
+
return (q, M) => (m(), C(u(rt), {
|
|
2157
2157
|
class: "sq-image-viewer-mask",
|
|
2158
2158
|
visible: h.value,
|
|
2159
2159
|
"onUpdate:visible": M[6] || (M[6] = (W) => h.value = W),
|
|
@@ -2176,24 +2176,24 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2176
2176
|
onMousedown: me(D, ["prevent"]),
|
|
2177
2177
|
onTouchstartPassive: V
|
|
2178
2178
|
}, null, 44, hn),
|
|
2179
|
-
S(
|
|
2179
|
+
S(u(j), {
|
|
2180
2180
|
class: "sq-image-viewer-close",
|
|
2181
2181
|
round: "",
|
|
2182
|
-
icon:
|
|
2182
|
+
icon: u(De),
|
|
2183
2183
|
onClick: me(A, ["stop"])
|
|
2184
2184
|
}, null, 8, ["icon"]),
|
|
2185
2185
|
e.srcList.length > 1 ? (m(), $(ne, { key: 0 }, [
|
|
2186
|
-
S(
|
|
2186
|
+
S(u(j), {
|
|
2187
2187
|
class: "sq-image-viewer-prev",
|
|
2188
2188
|
round: "",
|
|
2189
|
-
icon:
|
|
2189
|
+
icon: u(nt),
|
|
2190
2190
|
disabled: i.value === 0,
|
|
2191
2191
|
onClick: M[1] || (M[1] = (W) => J(-1))
|
|
2192
2192
|
}, null, 8, ["icon", "disabled"]),
|
|
2193
|
-
S(
|
|
2193
|
+
S(u(j), {
|
|
2194
2194
|
class: "sq-image-viewer-next",
|
|
2195
2195
|
round: "",
|
|
2196
|
-
icon:
|
|
2196
|
+
icon: u(ot),
|
|
2197
2197
|
disabled: i.value === e.srcList.length - 1,
|
|
2198
2198
|
onClick: M[2] || (M[2] = (W) => J(1))
|
|
2199
2199
|
}, null, 8, ["icon", "disabled"])
|
|
@@ -2204,110 +2204,110 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2204
2204
|
onClick: M[5] || (M[5] = me(() => {
|
|
2205
2205
|
}, ["stop"]))
|
|
2206
2206
|
}, [
|
|
2207
|
-
S(
|
|
2207
|
+
S(u(oe), {
|
|
2208
2208
|
tip: "放大",
|
|
2209
2209
|
shadow: !1
|
|
2210
2210
|
}, {
|
|
2211
2211
|
default: E(() => [
|
|
2212
|
-
S(
|
|
2212
|
+
S(u(j), {
|
|
2213
2213
|
text: "",
|
|
2214
|
-
icon:
|
|
2214
|
+
icon: u(zt),
|
|
2215
2215
|
disabled: r.value >= e.maxScale,
|
|
2216
2216
|
onClick: _
|
|
2217
2217
|
}, null, 8, ["icon", "disabled"])
|
|
2218
2218
|
]),
|
|
2219
2219
|
_: 1
|
|
2220
2220
|
}),
|
|
2221
|
-
S(
|
|
2221
|
+
S(u(oe), {
|
|
2222
2222
|
tip: "缩小",
|
|
2223
2223
|
shadow: !1
|
|
2224
2224
|
}, {
|
|
2225
2225
|
default: E(() => [
|
|
2226
|
-
S(
|
|
2226
|
+
S(u(j), {
|
|
2227
2227
|
text: "",
|
|
2228
|
-
icon:
|
|
2228
|
+
icon: u(Rt),
|
|
2229
2229
|
disabled: r.value <= e.minScale,
|
|
2230
2230
|
onClick: v
|
|
2231
2231
|
}, null, 8, ["icon", "disabled"])
|
|
2232
2232
|
]),
|
|
2233
2233
|
_: 1
|
|
2234
2234
|
}),
|
|
2235
|
-
S(
|
|
2236
|
-
S(
|
|
2235
|
+
S(u($e), { direction: "vertical" }),
|
|
2236
|
+
S(u(oe), {
|
|
2237
2237
|
tip: "水平翻转",
|
|
2238
2238
|
shadow: !1
|
|
2239
2239
|
}, {
|
|
2240
2240
|
default: E(() => [
|
|
2241
|
-
S(
|
|
2241
|
+
S(u(j), {
|
|
2242
2242
|
text: "",
|
|
2243
|
-
icon:
|
|
2243
|
+
icon: u(Tt),
|
|
2244
2244
|
onClick: T
|
|
2245
2245
|
}, null, 8, ["icon"])
|
|
2246
2246
|
]),
|
|
2247
2247
|
_: 1
|
|
2248
2248
|
}),
|
|
2249
|
-
S(
|
|
2249
|
+
S(u(oe), {
|
|
2250
2250
|
tip: "垂直翻转",
|
|
2251
2251
|
shadow: !1
|
|
2252
2252
|
}, {
|
|
2253
2253
|
default: E(() => [
|
|
2254
|
-
S(
|
|
2254
|
+
S(u(j), {
|
|
2255
2255
|
text: "",
|
|
2256
|
-
icon:
|
|
2256
|
+
icon: u(Lt),
|
|
2257
2257
|
onClick: Q
|
|
2258
2258
|
}, null, 8, ["icon"])
|
|
2259
2259
|
]),
|
|
2260
2260
|
_: 1
|
|
2261
2261
|
}),
|
|
2262
|
-
S(
|
|
2263
|
-
S(
|
|
2262
|
+
S(u($e), { direction: "vertical" }),
|
|
2263
|
+
S(u(oe), {
|
|
2264
2264
|
tip: "顺时针旋转",
|
|
2265
2265
|
shadow: !1
|
|
2266
2266
|
}, {
|
|
2267
2267
|
default: E(() => [
|
|
2268
|
-
S(
|
|
2268
|
+
S(u(j), {
|
|
2269
2269
|
text: "",
|
|
2270
|
-
icon:
|
|
2270
|
+
icon: u(It),
|
|
2271
2271
|
onClick: M[3] || (M[3] = (W) => G(90))
|
|
2272
2272
|
}, null, 8, ["icon"])
|
|
2273
2273
|
]),
|
|
2274
2274
|
_: 1
|
|
2275
2275
|
}),
|
|
2276
|
-
S(
|
|
2276
|
+
S(u(oe), {
|
|
2277
2277
|
tip: "逆时针旋转",
|
|
2278
2278
|
shadow: !1
|
|
2279
2279
|
}, {
|
|
2280
2280
|
default: E(() => [
|
|
2281
|
-
S(
|
|
2281
|
+
S(u(j), {
|
|
2282
2282
|
text: "",
|
|
2283
|
-
icon:
|
|
2283
|
+
icon: u(Mt),
|
|
2284
2284
|
onClick: M[4] || (M[4] = (W) => G(-90))
|
|
2285
2285
|
}, null, 8, ["icon"])
|
|
2286
2286
|
]),
|
|
2287
2287
|
_: 1
|
|
2288
2288
|
}),
|
|
2289
|
-
S(
|
|
2290
|
-
S(
|
|
2289
|
+
S(u($e), { direction: "vertical" }),
|
|
2290
|
+
S(u(oe), {
|
|
2291
2291
|
tip: "原始大小",
|
|
2292
2292
|
shadow: !1
|
|
2293
2293
|
}, {
|
|
2294
2294
|
default: E(() => [
|
|
2295
|
-
S(
|
|
2295
|
+
S(u(j), {
|
|
2296
2296
|
text: "",
|
|
2297
|
-
icon:
|
|
2297
|
+
icon: u(Et),
|
|
2298
2298
|
onClick: x
|
|
2299
2299
|
}, null, 8, ["icon"])
|
|
2300
2300
|
]),
|
|
2301
2301
|
_: 1
|
|
2302
2302
|
}),
|
|
2303
|
-
S(
|
|
2303
|
+
S(u(oe), {
|
|
2304
2304
|
tip: "全屏",
|
|
2305
2305
|
shadow: !1
|
|
2306
2306
|
}, {
|
|
2307
2307
|
default: E(() => [
|
|
2308
|
-
S(
|
|
2308
|
+
S(u(j), {
|
|
2309
2309
|
text: "",
|
|
2310
|
-
icon:
|
|
2310
|
+
icon: u(At),
|
|
2311
2311
|
onClick: y
|
|
2312
2312
|
}, null, 8, ["icon"])
|
|
2313
2313
|
]),
|
|
@@ -2328,10 +2328,10 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2328
2328
|
setup(d, { expose: o }) {
|
|
2329
2329
|
const n = {};
|
|
2330
2330
|
let t = 0, s, e = !1, r;
|
|
2331
|
-
const
|
|
2332
|
-
transform: `scale(${
|
|
2333
|
-
marginInlineStart: `${
|
|
2334
|
-
marginBlockStart: `${
|
|
2331
|
+
const c = d, a = z(1), l = z({ x: 0, y: 0 }), i = ce(null), p = ce(null), g = b(() => ({
|
|
2332
|
+
transform: `scale(${a.value})`,
|
|
2333
|
+
marginInlineStart: `${l.value.x}px`,
|
|
2334
|
+
marginBlockStart: `${l.value.y}px`
|
|
2335
2335
|
}));
|
|
2336
2336
|
ue(() => {
|
|
2337
2337
|
document.addEventListener("mousemove", D), document.addEventListener("mouseup", B);
|
|
@@ -2339,9 +2339,9 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2339
2339
|
document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", B);
|
|
2340
2340
|
});
|
|
2341
2341
|
function h(_) {
|
|
2342
|
-
|
|
2342
|
+
l.value = { x: 0, y: 0 }, s = i.value.getBoundingClientRect();
|
|
2343
2343
|
const v = _.target, y = v.naturalWidth, x = v.naturalHeight, T = s.width / y, Q = s.height / x;
|
|
2344
|
-
t = Math.max(T, Q),
|
|
2344
|
+
t = Math.max(T, Q), a.value = t;
|
|
2345
2345
|
}
|
|
2346
2346
|
function f(_) {
|
|
2347
2347
|
_.deltaY < 0 ? H() : ee();
|
|
@@ -2356,8 +2356,8 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2356
2356
|
if (!e) return;
|
|
2357
2357
|
const v = _.x - n.x, y = _.y - n.y;
|
|
2358
2358
|
n.x = _.x, n.y = _.y;
|
|
2359
|
-
const x =
|
|
2360
|
-
|
|
2359
|
+
const x = l.value.x + v * 2, T = l.value.y + y * 2;
|
|
2360
|
+
l.value.x = x, l.value.y = T, J();
|
|
2361
2361
|
}
|
|
2362
2362
|
function P(_) {
|
|
2363
2363
|
_.touches.length === 1 ? (e = !0, n.x = _.touches[0].screenX, n.y = _.touches[0].screenY) : _.touches.length === 2 && (r = Y(_.touches[0], _.touches[1]));
|
|
@@ -2369,12 +2369,12 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2369
2369
|
if (_.touches.length === 1) {
|
|
2370
2370
|
if (!e) return;
|
|
2371
2371
|
const v = _.touches[0], y = v.screenX - n.x, x = v.screenY - n.y;
|
|
2372
|
-
|
|
2372
|
+
l.value.x += y * 2, l.value.y += x * 2, n.x = v.screenX, n.y = v.screenY;
|
|
2373
2373
|
} else if (_.touches.length === 2) {
|
|
2374
2374
|
if (!r) return;
|
|
2375
2375
|
const v = Y(_.touches[0], _.touches[1]), y = v / r;
|
|
2376
|
-
let x =
|
|
2377
|
-
x = Math.min(Le, x), x = Math.max(t, x),
|
|
2376
|
+
let x = a.value * y;
|
|
2377
|
+
x = Math.min(Le, x), x = Math.max(t, x), a.value = x, r = v;
|
|
2378
2378
|
}
|
|
2379
2379
|
J();
|
|
2380
2380
|
}
|
|
@@ -2383,27 +2383,27 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2383
2383
|
return Math.sqrt(y * y + x * x);
|
|
2384
2384
|
}
|
|
2385
2385
|
function H() {
|
|
2386
|
-
|
|
2386
|
+
a.value >= Le || (a.value = Math.min(Le, a.value * (1 + 0.1)));
|
|
2387
2387
|
}
|
|
2388
2388
|
function ee() {
|
|
2389
|
-
|
|
2389
|
+
a.value <= t || (a.value = Math.max(t, a.value / (1 + 0.1)), J());
|
|
2390
2390
|
}
|
|
2391
2391
|
function J() {
|
|
2392
2392
|
requestAnimationFrame(() => {
|
|
2393
2393
|
const _ = p.value.getBoundingClientRect(), v = _.left >= s.left, y = _.right <= s.right;
|
|
2394
|
-
v ?
|
|
2394
|
+
v ? l.value.x -= (_.left - s.left) * 2 : y && (l.value.x += (s.right - _.right) * 2);
|
|
2395
2395
|
const x = _.top >= s.top, T = _.bottom <= s.bottom;
|
|
2396
|
-
x ?
|
|
2396
|
+
x ? l.value.y -= (_.top - s.top) * 2 : T && (l.value.y += (s.bottom - _.bottom) * 2);
|
|
2397
2397
|
});
|
|
2398
2398
|
}
|
|
2399
2399
|
async function k(_ = "base64") {
|
|
2400
|
-
if (!
|
|
2401
|
-
const v = p.value.naturalWidth, y = p.value.naturalHeight, x = v / y, Q = v > y && x <
|
|
2400
|
+
if (!c.src) return;
|
|
2401
|
+
const v = p.value.naturalWidth, y = p.value.naturalHeight, x = v / y, Q = v > y && x < c.aspectRatio || v < y && x > c.aspectRatio ? v / y : 1, G = a.value / t / Q;
|
|
2402
2402
|
let A = document.createElement("canvas");
|
|
2403
2403
|
const F = Math.min(v, y);
|
|
2404
|
-
A.width = F, A.height = F /
|
|
2404
|
+
A.width = F, A.height = F / c.aspectRatio;
|
|
2405
2405
|
let q = A.getContext("2d");
|
|
2406
|
-
const M = p.value.getBoundingClientRect(), W = (M.left - s.left) /
|
|
2406
|
+
const M = p.value.getBoundingClientRect(), W = (M.left - s.left) / a.value, te = (M.top - s.top) / a.value;
|
|
2407
2407
|
return q == null || q.drawImage(
|
|
2408
2408
|
p.value,
|
|
2409
2409
|
W * G,
|
|
@@ -2420,7 +2420,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2420
2420
|
}
|
|
2421
2421
|
return o({ cropImageAsync: k }), (_, v) => (m(), $("div", {
|
|
2422
2422
|
class: "sq-image-crop",
|
|
2423
|
-
style: X({ "--image-crop-ratio":
|
|
2423
|
+
style: X({ "--image-crop-ratio": c.aspectRatio }),
|
|
2424
2424
|
onWheelPassive: f,
|
|
2425
2425
|
onMousedown: me(w, ["prevent"]),
|
|
2426
2426
|
onTouchstartPassive: P,
|
|
@@ -2429,16 +2429,16 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2429
2429
|
}, [
|
|
2430
2430
|
I("div", {
|
|
2431
2431
|
class: "sq-image-crop-cropper",
|
|
2432
|
-
style: X(`${
|
|
2432
|
+
style: X(`${c.aspectRatio > 1 ? "width" : "height"}: 100%`),
|
|
2433
2433
|
ref_key: "cropperRef",
|
|
2434
2434
|
ref: i
|
|
2435
2435
|
}, null, 4),
|
|
2436
|
-
|
|
2436
|
+
c.src ? (m(), $("img", {
|
|
2437
2437
|
key: 0,
|
|
2438
2438
|
style: X(g.value),
|
|
2439
2439
|
ref_key: "imgRef",
|
|
2440
2440
|
ref: p,
|
|
2441
|
-
src:
|
|
2441
|
+
src: c.src,
|
|
2442
2442
|
onLoad: h
|
|
2443
2443
|
}, null, 44, yn)) : L("", !0)
|
|
2444
2444
|
], 36));
|
|
@@ -2477,22 +2477,22 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2477
2477
|
}),
|
|
2478
2478
|
emits: /* @__PURE__ */ Z(["focus", "blur", "input", "change"], ["update:value"]),
|
|
2479
2479
|
setup(d, { expose: o, emit: n }) {
|
|
2480
|
-
const t = Be(), s = n, e = d, { inputSize: r, inputRound:
|
|
2481
|
-
const A = [], F =
|
|
2480
|
+
const t = Be(), s = n, e = d, { inputSize: r, inputRound: c, inputDisabled: a, inputReadonly: l, id: i } = fs(e), p = le(d, "value"), g = z(!1), h = z(!1), f = ce(null), w = b(() => {
|
|
2481
|
+
const A = [], F = u(r), q = u(c), M = u(J);
|
|
2482
2482
|
return F !== "md" && A.push(`sq-input--${F}`), e.status && A.push(`is-${e.status}`), q && A.push("is-round"), M && A.push("is-disabled"), A;
|
|
2483
|
-
}), B = b(() =>
|
|
2484
|
-
() => e.type === "password" &&
|
|
2485
|
-
), Y = b(() => e.clearable &&
|
|
2486
|
-
() =>
|
|
2487
|
-
), J = b(() => e.loading ||
|
|
2483
|
+
}), B = b(() => u(h) ? tt : st), D = b(() => u(h) ? "text" : e.type), P = b(() => t.prefix || e.prefixIcon), O = b(() => u(g) && u(p).length), V = b(
|
|
2484
|
+
() => e.type === "password" && u(O)
|
|
2485
|
+
), Y = b(() => e.clearable && u(O)), H = b(() => e.loading ? Re : e.suffixIcon), ee = b(
|
|
2486
|
+
() => u(V) || u(Y) || u(H) || t.suffix
|
|
2487
|
+
), J = b(() => e.loading || u(a)), k = b(() => {
|
|
2488
2488
|
if (e.type === "textarea")
|
|
2489
|
-
return
|
|
2489
|
+
return u(J) || u(l) ? "none" : e.resize;
|
|
2490
2490
|
});
|
|
2491
2491
|
function _(A) {
|
|
2492
|
-
s("focus", A), !
|
|
2492
|
+
s("focus", A), !u(l) && (g.value = !0);
|
|
2493
2493
|
}
|
|
2494
2494
|
function v(A) {
|
|
2495
|
-
s("blur", A), !
|
|
2495
|
+
s("blur", A), !u(l) && (g.value = !1);
|
|
2496
2496
|
}
|
|
2497
2497
|
function y() {
|
|
2498
2498
|
setTimeout(Q);
|
|
@@ -2524,9 +2524,9 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2524
2524
|
key: 1,
|
|
2525
2525
|
class: "sq-input-inner",
|
|
2526
2526
|
"onUpdate:modelValue": F[0] || (F[0] = (q) => p.value = q),
|
|
2527
|
-
id:
|
|
2527
|
+
id: u(i),
|
|
2528
2528
|
disabled: J.value,
|
|
2529
|
-
readonly:
|
|
2529
|
+
readonly: u(l),
|
|
2530
2530
|
placeholder: e.placeholder,
|
|
2531
2531
|
type: D.value,
|
|
2532
2532
|
maxlength: e.maxlength,
|
|
@@ -2549,9 +2549,9 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2549
2549
|
class: "sq-input-inner",
|
|
2550
2550
|
style: X({ resize: k.value }),
|
|
2551
2551
|
"onUpdate:modelValue": F[3] || (F[3] = (q) => p.value = q),
|
|
2552
|
-
id:
|
|
2552
|
+
id: u(i),
|
|
2553
2553
|
disabled: J.value,
|
|
2554
|
-
readonly:
|
|
2554
|
+
readonly: u(l),
|
|
2555
2555
|
placeholder: e.placeholder,
|
|
2556
2556
|
type: D.value,
|
|
2557
2557
|
maxlength: e.maxlength,
|
|
@@ -2578,7 +2578,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2578
2578
|
class: "sq-input-suffix-pwd",
|
|
2579
2579
|
onMousedown: T
|
|
2580
2580
|
}, null, 32)) : L("", !0),
|
|
2581
|
-
Y.value ? (m(), C(
|
|
2581
|
+
Y.value ? (m(), C(u(De), {
|
|
2582
2582
|
key: 1,
|
|
2583
2583
|
class: "sq-input-suffix-clear",
|
|
2584
2584
|
onMousedown: x
|
|
@@ -2605,68 +2605,65 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2605
2605
|
emits: /* @__PURE__ */ Z(["click"], ["update:active"]),
|
|
2606
2606
|
setup(d, { emit: o }) {
|
|
2607
2607
|
const n = o, t = d, s = le(d, "active"), e = b(() => {
|
|
2608
|
-
const
|
|
2609
|
-
return
|
|
2608
|
+
const a = [];
|
|
2609
|
+
return a.push(`sq-menu--${t.direction}`), a;
|
|
2610
2610
|
});
|
|
2611
|
-
function r(
|
|
2612
|
-
|
|
2611
|
+
function r(a, l) {
|
|
2612
|
+
a.disabled || l();
|
|
2613
|
+
}
|
|
2614
|
+
function c(a, l) {
|
|
2615
|
+
a.disabled || a.value === s.value || (n("click", a.value, l), s.value = a.value);
|
|
2613
2616
|
}
|
|
2614
|
-
return (
|
|
2615
|
-
key: 0,
|
|
2617
|
+
return (a, l) => (m(), $("menu", {
|
|
2616
2618
|
class: U(["sq-menu", e.value])
|
|
2617
2619
|
}, [
|
|
2618
|
-
(m(!0), $(ne,
|
|
2620
|
+
t.router ? (m(!0), $(ne, { key: 0 }, de(t.items, (i) => (m(), C(u(Pt), {
|
|
2619
2621
|
custom: "",
|
|
2620
|
-
to: { name:
|
|
2621
|
-
key:
|
|
2622
|
+
to: { name: i.value },
|
|
2623
|
+
key: i.value
|
|
2622
2624
|
}, {
|
|
2623
|
-
default: E(({ navigate:
|
|
2625
|
+
default: E(({ navigate: p, isActive: g }) => [
|
|
2624
2626
|
I("li", {
|
|
2625
|
-
class: U(["sq-menu-item", { "is-active":
|
|
2626
|
-
onClick: (
|
|
2627
|
+
class: U(["sq-menu-item", { "is-active": g, "is-disabled": i.disabled }]),
|
|
2628
|
+
onClick: (h) => r(i, p)
|
|
2627
2629
|
}, [
|
|
2628
|
-
N(
|
|
2629
|
-
|
|
2630
|
+
N(a.$slots, "default", pe({ ref_for: !0 }, i), () => [
|
|
2631
|
+
i.icon ? (m(), C(ie(i.icon), { key: 0 })) : L("", !0),
|
|
2630
2632
|
I("span", {
|
|
2631
|
-
textContent: K(
|
|
2633
|
+
textContent: K(i.text)
|
|
2632
2634
|
}, null, 8, Sn),
|
|
2633
|
-
t.direction === "vertical" ? ae((m(), C(
|
|
2635
|
+
t.direction === "vertical" ? ae((m(), C(u(Xe), {
|
|
2634
2636
|
key: 1,
|
|
2635
2637
|
dot: "",
|
|
2636
2638
|
"show-zero": "",
|
|
2637
2639
|
type: "primary"
|
|
2638
2640
|
}, null, 512)), [
|
|
2639
|
-
[ve,
|
|
2641
|
+
[ve, g]
|
|
2640
2642
|
]) : L("", !0)
|
|
2641
2643
|
])
|
|
2642
2644
|
], 10, Cn)
|
|
2643
2645
|
]),
|
|
2644
2646
|
_: 2
|
|
2645
|
-
}, 1032, ["to"]))), 128))
|
|
2646
|
-
], 2)) : (m(), $("ul", {
|
|
2647
|
-
key: 1,
|
|
2648
|
-
class: U(["sq-menu", e.value])
|
|
2649
|
-
}, [
|
|
2650
|
-
(m(!0), $(ne, null, de(t.items, (a) => (m(), $("li", {
|
|
2647
|
+
}, 1032, ["to"]))), 128)) : (m(!0), $(ne, { key: 1 }, de(t.items, (i) => (m(), $("li", {
|
|
2651
2648
|
class: U(["sq-menu-item", {
|
|
2652
|
-
"is-active": s.value ===
|
|
2653
|
-
"is-disabled":
|
|
2649
|
+
"is-active": s.value === i.value,
|
|
2650
|
+
"is-disabled": i.disabled
|
|
2654
2651
|
}]),
|
|
2655
|
-
key:
|
|
2656
|
-
onClick: (
|
|
2652
|
+
key: i.value,
|
|
2653
|
+
onClick: (p) => c(i, p)
|
|
2657
2654
|
}, [
|
|
2658
|
-
N(
|
|
2659
|
-
|
|
2655
|
+
N(a.$slots, "default", pe({ ref_for: !0 }, i), () => [
|
|
2656
|
+
i.icon ? (m(), C(ie(i.icon), { key: 0 })) : L("", !0),
|
|
2660
2657
|
I("span", {
|
|
2661
|
-
textContent: K(
|
|
2658
|
+
textContent: K(i.text)
|
|
2662
2659
|
}, null, 8, zn),
|
|
2663
|
-
t.direction === "vertical" ? ae((m(), C(
|
|
2660
|
+
t.direction === "vertical" ? ae((m(), C(u(Xe), {
|
|
2664
2661
|
key: 1,
|
|
2665
2662
|
dot: "",
|
|
2666
2663
|
"show-zero": "",
|
|
2667
2664
|
type: "primary"
|
|
2668
2665
|
}, null, 512)), [
|
|
2669
|
-
[ve, s.value ===
|
|
2666
|
+
[ve, s.value === i.value]
|
|
2670
2667
|
]) : L("", !0)
|
|
2671
2668
|
])
|
|
2672
2669
|
], 10, Bn))), 128))
|
|
@@ -2692,7 +2689,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2692
2689
|
function e() {
|
|
2693
2690
|
t.value = !1;
|
|
2694
2691
|
}
|
|
2695
|
-
return o({ close: e }), (r,
|
|
2692
|
+
return o({ close: e }), (r, c) => (m(), C(he, {
|
|
2696
2693
|
appear: "",
|
|
2697
2694
|
name: "sq-zoom-top",
|
|
2698
2695
|
onBeforeLeave: n.onClose,
|
|
@@ -2704,7 +2701,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2704
2701
|
id: n.id,
|
|
2705
2702
|
style: X({ top: `${n.offsetTop}px` })
|
|
2706
2703
|
}, [
|
|
2707
|
-
S(
|
|
2704
|
+
S(u(be), { class: "sq-message-inner" }, {
|
|
2708
2705
|
default: E(() => [
|
|
2709
2706
|
n.type && s.value ? (m(), C(ie(s.value), {
|
|
2710
2707
|
key: 0,
|
|
@@ -2717,7 +2714,7 @@ ${W}${M}`, ee(y.target), v(e.value, ye, ye);
|
|
|
2717
2714
|
]),
|
|
2718
2715
|
_: 1
|
|
2719
2716
|
}),
|
|
2720
|
-
|
|
2717
|
+
c[0] || (c[0] = I("div", { class: "sq-message-progress" }, null, -1))
|
|
2721
2718
|
], 14, Tn), [
|
|
2722
2719
|
[ve, t.value]
|
|
2723
2720
|
])
|
|
@@ -2732,9 +2729,9 @@ const Ee = (d = {}) => {
|
|
|
2732
2729
|
let n = document.querySelector(".sq-message-wrap");
|
|
2733
2730
|
n || (n = document.createElement("div"), n.classList.add("sq-message-wrap"), document.body.appendChild(n)), n.style.zIndex = An().toString();
|
|
2734
2731
|
let t = Ie;
|
|
2735
|
-
xe.forEach((
|
|
2732
|
+
xe.forEach((l) => {
|
|
2736
2733
|
var i;
|
|
2737
|
-
t += (((i =
|
|
2734
|
+
t += (((i = l.vm.el) == null ? void 0 : i.offsetHeight) || 0) + Ie;
|
|
2738
2735
|
});
|
|
2739
2736
|
const s = {
|
|
2740
2737
|
type: "info",
|
|
@@ -2746,24 +2743,24 @@ const Ee = (d = {}) => {
|
|
|
2746
2743
|
}, e = document.createElement("div"), r = s.onClose;
|
|
2747
2744
|
s.onClose = () => {
|
|
2748
2745
|
r == null || r();
|
|
2749
|
-
const
|
|
2750
|
-
(h) => h.vm.component.props.id ===
|
|
2751
|
-
), p = xe.splice(
|
|
2746
|
+
const l = xe.findIndex(
|
|
2747
|
+
(h) => h.vm.component.props.id === a.component.props.id
|
|
2748
|
+
), p = xe.splice(l, 1)[0].vm.el.offsetHeight;
|
|
2752
2749
|
if (!(xe.length < 1))
|
|
2753
2750
|
for (const h of xe) {
|
|
2754
2751
|
let f = Number(parseInt(h.vm.el.style.top));
|
|
2755
2752
|
f -= p, f -= Ie, h.vm.component.props.offsetTop = f;
|
|
2756
2753
|
}
|
|
2757
2754
|
};
|
|
2758
|
-
const
|
|
2755
|
+
const c = s.onDestroy;
|
|
2759
2756
|
s.onDestroy = () => {
|
|
2760
|
-
|
|
2757
|
+
c == null || c(), Ue(null, e);
|
|
2761
2758
|
};
|
|
2762
|
-
const
|
|
2763
|
-
return Ue(
|
|
2759
|
+
const a = S(Mn, s);
|
|
2760
|
+
return Ue(a, e), xe.push({ vm: a }), n.appendChild(e.firstElementChild), {
|
|
2764
2761
|
close: () => {
|
|
2765
|
-
var
|
|
2766
|
-
(i = (
|
|
2762
|
+
var l, i;
|
|
2763
|
+
(i = (l = a.component) == null ? void 0 : l.exposed) == null || i.close();
|
|
2767
2764
|
}
|
|
2768
2765
|
};
|
|
2769
2766
|
};
|
|
@@ -2788,8 +2785,8 @@ const oa = Ee, Pn = "sq-pagination-prev", Nn = /* @__PURE__ */ R({
|
|
|
2788
2785
|
const o = d, n = le(d, "current"), t = (s) => {
|
|
2789
2786
|
n.value += s;
|
|
2790
2787
|
};
|
|
2791
|
-
return (s, e) => (m(), C(
|
|
2792
|
-
icon:
|
|
2788
|
+
return (s, e) => (m(), C(u(j), {
|
|
2789
|
+
icon: u(nt),
|
|
2793
2790
|
size: o.size,
|
|
2794
2791
|
disabled: n.value === 1 || o.disabled,
|
|
2795
2792
|
onClick: e[0] || (e[0] = (r) => t(-1))
|
|
@@ -2811,8 +2808,8 @@ const oa = Ee, Pn = "sq-pagination-prev", Nn = /* @__PURE__ */ R({
|
|
|
2811
2808
|
const o = d, n = le(d, "current"), t = (s) => {
|
|
2812
2809
|
n.value += s;
|
|
2813
2810
|
};
|
|
2814
|
-
return (s, e) => (m(), C(
|
|
2815
|
-
icon:
|
|
2811
|
+
return (s, e) => (m(), C(u(j), {
|
|
2812
|
+
icon: u(ot),
|
|
2816
2813
|
size: o.size,
|
|
2817
2814
|
disabled: n.value === o.maxPage || o.disabled,
|
|
2818
2815
|
onClick: e[0] || (e[0] = (r) => t(1))
|
|
@@ -2836,20 +2833,20 @@ const oa = Ee, Pn = "sq-pagination-prev", Nn = /* @__PURE__ */ R({
|
|
|
2836
2833
|
};
|
|
2837
2834
|
return (s, e) => (m(), $("div", Vn, [
|
|
2838
2835
|
(m(!0), $(ne, null, de(o.list, (r) => (m(), $(ne, { key: r }, [
|
|
2839
|
-
r ? (m(), C(
|
|
2836
|
+
r ? (m(), C(u(j), {
|
|
2840
2837
|
key: 0,
|
|
2841
2838
|
type: n.value === r ? "primary" : void 0,
|
|
2842
2839
|
size: o.size,
|
|
2843
2840
|
disabled: o.disabled,
|
|
2844
|
-
onClick: (
|
|
2841
|
+
onClick: (c) => t(r)
|
|
2845
2842
|
}, {
|
|
2846
2843
|
default: E(() => [
|
|
2847
2844
|
Se(K(r), 1)
|
|
2848
2845
|
]),
|
|
2849
2846
|
_: 2
|
|
2850
|
-
}, 1032, ["type", "size", "disabled", "onClick"])) : (m(), C(
|
|
2847
|
+
}, 1032, ["type", "size", "disabled", "onClick"])) : (m(), C(u(j), {
|
|
2851
2848
|
key: 1,
|
|
2852
|
-
icon:
|
|
2849
|
+
icon: u(Dt),
|
|
2853
2850
|
size: o.size,
|
|
2854
2851
|
disabled: ""
|
|
2855
2852
|
}, null, 8, ["icon", "size"]))
|
|
@@ -2874,37 +2871,37 @@ const oa = Ee, Pn = "sq-pagination-prev", Nn = /* @__PURE__ */ R({
|
|
|
2874
2871
|
emits: ["update:current", "update:pageSize"],
|
|
2875
2872
|
setup(d) {
|
|
2876
2873
|
const o = d, n = le(d, "current"), t = le(d, "pageSize"), s = b(() => Math.ceil(o.total / t.value) || 1), e = b(() => {
|
|
2877
|
-
const
|
|
2878
|
-
let
|
|
2879
|
-
|
|
2874
|
+
const c = [], a = Math.floor(o.pagerCount / 2) - 1;
|
|
2875
|
+
let l = n.value - a, i = n.value + a;
|
|
2876
|
+
l < 2 && (l = 2, i = l + a * 2), i > s.value - 1 && (i = s.value - 1, l = i - a * 2);
|
|
2880
2877
|
for (let p = 1; p <= s.value; p++)
|
|
2881
|
-
p === 1 || p === s.value || p >=
|
|
2882
|
-
return
|
|
2878
|
+
p === 1 || p === s.value || p >= l && p <= i ? c.push(p) : (p === l - 1 || p === i + 1) && c.push(0);
|
|
2879
|
+
return c;
|
|
2883
2880
|
}), r = b(() => {
|
|
2884
|
-
const
|
|
2885
|
-
for (const
|
|
2886
|
-
switch (
|
|
2881
|
+
const c = o.layout ?? ["prev", "pager", "next"], a = [];
|
|
2882
|
+
for (const l of c)
|
|
2883
|
+
switch (l) {
|
|
2887
2884
|
case "prev":
|
|
2888
|
-
|
|
2885
|
+
a.push(Nn);
|
|
2889
2886
|
break;
|
|
2890
2887
|
case "pager":
|
|
2891
|
-
|
|
2888
|
+
a.push(Wn);
|
|
2892
2889
|
break;
|
|
2893
2890
|
case "next":
|
|
2894
|
-
|
|
2891
|
+
a.push(Un);
|
|
2895
2892
|
break;
|
|
2896
2893
|
}
|
|
2897
|
-
return
|
|
2894
|
+
return a;
|
|
2898
2895
|
});
|
|
2899
|
-
return (
|
|
2900
|
-
(m(!0), $(ne, null, de(r.value, (
|
|
2896
|
+
return (c, a) => (m(), $("div", jn, [
|
|
2897
|
+
(m(!0), $(ne, null, de(r.value, (l, i) => (m(), C(ie(l), {
|
|
2901
2898
|
key: i,
|
|
2902
2899
|
size: o.size,
|
|
2903
2900
|
disabled: o.disabled,
|
|
2904
2901
|
list: e.value,
|
|
2905
2902
|
"max-page": s.value,
|
|
2906
2903
|
current: n.value,
|
|
2907
|
-
"onUpdate:current":
|
|
2904
|
+
"onUpdate:current": a[0] || (a[0] = (p) => n.value = p)
|
|
2908
2905
|
}, null, 40, ["size", "disabled", "list", "max-page", "current"]))), 128))
|
|
2909
2906
|
]));
|
|
2910
2907
|
}
|
|
@@ -2965,49 +2962,49 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
2965
2962
|
emits: ["update:visible"],
|
|
2966
2963
|
setup(d) {
|
|
2967
2964
|
const { getCssVar: o } = Pe(), { nextZIndex: n } = Ne(), t = Ae(), s = parseInt(o("--sq-padding-sm")), e = parseInt(o("--sq-padding-md"));
|
|
2968
|
-
let r,
|
|
2969
|
-
const
|
|
2965
|
+
let r, c;
|
|
2966
|
+
const a = d, l = le(d, "visible"), i = z(0), p = z({}), g = ce(null), h = ce(null), f = b(() => {
|
|
2970
2967
|
const H = [];
|
|
2971
|
-
return
|
|
2968
|
+
return a.shadow && H.push("has-shadow"), H.push(a.popoverClass), [H];
|
|
2972
2969
|
});
|
|
2973
|
-
re(
|
|
2974
|
-
H ? (i.value = n(), V(),
|
|
2970
|
+
re(l, (H) => {
|
|
2971
|
+
H ? (i.value = n(), V(), c = Nt(
|
|
2975
2972
|
g.value.$el,
|
|
2976
2973
|
h.value,
|
|
2977
2974
|
V
|
|
2978
|
-
)) :
|
|
2975
|
+
)) : c == null || c();
|
|
2979
2976
|
}), ue(() => {
|
|
2980
2977
|
V();
|
|
2981
2978
|
}), ge(() => {
|
|
2982
2979
|
Y(), document.removeEventListener("click", O);
|
|
2983
2980
|
});
|
|
2984
2981
|
function w() {
|
|
2985
|
-
|
|
2982
|
+
a.trigger !== "hover" || a.disabled || (Y(), r = setTimeout(() => {
|
|
2986
2983
|
P(!1);
|
|
2987
|
-
},
|
|
2984
|
+
}, a.showAfter));
|
|
2988
2985
|
}
|
|
2989
2986
|
function B() {
|
|
2990
|
-
|
|
2987
|
+
a.trigger === "hover" && (Y(), r = setTimeout(() => {
|
|
2991
2988
|
O();
|
|
2992
|
-
},
|
|
2989
|
+
}, a.hideAfter));
|
|
2993
2990
|
}
|
|
2994
2991
|
function D(H) {
|
|
2995
|
-
|
|
2992
|
+
a.trigger === "click" && !a.disabled && !l.value && (H.stopPropagation(), P());
|
|
2996
2993
|
}
|
|
2997
2994
|
function P(H = !0) {
|
|
2998
|
-
|
|
2995
|
+
l.value = !0, H && document.addEventListener("click", O);
|
|
2999
2996
|
}
|
|
3000
2997
|
function O() {
|
|
3001
|
-
|
|
2998
|
+
l.value = !1, document.removeEventListener("click", O);
|
|
3002
2999
|
}
|
|
3003
3000
|
async function V() {
|
|
3004
3001
|
var v, y;
|
|
3005
3002
|
const H = typeof ((v = g.value) == null ? void 0 : v.$el.getBoundingClientRect), ee = typeof ((y = h.value) == null ? void 0 : y.getBoundingClientRect);
|
|
3006
3003
|
if (H !== "function" || ee !== "function") return;
|
|
3007
3004
|
const J = await Ft(g.value.$el, h.value, {
|
|
3008
|
-
placement:
|
|
3005
|
+
placement: a.placement,
|
|
3009
3006
|
middleware: [
|
|
3010
|
-
Ut(
|
|
3007
|
+
Ut(a.offset ?? s),
|
|
3011
3008
|
Vt(),
|
|
3012
3009
|
Ht({ padding: e })
|
|
3013
3010
|
]
|
|
@@ -3021,9 +3018,9 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3021
3018
|
r && (clearTimeout(r), r = void 0);
|
|
3022
3019
|
}
|
|
3023
3020
|
return (H, ee) => (m(), $(ne, null, [
|
|
3024
|
-
S(
|
|
3025
|
-
class: U(["sq-popover-trigger",
|
|
3026
|
-
style: X(
|
|
3021
|
+
S(u(Kn), {
|
|
3022
|
+
class: U(["sq-popover-trigger", u(t).class]),
|
|
3023
|
+
style: X(u(t).style),
|
|
3027
3024
|
ref_key: "triggerRef",
|
|
3028
3025
|
ref: g,
|
|
3029
3026
|
onMouseenter: w,
|
|
@@ -3037,10 +3034,10 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3037
3034
|
}, 8, ["class", "style"]),
|
|
3038
3035
|
(m(), C(Ge, {
|
|
3039
3036
|
to: "body",
|
|
3040
|
-
disabled: !
|
|
3037
|
+
disabled: !a.teleported
|
|
3041
3038
|
}, [
|
|
3042
3039
|
S(he, {
|
|
3043
|
-
name:
|
|
3040
|
+
name: a.transition
|
|
3044
3041
|
}, {
|
|
3045
3042
|
default: E(() => [
|
|
3046
3043
|
ae(I("div", {
|
|
@@ -3053,7 +3050,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3053
3050
|
}, [
|
|
3054
3051
|
N(H.$slots, "default")
|
|
3055
3052
|
], 6), [
|
|
3056
|
-
[ve,
|
|
3053
|
+
[ve, l.value]
|
|
3057
3054
|
])
|
|
3058
3055
|
]),
|
|
3059
3056
|
_: 3
|
|
@@ -3078,13 +3075,13 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3078
3075
|
label: { type: Boolean, default: !0 }
|
|
3079
3076
|
},
|
|
3080
3077
|
setup(d) {
|
|
3081
|
-
const o = new ResizeObserver(
|
|
3078
|
+
const o = new ResizeObserver(l), n = d, t = z(100), s = ce(null), e = b(() => {
|
|
3082
3079
|
const i = [];
|
|
3083
3080
|
return n.color || i.push(`is-${n.type}`), n.variant && i.push(`is-${n.variant}`), i;
|
|
3084
3081
|
}), r = b(() => {
|
|
3085
3082
|
const i = n.max - n.min;
|
|
3086
3083
|
return (n.value - n.min) * 100 / i;
|
|
3087
|
-
}),
|
|
3084
|
+
}), c = b(() => `${Math.round(r.value * 10) / 10} %`), a = b(() => {
|
|
3088
3085
|
const i = {};
|
|
3089
3086
|
if (i["--progress-stroke"] = `${n.stroke}px`, !n.variant)
|
|
3090
3087
|
i["--progress-value"] = `${r.value}%`;
|
|
@@ -3103,14 +3100,14 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3103
3100
|
}), ge(() => {
|
|
3104
3101
|
o.disconnect();
|
|
3105
3102
|
});
|
|
3106
|
-
function
|
|
3103
|
+
function l() {
|
|
3107
3104
|
t.value = s.value.getBoundingClientRect().width;
|
|
3108
3105
|
}
|
|
3109
3106
|
return (i, p) => (m(), $("div", {
|
|
3110
3107
|
class: U(["sq-progress", e.value]),
|
|
3111
3108
|
ref_key: "progressRef",
|
|
3112
3109
|
ref: s,
|
|
3113
|
-
style: X(
|
|
3110
|
+
style: X(a.value)
|
|
3114
3111
|
}, [
|
|
3115
3112
|
n.variant === "circle" ? (m(), $(ne, { key: 0 }, [
|
|
3116
3113
|
p[0] || (p[0] = I("svg", {
|
|
@@ -3132,7 +3129,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3132
3129
|
n.label ? (m(), $("div", Jn, [
|
|
3133
3130
|
N(i.$slots, "default", { percentage: r.value }, () => [
|
|
3134
3131
|
I("span", {
|
|
3135
|
-
textContent: K(
|
|
3132
|
+
textContent: K(c.value)
|
|
3136
3133
|
}, null, 8, Qn)
|
|
3137
3134
|
])
|
|
3138
3135
|
])) : L("", !0)
|
|
@@ -3164,13 +3161,13 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3164
3161
|
radioSize: s,
|
|
3165
3162
|
radioDisabled: e,
|
|
3166
3163
|
radioForm: r,
|
|
3167
|
-
radioName:
|
|
3168
|
-
radioVariant:
|
|
3169
|
-
groupContext:
|
|
3164
|
+
radioName: c,
|
|
3165
|
+
radioVariant: a,
|
|
3166
|
+
groupContext: l
|
|
3170
3167
|
} = ps(t), i = z(), p = le(d, "checked"), g = b(() => {
|
|
3171
|
-
const f = [], w =
|
|
3168
|
+
const f = [], w = u(s), B = u(e), D = u(a);
|
|
3172
3169
|
return w !== "md" && f.push(`sq-selection--${w}`), h.value && f.push("is-checked"), B && f.push("is-disabled"), D && f.push(`is-${D}`), f;
|
|
3173
|
-
}), h = b(() =>
|
|
3170
|
+
}), h = b(() => l ? u(l).checked === t.value : p.value);
|
|
3174
3171
|
return re(i, (f) => {
|
|
3175
3172
|
p.value = f === t.value;
|
|
3176
3173
|
}), re(h, (f) => {
|
|
@@ -3179,7 +3176,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3179
3176
|
return;
|
|
3180
3177
|
}
|
|
3181
3178
|
}), re(p, (f) => {
|
|
3182
|
-
h.value !== f &&
|
|
3179
|
+
h.value !== f && l && l.value.toggleItem(t.value);
|
|
3183
3180
|
}), ue(() => {
|
|
3184
3181
|
p.value = h.value, i.value = p.value ? t.value ?? "on" : void 0;
|
|
3185
3182
|
}), (f, w) => (m(), $("label", {
|
|
@@ -3188,16 +3185,16 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3188
3185
|
ae(I("input", {
|
|
3189
3186
|
type: "radio",
|
|
3190
3187
|
autofocus: t.autofocus,
|
|
3191
|
-
name: c
|
|
3192
|
-
form:
|
|
3188
|
+
name: u(c),
|
|
3189
|
+
form: u(r),
|
|
3193
3190
|
value: t.value,
|
|
3194
|
-
disabled:
|
|
3191
|
+
disabled: u(e),
|
|
3195
3192
|
"onUpdate:modelValue": w[0] || (w[0] = (B) => i.value = B),
|
|
3196
3193
|
onChange: w[1] || (w[1] = (B) => n("change", h.value))
|
|
3197
3194
|
}, null, 40, so), [
|
|
3198
3195
|
[Ze, i.value]
|
|
3199
3196
|
]),
|
|
3200
|
-
|
|
3197
|
+
u(a) !== "solid" ? (m(), $("span", no)) : L("", !0),
|
|
3201
3198
|
t.label ? (m(), $("span", {
|
|
3202
3199
|
key: 1,
|
|
3203
3200
|
class: "sq-selection-label",
|
|
@@ -3229,20 +3226,20 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3229
3226
|
size: se(s, "size"),
|
|
3230
3227
|
variant: se(s, "variant"),
|
|
3231
3228
|
checked: e,
|
|
3232
|
-
toggleItem:
|
|
3229
|
+
toggleItem: c
|
|
3233
3230
|
})
|
|
3234
3231
|
), re(
|
|
3235
3232
|
() => s.value,
|
|
3236
|
-
(
|
|
3237
|
-
|
|
3233
|
+
(a) => {
|
|
3234
|
+
a !== e.value && (e.value = a);
|
|
3238
3235
|
}
|
|
3239
3236
|
);
|
|
3240
|
-
function
|
|
3241
|
-
e.value =
|
|
3237
|
+
function c(a) {
|
|
3238
|
+
e.value = a, t("change", e.value), t("update:value", e.value);
|
|
3242
3239
|
}
|
|
3243
|
-
return (
|
|
3244
|
-
N(
|
|
3245
|
-
(m(!0), $(ne, null, de(s.items, (i, p) => (m(), C(
|
|
3240
|
+
return (a, l) => (m(), $("div", io, [
|
|
3241
|
+
N(a.$slots, "default", {}, () => [
|
|
3242
|
+
(m(!0), $(ne, null, de(s.items, (i, p) => (m(), C(u(lo), {
|
|
3246
3243
|
key: p,
|
|
3247
3244
|
label: i.toString(),
|
|
3248
3245
|
value: i
|
|
@@ -3263,15 +3260,15 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3263
3260
|
},
|
|
3264
3261
|
emits: ["change", "update:value"],
|
|
3265
3262
|
setup(d, { emit: o }) {
|
|
3266
|
-
const { nextId: n } = Te(), t = o, s = d, e = z(s.value), r = z(),
|
|
3263
|
+
const { nextId: n } = Te(), t = o, s = d, e = z(s.value), r = z(), c = z(), a = b(() => s.items.length && typeof s.items[0] == "string" ? s.items.map((f) => ({
|
|
3267
3264
|
text: f,
|
|
3268
3265
|
value: f
|
|
3269
|
-
})) : s.items),
|
|
3266
|
+
})) : s.items), l = b(() => {
|
|
3270
3267
|
const f = [];
|
|
3271
3268
|
return s.size !== "md" && f.push(`sq-segmented--${s.size}`), s.round && f.push("is-round"), f;
|
|
3272
3269
|
}), i = b(() => {
|
|
3273
3270
|
const f = {};
|
|
3274
|
-
return r.value && (f.width = `${r.value}px`),
|
|
3271
|
+
return r.value && (f.width = `${r.value}px`), c.value && (f.left = `${c.value}px`), f;
|
|
3275
3272
|
}), p = b(() => s.name ?? `sq-segmented-${n()}`);
|
|
3276
3273
|
ke(
|
|
3277
3274
|
ft,
|
|
@@ -3292,23 +3289,23 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3292
3289
|
}
|
|
3293
3290
|
), ue(() => {
|
|
3294
3291
|
var f;
|
|
3295
|
-
e.value || (e.value = (f =
|
|
3292
|
+
e.value || (e.value = (f = a.value[0]) == null ? void 0 : f.value);
|
|
3296
3293
|
});
|
|
3297
3294
|
function g(f) {
|
|
3298
3295
|
e.value = f;
|
|
3299
3296
|
}
|
|
3300
3297
|
function h(f) {
|
|
3301
|
-
|
|
3298
|
+
c.value = f == null ? void 0 : f.offsetLeft, r.value = f == null ? void 0 : f.clientWidth;
|
|
3302
3299
|
}
|
|
3303
3300
|
return (f, w) => (m(), $("div", {
|
|
3304
|
-
class: U(["sq-segmented",
|
|
3301
|
+
class: U(["sq-segmented", l.value])
|
|
3305
3302
|
}, [
|
|
3306
3303
|
I("div", {
|
|
3307
3304
|
class: "sq-segmented-thumb",
|
|
3308
3305
|
style: X(i.value)
|
|
3309
3306
|
}, null, 4),
|
|
3310
3307
|
N(f.$slots, "default", {}, () => [
|
|
3311
|
-
(m(!0), $(ne, null, de(
|
|
3308
|
+
(m(!0), $(ne, null, de(a.value, (B) => (m(), C(u(mo), pe({
|
|
3312
3309
|
key: B.text
|
|
3313
3310
|
}, { ref_for: !0 }, B), null, 16))), 128))
|
|
3314
3311
|
])
|
|
@@ -3325,18 +3322,18 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3325
3322
|
},
|
|
3326
3323
|
setup(d) {
|
|
3327
3324
|
const o = d, { segmentedDisabled: n, parentContext: t } = vs(o), s = z(), e = ce(null), r = b(() => {
|
|
3328
|
-
const i = [], p =
|
|
3329
|
-
return
|
|
3330
|
-
}),
|
|
3331
|
-
re(
|
|
3325
|
+
const i = [], p = u(n);
|
|
3326
|
+
return c.value && i.push("is-active"), p && i.push("is-disabled"), i;
|
|
3327
|
+
}), c = b(() => u(t).active === o.value), a = b(() => u(t).size !== "sm" ? "md" : "sm");
|
|
3328
|
+
re(c, (i) => {
|
|
3332
3329
|
if (i) {
|
|
3333
3330
|
if (s.value = o.value ?? "on", !t) return;
|
|
3334
3331
|
t.value.updateThumb(e.value);
|
|
3335
3332
|
} else s.value = void 0;
|
|
3336
3333
|
}), ue(() => {
|
|
3337
|
-
s.value =
|
|
3334
|
+
s.value = c.value ? o.value ?? "on" : void 0, !(!c.value || !t) && t.value.updateThumb(e.value);
|
|
3338
3335
|
});
|
|
3339
|
-
function
|
|
3336
|
+
function l() {
|
|
3340
3337
|
t && t.value.toggleItem(o.value);
|
|
3341
3338
|
}
|
|
3342
3339
|
return (i, p) => {
|
|
@@ -3348,16 +3345,16 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3348
3345
|
}, [
|
|
3349
3346
|
ae(I("input", {
|
|
3350
3347
|
type: "radio",
|
|
3351
|
-
name: (g =
|
|
3348
|
+
name: (g = u(t)) == null ? void 0 : g.name,
|
|
3352
3349
|
value: o.value,
|
|
3353
|
-
disabled:
|
|
3350
|
+
disabled: u(n),
|
|
3354
3351
|
"onUpdate:modelValue": p[0] || (p[0] = (h) => s.value = h),
|
|
3355
|
-
onChange:
|
|
3352
|
+
onChange: l
|
|
3356
3353
|
}, null, 40, po), [
|
|
3357
3354
|
[Ze, s.value]
|
|
3358
3355
|
]),
|
|
3359
3356
|
N(i.$slots, "default", {}, () => [
|
|
3360
|
-
S(
|
|
3357
|
+
S(u(be), { size: a.value }, {
|
|
3361
3358
|
default: E(() => [
|
|
3362
3359
|
o.icon ? (m(), C(ie(o.icon), { key: 0 })) : L("", !0),
|
|
3363
3360
|
Se(" " + K(o.text), 1)
|
|
@@ -3387,29 +3384,29 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3387
3384
|
}),
|
|
3388
3385
|
emits: /* @__PURE__ */ Z(["change", "click"], ["update:checked"]),
|
|
3389
3386
|
setup(d, { emit: o }) {
|
|
3390
|
-
const n = o, t = d, { switchSize: s, switchDisabled: e, id: r } = ms(t),
|
|
3391
|
-
const
|
|
3392
|
-
return i !== "md" &&
|
|
3387
|
+
const n = o, t = d, { switchSize: s, switchDisabled: e, id: r } = ms(t), c = le(d, "checked"), a = b(() => {
|
|
3388
|
+
const l = [], i = u(s), p = u(e);
|
|
3389
|
+
return i !== "md" && l.push(`sq-switch--${i}`), c.value && l.push("is-checked"), (p || t.loading) && l.push("is-disabled"), t.variant && l.push(`is-${t.variant}`), l;
|
|
3393
3390
|
});
|
|
3394
|
-
return (
|
|
3395
|
-
class: U(["sq-switch",
|
|
3391
|
+
return (l, i) => (m(), $("label", {
|
|
3392
|
+
class: U(["sq-switch", a.value])
|
|
3396
3393
|
}, [
|
|
3397
3394
|
ae(I("input", {
|
|
3398
3395
|
type: "checkbox",
|
|
3399
|
-
"onUpdate:modelValue": i[0] || (i[0] = (p) =>
|
|
3400
|
-
id:
|
|
3396
|
+
"onUpdate:modelValue": i[0] || (i[0] = (p) => c.value = p),
|
|
3397
|
+
id: u(r),
|
|
3401
3398
|
autofocus: t.autofocus,
|
|
3402
3399
|
name: t.name,
|
|
3403
3400
|
form: t.form,
|
|
3404
|
-
disabled:
|
|
3405
|
-
onChange: i[1] || (i[1] = (p) => n("change",
|
|
3406
|
-
onClick: i[2] || (i[2] = (p) => n("click",
|
|
3401
|
+
disabled: u(e) || t.loading,
|
|
3402
|
+
onChange: i[1] || (i[1] = (p) => n("change", c.value, p)),
|
|
3403
|
+
onClick: i[2] || (i[2] = (p) => n("click", c.value, p))
|
|
3407
3404
|
}, null, 40, ho), [
|
|
3408
|
-
[Ke,
|
|
3405
|
+
[Ke, c.value]
|
|
3409
3406
|
]),
|
|
3410
3407
|
I("span", go, [
|
|
3411
3408
|
I("span", bo, [
|
|
3412
|
-
t.loading ? (m(), C(
|
|
3409
|
+
t.loading ? (m(), C(u(Re), { key: 0 })) : L("", !0)
|
|
3413
3410
|
])
|
|
3414
3411
|
])
|
|
3415
3412
|
], 2));
|
|
@@ -3440,13 +3437,13 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3440
3437
|
cols: { default: () => [] }
|
|
3441
3438
|
},
|
|
3442
3439
|
setup(d) {
|
|
3443
|
-
const { getCssUnit: o } = Pe(), n = new ResizeObserver(
|
|
3440
|
+
const { getCssUnit: o } = Pe(), n = new ResizeObserver(l), t = d, s = z(!1), e = yt("bodyRef"), r = b(() => {
|
|
3444
3441
|
const h = [];
|
|
3445
3442
|
return t.stripe && h.push("is-striped"), t.border && h.push("has-border"), h;
|
|
3446
|
-
}),
|
|
3443
|
+
}), c = b(() => ({
|
|
3447
3444
|
gridTemplateColumns: t.cols.map((h) => h.width ? o(h.width) : "1fr").join(" ")
|
|
3448
|
-
})),
|
|
3449
|
-
...
|
|
3445
|
+
})), a = b(() => ({
|
|
3446
|
+
...c.value,
|
|
3450
3447
|
paddingInlineEnd: s.value ? "6px" : "0"
|
|
3451
3448
|
}));
|
|
3452
3449
|
ue(() => {
|
|
@@ -3454,7 +3451,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3454
3451
|
}), ge(() => {
|
|
3455
3452
|
n.disconnect();
|
|
3456
3453
|
});
|
|
3457
|
-
function
|
|
3454
|
+
function l() {
|
|
3458
3455
|
if (!t.data.length) {
|
|
3459
3456
|
s.value = !1;
|
|
3460
3457
|
return;
|
|
@@ -3489,7 +3486,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3489
3486
|
I("div", ko, [
|
|
3490
3487
|
I("div", {
|
|
3491
3488
|
class: "sq-table-header",
|
|
3492
|
-
style: X(
|
|
3489
|
+
style: X(a.value)
|
|
3493
3490
|
}, [
|
|
3494
3491
|
(m(!0), $(ne, null, de(t.cols, (w) => (m(), $("div", {
|
|
3495
3492
|
class: "sq-table-cell",
|
|
@@ -3509,7 +3506,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3509
3506
|
}, [
|
|
3510
3507
|
(m(!0), $(ne, null, de(t.data, (w, B) => (m(), $("div", {
|
|
3511
3508
|
class: "sq-table-row",
|
|
3512
|
-
style: X(
|
|
3509
|
+
style: X(c.value),
|
|
3513
3510
|
key: i(w, B)
|
|
3514
3511
|
}, [
|
|
3515
3512
|
(m(!0), $(ne, null, de(t.cols, (D, P) => (m(), $("div", {
|
|
@@ -3517,7 +3514,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3517
3514
|
style: X({ "justify-content": p(D.align) }),
|
|
3518
3515
|
key: `${D.binding}-${i(w, P)}`
|
|
3519
3516
|
}, [
|
|
3520
|
-
typeof D.cellRender == "function" ? (m(), C(
|
|
3517
|
+
typeof D.cellRender == "function" ? (m(), C(u($o), {
|
|
3521
3518
|
key: 0,
|
|
3522
3519
|
content: D.cellRender(w)
|
|
3523
3520
|
}, null, 8, ["content"])) : (m(), $("span", {
|
|
@@ -3550,7 +3547,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3550
3547
|
const s = [];
|
|
3551
3548
|
return o.size !== "md" && s.push(`sq-tag--${o.size}`), o.variant && o.type && s.push(`is-${o.variant}`), o.type && s.push(`is-${o.type}`), o.round && s.push("is-round"), s;
|
|
3552
3549
|
}), t = b(() => o.size === "lg" ? "md" : "sm");
|
|
3553
|
-
return (s, e) => (m(), C(
|
|
3550
|
+
return (s, e) => (m(), C(u(be), {
|
|
3554
3551
|
class: U(["sq-tag", n.value]),
|
|
3555
3552
|
size: t.value
|
|
3556
3553
|
}, {
|
|
@@ -3575,10 +3572,10 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3575
3572
|
const r = [];
|
|
3576
3573
|
return t.size !== "md" && r.push(`sq-tag--${t.size}`), t.type && r.push(`is-${t.type}`), t.round && r.push("is-round"), t.checked && r.push("is-checked"), r;
|
|
3577
3574
|
}), e = b(() => t.size === "lg" ? "md" : "sm");
|
|
3578
|
-
return (r,
|
|
3575
|
+
return (r, c) => (m(), C(u(be), {
|
|
3579
3576
|
class: U(["sq-check-tag", s.value]),
|
|
3580
3577
|
size: e.value,
|
|
3581
|
-
onClick:
|
|
3578
|
+
onClick: c[0] || (c[0] = (a) => n("change", !t.checked))
|
|
3582
3579
|
}, {
|
|
3583
3580
|
default: E(() => [
|
|
3584
3581
|
N(r.$slots, "default")
|
|
@@ -3685,7 +3682,7 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3685
3682
|
const t = ["sq-tooltip"], s = o.popoverClass;
|
|
3686
3683
|
return Array.isArray(s) ? t.push(...s) : typeof s == "string" && t.push(s), t;
|
|
3687
3684
|
});
|
|
3688
|
-
return (t, s) => (m(), C(
|
|
3685
|
+
return (t, s) => (m(), C(u(Zn), {
|
|
3689
3686
|
placement: o.placement,
|
|
3690
3687
|
disabled: o.disabled,
|
|
3691
3688
|
"show-after": 300,
|
|
@@ -3725,14 +3722,14 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3725
3722
|
var g;
|
|
3726
3723
|
i(((g = e.value) == null ? void 0 : g.files) ?? void 0);
|
|
3727
3724
|
}
|
|
3728
|
-
function
|
|
3725
|
+
function c(g) {
|
|
3729
3726
|
var h;
|
|
3730
3727
|
g.target === e.value || s.disabled || (h = e.value) == null || h.click();
|
|
3731
3728
|
}
|
|
3732
|
-
function
|
|
3729
|
+
function a(g) {
|
|
3733
3730
|
s.allowDrop && g.preventDefault();
|
|
3734
3731
|
}
|
|
3735
|
-
function
|
|
3732
|
+
function l(g) {
|
|
3736
3733
|
var h;
|
|
3737
3734
|
s.disabled || (s.allowDrop && g.preventDefault(), i(((h = g.dataTransfer) == null ? void 0 : h.files) ?? void 0));
|
|
3738
3735
|
}
|
|
@@ -3749,9 +3746,9 @@ const Gn = "sq-popover", Zn = /* @__PURE__ */ R({
|
|
|
3749
3746
|
}
|
|
3750
3747
|
return o({ clearFiles: p }), (g, h) => (m(), $("div", {
|
|
3751
3748
|
class: "sq-upload",
|
|
3752
|
-
onClick:
|
|
3753
|
-
onDragover:
|
|
3754
|
-
onDrop:
|
|
3749
|
+
onClick: c,
|
|
3750
|
+
onDragover: a,
|
|
3751
|
+
onDrop: l
|
|
3755
3752
|
}, [
|
|
3756
3753
|
I("input", {
|
|
3757
3754
|
type: "file",
|