@sgrsoft/vpe-react-ui 0.2.5 → 0.2.6
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/package.json +1 -1
- package/dist/vpe-react-ui.css +0 -1
- package/dist/vpe-react-ui.es.js +0 -312
- package/dist/vpe-react-ui.umd.js +0 -1
package/package.json
CHANGED
package/dist/vpe-react-ui.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.obtn{background-color:#00000073;aspect-ratio:1/1;width:2.5em;border-radius:500px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.obtnNoBg{aspect-ratio:1.2/1;width:2.3em;border-radius:500px;display:flex;justify-content:center;align-items:center}.obtn:hover{background-color:#000000a6}.obtnNoBg:hover{background-color:#00000073}.obtn-group{background-color:#00000040;height:2.5em;border-radius:500px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.obtn-group:hover{background-color:#0000004d}.tra200{transition:all .2s ease}
|
package/dist/vpe-react-ui.es.js
DELETED
|
@@ -1,312 +0,0 @@
|
|
|
1
|
-
import { jsx as f, Fragment as w } from "react/jsx-runtime";
|
|
2
|
-
import * as a from "react";
|
|
3
|
-
import x, { createContext as N, useSyncExternalStore as I, useRef as T, useEffect as Z } from "react";
|
|
4
|
-
var M = { exports: {} }, R = {};
|
|
5
|
-
var b;
|
|
6
|
-
function j() {
|
|
7
|
-
if (b) return R;
|
|
8
|
-
b = 1;
|
|
9
|
-
var t = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
|
|
10
|
-
return R.c = function(e) {
|
|
11
|
-
return t.H.useMemoCache(e);
|
|
12
|
-
}, R;
|
|
13
|
-
}
|
|
14
|
-
var P;
|
|
15
|
-
function B() {
|
|
16
|
-
return P || (P = 1, M.exports = j()), M.exports;
|
|
17
|
-
}
|
|
18
|
-
var g = B();
|
|
19
|
-
const D = /* @__PURE__ */ new Map([
|
|
20
|
-
[
|
|
21
|
-
"bold",
|
|
22
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M200,28H160a20,20,0,0,0-20,20V208a20,20,0,0,0,20,20h40a20,20,0,0,0,20-20V48A20,20,0,0,0,200,28Zm-4,176H164V52h32ZM96,28H56A20,20,0,0,0,36,48V208a20,20,0,0,0,20,20H96a20,20,0,0,0,20-20V48A20,20,0,0,0,96,28ZM92,204H60V52H92Z" }))
|
|
23
|
-
],
|
|
24
|
-
[
|
|
25
|
-
"duotone",
|
|
26
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
|
|
27
|
-
"path",
|
|
28
|
-
{
|
|
29
|
-
d: "M208,48V208a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h40A8,8,0,0,1,208,48ZM96,40H56a8,8,0,0,0-8,8V208a8,8,0,0,0,8,8H96a8,8,0,0,0,8-8V48A8,8,0,0,0,96,40Z",
|
|
30
|
-
opacity: "0.2"
|
|
31
|
-
}
|
|
32
|
-
), /* @__PURE__ */ a.createElement("path", { d: "M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z" }))
|
|
33
|
-
],
|
|
34
|
-
[
|
|
35
|
-
"fill",
|
|
36
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M216,48V208a16,16,0,0,1-16,16H160a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h40A16,16,0,0,1,216,48ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Z" }))
|
|
37
|
-
],
|
|
38
|
-
[
|
|
39
|
-
"light",
|
|
40
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M200,34H160a14,14,0,0,0-14,14V208a14,14,0,0,0,14,14h40a14,14,0,0,0,14-14V48A14,14,0,0,0,200,34Zm2,174a2,2,0,0,1-2,2H160a2,2,0,0,1-2-2V48a2,2,0,0,1,2-2h40a2,2,0,0,1,2,2ZM96,34H56A14,14,0,0,0,42,48V208a14,14,0,0,0,14,14H96a14,14,0,0,0,14-14V48A14,14,0,0,0,96,34Zm2,174a2,2,0,0,1-2,2H56a2,2,0,0,1-2-2V48a2,2,0,0,1,2-2H96a2,2,0,0,1,2,2Z" }))
|
|
41
|
-
],
|
|
42
|
-
[
|
|
43
|
-
"regular",
|
|
44
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z" }))
|
|
45
|
-
],
|
|
46
|
-
[
|
|
47
|
-
"thin",
|
|
48
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M200,36H160a12,12,0,0,0-12,12V208a12,12,0,0,0,12,12h40a12,12,0,0,0,12-12V48A12,12,0,0,0,200,36Zm4,172a4,4,0,0,1-4,4H160a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4ZM96,36H56A12,12,0,0,0,44,48V208a12,12,0,0,0,12,12H96a12,12,0,0,0,12-12V48A12,12,0,0,0,96,36Zm4,172a4,4,0,0,1-4,4H56a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H96a4,4,0,0,1,4,4Z" }))
|
|
49
|
-
]
|
|
50
|
-
]), O = /* @__PURE__ */ new Map([
|
|
51
|
-
[
|
|
52
|
-
"bold",
|
|
53
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M234.49,111.07,90.41,22.94A20,20,0,0,0,60,39.87V216.13a20,20,0,0,0,30.41,16.93l144.08-88.13a19.82,19.82,0,0,0,0-33.86ZM84,208.85V47.15L216.16,128Z" }))
|
|
54
|
-
],
|
|
55
|
-
[
|
|
56
|
-
"duotone",
|
|
57
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
|
|
58
|
-
"path",
|
|
59
|
-
{
|
|
60
|
-
d: "M228.23,134.69,84.15,222.81A8,8,0,0,1,72,216.12V39.88a8,8,0,0,1,12.15-6.69l144.08,88.12A7.82,7.82,0,0,1,228.23,134.69Z",
|
|
61
|
-
opacity: "0.2"
|
|
62
|
-
}
|
|
63
|
-
), /* @__PURE__ */ a.createElement("path", { d: "M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z" }))
|
|
64
|
-
],
|
|
65
|
-
[
|
|
66
|
-
"fill",
|
|
67
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z" }))
|
|
68
|
-
],
|
|
69
|
-
[
|
|
70
|
-
"light",
|
|
71
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M231.36,116.19,87.28,28.06a14,14,0,0,0-14.18-.27A13.69,13.69,0,0,0,66,39.87V216.13a13.69,13.69,0,0,0,7.1,12.08,14,14,0,0,0,14.18-.27l144.08-88.13a13.82,13.82,0,0,0,0-23.62Zm-6.26,13.38L81,217.7a2,2,0,0,1-2.06,0,1.78,1.78,0,0,1-1-1.61V39.87a1.78,1.78,0,0,1,1-1.61A2.06,2.06,0,0,1,80,38a2,2,0,0,1,1,.31L225.1,126.43a1.82,1.82,0,0,1,0,3.14Z" }))
|
|
72
|
-
],
|
|
73
|
-
[
|
|
74
|
-
"regular",
|
|
75
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z" }))
|
|
76
|
-
],
|
|
77
|
-
[
|
|
78
|
-
"thin",
|
|
79
|
-
/* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M230.32,117.9,86.24,29.79a11.91,11.91,0,0,0-12.17-.23A11.71,11.71,0,0,0,68,39.89V216.11a11.71,11.71,0,0,0,6.07,10.33,11.91,11.91,0,0,0,12.17-.23L230.32,138.1a11.82,11.82,0,0,0,0-20.2Zm-4.18,13.37L82.06,219.39a4,4,0,0,1-4.07.07,3.77,3.77,0,0,1-2-3.35V39.89a3.77,3.77,0,0,1,2-3.35,4,4,0,0,1,4.07.07l144.08,88.12a3.8,3.8,0,0,1,0,6.54Z" }))
|
|
80
|
-
]
|
|
81
|
-
]), U = N({
|
|
82
|
-
color: "currentColor",
|
|
83
|
-
size: "1em",
|
|
84
|
-
weight: "regular",
|
|
85
|
-
mirrored: !1
|
|
86
|
-
}), S = a.forwardRef(
|
|
87
|
-
(t, e) => {
|
|
88
|
-
const {
|
|
89
|
-
alt: n,
|
|
90
|
-
color: l,
|
|
91
|
-
size: i,
|
|
92
|
-
weight: c,
|
|
93
|
-
mirrored: r,
|
|
94
|
-
children: o,
|
|
95
|
-
weights: m,
|
|
96
|
-
...s
|
|
97
|
-
} = t, {
|
|
98
|
-
color: u = "currentColor",
|
|
99
|
-
size: E,
|
|
100
|
-
weight: V = "regular",
|
|
101
|
-
mirrored: d = !1,
|
|
102
|
-
...H
|
|
103
|
-
} = a.useContext(U);
|
|
104
|
-
return /* @__PURE__ */ a.createElement(
|
|
105
|
-
"svg",
|
|
106
|
-
{
|
|
107
|
-
ref: e,
|
|
108
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
109
|
-
width: i ?? E,
|
|
110
|
-
height: i ?? E,
|
|
111
|
-
fill: l ?? u,
|
|
112
|
-
viewBox: "0 0 256 256",
|
|
113
|
-
transform: r || d ? "scale(-1, 1)" : void 0,
|
|
114
|
-
...H,
|
|
115
|
-
...s
|
|
116
|
-
},
|
|
117
|
-
!!n && /* @__PURE__ */ a.createElement("title", null, n),
|
|
118
|
-
o,
|
|
119
|
-
m.get(c ?? V)
|
|
120
|
-
);
|
|
121
|
-
}
|
|
122
|
-
);
|
|
123
|
-
S.displayName = "IconBase";
|
|
124
|
-
const L = a.forwardRef((t, e) => /* @__PURE__ */ a.createElement(S, { ref: e, ...t, weights: D }));
|
|
125
|
-
L.displayName = "PauseIcon";
|
|
126
|
-
const p = a.forwardRef((t, e) => /* @__PURE__ */ a.createElement(S, { ref: e, ...t, weights: O }));
|
|
127
|
-
p.displayName = "PlayIcon";
|
|
128
|
-
const _ = /* @__PURE__ */ new Map();
|
|
129
|
-
function z(t, e) {
|
|
130
|
-
if (_.has(t))
|
|
131
|
-
return _.get(t);
|
|
132
|
-
const l = {
|
|
133
|
-
value: typeof e == "function" ? e() : e,
|
|
134
|
-
listeners: /* @__PURE__ */ new Set()
|
|
135
|
-
};
|
|
136
|
-
return _.set(t, l), l;
|
|
137
|
-
}
|
|
138
|
-
function q(t, e) {
|
|
139
|
-
const n = g.c(12);
|
|
140
|
-
let l;
|
|
141
|
-
n[0] !== e || n[1] !== t ? (l = z(t, e), n[0] = e, n[1] = t, n[2] = l) : l = n[2];
|
|
142
|
-
const i = l;
|
|
143
|
-
let c;
|
|
144
|
-
n[3] !== i.listeners ? (c = (d) => (i.listeners.add(d), () => i.listeners.delete(d)), n[3] = i.listeners, n[4] = c) : c = n[4];
|
|
145
|
-
const r = c;
|
|
146
|
-
let o;
|
|
147
|
-
n[5] !== i.value ? (o = () => i.value, n[5] = i.value, n[6] = o) : o = n[6];
|
|
148
|
-
const m = o;
|
|
149
|
-
let s;
|
|
150
|
-
n[7] !== i ? (s = (d) => {
|
|
151
|
-
i.value = typeof d == "function" ? d(i.value) : d, i.listeners.forEach(Y);
|
|
152
|
-
}, n[7] = i, n[8] = s) : s = n[8];
|
|
153
|
-
const u = s, E = I(r, m);
|
|
154
|
-
let V;
|
|
155
|
-
return n[9] !== u || n[10] !== E ? (V = [E, u], n[9] = u, n[10] = E, n[11] = V) : V = n[11], V;
|
|
156
|
-
}
|
|
157
|
-
function Y(t) {
|
|
158
|
-
return t();
|
|
159
|
-
}
|
|
160
|
-
const k = "playerState", G = {
|
|
161
|
-
isPlaying: !1,
|
|
162
|
-
initPlay: !1
|
|
163
|
-
};
|
|
164
|
-
function F() {
|
|
165
|
-
const t = g.c(5), [e, n] = q(k, G);
|
|
166
|
-
let l;
|
|
167
|
-
t[0] !== n ? (l = (r) => {
|
|
168
|
-
n((o) => {
|
|
169
|
-
const m = typeof r == "function" ? r(o) : r;
|
|
170
|
-
return {
|
|
171
|
-
...o,
|
|
172
|
-
...m
|
|
173
|
-
};
|
|
174
|
-
});
|
|
175
|
-
}, t[0] = n, t[1] = l) : l = t[1];
|
|
176
|
-
const i = l;
|
|
177
|
-
let c;
|
|
178
|
-
return t[2] !== i || t[3] !== e ? (c = [e, i], t[2] = i, t[3] = e, t[4] = c) : c = t[4], c;
|
|
179
|
-
}
|
|
180
|
-
function K(t) {
|
|
181
|
-
const e = g.c(23), n = T(null), [l, i] = F(), c = t.hlsLib, r = t.options;
|
|
182
|
-
let o;
|
|
183
|
-
e[0] !== c || e[1] !== r || e[2] !== t ? (o = () => {
|
|
184
|
-
const h = n.current, y = t?.src?.file;
|
|
185
|
-
if (!(!h || !y)) {
|
|
186
|
-
if (c?.isSupported?.()) {
|
|
187
|
-
const A = new c({
|
|
188
|
-
lowLatencyMode: r.lowLatencyMode
|
|
189
|
-
});
|
|
190
|
-
return A.attachMedia(h), A.on(c.Events.MEDIA_ATTACHED, () => {
|
|
191
|
-
A.loadSource(y);
|
|
192
|
-
}), A.on(c.Events.ERROR, ($, C) => {
|
|
193
|
-
t.onError && t.onError({
|
|
194
|
-
evt: $,
|
|
195
|
-
data: C
|
|
196
|
-
});
|
|
197
|
-
}), () => {
|
|
198
|
-
A.destroy();
|
|
199
|
-
};
|
|
200
|
-
}
|
|
201
|
-
h.src = y;
|
|
202
|
-
}
|
|
203
|
-
}, e[0] = c, e[1] = r, e[2] = t, e[3] = o) : o = e[3];
|
|
204
|
-
const m = t?.src?.file;
|
|
205
|
-
let s;
|
|
206
|
-
e[4] !== c || e[5] !== t.onError || e[6] !== m ? (s = [c, m, t.onError], e[4] = c, e[5] = t.onError, e[6] = m, e[7] = s) : s = e[7], Z(o, s);
|
|
207
|
-
let u, E;
|
|
208
|
-
e[8] !== r ? (u = () => {
|
|
209
|
-
const h = n.current;
|
|
210
|
-
if (!h)
|
|
211
|
-
return;
|
|
212
|
-
const y = r?.playbackRate;
|
|
213
|
-
typeof y == "number" && (h.playbackRate = y);
|
|
214
|
-
}, E = [r], e[8] = r, e[9] = u, e[10] = E) : (u = e[9], E = e[10]), Z(u, E);
|
|
215
|
-
let V, d;
|
|
216
|
-
e[11] !== i ? (V = () => {
|
|
217
|
-
const h = n.current;
|
|
218
|
-
if (!h)
|
|
219
|
-
return;
|
|
220
|
-
const y = () => {
|
|
221
|
-
i({
|
|
222
|
-
isPlaying: !0,
|
|
223
|
-
initPlay: !0
|
|
224
|
-
});
|
|
225
|
-
}, A = () => {
|
|
226
|
-
i({
|
|
227
|
-
isPlaying: !1
|
|
228
|
-
});
|
|
229
|
-
};
|
|
230
|
-
return h.addEventListener("play", y), h.addEventListener("pause", A), () => {
|
|
231
|
-
h.removeEventListener("play", y), h.removeEventListener("pause", A);
|
|
232
|
-
};
|
|
233
|
-
}, d = [i], e[11] = i, e[12] = V, e[13] = d) : (V = e[12], d = e[13]), Z(V, d);
|
|
234
|
-
let H;
|
|
235
|
-
e[14] !== r?.autostart || e[15] !== r?.muted || e[16] !== r?.objectFit || e[17] !== r?.repeat || e[18] !== l || e[19] !== t.src ? (H = t?.src?.file && /* @__PURE__ */ f("video", { playsInline: !0, ref: n, className: "w-full h-full", controls: !1, autoPlay: r?.autostart, muted: r?.muted, loop: r?.repeat, style: {
|
|
236
|
-
background: t.src.poster ? l.initPlay ? "transparent" : `url(${t.src.poster}) center / ${r?.objectFit ?? "contain"} no-repeat` : void 0,
|
|
237
|
-
objectFit: r?.objectFit ?? "contain"
|
|
238
|
-
} }), e[14] = r?.autostart, e[15] = r?.muted, e[16] = r?.objectFit, e[17] = r?.repeat, e[18] = l, e[19] = t.src, e[20] = H) : H = e[20];
|
|
239
|
-
let v;
|
|
240
|
-
return e[21] !== H ? (v = /* @__PURE__ */ f(w, { children: H }), e[21] = H, e[22] = v) : v = e[22], v;
|
|
241
|
-
}
|
|
242
|
-
function W(t) {
|
|
243
|
-
const e = g.c(4);
|
|
244
|
-
let n;
|
|
245
|
-
e[0] !== t.src ? (n = t?.src?.file && /* @__PURE__ */ f("div", { children: t.src.file }), e[0] = t.src, e[1] = n) : n = e[1];
|
|
246
|
-
let l;
|
|
247
|
-
return e[2] !== n ? (l = /* @__PURE__ */ f(w, { children: n }), e[2] = n, e[3] = l) : l = e[3], l;
|
|
248
|
-
}
|
|
249
|
-
function J(t) {
|
|
250
|
-
const e = g.c(4);
|
|
251
|
-
let n;
|
|
252
|
-
e[0] !== t.src ? (n = t?.src?.file && /* @__PURE__ */ f("div", { children: t.src.file }), e[0] = t.src, e[1] = n) : n = e[1];
|
|
253
|
-
let l;
|
|
254
|
-
return e[2] !== n ? (l = /* @__PURE__ */ f(w, { children: n }), e[2] = n, e[3] = l) : l = e[3], l;
|
|
255
|
-
}
|
|
256
|
-
function Q(t) {
|
|
257
|
-
const e = g.c(3);
|
|
258
|
-
let n;
|
|
259
|
-
e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
|
|
260
|
-
display: "flex",
|
|
261
|
-
justifyContent: "center",
|
|
262
|
-
alignItems: "center"
|
|
263
|
-
}, e[0] = n) : n = e[0];
|
|
264
|
-
let l;
|
|
265
|
-
return e[1] !== t.children ? (l = /* @__PURE__ */ f("div", { style: n, className: "obtn", children: t.children }), e[1] = t.children, e[2] = l) : l = e[2], l;
|
|
266
|
-
}
|
|
267
|
-
function te(t) {
|
|
268
|
-
const e = g.c(2);
|
|
269
|
-
let n;
|
|
270
|
-
return e[0] !== t ? (n = /* @__PURE__ */ f(K, { ...t }), e[0] = t, e[1] = n) : n = e[1], n;
|
|
271
|
-
}
|
|
272
|
-
function ne(t) {
|
|
273
|
-
const e = g.c(2);
|
|
274
|
-
let n;
|
|
275
|
-
return e[0] !== t ? (n = /* @__PURE__ */ f(W, { ...t }), e[0] = t, e[1] = n) : n = e[1], n;
|
|
276
|
-
}
|
|
277
|
-
function ae(t) {
|
|
278
|
-
const e = g.c(2);
|
|
279
|
-
let n;
|
|
280
|
-
return e[0] !== t ? (n = /* @__PURE__ */ f(J, { ...t }), e[0] = t, e[1] = n) : n = e[1], n;
|
|
281
|
-
}
|
|
282
|
-
function le(t) {
|
|
283
|
-
const e = g.c(6), {
|
|
284
|
-
size: n,
|
|
285
|
-
weight: l,
|
|
286
|
-
color: i
|
|
287
|
-
} = t, c = n === void 0 ? 25 : n, r = l === void 0 ? "fill" : l, o = i === void 0 ? "#ffffff" : i, [m] = F();
|
|
288
|
-
let s;
|
|
289
|
-
e[0] === Symbol.for("react.memo_cache_sentinel") ? (s = {
|
|
290
|
-
background: "transparent",
|
|
291
|
-
border: 0,
|
|
292
|
-
padding: 0,
|
|
293
|
-
lineHeight: "100%",
|
|
294
|
-
display: "flex",
|
|
295
|
-
justifyContent: "center",
|
|
296
|
-
alignItems: "center"
|
|
297
|
-
}, e[0] = s) : s = e[0];
|
|
298
|
-
let u;
|
|
299
|
-
return e[1] !== o || e[2] !== m.isPlaying || e[3] !== c || e[4] !== r ? (u = /* @__PURE__ */ f(Q, { children: /* @__PURE__ */ f("button", { type: "button", style: s, children: m.isPlaying ? /* @__PURE__ */ f(L, { size: c, weight: r, color: o }) : /* @__PURE__ */ f(p, { size: c, weight: r, color: o }) }) }), e[1] = o, e[2] = m.isPlaying, e[3] = c, e[4] = r, e[5] = u) : u = e[5], u;
|
|
300
|
-
}
|
|
301
|
-
function re() {
|
|
302
|
-
const t = g.c(1);
|
|
303
|
-
let e;
|
|
304
|
-
return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ f("div", { children: "btn2" }), t[0] = e) : e = t[0], e;
|
|
305
|
-
}
|
|
306
|
-
export {
|
|
307
|
-
ne as DashVideo,
|
|
308
|
-
te as HlsVideo,
|
|
309
|
-
ae as Mp4Video,
|
|
310
|
-
le as PlayBtn,
|
|
311
|
-
re as PlayBtn2
|
|
312
|
-
};
|
package/dist/vpe-react-ui.umd.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(h,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],o):(h=typeof globalThis<"u"?globalThis:h||self,o(h.VpeReactUi={},h.React,h.React))})(this,(function(h,o,A){"use strict";function R(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const a=R(A);var b={exports:{}},_={};var P;function j(){if(P)return _;P=1;var t=A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;return _.c=function(e){return t.H.useMemoCache(e)},_}var p;function N(){return p||(p=1,b.exports=j()),b.exports}var E=N();const T=new Map([["bold",a.createElement(a.Fragment,null,a.createElement("path",{d:"M200,28H160a20,20,0,0,0-20,20V208a20,20,0,0,0,20,20h40a20,20,0,0,0,20-20V48A20,20,0,0,0,200,28Zm-4,176H164V52h32ZM96,28H56A20,20,0,0,0,36,48V208a20,20,0,0,0,20,20H96a20,20,0,0,0,20-20V48A20,20,0,0,0,96,28ZM92,204H60V52H92Z"}))],["duotone",a.createElement(a.Fragment,null,a.createElement("path",{d:"M208,48V208a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h40A8,8,0,0,1,208,48ZM96,40H56a8,8,0,0,0-8,8V208a8,8,0,0,0,8,8H96a8,8,0,0,0,8-8V48A8,8,0,0,0,96,40Z",opacity:"0.2"}),a.createElement("path",{d:"M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z"}))],["fill",a.createElement(a.Fragment,null,a.createElement("path",{d:"M216,48V208a16,16,0,0,1-16,16H160a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h40A16,16,0,0,1,216,48ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Z"}))],["light",a.createElement(a.Fragment,null,a.createElement("path",{d:"M200,34H160a14,14,0,0,0-14,14V208a14,14,0,0,0,14,14h40a14,14,0,0,0,14-14V48A14,14,0,0,0,200,34Zm2,174a2,2,0,0,1-2,2H160a2,2,0,0,1-2-2V48a2,2,0,0,1,2-2h40a2,2,0,0,1,2,2ZM96,34H56A14,14,0,0,0,42,48V208a14,14,0,0,0,14,14H96a14,14,0,0,0,14-14V48A14,14,0,0,0,96,34Zm2,174a2,2,0,0,1-2,2H56a2,2,0,0,1-2-2V48a2,2,0,0,1,2-2H96a2,2,0,0,1,2,2Z"}))],["regular",a.createElement(a.Fragment,null,a.createElement("path",{d:"M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z"}))],["thin",a.createElement(a.Fragment,null,a.createElement("path",{d:"M200,36H160a12,12,0,0,0-12,12V208a12,12,0,0,0,12,12h40a12,12,0,0,0,12-12V48A12,12,0,0,0,200,36Zm4,172a4,4,0,0,1-4,4H160a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4ZM96,36H56A12,12,0,0,0,44,48V208a12,12,0,0,0,12,12H96a12,12,0,0,0,12-12V48A12,12,0,0,0,96,36Zm4,172a4,4,0,0,1-4,4H56a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H96a4,4,0,0,1,4,4Z"}))]]),O=new Map([["bold",a.createElement(a.Fragment,null,a.createElement("path",{d:"M234.49,111.07,90.41,22.94A20,20,0,0,0,60,39.87V216.13a20,20,0,0,0,30.41,16.93l144.08-88.13a19.82,19.82,0,0,0,0-33.86ZM84,208.85V47.15L216.16,128Z"}))],["duotone",a.createElement(a.Fragment,null,a.createElement("path",{d:"M228.23,134.69,84.15,222.81A8,8,0,0,1,72,216.12V39.88a8,8,0,0,1,12.15-6.69l144.08,88.12A7.82,7.82,0,0,1,228.23,134.69Z",opacity:"0.2"}),a.createElement("path",{d:"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z"}))],["fill",a.createElement(a.Fragment,null,a.createElement("path",{d:"M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z"}))],["light",a.createElement(a.Fragment,null,a.createElement("path",{d:"M231.36,116.19,87.28,28.06a14,14,0,0,0-14.18-.27A13.69,13.69,0,0,0,66,39.87V216.13a13.69,13.69,0,0,0,7.1,12.08,14,14,0,0,0,14.18-.27l144.08-88.13a13.82,13.82,0,0,0,0-23.62Zm-6.26,13.38L81,217.7a2,2,0,0,1-2.06,0,1.78,1.78,0,0,1-1-1.61V39.87a1.78,1.78,0,0,1,1-1.61A2.06,2.06,0,0,1,80,38a2,2,0,0,1,1,.31L225.1,126.43a1.82,1.82,0,0,1,0,3.14Z"}))],["regular",a.createElement(a.Fragment,null,a.createElement("path",{d:"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z"}))],["thin",a.createElement(a.Fragment,null,a.createElement("path",{d:"M230.32,117.9,86.24,29.79a11.91,11.91,0,0,0-12.17-.23A11.71,11.71,0,0,0,68,39.89V216.11a11.71,11.71,0,0,0,6.07,10.33,11.91,11.91,0,0,0,12.17-.23L230.32,138.1a11.82,11.82,0,0,0,0-20.2Zm-4.18,13.37L82.06,219.39a4,4,0,0,1-4.07.07,3.77,3.77,0,0,1-2-3.35V39.89a3.77,3.77,0,0,1,2-3.35,4,4,0,0,1,4.07.07l144.08,88.12a3.8,3.8,0,0,1,0,6.54Z"}))]]),x=A.createContext({color:"currentColor",size:"1em",weight:"regular",mirrored:!1}),S=a.forwardRef((t,e)=>{const{alt:n,color:l,size:c,weight:i,mirrored:r,children:s,weights:d,...u}=t,{color:f="currentColor",size:g,weight:y="regular",mirrored:m=!1,...v}=a.useContext(x);return a.createElement("svg",{ref:e,xmlns:"http://www.w3.org/2000/svg",width:c??g,height:c??g,fill:l??f,viewBox:"0 0 256 256",transform:r||m?"scale(-1, 1)":void 0,...v,...u},!!n&&a.createElement("title",null,n),s,d.get(i??y))});S.displayName="IconBase";const F=a.forwardRef((t,e)=>a.createElement(S,{ref:e,...t,weights:T}));F.displayName="PauseIcon";const L=a.forwardRef((t,e)=>a.createElement(S,{ref:e,...t,weights:O}));L.displayName="PlayIcon";const w=new Map;function I(t,e){if(w.has(t))return w.get(t);const l={value:typeof e=="function"?e():e,listeners:new Set};return w.set(t,l),l}function D(t,e){const n=E.c(12);let l;n[0]!==e||n[1]!==t?(l=I(t,e),n[0]=e,n[1]=t,n[2]=l):l=n[2];const c=l;let i;n[3]!==c.listeners?(i=m=>(c.listeners.add(m),()=>c.listeners.delete(m)),n[3]=c.listeners,n[4]=i):i=n[4];const r=i;let s;n[5]!==c.value?(s=()=>c.value,n[5]=c.value,n[6]=s):s=n[6];const d=s;let u;n[7]!==c?(u=m=>{c.value=typeof m=="function"?m(c.value):m,c.listeners.forEach(B)},n[7]=c,n[8]=u):u=n[8];const f=u,g=A.useSyncExternalStore(r,d);let y;return n[9]!==f||n[10]!==g?(y=[g,f],n[9]=f,n[10]=g,n[11]=y):y=n[11],y}function B(t){return t()}const $="playerState",U={isPlaying:!1,initPlay:!1};function C(){const t=E.c(5),[e,n]=D($,U);let l;t[0]!==n?(l=r=>{n(s=>{const d=typeof r=="function"?r(s):r;return{...s,...d}})},t[0]=n,t[1]=l):l=t[1];const c=l;let i;return t[2]!==c||t[3]!==e?(i=[e,c],t[2]=c,t[3]=e,t[4]=i):i=t[4],i}function q(t){const e=E.c(23),n=A.useRef(null),[l,c]=C(),i=t.hlsLib,r=t.options;let s;e[0]!==i||e[1]!==r||e[2]!==t?(s=()=>{const V=n.current,H=t?.src?.file;if(!(!V||!H)){if(i?.isSupported?.()){const M=new i({lowLatencyMode:r.lowLatencyMode});return M.attachMedia(V),M.on(i.Events.MEDIA_ATTACHED,()=>{M.loadSource(H)}),M.on(i.Events.ERROR,(X,ee)=>{t.onError&&t.onError({evt:X,data:ee})}),()=>{M.destroy()}}V.src=H}},e[0]=i,e[1]=r,e[2]=t,e[3]=s):s=e[3];const d=t?.src?.file;let u;e[4]!==i||e[5]!==t.onError||e[6]!==d?(u=[i,d,t.onError],e[4]=i,e[5]=t.onError,e[6]=d,e[7]=u):u=e[7],A.useEffect(s,u);let f,g;e[8]!==r?(f=()=>{const V=n.current;if(!V)return;const H=r?.playbackRate;typeof H=="number"&&(V.playbackRate=H)},g=[r],e[8]=r,e[9]=f,e[10]=g):(f=e[9],g=e[10]),A.useEffect(f,g);let y,m;e[11]!==c?(y=()=>{const V=n.current;if(!V)return;const H=()=>{c({isPlaying:!0,initPlay:!0})},M=()=>{c({isPlaying:!1})};return V.addEventListener("play",H),V.addEventListener("pause",M),()=>{V.removeEventListener("play",H),V.removeEventListener("pause",M)}},m=[c],e[11]=c,e[12]=y,e[13]=m):(y=e[12],m=e[13]),A.useEffect(y,m);let v;e[14]!==r?.autostart||e[15]!==r?.muted||e[16]!==r?.objectFit||e[17]!==r?.repeat||e[18]!==l||e[19]!==t.src?(v=t?.src?.file&&o.jsx("video",{playsInline:!0,ref:n,className:"w-full h-full",controls:!1,autoPlay:r?.autostart,muted:r?.muted,loop:r?.repeat,style:{background:t.src.poster?l.initPlay?"transparent":`url(${t.src.poster}) center / ${r?.objectFit??"contain"} no-repeat`:void 0,objectFit:r?.objectFit??"contain"}}),e[14]=r?.autostart,e[15]=r?.muted,e[16]=r?.objectFit,e[17]=r?.repeat,e[18]=l,e[19]=t.src,e[20]=v):v=e[20];let Z;return e[21]!==v?(Z=o.jsx(o.Fragment,{children:v}),e[21]=v,e[22]=Z):Z=e[22],Z}function z(t){const e=E.c(4);let n;e[0]!==t.src?(n=t?.src?.file&&o.jsx("div",{children:t.src.file}),e[0]=t.src,e[1]=n):n=e[1];let l;return e[2]!==n?(l=o.jsx(o.Fragment,{children:n}),e[2]=n,e[3]=l):l=e[3],l}function Y(t){const e=E.c(4);let n;e[0]!==t.src?(n=t?.src?.file&&o.jsx("div",{children:t.src.file}),e[0]=t.src,e[1]=n):n=e[1];let l;return e[2]!==n?(l=o.jsx(o.Fragment,{children:n}),e[2]=n,e[3]=l):l=e[3],l}function k(t){const e=E.c(3);let n;e[0]===Symbol.for("react.memo_cache_sentinel")?(n={display:"flex",justifyContent:"center",alignItems:"center"},e[0]=n):n=e[0];let l;return e[1]!==t.children?(l=o.jsx("div",{style:n,className:"obtn",children:t.children}),e[1]=t.children,e[2]=l):l=e[2],l}function G(t){const e=E.c(2);let n;return e[0]!==t?(n=o.jsx(q,{...t}),e[0]=t,e[1]=n):n=e[1],n}function K(t){const e=E.c(2);let n;return e[0]!==t?(n=o.jsx(z,{...t}),e[0]=t,e[1]=n):n=e[1],n}function W(t){const e=E.c(2);let n;return e[0]!==t?(n=o.jsx(Y,{...t}),e[0]=t,e[1]=n):n=e[1],n}function J(t){const e=E.c(6),{size:n,weight:l,color:c}=t,i=n===void 0?25:n,r=l===void 0?"fill":l,s=c===void 0?"#ffffff":c,[d]=C();let u;e[0]===Symbol.for("react.memo_cache_sentinel")?(u={background:"transparent",border:0,padding:0,lineHeight:"100%",display:"flex",justifyContent:"center",alignItems:"center"},e[0]=u):u=e[0];let f;return e[1]!==s||e[2]!==d.isPlaying||e[3]!==i||e[4]!==r?(f=o.jsx(k,{children:o.jsx("button",{type:"button",style:u,children:d.isPlaying?o.jsx(F,{size:i,weight:r,color:s}):o.jsx(L,{size:i,weight:r,color:s})})}),e[1]=s,e[2]=d.isPlaying,e[3]=i,e[4]=r,e[5]=f):f=e[5],f}function Q(){const t=E.c(1);let e;return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=o.jsx("div",{children:"btn2"}),t[0]=e):e=t[0],e}h.DashVideo=K,h.HlsVideo=G,h.Mp4Video=W,h.PlayBtn=J,h.PlayBtn2=Q,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
|