@toife/vue 1.2.19 → 1.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/controllers/screen.d.ts +3 -0
- package/dist/index.css +1 -1
- package/dist/index.es.js +178 -171
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { createElementBlock as f, openBlock as c, renderSlot as
|
|
1
|
+
import { createElementBlock as f, openBlock as c, renderSlot as b, defineComponent as $, ref as v, computed as z, reactive as te, watch as L, Fragment as A, withDirectives as O, createCommentVNode as I, normalizeStyle as w, normalizeClass as x, vShow as N, createElementVNode as k, createVNode as W, createBlock as B, withCtx as V, toDisplayString as M, renderList as q, createTextVNode as R, createApp as H, h as U, unref as E, onUnmounted as G, onMounted as K, resolveDynamicComponent as ie, markRaw as ue, inject as de, provide as pe } from "vue";
|
|
2
2
|
import { gesture as J } from "@toife/gesture";
|
|
3
|
-
import { useRouter as
|
|
4
|
-
const
|
|
3
|
+
import { useRouter as oe, useRoute as fe } from "vue-router";
|
|
4
|
+
const me = (o) => o && (o.tagName == "INPUT" || o.tagName == "TEXTAREA" || o.isContentEditable), ve = () => {
|
|
5
5
|
const o = document.activeElement;
|
|
6
6
|
o && (o.tagName === "INPUT" || o.tagName === "TEXTAREA" || o.isContentEditable) && o.blur();
|
|
7
|
-
},
|
|
7
|
+
}, _e = () => {
|
|
8
8
|
document.addEventListener("contextmenu", (o) => o.preventDefault()), document.addEventListener("selectstart", (o) => o.preventDefault()), document.addEventListener("pointerup", (o) => {
|
|
9
|
-
!
|
|
9
|
+
!me(o.target) && ve();
|
|
10
10
|
});
|
|
11
11
|
}, g = (o, s) => {
|
|
12
12
|
const e = o.__vccOpts || o;
|
|
13
13
|
for (const [t, n] of s)
|
|
14
14
|
e[t] = n;
|
|
15
15
|
return e;
|
|
16
|
-
},
|
|
17
|
-
function
|
|
18
|
-
return c(), f("div",
|
|
19
|
-
|
|
16
|
+
}, ge = {}, ye = { class: "t-app" };
|
|
17
|
+
function be(o, s) {
|
|
18
|
+
return c(), f("div", ye, [
|
|
19
|
+
b(o.$slots, "default")
|
|
20
20
|
]);
|
|
21
21
|
}
|
|
22
|
-
const he = /* @__PURE__ */ g(
|
|
22
|
+
const he = /* @__PURE__ */ g(ge, [["render", be]]), ke = /* @__PURE__ */ $({
|
|
23
23
|
__name: "t-present",
|
|
24
24
|
props: {
|
|
25
25
|
keepalive: { type: Boolean, default: !0 },
|
|
@@ -29,7 +29,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
29
29
|
},
|
|
30
30
|
emits: ["dismiss"],
|
|
31
31
|
setup(o, { expose: s, emit: e }) {
|
|
32
|
-
const t = v(0), n = v(!1), r = v(), i = v(), a = o, d = e, m = z(() => n.value || a.keepalive), _ =
|
|
32
|
+
const t = v(0), n = v(!1), r = v(), i = v(), a = o, d = e, m = z(() => n.value || a.keepalive), _ = te({
|
|
33
33
|
"--t-present-backdrop-opacity": "0.4",
|
|
34
34
|
"--t-present-transition": "0.2s",
|
|
35
35
|
"--t-present-content-transform": "0px",
|
|
@@ -53,7 +53,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
53
53
|
});
|
|
54
54
|
};
|
|
55
55
|
L(() => a.visible, () => {
|
|
56
|
-
a.visible ? (n.value = !0, t.value =
|
|
56
|
+
a.visible ? (n.value = !0, t.value = Pe.getNewIndex(), setTimeout(() => {
|
|
57
57
|
y();
|
|
58
58
|
}, 50)) : (u(), setTimeout(() => {
|
|
59
59
|
n.value = !1;
|
|
@@ -63,7 +63,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
63
63
|
open: y,
|
|
64
64
|
close: u
|
|
65
65
|
});
|
|
66
|
-
const
|
|
66
|
+
const h = (p) => {
|
|
67
67
|
p.preventDefault(), d("dismiss", "backdrop");
|
|
68
68
|
};
|
|
69
69
|
return u(), (p, S) => (c(), f(A, null, [
|
|
@@ -74,14 +74,14 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
74
74
|
ref: i,
|
|
75
75
|
style: w({ ..._, zIndex: t.value })
|
|
76
76
|
}, [
|
|
77
|
-
|
|
77
|
+
b(p.$slots, "default", {}, void 0, !0)
|
|
78
78
|
], 6)), [
|
|
79
79
|
[N, n.value]
|
|
80
80
|
]) : I("", !0),
|
|
81
81
|
m.value ? O((c(), f("div", {
|
|
82
82
|
key: 1,
|
|
83
83
|
class: "t-present-backdrop",
|
|
84
|
-
onClick:
|
|
84
|
+
onClick: h,
|
|
85
85
|
ref_key: "backdrop",
|
|
86
86
|
ref: r,
|
|
87
87
|
style: w({ ..._, zIndex: t.value - 1 })
|
|
@@ -90,7 +90,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
90
90
|
]) : I("", !0)
|
|
91
91
|
], 64));
|
|
92
92
|
}
|
|
93
|
-
}), D = /* @__PURE__ */ g(
|
|
93
|
+
}), D = /* @__PURE__ */ g(ke, [["__scopeId", "data-v-3d0c3227"]]), $e = /* @__PURE__ */ $({
|
|
94
94
|
__name: "t-loading-icon",
|
|
95
95
|
props: {
|
|
96
96
|
size: {
|
|
@@ -114,10 +114,10 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
114
114
|
"aria-label": "Loading..."
|
|
115
115
|
}, null, 4));
|
|
116
116
|
}
|
|
117
|
-
}), X = /* @__PURE__ */ g(
|
|
117
|
+
}), X = /* @__PURE__ */ g($e, [["__scopeId", "data-v-7c463303"]]), Te = {
|
|
118
118
|
key: 0,
|
|
119
119
|
class: "loader"
|
|
120
|
-
},
|
|
120
|
+
}, we = /* @__PURE__ */ $({
|
|
121
121
|
__name: "t-button",
|
|
122
122
|
props: {
|
|
123
123
|
color: { default: null },
|
|
@@ -175,11 +175,11 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
175
175
|
style: w(e.value)
|
|
176
176
|
}, [
|
|
177
177
|
O(k("span", null, [
|
|
178
|
-
|
|
178
|
+
b(t.$slots, "default", {}, void 0, !0)
|
|
179
179
|
], 512), [
|
|
180
180
|
[N, !s.loading]
|
|
181
181
|
]),
|
|
182
|
-
s.loading ? (c(), f("span",
|
|
182
|
+
s.loading ? (c(), f("span", Te, [
|
|
183
183
|
W(X, {
|
|
184
184
|
color: "var(--color)",
|
|
185
185
|
type: s.loadingType
|
|
@@ -187,10 +187,10 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
187
187
|
])) : I("", !0)
|
|
188
188
|
], 6));
|
|
189
189
|
}
|
|
190
|
-
}), j = /* @__PURE__ */ g(
|
|
190
|
+
}), j = /* @__PURE__ */ g(we, [["__scopeId", "data-v-74d8380d"]]), xe = {
|
|
191
191
|
key: 0,
|
|
192
192
|
class: "t-alert-header"
|
|
193
|
-
},
|
|
193
|
+
}, Se = { class: "t-alert-content" }, ze = { class: "t-alert-footer" }, Ie = /* @__PURE__ */ $({
|
|
194
194
|
__name: "t-alert",
|
|
195
195
|
props: {
|
|
196
196
|
title: {},
|
|
@@ -224,18 +224,18 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
224
224
|
ref_key: "container",
|
|
225
225
|
ref: i
|
|
226
226
|
}, [
|
|
227
|
-
|
|
228
|
-
t.title ? (c(), f("div",
|
|
227
|
+
b(l.$slots, "header", {}, () => [
|
|
228
|
+
t.title ? (c(), f("div", xe, M(t.title), 1)) : I("", !0)
|
|
229
229
|
], !0),
|
|
230
|
-
|
|
231
|
-
k("div",
|
|
230
|
+
b(l.$slots, "content", {}, () => [
|
|
231
|
+
k("div", Se, M(t.message), 1)
|
|
232
232
|
], !0),
|
|
233
|
-
|
|
234
|
-
k("div",
|
|
233
|
+
b(l.$slots, "footer", {}, () => [
|
|
234
|
+
k("div", ze, [
|
|
235
235
|
(c(!0), f(A, null, q(t.actions, (u) => (c(), B(j, {
|
|
236
236
|
color: u.color,
|
|
237
237
|
variant: u.variant,
|
|
238
|
-
onClick: (
|
|
238
|
+
onClick: (h) => m(u)
|
|
239
239
|
}, {
|
|
240
240
|
default: V(() => [
|
|
241
241
|
R(M(u.text), 1)
|
|
@@ -249,7 +249,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
249
249
|
_: 3
|
|
250
250
|
}, 8, ["visible"]));
|
|
251
251
|
}
|
|
252
|
-
}),
|
|
252
|
+
}), se = /* @__PURE__ */ g(Ie, [["__scopeId", "data-v-05d0c578"]]), oo = (o = {}) => ({
|
|
253
253
|
open() {
|
|
254
254
|
return new Promise((s) => {
|
|
255
255
|
let e = document.body.querySelector(".t-app");
|
|
@@ -258,7 +258,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
258
258
|
e.appendChild(t);
|
|
259
259
|
const r = H({
|
|
260
260
|
render() {
|
|
261
|
-
return U(
|
|
261
|
+
return U(se, {
|
|
262
262
|
...o,
|
|
263
263
|
ref: n,
|
|
264
264
|
onDismiss: (i, a) => {
|
|
@@ -274,7 +274,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
274
274
|
}, 50);
|
|
275
275
|
});
|
|
276
276
|
}
|
|
277
|
-
}),
|
|
277
|
+
}), Be = /* @__PURE__ */ $({
|
|
278
278
|
__name: "t-action",
|
|
279
279
|
props: {
|
|
280
280
|
actions: {},
|
|
@@ -307,15 +307,15 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
307
307
|
ref: i
|
|
308
308
|
}, [
|
|
309
309
|
(c(!0), f(A, null, q(t.actions, (u) => (c(), f("div", null, [
|
|
310
|
-
(c(!0), f(A, null, q(u, (
|
|
311
|
-
color:
|
|
312
|
-
size:
|
|
313
|
-
variant:
|
|
314
|
-
onClick: (p) => m(
|
|
310
|
+
(c(!0), f(A, null, q(u, (h) => (c(), B(j, {
|
|
311
|
+
color: h.color,
|
|
312
|
+
size: h.size,
|
|
313
|
+
variant: h.variant,
|
|
314
|
+
onClick: (p) => m(h),
|
|
315
315
|
block: ""
|
|
316
316
|
}, {
|
|
317
317
|
default: V(() => [
|
|
318
|
-
R(M(
|
|
318
|
+
R(M(h.text), 1)
|
|
319
319
|
]),
|
|
320
320
|
_: 2
|
|
321
321
|
}, 1032, ["color", "size", "variant", "onClick"]))), 256))
|
|
@@ -325,7 +325,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
325
325
|
_: 1
|
|
326
326
|
}, 8, ["visible"]));
|
|
327
327
|
}
|
|
328
|
-
}),
|
|
328
|
+
}), Ce = /* @__PURE__ */ g(Be, [["__scopeId", "data-v-c6bccffb"]]), so = (o = {}) => ({
|
|
329
329
|
open() {
|
|
330
330
|
return new Promise((s) => {
|
|
331
331
|
let e = document.body.querySelector(".t-app");
|
|
@@ -334,7 +334,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
334
334
|
e.appendChild(t);
|
|
335
335
|
const r = H({
|
|
336
336
|
render() {
|
|
337
|
-
return U(
|
|
337
|
+
return U(Ce, {
|
|
338
338
|
...o,
|
|
339
339
|
ref: n,
|
|
340
340
|
onDismiss: (i, a) => {
|
|
@@ -350,7 +350,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
350
350
|
}, 50);
|
|
351
351
|
});
|
|
352
352
|
}
|
|
353
|
-
}),
|
|
353
|
+
}), Ee = { class: "t-loading" }, Ve = /* @__PURE__ */ $({
|
|
354
354
|
__name: "t-loading",
|
|
355
355
|
props: {
|
|
356
356
|
type: { default: "spinner" }
|
|
@@ -372,8 +372,8 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
372
372
|
visible: n.value
|
|
373
373
|
}, {
|
|
374
374
|
default: V(() => [
|
|
375
|
-
k("div",
|
|
376
|
-
|
|
375
|
+
k("div", Ee, [
|
|
376
|
+
b(a.$slots, "default", {}, () => [
|
|
377
377
|
W(X, {
|
|
378
378
|
type: t.type
|
|
379
379
|
}, null, 8, ["type"])
|
|
@@ -383,7 +383,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
383
383
|
_: 3
|
|
384
384
|
}, 8, ["visible"]));
|
|
385
385
|
}
|
|
386
|
-
}),
|
|
386
|
+
}), Me = /* @__PURE__ */ g(Ve, [["__scopeId", "data-v-8f84c14e"]]), no = (o = {}) => {
|
|
387
387
|
const s = v(), e = document.body.querySelector(".t-app");
|
|
388
388
|
let t = null, n = null;
|
|
389
389
|
return {
|
|
@@ -391,7 +391,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
391
391
|
return new Promise((r) => {
|
|
392
392
|
e && (n = document.createElement("div"), e.appendChild(n), t = H({
|
|
393
393
|
render() {
|
|
394
|
-
return U(
|
|
394
|
+
return U(Me, {
|
|
395
395
|
...o,
|
|
396
396
|
ref: s
|
|
397
397
|
});
|
|
@@ -409,28 +409,35 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
409
409
|
});
|
|
410
410
|
}
|
|
411
411
|
};
|
|
412
|
-
},
|
|
412
|
+
}, Y = v(1e3), Pe = {
|
|
413
413
|
getNewIndex() {
|
|
414
|
-
return
|
|
414
|
+
return Y.value += 2, Y.value;
|
|
415
415
|
}
|
|
416
|
-
}, C =
|
|
416
|
+
}, C = te([]), Q = v(!0), Ae = (o) => {
|
|
417
417
|
C.push(o);
|
|
418
|
-
},
|
|
418
|
+
}, Re = (o) => {
|
|
419
419
|
o || C.pop();
|
|
420
|
-
},
|
|
420
|
+
}, De = () => {
|
|
421
421
|
C.splice(0, C.length);
|
|
422
|
+
}, Oe = () => {
|
|
423
|
+
Q.value = !1;
|
|
424
|
+
}, Ne = () => {
|
|
425
|
+
Q.value = !0;
|
|
422
426
|
}, T = {
|
|
423
427
|
screens: C,
|
|
424
|
-
addScreen:
|
|
425
|
-
removeScreen:
|
|
426
|
-
removeAllScreen:
|
|
428
|
+
addScreen: Ae,
|
|
429
|
+
removeScreen: Re,
|
|
430
|
+
removeAllScreen: De,
|
|
431
|
+
lockSwipe: Oe,
|
|
432
|
+
unlockSwipe: Ne,
|
|
433
|
+
swipeable: Q,
|
|
427
434
|
hasPrevious: z(() => C.length > 1),
|
|
428
435
|
currentScreen: z(() => C[C.length - 1]),
|
|
429
436
|
lastScreen: z(() => {
|
|
430
437
|
if (!(C.length < 2))
|
|
431
438
|
return C[C.length - 2];
|
|
432
439
|
})
|
|
433
|
-
},
|
|
440
|
+
}, qe = /* @__PURE__ */ $({
|
|
434
441
|
__name: "t-toast",
|
|
435
442
|
props: {
|
|
436
443
|
message: {},
|
|
@@ -500,7 +507,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
500
507
|
style: w({ "--space": t.space, ..._.value })
|
|
501
508
|
}, M(t.message), 7)) : I("", !0);
|
|
502
509
|
}
|
|
503
|
-
}),
|
|
510
|
+
}), ne = /* @__PURE__ */ g(qe, [["__scopeId", "data-v-61960e03"]]), ro = (o = {}) => ({
|
|
504
511
|
open() {
|
|
505
512
|
let s = document.body.querySelector(".t-app");
|
|
506
513
|
if (!s) return;
|
|
@@ -508,7 +515,7 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
508
515
|
s.appendChild(e);
|
|
509
516
|
const n = H({
|
|
510
517
|
render() {
|
|
511
|
-
return U(
|
|
518
|
+
return U(ne, {
|
|
512
519
|
...o,
|
|
513
520
|
ref: t,
|
|
514
521
|
onDismiss: () => {
|
|
@@ -523,28 +530,28 @@ const he = /* @__PURE__ */ g(_e, [["render", ye]]), be = /* @__PURE__ */ $({
|
|
|
523
530
|
t.value?.open?.();
|
|
524
531
|
}, 50);
|
|
525
532
|
}
|
|
526
|
-
}),
|
|
527
|
-
function
|
|
533
|
+
}), Le = v(0);
|
|
534
|
+
function re() {
|
|
528
535
|
return {
|
|
529
|
-
height:
|
|
536
|
+
height: Le
|
|
530
537
|
};
|
|
531
538
|
}
|
|
532
|
-
const
|
|
539
|
+
const We = /* @__PURE__ */ $({
|
|
533
540
|
__name: "t-cable",
|
|
534
541
|
props: {
|
|
535
542
|
keyboard: { type: Boolean, default: !0 },
|
|
536
543
|
placement: { default: "bottom" }
|
|
537
544
|
},
|
|
538
545
|
setup(o) {
|
|
539
|
-
const s = o, { height: e } =
|
|
546
|
+
const s = o, { height: e } = re();
|
|
540
547
|
return (t, n) => (c(), f("div", {
|
|
541
548
|
class: x(["t-cable", { keyboard: s.keyboard && E(e) > 0, [s.placement]: !0 }]),
|
|
542
549
|
style: w({ "--t-keyboard-height": E(e) + "px", "--t-keyboard-transition": E(e) > 0 ? "0.3s" : "0.1s" })
|
|
543
550
|
}, [
|
|
544
|
-
|
|
551
|
+
b(t.$slots, "default", {}, void 0, !0)
|
|
545
552
|
], 6));
|
|
546
553
|
}
|
|
547
|
-
}),
|
|
554
|
+
}), He = /* @__PURE__ */ g(We, [["__scopeId", "data-v-ecb72421"]]), Ue = /* @__PURE__ */ $({
|
|
548
555
|
__name: "t-card",
|
|
549
556
|
props: {
|
|
550
557
|
color: { default: null }
|
|
@@ -564,16 +571,16 @@ const Ne = /* @__PURE__ */ $({
|
|
|
564
571
|
class: "t-card",
|
|
565
572
|
style: w(e.value)
|
|
566
573
|
}, [
|
|
567
|
-
|
|
574
|
+
b(t.$slots, "default")
|
|
568
575
|
], 4));
|
|
569
576
|
}
|
|
570
|
-
}),
|
|
571
|
-
function
|
|
572
|
-
return c(), f("div",
|
|
573
|
-
|
|
577
|
+
}), Xe = {}, je = { class: "t-content" };
|
|
578
|
+
function Fe(o, s) {
|
|
579
|
+
return c(), f("div", je, [
|
|
580
|
+
b(o.$slots, "default", {}, void 0, !0)
|
|
574
581
|
]);
|
|
575
582
|
}
|
|
576
|
-
const
|
|
583
|
+
const ae = /* @__PURE__ */ g(Xe, [["render", Fe], ["__scopeId", "data-v-3fd76212"]]), ee = 80, Ge = /* @__PURE__ */ $({
|
|
577
584
|
__name: "t-refresher",
|
|
578
585
|
emits: ["refresh"],
|
|
579
586
|
setup(o, { emit: s }) {
|
|
@@ -584,7 +591,7 @@ const re = /* @__PURE__ */ g(We, [["render", Ue], ["__scopeId", "data-v-3fd76212
|
|
|
584
591
|
a = !1;
|
|
585
592
|
}, 2e3);
|
|
586
593
|
}, m = () => {
|
|
587
|
-
a = !0, n.value = !0, t.value =
|
|
594
|
+
a = !0, n.value = !0, t.value = ee, e("refresh", d);
|
|
588
595
|
};
|
|
589
596
|
return L(() => r.value, () => {
|
|
590
597
|
i && i.destroy();
|
|
@@ -601,7 +608,7 @@ const re = /* @__PURE__ */ g(We, [["render", Ue], ["__scopeId", "data-v-3fd76212
|
|
|
601
608
|
n.value || a || y != "down" || (l >= 120 ? (this.isMoving = !1, m()) : (l > 10 || this.isMoving) && (this.isMoving = !0, t.value = l > 0 ? l : 0));
|
|
602
609
|
},
|
|
603
610
|
up({ deltaY: l, initialDirection: y }) {
|
|
604
|
-
this.isMoving = !1, !(n.value || a) && (l >
|
|
611
|
+
this.isMoving = !1, !(n.value || a) && (l > ee && y == "down" ? m() : t.value = 0);
|
|
605
612
|
},
|
|
606
613
|
cancel() {
|
|
607
614
|
this.isMoving = !1, !(n.value || a) && (n.value = !1, t.value = 0);
|
|
@@ -627,29 +634,29 @@ const re = /* @__PURE__ */ g(We, [["render", Ue], ["__scopeId", "data-v-3fd76212
|
|
|
627
634
|
[N, t.value > 0]
|
|
628
635
|
]);
|
|
629
636
|
}
|
|
630
|
-
}),
|
|
631
|
-
function
|
|
632
|
-
return c(), f("div",
|
|
633
|
-
|
|
637
|
+
}), Ke = /* @__PURE__ */ g(Ge, [["__scopeId", "data-v-c6364c14"]]), Je = {}, Qe = { class: "t-screen" };
|
|
638
|
+
function Ze(o, s) {
|
|
639
|
+
return c(), f("div", Qe, [
|
|
640
|
+
b(o.$slots, "default", {}, void 0, !0)
|
|
634
641
|
]);
|
|
635
642
|
}
|
|
636
|
-
const
|
|
643
|
+
const le = /* @__PURE__ */ g(Je, [["render", Ze], ["__scopeId", "data-v-c2a3436c"]]), Ye = /* @__PURE__ */ $({
|
|
637
644
|
__name: "t-swipe-screen",
|
|
638
645
|
emits: ["change"],
|
|
639
646
|
setup(o, { emit: s }) {
|
|
640
647
|
let e = {};
|
|
641
|
-
const t =
|
|
648
|
+
const t = oe(), n = fe(), r = t.getRoutes(), i = v(!1), a = s;
|
|
642
649
|
for (let u of r)
|
|
643
650
|
e[u.name] = u.components;
|
|
644
651
|
const d = (u) => {
|
|
645
652
|
u && T.addScreen({
|
|
646
653
|
name: u,
|
|
647
654
|
target: null,
|
|
648
|
-
component:
|
|
655
|
+
component: ue(e[u] || null)
|
|
649
656
|
});
|
|
650
|
-
}, m = (u,
|
|
651
|
-
!
|
|
652
|
-
|
|
657
|
+
}, m = (u, h) => {
|
|
658
|
+
!h || T.screens[u].target || (T.screens[u].target = h.$el, u > 0 && (i.value = !0, h.$el.style.transform = "translateX(var(--t-app-width))", h.$el.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
|
|
659
|
+
h.$el.style.transition = "transform 0.35s ease", h.$el.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), T.screens.length > 1 && (T.lastScreen.value.target.style.transitionOrigin = "left center", T.lastScreen.value.target.style.transition = "transform 0.35s ease", T.lastScreen.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"), setTimeout(() => {
|
|
653
660
|
a("change"), i.value = !1;
|
|
654
661
|
}, 400);
|
|
655
662
|
}, 100)));
|
|
@@ -658,13 +665,13 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
658
665
|
T.removeScreen(), a("change"), i.value = !1;
|
|
659
666
|
}, 400);
|
|
660
667
|
};
|
|
661
|
-
d(n.name), L(() => n.name, (u,
|
|
668
|
+
d(n.name), L(() => n.name, (u, h) => {
|
|
662
669
|
u != T.currentScreen.value.name && (T.lastScreen.value?.name == u ? _() : d(u));
|
|
663
670
|
});
|
|
664
671
|
const l = () => {
|
|
665
672
|
i.value = !0;
|
|
666
|
-
const u = T.currentScreen.value.target,
|
|
667
|
-
u.style.transition = "transform 0.35s ease", u.style.transform = "translateX(0px)",
|
|
673
|
+
const u = T.currentScreen.value.target, h = T.lastScreen.value.target;
|
|
674
|
+
u.style.transition = "transform 0.35s ease", u.style.transform = "translateX(0px)", h.style.transition = "transform 0.35s ease", h.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), setTimeout(() => {
|
|
668
675
|
i.value = !1;
|
|
669
676
|
}, 400);
|
|
670
677
|
};
|
|
@@ -673,7 +680,7 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
673
680
|
y = J(document.body, {
|
|
674
681
|
isMoving: !1,
|
|
675
682
|
beforeEvent(u) {
|
|
676
|
-
return !(i.value || T.screens.length < 2);
|
|
683
|
+
return !(i.value || !T.swipeable.value || T.screens.length < 2);
|
|
677
684
|
},
|
|
678
685
|
fast({ initialDirection: u }) {
|
|
679
686
|
u == "right" && t.back();
|
|
@@ -681,13 +688,13 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
681
688
|
down() {
|
|
682
689
|
this.isMoving = !1;
|
|
683
690
|
},
|
|
684
|
-
move({ deltaX: u, initialDirection:
|
|
685
|
-
if (
|
|
686
|
-
const p = window.innerWidth, S = u / p * 100, P = T.currentScreen.value.target,
|
|
687
|
-
(u > 15 && u <= p || this.isMoving) && (u = u > 0 ? u : 0, this.isMoving = !0, P.style.transition = "transform 0s ease", P.style.transform = `translateX(${u}px)`,
|
|
691
|
+
move({ deltaX: u, initialDirection: h }) {
|
|
692
|
+
if (h != "right") return;
|
|
693
|
+
const p = window.innerWidth, S = u / p * 100, P = T.currentScreen.value.target, Z = T.lastScreen?.value?.target;
|
|
694
|
+
(u > 15 && u <= p || this.isMoving) && (u = u > 0 ? u : 0, this.isMoving = !0, P.style.transition = "transform 0s ease", P.style.transform = `translateX(${u}px)`, Z.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), Z.style.transform = `translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${S}))) scale(${0.5 + 0.5 / 100 * S}) perspective(var(--t-app-width)) rotateY(${30 - 30 / 100 * S}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * S}`));
|
|
688
695
|
},
|
|
689
|
-
up({ deltaX: u, initialDirection:
|
|
690
|
-
this.isMoving = !1,
|
|
696
|
+
up({ deltaX: u, initialDirection: h }) {
|
|
697
|
+
this.isMoving = !1, h != "right" && l();
|
|
691
698
|
const p = window.innerWidth;
|
|
692
699
|
u / p * 100 >= 50 ? t.back() : l();
|
|
693
700
|
},
|
|
@@ -697,15 +704,15 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
697
704
|
});
|
|
698
705
|
}), G(() => {
|
|
699
706
|
y && y.destroy(), T.removeAllScreen();
|
|
700
|
-
}), (u,
|
|
701
|
-
(c(!0), f(A, null, q(E(T).screens, (p, S) => (c(), B(
|
|
707
|
+
}), (u, h) => (c(), f(A, null, [
|
|
708
|
+
(c(!0), f(A, null, q(E(T).screens, (p, S) => (c(), B(le, {
|
|
702
709
|
ref_for: !0,
|
|
703
710
|
ref: (P) => m(S, P),
|
|
704
711
|
style: w({ zIndex: S + (S == E(T).screens.length - 1 ? 2 : 1) }),
|
|
705
712
|
key: S
|
|
706
713
|
}, {
|
|
707
714
|
default: V(() => [
|
|
708
|
-
(c(), B(
|
|
715
|
+
(c(), B(ie(p.component.default)))
|
|
709
716
|
]),
|
|
710
717
|
_: 2
|
|
711
718
|
}, 1032, ["style"]))), 128)),
|
|
@@ -715,7 +722,7 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
715
722
|
}, null, 4)
|
|
716
723
|
], 64));
|
|
717
724
|
}
|
|
718
|
-
}),
|
|
725
|
+
}), et = /* @__PURE__ */ g(Ye, [["__scopeId", "data-v-abea77ec"]]), tt = /* @__PURE__ */ $({
|
|
719
726
|
__name: "t-toolbar",
|
|
720
727
|
props: {
|
|
721
728
|
placement: { default: "bottom" },
|
|
@@ -729,17 +736,17 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
729
736
|
style: w({ "--t-size-toolbar": s.size })
|
|
730
737
|
}, [
|
|
731
738
|
k("div", null, [
|
|
732
|
-
|
|
739
|
+
b(e.$slots, "default", {}, void 0, !0)
|
|
733
740
|
])
|
|
734
741
|
], 6));
|
|
735
742
|
}
|
|
736
|
-
}),
|
|
743
|
+
}), ot = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-db1924b1"]]), st = /* @__PURE__ */ $({
|
|
737
744
|
__name: "t-back-button",
|
|
738
745
|
props: {
|
|
739
746
|
to: {}
|
|
740
747
|
},
|
|
741
748
|
setup(o) {
|
|
742
|
-
const s =
|
|
749
|
+
const s = oe(), e = o, t = () => {
|
|
743
750
|
T.hasPrevious.value ? s?.back?.() : e.to && s?.push?.(e.to);
|
|
744
751
|
};
|
|
745
752
|
return (n, r) => n.to || E(T).hasPrevious ? (c(), f("button", {
|
|
@@ -747,12 +754,12 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
747
754
|
class: "t-back-button",
|
|
748
755
|
onClick: t
|
|
749
756
|
}, [
|
|
750
|
-
|
|
757
|
+
b(n.$slots, "default", {}, () => [
|
|
751
758
|
r[0] || (r[0] = k("i", { class: "ri-arrow-left-s-line" }, null, -1))
|
|
752
759
|
], !0)
|
|
753
760
|
])) : I("", !0);
|
|
754
761
|
}
|
|
755
|
-
}),
|
|
762
|
+
}), nt = /* @__PURE__ */ g(st, [["__scopeId", "data-v-ed626a3d"]]), rt = /* @__PURE__ */ $({
|
|
756
763
|
__name: "t-text",
|
|
757
764
|
props: {
|
|
758
765
|
color: { default: "var(--t-color-text)" },
|
|
@@ -770,10 +777,10 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
770
777
|
class: "t-text",
|
|
771
778
|
style: w(e.value)
|
|
772
779
|
}, [
|
|
773
|
-
|
|
780
|
+
b(t.$slots, "default", {}, void 0, !0)
|
|
774
781
|
], 4));
|
|
775
782
|
}
|
|
776
|
-
}), F = /* @__PURE__ */ g(
|
|
783
|
+
}), F = /* @__PURE__ */ g(rt, [["__scopeId", "data-v-f0f94f05"]]), at = /* @__PURE__ */ $({
|
|
777
784
|
__name: "t-pull-signal",
|
|
778
785
|
props: {
|
|
779
786
|
placement: { default: "bottom" }
|
|
@@ -783,7 +790,7 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
783
790
|
class: x(["t-pull-bar", { [s.placement]: !0 }])
|
|
784
791
|
}, null, 2));
|
|
785
792
|
}
|
|
786
|
-
}),
|
|
793
|
+
}), ce = /* @__PURE__ */ g(at, [["__scopeId", "data-v-daa38c85"]]), lt = /* @__PURE__ */ $({
|
|
787
794
|
__name: "t-sheet",
|
|
788
795
|
props: {
|
|
789
796
|
background: { default: "var(--t-color-surface)" },
|
|
@@ -828,16 +835,16 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
828
835
|
fast({ initialDirection: y }) {
|
|
829
836
|
_(), y == d.value ? t("dismiss", "gesture") : r.value.open();
|
|
830
837
|
},
|
|
831
|
-
move({ deltaY: y, deltaX: u, initialDirection:
|
|
832
|
-
if (
|
|
838
|
+
move({ deltaY: y, deltaX: u, initialDirection: h }) {
|
|
839
|
+
if (h != d.value) return;
|
|
833
840
|
let p = 0;
|
|
834
841
|
e.placement == "bottom" || e.placement == "top" ? p = y : p = u, e.placement == "bottom" && (p = y > 0 ? y : 0), e.placement == "top" && (p = y < 0 ? y : 0), e.placement == "left" && (p = u < 0 ? y : 0), e.placement == "right" && (p = u > 0 ? y : 0), (e.placement == "bottom" && (p >= 10 || this.isMoving) || e.placement == "top" && (p <= -10 || this.isMoving) || e.placement == "left" && (p >= 10 || this.isMoving) || e.placement == "right" && (p <= -10 || this.isMoving)) && (this.isMoving = !0, r.value.render({
|
|
835
842
|
contentTransform: p + "px",
|
|
836
843
|
transition: "0s"
|
|
837
844
|
}));
|
|
838
845
|
},
|
|
839
|
-
up({ deltaY: y, deltaX: u, initialDirection:
|
|
840
|
-
if (this.isMoving = !1, _(),
|
|
846
|
+
up({ deltaY: y, deltaX: u, initialDirection: h }) {
|
|
847
|
+
if (this.isMoving = !1, _(), h != d.value) {
|
|
841
848
|
r.value.open();
|
|
842
849
|
return;
|
|
843
850
|
}
|
|
@@ -860,7 +867,7 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
860
867
|
onDismiss: m
|
|
861
868
|
}, {
|
|
862
869
|
default: V(() => [
|
|
863
|
-
e.gesture && e.placement != "center" ? (c(), B(
|
|
870
|
+
e.gesture && e.placement != "center" ? (c(), B(ce, {
|
|
864
871
|
key: 0,
|
|
865
872
|
placement: e.placement
|
|
866
873
|
}, null, 8, ["placement"])) : I("", !0),
|
|
@@ -869,7 +876,7 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
869
876
|
class: "t-sheet-close",
|
|
870
877
|
onClick: y[0] || (y[0] = (u) => m("close-button"))
|
|
871
878
|
}, [
|
|
872
|
-
|
|
879
|
+
b(l.$slots, "close-icon", {}, () => [
|
|
873
880
|
y[1] || (y[1] = k("i", { class: "ri-close-large-line" }, null, -1))
|
|
874
881
|
], !0)
|
|
875
882
|
])) : I("", !0),
|
|
@@ -879,13 +886,13 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
879
886
|
ref_key: "sheet",
|
|
880
887
|
ref: n
|
|
881
888
|
}, [
|
|
882
|
-
|
|
889
|
+
b(l.$slots, "default", {}, void 0, !0)
|
|
883
890
|
], 6)
|
|
884
891
|
]),
|
|
885
892
|
_: 3
|
|
886
893
|
}, 8, ["placement", "backdrop", "visible", "keepalive"]));
|
|
887
894
|
}
|
|
888
|
-
}),
|
|
895
|
+
}), ct = /* @__PURE__ */ g(lt, [["__scopeId", "data-v-0ff00a13"]]), it = { class: "t-input-label" }, ut = { class: "t-input-content" }, dt = ["type", "placeholder", "value"], pt = /* @__PURE__ */ $({
|
|
889
896
|
__name: "t-input",
|
|
890
897
|
props: {
|
|
891
898
|
size: { default: "standard" },
|
|
@@ -907,16 +914,16 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
907
914
|
class: x(["t-input", { rounded: e.rounded, ["size-" + e.size]: !0, ["variant-" + e.variant]: !0 }])
|
|
908
915
|
}, [
|
|
909
916
|
k("label", null, [
|
|
910
|
-
k("span",
|
|
911
|
-
k("div",
|
|
912
|
-
|
|
917
|
+
k("span", it, M(r.label), 1),
|
|
918
|
+
k("div", ut, [
|
|
919
|
+
b(r.$slots, "start", {}, void 0, !0),
|
|
913
920
|
k("input", {
|
|
914
921
|
type: r.type,
|
|
915
922
|
placeholder: r.placeholder,
|
|
916
923
|
value: r.modelValue,
|
|
917
924
|
onInput: n
|
|
918
|
-
}, null, 40,
|
|
919
|
-
|
|
925
|
+
}, null, 40, dt),
|
|
926
|
+
b(r.$slots, "end", {}, void 0, !0)
|
|
920
927
|
])
|
|
921
928
|
]),
|
|
922
929
|
e.error ? (c(), B(F, {
|
|
@@ -938,23 +945,23 @@ const ae = /* @__PURE__ */ g(Fe, [["render", Ke], ["__scopeId", "data-v-c2a3436c
|
|
|
938
945
|
})) : I("", !0)
|
|
939
946
|
], 2));
|
|
940
947
|
}
|
|
941
|
-
}),
|
|
942
|
-
function
|
|
948
|
+
}), ft = /* @__PURE__ */ g(pt, [["__scopeId", "data-v-1a9425cf"]]), mt = {};
|
|
949
|
+
function vt(o, s) {
|
|
943
950
|
return c(), f("textarea");
|
|
944
951
|
}
|
|
945
|
-
const
|
|
946
|
-
function
|
|
952
|
+
const _t = /* @__PURE__ */ g(mt, [["render", vt]]), gt = {};
|
|
953
|
+
function yt(o, s) {
|
|
947
954
|
return c(), f("div");
|
|
948
955
|
}
|
|
949
|
-
const
|
|
950
|
-
function
|
|
951
|
-
return c(), f("div",
|
|
956
|
+
const bt = /* @__PURE__ */ g(gt, [["render", yt]]), ht = {}, kt = { class: "t-grid" };
|
|
957
|
+
function $t(o, s) {
|
|
958
|
+
return c(), f("div", kt);
|
|
952
959
|
}
|
|
953
|
-
const
|
|
954
|
-
function
|
|
955
|
-
return c(), f("div",
|
|
960
|
+
const Tt = /* @__PURE__ */ g(ht, [["render", $t]]), wt = {}, xt = { class: "t-grid-item" };
|
|
961
|
+
function St(o, s) {
|
|
962
|
+
return c(), f("div", xt);
|
|
956
963
|
}
|
|
957
|
-
const
|
|
964
|
+
const zt = /* @__PURE__ */ g(wt, [["render", St]]), It = /* @__PURE__ */ $({
|
|
958
965
|
__name: "t-divider",
|
|
959
966
|
props: {
|
|
960
967
|
direction: { default: "horizontal" }
|
|
@@ -965,7 +972,7 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
965
972
|
class: x(["t-divider", { [s.direction]: !0 }])
|
|
966
973
|
}, null, 2));
|
|
967
974
|
}
|
|
968
|
-
}),
|
|
975
|
+
}), Bt = /* @__PURE__ */ g(It, [["__scopeId", "data-v-47ee8991"]]), Ct = /* @__PURE__ */ $({
|
|
969
976
|
__name: "t-toggle-password",
|
|
970
977
|
props: {
|
|
971
978
|
color: { default: "warning" }
|
|
@@ -993,15 +1000,15 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
993
1000
|
style: w(i.value),
|
|
994
1001
|
onClick: d
|
|
995
1002
|
}, [
|
|
996
|
-
n.value ?
|
|
1003
|
+
n.value ? b(m.$slots, "on", { key: 0 }, () => [
|
|
997
1004
|
_[0] || (_[0] = k("i", { class: "ri-eye-line" }, null, -1))
|
|
998
1005
|
], !0) : I("", !0),
|
|
999
|
-
n.value ? I("", !0) :
|
|
1006
|
+
n.value ? I("", !0) : b(m.$slots, "off", { key: 1 }, () => [
|
|
1000
1007
|
_[1] || (_[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
|
|
1001
1008
|
], !0)
|
|
1002
1009
|
], 4));
|
|
1003
1010
|
}
|
|
1004
|
-
}),
|
|
1011
|
+
}), Et = /* @__PURE__ */ g(Ct, [["__scopeId", "data-v-3268e9e3"]]), Vt = /* @__PURE__ */ $({
|
|
1005
1012
|
__name: "t-avatar",
|
|
1006
1013
|
props: {
|
|
1007
1014
|
square: { type: Boolean, default: !1 },
|
|
@@ -1013,16 +1020,16 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
1013
1020
|
class: x(["t-avatar", { square: t.square }]),
|
|
1014
1021
|
style: w({ "--size": e.value })
|
|
1015
1022
|
}, [
|
|
1016
|
-
|
|
1023
|
+
b(t.$slots, "default", {}, void 0, !0)
|
|
1017
1024
|
], 6));
|
|
1018
1025
|
}
|
|
1019
|
-
}),
|
|
1026
|
+
}), Mt = /* @__PURE__ */ g(Vt, [["__scopeId", "data-v-24384c2f"]]), Pt = { class: "t-collapse-title" }, At = {
|
|
1020
1027
|
key: 0,
|
|
1021
1028
|
class: "icon"
|
|
1022
|
-
},
|
|
1029
|
+
}, Rt = {
|
|
1023
1030
|
key: 1,
|
|
1024
1031
|
class: "icon"
|
|
1025
|
-
},
|
|
1032
|
+
}, Dt = { class: "t-collapse-content" }, Ot = /* @__PURE__ */ $({
|
|
1026
1033
|
__name: "t-collapse",
|
|
1027
1034
|
props: {
|
|
1028
1035
|
title: {}
|
|
@@ -1040,33 +1047,33 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
1040
1047
|
class: "t-collapse-header",
|
|
1041
1048
|
onClick: a
|
|
1042
1049
|
}, [
|
|
1043
|
-
|
|
1044
|
-
k("div",
|
|
1045
|
-
|
|
1050
|
+
b(d.$slots, "icon"),
|
|
1051
|
+
k("div", Pt, [
|
|
1052
|
+
b(d.$slots, "title", {}, () => [
|
|
1046
1053
|
R(M(e.title), 1)
|
|
1047
1054
|
])
|
|
1048
1055
|
]),
|
|
1049
|
-
|
|
1050
|
-
n.value ? (c(), f("div",
|
|
1056
|
+
b(d.$slots, "toggle", {}, () => [
|
|
1057
|
+
n.value ? (c(), f("div", At, [...m[0] || (m[0] = [
|
|
1051
1058
|
k("i", { class: "ri-arrow-up-s-line" }, null, -1)
|
|
1052
|
-
])])) : (c(), f("div",
|
|
1059
|
+
])])) : (c(), f("div", Rt, [...m[1] || (m[1] = [
|
|
1053
1060
|
k("i", { class: "ri-arrow-down-s-line" }, null, -1)
|
|
1054
1061
|
])]))
|
|
1055
1062
|
])
|
|
1056
1063
|
]),
|
|
1057
|
-
k("div",
|
|
1064
|
+
k("div", Dt, [
|
|
1058
1065
|
k("div", {
|
|
1059
1066
|
ref_key: "content",
|
|
1060
1067
|
ref: i
|
|
1061
1068
|
}, [
|
|
1062
|
-
|
|
1063
|
-
|
|
1069
|
+
b(d.$slots, "content", {}, () => [
|
|
1070
|
+
b(d.$slots, "default")
|
|
1064
1071
|
])
|
|
1065
1072
|
], 512)
|
|
1066
1073
|
])
|
|
1067
1074
|
], 6));
|
|
1068
1075
|
}
|
|
1069
|
-
}),
|
|
1076
|
+
}), Nt = /* @__PURE__ */ $({
|
|
1070
1077
|
__name: "t-switch",
|
|
1071
1078
|
props: {
|
|
1072
1079
|
modelValue: { type: Boolean },
|
|
@@ -1094,13 +1101,13 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
1094
1101
|
k("div", { class: "t-switch-icon" }, null, -1)
|
|
1095
1102
|
])], 6));
|
|
1096
1103
|
}
|
|
1097
|
-
}),
|
|
1104
|
+
}), qt = /* @__PURE__ */ g(Nt, [["__scopeId", "data-v-3616970e"]]), Lt = /* @__PURE__ */ $({
|
|
1098
1105
|
__name: "t-tab",
|
|
1099
1106
|
props: {
|
|
1100
1107
|
value: {}
|
|
1101
1108
|
},
|
|
1102
1109
|
setup(o) {
|
|
1103
|
-
const s = o, e =
|
|
1110
|
+
const s = o, e = de("tabsState"), t = z(() => e.active.value === s.value), n = () => {
|
|
1104
1111
|
e.setActive(s.value);
|
|
1105
1112
|
};
|
|
1106
1113
|
return (r, i) => (c(), f("li", {
|
|
@@ -1113,13 +1120,13 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
1113
1120
|
color: t.value && E(e).variant == "text" ? E(e).color : void 0
|
|
1114
1121
|
}, {
|
|
1115
1122
|
default: V(() => [
|
|
1116
|
-
|
|
1123
|
+
b(r.$slots, "default", {}, void 0, !0)
|
|
1117
1124
|
]),
|
|
1118
1125
|
_: 3
|
|
1119
1126
|
}, 8, ["size", "color"])
|
|
1120
1127
|
], 2));
|
|
1121
1128
|
}
|
|
1122
|
-
}),
|
|
1129
|
+
}), Wt = /* @__PURE__ */ g(Lt, [["__scopeId", "data-v-36c12a50"]]), Ht = /* @__PURE__ */ $({
|
|
1123
1130
|
__name: "t-tabs",
|
|
1124
1131
|
props: {
|
|
1125
1132
|
placement: { default: "top-start" },
|
|
@@ -1151,7 +1158,7 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
1151
1158
|
}
|
|
1152
1159
|
}, 50);
|
|
1153
1160
|
};
|
|
1154
|
-
return
|
|
1161
|
+
return pe("tabsState", {
|
|
1155
1162
|
active: z(() => e.modelValue),
|
|
1156
1163
|
color: i.value,
|
|
1157
1164
|
size: e.size,
|
|
@@ -1167,23 +1174,23 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
1167
1174
|
class: x(["t-tabs", { [d.placement]: !0, [d.variant]: !0 }]),
|
|
1168
1175
|
style: w({ "--color": i.value, "--transform": n.value, "--border": d.border + "px" })
|
|
1169
1176
|
}, [
|
|
1170
|
-
|
|
1177
|
+
b(d.$slots, "default", {}, void 0, !0)
|
|
1171
1178
|
], 6));
|
|
1172
1179
|
}
|
|
1173
|
-
}),
|
|
1180
|
+
}), Ut = /* @__PURE__ */ g(Ht, [["__scopeId", "data-v-65a2c74c"]]), Xt = /* @__PURE__ */ $({
|
|
1174
1181
|
__name: "t-loading-app",
|
|
1175
1182
|
setup(o) {
|
|
1176
|
-
return (s, e) => (c(), B(
|
|
1183
|
+
return (s, e) => (c(), B(ae, null, {
|
|
1177
1184
|
default: V(() => [
|
|
1178
1185
|
W(X, { type: "spinner" })
|
|
1179
1186
|
]),
|
|
1180
1187
|
_: 1
|
|
1181
1188
|
}));
|
|
1182
1189
|
}
|
|
1183
|
-
}),
|
|
1190
|
+
}), jt = /* @__PURE__ */ g(Xt, [["__scopeId", "data-v-1436aa9f"]]), Ft = { key: 0 }, Gt = {
|
|
1184
1191
|
key: 0,
|
|
1185
1192
|
class: "t-checkbox-label"
|
|
1186
|
-
},
|
|
1193
|
+
}, Kt = /* @__PURE__ */ $({
|
|
1187
1194
|
__name: "t-checkbox",
|
|
1188
1195
|
props: {
|
|
1189
1196
|
label: { default: "" },
|
|
@@ -1219,37 +1226,37 @@ const wt = /* @__PURE__ */ g(kt, [["render", Tt]]), xt = /* @__PURE__ */ $({
|
|
|
1219
1226
|
k("div", {
|
|
1220
1227
|
class: x(`t-checkbox-${a.type}`)
|
|
1221
1228
|
}, [
|
|
1222
|
-
a.type == "radio" ? (c(), f("div",
|
|
1223
|
-
a.type == "check" ?
|
|
1229
|
+
a.type == "radio" ? (c(), f("div", Ft)) : I("", !0),
|
|
1230
|
+
a.type == "check" ? b(a.$slots, "icon", { key: 1 }, () => [
|
|
1224
1231
|
d[0] || (d[0] = k("i", { class: "ri-check-line" }, null, -1))
|
|
1225
1232
|
], !0) : I("", !0)
|
|
1226
1233
|
], 2),
|
|
1227
|
-
a.label ? (c(), f("span",
|
|
1234
|
+
a.label ? (c(), f("span", Gt, M(e.label), 1)) : I("", !0)
|
|
1228
1235
|
], 6));
|
|
1229
1236
|
}
|
|
1230
|
-
}),
|
|
1237
|
+
}), Jt = /* @__PURE__ */ g(Kt, [["__scopeId", "data-v-d558d0b0"]]), Qt = /* @__PURE__ */ $({
|
|
1231
1238
|
__name: "t-keyboard",
|
|
1232
1239
|
setup(o) {
|
|
1233
|
-
const { height: s } =
|
|
1240
|
+
const { height: s } = re();
|
|
1234
1241
|
return (e, t) => (c(), f("div", {
|
|
1235
1242
|
class: "t-keyboard",
|
|
1236
1243
|
style: w({ "--height": E(s) + "px" })
|
|
1237
1244
|
}, null, 4));
|
|
1238
1245
|
}
|
|
1239
|
-
}),
|
|
1246
|
+
}), Zt = /* @__PURE__ */ g(Qt, [["__scopeId", "data-v-5d3fa1da"]]), ao = () => ({
|
|
1240
1247
|
install: (o) => {
|
|
1241
|
-
|
|
1248
|
+
_e(), o.component("t-app", he), o.component("t-screen", le), o.component("t-swipe-screen", et), o.component("t-cable", He), o.component("t-toolbar", ot), o.component("t-content", ae), o.component("t-card", Ue), o.component("t-refresher", Ke), o.component("t-button", j), o.component("t-back-button", nt), o.component("t-present", D), o.component("t-text", F), o.component("t-sheet", ct), o.component("t-pull-signal", ce), o.component("t-input", ft), o.component("t-textarea", _t), o.component("t-rich-text", bt), o.component("t-grid", Tt), o.component("t-grid-item", zt), o.component("t-divider", Bt), o.component("t-toggle-password", Et), o.component("t-loading-icon", X), o.component("t-alert", se), o.component("t-avatar", Mt), o.component("t-collapse", Ot), o.component("t-toast", ne), o.component("t-switch", qt), o.component("t-tab", Wt), o.component("t-tabs", Ut), o.component("t-loading-app", jt), o.component("t-checkbox", Jt), o.component("t-keyboard", Zt);
|
|
1242
1249
|
}
|
|
1243
1250
|
});
|
|
1244
1251
|
export {
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1252
|
+
ve as blurCurrentActive,
|
|
1253
|
+
so as createAction,
|
|
1254
|
+
oo as createAlert,
|
|
1255
|
+
no as createLoading,
|
|
1256
|
+
ro as createToast,
|
|
1257
|
+
ao as createToife,
|
|
1258
|
+
me as isFormElement,
|
|
1259
|
+
Pe as presentController,
|
|
1253
1260
|
T as screenController,
|
|
1254
|
-
|
|
1261
|
+
re as useKeyboard
|
|
1255
1262
|
};
|