@voidzero-dev/vitepress-theme 0.1.35 → 0.1.38
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/index100.js +6 -6
- package/dist/index101.js +4 -32
- package/dist/index102.js +4 -57
- package/dist/index103.js +6 -8
- package/dist/index104.js +29 -10
- package/dist/index105.js +55 -56
- package/dist/index106.js +9 -6
- package/dist/index107.js +13 -38
- package/dist/index108.js +58 -21
- package/dist/index109.js +6 -25
- package/dist/index110.js +39 -10
- package/dist/index111.js +20 -56
- package/dist/index112.js +25 -36
- package/dist/index113.js +10 -119
- package/dist/index114.js +54 -89
- package/dist/index115.js +34 -6
- package/dist/index116.js +112 -432
- package/dist/index117.js +92 -33
- package/dist/index118.js +6 -1200
- package/dist/index119.js +438 -3
- package/dist/index120.js +5 -1735
- package/dist/index121.js +2 -5
- package/dist/index122.js +1735 -2
- package/dist/index27.js +1 -1
- package/dist/index3.js +3 -3
- package/dist/index30.js +8 -8
- package/dist/index34.js +12 -12
- package/dist/index36.js +7 -7
- package/dist/index38.js +7 -7
- package/dist/index4.js +10 -10
- package/dist/index40.js +84 -2
- package/dist/index41.js +50 -68
- package/dist/index42.js +34 -47
- package/dist/index43.js +55 -32
- package/dist/index44.js +23 -73
- package/dist/index45.js +18 -14
- package/dist/index46.js +16 -20
- package/dist/index47.js +16 -16
- package/dist/index48.js +13 -13
- package/dist/index49.js +14 -14
- package/dist/index50.js +2 -26
- package/dist/index51.js +24 -17
- package/dist/index52.js +20 -16
- package/dist/index53.js +122 -16
- package/dist/index54.js +2 -2
- package/dist/index55.js +2 -2
- package/dist/index56.js +2 -2
- package/dist/index57.js +2 -2
- package/dist/index58.js +2 -2
- package/dist/index59.js +2 -2
- package/dist/index6.js +1 -1
- package/dist/index60.js +2 -2
- package/dist/index61.js +1 -1
- package/dist/index62.js +2 -2
- package/dist/index63.js +2 -2
- package/dist/index64.js +2 -2
- package/dist/index65.js +1 -1
- package/dist/index66.js +2 -49
- package/dist/index67.js +19 -44
- package/dist/index68.js +18 -2587
- package/dist/index69.js +18 -51
- package/dist/index7.js +2 -2
- package/dist/index70.js +2 -7207
- package/dist/index71.js +2 -14
- package/dist/index72.js +2 -22
- package/dist/index73.js +34 -124
- package/dist/index74.js +2 -2
- package/dist/index75.js +2 -2
- package/dist/index76.js +2 -2
- package/dist/index77.js +2 -2
- package/dist/index78.js +2 -2
- package/dist/index79.js +2 -25
- package/dist/index8.js +3 -3
- package/dist/index80.js +2 -34
- package/dist/index81.js +2 -2
- package/dist/index82.js +49 -2
- package/dist/index83.js +44 -3
- package/dist/index84.js +2587 -2
- package/dist/index85.js +51 -2
- package/dist/index86.js +7207 -2
- package/dist/index87.js +14 -2
- package/dist/index88.js +5324 -2
- package/dist/index89.js +2 -2
- package/dist/index90.js +1 -1
- package/dist/index91.js +1 -1
- package/dist/index92.js +1 -1
- package/dist/index93.js +1 -1
- package/dist/index94.js +2 -5324
- package/dist/index95.js +2 -2
- package/dist/index96.js +32 -9
- package/dist/index97.js +1201 -6
- package/dist/index98.js +3 -4
- package/dist/index99.js +10 -4
- package/package.json +1 -1
package/dist/index41.js
CHANGED
|
@@ -1,40 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { defineComponent as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var M = /* @__PURE__ */ _({
|
|
10
|
-
__name: "TabsRoot",
|
|
1
|
+
import { useForwardExpose as p } from "./index104.js";
|
|
2
|
+
import { Presence_default as c } from "./index110.js";
|
|
3
|
+
import { Primitive as v } from "./index112.js";
|
|
4
|
+
import { injectTabsRootContext as b } from "./index40.js";
|
|
5
|
+
import { makeTriggerId as _, makeContentId as y } from "./index118.js";
|
|
6
|
+
import { defineComponent as C, computed as n, ref as h, onMounted as g, createBlock as I, openBlock as k, unref as t, withCtx as u, createVNode as q, normalizeStyle as T, renderSlot as B, createCommentVNode as M } from "vue";
|
|
7
|
+
var S = /* @__PURE__ */ C({
|
|
8
|
+
__name: "TabsContent",
|
|
11
9
|
props: {
|
|
12
|
-
|
|
13
|
-
type:
|
|
14
|
-
required: !
|
|
15
|
-
},
|
|
16
|
-
orientation: {
|
|
17
|
-
type: String,
|
|
18
|
-
required: !1,
|
|
19
|
-
default: "horizontal"
|
|
20
|
-
},
|
|
21
|
-
dir: {
|
|
22
|
-
type: String,
|
|
23
|
-
required: !1
|
|
10
|
+
value: {
|
|
11
|
+
type: [String, Number],
|
|
12
|
+
required: !0
|
|
24
13
|
},
|
|
25
|
-
|
|
26
|
-
type: String,
|
|
27
|
-
required: !1,
|
|
28
|
-
default: "automatic"
|
|
29
|
-
},
|
|
30
|
-
modelValue: {
|
|
31
|
-
type: null,
|
|
32
|
-
required: !1
|
|
33
|
-
},
|
|
34
|
-
unmountOnHide: {
|
|
14
|
+
forceMount: {
|
|
35
15
|
type: Boolean,
|
|
36
|
-
required: !1
|
|
37
|
-
default: !0
|
|
16
|
+
required: !1
|
|
38
17
|
},
|
|
39
18
|
asChild: {
|
|
40
19
|
type: Boolean,
|
|
@@ -45,42 +24,45 @@ var M = /* @__PURE__ */ _({
|
|
|
45
24
|
required: !1
|
|
46
25
|
}
|
|
47
26
|
},
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
modelValue: a,
|
|
58
|
-
changeModelValue: (t) => {
|
|
59
|
-
a.value = t;
|
|
60
|
-
},
|
|
61
|
-
orientation: r,
|
|
62
|
-
dir: i,
|
|
63
|
-
unmountOnHide: s,
|
|
64
|
-
activationMode: e.activationMode,
|
|
65
|
-
baseId: v(void 0, "reka-tabs"),
|
|
66
|
-
tabsList: p
|
|
67
|
-
}), (t, x) => (q(), h(o(V), {
|
|
68
|
-
dir: o(i),
|
|
69
|
-
"data-orientation": o(r),
|
|
70
|
-
"as-child": t.asChild,
|
|
71
|
-
as: t.as
|
|
27
|
+
setup(d) {
|
|
28
|
+
const o = d, { forwardRef: s } = p(), e = b(), m = n(() => _(e.baseId, o.value)), f = n(() => y(e.baseId, o.value)), r = n(() => o.value === e.modelValue.value), i = h(r.value);
|
|
29
|
+
return g(() => {
|
|
30
|
+
requestAnimationFrame(() => {
|
|
31
|
+
i.value = !1;
|
|
32
|
+
});
|
|
33
|
+
}), (a, w) => (k(), I(t(c), {
|
|
34
|
+
present: a.forceMount || r.value,
|
|
35
|
+
"force-mount": ""
|
|
72
36
|
}, {
|
|
73
|
-
default:
|
|
37
|
+
default: u(({ present: l }) => [q(t(v), {
|
|
38
|
+
id: f.value,
|
|
39
|
+
ref: t(s),
|
|
40
|
+
"as-child": a.asChild,
|
|
41
|
+
as: a.as,
|
|
42
|
+
role: "tabpanel",
|
|
43
|
+
"data-state": r.value ? "active" : "inactive",
|
|
44
|
+
"data-orientation": t(e).orientation.value,
|
|
45
|
+
"aria-labelledby": m.value,
|
|
46
|
+
hidden: !l,
|
|
47
|
+
tabindex: "0",
|
|
48
|
+
style: T({ animationDuration: i.value ? "0s" : void 0 })
|
|
49
|
+
}, {
|
|
50
|
+
default: u(() => [!t(e).unmountOnHide.value || l ? B(a.$slots, "default", { key: 0 }) : M("v-if", !0)]),
|
|
51
|
+
_: 2
|
|
52
|
+
}, 1032, [
|
|
53
|
+
"id",
|
|
54
|
+
"as-child",
|
|
55
|
+
"as",
|
|
56
|
+
"data-state",
|
|
57
|
+
"data-orientation",
|
|
58
|
+
"aria-labelledby",
|
|
59
|
+
"hidden",
|
|
60
|
+
"style"
|
|
61
|
+
])]),
|
|
74
62
|
_: 3
|
|
75
|
-
}, 8, [
|
|
76
|
-
"dir",
|
|
77
|
-
"data-orientation",
|
|
78
|
-
"as-child",
|
|
79
|
-
"as"
|
|
80
|
-
]));
|
|
63
|
+
}, 8, ["present"]));
|
|
81
64
|
}
|
|
82
|
-
}),
|
|
65
|
+
}), F = S;
|
|
83
66
|
export {
|
|
84
|
-
|
|
85
|
-
O as injectTabsRootContext
|
|
67
|
+
F as TabsContent_default
|
|
86
68
|
};
|
package/dist/index42.js
CHANGED
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import { useForwardExpose as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { injectTabsRootContext as
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
__name: "TabsContent",
|
|
1
|
+
import { useForwardExpose as u } from "./index104.js";
|
|
2
|
+
import { Primitive as p } from "./index112.js";
|
|
3
|
+
import { RovingFocusGroup_default as d } from "./index116.js";
|
|
4
|
+
import { injectTabsRootContext as f } from "./index40.js";
|
|
5
|
+
import { defineComponent as c, toRefs as m, createBlock as _, openBlock as v, unref as e, withCtx as r, createVNode as h, renderSlot as b } from "vue";
|
|
6
|
+
var C = /* @__PURE__ */ c({
|
|
7
|
+
__name: "TabsList",
|
|
9
8
|
props: {
|
|
10
|
-
|
|
11
|
-
type: [String, Number],
|
|
12
|
-
required: !0
|
|
13
|
-
},
|
|
14
|
-
forceMount: {
|
|
9
|
+
loop: {
|
|
15
10
|
type: Boolean,
|
|
16
|
-
required: !1
|
|
11
|
+
required: !1,
|
|
12
|
+
default: !0
|
|
17
13
|
},
|
|
18
14
|
asChild: {
|
|
19
15
|
type: Boolean,
|
|
@@ -24,45 +20,36 @@ var S = /* @__PURE__ */ C({
|
|
|
24
20
|
required: !1
|
|
25
21
|
}
|
|
26
22
|
},
|
|
27
|
-
setup(
|
|
28
|
-
const
|
|
29
|
-
return
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
present: a.forceMount || r.value,
|
|
35
|
-
"force-mount": ""
|
|
23
|
+
setup(a) {
|
|
24
|
+
const i = a, { loop: s } = m(i), { forwardRef: n, currentElement: l } = u(), t = f();
|
|
25
|
+
return t.tabsList = l, (o, y) => (v(), _(e(d), {
|
|
26
|
+
"as-child": "",
|
|
27
|
+
orientation: e(t).orientation.value,
|
|
28
|
+
dir: e(t).dir.value,
|
|
29
|
+
loop: e(s)
|
|
36
30
|
}, {
|
|
37
|
-
default:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"as-child":
|
|
41
|
-
as:
|
|
42
|
-
|
|
43
|
-
"data-state": r.value ? "active" : "inactive",
|
|
44
|
-
"data-orientation": t(e).orientation.value,
|
|
45
|
-
"aria-labelledby": m.value,
|
|
46
|
-
hidden: !l,
|
|
47
|
-
tabindex: "0",
|
|
48
|
-
style: T({ animationDuration: i.value ? "0s" : void 0 })
|
|
31
|
+
default: r(() => [h(e(p), {
|
|
32
|
+
ref: e(n),
|
|
33
|
+
role: "tablist",
|
|
34
|
+
"as-child": o.asChild,
|
|
35
|
+
as: o.as,
|
|
36
|
+
"aria-orientation": e(t).orientation.value
|
|
49
37
|
}, {
|
|
50
|
-
default:
|
|
51
|
-
_:
|
|
52
|
-
},
|
|
53
|
-
"id",
|
|
38
|
+
default: r(() => [b(o.$slots, "default")]),
|
|
39
|
+
_: 3
|
|
40
|
+
}, 8, [
|
|
54
41
|
"as-child",
|
|
55
42
|
"as",
|
|
56
|
-
"
|
|
57
|
-
"data-orientation",
|
|
58
|
-
"aria-labelledby",
|
|
59
|
-
"hidden",
|
|
60
|
-
"style"
|
|
43
|
+
"aria-orientation"
|
|
61
44
|
])]),
|
|
62
45
|
_: 3
|
|
63
|
-
}, 8, [
|
|
46
|
+
}, 8, [
|
|
47
|
+
"orientation",
|
|
48
|
+
"dir",
|
|
49
|
+
"loop"
|
|
50
|
+
]));
|
|
64
51
|
}
|
|
65
|
-
}),
|
|
52
|
+
}), w = C;
|
|
66
53
|
export {
|
|
67
|
-
|
|
54
|
+
w as TabsList_default
|
|
68
55
|
};
|
package/dist/index43.js
CHANGED
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
import { useForwardExpose as
|
|
2
|
-
import { Primitive as
|
|
3
|
-
import {
|
|
4
|
-
import { injectTabsRootContext as
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { useForwardExpose as p } from "./index104.js";
|
|
2
|
+
import { Primitive as b } from "./index112.js";
|
|
3
|
+
import { RovingFocusItem_default as m } from "./index117.js";
|
|
4
|
+
import { injectTabsRootContext as c } from "./index40.js";
|
|
5
|
+
import { makeTriggerId as g, makeContentId as y } from "./index118.js";
|
|
6
|
+
import { defineComponent as T, computed as d, createBlock as w, openBlock as C, unref as t, withCtx as s, createVNode as I, withKeys as h, withModifiers as M, renderSlot as V } from "vue";
|
|
7
|
+
var k = /* @__PURE__ */ T({
|
|
8
|
+
__name: "TabsTrigger",
|
|
8
9
|
props: {
|
|
9
|
-
|
|
10
|
+
value: {
|
|
11
|
+
type: [String, Number],
|
|
12
|
+
required: !0
|
|
13
|
+
},
|
|
14
|
+
disabled: {
|
|
10
15
|
type: Boolean,
|
|
11
16
|
required: !1,
|
|
12
|
-
default: !
|
|
17
|
+
default: !1
|
|
13
18
|
},
|
|
14
19
|
asChild: {
|
|
15
20
|
type: Boolean,
|
|
@@ -17,39 +22,57 @@ var C = /* @__PURE__ */ c({
|
|
|
17
22
|
},
|
|
18
23
|
as: {
|
|
19
24
|
type: null,
|
|
20
|
-
required: !1
|
|
25
|
+
required: !1,
|
|
26
|
+
default: "button"
|
|
21
27
|
}
|
|
22
28
|
},
|
|
23
|
-
setup(
|
|
24
|
-
const
|
|
25
|
-
return
|
|
29
|
+
setup(u) {
|
|
30
|
+
const r = u, { forwardRef: n } = p(), a = c(), f = d(() => g(a.baseId, r.value)), v = d(() => y(a.baseId, r.value)), i = d(() => r.value === a.modelValue.value);
|
|
31
|
+
return (e, o) => (C(), w(t(m), {
|
|
26
32
|
"as-child": "",
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
loop: e(s)
|
|
33
|
+
focusable: !e.disabled,
|
|
34
|
+
active: i.value
|
|
30
35
|
}, {
|
|
31
|
-
default:
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
|
|
36
|
+
default: s(() => [I(t(b), {
|
|
37
|
+
id: f.value,
|
|
38
|
+
ref: t(n),
|
|
39
|
+
role: "tab",
|
|
40
|
+
type: e.as === "button" ? "button" : void 0,
|
|
41
|
+
as: e.as,
|
|
42
|
+
"as-child": e.asChild,
|
|
43
|
+
"aria-selected": i.value ? "true" : "false",
|
|
44
|
+
"aria-controls": v.value,
|
|
45
|
+
"data-state": i.value ? "active" : "inactive",
|
|
46
|
+
disabled: e.disabled,
|
|
47
|
+
"data-disabled": e.disabled ? "" : void 0,
|
|
48
|
+
"data-orientation": t(a).orientation.value,
|
|
49
|
+
onMousedown: o[0] || (o[0] = M((l) => {
|
|
50
|
+
!e.disabled && l.ctrlKey === !1 ? t(a).changeModelValue(e.value) : l.preventDefault();
|
|
51
|
+
}, ["left"])),
|
|
52
|
+
onKeydown: o[1] || (o[1] = h((l) => t(a).changeModelValue(e.value), ["enter", "space"])),
|
|
53
|
+
onFocus: o[2] || (o[2] = () => {
|
|
54
|
+
const l = t(a).activationMode !== "manual";
|
|
55
|
+
!i.value && !e.disabled && l && t(a).changeModelValue(e.value);
|
|
56
|
+
})
|
|
37
57
|
}, {
|
|
38
|
-
default:
|
|
58
|
+
default: s(() => [V(e.$slots, "default")]),
|
|
39
59
|
_: 3
|
|
40
60
|
}, 8, [
|
|
41
|
-
"
|
|
61
|
+
"id",
|
|
62
|
+
"type",
|
|
42
63
|
"as",
|
|
43
|
-
"
|
|
64
|
+
"as-child",
|
|
65
|
+
"aria-selected",
|
|
66
|
+
"aria-controls",
|
|
67
|
+
"data-state",
|
|
68
|
+
"disabled",
|
|
69
|
+
"data-disabled",
|
|
70
|
+
"data-orientation"
|
|
44
71
|
])]),
|
|
45
72
|
_: 3
|
|
46
|
-
}, 8, [
|
|
47
|
-
"orientation",
|
|
48
|
-
"dir",
|
|
49
|
-
"loop"
|
|
50
|
-
]));
|
|
73
|
+
}, 8, ["focusable", "active"]));
|
|
51
74
|
}
|
|
52
|
-
}),
|
|
75
|
+
}), A = k;
|
|
53
76
|
export {
|
|
54
|
-
|
|
77
|
+
A as TabsTrigger_default
|
|
55
78
|
};
|
package/dist/index44.js
CHANGED
|
@@ -1,78 +1,28 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { makeTriggerId as g, makeContentId as y } from "./index115.js";
|
|
6
|
-
import { defineComponent as T, computed as d, createBlock as w, openBlock as C, unref as t, withCtx as s, createVNode as I, withKeys as h, withModifiers as M, renderSlot as V } from "vue";
|
|
7
|
-
var k = /* @__PURE__ */ T({
|
|
8
|
-
__name: "TabsTrigger",
|
|
1
|
+
import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as r, openBlock as i, createElementVNode as c } from "vue";
|
|
2
|
+
import d from "./index120.js";
|
|
3
|
+
const m = { class: "font-mono text-sm text-white leading-[1.5rem]" }, f = /* @__PURE__ */ p({
|
|
4
|
+
__name: "TerminalAnimation1",
|
|
9
5
|
props: {
|
|
10
|
-
|
|
11
|
-
type: [String, Number],
|
|
12
|
-
required: !0
|
|
13
|
-
},
|
|
14
|
-
disabled: {
|
|
15
|
-
type: Boolean,
|
|
16
|
-
required: !1,
|
|
17
|
-
default: !1
|
|
18
|
-
},
|
|
19
|
-
asChild: {
|
|
20
|
-
type: Boolean,
|
|
21
|
-
required: !1
|
|
22
|
-
},
|
|
23
|
-
as: {
|
|
24
|
-
type: null,
|
|
25
|
-
required: !1,
|
|
26
|
-
default: "button"
|
|
27
|
-
}
|
|
6
|
+
onAnimationComplete: { type: Function }
|
|
28
7
|
},
|
|
29
|
-
setup(
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
"data-state": i.value ? "active" : "inactive",
|
|
46
|
-
disabled: e.disabled,
|
|
47
|
-
"data-disabled": e.disabled ? "" : void 0,
|
|
48
|
-
"data-orientation": t(a).orientation.value,
|
|
49
|
-
onMousedown: o[0] || (o[0] = M((l) => {
|
|
50
|
-
!e.disabled && l.ctrlKey === !1 ? t(a).changeModelValue(e.value) : l.preventDefault();
|
|
51
|
-
}, ["left"])),
|
|
52
|
-
onKeydown: o[1] || (o[1] = h((l) => t(a).changeModelValue(e.value), ["enter", "space"])),
|
|
53
|
-
onFocus: o[2] || (o[2] = () => {
|
|
54
|
-
const l = t(a).activationMode !== "manual";
|
|
55
|
-
!i.value && !e.disabled && l && t(a).changeModelValue(e.value);
|
|
56
|
-
})
|
|
57
|
-
}, {
|
|
58
|
-
default: s(() => [V(e.$slots, "default")]),
|
|
59
|
-
_: 3
|
|
60
|
-
}, 8, [
|
|
61
|
-
"id",
|
|
62
|
-
"type",
|
|
63
|
-
"as",
|
|
64
|
-
"as-child",
|
|
65
|
-
"aria-selected",
|
|
66
|
-
"aria-controls",
|
|
67
|
-
"data-state",
|
|
68
|
-
"disabled",
|
|
69
|
-
"data-disabled",
|
|
70
|
-
"data-orientation"
|
|
71
|
-
])]),
|
|
72
|
-
_: 3
|
|
73
|
-
}, 8, ["focusable", "active"]));
|
|
8
|
+
setup(a) {
|
|
9
|
+
const s = a;
|
|
10
|
+
let e;
|
|
11
|
+
return l(() => {
|
|
12
|
+
const t = document.getElementById("terminal-code");
|
|
13
|
+
e = new d(t, {
|
|
14
|
+
loop: !1,
|
|
15
|
+
delay: 1
|
|
16
|
+
}), e.typeString("<span>$ vite new vite-plus-demo --template react-ts</span>").pauseFor(500).pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<span class="text-aqua">◇ Scaffolding project in ~/vite-plus-demo</span>').pauseFor(500).pasteString('<span class="text-grey block">|</span>').pasteString('<span class="text-zest block">└ Done.</span>').pasteString('<span class="block w-full h-[1rem]"></span>').pauseFor(500).pasteString('<span class="block"><span class="text-zest">✓</span> Installing dependencies using default package manager: <span class="text-vite">pnpm@v10.16.1</span></span>').pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<div class="block"><span class="text-grey">Progress:</span> resolved 1, reused 0, downloaded 0, added 0</div>').pasteString('<div class="block"><span class="text-grey">Packages:</span> <span class="text-vite">+31</span></div>').typeString('<span class="text-grey block">++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>').pasteString('<div class="block"><span class="text-grey">Progress:</span> resolved 31, reused 31, downloaded 0, added 31, <span class="text-zest">done</span></div>').pasteString('<span class="block w-full h-[1rem]"></span>').callFunction(() => {
|
|
17
|
+
s.onAnimationComplete && s.onAnimationComplete();
|
|
18
|
+
}).start();
|
|
19
|
+
}), o(() => {
|
|
20
|
+
e && e.stop();
|
|
21
|
+
}), (t, n) => (i(), r("p", m, [...n[0] || (n[0] = [
|
|
22
|
+
c("span", { id: "terminal-code" }, null, -1)
|
|
23
|
+
])]));
|
|
74
24
|
}
|
|
75
|
-
})
|
|
25
|
+
});
|
|
76
26
|
export {
|
|
77
|
-
|
|
27
|
+
f as default
|
|
78
28
|
};
|
package/dist/index45.js
CHANGED
|
@@ -1,28 +1,32 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
__name: "
|
|
1
|
+
import { defineComponent as c, onMounted as m, onUnmounted as d, createElementBlock as u, openBlock as g, createElementVNode as x } from "vue";
|
|
2
|
+
import f from "./index120.js";
|
|
3
|
+
const v = { class: "font-mono text-sm text-white leading-[1.5rem]" }, h = /* @__PURE__ */ c({
|
|
4
|
+
__name: "TerminalAnimation2",
|
|
5
5
|
props: {
|
|
6
6
|
onAnimationComplete: { type: Function }
|
|
7
7
|
},
|
|
8
8
|
setup(a) {
|
|
9
|
-
const
|
|
9
|
+
const n = a;
|
|
10
10
|
let e;
|
|
11
|
-
return
|
|
12
|
-
const
|
|
13
|
-
|
|
11
|
+
return m(() => {
|
|
12
|
+
const s = /* @__PURE__ */ new Date();
|
|
13
|
+
let t = s.getHours();
|
|
14
|
+
const o = s.getMinutes().toString().padStart(2, "0"), p = s.getSeconds().toString().padStart(2, "0"), i = t >= 12 ? "pm" : "am";
|
|
15
|
+
t = t % 12 || 12;
|
|
16
|
+
const l = `${t}:${o}:${p} ${i}`, r = document.getElementById("terminal-code");
|
|
17
|
+
e = new f(r, {
|
|
14
18
|
loop: !1,
|
|
15
19
|
delay: 1
|
|
16
|
-
}), e.typeString("<span>$ vite
|
|
17
|
-
|
|
20
|
+
}), e.typeString("<span>$ vite dev</span>").pauseFor(200).pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> ready in <span class="text-white font-medium">65</span> ms</div>').pasteString('<span class="block w-full h-[1rem]"></span>').pauseFor(500).pasteString('<div class="block"><span class="text-vite"> → Local: </span><span class="text-aqua">http://localhost:5173/</span></div>').pasteString('<div class="block text-grey">→ Network: use <span class="text-white font-medium">--host</span> to expose</div>').pasteString('<span class="block w-full h-[1rem]"></span>').pauseFor(1500).pasteString(`<div class="block text-grey">${l} <span class="text-aqua">[vite]</span> (client) <span class="text-vite">hmr update</span> /src/App.tsx</div>`).pasteString('<span class="block w-full h-[1rem]"></span>').callFunction(() => {
|
|
21
|
+
n.onAnimationComplete && n.onAnimationComplete();
|
|
18
22
|
}).start();
|
|
19
|
-
}),
|
|
23
|
+
}), d(() => {
|
|
20
24
|
e && e.stop();
|
|
21
|
-
}), (
|
|
22
|
-
|
|
25
|
+
}), (s, t) => (g(), u("p", v, [...t[0] || (t[0] = [
|
|
26
|
+
x("span", { id: "terminal-code" }, null, -1)
|
|
23
27
|
])]));
|
|
24
28
|
}
|
|
25
29
|
});
|
|
26
30
|
export {
|
|
27
|
-
|
|
31
|
+
h as default
|
|
28
32
|
};
|
package/dist/index46.js
CHANGED
|
@@ -1,32 +1,28 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
__name: "
|
|
1
|
+
import { defineComponent as i, onMounted as o, onUnmounted as p, createElementBlock as l, openBlock as r, createElementVNode as c } from "vue";
|
|
2
|
+
import m from "./index120.js";
|
|
3
|
+
const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ i({
|
|
4
|
+
__name: "TerminalAnimation3",
|
|
5
5
|
props: {
|
|
6
6
|
onAnimationComplete: { type: Function }
|
|
7
7
|
},
|
|
8
8
|
setup(a) {
|
|
9
|
-
const
|
|
10
|
-
let
|
|
11
|
-
return
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
const o = s.getMinutes().toString().padStart(2, "0"), p = s.getSeconds().toString().padStart(2, "0"), i = t >= 12 ? "pm" : "am";
|
|
15
|
-
t = t % 12 || 12;
|
|
16
|
-
const l = `${t}:${o}:${p} ${i}`, r = document.getElementById("terminal-code");
|
|
17
|
-
e = new f(r, {
|
|
9
|
+
const e = a;
|
|
10
|
+
let t;
|
|
11
|
+
return o(() => {
|
|
12
|
+
const n = document.getElementById("terminal-code");
|
|
13
|
+
t = new m(n, {
|
|
18
14
|
loop: !1,
|
|
19
15
|
delay: 1
|
|
20
|
-
}),
|
|
21
|
-
|
|
16
|
+
}), t.typeString("<span>$ vite lint</span>").pauseFor(200).pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">lint</span></div>').pauseFor(500).pasteString('<div class="block text-grey">Found <span class="text-white">0 warnings</span> and <span class="text-white">0 errors</span>.</div>').pasteString('<div class="block text-grey"><span class="text-zest">✓</span> Finished in <span class="text-white">1ms</span> on <span class="text-white">3 files</span> with <span class="text-white">88 rules</span> using <span class="text-white">10 threads</span>.</div>').pasteString('<span class="block w-full h-[1rem]"></span>').callFunction(() => {
|
|
17
|
+
e.onAnimationComplete && e.onAnimationComplete();
|
|
22
18
|
}).start();
|
|
23
|
-
}),
|
|
24
|
-
|
|
25
|
-
}), (
|
|
26
|
-
|
|
19
|
+
}), p(() => {
|
|
20
|
+
t && t.stop();
|
|
21
|
+
}), (n, s) => (r(), l("p", d, [...s[0] || (s[0] = [
|
|
22
|
+
c("span", { id: "terminal-code" }, null, -1)
|
|
27
23
|
])]));
|
|
28
24
|
}
|
|
29
25
|
});
|
|
30
26
|
export {
|
|
31
|
-
|
|
27
|
+
g as default
|
|
32
28
|
};
|
package/dist/index47.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import m from "./
|
|
3
|
-
const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */
|
|
4
|
-
__name: "
|
|
1
|
+
import { defineComponent as p, onMounted as l, onUnmounted as c, createElementBlock as i, openBlock as o, createElementVNode as r } from "vue";
|
|
2
|
+
import m from "./index120.js";
|
|
3
|
+
const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ p({
|
|
4
|
+
__name: "TerminalAnimation4",
|
|
5
5
|
props: {
|
|
6
6
|
onAnimationComplete: { type: Function }
|
|
7
7
|
},
|
|
8
|
-
setup(
|
|
9
|
-
const
|
|
10
|
-
let
|
|
11
|
-
return
|
|
12
|
-
const
|
|
13
|
-
|
|
8
|
+
setup(e) {
|
|
9
|
+
const t = e;
|
|
10
|
+
let s;
|
|
11
|
+
return l(() => {
|
|
12
|
+
const a = document.getElementById("terminal-code");
|
|
13
|
+
s = new m(a, {
|
|
14
14
|
loop: !1,
|
|
15
15
|
delay: 1
|
|
16
|
-
}),
|
|
17
|
-
|
|
16
|
+
}), s.typeString("<span>$ vite fmt</span>").pauseFor(200).pasteString('<span class="block w-full h-[1rem]"></span>').pasteString('<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">fmt</span></div>').pauseFor(500).pasteString('<div class="block">src/App.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block">src/App.tsx <span class="text-aqua">1ms</span></div>').pasteString('<div class="block">src/index.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block">src/main.tsx <span class="text-aqua">1ms</span></div>').pasteString('<div class="block">src/vite-env.d.ts <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block"><span class="text-zest">✓</span> Formatted <span class="text-aqua">2 files</span> in <span class="text-aqua">2ms</span>.</div>').pasteString('<span class="block w-full h-[1rem]"></span>').callFunction(() => {
|
|
17
|
+
t.onAnimationComplete && t.onAnimationComplete();
|
|
18
18
|
}).start();
|
|
19
|
-
}),
|
|
20
|
-
|
|
21
|
-
}), (
|
|
22
|
-
|
|
19
|
+
}), c(() => {
|
|
20
|
+
s && s.stop();
|
|
21
|
+
}), (a, n) => (o(), i("p", d, [...n[0] || (n[0] = [
|
|
22
|
+
r("span", { id: "terminal-code" }, null, -1)
|
|
23
23
|
])]));
|
|
24
24
|
}
|
|
25
25
|
});
|