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