@cloud-app-dev/vidc 3.0.44 → 3.1.0
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/.umirc.ts +2 -104
- package/es/Map/MapDrawSelect/demo.js +16 -2
- package/es/Map/MapDrawSelect/index.js +5 -3
- package/es/Player/segment_player.js +23 -0
- package/es/ThemeAntd/demo.d.ts +2 -0
- package/es/ThemeAntd/demo.js +60 -0
- package/es/ThemeAntd/index.css +117 -133
- package/es/ThemeAntd/style/checkbox.css +17 -17
- package/es/ThemeAntd/style/input.css +23 -17
- package/es/ThemeAntd/style/pagination.css +22 -12
- package/es/ThemeAntd/style/picker.css +14 -14
- package/es/ThemeAntd/style/radio.css +24 -21
- package/es/ThemeAntd/style/select.css +17 -16
- package/package.json +1 -1
- package/theme-config.ts +107 -0
- package/es/ThemeAntd/style/table.css +0 -36
package/.umirc.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { defineConfig } from 'dumi';
|
|
2
2
|
import path from 'path';
|
|
3
|
+
import { themeConfig } from './theme-config';
|
|
3
4
|
|
|
4
5
|
const token =
|
|
5
6
|
'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY2NTc0ODU1OTg5MSwidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY2NTQ4OTM1OTg5MX0.zxxxxoaKjyO6CJhi2cs06gTOtjdLgPA9UI7zAQ0zzss';
|
|
@@ -51,110 +52,7 @@ export default defineConfig({
|
|
|
51
52
|
}
|
|
52
53
|
: undefined,
|
|
53
54
|
scripts: ['//at.alicdn.com/t/font_1724012_972m5d05cou.js'],
|
|
54
|
-
styles: [
|
|
55
|
-
`:root{
|
|
56
|
-
--primary: #248FFA;
|
|
57
|
-
--primary-light: #248FFA;
|
|
58
|
-
--primary-dark: #227BD5;
|
|
59
|
-
--secondary1: #6D8EFB;
|
|
60
|
-
--secondary1-light: #86A2FF;
|
|
61
|
-
--secondary1-dark: #5D7FF0;
|
|
62
|
-
--secondary2: #33AAFF;
|
|
63
|
-
--secondary2-light: #61BDFF;
|
|
64
|
-
--secondary2-dark: #2194E5;
|
|
65
|
-
--secondary3: #F3A75F;
|
|
66
|
-
--secondary3-light: #F8B578;
|
|
67
|
-
--secondary3-dark: #DC914C;
|
|
68
|
-
--danger: #F32D37;
|
|
69
|
-
--danger-light: #FF4D4F;
|
|
70
|
-
--danger-dark: #DC1B2A;
|
|
71
|
-
--warn: #FD8535;
|
|
72
|
-
--warn-light: #FF9F5E;
|
|
73
|
-
--warn-dark: #DC1B2A;
|
|
74
|
-
--success: #35BD77;
|
|
75
|
-
--success-light: #55C98D;
|
|
76
|
-
--success-dark: #21965A;
|
|
77
|
-
--gray1: #FFFFFF;
|
|
78
|
-
--gray2: #F3F3F3;
|
|
79
|
-
--gray3: #EEEEEE;
|
|
80
|
-
--gray4: #E7E7E7;
|
|
81
|
-
--gray5: #DCDCDC;
|
|
82
|
-
--gray6: #C5C5C5;
|
|
83
|
-
--gray7: #A6A6A6;
|
|
84
|
-
--gray8: #8B8B8B;
|
|
85
|
-
--gray9: #777777;
|
|
86
|
-
--gray10: #5E5E5E;
|
|
87
|
-
--gray11: #4B4B4B;
|
|
88
|
-
--gray12: #383838;
|
|
89
|
-
--background: #348fe2;
|
|
90
|
-
--icon:#62708B;
|
|
91
|
-
--fs: 14px;
|
|
92
|
-
--fs-small: 12px;
|
|
93
|
-
--fs-large: 20px;
|
|
94
|
-
--color: rgba(0,0,0,1);
|
|
95
|
-
--color-dark: #000000;
|
|
96
|
-
--color-light: rgba(255,255,255,1);
|
|
97
|
-
--color-disabled: rgba(0,0,0,0.26);
|
|
98
|
-
--shadow1: 2px 0 10px 0 rgba(0,0,0,0.06);
|
|
99
|
-
--shadow2: 2px 0 10px 0 rgba(0,0,0,0.06);
|
|
100
|
-
--shadow3: 2px 0 10px 0 rgba(0,0,0,0.06);
|
|
101
|
-
--radius1: 4px;
|
|
102
|
-
--radius2: 8px;
|
|
103
|
-
--radius3: 16px;
|
|
104
|
-
--header-color: #FFFFFF;
|
|
105
|
-
--header-bg: #348fe2;
|
|
106
|
-
--header-height: 66px;
|
|
107
|
-
--nav-height: 66px;
|
|
108
|
-
--nav-bg: #348fe2;
|
|
109
|
-
--nav-sub-bg: rgba(255,255,255,1);
|
|
110
|
-
--nav-sub-bg2: rgba(241,244,247,0.8);
|
|
111
|
-
--nav-item-bg-selected: #FFFFFF;
|
|
112
|
-
--nav-item-color: #FFFFFF;
|
|
113
|
-
--nav-icon-color: rgba(255, 255, 255, 0.4);
|
|
114
|
-
--nav-icon-color-selected: #3495EF;
|
|
115
|
-
--nav-item-bg: #348fe2;
|
|
116
|
-
--nav-item-color-selected: rgba(0, 0, 0, 0.9);
|
|
117
|
-
--nav-sub-item-bg-selected: #F3F5F6;
|
|
118
|
-
--nav-sub-item-color-selected: #348fe2;
|
|
119
|
-
--nav-sub-item-color: rgba(0, 0, 0, 0.9);
|
|
120
|
-
--nav-bd-color: rgba(0,0,0,0);
|
|
121
|
-
--tab-height: 34px;
|
|
122
|
-
--tab-bg: #348fe2;
|
|
123
|
-
--tab-item-bg: #348fe2;
|
|
124
|
-
--tab-item-height: 34px;
|
|
125
|
-
--tab-item-color: #FFFFFF;
|
|
126
|
-
--tab-item-selected-bg: #F3F5F6;
|
|
127
|
-
--tab-item-selected-color: rgba(0, 0, 0, 0.9);
|
|
128
|
-
--drawer-title-height: 48px;
|
|
129
|
-
--drawer-title-bg: rgba(255,255,255,1);
|
|
130
|
-
--drawer-divider-color: rgba(219,225,234,1);
|
|
131
|
-
--drawer-footer-height: 44px;
|
|
132
|
-
--drawer-footer-bg: rgba(255,255,255,1);
|
|
133
|
-
--drawer-content-bg: rgba(243,246,249,1);
|
|
134
|
-
--modal-title-height: 44px;
|
|
135
|
-
--modal-title-bg: #ffffff;
|
|
136
|
-
--modal-divider-color: rgba(219,225,234,1);
|
|
137
|
-
--modal-footer-height: 44px;
|
|
138
|
-
--modal-footer-bg: rgba(243,246,249,1);
|
|
139
|
-
--modal-content-bg: rgba(243,246,249,1);
|
|
140
|
-
--card-image-radius: 4px;
|
|
141
|
-
--card-image-bg: rgba(219,225,234,1);
|
|
142
|
-
--card-radius: 4px;
|
|
143
|
-
--card-content-bg: rgba(255,255,255,1);
|
|
144
|
-
--card-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
|
|
145
|
-
--card-bd-color: rgba(219,225,234,1);
|
|
146
|
-
--card-hover-bd-color: rgba(18,122,255,1);
|
|
147
|
-
--card-footer-bg: rgba(219,225,234,1);
|
|
148
|
-
--content-bg: #ffffff;
|
|
149
|
-
--scrollbar-width: 8px;
|
|
150
|
-
--scrollbar-track-bg: rgba(239,241,244,1);
|
|
151
|
-
--scrollbar-thumb-bg: rgba(185,193,203,1);
|
|
152
|
-
--scrollbar-thumb-hover-bg: rgba(195,209,229,1);
|
|
153
|
-
--scrollbar-track-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.1) inset;
|
|
154
|
-
--scrollbar-thumb-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) inset;
|
|
155
|
-
}
|
|
156
|
-
`,
|
|
157
|
-
],
|
|
55
|
+
styles: [themeConfig],
|
|
158
56
|
|
|
159
57
|
// more config: https://d.umijs.org/config
|
|
160
58
|
});
|
|
@@ -25,10 +25,22 @@ var App = function App() {
|
|
|
25
25
|
type = _useState4[0],
|
|
26
26
|
setType = _useState4[1];
|
|
27
27
|
|
|
28
|
+
var _useState5 = useState({
|
|
29
|
+
zoom: null,
|
|
30
|
+
center: null
|
|
31
|
+
}),
|
|
32
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
33
|
+
state = _useState6[0],
|
|
34
|
+
setState = _useState6[1];
|
|
35
|
+
|
|
28
36
|
useEffect(function () {
|
|
29
37
|
setTimeout(function () {
|
|
30
|
-
|
|
31
|
-
|
|
38
|
+
setPoints(deviceList);
|
|
39
|
+
setState({
|
|
40
|
+
center: [116.397392, 39.918206],
|
|
41
|
+
zoom: 13.74
|
|
42
|
+
});
|
|
43
|
+
}, 1000);
|
|
32
44
|
}, []);
|
|
33
45
|
return /*#__PURE__*/React.createElement("div", {
|
|
34
46
|
style: {
|
|
@@ -36,6 +48,8 @@ var App = function App() {
|
|
|
36
48
|
height: 800
|
|
37
49
|
}
|
|
38
50
|
}, /*#__PURE__*/React.createElement(MapDrawSelect, {
|
|
51
|
+
zoom: state.zoom,
|
|
52
|
+
center: state.center,
|
|
39
53
|
points: points,
|
|
40
54
|
drawEnd: console.log,
|
|
41
55
|
drawType: type,
|
|
@@ -20,14 +20,16 @@ function MapDrawSelect(_ref) {
|
|
|
20
20
|
onPointClick = _ref.onPointClick;
|
|
21
21
|
|
|
22
22
|
var _useContext = useContext(mapContext),
|
|
23
|
-
instance = _useContext.instance;
|
|
23
|
+
instance = _useContext.instance; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
|
+
|
|
24
25
|
|
|
25
26
|
var defaultCenter = useMemo(function () {
|
|
26
27
|
return center || instance.config.center;
|
|
27
|
-
}, [center
|
|
28
|
+
}, [center]); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
+
|
|
28
30
|
var defaultZoom = useMemo(function () {
|
|
29
31
|
return zoom || instance.config.zoom;
|
|
30
|
-
}, [zoom
|
|
32
|
+
}, [zoom]); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
31
33
|
|
|
32
34
|
var mapRest = useCallback(function () {
|
|
33
35
|
return instance.setZoomAndCenter(defaultZoom, defaultCenter);
|
|
@@ -159,13 +159,27 @@ function SegmentPlayer(_a) {
|
|
|
159
159
|
}, [segments, index]); // 重置reload
|
|
160
160
|
|
|
161
161
|
var reload = function reload() {
|
|
162
|
+
var _a, _b;
|
|
163
|
+
|
|
164
|
+
var _ref2 = (_b = (_a = playRef.current) === null || _a === void 0 ? void 0 : _a.plugins) !== null && _b !== void 0 ? _b : [],
|
|
165
|
+
_ref3 = _slicedToArray(_ref2, 2),
|
|
166
|
+
hls = _ref3[1];
|
|
167
|
+
|
|
168
|
+
if (hls) {
|
|
169
|
+
hls.swapAudioCodec();
|
|
170
|
+
hls.recoverMediaError();
|
|
171
|
+
}
|
|
172
|
+
|
|
162
173
|
playRef.current.event.emit(Events.RELOAD);
|
|
174
|
+
playRef.current.event.emit(Events.CLEAR_ERROR_TIMER);
|
|
163
175
|
setIndex(0);
|
|
164
176
|
playRef.current.api.reload();
|
|
165
177
|
}; // time 毫秒的时间戳
|
|
166
178
|
|
|
167
179
|
|
|
168
180
|
var seekTo = function seekTo(time) {
|
|
181
|
+
var _a, _b;
|
|
182
|
+
|
|
169
183
|
var index = latestSegmentsRef.current.findIndex(function (v) {
|
|
170
184
|
return time >= v.beginTime && time < v.endTime;
|
|
171
185
|
});
|
|
@@ -174,6 +188,15 @@ function SegmentPlayer(_a) {
|
|
|
174
188
|
return;
|
|
175
189
|
}
|
|
176
190
|
|
|
191
|
+
var _ref4 = (_b = (_a = playRef.current) === null || _a === void 0 ? void 0 : _a.plugins) !== null && _b !== void 0 ? _b : [],
|
|
192
|
+
_ref5 = _slicedToArray(_ref4, 2),
|
|
193
|
+
hls = _ref5[1];
|
|
194
|
+
|
|
195
|
+
if (hls) {
|
|
196
|
+
hls.swapAudioCodec();
|
|
197
|
+
hls.recoverMediaError();
|
|
198
|
+
}
|
|
199
|
+
|
|
177
200
|
var currentTime = time - latestSegmentsRef.current[index].beginTime;
|
|
178
201
|
setIndex(index);
|
|
179
202
|
setState(function (old) {
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import "antd/lib/button/style";
|
|
2
|
+
import _Button from "antd/lib/button";
|
|
3
|
+
import "antd/lib/pagination/style";
|
|
4
|
+
import _Pagination from "antd/lib/pagination";
|
|
5
|
+
import "antd/lib/date-picker/style";
|
|
6
|
+
import _DatePicker from "antd/lib/date-picker";
|
|
7
|
+
import "antd/lib/checkbox/style";
|
|
8
|
+
import _Checkbox from "antd/lib/checkbox";
|
|
9
|
+
import "antd/lib/radio/style";
|
|
10
|
+
import _Radio from "antd/lib/radio";
|
|
11
|
+
import "antd/lib/select/style";
|
|
12
|
+
import _Select from "antd/lib/select";
|
|
13
|
+
import "antd/lib/input-number/style";
|
|
14
|
+
import _InputNumber from "antd/lib/input-number";
|
|
15
|
+
import "antd/lib/input/style";
|
|
16
|
+
import _Input from "antd/lib/input";
|
|
17
|
+
import "antd/lib/config-provider/style";
|
|
18
|
+
import _ConfigProvider from "antd/lib/config-provider";
|
|
19
|
+
import React from 'react';
|
|
20
|
+
import ThemeAntd from '.';
|
|
21
|
+
|
|
22
|
+
var App = function App() {
|
|
23
|
+
return /*#__PURE__*/React.createElement(_ConfigProvider, {
|
|
24
|
+
prefixCls: "cloudapp"
|
|
25
|
+
}, /*#__PURE__*/React.createElement(ThemeAntd, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Input, {
|
|
26
|
+
placeholder: "\u6587\u672C\u8F93\u5165",
|
|
27
|
+
prefix: /*#__PURE__*/React.createElement("div", null, "111"),
|
|
28
|
+
suffix: /*#__PURE__*/React.createElement("div", null, "2222")
|
|
29
|
+
})), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Input, {
|
|
30
|
+
placeholder: "\u6587\u672C\u8F93\u5165"
|
|
31
|
+
})), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_InputNumber, {
|
|
32
|
+
placeholder: "\u6570\u5B57\u8F93\u5165"
|
|
33
|
+
})), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Input.TextArea, {
|
|
34
|
+
placeholder: "\u591A\u884C\u6587\u672C\u8F93\u5165"
|
|
35
|
+
})), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Select, {
|
|
36
|
+
placeholder: "\u9009\u62E9\u8F93\u5165"
|
|
37
|
+
}, /*#__PURE__*/React.createElement(_Select.Option, {
|
|
38
|
+
value: 1
|
|
39
|
+
}, "\u9009\u98791"), /*#__PURE__*/React.createElement(_Select.Option, {
|
|
40
|
+
value: 2
|
|
41
|
+
}, "\u9009\u98792"))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Radio.Group, null, /*#__PURE__*/React.createElement(_Radio, {
|
|
42
|
+
value: 1
|
|
43
|
+
}, "\u9009\u98791"), /*#__PURE__*/React.createElement(_Radio, {
|
|
44
|
+
value: 2
|
|
45
|
+
}, "\u9009\u98792"))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Checkbox.Group, null, /*#__PURE__*/React.createElement(_Checkbox, {
|
|
46
|
+
value: 1
|
|
47
|
+
}, "\u9009\u98791"), /*#__PURE__*/React.createElement(_Checkbox, {
|
|
48
|
+
value: 2
|
|
49
|
+
}, "\u9009\u98792"))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_DatePicker, null)), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_DatePicker.RangePicker, null)), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Pagination, {
|
|
50
|
+
total: 100
|
|
51
|
+
})), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Button, null, "\u6309\u94AE1"), /*#__PURE__*/React.createElement("span", {
|
|
52
|
+
style: {
|
|
53
|
+
paddingRight: 10
|
|
54
|
+
}
|
|
55
|
+
}), /*#__PURE__*/React.createElement(_Button, {
|
|
56
|
+
type: "primary"
|
|
57
|
+
}, "\u6309\u94AE2")))));
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export default App;
|