@dolanske/vui 1.11.8 → 1.11.9
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/src/components/Marquee/Marquee.vue.d.ts +36 -0
- package/dist/src/index.d.ts +2 -1
- package/dist/vui.css +1 -1
- package/dist/vui.js +130 -101
- package/package.json +1 -1
package/dist/vui.js
CHANGED
|
@@ -13875,7 +13875,36 @@ var Pm = /* @__PURE__ */ v({
|
|
|
13875
13875
|
let n = t, r = pe(), i = vn(), a = Dn(r.default);
|
|
13876
13876
|
return On(a, "Kbd"), zt(i[a.value.map((e) => e.props.keys).join("+")], () => n("trigger")), (e, t) => U(e.$slots, "default");
|
|
13877
13877
|
}
|
|
13878
|
-
}), Sh = { class: "
|
|
13878
|
+
}), Sh = { class: "marquee-wrap" }, Ch = { class: "marquee-content" }, wh = {
|
|
13879
|
+
class: "marquee-content",
|
|
13880
|
+
"aria-hidden": "true"
|
|
13881
|
+
}, Th = /* @__PURE__ */ v({
|
|
13882
|
+
__name: "Marquee",
|
|
13883
|
+
props: {
|
|
13884
|
+
direction: { default: "right" },
|
|
13885
|
+
speed: { default: 50 },
|
|
13886
|
+
stagger: { type: Boolean }
|
|
13887
|
+
},
|
|
13888
|
+
setup(e) {
|
|
13889
|
+
let t = V(), n = V(0);
|
|
13890
|
+
mn(t, (e) => {
|
|
13891
|
+
let t = e[0];
|
|
13892
|
+
t && (n.value = t.target.scrollWidth / 2);
|
|
13893
|
+
});
|
|
13894
|
+
let r = c(() => n.value > 0 ? n.value / e.speed : 0), i = c(() => !e.stagger || n.value === 0 ? "linear" : `steps(${Math.max(1, Math.round(n.value / 50))}, end)`);
|
|
13895
|
+
return (a, o) => (z(), d("div", Sh, [f("div", {
|
|
13896
|
+
ref_key: "trackRef",
|
|
13897
|
+
ref: t,
|
|
13898
|
+
class: "marquee-track",
|
|
13899
|
+
style: P({
|
|
13900
|
+
animationDuration: `${r.value}s`,
|
|
13901
|
+
animationDirection: e.direction === "left" ? "normal" : "reverse",
|
|
13902
|
+
animationTimingFunction: i.value,
|
|
13903
|
+
visibility: n.value > 0 ? "visible" : "hidden"
|
|
13904
|
+
})
|
|
13905
|
+
}, [f("div", Ch, [U(a.$slots, "default")]), f("div", wh, [U(a.$slots, "default")])], 4)]));
|
|
13906
|
+
}
|
|
13907
|
+
}), Eh = { class: "typeset" }, Dh = /* @__PURE__ */ v({
|
|
13879
13908
|
__name: "Confirm",
|
|
13880
13909
|
props: {
|
|
13881
13910
|
title: {},
|
|
@@ -13914,7 +13943,7 @@ var Pm = /* @__PURE__ */ v({
|
|
|
13914
13943
|
open: n.open,
|
|
13915
13944
|
onClose: t[2] ||= (e) => r("close")
|
|
13916
13945
|
}), {
|
|
13917
|
-
default: Z(() => [f("div",
|
|
13946
|
+
default: Z(() => [f("div", Eh, [U(e.$slots, "default")])]),
|
|
13918
13947
|
footer: Z(() => [g(lr, { "x-end": "" }, {
|
|
13919
13948
|
default: Z(() => [n.showCancel ? (z(), l(cr, {
|
|
13920
13949
|
key: 0,
|
|
@@ -13935,7 +13964,7 @@ var Pm = /* @__PURE__ */ v({
|
|
|
13935
13964
|
_: 3
|
|
13936
13965
|
}, 16, ["open"]));
|
|
13937
13966
|
}
|
|
13938
|
-
}),
|
|
13967
|
+
}), Oh = { class: "vui-otp" }, kh = ["inputmode", "maxlength"], Ah = { class: "vui-otp-items" }, jh = /* @__PURE__ */ v({
|
|
13939
13968
|
__name: "OTP",
|
|
13940
13969
|
props: /* @__PURE__ */ k({
|
|
13941
13970
|
mode: { default: "both" },
|
|
@@ -13999,7 +14028,7 @@ var Pm = /* @__PURE__ */ v({
|
|
|
13999
14028
|
let n = e.target.value;
|
|
14000
14029
|
n && g(n);
|
|
14001
14030
|
}
|
|
14002
|
-
return (t, n) => (z(), d("div",
|
|
14031
|
+
return (t, n) => (z(), d("div", Oh, [f("input", {
|
|
14003
14032
|
ref: "inputRef",
|
|
14004
14033
|
type: "text",
|
|
14005
14034
|
inputmode: e.mode === "num" ? "numeric" : "text",
|
|
@@ -14014,9 +14043,9 @@ var Pm = /* @__PURE__ */ v({
|
|
|
14014
14043
|
onPaste: v,
|
|
14015
14044
|
onBlur: n[0] ||= (e) => i.value = -1,
|
|
14016
14045
|
onFocus: n[1] ||= (e) => i.value = Math.min(r.value.length, l.value - 1)
|
|
14017
|
-
}, null, 40,
|
|
14046
|
+
}, null, 40, kh), f("div", Ah, [U(t.$slots, "default")])]));
|
|
14018
14047
|
}
|
|
14019
|
-
}),
|
|
14048
|
+
}), Mh = /* @__PURE__ */ v({
|
|
14020
14049
|
__name: "OTPItem",
|
|
14021
14050
|
props: { i: {} },
|
|
14022
14051
|
setup(e) {
|
|
@@ -14029,7 +14058,7 @@ var Pm = /* @__PURE__ */ v({
|
|
|
14029
14058
|
});
|
|
14030
14059
|
//#endregion
|
|
14031
14060
|
//#region src/components/Pagination/pagination.ts
|
|
14032
|
-
function
|
|
14061
|
+
function Nh(e, t = 1, n = 15, r = 5) {
|
|
14033
14062
|
let i = Math.ceil(e / n);
|
|
14034
14063
|
t < 1 ? t = 1 : t > i && (t = i);
|
|
14035
14064
|
let a, o;
|
|
@@ -14053,7 +14082,7 @@ function kh(e, t = 1, n = 15, r = 5) {
|
|
|
14053
14082
|
}
|
|
14054
14083
|
//#endregion
|
|
14055
14084
|
//#region src/components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
|
|
14056
|
-
var
|
|
14085
|
+
var Ph = ["aria-describedby"], Fh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
14057
14086
|
inheritAttrs: !1,
|
|
14058
14087
|
__name: "Tooltip",
|
|
14059
14088
|
props: {
|
|
@@ -14073,7 +14102,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14073
14102
|
"aria-describedby": J(a),
|
|
14074
14103
|
onMouseenter: s[0] ||= (e) => l(!0),
|
|
14075
14104
|
onMouseleave: s[1] ||= (e) => l(!1)
|
|
14076
|
-
}, [U(r.$slots, "default", {}, void 0, !0)], 40,
|
|
14105
|
+
}, [U(r.$slots, "default", {}, void 0, !0)], 40, Ph), g(Rm, A({
|
|
14077
14106
|
id: J(a),
|
|
14078
14107
|
visible: i.value,
|
|
14079
14108
|
anchor: o.value,
|
|
@@ -14092,7 +14121,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14092
14121
|
"placement"
|
|
14093
14122
|
])], 64));
|
|
14094
14123
|
}
|
|
14095
|
-
}), [["__scopeId", "data-v-1ac52dad"]]),
|
|
14124
|
+
}), [["__scopeId", "data-v-1ac52dad"]]), Ih = /* @__PURE__ */ v({
|
|
14096
14125
|
__name: "Pagination",
|
|
14097
14126
|
props: {
|
|
14098
14127
|
numbers: {
|
|
@@ -14125,7 +14154,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14125
14154
|
gap: "xxs"
|
|
14126
14155
|
}, {
|
|
14127
14156
|
default: Z(() => [
|
|
14128
|
-
U(e.$slots, "start", {}, () => [r.firstLast ? (z(), l(
|
|
14157
|
+
U(e.$slots, "start", {}, () => [r.firstLast ? (z(), l(Fh, { key: 0 }, {
|
|
14129
14158
|
tooltip: Z(() => [...t[2] ||= [f("p", null, "First page", -1)]]),
|
|
14130
14159
|
default: Z(() => [g(cr, {
|
|
14131
14160
|
plain: "",
|
|
@@ -14141,7 +14170,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14141
14170
|
U(e.$slots, "prev", {
|
|
14142
14171
|
disabled: o.value,
|
|
14143
14172
|
setPage: p
|
|
14144
|
-
}, () => [r.prevNext ? (z(), l(
|
|
14173
|
+
}, () => [r.prevNext ? (z(), l(Fh, { key: 0 }, {
|
|
14145
14174
|
tooltip: Z(() => [...t[3] ||= [f("p", null, "Previous page", -1)]]),
|
|
14146
14175
|
default: Z(() => [g(cr, {
|
|
14147
14176
|
plain: "",
|
|
@@ -14173,7 +14202,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14173
14202
|
U(e.$slots, "next", {
|
|
14174
14203
|
disabled: a.value,
|
|
14175
14204
|
setPage: s
|
|
14176
|
-
}, () => [r.prevNext ? (z(), l(
|
|
14205
|
+
}, () => [r.prevNext ? (z(), l(Fh, { key: 0 }, {
|
|
14177
14206
|
tooltip: Z(() => [...t[4] ||= [f("p", null, "Next page", -1)]]),
|
|
14178
14207
|
default: Z(() => [g(cr, {
|
|
14179
14208
|
plain: "",
|
|
@@ -14186,7 +14215,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14186
14215
|
}, 8, ["disabled"])]),
|
|
14187
14216
|
_: 1
|
|
14188
14217
|
})) : u("", !0)]),
|
|
14189
|
-
U(e.$slots, "end", {}, () => [r.firstLast ? (z(), l(
|
|
14218
|
+
U(e.$slots, "end", {}, () => [r.firstLast ? (z(), l(Fh, { key: 0 }, {
|
|
14190
14219
|
tooltip: Z(() => [...t[5] ||= [f("p", null, "Last page", -1)]]),
|
|
14191
14220
|
default: Z(() => [g(cr, {
|
|
14192
14221
|
plain: "",
|
|
@@ -14203,7 +14232,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14203
14232
|
_: 3
|
|
14204
14233
|
}));
|
|
14205
14234
|
}
|
|
14206
|
-
}),
|
|
14235
|
+
}), Lh = /* @__PURE__ */ v({
|
|
14207
14236
|
__name: "Progress",
|
|
14208
14237
|
props: /* @__PURE__ */ k({
|
|
14209
14238
|
fake: { type: Boolean },
|
|
@@ -14243,18 +14272,18 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14243
14272
|
})
|
|
14244
14273
|
}, null, 4)], 2));
|
|
14245
14274
|
}
|
|
14246
|
-
}),
|
|
14275
|
+
}), Rh = [
|
|
14247
14276
|
"id",
|
|
14248
14277
|
"value",
|
|
14249
14278
|
"checked",
|
|
14250
14279
|
"disabled"
|
|
14251
|
-
],
|
|
14280
|
+
], zh = ["for"], Bh = { class: "vui-radio-icon" }, Vh = {
|
|
14252
14281
|
key: 0,
|
|
14253
14282
|
class: "vui-radio-content"
|
|
14254
|
-
},
|
|
14283
|
+
}, Hh = {
|
|
14255
14284
|
key: 1,
|
|
14256
14285
|
class: "vui-radio-content"
|
|
14257
|
-
},
|
|
14286
|
+
}, Uh = /* @__PURE__ */ v({
|
|
14258
14287
|
__name: "Radio",
|
|
14259
14288
|
props: /* @__PURE__ */ k({
|
|
14260
14289
|
label: {},
|
|
@@ -14279,9 +14308,9 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14279
14308
|
value: e.value,
|
|
14280
14309
|
checked: i.value,
|
|
14281
14310
|
disabled: e.disabled
|
|
14282
|
-
}, null, 8,
|
|
14311
|
+
}, null, 8, Rh), [[ge, n.value]]), f("label", { for: J(r) }, [f("span", Bh, [i.value ? (z(), l(J(nt), { key: 1 })) : (z(), l(J(Ke), { key: 0 }))]), t.default ? (z(), d("div", Hh, [U(a.$slots, "default")])) : (z(), d("p", Vh, K(e.label || e.value), 1))], 8, zh)], 2));
|
|
14283
14312
|
}
|
|
14284
|
-
}),
|
|
14313
|
+
}), Wh = /* @__PURE__ */ v({
|
|
14285
14314
|
__name: "RadioGroup",
|
|
14286
14315
|
props: /* @__PURE__ */ k({
|
|
14287
14316
|
disabled: { type: Boolean },
|
|
@@ -14322,23 +14351,23 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14322
14351
|
_: 1
|
|
14323
14352
|
}, 16)]));
|
|
14324
14353
|
}
|
|
14325
|
-
}),
|
|
14354
|
+
}), Gh = { class: "vui-input vui-select-trigger-content" }, Kh = ["for"], qh = {
|
|
14326
14355
|
key: 1,
|
|
14327
14356
|
class: "vui-input-hint"
|
|
14328
|
-
},
|
|
14357
|
+
}, Jh = [
|
|
14329
14358
|
"id",
|
|
14330
14359
|
"disabled",
|
|
14331
14360
|
"onClick"
|
|
14332
|
-
],
|
|
14361
|
+
], Yh = {
|
|
14333
14362
|
key: 1,
|
|
14334
14363
|
class: "vue-select-no-results"
|
|
14335
|
-
},
|
|
14364
|
+
}, Xh = {
|
|
14336
14365
|
key: 0,
|
|
14337
14366
|
class: "vui-input-limit"
|
|
14338
|
-
},
|
|
14367
|
+
}, Zh = {
|
|
14339
14368
|
key: 1,
|
|
14340
14369
|
class: "vui-input-errors"
|
|
14341
|
-
},
|
|
14370
|
+
}, Qh = /* @__PURE__ */ v({
|
|
14342
14371
|
__name: "Select",
|
|
14343
14372
|
props: /* @__PURE__ */ k({
|
|
14344
14373
|
single: {
|
|
@@ -14417,12 +14446,12 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14417
14446
|
"no-mobile-drawer": e.noMobileDrawer,
|
|
14418
14447
|
onClose: m[1] ||= (e) => i.value?.focus({ preventScroll: !0 })
|
|
14419
14448
|
}, {
|
|
14420
|
-
trigger: Z(({ toggle: t, isOpen: i }) => [f("div",
|
|
14449
|
+
trigger: Z(({ toggle: t, isOpen: i }) => [f("div", Gh, [
|
|
14421
14450
|
e.label ? (z(), d("label", {
|
|
14422
14451
|
key: 0,
|
|
14423
14452
|
for: J(v)
|
|
14424
|
-
}, K(e.label), 9,
|
|
14425
|
-
e.hint ? (z(), d("p",
|
|
14453
|
+
}, K(e.label), 9, Kh)) : u("", !0),
|
|
14454
|
+
e.hint ? (z(), d("p", qh, K(e.hint), 1)) : u("", !0),
|
|
14426
14455
|
f("button", {
|
|
14427
14456
|
id: J(v),
|
|
14428
14457
|
ref: "trigger",
|
|
@@ -14441,7 +14470,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14441
14470
|
_: 1
|
|
14442
14471
|
})], 64)) : u("", !0),
|
|
14443
14472
|
i ? (z(), l(J(Ve), { key: 1 })) : (z(), l(J(Re), { key: 2 }))
|
|
14444
|
-
], 10,
|
|
14473
|
+
], 10, Jh)
|
|
14445
14474
|
])]),
|
|
14446
14475
|
default: Z(({ close: t, isOpen: i }) => [
|
|
14447
14476
|
e.search ? (z(), l(Ym, {
|
|
@@ -14460,7 +14489,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14460
14489
|
}, 8, ["modelValue", "focus"])]),
|
|
14461
14490
|
_: 2
|
|
14462
14491
|
}, 1024)) : u("", !0),
|
|
14463
|
-
s.value.length === 0 ? (z(), d("p",
|
|
14492
|
+
s.value.length === 0 ? (z(), d("p", Yh, " No results... ")) : u("", !0),
|
|
14464
14493
|
(z(!0), d(n, null, H(s.value, (n) => (z(), l(qm, {
|
|
14465
14494
|
key: n.value,
|
|
14466
14495
|
class: M({ selected: r.value?.find((e) => e.value === n.value) }),
|
|
@@ -14479,14 +14508,14 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14479
14508
|
"transition-name",
|
|
14480
14509
|
"no-mobile-drawer"
|
|
14481
14510
|
]),
|
|
14482
|
-
e.maxActiveOptions && !e.single ? (z(), d("p",
|
|
14483
|
-
e.errors.length > 0 ? (z(), d("ul",
|
|
14511
|
+
e.maxActiveOptions && !e.single ? (z(), d("p", Xh, K(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : u("", !0),
|
|
14512
|
+
e.errors.length > 0 ? (z(), d("ul", Zh, [(z(!0), d(n, null, H(e.errors, (e) => (z(), d("li", { key: e }, K(e), 1))), 128))])) : u("", !0)
|
|
14484
14513
|
], 6));
|
|
14485
14514
|
}
|
|
14486
|
-
}),
|
|
14515
|
+
}), $h = {
|
|
14487
14516
|
key: 0,
|
|
14488
14517
|
class: "vui-sheet-shell"
|
|
14489
|
-
},
|
|
14518
|
+
}, eg = 16, tg = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
14490
14519
|
inheritAttrs: !1,
|
|
14491
14520
|
__name: "Sheet",
|
|
14492
14521
|
props: {
|
|
@@ -14524,10 +14553,10 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14524
14553
|
if (e.position === "left" || e.position === "right") return { maxWidth: Kn(e.size) };
|
|
14525
14554
|
}), h = c(() => {
|
|
14526
14555
|
switch (e.position) {
|
|
14527
|
-
case "left": return `translate(-${
|
|
14528
|
-
case "top": return `translate(0, -${
|
|
14529
|
-
case "bottom": return `translate(0, ${
|
|
14530
|
-
default: return `translate(${
|
|
14556
|
+
case "left": return `translate(-${eg}px, 0)`;
|
|
14557
|
+
case "top": return `translate(0, -${eg}px)`;
|
|
14558
|
+
case "bottom": return `translate(0, ${eg}px)`;
|
|
14559
|
+
default: return `translate(${eg}px, 0)`;
|
|
14531
14560
|
}
|
|
14532
14561
|
});
|
|
14533
14562
|
return (t, c) => (z(), l(r, { to: "body" }, [o.value ? (z(), l(Gd, {
|
|
@@ -14540,7 +14569,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14540
14569
|
css: e.transitionName !== "none",
|
|
14541
14570
|
onAfterLeave: f
|
|
14542
14571
|
}, {
|
|
14543
|
-
default: Z(() => [e.open ? (z(), d("div",
|
|
14572
|
+
default: Z(() => [e.open ? (z(), d("div", $h, [g(wd, A({
|
|
14544
14573
|
class: ["vui-sheet", [`vui-sheet-position-${e.position}`]],
|
|
14545
14574
|
style: p.value
|
|
14546
14575
|
}, {
|
|
@@ -14579,13 +14608,13 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14579
14608
|
_: 3
|
|
14580
14609
|
})) : u("", !0)]));
|
|
14581
14610
|
}
|
|
14582
|
-
}), [["__scopeId", "data-v-be0247d3"]]),
|
|
14611
|
+
}), [["__scopeId", "data-v-be0247d3"]]), ng = {
|
|
14583
14612
|
key: 0,
|
|
14584
14613
|
class: "vui-sidebar-header"
|
|
14585
|
-
},
|
|
14614
|
+
}, rg = { class: "vui-sidebar-content" }, ig = { class: "vui-sidebar-content-wrap" }, ag = {
|
|
14586
14615
|
key: 1,
|
|
14587
14616
|
class: "vui-sidebar-footer"
|
|
14588
|
-
},
|
|
14617
|
+
}, og = 32, sg = /* @__PURE__ */ v({
|
|
14589
14618
|
__name: "Sidebar",
|
|
14590
14619
|
props: /* @__PURE__ */ k({
|
|
14591
14620
|
width: { default: 224 },
|
|
@@ -14616,7 +14645,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14616
14645
|
return F(() => {
|
|
14617
14646
|
t.appear && r.value && (r.value = !1);
|
|
14618
14647
|
}), Rt(h, (e) => {
|
|
14619
|
-
!t.appear || e <=
|
|
14648
|
+
!t.appear || e <= og && e >= 0 && m.value || (e <= og && e >= 0 && !r.value && !m.value ? l() : m.value && p(), (e > og + (t.mini ? 65 : t.floaty ? t.width : t.width - (zn(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
|
|
14620
14649
|
}, {
|
|
14621
14650
|
throttle: 100,
|
|
14622
14651
|
immediate: !0
|
|
@@ -14633,21 +14662,21 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14633
14662
|
}]),
|
|
14634
14663
|
style: P({ width: `${t.mini ? 65 : t.width}px` })
|
|
14635
14664
|
}, [
|
|
14636
|
-
J(i).header ? (z(), d("div",
|
|
14637
|
-
f("div",
|
|
14638
|
-
J(i).footer ? (z(), d("div",
|
|
14665
|
+
J(i).header ? (z(), d("div", ng, [U(e.$slots, "header", N(S(s.value)))])) : u("", !0),
|
|
14666
|
+
f("div", rg, [f("div", ig, [U(e.$slots, "default", N(S(s.value)))])]),
|
|
14667
|
+
J(i).footer ? (z(), d("div", ag, [U(e.$slots, "footer", N(S(s.value)))])) : u("", !0)
|
|
14639
14668
|
], 6)], 6));
|
|
14640
14669
|
}
|
|
14641
|
-
}),
|
|
14670
|
+
}), cg = "var(--border-radius-s)", lg = /* @__PURE__ */ v({
|
|
14642
14671
|
__name: "Skeleton",
|
|
14643
14672
|
props: {
|
|
14644
|
-
radius: { default: () =>
|
|
14673
|
+
radius: { default: () => cg },
|
|
14645
14674
|
width: { default: "100%" },
|
|
14646
14675
|
height: { default: "32px" },
|
|
14647
14676
|
circle: { type: Boolean }
|
|
14648
14677
|
},
|
|
14649
14678
|
setup(e) {
|
|
14650
|
-
let t = c(() => Kn(e.circle && e.radius ===
|
|
14679
|
+
let t = c(() => Kn(e.circle && e.radius === cg ? 9999 : e.radius)), n = c(() => Kn(e.circle ? e.width || e.height : e.width)), r = c(() => Kn(e.circle && e.width || e.height));
|
|
14651
14680
|
return (e, i) => (z(), d("div", {
|
|
14652
14681
|
class: "vui-skeleton",
|
|
14653
14682
|
style: P({
|
|
@@ -14657,16 +14686,16 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14657
14686
|
})
|
|
14658
14687
|
}, null, 4));
|
|
14659
14688
|
}
|
|
14660
|
-
}),
|
|
14689
|
+
}), ug = ["id", "disabled"], dg = ["for"], fg = { class: "w-100" }, pg = {
|
|
14661
14690
|
key: 0,
|
|
14662
14691
|
class: "vui-switch-content"
|
|
14663
|
-
},
|
|
14692
|
+
}, mg = {
|
|
14664
14693
|
key: 1,
|
|
14665
14694
|
class: "vui-switch-content"
|
|
14666
|
-
},
|
|
14695
|
+
}, hg = {
|
|
14667
14696
|
key: 2,
|
|
14668
14697
|
class: "vui-hint mt-xxs block"
|
|
14669
|
-
},
|
|
14698
|
+
}, gg = /* @__PURE__ */ v({
|
|
14670
14699
|
__name: "Switch",
|
|
14671
14700
|
props: /* @__PURE__ */ k({
|
|
14672
14701
|
label: {},
|
|
@@ -14691,22 +14720,22 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14691
14720
|
"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
|
|
14692
14721
|
type: "checkbox",
|
|
14693
14722
|
disabled: e.disabled
|
|
14694
|
-
}, null, 8,
|
|
14723
|
+
}, null, 8, ug), [[me, n.value]]), f("label", { for: J(r) }, [a[1] ||= f("div", { class: "vui-switch-icon" }, [f("span", { class: "vui-switch-indicator" })], -1), f("div", fg, [!t.default && e.label ? (z(), d("p", pg, K(e.label), 1)) : (z(), d("div", mg, [U(i.$slots, "default")])), e.hint ? (z(), d("p", hg, K(e.hint), 1)) : u("", !0)])], 8, dg)], 2));
|
|
14695
14724
|
}
|
|
14696
|
-
}),
|
|
14725
|
+
}), _g = {
|
|
14697
14726
|
key: 0,
|
|
14698
14727
|
ref: "context",
|
|
14699
14728
|
class: "vui-cell-context"
|
|
14700
|
-
},
|
|
14729
|
+
}, vg = /* @__PURE__ */ v({
|
|
14701
14730
|
__name: "Cell",
|
|
14702
14731
|
setup(e) {
|
|
14703
14732
|
let t = pe(), n = Y("context"), r = c(() => !t.context || !window ? {} : { paddingRight: `${n.value?.getBoundingClientRect().width ?? 0}px` });
|
|
14704
|
-
return (e, t) => (z(), d("td", { style: P(r.value) }, [U(e.$slots, "default"), e.$slots.context ? (z(), d("div",
|
|
14733
|
+
return (e, t) => (z(), d("td", { style: P(r.value) }, [U(e.$slots, "default"), e.$slots.context ? (z(), d("div", _g, [U(e.$slots, "context")], 512)) : u("", !0)], 4));
|
|
14705
14734
|
}
|
|
14706
|
-
}),
|
|
14735
|
+
}), yg = {
|
|
14707
14736
|
key: 0,
|
|
14708
14737
|
class: "vui-table-th-content"
|
|
14709
|
-
},
|
|
14738
|
+
}, bg = /* @__PURE__ */ v({
|
|
14710
14739
|
__name: "Head",
|
|
14711
14740
|
props: {
|
|
14712
14741
|
header: {},
|
|
@@ -14729,7 +14758,7 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14729
14758
|
};
|
|
14730
14759
|
}
|
|
14731
14760
|
});
|
|
14732
|
-
return (e, r) => (z(), d("th", null, [t.header || e.$slots.default ? (z(), d("div",
|
|
14761
|
+
return (e, r) => (z(), d("th", null, [t.header || e.$slots.default ? (z(), d("div", yg, [U(e.$slots, "default", {}, () => [h(K(t.header?.label), 1)]), t.sort && t.header ? (z(), l(Fh, {
|
|
14733
14762
|
key: 0,
|
|
14734
14763
|
placement: "top"
|
|
14735
14764
|
}, {
|
|
@@ -14748,8 +14777,8 @@ var Ah = ["aria-describedby"], jh = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
|
14748
14777
|
_: 1
|
|
14749
14778
|
})) : u("", !0)])) : u("", !0)]));
|
|
14750
14779
|
}
|
|
14751
|
-
}),
|
|
14752
|
-
function
|
|
14780
|
+
}), xg = Symbol("select-row-provide");
|
|
14781
|
+
function Sg(e, t) {
|
|
14753
14782
|
let n = c(() => q(e)), r = V({
|
|
14754
14783
|
pagination: {
|
|
14755
14784
|
enabled: !1,
|
|
@@ -14758,7 +14787,7 @@ function vg(e, t) {
|
|
|
14758
14787
|
},
|
|
14759
14788
|
select: !1,
|
|
14760
14789
|
...t
|
|
14761
|
-
}), i = V(1), a = c(() =>
|
|
14790
|
+
}), i = V(1), a = c(() => Nh(n.value.length, i.value, r.value.pagination?.perPage, r.value.pagination?.maxPages)), o = c(() => a.value.currentPage < a.value.endPage), s = c(() => a.value.currentPage > a.value.startPage), l = (e) => {
|
|
14762
14791
|
(e > i.value && o.value || e < i.value && s.value) && (i.value = e);
|
|
14763
14792
|
}, u = V({
|
|
14764
14793
|
key: void 0,
|
|
@@ -14805,7 +14834,7 @@ function vg(e, t) {
|
|
|
14805
14834
|
_.value = new Set(e);
|
|
14806
14835
|
}
|
|
14807
14836
|
}
|
|
14808
|
-
return ne(
|
|
14837
|
+
return ne(xg, {
|
|
14809
14838
|
selectedRows: _,
|
|
14810
14839
|
selectRow: y,
|
|
14811
14840
|
selectAllRows: x,
|
|
@@ -14831,10 +14860,10 @@ function vg(e, t) {
|
|
|
14831
14860
|
}
|
|
14832
14861
|
//#endregion
|
|
14833
14862
|
//#region src/components/Table/Root.vue?vue&type=script&setup=true&lang.ts
|
|
14834
|
-
var
|
|
14863
|
+
var Cg = { key: 0 }, wg = {
|
|
14835
14864
|
key: 0,
|
|
14836
14865
|
class: "vui-table-pagination-wrap"
|
|
14837
|
-
},
|
|
14866
|
+
}, Tg = /* @__PURE__ */ v({
|
|
14838
14867
|
__name: "Root",
|
|
14839
14868
|
props: {
|
|
14840
14869
|
fixed: { type: Boolean },
|
|
@@ -14853,7 +14882,7 @@ var yg = { key: 0 }, bg = {
|
|
|
14853
14882
|
}
|
|
14854
14883
|
},
|
|
14855
14884
|
setup(e) {
|
|
14856
|
-
let t = T(
|
|
14885
|
+
let t = T(xg);
|
|
14857
14886
|
return (n, r) => (z(), d("div", { class: M(["vui-table-container", {
|
|
14858
14887
|
fixed: e.fixed,
|
|
14859
14888
|
nowrap: e.nowrap,
|
|
@@ -14861,12 +14890,12 @@ var yg = { key: 0 }, bg = {
|
|
|
14861
14890
|
"separated-rows": e.separateRows,
|
|
14862
14891
|
"separated-cells": e.separateCells,
|
|
14863
14892
|
"outer-border": e.outerBorder
|
|
14864
|
-
}]) }, [f("table", null, [n.$slots.header ? (z(), d("thead",
|
|
14893
|
+
}]) }, [f("table", null, [n.$slots.header ? (z(), d("thead", Cg, [f("tr", null, [U(n.$slots, "header")])])) : u("", !0), f("tbody", null, [U(n.$slots, "body")])]), n.$slots.pagination ? (z(), d("div", wg, [U(n.$slots, "pagination")])) : u("", !0)], 2));
|
|
14865
14894
|
}
|
|
14866
|
-
}),
|
|
14895
|
+
}), Eg = /* @__PURE__ */ v({
|
|
14867
14896
|
__name: "SelectAll",
|
|
14868
14897
|
setup(e) {
|
|
14869
|
-
let { isSelectedAll: t, enabled: n, selectAllRows: r } = T(
|
|
14898
|
+
let { isSelectedAll: t, enabled: n, selectAllRows: r } = T(xg);
|
|
14870
14899
|
return (e, i) => J(n) ? (z(), d("th", {
|
|
14871
14900
|
key: 0,
|
|
14872
14901
|
class: M(["vui-table-interactive-cell", { selected: J(t) }])
|
|
@@ -14879,11 +14908,11 @@ var yg = { key: 0 }, bg = {
|
|
|
14879
14908
|
_: 1
|
|
14880
14909
|
})], 2)) : u("", !0);
|
|
14881
14910
|
}
|
|
14882
|
-
}),
|
|
14911
|
+
}), Dg = /* @__PURE__ */ v({
|
|
14883
14912
|
__name: "SelectRow",
|
|
14884
14913
|
props: { row: {} },
|
|
14885
14914
|
setup(e) {
|
|
14886
|
-
let t = e, { enabled: n, selectRow: r, selectedRows: i } = T(
|
|
14915
|
+
let t = e, { enabled: n, selectRow: r, selectedRows: i } = T(xg), a = c(() => Jn(i.value, t.row));
|
|
14887
14916
|
return (e, i) => J(n) ? (z(), d("td", {
|
|
14888
14917
|
key: 0,
|
|
14889
14918
|
class: M(["vui-table-interactive-cell", { selected: a.value }])
|
|
@@ -14896,13 +14925,13 @@ var yg = { key: 0 }, bg = {
|
|
|
14896
14925
|
_: 1
|
|
14897
14926
|
})], 2)) : u("", !0);
|
|
14898
14927
|
}
|
|
14899
|
-
}),
|
|
14900
|
-
Cell: () =>
|
|
14901
|
-
Head: () =>
|
|
14902
|
-
Root: () =>
|
|
14903
|
-
SelectAll: () =>
|
|
14904
|
-
SelectRow: () =>
|
|
14905
|
-
}),
|
|
14928
|
+
}), Og = /* @__PURE__ */ Oe({
|
|
14929
|
+
Cell: () => vg,
|
|
14930
|
+
Head: () => bg,
|
|
14931
|
+
Root: () => Tg,
|
|
14932
|
+
SelectAll: () => Eg,
|
|
14933
|
+
SelectRow: () => Dg
|
|
14934
|
+
}), kg = ["name"], Ag = /* @__PURE__ */ v({
|
|
14906
14935
|
__name: "Tab",
|
|
14907
14936
|
props: {
|
|
14908
14937
|
disabled: { type: Boolean },
|
|
@@ -14914,16 +14943,16 @@ var yg = { key: 0 }, bg = {
|
|
|
14914
14943
|
class: M(["vui-tab", { disabled: t.disabled }]),
|
|
14915
14944
|
role: "tab",
|
|
14916
14945
|
name: e.value
|
|
14917
|
-
}, [U(n.$slots, "default", {}, () => [h(K(t.value), 1)])], 10,
|
|
14946
|
+
}, [U(n.$slots, "default", {}, () => [h(K(t.value), 1)])], 10, kg));
|
|
14918
14947
|
}
|
|
14919
|
-
}),
|
|
14948
|
+
}), jg = {
|
|
14920
14949
|
key: 0,
|
|
14921
14950
|
class: "flex-1"
|
|
14922
|
-
},
|
|
14951
|
+
}, Mg = {
|
|
14923
14952
|
key: 0,
|
|
14924
14953
|
ref: "underline",
|
|
14925
14954
|
class: "vui-tab-underline"
|
|
14926
|
-
},
|
|
14955
|
+
}, Ng = /* @__PURE__ */ v({
|
|
14927
14956
|
__name: "Tabs",
|
|
14928
14957
|
props: /* @__PURE__ */ k({
|
|
14929
14958
|
variant: { default: "default" },
|
|
@@ -14967,25 +14996,25 @@ var yg = { key: 0 }, bg = {
|
|
|
14967
14996
|
class: M({ active: e.props.value === r.value }),
|
|
14968
14997
|
onClick: (t) => r.value = e.props.value
|
|
14969
14998
|
}, null, 8, ["class", "onClick"]))), 128)),
|
|
14970
|
-
t.$slots.end ? (z(), d(n, { key: 0 }, [e.expand ? u("", !0) : (z(), d("div",
|
|
14999
|
+
t.$slots.end ? (z(), d(n, { key: 0 }, [e.expand ? u("", !0) : (z(), d("div", jg)), U(t.$slots, "end")], 64)) : u("", !0),
|
|
14971
15000
|
g(i, {
|
|
14972
15001
|
name: e.transitionName === "none" ? void 0 : e.transitionName,
|
|
14973
15002
|
css: e.transitionName !== "none",
|
|
14974
15003
|
appear: ""
|
|
14975
15004
|
}, {
|
|
14976
|
-
default: Z(() => [r.value ? (z(), d("div",
|
|
15005
|
+
default: Z(() => [r.value ? (z(), d("div", Mg, null, 512)) : u("", !0)]),
|
|
14977
15006
|
_: 1
|
|
14978
15007
|
}, 8, ["name", "css"])
|
|
14979
15008
|
], 2));
|
|
14980
15009
|
}
|
|
14981
|
-
}),
|
|
14982
|
-
function
|
|
15010
|
+
}), Pg = V(/* @__PURE__ */ new Map()), Fg = 0;
|
|
15011
|
+
function Ig(e, t) {
|
|
14983
15012
|
let n = {
|
|
14984
15013
|
persist: !1,
|
|
14985
15014
|
timeout: 7e3,
|
|
14986
15015
|
...t
|
|
14987
15016
|
}, r = {
|
|
14988
|
-
id:
|
|
15017
|
+
id: Fg,
|
|
14989
15018
|
title: e,
|
|
14990
15019
|
persist: n.persist,
|
|
14991
15020
|
description: n.description,
|
|
@@ -14995,19 +15024,19 @@ function Mg(e, t) {
|
|
|
14995
15024
|
body: n.body,
|
|
14996
15025
|
bodyProps: n.bodyProps ?? {}
|
|
14997
15026
|
};
|
|
14998
|
-
return
|
|
14999
|
-
|
|
15000
|
-
}, n.timeout,
|
|
15027
|
+
return Pg.value.set(Fg, r), n.persist || setTimeout((e) => {
|
|
15028
|
+
Pg.value.delete(e);
|
|
15029
|
+
}, n.timeout, Fg), Fg++, r;
|
|
15001
15030
|
}
|
|
15002
|
-
function
|
|
15003
|
-
|
|
15031
|
+
function Lg(e) {
|
|
15032
|
+
Pg.value.delete(e);
|
|
15004
15033
|
}
|
|
15005
15034
|
//#endregion
|
|
15006
15035
|
//#region src/components/Toast/Toasts.vue?vue&type=script&setup=true&lang.ts
|
|
15007
|
-
var
|
|
15036
|
+
var Rg = {
|
|
15008
15037
|
key: 1,
|
|
15009
15038
|
class: "vui-toast-item"
|
|
15010
|
-
},
|
|
15039
|
+
}, zg = { class: "vui-toast-item-content" }, Bg = { key: 0 }, Vg = /* @__PURE__ */ qd(/* @__PURE__ */ v({
|
|
15011
15040
|
__name: "Toasts",
|
|
15012
15041
|
props: { placement: { default: "bottom-end" } },
|
|
15013
15042
|
setup(e) {
|
|
@@ -15016,13 +15045,13 @@ var Pg = {
|
|
|
15016
15045
|
tag: "ul",
|
|
15017
15046
|
class: "vui-toast-list"
|
|
15018
15047
|
}, {
|
|
15019
|
-
default: Z(() => [(z(!0), d(n, null, H(J(
|
|
15048
|
+
default: Z(() => [(z(!0), d(n, null, H(J(Pg), ([e, t]) => (z(), d(n, { key: e }, [t.body ? (z(), l(W(t.body), A({
|
|
15020
15049
|
key: 0,
|
|
15021
15050
|
ref_for: !0
|
|
15022
15051
|
}, {
|
|
15023
15052
|
data: t.bodyProps,
|
|
15024
15053
|
toastId: e
|
|
15025
|
-
}), null, 16)) : (z(), d("li",
|
|
15054
|
+
}), null, 16)) : (z(), d("li", Rg, [f("div", zg, [f("strong", null, K(t.title), 1), t.description ? (z(), d("p", Bg, K(t.description), 1)) : u("", !0)]), t.action ? (z(), l(cr, {
|
|
15026
15055
|
key: 0,
|
|
15027
15056
|
size: "s",
|
|
15028
15057
|
onClick: (e) => t.action.handler(t.id)
|
|
@@ -15036,7 +15065,7 @@ var Pg = {
|
|
|
15036
15065
|
}), [["__scopeId", "data-v-a0ee459a"]]);
|
|
15037
15066
|
//#endregion
|
|
15038
15067
|
//#region src/shared/viewTransition.ts
|
|
15039
|
-
function
|
|
15068
|
+
function Hg() {
|
|
15040
15069
|
let e = V(!1);
|
|
15041
15070
|
async function t(t) {
|
|
15042
15071
|
if (!document.startViewTransition) {
|
|
@@ -15059,4 +15088,4 @@ function Rg() {
|
|
|
15059
15088
|
};
|
|
15060
15089
|
}
|
|
15061
15090
|
//#endregion
|
|
15062
|
-
export { En as Accordion, kn as AccordionGroup, Pn as Alert, er as Avatar, Gd as Backdrop, tr as Badge, nr as BreadcrumbItem, ar as Breadcrumbs, cr as Button, ur as ButtonGroup, _d as Calendar, wd as Card, Ed as Carousel, jd as Checkbox, sh as Color, uf as Commands,
|
|
15091
|
+
export { En as Accordion, kn as AccordionGroup, Pn as Alert, er as Avatar, Gd as Backdrop, tr as Badge, nr as BreadcrumbItem, ar as Breadcrumbs, cr as Button, ur as ButtonGroup, _d as Calendar, wd as Card, Ed as Carousel, jd as Checkbox, sh as Color, uf as Commands, Dh as Confirm, df as CopyClipboard, ch as Counter, yd as Divider, Lm as Drawer, Vm as Dropdown, qm as DropdownItem, Ym as DropdownTitle, dh as Dropzone, fh as File, lr as Flex, Xm as Grid, rh as Input, Id as Kbd, xh as KbdGroup, Th as Marquee, Jd as Modal, jh as OTP, Mh as OTPItem, Ih as Pagination, ph as Password, Rm as Popout, Lh as Progress, Uh as Radio, Wh as RadioGroup, Qh as Select, tg as Sheet, sg as Sidebar, lg as Skeleton, sr as Spinner, gg as Switch, Ag as Tab, Og as Table, Ng as Tabs, bh as Textarea, Vg as Toasts, Fh as Tooltip, Sg as defineTable, Nh as paginate, Ig as pushToast, Lg as removeToast, Ln as searchString, gd as setColorTheme, hd as theme, Fd as useBreakpoint, Hg as useViewTransition, Nd as vuiBreakpoints };
|