vlite3 1.4.23 → 1.4.24
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/components/CategoryManager/CategoryManager.vue2.js +2 -2
- package/components/RichTextEditor/RichTextEditor.vue.js +4 -4
- package/components/RichTextEditor/RichTextLinkPopover.vue3.js +2 -2
- package/components/RichTextEditor/RichTextToolbar.vue3.js +2 -2
- package/components/Screen/ScreenFilter.vue.js +2 -2
- package/components/Skeleton/Skeleton.vue.js +53 -53
- package/package.json +1 -1
- /package/components/RichTextEditor/{RichTextLinkPopover.vue2.js → RichTextLinkPopover.vue.js} +0 -0
- /package/components/RichTextEditor/{RichTextToolbar.vue2.js → RichTextToolbar.vue.js} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as te, ref as v, shallowRef as ne, watch as oe, computed as h, onMounted as le, onUnmounted as ae, openBlock as C, createElementBlock as L, normalizeClass as re, toDisplayString as I, createCommentVNode as U, createElementVNode as w, createVNode as q, unref as a, normalizeStyle as ie } from "vue";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import se from "./RichTextToolbar.
|
|
4
|
-
/* empty css
|
|
5
|
-
import de from "./RichTextLinkPopover.
|
|
6
|
-
/* empty css
|
|
3
|
+
import se from "./RichTextToolbar.vue.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import de from "./RichTextLinkPopover.vue.js";
|
|
6
|
+
/* empty css */
|
|
7
7
|
import { useRichTextImageUpload as ue } from "./composables/useRichTextImageUpload.js";
|
|
8
8
|
import { useRichTextLinks as ce } from "./composables/useRichTextLinks.js";
|
|
9
9
|
const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { class: "rte-wrapper" }, ye = { class: "rte-body-wrap" }, ge = ["id", "contenteditable", "aria-label", "aria-readonly", "aria-disabled", "aria-invalid"], be = ["id"], Se = /* @__PURE__ */ te({
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as ue, ref as c, shallowRef as de, computed as a, watch as ce, nextTick as ve, onMounted as
|
|
1
|
+
import { defineComponent as ue, ref as c, shallowRef as de, computed as a, watch as ce, nextTick as ve, onMounted as fe, onUnmounted as me, openBlock as r, createElementBlock as v, normalizeClass as ye, createElementVNode as H, normalizeStyle as k, renderSlot as A, createCommentVNode as f, Fragment as pe, renderList as ge, isMemoSame as he, setBlockTracking as m, createBlock as L, resolveDynamicComponent as N, withCtx as D, createTextVNode as P, toDisplayString as w, unref as z } from "vue";
|
|
2
2
|
import { normalizeBone as J } from "./types.js";
|
|
3
|
-
import { getRegisteredBones as be, resolveResponsive as ke, getGlobalConfig as
|
|
4
|
-
import { snapshotBones as
|
|
5
|
-
const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%", height: "100%" } }, Ce = "rgba(0, 0, 0, 0.03)", Ee = "rgba(255, 255, 255, 0.05)", Se = 0.4, xe = 1,
|
|
3
|
+
import { getRegisteredBones as be, resolveResponsive as ke, getGlobalConfig as we } from "./shared.js";
|
|
4
|
+
import { snapshotBones as $e } from "./extract.js";
|
|
5
|
+
const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%", height: "100%" } }, Ce = "rgba(0, 0, 0, 0.03)", Ee = "rgba(255, 255, 255, 0.05)", Se = 0.4, xe = 1, Ae = 1, Me = 0.1, Q = "0, 0, 0", Z = "255, 255, 255", ee = "0.04", te = "0", He = /* @__PURE__ */ ue({
|
|
6
6
|
__name: "Skeleton",
|
|
7
7
|
props: {
|
|
8
8
|
loading: { type: Boolean },
|
|
@@ -17,18 +17,18 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
|
|
|
17
17
|
class: {},
|
|
18
18
|
snapshotConfig: {}
|
|
19
19
|
},
|
|
20
|
-
setup(
|
|
21
|
-
const n =
|
|
20
|
+
setup($) {
|
|
21
|
+
const n = $, s = c(null), M = c(null), y = c(0), B = c(0), p = c(!1), u = Math.random().toString(36).slice(2, 8), O = de(null), g = we(), ne = a(() => n.animate ?? g.animate ?? "pulse"), h = a(() => {
|
|
22
22
|
const e = ne.value;
|
|
23
23
|
return e === !0 ? "pulse" : e === !1 ? "solid" : e;
|
|
24
|
-
}),
|
|
24
|
+
}), F = a(
|
|
25
25
|
() => p.value ? n.darkColor ?? g.darkColor ?? Ee : n.color ?? g.color ?? Ce
|
|
26
|
-
),
|
|
26
|
+
), G = a(
|
|
27
27
|
() => O.value ?? n.initialBones ?? (n.name ? be(n.name) : void 0)
|
|
28
|
-
),
|
|
28
|
+
), Y = a(
|
|
29
29
|
() => typeof window < "u" ? window.innerWidth : y.value
|
|
30
|
-
),
|
|
31
|
-
() =>
|
|
30
|
+
), l = a(
|
|
31
|
+
() => G.value && (Y.value > 0 || y.value > 0) ? ke(G.value, Y.value || y.value) : null
|
|
32
32
|
), b = a(() => {
|
|
33
33
|
const e = n.stagger ?? g.stagger;
|
|
34
34
|
return e === !0 ? 80 : e === !1 || !e ? 0 : e;
|
|
@@ -40,24 +40,24 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
|
|
|
40
40
|
ce(
|
|
41
41
|
() => n.loading,
|
|
42
42
|
(e, t) => {
|
|
43
|
-
t && !e && R.value > 0 &&
|
|
43
|
+
t && !e && R.value > 0 && l.value && (C && clearTimeout(C), d.value = !0, C = setTimeout(() => {
|
|
44
44
|
d.value = !1, C = null;
|
|
45
45
|
}, R.value)), e && n.auto && ae();
|
|
46
46
|
},
|
|
47
47
|
{ immediate: !0 }
|
|
48
48
|
);
|
|
49
|
-
const
|
|
50
|
-
() => n.loading && !
|
|
51
|
-
),
|
|
52
|
-
() => B.value > 0 ? B.value :
|
|
53
|
-
),
|
|
54
|
-
() =>
|
|
49
|
+
const q = a(() => (n.loading || d.value) && !!l.value), oe = a(
|
|
50
|
+
() => n.loading && !l.value && !d.value && !n.auto
|
|
51
|
+
), K = a(
|
|
52
|
+
() => B.value > 0 ? B.value : l.value?.height ?? 0
|
|
53
|
+
), W = a(() => l.value?.height ?? 0), U = a(
|
|
54
|
+
() => K.value > 0 && W.value > 0 ? K.value / W.value : 1
|
|
55
55
|
);
|
|
56
56
|
function ae() {
|
|
57
|
-
ve(() => {
|
|
58
|
-
requestAnimationFrame(() => {
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
typeof window > "u" || typeof window.requestAnimationFrame != "function" || ve(() => {
|
|
58
|
+
window.requestAnimationFrame(() => {
|
|
59
|
+
M.value && (O.value = $e(
|
|
60
|
+
M.value,
|
|
61
61
|
n.name || "auto-skeleton",
|
|
62
62
|
n.snapshotConfig
|
|
63
63
|
));
|
|
@@ -77,7 +77,7 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
|
|
|
77
77
|
e
|
|
78
78
|
) ? e : "0px";
|
|
79
79
|
}
|
|
80
|
-
function
|
|
80
|
+
function re(e, t, o) {
|
|
81
81
|
const i = J(e), V = ie(i.r);
|
|
82
82
|
return {
|
|
83
83
|
position: "absolute",
|
|
@@ -92,7 +92,7 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
|
|
|
92
92
|
animation: b.value > 0 ? `by-${u} 0.3s ease-out ${o * b.value}ms forwards` : "none"
|
|
93
93
|
};
|
|
94
94
|
}
|
|
95
|
-
function
|
|
95
|
+
function le(e, t) {
|
|
96
96
|
const o = J(e);
|
|
97
97
|
return {
|
|
98
98
|
width: "100%",
|
|
@@ -123,7 +123,7 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
|
|
|
123
123
|
return {};
|
|
124
124
|
}
|
|
125
125
|
let I = null, T = null, E = null, S = null;
|
|
126
|
-
return
|
|
126
|
+
return fe(() => {
|
|
127
127
|
if (_(), s.value) {
|
|
128
128
|
const e = s.value.getBoundingClientRect();
|
|
129
129
|
y.value = Math.round(e.width), e.height > 0 && (B.value = Math.round(e.height));
|
|
@@ -135,78 +135,78 @@ const Be = ["data-boneyard"], Re = { style: { position: "relative", width: "100%
|
|
|
135
135
|
const t = e[0]?.contentRect;
|
|
136
136
|
y.value = Math.round(t?.width ?? 0), t && t.height > 0 && (B.value = Math.round(t.height));
|
|
137
137
|
}), s.value && I.observe(s.value);
|
|
138
|
-
}),
|
|
138
|
+
}), me(() => {
|
|
139
139
|
S && E && S.removeEventListener("change", E), T?.disconnect(), I?.disconnect();
|
|
140
|
-
}), (e, t) => (
|
|
140
|
+
}), (e, t) => (r(), v("div", {
|
|
141
141
|
ref_key: "containerRef",
|
|
142
142
|
ref: s,
|
|
143
143
|
class: ye(n.class),
|
|
144
144
|
style: { position: "relative" },
|
|
145
|
-
"data-boneyard":
|
|
145
|
+
"data-boneyard": $.name
|
|
146
146
|
}, [
|
|
147
147
|
H("div", {
|
|
148
148
|
"data-boneyard-content": "true",
|
|
149
|
-
style: k({ visibility:
|
|
149
|
+
style: k({ visibility: q.value && !d.value ? "hidden" : void 0 })
|
|
150
150
|
}, [
|
|
151
|
-
oe.value ?
|
|
151
|
+
oe.value ? A(e.$slots, "fallback", { key: 0 }) : A(e.$slots, "default", { key: 1 })
|
|
152
152
|
], 4),
|
|
153
|
-
|
|
153
|
+
$.loading && $.auto && !O.value ? (r(), v("div", {
|
|
154
154
|
key: 0,
|
|
155
155
|
"data-boneyard-fixture": "",
|
|
156
156
|
ref_key: "fixtureRef",
|
|
157
|
-
ref:
|
|
157
|
+
ref: M,
|
|
158
158
|
style: { position: "absolute", inset: "0", "z-index": "-1", opacity: "0.001", "pointer-events": "none" },
|
|
159
159
|
"aria-hidden": "true"
|
|
160
160
|
}, [
|
|
161
|
-
|
|
162
|
-
|
|
161
|
+
A(e.$slots, "fixture", {}, () => [
|
|
162
|
+
A(e.$slots, "default")
|
|
163
163
|
])
|
|
164
|
-
], 512)) :
|
|
165
|
-
|
|
164
|
+
], 512)) : f("", !0),
|
|
165
|
+
q.value && l.value ? (r(), v("div", {
|
|
166
166
|
key: 1,
|
|
167
167
|
"data-boneyard-overlay": "true",
|
|
168
168
|
style: k(`position:absolute;inset:0;overflow:hidden;opacity:${d.value ? 0 : 1};${R.value > 0 ? `transition:opacity ${R.value}ms ease-out;` : ""}pointer-events:none;will-change:opacity;contain:strict;`)
|
|
169
169
|
}, [
|
|
170
170
|
H("div", Re, [
|
|
171
|
-
(
|
|
172
|
-
const X = [o, U.value,
|
|
171
|
+
(r(!0), v(pe, null, ge(l.value.bones, (o, i, V, x) => {
|
|
172
|
+
const X = [o, U.value, F.value, h.value, p.value, b.value];
|
|
173
173
|
if (x && x.key === `${i}-${o.x ?? o[0]}` && he(x, X)) return x;
|
|
174
|
-
const j = (
|
|
174
|
+
const j = (r(), v("div", {
|
|
175
175
|
key: `${i}-${o.x ?? o[0]}`,
|
|
176
176
|
"data-boneyard-bone": "true",
|
|
177
|
-
style: k(
|
|
177
|
+
style: k(re(o, U.value, i))
|
|
178
178
|
}, [
|
|
179
179
|
H("div", {
|
|
180
|
-
style: k(
|
|
180
|
+
style: k(le(o, F.value))
|
|
181
181
|
}, [
|
|
182
|
-
h.value !== "solid" ? (
|
|
182
|
+
h.value !== "solid" ? (r(), v("div", {
|
|
183
183
|
key: 0,
|
|
184
184
|
style: k(se(p.value, h.value))
|
|
185
|
-
}, null, 4)) :
|
|
185
|
+
}, null, 4)) : f("", !0)
|
|
186
186
|
], 4)
|
|
187
187
|
], 4));
|
|
188
188
|
return j.memo = X, j;
|
|
189
189
|
}, t, 0), 128)),
|
|
190
|
-
t[2] || (
|
|
190
|
+
t[2] || (m(-1, !0), (t[2] = h.value === "pulse" ? (r(), L(N("style"), { key: 0 }, {
|
|
191
191
|
default: D(() => [
|
|
192
|
-
P(" @keyframes bp-" +
|
|
192
|
+
P(" @keyframes bp-" + w(z(u)) + " { 0%, 100% { opacity: " + w(Me) + "; } 50% { opacity: " + w(Ae) + "; } } ", 1)
|
|
193
193
|
]),
|
|
194
194
|
_: 1
|
|
195
|
-
})) :
|
|
196
|
-
t[3] || (
|
|
195
|
+
})) : f("", !0)).cacheIndex = 2, m(1), t[2]),
|
|
196
|
+
t[3] || (m(-1, !0), (t[3] = h.value === "shimmer" ? (r(), L(N("style"), { key: 1 }, {
|
|
197
197
|
default: D(() => [
|
|
198
|
-
P(" @keyframes bs-" +
|
|
198
|
+
P(" @keyframes bs-" + w(z(u)) + " { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } ", 1)
|
|
199
199
|
]),
|
|
200
200
|
_: 1
|
|
201
|
-
})) :
|
|
202
|
-
t[4] || (
|
|
201
|
+
})) : f("", !0)).cacheIndex = 3, m(1), t[3]),
|
|
202
|
+
t[4] || (m(-1, !0), (t[4] = b.value > 0 ? (r(), L(N("style"), { key: 2 }, {
|
|
203
203
|
default: D(() => [
|
|
204
|
-
P(" @keyframes by-" +
|
|
204
|
+
P(" @keyframes by-" + w(z(u)) + " { from { opacity: 0; } to { opacity: 1; } } ", 1)
|
|
205
205
|
]),
|
|
206
206
|
_: 1
|
|
207
|
-
})) :
|
|
207
|
+
})) : f("", !0)).cacheIndex = 4, m(1), t[4])
|
|
208
208
|
])
|
|
209
|
-
], 4)) :
|
|
209
|
+
], 4)) : f("", !0)
|
|
210
210
|
], 10, Be));
|
|
211
211
|
}
|
|
212
212
|
});
|
package/package.json
CHANGED
/package/components/RichTextEditor/{RichTextLinkPopover.vue2.js → RichTextLinkPopover.vue.js}
RENAMED
|
File without changes
|
|
File without changes
|