@toife/vue 1.3.3 → 1.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/t-tabs.vue.d.ts +5 -1
- package/dist/index.css +1 -1
- package/dist/index.es.js +634 -611
- 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 p, openBlock as
|
|
1
|
+
import { createElementBlock as p, openBlock as c, renderSlot as b, defineComponent as h, ref as v, computed as w, reactive as ce, watch as X, onMounted as G, Fragment as W, withDirectives as M, createCommentVNode as I, normalizeStyle as x, normalizeClass as S, vShow as H, createElementVNode as $, createVNode as U, createBlock as E, withCtx as V, toDisplayString as R, renderList as F, createTextVNode as N, createApp as j, h as K, provide as ie, unref as A, onUnmounted as se, resolveDynamicComponent as be, markRaw as he, inject as ue, useAttrs as ke, nextTick as ae } from "vue";
|
|
2
2
|
import { gesture as re } from "@toife/gesture";
|
|
3
|
-
import { useRouter as
|
|
4
|
-
const
|
|
3
|
+
import { useRouter as de, useRoute as $e } from "vue-router";
|
|
4
|
+
const we = (e) => e && (e.tagName == "INPUT" || e.tagName == "TEXTAREA" || e.isContentEditable), xe = () => {
|
|
5
5
|
const e = document.activeElement;
|
|
6
6
|
e && (e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.isContentEditable) && e.blur();
|
|
7
7
|
}, Te = () => {
|
|
8
8
|
document.addEventListener("contextmenu", (e) => e.preventDefault()), document.addEventListener("selectstart", (e) => e.preventDefault()), document.addEventListener("pointerup", (e) => {
|
|
9
|
-
|
|
9
|
+
!we(e.target) && xe();
|
|
10
10
|
});
|
|
11
|
-
},
|
|
12
|
-
const
|
|
13
|
-
for (const [s, r] of
|
|
14
|
-
|
|
15
|
-
return
|
|
16
|
-
},
|
|
17
|
-
function ze(e,
|
|
18
|
-
return
|
|
19
|
-
|
|
11
|
+
}, _ = (e, o) => {
|
|
12
|
+
const t = e.__vccOpts || e;
|
|
13
|
+
for (const [s, r] of o)
|
|
14
|
+
t[s] = r;
|
|
15
|
+
return t;
|
|
16
|
+
}, Se = {}, Be = { class: "t-app" };
|
|
17
|
+
function ze(e, o) {
|
|
18
|
+
return c(), p("div", Be, [
|
|
19
|
+
b(e.$slots, "default")
|
|
20
20
|
]);
|
|
21
21
|
}
|
|
22
|
-
const Ie = /* @__PURE__ */
|
|
22
|
+
const Ie = /* @__PURE__ */ _(Se, [["render", ze]]), Ce = /* @__PURE__ */ h({
|
|
23
23
|
__name: "t-present",
|
|
24
24
|
props: {
|
|
25
25
|
keepalive: { type: Boolean, default: !0 },
|
|
@@ -30,71 +30,71 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
30
30
|
class: {}
|
|
31
31
|
},
|
|
32
32
|
emits: ["dismiss"],
|
|
33
|
-
setup(e, { expose:
|
|
34
|
-
const s =
|
|
33
|
+
setup(e, { expose: o, emit: t }) {
|
|
34
|
+
const s = v(0), r = v(!1), l = v(), d = v(), a = e, f = t, i = w(() => r.value || a.keepalive), g = ce({
|
|
35
35
|
"--t-present-backdrop-opacity": "0.4",
|
|
36
36
|
"--t-present-transition": "0.2s",
|
|
37
37
|
"--t-present-content-transform": "0px",
|
|
38
38
|
"--t-present-content-opacity": "1"
|
|
39
|
-
}),
|
|
40
|
-
|
|
41
|
-
},
|
|
42
|
-
|
|
39
|
+
}), n = (m) => {
|
|
40
|
+
a.backdrop ? m?.backdropOpacity && (g["--t-present-backdrop-opacity"] = m.backdropOpacity) : g["--t-present-backdrop-opacity"] = "0", m?.transition && (g["--t-present-transition"] = m.transition, g["--t-present-transition"] = m.transition), m?.contentTransform && (g["--t-present-content-transform"] = m.contentTransform), m?.contentOpacity && (g["--t-present-content-opacity"] = m.contentOpacity);
|
|
41
|
+
}, u = () => {
|
|
42
|
+
n({
|
|
43
43
|
contentTransform: "0px",
|
|
44
44
|
transition: "0.2s",
|
|
45
45
|
backdropOpacity: "0.4",
|
|
46
46
|
contentOpacity: "1"
|
|
47
47
|
});
|
|
48
|
-
},
|
|
49
|
-
let
|
|
50
|
-
|
|
51
|
-
contentTransform:
|
|
48
|
+
}, y = () => {
|
|
49
|
+
let m = "0px", O = "1";
|
|
50
|
+
a.placement == "bottom" || a.placement == "right" ? m = "100%" : a.placement == "top" || a.placement == "left" ? m = "-100%" : a.placement == "center" && (m = "0px", O = "0"), n({
|
|
51
|
+
contentTransform: m,
|
|
52
52
|
transition: "0.2s",
|
|
53
53
|
contentOpacity: O,
|
|
54
54
|
backdropOpacity: "0"
|
|
55
55
|
});
|
|
56
56
|
};
|
|
57
|
-
X(() =>
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}, 50)) : (
|
|
57
|
+
X(() => a.visible, () => {
|
|
58
|
+
a.visible ? (r.value = !0, s.value = He.getNewIndex(), setTimeout(() => {
|
|
59
|
+
u();
|
|
60
|
+
}, 50)) : (y(), setTimeout(() => {
|
|
61
61
|
r.value = !1;
|
|
62
62
|
}, 200));
|
|
63
|
-
}),
|
|
64
|
-
render:
|
|
65
|
-
open:
|
|
66
|
-
close:
|
|
63
|
+
}), o({
|
|
64
|
+
render: n,
|
|
65
|
+
open: u,
|
|
66
|
+
close: y
|
|
67
67
|
});
|
|
68
|
-
const
|
|
69
|
-
|
|
68
|
+
const k = (m) => {
|
|
69
|
+
m.preventDefault(), f("dismiss", "backdrop");
|
|
70
70
|
};
|
|
71
71
|
return G(() => {
|
|
72
|
-
|
|
73
|
-
}), (
|
|
74
|
-
i.value ?
|
|
72
|
+
a.visible ? u() : y();
|
|
73
|
+
}), (m, O) => (c(), p(W, null, [
|
|
74
|
+
i.value ? M((c(), p("div", {
|
|
75
75
|
key: 0,
|
|
76
|
-
class: S(["t-present", [{ [
|
|
76
|
+
class: S(["t-present", [{ [m.placement]: !0 }, a.class]]),
|
|
77
77
|
ref_key: "present",
|
|
78
78
|
ref: d,
|
|
79
|
-
style:
|
|
79
|
+
style: x([g, { zIndex: s.value }, a.style])
|
|
80
80
|
}, [
|
|
81
|
-
|
|
81
|
+
b(m.$slots, "default", {}, void 0, !0)
|
|
82
82
|
], 6)), [
|
|
83
83
|
[H, r.value]
|
|
84
|
-
]) :
|
|
85
|
-
i.value ?
|
|
84
|
+
]) : I("", !0),
|
|
85
|
+
i.value ? M((c(), p("div", {
|
|
86
86
|
key: 1,
|
|
87
87
|
class: "t-present-backdrop",
|
|
88
|
-
onClick:
|
|
88
|
+
onClick: k,
|
|
89
89
|
ref_key: "backdrop",
|
|
90
90
|
ref: l,
|
|
91
|
-
style:
|
|
91
|
+
style: x([g, { zIndex: s.value - 1 }, a.style])
|
|
92
92
|
}, null, 4)), [
|
|
93
93
|
[H, r.value]
|
|
94
|
-
]) :
|
|
94
|
+
]) : I("", !0)
|
|
95
95
|
], 64));
|
|
96
96
|
}
|
|
97
|
-
}),
|
|
97
|
+
}), L = /* @__PURE__ */ _(Ce, [["__scopeId", "data-v-1b25059f"]]), Ee = /* @__PURE__ */ h({
|
|
98
98
|
__name: "t-loading-icon",
|
|
99
99
|
props: {
|
|
100
100
|
size: {
|
|
@@ -107,9 +107,9 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
109
|
setup(e) {
|
|
110
|
-
return (
|
|
110
|
+
return (o, t) => (c(), p("span", {
|
|
111
111
|
class: "t-loading-icon",
|
|
112
|
-
style:
|
|
112
|
+
style: x({
|
|
113
113
|
width: e.size,
|
|
114
114
|
height: e.size,
|
|
115
115
|
borderTopColor: e.color
|
|
@@ -118,10 +118,10 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
118
118
|
"aria-label": "Loading..."
|
|
119
119
|
}, null, 4));
|
|
120
120
|
}
|
|
121
|
-
}), J = /* @__PURE__ */
|
|
121
|
+
}), J = /* @__PURE__ */ _(Ee, [["__scopeId", "data-v-7c463303"]]), Ve = { class: "t-button-content" }, Pe = {
|
|
122
122
|
key: 0,
|
|
123
123
|
class: "loader"
|
|
124
|
-
},
|
|
124
|
+
}, Re = /* @__PURE__ */ h({
|
|
125
125
|
__name: "t-button",
|
|
126
126
|
props: {
|
|
127
127
|
color: { default: null },
|
|
@@ -134,39 +134,39 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
134
134
|
activeBackground: { type: Boolean, default: !1 }
|
|
135
135
|
},
|
|
136
136
|
setup(e) {
|
|
137
|
-
const
|
|
137
|
+
const o = e, t = w(() => {
|
|
138
138
|
let s;
|
|
139
|
-
return
|
|
139
|
+
return o.variant == "default" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
|
|
140
140
|
"--border": "none",
|
|
141
|
-
"--color": "var(--t-color-status-" +
|
|
142
|
-
"--background": "var(--t-color-status-" +
|
|
141
|
+
"--color": "var(--t-color-status-" + o.color + "-text)",
|
|
142
|
+
"--background": "var(--t-color-status-" + o.color + ")"
|
|
143
143
|
} : s = {
|
|
144
144
|
"--border": "none",
|
|
145
145
|
"--color": "var(--t-color-text)",
|
|
146
|
-
"--background":
|
|
146
|
+
"--background": o.color
|
|
147
147
|
} : s = {
|
|
148
148
|
"--border": "none",
|
|
149
149
|
"--color": "var(--t-color-text)",
|
|
150
150
|
"--background": "var(--t-color-surface)"
|
|
151
|
-
}),
|
|
151
|
+
}), o.variant == "text" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
|
|
152
152
|
"--border": "none",
|
|
153
|
-
"--color": "var(--t-color-status-" +
|
|
153
|
+
"--color": "var(--t-color-status-" + o.color + ")",
|
|
154
154
|
"--background": "transparent"
|
|
155
155
|
} : s = {
|
|
156
156
|
"--border": "none",
|
|
157
|
-
"--color":
|
|
157
|
+
"--color": o.color,
|
|
158
158
|
"--background": "transparent"
|
|
159
159
|
} : s = {
|
|
160
160
|
"--border": "none",
|
|
161
161
|
"--color": "var(--t-color-text)",
|
|
162
162
|
"--background": "transparent"
|
|
163
|
-
}),
|
|
164
|
-
"--border": "0.55px solid var(--t-color-status-" +
|
|
165
|
-
"--color": "var(--t-color-status-" +
|
|
163
|
+
}), o.variant == "outline" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
|
|
164
|
+
"--border": "0.55px solid var(--t-color-status-" + o.color + ")",
|
|
165
|
+
"--color": "var(--t-color-status-" + o.color + ")",
|
|
166
166
|
"--background": "transparent"
|
|
167
167
|
} : s = {
|
|
168
|
-
"--border": "0.55px solid " +
|
|
169
|
-
"--color":
|
|
168
|
+
"--border": "0.55px solid " + o.color,
|
|
169
|
+
"--color": o.color,
|
|
170
170
|
"--background": "transparent"
|
|
171
171
|
} : s = {
|
|
172
172
|
"--border": "0.55px solid var(--t-color-text)",
|
|
@@ -174,27 +174,27 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
174
174
|
"--background": "transparent"
|
|
175
175
|
}), s;
|
|
176
176
|
});
|
|
177
|
-
return (s, r) => (
|
|
178
|
-
class: S(["t-button", { "active-background":
|
|
179
|
-
style:
|
|
177
|
+
return (s, r) => (c(), p("button", {
|
|
178
|
+
class: S(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
|
|
179
|
+
style: x(t.value)
|
|
180
180
|
}, [
|
|
181
|
-
|
|
182
|
-
|
|
181
|
+
M($("span", Ve, [
|
|
182
|
+
b(s.$slots, "default", {}, void 0, !0)
|
|
183
183
|
], 512), [
|
|
184
|
-
[H, !
|
|
184
|
+
[H, !o.loading]
|
|
185
185
|
]),
|
|
186
|
-
|
|
186
|
+
o.loading ? (c(), p("span", Pe, [
|
|
187
187
|
U(J, {
|
|
188
188
|
color: "var(--color)",
|
|
189
|
-
type:
|
|
189
|
+
type: o.loadingType
|
|
190
190
|
}, null, 8, ["type"])
|
|
191
|
-
])) :
|
|
191
|
+
])) : I("", !0)
|
|
192
192
|
], 6));
|
|
193
193
|
}
|
|
194
|
-
}), Q = /* @__PURE__ */
|
|
194
|
+
}), Q = /* @__PURE__ */ _(Re, [["__scopeId", "data-v-185a9e49"]]), Ae = {
|
|
195
195
|
key: 0,
|
|
196
196
|
class: "t-alert-header"
|
|
197
|
-
},
|
|
197
|
+
}, De = { class: "t-alert-content" }, Xe = { class: "t-alert-footer" }, Oe = /* @__PURE__ */ h({
|
|
198
198
|
__name: "t-alert",
|
|
199
199
|
props: {
|
|
200
200
|
title: {},
|
|
@@ -203,46 +203,46 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
203
203
|
dismiss: {}
|
|
204
204
|
},
|
|
205
205
|
emits: ["dismiss"],
|
|
206
|
-
setup(e, { expose:
|
|
207
|
-
const s = e, r =
|
|
206
|
+
setup(e, { expose: o, emit: t }) {
|
|
207
|
+
const s = e, r = v(!1), l = t, d = v(), a = v(!1), f = () => {
|
|
208
208
|
r.value = !0;
|
|
209
|
-
}, i = (
|
|
210
|
-
r.value = !1,
|
|
211
|
-
},
|
|
212
|
-
s.dismiss && s.dismiss.includes(
|
|
213
|
-
|
|
209
|
+
}, i = (n) => {
|
|
210
|
+
r.value = !1, n.handler && n.handler(), l("dismiss", "choose", n?.data);
|
|
211
|
+
}, g = (n) => {
|
|
212
|
+
s.dismiss && s.dismiss.includes(n) ? (r.value = !1, l("dismiss", n)) : n == "backdrop" && (a.value = !0, setTimeout(() => {
|
|
213
|
+
a.value = !1;
|
|
214
214
|
}, 300));
|
|
215
215
|
};
|
|
216
|
-
return
|
|
217
|
-
open:
|
|
218
|
-
}), (
|
|
216
|
+
return o({
|
|
217
|
+
open: f
|
|
218
|
+
}), (n, u) => (c(), E(L, {
|
|
219
219
|
placement: "center",
|
|
220
220
|
backdrop: !0,
|
|
221
221
|
keepalive: !1,
|
|
222
222
|
visible: r.value,
|
|
223
|
-
onDismiss:
|
|
223
|
+
onDismiss: g
|
|
224
224
|
}, {
|
|
225
|
-
default:
|
|
226
|
-
|
|
227
|
-
class: S(["t-alert", { pop:
|
|
225
|
+
default: V(() => [
|
|
226
|
+
$("div", {
|
|
227
|
+
class: S(["t-alert", { pop: a.value }]),
|
|
228
228
|
ref_key: "container",
|
|
229
229
|
ref: d
|
|
230
230
|
}, [
|
|
231
|
-
|
|
232
|
-
s.title ? (
|
|
231
|
+
b(n.$slots, "header", {}, () => [
|
|
232
|
+
s.title ? (c(), p("div", Ae, R(s.title), 1)) : I("", !0)
|
|
233
233
|
], !0),
|
|
234
|
-
|
|
235
|
-
|
|
234
|
+
b(n.$slots, "content", {}, () => [
|
|
235
|
+
$("div", De, R(s.message), 1)
|
|
236
236
|
], !0),
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
(
|
|
240
|
-
color:
|
|
241
|
-
variant:
|
|
242
|
-
onClick: (
|
|
237
|
+
b(n.$slots, "footer", {}, () => [
|
|
238
|
+
$("div", Xe, [
|
|
239
|
+
(c(!0), p(W, null, F(s.actions, (y) => (c(), E(Q, {
|
|
240
|
+
color: y.color,
|
|
241
|
+
variant: y.variant,
|
|
242
|
+
onClick: (k) => i(y)
|
|
243
243
|
}, {
|
|
244
|
-
default:
|
|
245
|
-
|
|
244
|
+
default: V(() => [
|
|
245
|
+
N(R(y.text), 1)
|
|
246
246
|
]),
|
|
247
247
|
_: 2
|
|
248
248
|
}, 1032, ["color", "variant", "onClick"]))), 256))
|
|
@@ -253,22 +253,22 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
253
253
|
_: 3
|
|
254
254
|
}, 8, ["visible"]));
|
|
255
255
|
}
|
|
256
|
-
}),
|
|
256
|
+
}), pe = /* @__PURE__ */ _(Oe, [["__scopeId", "data-v-05d0c578"]]), $o = (e = {}) => ({
|
|
257
257
|
open() {
|
|
258
|
-
return new Promise((
|
|
259
|
-
let
|
|
260
|
-
if (!
|
|
261
|
-
const s = document.createElement("div"), r =
|
|
262
|
-
|
|
258
|
+
return new Promise((o) => {
|
|
259
|
+
let t = document.body.querySelector(".t-app");
|
|
260
|
+
if (!t) return;
|
|
261
|
+
const s = document.createElement("div"), r = v();
|
|
262
|
+
t.appendChild(s);
|
|
263
263
|
const l = j({
|
|
264
264
|
render() {
|
|
265
|
-
return K(
|
|
265
|
+
return K(pe, {
|
|
266
266
|
...e,
|
|
267
267
|
ref: r,
|
|
268
|
-
onDismiss: (d,
|
|
268
|
+
onDismiss: (d, a) => {
|
|
269
269
|
setTimeout(() => {
|
|
270
270
|
l.unmount(), s.remove();
|
|
271
|
-
}, 300),
|
|
271
|
+
}, 300), o({ type: d, data: a });
|
|
272
272
|
}
|
|
273
273
|
});
|
|
274
274
|
}
|
|
@@ -278,7 +278,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
278
278
|
}, 50);
|
|
279
279
|
});
|
|
280
280
|
}
|
|
281
|
-
}),
|
|
281
|
+
}), We = /* @__PURE__ */ h({
|
|
282
282
|
__name: "t-action",
|
|
283
283
|
props: {
|
|
284
284
|
actions: {},
|
|
@@ -286,44 +286,44 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
286
286
|
dismiss: {}
|
|
287
287
|
},
|
|
288
288
|
emits: ["dismiss"],
|
|
289
|
-
setup(e, { expose:
|
|
290
|
-
const s = e, r =
|
|
289
|
+
setup(e, { expose: o, emit: t }) {
|
|
290
|
+
const s = e, r = v(!1), l = t, d = v(), a = v(!1), f = () => {
|
|
291
291
|
r.value = !0;
|
|
292
|
-
}, i = (
|
|
293
|
-
r.value = !1,
|
|
294
|
-
},
|
|
295
|
-
s.dismiss && s.dismiss.includes(
|
|
296
|
-
|
|
292
|
+
}, i = (n) => {
|
|
293
|
+
r.value = !1, n.handler && n.handler(), l("dismiss", "choose", n?.data);
|
|
294
|
+
}, g = (n) => {
|
|
295
|
+
s.dismiss && s.dismiss.includes(n) ? (r.value = !1, l("dismiss", n)) : n == "backdrop" && (a.value = !0, setTimeout(() => {
|
|
296
|
+
a.value = !1;
|
|
297
297
|
}, 300));
|
|
298
298
|
};
|
|
299
|
-
return X(() => s.visible, (
|
|
300
|
-
|
|
301
|
-
}),
|
|
302
|
-
open:
|
|
299
|
+
return X(() => s.visible, (n) => {
|
|
300
|
+
n ? f() : close();
|
|
301
|
+
}), o({
|
|
302
|
+
open: f,
|
|
303
303
|
close
|
|
304
|
-
}), (
|
|
304
|
+
}), (n, u) => (c(), E(L, {
|
|
305
305
|
placement: "bottom",
|
|
306
306
|
backdrop: !0,
|
|
307
307
|
keepalive: !1,
|
|
308
308
|
visible: r.value,
|
|
309
|
-
onDismiss:
|
|
309
|
+
onDismiss: g
|
|
310
310
|
}, {
|
|
311
|
-
default:
|
|
312
|
-
|
|
313
|
-
class: S(["t-action", { pop:
|
|
311
|
+
default: V(() => [
|
|
312
|
+
$("div", {
|
|
313
|
+
class: S(["t-action", { pop: a.value }]),
|
|
314
314
|
ref_key: "container",
|
|
315
315
|
ref: d
|
|
316
316
|
}, [
|
|
317
|
-
(
|
|
318
|
-
(
|
|
319
|
-
color:
|
|
320
|
-
size:
|
|
321
|
-
variant:
|
|
322
|
-
onClick: (
|
|
317
|
+
(c(!0), p(W, null, F(s.actions, (y) => (c(), p("div", null, [
|
|
318
|
+
(c(!0), p(W, null, F(y, (k) => (c(), E(Q, {
|
|
319
|
+
color: k.color,
|
|
320
|
+
size: k.size,
|
|
321
|
+
variant: k.variant,
|
|
322
|
+
onClick: (m) => i(k),
|
|
323
323
|
block: ""
|
|
324
324
|
}, {
|
|
325
|
-
default:
|
|
326
|
-
|
|
325
|
+
default: V(() => [
|
|
326
|
+
N(R(k.text), 1)
|
|
327
327
|
]),
|
|
328
328
|
_: 2
|
|
329
329
|
}, 1032, ["color", "size", "variant", "onClick"]))), 256))
|
|
@@ -333,22 +333,22 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
333
333
|
_: 1
|
|
334
334
|
}, 8, ["visible"]));
|
|
335
335
|
}
|
|
336
|
-
}), Ne = /* @__PURE__ */
|
|
336
|
+
}), Ne = /* @__PURE__ */ _(We, [["__scopeId", "data-v-844fb240"]]), wo = (e = {}) => ({
|
|
337
337
|
open() {
|
|
338
|
-
return new Promise((
|
|
339
|
-
let
|
|
340
|
-
if (!
|
|
341
|
-
const s = document.createElement("div"), r =
|
|
342
|
-
|
|
338
|
+
return new Promise((o) => {
|
|
339
|
+
let t = document.body.querySelector(".t-app");
|
|
340
|
+
if (!t) return;
|
|
341
|
+
const s = document.createElement("div"), r = v();
|
|
342
|
+
t.appendChild(s);
|
|
343
343
|
const l = j({
|
|
344
344
|
render() {
|
|
345
345
|
return K(Ne, {
|
|
346
346
|
...e,
|
|
347
347
|
ref: r,
|
|
348
|
-
onDismiss: (d,
|
|
348
|
+
onDismiss: (d, a) => {
|
|
349
349
|
setTimeout(() => {
|
|
350
350
|
l.unmount(), s.remove();
|
|
351
|
-
}, 300),
|
|
351
|
+
}, 300), o({ type: d, data: a });
|
|
352
352
|
}
|
|
353
353
|
});
|
|
354
354
|
}
|
|
@@ -364,24 +364,24 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
364
364
|
type: { default: "spinner" }
|
|
365
365
|
},
|
|
366
366
|
emits: ["dismiss"],
|
|
367
|
-
setup(e, { expose:
|
|
368
|
-
const s = e, r =
|
|
369
|
-
return
|
|
367
|
+
setup(e, { expose: o, emit: t }) {
|
|
368
|
+
const s = e, r = v(!1);
|
|
369
|
+
return o({
|
|
370
370
|
open: () => {
|
|
371
371
|
r.value = !0;
|
|
372
372
|
},
|
|
373
373
|
close: () => {
|
|
374
374
|
r.value = !1;
|
|
375
375
|
}
|
|
376
|
-
}), (
|
|
376
|
+
}), (a, f) => (c(), E(L, {
|
|
377
377
|
placement: "center",
|
|
378
378
|
backdrop: !0,
|
|
379
379
|
keepalive: !1,
|
|
380
380
|
visible: r.value
|
|
381
381
|
}, {
|
|
382
|
-
default:
|
|
383
|
-
|
|
384
|
-
|
|
382
|
+
default: V(() => [
|
|
383
|
+
$("div", qe, [
|
|
384
|
+
b(a.$slots, "default", {}, () => [
|
|
385
385
|
U(J, {
|
|
386
386
|
type: s.type
|
|
387
387
|
}, null, 8, ["type"])
|
|
@@ -391,138 +391,138 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
391
391
|
_: 3
|
|
392
392
|
}, 8, ["visible"]));
|
|
393
393
|
}
|
|
394
|
-
}), Me = /* @__PURE__ */
|
|
395
|
-
const
|
|
394
|
+
}), Me = /* @__PURE__ */ _(Le, [["__scopeId", "data-v-8f84c14e"]]), xo = (e = {}) => {
|
|
395
|
+
const o = v(), t = document.body.querySelector(".t-app");
|
|
396
396
|
let s = null, r = null;
|
|
397
397
|
return {
|
|
398
398
|
open() {
|
|
399
399
|
return new Promise((l) => {
|
|
400
|
-
|
|
400
|
+
t && (r = document.createElement("div"), t.appendChild(r), s = j({
|
|
401
401
|
render() {
|
|
402
402
|
return K(Me, {
|
|
403
403
|
...e,
|
|
404
|
-
ref:
|
|
404
|
+
ref: o
|
|
405
405
|
});
|
|
406
406
|
}
|
|
407
407
|
}), s.mount(r), setTimeout(() => {
|
|
408
|
-
|
|
408
|
+
o.value?.open?.(), l(!0);
|
|
409
409
|
}, 50));
|
|
410
410
|
});
|
|
411
411
|
},
|
|
412
412
|
close() {
|
|
413
413
|
return new Promise((l) => {
|
|
414
|
-
|
|
414
|
+
o.value?.close?.(), setTimeout(() => {
|
|
415
415
|
s?.unmount?.(), r?.remove?.(), l(!0);
|
|
416
416
|
}, 300);
|
|
417
417
|
});
|
|
418
418
|
}
|
|
419
419
|
};
|
|
420
|
-
},
|
|
420
|
+
}, le = v(1e3), He = {
|
|
421
421
|
getNewIndex() {
|
|
422
|
-
return
|
|
422
|
+
return le.value += 2, le.value;
|
|
423
423
|
}
|
|
424
|
-
}, D =
|
|
424
|
+
}, D = ce([]), Z = v(!0), z = v(!1), P = v(-1), B = w(() => D[P.value]), q = w(() => D[P.value + 1] || void 0), C = w(() => D[D.length - 2]), fe = w(() => !z.value && Z.value && C.value), Y = {
|
|
425
425
|
reset() {
|
|
426
|
-
|
|
427
|
-
const e =
|
|
428
|
-
e.style.transition = "transform 0.35s ease", e.style.transform = "translateX(0px)",
|
|
429
|
-
|
|
426
|
+
z.value = !0;
|
|
427
|
+
const e = B.value.target, o = C.value.target;
|
|
428
|
+
e.style.transition = "transform 0.35s ease", e.style.transform = "translateX(0px)", o.style.transition = "transform 0.35s ease", o.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(() => {
|
|
429
|
+
z.value = !1;
|
|
430
430
|
}, 400);
|
|
431
431
|
},
|
|
432
432
|
move(e) {
|
|
433
|
-
if (!
|
|
434
|
-
const
|
|
435
|
-
e > 15 && e <=
|
|
433
|
+
if (!fe.value) return;
|
|
434
|
+
const o = window.innerWidth, t = e / o * 100, s = B.value.target, r = C.value.target;
|
|
435
|
+
e > 15 && e <= o && (e = e > 0 ? e : 0, s.style.transition = "transform 0s ease", s.style.transform = `translateX(${e}px)`, r.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), r.style.transform = `translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${t}))) scale(${0.5 + 0.5 / 100 * t}) perspective(var(--t-app-width)) rotateY(${30 - 30 / 100 * t}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * t}`));
|
|
436
436
|
},
|
|
437
437
|
back(e) {
|
|
438
|
-
|
|
439
|
-
ne(),
|
|
438
|
+
C.value && (B.value.target.style.transition = "transform 0.35s ease", B.value.target.style.transform = "translateX(var(--t-app-width)) scale(1)", C.value.target.style.transition = "transform 0.35s ease", C.value.target.style.transform = "translateX(0px) scale(1) perspective(var(--t-app-width)) rotateY(0deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), z.value = !0, setTimeout(() => {
|
|
439
|
+
ne(), z.value = !1, P.value -= 1, e && e();
|
|
440
440
|
}, 400));
|
|
441
441
|
},
|
|
442
442
|
next(e) {
|
|
443
|
-
if (!
|
|
444
|
-
if (
|
|
445
|
-
|
|
443
|
+
if (!q.value) return;
|
|
444
|
+
if (P.value == -1) {
|
|
445
|
+
P.value += 1, e && e();
|
|
446
446
|
return;
|
|
447
447
|
}
|
|
448
|
-
|
|
449
|
-
let
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
448
|
+
z.value = !0;
|
|
449
|
+
let o = q.value.target;
|
|
450
|
+
o.style.transform = "translateX(var(--t-app-width))", o.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
|
|
451
|
+
o.style.transition = "transform 0.35s ease", o.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), B.value && (B.value.target.style.transitionOrigin = "left center", B.value.target.style.transition = "transform 0.35s ease", B.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"), setTimeout(() => {
|
|
452
|
+
z.value = !1, P.value += 1, e && e();
|
|
453
453
|
}, 400);
|
|
454
454
|
}, 100);
|
|
455
455
|
}
|
|
456
456
|
}, ee = {
|
|
457
457
|
reset() {
|
|
458
|
-
|
|
459
|
-
const e =
|
|
460
|
-
e.style.transition = "transform 0.35s ease", e.style.transform = "translateX(0px)",
|
|
461
|
-
|
|
458
|
+
z.value = !0;
|
|
459
|
+
const e = B.value.target, o = C.value.target;
|
|
460
|
+
e.style.transition = "transform 0.35s ease", e.style.transform = "translateX(0px)", o.style.transition = "transform 0.35s ease", o.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1))", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), setTimeout(() => {
|
|
461
|
+
z.value = !1;
|
|
462
462
|
}, 400);
|
|
463
463
|
},
|
|
464
464
|
move(e) {
|
|
465
|
-
const
|
|
466
|
-
e > 15 && e <=
|
|
465
|
+
const o = window.innerWidth, t = e / o * 100, s = B.value.target, r = C.value.target;
|
|
466
|
+
e > 15 && e <= o && (e = e > 0 ? e : 0, s.style.transition = "transform 0s ease", s.style.transform = `translateX(${e}px)`, r.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), r.style.transform = `translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${t})))`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * t}`));
|
|
467
467
|
},
|
|
468
468
|
back(e) {
|
|
469
|
-
|
|
470
|
-
ne(),
|
|
469
|
+
C.value && (B.value.target.style.transition = "transform 0.35s ease", B.value.target.style.transform = "translateX(var(--t-app-width)) scale(1)", C.value.target.style.transition = "transform 0.35s ease", C.value.target.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), z.value = !0, setTimeout(() => {
|
|
470
|
+
ne(), z.value = !1, P.value -= 1, e && e();
|
|
471
471
|
}, 400));
|
|
472
472
|
},
|
|
473
473
|
next(e) {
|
|
474
|
-
if (!
|
|
475
|
-
if (
|
|
476
|
-
|
|
474
|
+
if (!q.value) return;
|
|
475
|
+
if (P.value == -1) {
|
|
476
|
+
P.value += 1, e && e();
|
|
477
477
|
return;
|
|
478
478
|
}
|
|
479
|
-
|
|
480
|
-
let
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
479
|
+
z.value = !0;
|
|
480
|
+
let o = q.value.target;
|
|
481
|
+
o.style.transform = "translateX(var(--t-app-width))", o.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
|
|
482
|
+
o.style.transition = "transform 0.35s ease", o.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), B.value && (B.value.target.style.transitionOrigin = "left center", B.value.target.style.transition = "transform 0.35s ease", B.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1))"), setTimeout(() => {
|
|
483
|
+
z.value = !1, P.value += 1, e && e();
|
|
484
484
|
}, 400);
|
|
485
485
|
}, 100);
|
|
486
486
|
}
|
|
487
|
-
},
|
|
487
|
+
}, Fe = (e) => {
|
|
488
488
|
D.push(e);
|
|
489
|
-
},
|
|
490
|
-
D[e].target =
|
|
489
|
+
}, Ge = (e, o) => {
|
|
490
|
+
D[e].target = o;
|
|
491
491
|
}, ne = (e) => {
|
|
492
492
|
e || D.pop();
|
|
493
|
-
}, Ge = () => {
|
|
494
|
-
D.splice(0, D.length);
|
|
495
493
|
}, Ue = () => {
|
|
496
|
-
|
|
494
|
+
D.splice(0, D.length);
|
|
497
495
|
}, je = () => {
|
|
496
|
+
Z.value = !1;
|
|
497
|
+
}, Ke = () => {
|
|
498
498
|
Z.value = !0;
|
|
499
|
-
},
|
|
500
|
-
e == "scale" && Y.next(
|
|
501
|
-
},
|
|
502
|
-
e == "scale" && Y.back(
|
|
503
|
-
},
|
|
504
|
-
e == "scale" && Y.move(
|
|
505
|
-
},
|
|
499
|
+
}, Je = (e, o) => {
|
|
500
|
+
e == "scale" && Y.next(o), e == "transform" && ee.next(o);
|
|
501
|
+
}, Qe = (e, o) => {
|
|
502
|
+
e == "scale" && Y.back(o), e == "transform" && ee.back(o);
|
|
503
|
+
}, Ze = (e, o) => {
|
|
504
|
+
e == "scale" && Y.move(o), e == "transform" && ee.move(o);
|
|
505
|
+
}, Ye = (e) => {
|
|
506
506
|
e == "scale" && Y.reset(), e == "transform" && ee.reset();
|
|
507
|
-
},
|
|
508
|
-
isBusy:
|
|
509
|
-
isSwipeable:
|
|
510
|
-
reset:
|
|
511
|
-
next:
|
|
512
|
-
back:
|
|
513
|
-
move:
|
|
507
|
+
}, T = {
|
|
508
|
+
isBusy: z,
|
|
509
|
+
isSwipeable: fe,
|
|
510
|
+
reset: Ye,
|
|
511
|
+
next: Je,
|
|
512
|
+
back: Qe,
|
|
513
|
+
move: Ze,
|
|
514
514
|
screens: D,
|
|
515
|
-
addScreen:
|
|
516
|
-
addScreenEl:
|
|
515
|
+
addScreen: Fe,
|
|
516
|
+
addScreenEl: Ge,
|
|
517
517
|
removeScreen: ne,
|
|
518
|
-
removeAllScreen:
|
|
519
|
-
lockSwipe:
|
|
520
|
-
unlockSwipe:
|
|
518
|
+
removeAllScreen: Ue,
|
|
519
|
+
lockSwipe: je,
|
|
520
|
+
unlockSwipe: Ke,
|
|
521
521
|
swipeable: Z,
|
|
522
|
-
currentScreen:
|
|
523
|
-
lastScreen:
|
|
524
|
-
nextScreen:
|
|
525
|
-
},
|
|
522
|
+
currentScreen: B,
|
|
523
|
+
lastScreen: C,
|
|
524
|
+
nextScreen: q
|
|
525
|
+
}, et = { class: "t-toast-content" }, tt = /* @__PURE__ */ h({
|
|
526
526
|
__name: "t-toast",
|
|
527
527
|
props: {
|
|
528
528
|
message: {},
|
|
@@ -533,150 +533,150 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
|
|
|
533
533
|
visible: { type: Boolean, default: !1 }
|
|
534
534
|
},
|
|
535
535
|
emits: ["dismiss"],
|
|
536
|
-
setup(e, { expose:
|
|
537
|
-
const s = e, r =
|
|
538
|
-
d.value = !0,
|
|
536
|
+
setup(e, { expose: o, emit: t }) {
|
|
537
|
+
const s = e, r = t, l = v(!1), d = v(!1), a = v(!1), f = () => {
|
|
538
|
+
d.value = !0, a.value = !1, setTimeout(() => {
|
|
539
539
|
l.value = !0;
|
|
540
540
|
}, 10);
|
|
541
541
|
}, i = () => {
|
|
542
|
-
|
|
542
|
+
a.value = !0, setTimeout(() => {
|
|
543
543
|
d.value = !1, l.value = !1, r("dismiss");
|
|
544
544
|
}, 300);
|
|
545
545
|
};
|
|
546
|
-
X(() => s.visible, (
|
|
547
|
-
|
|
546
|
+
X(() => s.visible, (n) => {
|
|
547
|
+
n ? f() : i();
|
|
548
548
|
});
|
|
549
|
-
const
|
|
550
|
-
let
|
|
551
|
-
return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ?
|
|
549
|
+
const g = w(() => {
|
|
550
|
+
let n;
|
|
551
|
+
return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? n = {
|
|
552
552
|
"--border": "none",
|
|
553
553
|
"--color": "var(--t-color-status-" + s.color + "-text)",
|
|
554
554
|
"--background": "rgba(var(--t-color-status-" + s.color + "-rgb), 1)"
|
|
555
|
-
} :
|
|
555
|
+
} : n = {
|
|
556
556
|
"--border": "none",
|
|
557
557
|
"--color": "var(--t-color-text)",
|
|
558
558
|
"--background": s.color
|
|
559
|
-
} :
|
|
559
|
+
} : n = {
|
|
560
560
|
"--border": "none",
|
|
561
561
|
"--color": "var(--t-color-text)",
|
|
562
562
|
"--background": "rgba(var(--t-color-surface-rgb), 1)"
|
|
563
|
-
}), s.variant == "text" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ?
|
|
563
|
+
}), s.variant == "text" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? n = {
|
|
564
564
|
"--border": "none",
|
|
565
565
|
"--color": "var(--t-color-status-" + s.color + ")",
|
|
566
566
|
"--background": "transparent"
|
|
567
|
-
} :
|
|
567
|
+
} : n = {
|
|
568
568
|
"--border": "none",
|
|
569
569
|
"--color": s.color,
|
|
570
570
|
"--background": "transparent"
|
|
571
|
-
} :
|
|
571
|
+
} : n = {
|
|
572
572
|
"--border": "none",
|
|
573
573
|
"--color": "var(--t-color-text)",
|
|
574
574
|
"--background": "transparent"
|
|
575
|
-
}), s.variant == "outline" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ?
|
|
575
|
+
}), s.variant == "outline" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? n = {
|
|
576
576
|
"--border": "0.55px solid var(--t-color-status-" + s.color + ")",
|
|
577
577
|
"--color": "var(--t-color-status-" + s.color + ")",
|
|
578
578
|
"--background": "transparent"
|
|
579
|
-
} :
|
|
579
|
+
} : n = {
|
|
580
580
|
"--border": "0.55px solid " + s.color,
|
|
581
581
|
"--color": s.color,
|
|
582
582
|
"--background": "transparent"
|
|
583
|
-
} :
|
|
583
|
+
} : n = {
|
|
584
584
|
"--border": "0.55px solid var(--t-color-text)",
|
|
585
585
|
"--color": "var(--t-color-text)",
|
|
586
586
|
"--background": "transparent"
|
|
587
|
-
}),
|
|
587
|
+
}), n;
|
|
588
588
|
});
|
|
589
|
-
return
|
|
590
|
-
open:
|
|
589
|
+
return o({
|
|
590
|
+
open: f,
|
|
591
591
|
close: i
|
|
592
|
-
}), (
|
|
592
|
+
}), (n, u) => d.value ? (c(), p("div", {
|
|
593
593
|
key: 0,
|
|
594
|
-
class: S(["t-toast", { [s.placement]: !0, open: l.value, closing:
|
|
595
|
-
style:
|
|
594
|
+
class: S(["t-toast", { [s.placement]: !0, open: l.value, closing: a.value }]),
|
|
595
|
+
style: x({ "--space": s.space, ...g.value })
|
|
596
596
|
}, [
|
|
597
|
-
|
|
598
|
-
|
|
597
|
+
b(n.$slots, "content", {}, () => [
|
|
598
|
+
$("div", et, R(s.message), 1)
|
|
599
599
|
], !0)
|
|
600
|
-
], 6)) :
|
|
600
|
+
], 6)) : I("", !0);
|
|
601
601
|
}
|
|
602
|
-
}),
|
|
602
|
+
}), me = /* @__PURE__ */ _(tt, [["__scopeId", "data-v-2802d43f"]]), To = (e = {}) => ({
|
|
603
603
|
open() {
|
|
604
|
-
let
|
|
605
|
-
if (!
|
|
606
|
-
const
|
|
607
|
-
|
|
604
|
+
let o = document.body.querySelector(".t-app");
|
|
605
|
+
if (!o) return;
|
|
606
|
+
const t = document.createElement("div"), s = v();
|
|
607
|
+
o.appendChild(t);
|
|
608
608
|
const r = j({
|
|
609
609
|
render() {
|
|
610
|
-
return K(
|
|
610
|
+
return K(me, {
|
|
611
611
|
...e,
|
|
612
612
|
ref: s,
|
|
613
613
|
onDismiss: () => {
|
|
614
614
|
setTimeout(() => {
|
|
615
|
-
r.unmount(),
|
|
615
|
+
r.unmount(), t.remove();
|
|
616
616
|
}, 300);
|
|
617
617
|
}
|
|
618
618
|
});
|
|
619
619
|
}
|
|
620
620
|
});
|
|
621
|
-
r.mount(
|
|
621
|
+
r.mount(t), setTimeout(() => {
|
|
622
622
|
s.value?.open?.(), setTimeout(() => {
|
|
623
623
|
s.value?.close?.();
|
|
624
624
|
}, e.duration + 10);
|
|
625
625
|
}, 50);
|
|
626
626
|
}
|
|
627
|
-
}),
|
|
628
|
-
function
|
|
627
|
+
}), ot = v(0);
|
|
628
|
+
function ve() {
|
|
629
629
|
return {
|
|
630
|
-
height:
|
|
630
|
+
height: ot
|
|
631
631
|
};
|
|
632
632
|
}
|
|
633
|
-
const
|
|
633
|
+
const st = /* @__PURE__ */ h({
|
|
634
634
|
__name: "t-cable",
|
|
635
635
|
props: {
|
|
636
636
|
keyboard: { type: Boolean, default: !1 },
|
|
637
637
|
placement: { default: "bottom" }
|
|
638
638
|
},
|
|
639
639
|
setup(e) {
|
|
640
|
-
const
|
|
641
|
-
return
|
|
642
|
-
placement:
|
|
643
|
-
}), (s, r) => (
|
|
644
|
-
class: S(["t-cable", { keyboard:
|
|
645
|
-
style:
|
|
640
|
+
const o = e, { height: t } = ve();
|
|
641
|
+
return ie("cableState", {
|
|
642
|
+
placement: o.placement
|
|
643
|
+
}), (s, r) => (c(), p("div", {
|
|
644
|
+
class: S(["t-cable", { keyboard: o.keyboard && A(t) > 0, [o.placement]: !0 }]),
|
|
645
|
+
style: x({ "--t-keyboard-height": A(t) + "px", "--t-keyboard-transition": A(t) > 0 ? "0.3s" : "0.1s" })
|
|
646
646
|
}, [
|
|
647
|
-
|
|
647
|
+
b(s.$slots, "default", {}, void 0, !0)
|
|
648
648
|
], 6));
|
|
649
649
|
}
|
|
650
|
-
}),
|
|
650
|
+
}), rt = /* @__PURE__ */ _(st, [["__scopeId", "data-v-6cae224b"]]), nt = /* @__PURE__ */ h({
|
|
651
651
|
__name: "t-card",
|
|
652
652
|
props: {
|
|
653
653
|
color: { default: null }
|
|
654
654
|
},
|
|
655
655
|
setup(e) {
|
|
656
|
-
const
|
|
656
|
+
const o = e, t = w(() => {
|
|
657
657
|
let s;
|
|
658
|
-
return
|
|
659
|
-
"--background": "var(--t-color-status-" +
|
|
658
|
+
return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
|
|
659
|
+
"--background": "var(--t-color-status-" + o.color + ")"
|
|
660
660
|
} : s = {
|
|
661
|
-
"--background":
|
|
661
|
+
"--background": o.color
|
|
662
662
|
} : s = {
|
|
663
663
|
"--background": "var(--t-color-surface)"
|
|
664
664
|
}, s;
|
|
665
665
|
});
|
|
666
|
-
return (s, r) => (
|
|
666
|
+
return (s, r) => (c(), p("div", {
|
|
667
667
|
class: "t-card",
|
|
668
|
-
style:
|
|
668
|
+
style: x(t.value)
|
|
669
669
|
}, [
|
|
670
|
-
|
|
670
|
+
b(s.$slots, "default")
|
|
671
671
|
], 4));
|
|
672
672
|
}
|
|
673
|
-
}),
|
|
674
|
-
function
|
|
675
|
-
return
|
|
676
|
-
|
|
673
|
+
}), at = {}, lt = { class: "t-content" };
|
|
674
|
+
function ct(e, o) {
|
|
675
|
+
return c(), p("div", lt, [
|
|
676
|
+
b(e.$slots, "default", {}, void 0, !0)
|
|
677
677
|
]);
|
|
678
678
|
}
|
|
679
|
-
const
|
|
679
|
+
const ye = /* @__PURE__ */ _(at, [["render", ct], ["__scopeId", "data-v-af750e89"]]), it = /* @__PURE__ */ h({
|
|
680
680
|
__name: "t-refresher",
|
|
681
681
|
props: {
|
|
682
682
|
threshold: { default: 120 },
|
|
@@ -684,52 +684,52 @@ const ve = /* @__PURE__ */ v(nt, [["render", lt], ["__scopeId", "data-v-af750e89
|
|
|
684
684
|
variant: { default: "max" }
|
|
685
685
|
},
|
|
686
686
|
emits: ["refresh", "move", "cancel", "start"],
|
|
687
|
-
setup(e, { emit:
|
|
688
|
-
const
|
|
689
|
-
let
|
|
687
|
+
setup(e, { emit: o }) {
|
|
688
|
+
const t = o, s = e, r = v(0), l = v(!1), d = v();
|
|
689
|
+
let a, f = !1;
|
|
690
690
|
const i = () => {
|
|
691
|
-
l.value = !1, r.value = 0,
|
|
692
|
-
},
|
|
693
|
-
|
|
694
|
-
},
|
|
695
|
-
r.value = 0, l.value = !1,
|
|
691
|
+
l.value = !1, r.value = 0, a && a.cancel(), f = !1;
|
|
692
|
+
}, g = () => {
|
|
693
|
+
f = !0, l.value = !0, r.value = s.threshold, t("refresh", i);
|
|
694
|
+
}, n = () => {
|
|
695
|
+
r.value = 0, l.value = !1, f = !1, t("cancel");
|
|
696
696
|
};
|
|
697
697
|
return X(() => d.value, () => {
|
|
698
|
-
|
|
699
|
-
let
|
|
700
|
-
|
|
698
|
+
a && a.destroy();
|
|
699
|
+
let u = d.value.closest(".t-content");
|
|
700
|
+
u && (a = re(u, {
|
|
701
701
|
options: {
|
|
702
702
|
minDist: 60
|
|
703
703
|
},
|
|
704
704
|
down() {
|
|
705
|
-
l.value ||
|
|
705
|
+
l.value || f || t("start");
|
|
706
706
|
},
|
|
707
|
-
move({ deltaY:
|
|
708
|
-
if (l.value ||
|
|
709
|
-
if (s.variant == "max" &&
|
|
710
|
-
|
|
707
|
+
move({ deltaY: y, initialDirection: k }) {
|
|
708
|
+
if (l.value || f || k != "down") return;
|
|
709
|
+
if (s.variant == "max" && y >= s.threshold) {
|
|
710
|
+
g();
|
|
711
711
|
return;
|
|
712
712
|
}
|
|
713
|
-
const
|
|
714
|
-
r.value =
|
|
713
|
+
const m = y < 0 ? 0 : y;
|
|
714
|
+
r.value = m, t("move", m);
|
|
715
715
|
},
|
|
716
|
-
up({ deltaY:
|
|
717
|
-
l.value ||
|
|
716
|
+
up({ deltaY: y, initialDirection: k }) {
|
|
717
|
+
l.value || f || k != "down" || (s.variant == "up" && y >= s.threshold ? g() : n());
|
|
718
718
|
},
|
|
719
719
|
cancel() {
|
|
720
|
-
l.value ||
|
|
720
|
+
l.value || f || n();
|
|
721
721
|
}
|
|
722
722
|
}, {
|
|
723
723
|
passive: !1
|
|
724
724
|
}));
|
|
725
725
|
}), se(() => {
|
|
726
|
-
|
|
727
|
-
}), (
|
|
728
|
-
class: S(["t-refresher", { safe:
|
|
726
|
+
a && a.destroy();
|
|
727
|
+
}), (u, y) => M((c(), p("div", {
|
|
728
|
+
class: S(["t-refresher", { safe: u.safe }]),
|
|
729
729
|
ref_key: "container",
|
|
730
730
|
ref: d
|
|
731
731
|
}, [
|
|
732
|
-
|
|
732
|
+
b(u.$slots, "default", {
|
|
733
733
|
offset: r.value,
|
|
734
734
|
refreshing: l.value
|
|
735
735
|
}, void 0, !0)
|
|
@@ -737,13 +737,13 @@ const ve = /* @__PURE__ */ v(nt, [["render", lt], ["__scopeId", "data-v-af750e89
|
|
|
737
737
|
[H, r.value > 0]
|
|
738
738
|
]);
|
|
739
739
|
}
|
|
740
|
-
}),
|
|
741
|
-
function
|
|
742
|
-
return
|
|
743
|
-
|
|
740
|
+
}), ut = /* @__PURE__ */ _(it, [["__scopeId", "data-v-1d52477a"]]), dt = {}, pt = { class: "t-screen" };
|
|
741
|
+
function ft(e, o) {
|
|
742
|
+
return c(), p("div", pt, [
|
|
743
|
+
b(e.$slots, "default", {}, void 0, !0)
|
|
744
744
|
]);
|
|
745
745
|
}
|
|
746
|
-
const _e = /* @__PURE__ */
|
|
746
|
+
const _e = /* @__PURE__ */ _(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c"]]), mt = /* @__PURE__ */ h({
|
|
747
747
|
__name: "t-swipe-screen",
|
|
748
748
|
props: {
|
|
749
749
|
variant: { default: "scale" },
|
|
@@ -751,72 +751,72 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
|
|
|
751
751
|
route: {}
|
|
752
752
|
},
|
|
753
753
|
emits: ["change"],
|
|
754
|
-
setup(e, { emit:
|
|
755
|
-
let
|
|
756
|
-
const s =
|
|
754
|
+
setup(e, { emit: o }) {
|
|
755
|
+
let t = {};
|
|
756
|
+
const s = o, r = e;
|
|
757
757
|
let l;
|
|
758
|
-
const d = r.router ||
|
|
759
|
-
for (let
|
|
760
|
-
|
|
761
|
-
const i = (
|
|
762
|
-
|
|
763
|
-
name:
|
|
758
|
+
const d = r.router || de(), a = r.route || $e(), f = d.getRoutes();
|
|
759
|
+
for (let n of f)
|
|
760
|
+
t[n.name] = n.component || n.components;
|
|
761
|
+
const i = (n) => {
|
|
762
|
+
n && T.addScreen({
|
|
763
|
+
name: n,
|
|
764
764
|
target: null,
|
|
765
|
-
component:
|
|
765
|
+
component: he(t[n] || null)
|
|
766
766
|
});
|
|
767
|
-
},
|
|
768
|
-
!
|
|
767
|
+
}, g = (n, u) => {
|
|
768
|
+
!u || T.screens[n].target || (T.addScreenEl(n, u.$el), T.nextScreen && T.next(r.variant, () => {
|
|
769
769
|
s("change");
|
|
770
770
|
}));
|
|
771
771
|
};
|
|
772
|
-
return X(() =>
|
|
773
|
-
|
|
772
|
+
return X(() => a.name, (n, u) => {
|
|
773
|
+
n != T.currentScreen.value?.name && (T.lastScreen.value?.name == n ? T.back(r.variant, () => {
|
|
774
774
|
s("change");
|
|
775
|
-
}) : i(
|
|
775
|
+
}) : i(a.name));
|
|
776
776
|
}), G(() => {
|
|
777
|
-
i(
|
|
778
|
-
beforeEvent(
|
|
779
|
-
return !!
|
|
777
|
+
i(a.name), l = re(document.body, {
|
|
778
|
+
beforeEvent(n) {
|
|
779
|
+
return !!T.isSwipeable.value;
|
|
780
780
|
},
|
|
781
|
-
fast({ initialDirection:
|
|
782
|
-
|
|
781
|
+
fast({ initialDirection: n }) {
|
|
782
|
+
T.lastScreen.value && n == "right" && d.back();
|
|
783
783
|
},
|
|
784
|
-
move({ deltaX:
|
|
785
|
-
|
|
784
|
+
move({ deltaX: n, initialDirection: u }) {
|
|
785
|
+
u == "right" && T.move(r.variant, n);
|
|
786
786
|
},
|
|
787
|
-
up({ deltaX:
|
|
788
|
-
if (
|
|
789
|
-
|
|
787
|
+
up({ deltaX: n, initialDirection: u }) {
|
|
788
|
+
if (u != "right") {
|
|
789
|
+
T.reset(r.variant);
|
|
790
790
|
return;
|
|
791
791
|
}
|
|
792
|
-
const
|
|
793
|
-
|
|
792
|
+
const y = window.innerWidth;
|
|
793
|
+
n / y * 100 >= 50 ? d.back() : T.reset(r.variant);
|
|
794
794
|
},
|
|
795
795
|
cancel() {
|
|
796
|
-
|
|
796
|
+
T.reset(r.variant);
|
|
797
797
|
}
|
|
798
798
|
});
|
|
799
799
|
}), se(() => {
|
|
800
|
-
l && l.destroy(),
|
|
801
|
-
}), (
|
|
802
|
-
(
|
|
800
|
+
l && l.destroy(), T.removeAllScreen();
|
|
801
|
+
}), (n, u) => (c(), p(W, null, [
|
|
802
|
+
(c(!0), p(W, null, F(A(T).screens, (y, k) => (c(), E(_e, {
|
|
803
803
|
ref_for: !0,
|
|
804
|
-
ref: (
|
|
805
|
-
style:
|
|
806
|
-
key:
|
|
804
|
+
ref: (m) => g(k, m),
|
|
805
|
+
style: x({ zIndex: k + (k == A(T).screens.length - 1 ? 2 : 1) }),
|
|
806
|
+
key: k
|
|
807
807
|
}, {
|
|
808
|
-
default:
|
|
809
|
-
(
|
|
808
|
+
default: V(() => [
|
|
809
|
+
(c(), E(be(y.component.default)))
|
|
810
810
|
]),
|
|
811
811
|
_: 2
|
|
812
812
|
}, 1032, ["style"]))), 128)),
|
|
813
|
-
|
|
813
|
+
$("div", {
|
|
814
814
|
class: "t-swipe-backdrop",
|
|
815
|
-
style:
|
|
815
|
+
style: x({ zIndex: A(T).screens.length })
|
|
816
816
|
}, null, 4)
|
|
817
817
|
], 64));
|
|
818
818
|
}
|
|
819
|
-
}),
|
|
819
|
+
}), vt = /* @__PURE__ */ _(mt, [["__scopeId", "data-v-23e0cfda"]]), yt = /* @__PURE__ */ h({
|
|
820
820
|
__name: "t-toolbar",
|
|
821
821
|
props: {
|
|
822
822
|
placement: { default: null },
|
|
@@ -824,72 +824,72 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
|
|
|
824
824
|
size: { default: "50px" }
|
|
825
825
|
},
|
|
826
826
|
setup(e) {
|
|
827
|
-
const
|
|
828
|
-
return (r, l) => (
|
|
829
|
-
class: S(["t-toolbar", { [s.value]: !0, safe:
|
|
830
|
-
style:
|
|
827
|
+
const o = e, t = ue("cableState"), s = w(() => o?.placement || t?.placement);
|
|
828
|
+
return (r, l) => (c(), p("div", {
|
|
829
|
+
class: S(["t-toolbar", { [s.value]: !0, safe: o.safe }]),
|
|
830
|
+
style: x({ "--t-size-toolbar": o.size })
|
|
831
831
|
}, [
|
|
832
|
-
|
|
833
|
-
|
|
832
|
+
$("div", null, [
|
|
833
|
+
b(r.$slots, "default", {}, void 0, !0)
|
|
834
834
|
])
|
|
835
835
|
], 6));
|
|
836
836
|
}
|
|
837
|
-
}), _t = /* @__PURE__ */
|
|
837
|
+
}), _t = /* @__PURE__ */ _(yt, [["__scopeId", "data-v-1ee9866d"]]), gt = /* @__PURE__ */ h({
|
|
838
838
|
__name: "t-back-button",
|
|
839
839
|
props: {
|
|
840
840
|
to: {},
|
|
841
841
|
router: {}
|
|
842
842
|
},
|
|
843
843
|
setup(e) {
|
|
844
|
-
const
|
|
845
|
-
if (
|
|
846
|
-
|
|
844
|
+
const o = e, t = ke(), s = o.router || de(), r = (l) => {
|
|
845
|
+
if (t.onBack) {
|
|
846
|
+
t.onBack(l);
|
|
847
847
|
return;
|
|
848
848
|
}
|
|
849
|
-
|
|
849
|
+
T.lastScreen.value ? s?.back?.() : o.to && s?.push?.(o.to);
|
|
850
850
|
};
|
|
851
|
-
return (l, d) => l.to ||
|
|
851
|
+
return (l, d) => l.to || A(T).lastScreen ? (c(), p("button", {
|
|
852
852
|
key: 0,
|
|
853
853
|
class: "t-back-button",
|
|
854
854
|
onClick: r
|
|
855
855
|
}, [
|
|
856
|
-
|
|
857
|
-
d[0] || (d[0] =
|
|
856
|
+
b(l.$slots, "default", {}, () => [
|
|
857
|
+
d[0] || (d[0] = $("i", { class: "ri-arrow-left-s-line" }, null, -1))
|
|
858
858
|
], !0)
|
|
859
|
-
])) :
|
|
859
|
+
])) : I("", !0);
|
|
860
860
|
}
|
|
861
|
-
}),
|
|
861
|
+
}), bt = /* @__PURE__ */ _(gt, [["__scopeId", "data-v-dcf9d363"]]), ht = /* @__PURE__ */ h({
|
|
862
862
|
__name: "t-text",
|
|
863
863
|
props: {
|
|
864
864
|
color: { default: "var(--t-color-text)" },
|
|
865
865
|
size: { default: "standard" }
|
|
866
866
|
},
|
|
867
867
|
setup(e) {
|
|
868
|
-
const
|
|
869
|
-
let s, r =
|
|
870
|
-
return
|
|
868
|
+
const o = e, t = w(() => {
|
|
869
|
+
let s, r = o.color;
|
|
870
|
+
return o.size == "standard" ? s = "var(--t-fs-10)" : o.size == "small" ? s = "var(--t-fs-08)" : o.size == "large" ? s = "var(--t-fs-12)" : s = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (r = `var(--t-color-status-${o.color})`), {
|
|
871
871
|
"--color": r,
|
|
872
872
|
"--font-size": s
|
|
873
873
|
};
|
|
874
874
|
});
|
|
875
|
-
return (s, r) => (
|
|
875
|
+
return (s, r) => (c(), p("span", {
|
|
876
876
|
class: "t-text",
|
|
877
|
-
style:
|
|
877
|
+
style: x(t.value)
|
|
878
878
|
}, [
|
|
879
|
-
|
|
879
|
+
b(s.$slots, "default", {}, void 0, !0)
|
|
880
880
|
], 4));
|
|
881
881
|
}
|
|
882
|
-
}), oe = /* @__PURE__ */
|
|
882
|
+
}), oe = /* @__PURE__ */ _(ht, [["__scopeId", "data-v-f0f94f05"]]), kt = /* @__PURE__ */ h({
|
|
883
883
|
__name: "t-gesture-indicator",
|
|
884
884
|
props: {
|
|
885
885
|
placement: { default: "bottom" }
|
|
886
886
|
},
|
|
887
887
|
setup(e) {
|
|
888
|
-
return (
|
|
889
|
-
class: S(["t-gesture-indicator", { [
|
|
888
|
+
return (o, t) => (c(), p("div", {
|
|
889
|
+
class: S(["t-gesture-indicator", { [o.placement]: !0 }])
|
|
890
890
|
}, null, 2));
|
|
891
891
|
}
|
|
892
|
-
}),
|
|
892
|
+
}), ge = /* @__PURE__ */ _(kt, [["__scopeId", "data-v-ed8f7308"]]), $t = /* @__PURE__ */ h({
|
|
893
893
|
__name: "t-sheet",
|
|
894
894
|
props: {
|
|
895
895
|
background: { default: "var(--t-color-surface)" },
|
|
@@ -906,87 +906,87 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
|
|
|
906
906
|
style: {}
|
|
907
907
|
},
|
|
908
908
|
emits: ["dismiss"],
|
|
909
|
-
setup(e, { emit:
|
|
910
|
-
const
|
|
911
|
-
let
|
|
912
|
-
const
|
|
913
|
-
if (
|
|
914
|
-
if (
|
|
915
|
-
if (
|
|
916
|
-
if (
|
|
917
|
-
}), i = (
|
|
918
|
-
s("dismiss",
|
|
919
|
-
},
|
|
909
|
+
setup(e, { emit: o }) {
|
|
910
|
+
const t = e, s = o, r = v(), l = v(), d = v(!1);
|
|
911
|
+
let a = null;
|
|
912
|
+
const f = w(() => {
|
|
913
|
+
if (t.placement == "bottom") return "down";
|
|
914
|
+
if (t.placement == "top") return "up";
|
|
915
|
+
if (t.placement == "left") return "left";
|
|
916
|
+
if (t.placement == "right") return "right";
|
|
917
|
+
}), i = (n) => {
|
|
918
|
+
s("dismiss", n);
|
|
919
|
+
}, g = () => {
|
|
920
920
|
d.value = !0, setTimeout(() => {
|
|
921
921
|
d.value = !1;
|
|
922
922
|
}, 300);
|
|
923
923
|
};
|
|
924
|
-
return X(() => r.value, (
|
|
925
|
-
|
|
924
|
+
return X(() => r.value, (n) => {
|
|
925
|
+
n && (a = re(r.value, {
|
|
926
926
|
isMoving: !1,
|
|
927
927
|
options: {
|
|
928
928
|
minDist: 30
|
|
929
929
|
},
|
|
930
|
-
beforeEvent(
|
|
931
|
-
return !(d.value || !
|
|
930
|
+
beforeEvent(u) {
|
|
931
|
+
return !(d.value || !t.gesture || t.placement == "center");
|
|
932
932
|
},
|
|
933
933
|
down() {
|
|
934
934
|
this.isMoving = !1;
|
|
935
935
|
},
|
|
936
|
-
fast({ initialDirection:
|
|
937
|
-
|
|
936
|
+
fast({ initialDirection: u }) {
|
|
937
|
+
g(), u == f.value ? s("dismiss", "gesture") : l.value.open();
|
|
938
938
|
},
|
|
939
|
-
move({ deltaY:
|
|
940
|
-
if (
|
|
941
|
-
let
|
|
942
|
-
|
|
943
|
-
contentTransform:
|
|
939
|
+
move({ deltaY: u, deltaX: y, initialDirection: k }) {
|
|
940
|
+
if (k != f.value) return;
|
|
941
|
+
let m = 0;
|
|
942
|
+
t.placement == "bottom" || t.placement == "top" ? m = u : m = y, t.placement == "bottom" && (m = u > 0 ? u : 0), t.placement == "top" && (m = u < 0 ? u : 0), t.placement == "left" && (m = y < 0 ? y : 0), t.placement == "right" && (m = y > 0 ? y : 0), (t.placement == "bottom" && (m >= 10 || this.isMoving) || t.placement == "top" && (m <= -10 || this.isMoving) || t.placement == "left" && (m <= -10 || this.isMoving) || t.placement == "right" && (m >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
|
|
943
|
+
contentTransform: m + "px",
|
|
944
944
|
transition: "0s"
|
|
945
945
|
}));
|
|
946
946
|
},
|
|
947
|
-
up({ deltaY:
|
|
948
|
-
if (this.isMoving = !1,
|
|
947
|
+
up({ deltaY: u, deltaX: y, initialDirection: k }) {
|
|
948
|
+
if (this.isMoving = !1, g(), k != f.value) {
|
|
949
949
|
l.value.open();
|
|
950
950
|
return;
|
|
951
951
|
}
|
|
952
|
-
let
|
|
953
|
-
|
|
952
|
+
let m, O, te;
|
|
953
|
+
t.placement == "bottom" || t.placement == "top" ? (m = r.value.offsetHeight, te = u) : (m = r.value.offsetWidth, te = y), O = te / m * 100, O > 50 ? s("dismiss", "gesture") : l.value.open();
|
|
954
954
|
},
|
|
955
955
|
cancel() {
|
|
956
|
-
this.isMoving = !1,
|
|
956
|
+
this.isMoving = !1, g(), l.value.open();
|
|
957
957
|
}
|
|
958
958
|
}));
|
|
959
959
|
}), se(() => {
|
|
960
|
-
|
|
961
|
-
}), (
|
|
960
|
+
a && a.destroy();
|
|
961
|
+
}), (n, u) => (c(), E(L, {
|
|
962
962
|
ref_key: "present",
|
|
963
963
|
ref: l,
|
|
964
|
-
class: S(
|
|
965
|
-
placement:
|
|
966
|
-
backdrop:
|
|
967
|
-
visible:
|
|
968
|
-
keepalive:
|
|
964
|
+
class: S(t.class),
|
|
965
|
+
placement: t.placement,
|
|
966
|
+
backdrop: n.backdrop,
|
|
967
|
+
visible: t.visible,
|
|
968
|
+
keepalive: t.keepalive,
|
|
969
969
|
onDismiss: i,
|
|
970
|
-
style:
|
|
970
|
+
style: x(t.style)
|
|
971
971
|
}, {
|
|
972
|
-
default:
|
|
973
|
-
|
|
972
|
+
default: V(() => [
|
|
973
|
+
t.gesture && t.indicator && t.placement != "center" ? (c(), E(ge, {
|
|
974
974
|
key: 0,
|
|
975
|
-
placement:
|
|
976
|
-
}, null, 8, ["placement"])) :
|
|
977
|
-
|
|
978
|
-
class: S(["t-sheet", { fullscreen:
|
|
979
|
-
style:
|
|
975
|
+
placement: t.placement
|
|
976
|
+
}, null, 8, ["placement"])) : I("", !0),
|
|
977
|
+
$("div", {
|
|
978
|
+
class: S(["t-sheet", { fullscreen: t.fullscreen, [t.placement]: !0, rounded: n.rounded, radius: t.radius }]),
|
|
979
|
+
style: x({ "--background": t.background }),
|
|
980
980
|
ref_key: "sheet",
|
|
981
981
|
ref: r
|
|
982
982
|
}, [
|
|
983
|
-
|
|
983
|
+
b(n.$slots, "default", {}, void 0, !0)
|
|
984
984
|
], 6)
|
|
985
985
|
]),
|
|
986
986
|
_: 3
|
|
987
987
|
}, 8, ["class", "placement", "backdrop", "visible", "keepalive", "style"]));
|
|
988
988
|
}
|
|
989
|
-
}),
|
|
989
|
+
}), wt = /* @__PURE__ */ _($t, [["__scopeId", "data-v-6f7063f0"]]), xt = { class: "t-input-label" }, Tt = { class: "t-input-content" }, St = ["type", "placeholder", "value"], Bt = /* @__PURE__ */ h({
|
|
990
990
|
__name: "t-input",
|
|
991
991
|
props: {
|
|
992
992
|
size: { default: "standard" },
|
|
@@ -1000,233 +1000,233 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
|
|
|
1000
1000
|
variant: { default: "default" }
|
|
1001
1001
|
},
|
|
1002
1002
|
emits: ["update:modelValue"],
|
|
1003
|
-
setup(e, { emit:
|
|
1004
|
-
const
|
|
1003
|
+
setup(e, { emit: o }) {
|
|
1004
|
+
const t = e, s = o, r = v(!1), l = w(() => !(t.modelValue === "" || t.modelValue === null || t.modelValue === void 0)), d = (i) => {
|
|
1005
1005
|
s("update:modelValue", i.target.value);
|
|
1006
|
-
},
|
|
1006
|
+
}, a = () => {
|
|
1007
1007
|
r.value = !0;
|
|
1008
|
-
},
|
|
1008
|
+
}, f = () => {
|
|
1009
1009
|
r.value = !1;
|
|
1010
1010
|
};
|
|
1011
|
-
return (i,
|
|
1011
|
+
return (i, g) => (c(), p("div", {
|
|
1012
1012
|
class: S(["t-input", { rounded: i.rounded, ["size-" + i.size]: !0, ["variant-" + i.variant]: !0, focus: r.value, "has-value": l.value }])
|
|
1013
1013
|
}, [
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1014
|
+
$("label", null, [
|
|
1015
|
+
$("span", xt, R(i.label), 1),
|
|
1016
|
+
$("div", Tt, [
|
|
1017
|
+
b(i.$slots, "start", {}, void 0, !0),
|
|
1018
|
+
$("input", {
|
|
1019
1019
|
type: i.type,
|
|
1020
1020
|
placeholder: i.variant == "default" ? i.placeholder : "",
|
|
1021
1021
|
value: i.modelValue,
|
|
1022
1022
|
onInput: d,
|
|
1023
|
-
onFocus:
|
|
1024
|
-
onBlur:
|
|
1025
|
-
}, null, 40,
|
|
1026
|
-
|
|
1023
|
+
onFocus: a,
|
|
1024
|
+
onBlur: f
|
|
1025
|
+
}, null, 40, St),
|
|
1026
|
+
b(i.$slots, "end", {}, void 0, !0)
|
|
1027
1027
|
])
|
|
1028
1028
|
]),
|
|
1029
|
-
i.error ? (
|
|
1029
|
+
i.error ? (c(), E(oe, {
|
|
1030
1030
|
key: 0,
|
|
1031
1031
|
color: "danger"
|
|
1032
1032
|
}, {
|
|
1033
|
-
default:
|
|
1034
|
-
|
|
1033
|
+
default: V(() => [
|
|
1034
|
+
N(R(i.error), 1)
|
|
1035
1035
|
]),
|
|
1036
1036
|
_: 1
|
|
1037
|
-
})) : i.help ? (
|
|
1037
|
+
})) : i.help ? (c(), E(oe, {
|
|
1038
1038
|
key: 1,
|
|
1039
1039
|
color: "secondary"
|
|
1040
1040
|
}, {
|
|
1041
|
-
default:
|
|
1042
|
-
|
|
1041
|
+
default: V(() => [
|
|
1042
|
+
N(R(i.help), 1)
|
|
1043
1043
|
]),
|
|
1044
1044
|
_: 1
|
|
1045
|
-
})) :
|
|
1045
|
+
})) : I("", !0)
|
|
1046
1046
|
], 2));
|
|
1047
1047
|
}
|
|
1048
|
-
}), zt = /* @__PURE__ */
|
|
1049
|
-
function
|
|
1050
|
-
return
|
|
1048
|
+
}), zt = /* @__PURE__ */ _(Bt, [["__scopeId", "data-v-fd2173ab"]]), It = {};
|
|
1049
|
+
function Ct(e, o) {
|
|
1050
|
+
return c(), p("textarea");
|
|
1051
1051
|
}
|
|
1052
|
-
const
|
|
1053
|
-
function
|
|
1054
|
-
return
|
|
1052
|
+
const Et = /* @__PURE__ */ _(It, [["render", Ct]]), Vt = {};
|
|
1053
|
+
function Pt(e, o) {
|
|
1054
|
+
return c(), p("div");
|
|
1055
1055
|
}
|
|
1056
|
-
const
|
|
1057
|
-
function
|
|
1058
|
-
return
|
|
1056
|
+
const Rt = /* @__PURE__ */ _(Vt, [["render", Pt]]), At = {}, Dt = { class: "t-grid" };
|
|
1057
|
+
function Xt(e, o) {
|
|
1058
|
+
return c(), p("div", Dt);
|
|
1059
1059
|
}
|
|
1060
|
-
const
|
|
1061
|
-
function qt(e,
|
|
1062
|
-
return
|
|
1060
|
+
const Ot = /* @__PURE__ */ _(At, [["render", Xt]]), Wt = {}, Nt = { class: "t-grid-item" };
|
|
1061
|
+
function qt(e, o) {
|
|
1062
|
+
return c(), p("div", Nt);
|
|
1063
1063
|
}
|
|
1064
|
-
const Lt = /* @__PURE__ */
|
|
1064
|
+
const Lt = /* @__PURE__ */ _(Wt, [["render", qt]]), Mt = /* @__PURE__ */ h({
|
|
1065
1065
|
__name: "t-divider",
|
|
1066
1066
|
props: {
|
|
1067
1067
|
direction: { default: "horizontal" }
|
|
1068
1068
|
},
|
|
1069
1069
|
setup(e) {
|
|
1070
|
-
const
|
|
1071
|
-
return (
|
|
1072
|
-
class: S(["t-divider", { [
|
|
1070
|
+
const o = e;
|
|
1071
|
+
return (t, s) => (c(), p("div", {
|
|
1072
|
+
class: S(["t-divider", { [o.direction]: !0 }])
|
|
1073
1073
|
}, null, 2));
|
|
1074
1074
|
}
|
|
1075
|
-
}),
|
|
1075
|
+
}), Ht = /* @__PURE__ */ _(Mt, [["__scopeId", "data-v-47ee8991"]]), Ft = /* @__PURE__ */ h({
|
|
1076
1076
|
__name: "t-toggle-password",
|
|
1077
1077
|
props: {
|
|
1078
1078
|
color: { default: "warning" }
|
|
1079
1079
|
},
|
|
1080
1080
|
emits: ["change"],
|
|
1081
|
-
setup(e, { emit:
|
|
1082
|
-
const
|
|
1083
|
-
let i =
|
|
1084
|
-
return ["warning", "info", "danger", "primary", "secondary", "success"].includes(
|
|
1081
|
+
setup(e, { emit: o }) {
|
|
1082
|
+
const t = e, s = o, r = v(!1), l = v(), d = w(() => {
|
|
1083
|
+
let i = t.color;
|
|
1084
|
+
return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (i = `var(--t-color-status-${t.color})`), {
|
|
1085
1085
|
"--color": i
|
|
1086
1086
|
};
|
|
1087
|
-
}),
|
|
1087
|
+
}), a = () => l.value?.parentElement?.querySelector?.("input");
|
|
1088
1088
|
G(() => {
|
|
1089
|
-
let i =
|
|
1089
|
+
let i = a();
|
|
1090
1090
|
i && (r.value = i.type != "password", s("change", r.value));
|
|
1091
1091
|
});
|
|
1092
|
-
const
|
|
1093
|
-
let i =
|
|
1092
|
+
const f = () => {
|
|
1093
|
+
let i = a();
|
|
1094
1094
|
i && (r.value = !r.value, r.value ? i.type = "text" : i.type = "password", s("change", r.value));
|
|
1095
1095
|
};
|
|
1096
|
-
return (i,
|
|
1096
|
+
return (i, g) => (c(), p("button", {
|
|
1097
1097
|
ref_key: "toggle",
|
|
1098
1098
|
ref: l,
|
|
1099
1099
|
class: "t-toggle-password",
|
|
1100
|
-
style:
|
|
1101
|
-
onClick:
|
|
1100
|
+
style: x(d.value),
|
|
1101
|
+
onClick: f
|
|
1102
1102
|
}, [
|
|
1103
|
-
r.value ?
|
|
1104
|
-
|
|
1105
|
-
], !0) :
|
|
1106
|
-
r.value ?
|
|
1107
|
-
|
|
1103
|
+
r.value ? b(i.$slots, "on", { key: 0 }, () => [
|
|
1104
|
+
g[0] || (g[0] = $("i", { class: "ri-eye-line" }, null, -1))
|
|
1105
|
+
], !0) : I("", !0),
|
|
1106
|
+
r.value ? I("", !0) : b(i.$slots, "off", { key: 1 }, () => [
|
|
1107
|
+
g[1] || (g[1] = $("i", { class: "ri-eye-off-line" }, null, -1))
|
|
1108
1108
|
], !0)
|
|
1109
1109
|
], 4));
|
|
1110
1110
|
}
|
|
1111
|
-
}),
|
|
1111
|
+
}), Gt = /* @__PURE__ */ _(Ft, [["__scopeId", "data-v-3268e9e3"]]), Ut = /* @__PURE__ */ h({
|
|
1112
1112
|
__name: "t-avatar",
|
|
1113
1113
|
props: {
|
|
1114
1114
|
square: { type: Boolean, default: !1 },
|
|
1115
1115
|
size: { default: "standard" }
|
|
1116
1116
|
},
|
|
1117
1117
|
setup(e) {
|
|
1118
|
-
const
|
|
1119
|
-
return (s, r) => (
|
|
1118
|
+
const o = e, t = w(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
|
|
1119
|
+
return (s, r) => (c(), p("div", {
|
|
1120
1120
|
class: S(["t-avatar", { square: s.square }]),
|
|
1121
|
-
style:
|
|
1121
|
+
style: x({ "--size": t.value })
|
|
1122
1122
|
}, [
|
|
1123
|
-
|
|
1123
|
+
b(s.$slots, "default", {}, void 0, !0)
|
|
1124
1124
|
], 6));
|
|
1125
1125
|
}
|
|
1126
|
-
}),
|
|
1126
|
+
}), jt = /* @__PURE__ */ _(Ut, [["__scopeId", "data-v-24384c2f"]]), Kt = { class: "t-collapse-title" }, Jt = {
|
|
1127
1127
|
key: 0,
|
|
1128
1128
|
class: "icon"
|
|
1129
|
-
},
|
|
1129
|
+
}, Qt = {
|
|
1130
1130
|
key: 1,
|
|
1131
1131
|
class: "icon"
|
|
1132
|
-
},
|
|
1132
|
+
}, Zt = { class: "t-collapse-content" }, Yt = /* @__PURE__ */ h({
|
|
1133
1133
|
__name: "t-collapse",
|
|
1134
1134
|
props: {
|
|
1135
1135
|
title: {}
|
|
1136
1136
|
},
|
|
1137
1137
|
emits: ["change"],
|
|
1138
|
-
setup(e, { emit:
|
|
1139
|
-
const
|
|
1138
|
+
setup(e, { emit: o }) {
|
|
1139
|
+
const t = e, s = o, r = v(!1), l = v(""), d = v(), a = () => {
|
|
1140
1140
|
r.value = !r.value, l.value = `calc(${d.value.offsetHeight}px + 2rem)`, s("change", r.value);
|
|
1141
1141
|
};
|
|
1142
|
-
return s("change", r.value), (
|
|
1142
|
+
return s("change", r.value), (f, i) => (c(), p("div", {
|
|
1143
1143
|
class: S(["t-collapse", { open: r.value }]),
|
|
1144
|
-
style:
|
|
1144
|
+
style: x({ "--height": l.value })
|
|
1145
1145
|
}, [
|
|
1146
|
-
|
|
1146
|
+
$("div", {
|
|
1147
1147
|
class: "t-collapse-header",
|
|
1148
|
-
onClick:
|
|
1148
|
+
onClick: a
|
|
1149
1149
|
}, [
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1150
|
+
b(f.$slots, "icon"),
|
|
1151
|
+
$("div", Kt, [
|
|
1152
|
+
b(f.$slots, "title", {}, () => [
|
|
1153
|
+
N(R(t.title), 1)
|
|
1154
1154
|
])
|
|
1155
1155
|
]),
|
|
1156
|
-
|
|
1157
|
-
r.value ? (
|
|
1158
|
-
|
|
1159
|
-
])])) : (
|
|
1160
|
-
|
|
1156
|
+
b(f.$slots, "toggle", {}, () => [
|
|
1157
|
+
r.value ? (c(), p("div", Jt, [...i[0] || (i[0] = [
|
|
1158
|
+
$("i", { class: "ri-arrow-up-s-line" }, null, -1)
|
|
1159
|
+
])])) : (c(), p("div", Qt, [...i[1] || (i[1] = [
|
|
1160
|
+
$("i", { class: "ri-arrow-down-s-line" }, null, -1)
|
|
1161
1161
|
])]))
|
|
1162
1162
|
])
|
|
1163
1163
|
]),
|
|
1164
|
-
|
|
1165
|
-
|
|
1164
|
+
$("div", Zt, [
|
|
1165
|
+
$("div", {
|
|
1166
1166
|
ref_key: "content",
|
|
1167
1167
|
ref: d
|
|
1168
1168
|
}, [
|
|
1169
|
-
|
|
1170
|
-
|
|
1169
|
+
b(f.$slots, "content", {}, () => [
|
|
1170
|
+
b(f.$slots, "default")
|
|
1171
1171
|
])
|
|
1172
1172
|
], 512)
|
|
1173
1173
|
])
|
|
1174
1174
|
], 6));
|
|
1175
1175
|
}
|
|
1176
|
-
}),
|
|
1176
|
+
}), eo = /* @__PURE__ */ h({
|
|
1177
1177
|
__name: "t-switch",
|
|
1178
1178
|
props: {
|
|
1179
1179
|
modelValue: { type: Boolean },
|
|
1180
1180
|
color: { default: "primary" }
|
|
1181
1181
|
},
|
|
1182
1182
|
emits: ["update:modelValue"],
|
|
1183
|
-
setup(e, { emit:
|
|
1184
|
-
const
|
|
1185
|
-
s("update:modelValue", !
|
|
1183
|
+
setup(e, { emit: o }) {
|
|
1184
|
+
const t = e, s = o, r = () => {
|
|
1185
|
+
s("update:modelValue", !t.modelValue);
|
|
1186
1186
|
}, l = w(() => {
|
|
1187
1187
|
let d = {
|
|
1188
|
-
"--background":
|
|
1188
|
+
"--background": t.color,
|
|
1189
1189
|
"--color": "#ffffff"
|
|
1190
1190
|
};
|
|
1191
|
-
return ["warning", "info", "danger", "primary", "secondary", "success"].includes(
|
|
1192
|
-
"--background": `var(--t-color-status-${
|
|
1193
|
-
"--color": `var(--t-color-status-${
|
|
1191
|
+
return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (d = {
|
|
1192
|
+
"--background": `var(--t-color-status-${t.color})`,
|
|
1193
|
+
"--color": `var(--t-color-status-${t.color}-text)`
|
|
1194
1194
|
}), d;
|
|
1195
1195
|
});
|
|
1196
|
-
return (d,
|
|
1197
|
-
class: S(["t-switch", { on:
|
|
1198
|
-
style:
|
|
1196
|
+
return (d, a) => (c(), p("div", {
|
|
1197
|
+
class: S(["t-switch", { on: t.modelValue }]),
|
|
1198
|
+
style: x(l.value),
|
|
1199
1199
|
onClick: r
|
|
1200
|
-
}, [...
|
|
1201
|
-
|
|
1200
|
+
}, [...a[0] || (a[0] = [
|
|
1201
|
+
$("div", { class: "t-switch-icon" }, null, -1)
|
|
1202
1202
|
])], 6));
|
|
1203
1203
|
}
|
|
1204
|
-
}),
|
|
1204
|
+
}), to = /* @__PURE__ */ _(eo, [["__scopeId", "data-v-3616970e"]]), oo = /* @__PURE__ */ h({
|
|
1205
1205
|
__name: "t-tab",
|
|
1206
1206
|
props: {
|
|
1207
1207
|
value: {}
|
|
1208
1208
|
},
|
|
1209
1209
|
setup(e) {
|
|
1210
|
-
const
|
|
1211
|
-
|
|
1210
|
+
const o = e, t = ue("tabsState"), s = w(() => t.activeValue.value === o.value), r = () => {
|
|
1211
|
+
t.setValue(o.value);
|
|
1212
1212
|
};
|
|
1213
|
-
return (l, d) => (
|
|
1213
|
+
return (l, d) => (c(), p("li", {
|
|
1214
1214
|
class: S(["t-tab", { active: s.value }])
|
|
1215
1215
|
}, [
|
|
1216
1216
|
U(Q, {
|
|
1217
1217
|
variant: "text",
|
|
1218
1218
|
onClick: r,
|
|
1219
|
-
size:
|
|
1220
|
-
color: s.value
|
|
1219
|
+
size: A(t).size,
|
|
1220
|
+
color: s.value ? A(t).color.text : void 0
|
|
1221
1221
|
}, {
|
|
1222
|
-
default:
|
|
1223
|
-
|
|
1222
|
+
default: V(() => [
|
|
1223
|
+
b(l.$slots, "default", {}, void 0, !0)
|
|
1224
1224
|
]),
|
|
1225
1225
|
_: 3
|
|
1226
1226
|
}, 8, ["size", "color"])
|
|
1227
1227
|
], 2));
|
|
1228
1228
|
}
|
|
1229
|
-
}),
|
|
1229
|
+
}), so = /* @__PURE__ */ _(oo, [["__scopeId", "data-v-481e97b6"]]), ro = /* @__PURE__ */ h({
|
|
1230
1230
|
__name: "t-tabs",
|
|
1231
1231
|
props: {
|
|
1232
1232
|
placement: { default: "top-start" },
|
|
@@ -1234,65 +1234,88 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
|
|
|
1234
1234
|
color: { default: "primary" },
|
|
1235
1235
|
modelValue: {},
|
|
1236
1236
|
border: { default: 30 },
|
|
1237
|
-
size: { default: "standard" }
|
|
1237
|
+
size: { default: "standard" },
|
|
1238
|
+
margin: { default: [0, 0] },
|
|
1239
|
+
radius: { default: 4 }
|
|
1238
1240
|
},
|
|
1239
1241
|
emits: ["update:modelValue"],
|
|
1240
|
-
setup(e, { emit:
|
|
1241
|
-
const
|
|
1242
|
-
let
|
|
1243
|
-
return ["warning", "info", "danger", "primary", "secondary", "success"].includes(
|
|
1244
|
-
}),
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1242
|
+
setup(e, { emit: o }) {
|
|
1243
|
+
const t = e, s = o, r = v("0px"), l = v(0), d = v(0), a = v(), f = w(() => {
|
|
1244
|
+
let n = "", u = "";
|
|
1245
|
+
return t.variant == "text" && (n = "transparent", ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? u = `var(--t-color-status-${t.color})` : u = t.color), t.variant == "border-under" && (u = "currentColor", ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? n = `var(--t-color-status-${t.color})` : n = t.color), t.variant == "tag" && (["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? (n = `var(--t-color-status-${t.color})`, u = `var(--t-color-status-${t.color}-text)`) : (n = t.color, u = "currentColor")), { background: n, text: u };
|
|
1246
|
+
}), i = w(() => t.variant == "border-under" ? {
|
|
1247
|
+
"--transform": r.value,
|
|
1248
|
+
"--border": t.border + "px"
|
|
1249
|
+
} : t.variant == "tag" ? {
|
|
1250
|
+
"--top": t.margin[0] + "px",
|
|
1251
|
+
"--height": d.value - t.margin[0] * 2 + "px",
|
|
1252
|
+
"--left": t.margin[1] + "px",
|
|
1253
|
+
"--width": l.value - t.margin[1] * 2 + "px",
|
|
1254
|
+
"--transform": r.value,
|
|
1255
|
+
"--radius": t.radius + "px"
|
|
1256
|
+
} : {}), g = () => {
|
|
1257
|
+
if (t.variant == "border-under") {
|
|
1258
|
+
let n = a.value.querySelector(".active");
|
|
1259
|
+
if (n) {
|
|
1260
|
+
if (t.placement.startsWith("top-") || t.placement.startsWith("bottom-")) {
|
|
1261
|
+
let u = n.getBoundingClientRect().left - a.value.getBoundingClientRect().left + a.value.scrollLeft, y = n.offsetWidth / 2;
|
|
1262
|
+
r.value = u + y - t.border / 2 + "px";
|
|
1263
|
+
} else if (t.placement.startsWith("left-") || t.placement.startsWith("right-")) {
|
|
1264
|
+
let u = n.getBoundingClientRect().top - a.value.getBoundingClientRect().top + a.value.scrollTop, y = n.offsetHeight / 2;
|
|
1265
|
+
r.value = u + y - t.border / 2 + "px";
|
|
1251
1266
|
}
|
|
1252
|
-
}
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1267
|
+
}
|
|
1268
|
+
}
|
|
1269
|
+
if (t.variant == "tag") {
|
|
1270
|
+
let n = a.value.querySelector(".active");
|
|
1271
|
+
if (n) {
|
|
1272
|
+
let u = n.offsetWidth, y = n.offsetHeight;
|
|
1273
|
+
if (t.placement.startsWith("top-") || t.placement.startsWith("bottom-")) {
|
|
1274
|
+
let k = n.getBoundingClientRect().left - a.value.getBoundingClientRect().left + a.value.scrollLeft;
|
|
1275
|
+
r.value = k + "px";
|
|
1276
|
+
} else if (t.placement.startsWith("left-") || t.placement.startsWith("right-")) {
|
|
1277
|
+
let k = n.getBoundingClientRect().top - a.value.getBoundingClientRect().top + a.value.scrollTop;
|
|
1278
|
+
r.value = k + "px";
|
|
1257
1279
|
}
|
|
1280
|
+
l.value = u, d.value = y;
|
|
1258
1281
|
}
|
|
1259
|
-
}
|
|
1282
|
+
}
|
|
1260
1283
|
};
|
|
1261
|
-
return
|
|
1262
|
-
|
|
1263
|
-
color:
|
|
1264
|
-
size:
|
|
1265
|
-
variant:
|
|
1266
|
-
|
|
1267
|
-
s("update:modelValue",
|
|
1284
|
+
return ie("tabsState", {
|
|
1285
|
+
activeValue: w(() => t.modelValue),
|
|
1286
|
+
color: f.value,
|
|
1287
|
+
size: t.size,
|
|
1288
|
+
variant: t.variant,
|
|
1289
|
+
setValue: (n) => {
|
|
1290
|
+
s("update:modelValue", n);
|
|
1268
1291
|
}
|
|
1269
|
-
}),
|
|
1270
|
-
|
|
1271
|
-
}),
|
|
1272
|
-
|
|
1273
|
-
}), (
|
|
1292
|
+
}), X(() => t.modelValue, async () => {
|
|
1293
|
+
await ae(), g();
|
|
1294
|
+
}), G(async () => {
|
|
1295
|
+
await ae(), g();
|
|
1296
|
+
}), (n, u) => (c(), p("ul", {
|
|
1274
1297
|
ref_key: "container",
|
|
1275
|
-
ref:
|
|
1276
|
-
class: S(["t-tabs", { [
|
|
1277
|
-
style:
|
|
1298
|
+
ref: a,
|
|
1299
|
+
class: S(["t-tabs", { [n.placement]: !0, [`variant-${n.variant}`]: !0 }]),
|
|
1300
|
+
style: x([{ "--background": f.value.background, "--color": f.value.text }, i.value])
|
|
1278
1301
|
}, [
|
|
1279
|
-
|
|
1302
|
+
b(n.$slots, "default", {}, void 0, !0)
|
|
1280
1303
|
], 6));
|
|
1281
1304
|
}
|
|
1282
|
-
}),
|
|
1305
|
+
}), no = /* @__PURE__ */ _(ro, [["__scopeId", "data-v-98d221db"]]), ao = /* @__PURE__ */ h({
|
|
1283
1306
|
__name: "t-loading-app",
|
|
1284
1307
|
setup(e) {
|
|
1285
|
-
return (
|
|
1286
|
-
default:
|
|
1308
|
+
return (o, t) => (c(), E(ye, null, {
|
|
1309
|
+
default: V(() => [
|
|
1287
1310
|
U(J, { type: "spinner" })
|
|
1288
1311
|
]),
|
|
1289
1312
|
_: 1
|
|
1290
1313
|
}));
|
|
1291
1314
|
}
|
|
1292
|
-
}),
|
|
1315
|
+
}), lo = /* @__PURE__ */ _(ao, [["__scopeId", "data-v-1436aa9f"]]), co = { key: 0 }, io = {
|
|
1293
1316
|
key: 0,
|
|
1294
1317
|
class: "t-checkbox-label"
|
|
1295
|
-
},
|
|
1318
|
+
}, uo = /* @__PURE__ */ h({
|
|
1296
1319
|
__name: "t-checkbox",
|
|
1297
1320
|
props: {
|
|
1298
1321
|
label: { default: "" },
|
|
@@ -1304,50 +1327,50 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
|
|
|
1304
1327
|
color: { default: "primary" }
|
|
1305
1328
|
},
|
|
1306
1329
|
emits: ["update:modelValue"],
|
|
1307
|
-
setup(e, { emit:
|
|
1308
|
-
const
|
|
1309
|
-
let
|
|
1310
|
-
"--background":
|
|
1330
|
+
setup(e, { emit: o }) {
|
|
1331
|
+
const t = e, s = o, r = w(() => {
|
|
1332
|
+
let a = {
|
|
1333
|
+
"--background": t.color,
|
|
1311
1334
|
"--color": "#ffffff"
|
|
1312
1335
|
};
|
|
1313
|
-
return ["warning", "info", "danger", "primary", "secondary", "success"].includes(
|
|
1314
|
-
"--background": `var(--t-color-status-${
|
|
1315
|
-
"--color": `var(--t-color-status-${
|
|
1316
|
-
}),
|
|
1317
|
-
}), l = w(() =>
|
|
1318
|
-
if (
|
|
1319
|
-
let
|
|
1320
|
-
|
|
1321
|
-
} else
|
|
1336
|
+
return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (a = {
|
|
1337
|
+
"--background": `var(--t-color-status-${t.color})`,
|
|
1338
|
+
"--color": `var(--t-color-status-${t.color}-text)`
|
|
1339
|
+
}), a;
|
|
1340
|
+
}), l = w(() => t.multiple ? t.modelValue.includes(t.value) : t.value === void 0 ? t.modelValue : t.modelValue == t.value), d = () => {
|
|
1341
|
+
if (t.multiple) {
|
|
1342
|
+
let a = t.modelValue;
|
|
1343
|
+
t.modelValue.includes(t.value) ? a.splice(a.indexOf(t.value), 1) : a.push(t.value), s("update:modelValue", a);
|
|
1344
|
+
} else t.value === void 0 ? s("update:modelValue", !t.modelValue) : s("update:modelValue", t.value);
|
|
1322
1345
|
};
|
|
1323
|
-
return (
|
|
1346
|
+
return (a, f) => (c(), p("div", {
|
|
1324
1347
|
class: S(["t-checkbox", { active: l.value }]),
|
|
1325
|
-
style:
|
|
1348
|
+
style: x(r.value),
|
|
1326
1349
|
onClick: d
|
|
1327
1350
|
}, [
|
|
1328
|
-
|
|
1329
|
-
class: S(`t-checkbox-${
|
|
1351
|
+
$("div", {
|
|
1352
|
+
class: S(`t-checkbox-${a.type}`)
|
|
1330
1353
|
}, [
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
], !0) :
|
|
1354
|
+
a.type == "radio" ? (c(), p("div", co)) : I("", !0),
|
|
1355
|
+
a.type == "check" ? b(a.$slots, "icon", { key: 1 }, () => [
|
|
1356
|
+
f[0] || (f[0] = $("i", { class: "ri-check-line" }, null, -1))
|
|
1357
|
+
], !0) : I("", !0)
|
|
1335
1358
|
], 2),
|
|
1336
|
-
|
|
1337
|
-
|
|
1359
|
+
b(a.$slots, "label", {}, () => [
|
|
1360
|
+
a.label ? (c(), p("span", io, R(t.label), 1)) : I("", !0)
|
|
1338
1361
|
], !0)
|
|
1339
1362
|
], 6));
|
|
1340
1363
|
}
|
|
1341
|
-
}),
|
|
1364
|
+
}), po = /* @__PURE__ */ _(uo, [["__scopeId", "data-v-0e13abc3"]]), fo = /* @__PURE__ */ h({
|
|
1342
1365
|
__name: "t-keyboard",
|
|
1343
1366
|
setup(e) {
|
|
1344
|
-
const { height:
|
|
1345
|
-
return (
|
|
1367
|
+
const { height: o } = ve();
|
|
1368
|
+
return (t, s) => (c(), p("div", {
|
|
1346
1369
|
class: "t-keyboard",
|
|
1347
|
-
style:
|
|
1370
|
+
style: x({ "--height": A(o) + "px" })
|
|
1348
1371
|
}, null, 4));
|
|
1349
1372
|
}
|
|
1350
|
-
}),
|
|
1373
|
+
}), mo = /* @__PURE__ */ _(fo, [["__scopeId", "data-v-5d3fa1da"]]), vo = /* @__PURE__ */ h({
|
|
1351
1374
|
__name: "t-skeleton",
|
|
1352
1375
|
props: {
|
|
1353
1376
|
width: { default: "100%" },
|
|
@@ -1356,51 +1379,51 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
|
|
|
1356
1379
|
color: { default: null }
|
|
1357
1380
|
},
|
|
1358
1381
|
setup(e) {
|
|
1359
|
-
const
|
|
1360
|
-
"--width":
|
|
1361
|
-
"--height":
|
|
1362
|
-
"--radius":
|
|
1382
|
+
const o = e, t = w(() => ({
|
|
1383
|
+
"--width": o.width,
|
|
1384
|
+
"--height": o.height,
|
|
1385
|
+
"--radius": o.radius
|
|
1363
1386
|
}));
|
|
1364
|
-
return (s, r) => (
|
|
1387
|
+
return (s, r) => (c(), p("div", {
|
|
1365
1388
|
class: "t-skeleton",
|
|
1366
|
-
style:
|
|
1389
|
+
style: x(t.value)
|
|
1367
1390
|
}, null, 4));
|
|
1368
1391
|
}
|
|
1369
|
-
}),
|
|
1392
|
+
}), yo = /* @__PURE__ */ _(vo, [["__scopeId", "data-v-877bbdb5"]]), _o = /* @__PURE__ */ h({
|
|
1370
1393
|
__name: "t-ripple",
|
|
1371
1394
|
props: {
|
|
1372
1395
|
color: { default: "primary" }
|
|
1373
1396
|
},
|
|
1374
1397
|
setup(e) {
|
|
1375
|
-
const
|
|
1398
|
+
const o = e, t = w(() => {
|
|
1376
1399
|
let s = {};
|
|
1377
|
-
return
|
|
1378
|
-
"--color": "var(--t-color-status-" +
|
|
1400
|
+
return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
|
|
1401
|
+
"--color": "var(--t-color-status-" + o.color + ")"
|
|
1379
1402
|
} : s = {
|
|
1380
|
-
"--color":
|
|
1403
|
+
"--color": o.color
|
|
1381
1404
|
} : s = {
|
|
1382
1405
|
"--color": "var(--t-color-surface)"
|
|
1383
1406
|
}, s;
|
|
1384
1407
|
});
|
|
1385
|
-
return (s, r) => (
|
|
1408
|
+
return (s, r) => (c(), p("div", {
|
|
1386
1409
|
class: "t-ripple",
|
|
1387
|
-
style:
|
|
1410
|
+
style: x(t.value)
|
|
1388
1411
|
}, null, 4));
|
|
1389
1412
|
}
|
|
1390
|
-
}),
|
|
1413
|
+
}), go = /* @__PURE__ */ _(_o, [["__scopeId", "data-v-42cb3d71"]]), So = () => ({
|
|
1391
1414
|
install: (e) => {
|
|
1392
|
-
Te(), e.component("t-app", Ie), e.component("t-screen", _e), e.component("t-swipe-screen",
|
|
1415
|
+
Te(), e.component("t-app", Ie), e.component("t-screen", _e), e.component("t-swipe-screen", vt), e.component("t-cable", rt), e.component("t-toolbar", _t), e.component("t-content", ye), e.component("t-card", nt), e.component("t-refresher", ut), e.component("t-button", Q), e.component("t-back-button", bt), e.component("t-present", L), e.component("t-text", oe), e.component("t-sheet", wt), e.component("t-gesture-indicator", ge), e.component("t-input", zt), e.component("t-textarea", Et), e.component("t-rich-text", Rt), e.component("t-grid", Ot), e.component("t-grid-item", Lt), e.component("t-divider", Ht), e.component("t-toggle-password", Gt), e.component("t-loading-icon", J), e.component("t-alert", pe), e.component("t-avatar", jt), e.component("t-collapse", Yt), e.component("t-toast", me), e.component("t-switch", to), e.component("t-tab", so), e.component("t-tabs", no), e.component("t-loading-app", lo), e.component("t-checkbox", po), e.component("t-keyboard", mo), e.component("t-skeleton", yo), e.component("t-ripple", go);
|
|
1393
1416
|
}
|
|
1394
1417
|
});
|
|
1395
1418
|
export {
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1419
|
+
xe as blurCurrentActive,
|
|
1420
|
+
wo as createAction,
|
|
1421
|
+
$o as createAlert,
|
|
1422
|
+
xo as createLoading,
|
|
1400
1423
|
To as createToast,
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1424
|
+
So as createToife,
|
|
1425
|
+
we as isFormElement,
|
|
1426
|
+
He as presentController,
|
|
1427
|
+
T as screenController,
|
|
1428
|
+
ve as useKeyboard
|
|
1406
1429
|
};
|