deepsea-components 5.16.16 → 5.17.1
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/components/AutoFit.cjs +9 -9
- package/dist/components/AutoFit.js +9 -9
- package/dist/components/AutoScroll.cjs +4 -4
- package/dist/components/AutoScroll.js +4 -4
- package/dist/components/AutoSizeTextarea.cjs +23 -81
- package/dist/components/AutoSizeTextarea.js +23 -81
- package/dist/components/CircleText.cjs +24 -120
- package/dist/components/CircleText.js +24 -120
- package/dist/components/CopyButton.cjs +2 -2
- package/dist/components/CopyButton.js +2 -2
- package/dist/components/DraggableGrid.cjs +99 -150
- package/dist/components/DraggableGrid.js +99 -150
- package/dist/components/Echart.cjs +24 -94
- package/dist/components/Echart.js +24 -94
- package/dist/components/Flow.cjs +8 -8
- package/dist/components/Flow.js +8 -8
- package/dist/components/FormLabel.cjs +27 -92
- package/dist/components/FormLabel.js +27 -92
- package/dist/components/HlsPlayer.cjs +24 -65
- package/dist/components/HlsPlayer.js +24 -65
- package/dist/components/IconFileType.cjs +4 -14
- package/dist/components/IconFileType.js +4 -14
- package/dist/components/InfiniteScroll.cjs +4 -4
- package/dist/components/InfiniteScroll.js +4 -4
- package/dist/components/InputFileButton.cjs +7 -7
- package/dist/components/InputFileButton.js +7 -7
- package/dist/components/ReadSheet.cjs +7 -32
- package/dist/components/ReadSheet.js +7 -32
- package/dist/components/Ring.cjs +10 -48
- package/dist/components/Ring.js +10 -48
- package/dist/components/ScrollMask.cjs +11 -97
- package/dist/components/ScrollMask.js +11 -97
- package/dist/components/SectionRing.cjs +15 -60
- package/dist/components/SectionRing.js +15 -60
- package/dist/components/TransitionBox.cjs +28 -118
- package/dist/components/TransitionBox.js +28 -118
- package/dist/components/TransitionNum.cjs +9 -9
- package/dist/components/TransitionNum.js +9 -9
- package/dist/components/Trapezium.cjs +9 -68
- package/dist/components/Trapezium.js +9 -68
- package/dist/components/Unify.cjs +19 -79
- package/dist/components/Unify.js +19 -79
- package/package.json +6 -6
- package/src/components/DraggableGrid.module.css +19 -19
- package/src/components/DraggableGrid.tsx +547 -547
|
@@ -1,106 +1,36 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { c } from "react/compiler-runtime";
|
|
4
3
|
import { init } from "echarts";
|
|
5
4
|
import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react";
|
|
6
5
|
const Echart = /*#__PURE__*/ forwardRef((props, ref)=>{
|
|
7
|
-
const
|
|
8
|
-
let chart;
|
|
9
|
-
let height;
|
|
10
|
-
let option;
|
|
11
|
-
let rest;
|
|
12
|
-
let width;
|
|
13
|
-
if ($[0] !== props) {
|
|
14
|
-
({ width, height, option, chart, ...rest } = props);
|
|
15
|
-
$[0] = props;
|
|
16
|
-
$[1] = chart;
|
|
17
|
-
$[2] = height;
|
|
18
|
-
$[3] = option;
|
|
19
|
-
$[4] = rest;
|
|
20
|
-
$[5] = width;
|
|
21
|
-
} else {
|
|
22
|
-
chart = $[1];
|
|
23
|
-
height = $[2];
|
|
24
|
-
option = $[3];
|
|
25
|
-
rest = $[4];
|
|
26
|
-
width = $[5];
|
|
27
|
-
}
|
|
6
|
+
const { width, height, option, chart, ...rest } = props;
|
|
28
7
|
const container = useRef(null);
|
|
29
8
|
const chartRef = useRef(null);
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
return ()
|
|
39
|
-
var _chartRef_current;
|
|
40
|
-
return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.dispose();
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
$[6] = height;
|
|
44
|
-
$[7] = option;
|
|
45
|
-
$[8] = width;
|
|
46
|
-
$[9] = t0;
|
|
47
|
-
} else t0 = $[9];
|
|
48
|
-
let t1;
|
|
49
|
-
if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
|
|
50
|
-
t1 = [];
|
|
51
|
-
$[10] = t1;
|
|
52
|
-
} else t1 = $[10];
|
|
53
|
-
useLayoutEffect(t0, t1);
|
|
54
|
-
let t2;
|
|
55
|
-
let t3;
|
|
56
|
-
if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
|
|
57
|
-
t2 = ()=>container.current;
|
|
58
|
-
t3 = [];
|
|
59
|
-
$[11] = t2;
|
|
60
|
-
$[12] = t3;
|
|
61
|
-
} else {
|
|
62
|
-
t2 = $[11];
|
|
63
|
-
t3 = $[12];
|
|
64
|
-
}
|
|
65
|
-
useImperativeHandle(ref, t2, t3);
|
|
66
|
-
let t4;
|
|
67
|
-
let t5;
|
|
68
|
-
if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
|
|
69
|
-
t4 = ()=>chartRef.current;
|
|
70
|
-
t5 = [];
|
|
71
|
-
$[13] = t4;
|
|
72
|
-
$[14] = t5;
|
|
73
|
-
} else {
|
|
74
|
-
t4 = $[13];
|
|
75
|
-
t5 = $[14];
|
|
76
|
-
}
|
|
77
|
-
useImperativeHandle(chart, t4, t5);
|
|
78
|
-
let t6;
|
|
79
|
-
if ($[15] !== height || $[16] !== option || $[17] !== width) {
|
|
80
|
-
t6 = ()=>{
|
|
81
|
-
var _chartRef_current, _chartRef_current1;
|
|
82
|
-
null == (_chartRef_current = chartRef.current) || _chartRef_current.setOption(option);
|
|
83
|
-
null == (_chartRef_current1 = chartRef.current) || _chartRef_current1.resize({
|
|
84
|
-
width,
|
|
85
|
-
height
|
|
86
|
-
});
|
|
9
|
+
useLayoutEffect(()=>{
|
|
10
|
+
const ele = container.current;
|
|
11
|
+
chartRef.current = init(ele, option, {
|
|
12
|
+
width,
|
|
13
|
+
height
|
|
14
|
+
});
|
|
15
|
+
return ()=>{
|
|
16
|
+
var _chartRef_current;
|
|
17
|
+
return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.dispose();
|
|
87
18
|
};
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
ref: container,
|
|
98
|
-
...rest
|
|
19
|
+
}, []);
|
|
20
|
+
useImperativeHandle(ref, ()=>container.current, []);
|
|
21
|
+
useImperativeHandle(chart, ()=>chartRef.current, []);
|
|
22
|
+
useEffect(()=>{
|
|
23
|
+
var _chartRef_current, _chartRef_current1;
|
|
24
|
+
null == (_chartRef_current = chartRef.current) || _chartRef_current.setOption(option);
|
|
25
|
+
null == (_chartRef_current1 = chartRef.current) || _chartRef_current1.resize({
|
|
26
|
+
width,
|
|
27
|
+
height
|
|
99
28
|
});
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
29
|
+
});
|
|
30
|
+
return /*#__PURE__*/ jsx("div", {
|
|
31
|
+
ref: container,
|
|
32
|
+
...rest
|
|
33
|
+
});
|
|
104
34
|
});
|
|
105
35
|
const Pie = Echart;
|
|
106
36
|
const Bar = Echart;
|
package/dist/components/Flow.cjs
CHANGED
|
@@ -88,9 +88,9 @@ function ManualFlow(props) {
|
|
|
88
88
|
top: y * (itemHeight + rowGap)
|
|
89
89
|
};
|
|
90
90
|
}
|
|
91
|
-
function getHidden(
|
|
91
|
+
function getHidden(index) {
|
|
92
92
|
if ("number" != typeof maxRows) return false;
|
|
93
|
-
return
|
|
93
|
+
return index >= maxRows * columnCount;
|
|
94
94
|
}
|
|
95
95
|
(0, external_react_namespaceObject.useImperativeHandle)(element, ()=>ele.current, [
|
|
96
96
|
ele.current
|
|
@@ -146,7 +146,7 @@ function ManualFlow(props) {
|
|
|
146
146
|
height: (0, index_cjs_namespaceObject.px)(height)
|
|
147
147
|
}, style),
|
|
148
148
|
...rest,
|
|
149
|
-
children: data.map((item,
|
|
149
|
+
children: data.map((item, index, arr)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
150
150
|
className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
|
|
151
151
|
position: absolute;
|
|
152
152
|
width: var(--width);
|
|
@@ -160,8 +160,8 @@ function ManualFlow(props) {
|
|
|
160
160
|
width: (0, index_cjs_namespaceObject.px)(itemWidth),
|
|
161
161
|
height: (0, index_cjs_namespaceObject.px)(itemHeight),
|
|
162
162
|
transition: 0 === transitionDuration ? "none" : `all ${transitionDuration || 400}ms`,
|
|
163
|
-
left: (0, index_cjs_namespaceObject.px)(getPosition(
|
|
164
|
-
top: (0, index_cjs_namespaceObject.px)(getPosition(
|
|
163
|
+
left: (0, index_cjs_namespaceObject.px)(getPosition(index).left),
|
|
164
|
+
top: (0, index_cjs_namespaceObject.px)(getPosition(index).top)
|
|
165
165
|
}, wrapperStyle),
|
|
166
166
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
167
167
|
className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
|
|
@@ -170,11 +170,11 @@ function ManualFlow(props) {
|
|
|
170
170
|
display: var(--display);
|
|
171
171
|
`, containerClassName),
|
|
172
172
|
style: (0, index_cjs_namespaceObject.transformCSSVariable)({
|
|
173
|
-
display: getHidden(
|
|
173
|
+
display: getHidden(index) ? "none" : "block"
|
|
174
174
|
}, containerStyle),
|
|
175
|
-
children: render(item,
|
|
175
|
+
children: render(item, index, arr)
|
|
176
176
|
})
|
|
177
|
-
}, keyExactor ? keyExactor(item,
|
|
177
|
+
}, keyExactor ? keyExactor(item, index, arr) : index))
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
180
|
function Flow(props) {
|
package/dist/components/Flow.js
CHANGED
|
@@ -57,9 +57,9 @@ function ManualFlow(props) {
|
|
|
57
57
|
top: y * (itemHeight + rowGap)
|
|
58
58
|
};
|
|
59
59
|
}
|
|
60
|
-
function getHidden(
|
|
60
|
+
function getHidden(index) {
|
|
61
61
|
if ("number" != typeof maxRows) return false;
|
|
62
|
-
return
|
|
62
|
+
return index >= maxRows * columnCount;
|
|
63
63
|
}
|
|
64
64
|
useImperativeHandle(element, ()=>ele.current, [
|
|
65
65
|
ele.current
|
|
@@ -115,7 +115,7 @@ function ManualFlow(props) {
|
|
|
115
115
|
height: px(height)
|
|
116
116
|
}, style),
|
|
117
117
|
...rest,
|
|
118
|
-
children: data.map((item,
|
|
118
|
+
children: data.map((item, index, arr)=>/*#__PURE__*/ jsx("div", {
|
|
119
119
|
className: clsx(css`
|
|
120
120
|
position: absolute;
|
|
121
121
|
width: var(--width);
|
|
@@ -129,8 +129,8 @@ function ManualFlow(props) {
|
|
|
129
129
|
width: px(itemWidth),
|
|
130
130
|
height: px(itemHeight),
|
|
131
131
|
transition: 0 === transitionDuration ? "none" : `all ${transitionDuration || 400}ms`,
|
|
132
|
-
left: px(getPosition(
|
|
133
|
-
top: px(getPosition(
|
|
132
|
+
left: px(getPosition(index).left),
|
|
133
|
+
top: px(getPosition(index).top)
|
|
134
134
|
}, wrapperStyle),
|
|
135
135
|
children: /*#__PURE__*/ jsx("div", {
|
|
136
136
|
className: clsx(css`
|
|
@@ -139,11 +139,11 @@ function ManualFlow(props) {
|
|
|
139
139
|
display: var(--display);
|
|
140
140
|
`, containerClassName),
|
|
141
141
|
style: transformCSSVariable({
|
|
142
|
-
display: getHidden(
|
|
142
|
+
display: getHidden(index) ? "none" : "block"
|
|
143
143
|
}, containerStyle),
|
|
144
|
-
children: render(item,
|
|
144
|
+
children: render(item, index, arr)
|
|
145
145
|
})
|
|
146
|
-
}, keyExactor ? keyExactor(item,
|
|
146
|
+
}, keyExactor ? keyExactor(item, index, arr) : index))
|
|
147
147
|
});
|
|
148
148
|
}
|
|
149
149
|
function Flow(props) {
|
|
@@ -30,104 +30,39 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
30
30
|
FormLabelConfigContext: ()=>FormLabelConfigContext
|
|
31
31
|
});
|
|
32
32
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
33
|
-
const compiler_runtime_namespaceObject = require("react/compiler-runtime");
|
|
34
33
|
const external_react_namespaceObject = require("react");
|
|
35
34
|
const FormLabelConfigContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({});
|
|
36
|
-
const FormLabelConfigProvider = (
|
|
37
|
-
|
|
38
|
-
const { width, before, children } = t0;
|
|
39
|
-
let t1;
|
|
40
|
-
if ($[0] !== before || $[1] !== width) {
|
|
41
|
-
t1 = {
|
|
35
|
+
const FormLabelConfigProvider = ({ width, before, children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormLabelConfigContext.Provider, {
|
|
36
|
+
value: {
|
|
42
37
|
width,
|
|
43
38
|
before
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
$[2] = t1;
|
|
48
|
-
} else t1 = $[2];
|
|
49
|
-
let t2;
|
|
50
|
-
if ($[3] !== children || $[4] !== t1) {
|
|
51
|
-
t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormLabelConfigContext.Provider, {
|
|
52
|
-
value: t1,
|
|
53
|
-
children: children
|
|
54
|
-
});
|
|
55
|
-
$[3] = children;
|
|
56
|
-
$[4] = t1;
|
|
57
|
-
$[5] = t2;
|
|
58
|
-
} else t2 = $[5];
|
|
59
|
-
return t2;
|
|
60
|
-
};
|
|
39
|
+
},
|
|
40
|
+
children: children
|
|
41
|
+
});
|
|
61
42
|
const FormLabel = (props)=>{
|
|
62
|
-
const $ = (0, compiler_runtime_namespaceObject.c)(16);
|
|
63
43
|
const { width: _width, before: _before } = (0, external_react_namespaceObject.useContext)(FormLabelConfigContext);
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
style: {
|
|
87
|
-
width: 11,
|
|
88
|
-
color: "transparent",
|
|
89
|
-
userSelect: "none"
|
|
90
|
-
},
|
|
91
|
-
children: "\u2002"
|
|
92
|
-
});
|
|
93
|
-
$[5] = before;
|
|
94
|
-
$[6] = t2;
|
|
95
|
-
} else t2 = $[6];
|
|
96
|
-
let t3;
|
|
97
|
-
if ($[7] !== style || $[8] !== width) {
|
|
98
|
-
t3 = {
|
|
99
|
-
width,
|
|
100
|
-
textAlign: "justify",
|
|
101
|
-
textAlignLast: "justify",
|
|
102
|
-
...style
|
|
103
|
-
};
|
|
104
|
-
$[7] = style;
|
|
105
|
-
$[8] = width;
|
|
106
|
-
$[9] = t3;
|
|
107
|
-
} else t3 = $[9];
|
|
108
|
-
let t4;
|
|
109
|
-
if ($[10] !== rest || $[11] !== t3) {
|
|
110
|
-
t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
111
|
-
style: t3,
|
|
112
|
-
...rest
|
|
113
|
-
});
|
|
114
|
-
$[10] = rest;
|
|
115
|
-
$[11] = t3;
|
|
116
|
-
$[12] = t4;
|
|
117
|
-
} else t4 = $[12];
|
|
118
|
-
let t5;
|
|
119
|
-
if ($[13] !== t2 || $[14] !== t4) {
|
|
120
|
-
t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
|
|
121
|
-
children: [
|
|
122
|
-
t2,
|
|
123
|
-
t4
|
|
124
|
-
]
|
|
125
|
-
});
|
|
126
|
-
$[13] = t2;
|
|
127
|
-
$[14] = t4;
|
|
128
|
-
$[15] = t5;
|
|
129
|
-
} else t5 = $[15];
|
|
130
|
-
return t5;
|
|
44
|
+
const { style, width = _width, before = _before, ...rest } = props;
|
|
45
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
|
|
46
|
+
children: [
|
|
47
|
+
!!before && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
48
|
+
style: {
|
|
49
|
+
width: 11,
|
|
50
|
+
color: "transparent",
|
|
51
|
+
userSelect: "none"
|
|
52
|
+
},
|
|
53
|
+
children: " "
|
|
54
|
+
}),
|
|
55
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
56
|
+
style: {
|
|
57
|
+
width,
|
|
58
|
+
textAlign: "justify",
|
|
59
|
+
textAlignLast: "justify",
|
|
60
|
+
...style
|
|
61
|
+
},
|
|
62
|
+
...rest
|
|
63
|
+
})
|
|
64
|
+
]
|
|
65
|
+
});
|
|
131
66
|
};
|
|
132
67
|
exports.FormLabel = __webpack_exports__.FormLabel;
|
|
133
68
|
exports.FormLabelConfigContext = __webpack_exports__.FormLabelConfigContext;
|
|
@@ -1,102 +1,37 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { c } from "react/compiler-runtime";
|
|
4
3
|
import { Fragment, createContext, useContext } from "react";
|
|
5
4
|
const FormLabelConfigContext = /*#__PURE__*/ createContext({});
|
|
6
|
-
const FormLabelConfigProvider = (
|
|
7
|
-
|
|
8
|
-
const { width, before, children } = t0;
|
|
9
|
-
let t1;
|
|
10
|
-
if ($[0] !== before || $[1] !== width) {
|
|
11
|
-
t1 = {
|
|
5
|
+
const FormLabelConfigProvider = ({ width, before, children })=>/*#__PURE__*/ jsx(FormLabelConfigContext.Provider, {
|
|
6
|
+
value: {
|
|
12
7
|
width,
|
|
13
8
|
before
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$[2] = t1;
|
|
18
|
-
} else t1 = $[2];
|
|
19
|
-
let t2;
|
|
20
|
-
if ($[3] !== children || $[4] !== t1) {
|
|
21
|
-
t2 = /*#__PURE__*/ jsx(FormLabelConfigContext.Provider, {
|
|
22
|
-
value: t1,
|
|
23
|
-
children: children
|
|
24
|
-
});
|
|
25
|
-
$[3] = children;
|
|
26
|
-
$[4] = t1;
|
|
27
|
-
$[5] = t2;
|
|
28
|
-
} else t2 = $[5];
|
|
29
|
-
return t2;
|
|
30
|
-
};
|
|
9
|
+
},
|
|
10
|
+
children: children
|
|
11
|
+
});
|
|
31
12
|
const FormLabel = (props)=>{
|
|
32
|
-
const $ = c(16);
|
|
33
13
|
const { width: _width, before: _before } = useContext(FormLabelConfigContext);
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
style: {
|
|
57
|
-
width: 11,
|
|
58
|
-
color: "transparent",
|
|
59
|
-
userSelect: "none"
|
|
60
|
-
},
|
|
61
|
-
children: "\u2002"
|
|
62
|
-
});
|
|
63
|
-
$[5] = before;
|
|
64
|
-
$[6] = t2;
|
|
65
|
-
} else t2 = $[6];
|
|
66
|
-
let t3;
|
|
67
|
-
if ($[7] !== style || $[8] !== width) {
|
|
68
|
-
t3 = {
|
|
69
|
-
width,
|
|
70
|
-
textAlign: "justify",
|
|
71
|
-
textAlignLast: "justify",
|
|
72
|
-
...style
|
|
73
|
-
};
|
|
74
|
-
$[7] = style;
|
|
75
|
-
$[8] = width;
|
|
76
|
-
$[9] = t3;
|
|
77
|
-
} else t3 = $[9];
|
|
78
|
-
let t4;
|
|
79
|
-
if ($[10] !== rest || $[11] !== t3) {
|
|
80
|
-
t4 = /*#__PURE__*/ jsx("div", {
|
|
81
|
-
style: t3,
|
|
82
|
-
...rest
|
|
83
|
-
});
|
|
84
|
-
$[10] = rest;
|
|
85
|
-
$[11] = t3;
|
|
86
|
-
$[12] = t4;
|
|
87
|
-
} else t4 = $[12];
|
|
88
|
-
let t5;
|
|
89
|
-
if ($[13] !== t2 || $[14] !== t4) {
|
|
90
|
-
t5 = /*#__PURE__*/ jsxs(Fragment, {
|
|
91
|
-
children: [
|
|
92
|
-
t2,
|
|
93
|
-
t4
|
|
94
|
-
]
|
|
95
|
-
});
|
|
96
|
-
$[13] = t2;
|
|
97
|
-
$[14] = t4;
|
|
98
|
-
$[15] = t5;
|
|
99
|
-
} else t5 = $[15];
|
|
100
|
-
return t5;
|
|
14
|
+
const { style, width = _width, before = _before, ...rest } = props;
|
|
15
|
+
return /*#__PURE__*/ jsxs(Fragment, {
|
|
16
|
+
children: [
|
|
17
|
+
!!before && /*#__PURE__*/ jsx("div", {
|
|
18
|
+
style: {
|
|
19
|
+
width: 11,
|
|
20
|
+
color: "transparent",
|
|
21
|
+
userSelect: "none"
|
|
22
|
+
},
|
|
23
|
+
children: " "
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ jsx("div", {
|
|
26
|
+
style: {
|
|
27
|
+
width,
|
|
28
|
+
textAlign: "justify",
|
|
29
|
+
textAlignLast: "justify",
|
|
30
|
+
...style
|
|
31
|
+
},
|
|
32
|
+
...rest
|
|
33
|
+
})
|
|
34
|
+
]
|
|
35
|
+
});
|
|
101
36
|
};
|
|
102
37
|
export { FormLabel, FormLabelConfigContext, FormLabelConfigProvider };
|
|
@@ -37,76 +37,35 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
37
37
|
HlsPlayer: ()=>HlsPlayer
|
|
38
38
|
});
|
|
39
39
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
40
|
-
const compiler_runtime_namespaceObject = require("react/compiler-runtime");
|
|
41
40
|
const external_hls_js_namespaceObject = require("hls.js");
|
|
42
41
|
var external_hls_js_default = /*#__PURE__*/ __webpack_require__.n(external_hls_js_namespaceObject);
|
|
43
42
|
const external_react_namespaceObject = require("react");
|
|
44
43
|
const HlsPlayer = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
|
|
45
|
-
const
|
|
46
|
-
let rest;
|
|
47
|
-
let src;
|
|
48
|
-
if ($[0] !== props) {
|
|
49
|
-
({ src, ...rest } = props);
|
|
50
|
-
$[0] = props;
|
|
51
|
-
$[1] = rest;
|
|
52
|
-
$[2] = src;
|
|
53
|
-
} else {
|
|
54
|
-
rest = $[1];
|
|
55
|
-
src = $[2];
|
|
56
|
-
}
|
|
44
|
+
const { src, ...rest } = props;
|
|
57
45
|
const video = (0, external_react_namespaceObject.useRef)(null);
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
const hls = new (external_hls_js_default())();
|
|
82
|
-
hls.loadSource(src);
|
|
83
|
-
hls.attachMedia(player);
|
|
84
|
-
return ()=>{
|
|
85
|
-
hls.destroy();
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
t3 = [
|
|
90
|
-
src
|
|
91
|
-
];
|
|
92
|
-
$[5] = src;
|
|
93
|
-
$[6] = t2;
|
|
94
|
-
$[7] = t3;
|
|
95
|
-
} else {
|
|
96
|
-
t2 = $[6];
|
|
97
|
-
t3 = $[7];
|
|
98
|
-
}
|
|
99
|
-
(0, external_react_namespaceObject.useEffect)(t2, t3);
|
|
100
|
-
let t4;
|
|
101
|
-
if ($[8] !== rest) {
|
|
102
|
-
t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("video", {
|
|
103
|
-
ref: video,
|
|
104
|
-
...rest
|
|
105
|
-
});
|
|
106
|
-
$[8] = rest;
|
|
107
|
-
$[9] = t4;
|
|
108
|
-
} else t4 = $[9];
|
|
109
|
-
return t4;
|
|
46
|
+
(0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>video.current, []);
|
|
47
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
48
|
+
const { current: player } = video;
|
|
49
|
+
if (!player || !src) return;
|
|
50
|
+
if (player.canPlayType("application/vnd.apple.mpegurl")) {
|
|
51
|
+
player.src = src;
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
if (external_hls_js_default().isSupported()) {
|
|
55
|
+
const hls = new (external_hls_js_default())();
|
|
56
|
+
hls.loadSource(src);
|
|
57
|
+
hls.attachMedia(player);
|
|
58
|
+
return ()=>{
|
|
59
|
+
hls.destroy();
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
}, [
|
|
63
|
+
src
|
|
64
|
+
]);
|
|
65
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("video", {
|
|
66
|
+
ref: video,
|
|
67
|
+
...rest
|
|
68
|
+
});
|
|
110
69
|
});
|
|
111
70
|
exports.HlsPlayer = __webpack_exports__.HlsPlayer;
|
|
112
71
|
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|