@chlp-tech/rpa-ui 0.0.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/LICENSE +21 -0
- package/README.md +43 -0
- package/dist/account-select/imgs/down.svg +24 -0
- package/dist/account-select/imgs/fb-disabled.svg +27 -0
- package/dist/account-select/imgs/fb.svg +20 -0
- package/dist/account-select/imgs/up.svg +20 -0
- package/dist/account-select/index.d.ts +39 -0
- package/dist/account-select/index.js +221 -0
- package/dist/account-select/index.module.less +58 -0
- package/dist/ai-empty/index.d.ts +3 -0
- package/dist/ai-empty/index.js +51 -0
- package/dist/ai-empty/index.module.less +60 -0
- package/dist/batch-label/index.d.ts +14 -0
- package/dist/batch-label/index.js +215 -0
- package/dist/batch-label/index.module.less +96 -0
- package/dist/card-scroll/index.d.ts +6 -0
- package/dist/card-scroll/index.js +75 -0
- package/dist/components/modal/index.d.ts +16 -0
- package/dist/components/modal/index.js +70 -0
- package/dist/cover-modal/boll.gif +0 -0
- package/dist/cover-modal/delete.svg +24 -0
- package/dist/cover-modal/index.d.ts +20 -0
- package/dist/cover-modal/index.js +410 -0
- package/dist/cover-modal/index.module.less +76 -0
- package/dist/cover-modal/question.svg +1 -0
- package/dist/cover-modal/upload.png +0 -0
- package/dist/custom.d.ts +10 -0
- package/dist/drawer-task/img/back.png +0 -0
- package/dist/drawer-task/img/close.svg +18 -0
- package/dist/drawer-task/img/icon.svg +20 -0
- package/dist/drawer-task/index.d.ts +24 -0
- package/dist/drawer-task/index.js +130 -0
- package/dist/drawer-task/index.module.less +85 -0
- package/dist/dynamic-form/index.d.ts +33 -0
- package/dist/dynamic-form/index.js +154 -0
- package/dist/excel-import/excel-import.module.less +32 -0
- package/dist/excel-import/index.d.ts +10 -0
- package/dist/excel-import/index.js +76 -0
- package/dist/form-item/index.d.ts +12 -0
- package/dist/form-item/index.js +34 -0
- package/dist/form-item/index.module.less +45 -0
- package/dist/index.d.ts +22 -0
- package/dist/index.js +22 -0
- package/dist/label-select/imgs/close.svg +24 -0
- package/dist/label-select/imgs/plus.svg +24 -0
- package/dist/label-select/index.d.ts +10 -0
- package/dist/label-select/index.js +173 -0
- package/dist/label-select/index.module.less +25 -0
- package/dist/layout/index.d.ts +3 -0
- package/dist/layout/index.js +10 -0
- package/dist/layout/index.module.less +6 -0
- package/dist/link-filter/index.d.ts +25 -0
- package/dist/link-filter/index.js +242 -0
- package/dist/link-filter/index.module.less +7 -0
- package/dist/media-play/close.svg +1 -0
- package/dist/media-play/index.d.ts +13 -0
- package/dist/media-play/index.js +245 -0
- package/dist/media-play/index.module.less +196 -0
- package/dist/media-play/play.svg +17 -0
- package/dist/modal-wrapper/index.d.ts +17 -0
- package/dist/modal-wrapper/index.js +66 -0
- package/dist/publish-account/imgs/close.svg +25 -0
- package/dist/publish-account/imgs/fb.svg +20 -0
- package/dist/publish-account/imgs/ins.svg +36 -0
- package/dist/publish-account/imgs/tk.svg +31 -0
- package/dist/publish-account/imgs/tt.svg +21 -0
- package/dist/publish-account/imgs/yt.svg +25 -0
- package/dist/publish-account/index.d.ts +31 -0
- package/dist/publish-account/index.js +118 -0
- package/dist/publish-account/index.module.less +70 -0
- package/dist/publish-status/imgs/fail.svg +22 -0
- package/dist/publish-status/imgs/process.svg +24 -0
- package/dist/publish-status/imgs/publish.svg +24 -0
- package/dist/publish-status/imgs/success.svg +22 -0
- package/dist/publish-status/imgs/wait.svg +22 -0
- package/dist/publish-status/index.d.ts +5 -0
- package/dist/publish-status/index.js +55 -0
- package/dist/publish-status/index.module.less +8 -0
- package/dist/release-manage/index.d.ts +6 -0
- package/dist/release-manage/index.js +5 -0
- package/dist/release-manage/release-title/index.d.ts +10 -0
- package/dist/release-manage/release-title/index.js +94 -0
- package/dist/release-manage/release-title/index.module.less +21 -0
- package/dist/release-manage/release-title/plus.svg +20 -0
- package/dist/release-video-card/imgs/detail.svg +21 -0
- package/dist/release-video-card/imgs/edit.svg +19 -0
- package/dist/release-video-card/imgs/fail.svg +22 -0
- package/dist/release-video-card/imgs/fb.svg +20 -0
- package/dist/release-video-card/imgs/ins.svg +34 -0
- package/dist/release-video-card/imgs/more.svg +18 -0
- package/dist/release-video-card/imgs/new.svg +22 -0
- package/dist/release-video-card/imgs/play.svg +17 -0
- package/dist/release-video-card/imgs/process.svg +24 -0
- package/dist/release-video-card/imgs/publish.svg +24 -0
- package/dist/release-video-card/imgs/success.svg +22 -0
- package/dist/release-video-card/imgs/tk.svg +29 -0
- package/dist/release-video-card/imgs/tw.svg +21 -0
- package/dist/release-video-card/imgs/wait.svg +22 -0
- package/dist/release-video-card/imgs/yt.svg +25 -0
- package/dist/release-video-card/imgs/ytb.svg +1 -0
- package/dist/release-video-card/index.d.ts +35 -0
- package/dist/release-video-card/index.js +221 -0
- package/dist/release-video-card/index.module.less +223 -0
- package/dist/sound-wave/index.d.ts +3 -0
- package/dist/sound-wave/index.js +22 -0
- package/dist/sound-wave/index.module.less +105 -0
- package/dist/text-ellipsis/index.d.ts +8 -0
- package/dist/text-ellipsis/index.js +57 -0
- package/dist/text-ellipsis/index.module.less +8 -0
- package/dist/utils/index.d.ts +8 -0
- package/dist/utils/index.js +101 -0
- package/dist/video-list/delete.svg +26 -0
- package/dist/video-list/index.d.ts +46 -0
- package/dist/video-list/index.js +219 -0
- package/dist/video-list/index.module.less +127 -0
- package/package.json +83 -0
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
3
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
5
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
6
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
7
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
8
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
9
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
10
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
11
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
import React, { useMemo, useState, useRef, useEffect } from "react";
|
|
13
|
+
import { Dropdown } from "antd";
|
|
14
|
+
import styles from "./index.module.less";
|
|
15
|
+
var BatchLabel = function BatchLabel(props) {
|
|
16
|
+
var _useState = useState(),
|
|
17
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
18
|
+
value = _useState2[0],
|
|
19
|
+
setValue = _useState2[1];
|
|
20
|
+
var _useState3 = useState(false),
|
|
21
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
22
|
+
open = _useState4[0],
|
|
23
|
+
setOpen = _useState4[1];
|
|
24
|
+
var _useState5 = useState([]),
|
|
25
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
26
|
+
tags = _useState6[0],
|
|
27
|
+
setTags = _useState6[1];
|
|
28
|
+
var _useState7 = useState(0),
|
|
29
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
30
|
+
spanWidth = _useState8[0],
|
|
31
|
+
setSpanWidth = _useState8[1];
|
|
32
|
+
var inputRef = useRef(null);
|
|
33
|
+
var spanRef = useRef(null);
|
|
34
|
+
var _useState9 = useState(false),
|
|
35
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
36
|
+
isComposing = _useState10[0],
|
|
37
|
+
setIsComposing = _useState10[1];
|
|
38
|
+
var handleCompositionStart = function handleCompositionStart() {
|
|
39
|
+
setIsComposing(true);
|
|
40
|
+
};
|
|
41
|
+
var handleCompositionEnd = function handleCompositionEnd(e) {
|
|
42
|
+
setIsComposing(false);
|
|
43
|
+
setValue(e.currentTarget.value);
|
|
44
|
+
};
|
|
45
|
+
useEffect(function () {
|
|
46
|
+
var span = spanRef.current;
|
|
47
|
+
if (!span) return;
|
|
48
|
+
var resizeObserver = new ResizeObserver(function () {
|
|
49
|
+
setSpanWidth(span.offsetWidth);
|
|
50
|
+
});
|
|
51
|
+
resizeObserver.observe(span);
|
|
52
|
+
return function () {
|
|
53
|
+
resizeObserver.disconnect();
|
|
54
|
+
setValue(undefined);
|
|
55
|
+
setTags([]);
|
|
56
|
+
};
|
|
57
|
+
}, []);
|
|
58
|
+
useEffect(function () {
|
|
59
|
+
setTags(props.value || []);
|
|
60
|
+
}, [props.value]);
|
|
61
|
+
var handleProcess = function handleProcess() {
|
|
62
|
+
if (value) {
|
|
63
|
+
var _cleanedData$split;
|
|
64
|
+
var cleanedData = value.replace(/\s+/g, '');
|
|
65
|
+
var data = cleanedData === null || cleanedData === void 0 || (_cleanedData$split = cleanedData.split(props.prefix)) === null || _cleanedData$split === void 0 || (_cleanedData$split = _cleanedData$split.filter(Boolean)) === null || _cleanedData$split === void 0 ? void 0 : _cleanedData$split.map(function (item) {
|
|
66
|
+
return props.prefix + item;
|
|
67
|
+
});
|
|
68
|
+
setTags(function (prev) {
|
|
69
|
+
var updatedTags = [].concat(_toConsumableArray(prev), _toConsumableArray(data));
|
|
70
|
+
if (props.onChange) {
|
|
71
|
+
props.onChange(updatedTags);
|
|
72
|
+
}
|
|
73
|
+
return updatedTags;
|
|
74
|
+
});
|
|
75
|
+
setValue('');
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
79
|
+
if (isComposing) {
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
if (e.code === 'Enter') {
|
|
83
|
+
e.preventDefault();
|
|
84
|
+
return handleProcess();
|
|
85
|
+
}
|
|
86
|
+
if (e.code === 'Backspace' && tags.length > 0 && !value) {
|
|
87
|
+
setTags(function (prevTags) {
|
|
88
|
+
var updatedTags = prevTags.slice(0, -1);
|
|
89
|
+
if (props.onChange) {
|
|
90
|
+
props.onChange(updatedTags);
|
|
91
|
+
}
|
|
92
|
+
return updatedTags;
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
var handleBlur = function handleBlur() {
|
|
97
|
+
handleProcess();
|
|
98
|
+
setTimeout(function () {
|
|
99
|
+
if (document.activeElement !== inputRef.current) {
|
|
100
|
+
setOpen(false);
|
|
101
|
+
}
|
|
102
|
+
}, 200);
|
|
103
|
+
};
|
|
104
|
+
var handleChange = function handleChange(e) {
|
|
105
|
+
setValue(e.target.value);
|
|
106
|
+
};
|
|
107
|
+
var handleRemoveTag = function handleRemoveTag(index) {
|
|
108
|
+
setTags(function (prevTags) {
|
|
109
|
+
var updatedTags = prevTags.filter(function (_, i) {
|
|
110
|
+
return i !== index;
|
|
111
|
+
});
|
|
112
|
+
if (props.onChange) {
|
|
113
|
+
props.onChange(updatedTags);
|
|
114
|
+
}
|
|
115
|
+
return updatedTags;
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
var inputConfig = useMemo(function () {
|
|
119
|
+
if (tags.length) {
|
|
120
|
+
return {
|
|
121
|
+
placeholder: undefined,
|
|
122
|
+
style: {
|
|
123
|
+
width: spanWidth || 2
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
return {
|
|
128
|
+
placeholder: props.placeholder,
|
|
129
|
+
style: {
|
|
130
|
+
width: '100%'
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
}, [tags, spanWidth]);
|
|
134
|
+
var handleSelectKey = function handleSelectKey(e) {
|
|
135
|
+
var _inputRef$current;
|
|
136
|
+
var key = e.key;
|
|
137
|
+
var fullValue = "".concat(props.prefix).concat(key);
|
|
138
|
+
setTags(function (prevTags) {
|
|
139
|
+
var _props$onChange;
|
|
140
|
+
var updatedTags;
|
|
141
|
+
if (prevTags.includes(fullValue)) {
|
|
142
|
+
updatedTags = prevTags.filter(function (tag) {
|
|
143
|
+
return tag !== fullValue;
|
|
144
|
+
});
|
|
145
|
+
} else {
|
|
146
|
+
updatedTags = [].concat(_toConsumableArray(prevTags), [fullValue]);
|
|
147
|
+
}
|
|
148
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, updatedTags);
|
|
149
|
+
return updatedTags;
|
|
150
|
+
});
|
|
151
|
+
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
|
|
152
|
+
};
|
|
153
|
+
return /*#__PURE__*/React.createElement(Dropdown, {
|
|
154
|
+
open: open,
|
|
155
|
+
overlayClassName: styles.dropWrap,
|
|
156
|
+
menu: {
|
|
157
|
+
items: props.options.map(function (option) {
|
|
158
|
+
var fullValue = "".concat(props.prefix).concat(option.value);
|
|
159
|
+
var isSelected = tags.includes(fullValue);
|
|
160
|
+
return {
|
|
161
|
+
key: option.value,
|
|
162
|
+
label: /*#__PURE__*/React.createElement("div", {
|
|
163
|
+
style: {
|
|
164
|
+
display: 'flex',
|
|
165
|
+
justifyContent: 'space-between',
|
|
166
|
+
alignItems: 'center',
|
|
167
|
+
fontWeight: isSelected ? 'bold' : 'normal',
|
|
168
|
+
color: isSelected ? '#1677ff' : 'inherit'
|
|
169
|
+
}
|
|
170
|
+
}, /*#__PURE__*/React.createElement("span", null, option.label), isSelected && /*#__PURE__*/React.createElement("span", null, "\u221A"))
|
|
171
|
+
};
|
|
172
|
+
}),
|
|
173
|
+
onClick: handleSelectKey
|
|
174
|
+
}
|
|
175
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
176
|
+
className: styles.batch_label_wrap,
|
|
177
|
+
onClick: function onClick() {
|
|
178
|
+
inputRef.current.focus();
|
|
179
|
+
setOpen(true);
|
|
180
|
+
}
|
|
181
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
182
|
+
className: styles.inner
|
|
183
|
+
}, tags.map(function (tag, index) {
|
|
184
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
185
|
+
key: index,
|
|
186
|
+
className: styles.tab_wrap
|
|
187
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
188
|
+
style: {
|
|
189
|
+
fontSize: 10
|
|
190
|
+
}
|
|
191
|
+
}, props.prefix), /*#__PURE__*/React.createElement("span", {
|
|
192
|
+
className: styles.text
|
|
193
|
+
}, /*#__PURE__*/React.createElement("a", {
|
|
194
|
+
title: tag
|
|
195
|
+
}, tag === null || tag === void 0 ? void 0 : tag.replace(props.prefix, ''))), /*#__PURE__*/React.createElement("div", {
|
|
196
|
+
className: styles.close,
|
|
197
|
+
onClick: function onClick() {
|
|
198
|
+
return handleRemoveTag(index);
|
|
199
|
+
}
|
|
200
|
+
}, "\xD7"));
|
|
201
|
+
}), /*#__PURE__*/React.createElement("input", _extends({
|
|
202
|
+
ref: inputRef
|
|
203
|
+
}, inputConfig, {
|
|
204
|
+
onKeyDown: handleKeyDown,
|
|
205
|
+
onBlur: handleBlur,
|
|
206
|
+
onChange: handleChange,
|
|
207
|
+
onCompositionStart: handleCompositionStart,
|
|
208
|
+
onCompositionEnd: handleCompositionEnd,
|
|
209
|
+
value: value
|
|
210
|
+
})), /*#__PURE__*/React.createElement("span", {
|
|
211
|
+
ref: spanRef,
|
|
212
|
+
className: styles.mirror
|
|
213
|
+
}, value))));
|
|
214
|
+
};
|
|
215
|
+
export default BatchLabel;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
.batch_label_wrap {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 100%;
|
|
4
|
+
border: 1px solid #ccc;
|
|
5
|
+
border-radius: 8px;
|
|
6
|
+
padding: 10px;
|
|
7
|
+
resize: vertical;
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
position: relative;
|
|
10
|
+
&:hover {
|
|
11
|
+
border-color: #2f8ef5;
|
|
12
|
+
}
|
|
13
|
+
&:active {
|
|
14
|
+
border-color: #007aff;
|
|
15
|
+
}
|
|
16
|
+
&:focus {
|
|
17
|
+
outline: none;
|
|
18
|
+
border-color: #007aff;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
a {
|
|
22
|
+
color: #142A51;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
:global .ant-dropdown-menu {
|
|
26
|
+
max-height: 100px !important;
|
|
27
|
+
overflow-y: auto !important;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
input {
|
|
31
|
+
width: 100%;
|
|
32
|
+
outline: none;
|
|
33
|
+
border: none;
|
|
34
|
+
height: 100%;
|
|
35
|
+
background: none;
|
|
36
|
+
cursor: inherit;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
input::placeholder {
|
|
40
|
+
color: rgba(0, 0, 0, 0.28);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
.inner {
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: center;
|
|
48
|
+
flex-wrap: wrap;
|
|
49
|
+
flex-grow: 1;
|
|
50
|
+
gap: 4px;
|
|
51
|
+
position: relative;
|
|
52
|
+
box-sizing: border-box;
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.tab_wrap {
|
|
57
|
+
display: inline-flex;
|
|
58
|
+
box-sizing: border-box;
|
|
59
|
+
max-width: 100%;
|
|
60
|
+
align-items: center;
|
|
61
|
+
color: #004FD3;
|
|
62
|
+
gap: 2px;
|
|
63
|
+
justify-content: space-between;
|
|
64
|
+
background: #ECEFF4;
|
|
65
|
+
border-radius: 3px;
|
|
66
|
+
margin-right: 4px;
|
|
67
|
+
padding: 0 4px;
|
|
68
|
+
//margin: 4px;
|
|
69
|
+
.text {
|
|
70
|
+
overflow: hidden;
|
|
71
|
+
white-space: nowrap;
|
|
72
|
+
text-overflow: ellipsis;
|
|
73
|
+
flex: 1;
|
|
74
|
+
font-size: 10px;
|
|
75
|
+
color: #142A51;
|
|
76
|
+
}
|
|
77
|
+
.close {
|
|
78
|
+
cursor: pointer;
|
|
79
|
+
margin: 0 4px;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.mirror {
|
|
84
|
+
position: absolute;
|
|
85
|
+
top: 0;
|
|
86
|
+
left: 0;
|
|
87
|
+
visibility: hidden;
|
|
88
|
+
pointer-events: none;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.dropWrap {
|
|
92
|
+
:global ul {
|
|
93
|
+
max-height: 310px;
|
|
94
|
+
overflow-y: auto;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useEffect, useRef, useState } from "react";
|
|
8
|
+
import styled from 'styled-components';
|
|
9
|
+
var ScrollContainer = styled.div.withConfig({
|
|
10
|
+
displayName: "ScrollContainer",
|
|
11
|
+
componentId: "rpa-ui-16b5__sc-d4nx1r-0"
|
|
12
|
+
})(["position:relative;width:100%;height:350px;display:flex;justify-content:center;align-items:center;overflow:hidden;"]);
|
|
13
|
+
var Card = styled.div.withConfig({
|
|
14
|
+
displayName: "Card",
|
|
15
|
+
componentId: "rpa-ui-16b5__sc-d4nx1r-1"
|
|
16
|
+
})(["width:250px;height:286px;object-fit:cover;background-size:cover;background-position:center;position:absolute;transition:transform 1s,filter 1s,opacity 1s;opacity:", ";filter:", ";transform:", ";z-index:", ";"], function (_ref) {
|
|
17
|
+
var isActive = _ref.isActive;
|
|
18
|
+
return isActive ? 1 : 0.6;
|
|
19
|
+
}, function (_ref2) {
|
|
20
|
+
var isActive = _ref2.isActive;
|
|
21
|
+
return isActive ? 'blur(0)' : 'blur(1px)';
|
|
22
|
+
}, function (_ref3) {
|
|
23
|
+
var position = _ref3.position;
|
|
24
|
+
return position === 'middle' ? 'translateX(0) translateY(0)' : position === 'left' ? 'translateX(-250px) rotate(-10deg)' : 'translateX(250px) rotate(10deg)';
|
|
25
|
+
}, function (_ref4) {
|
|
26
|
+
var isActive = _ref4.isActive;
|
|
27
|
+
return isActive ? 100 : 'auto';
|
|
28
|
+
});
|
|
29
|
+
var CardScroll = function CardScroll(_ref5) {
|
|
30
|
+
var images = _ref5.images;
|
|
31
|
+
var totalCards = images.length;
|
|
32
|
+
var _useState = useState(0),
|
|
33
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
34
|
+
activeIndex = _useState2[0],
|
|
35
|
+
setActiveIndex = _useState2[1];
|
|
36
|
+
var requestRef = useRef();
|
|
37
|
+
var previousTimeRef = useRef();
|
|
38
|
+
var animate = function animate(time) {
|
|
39
|
+
if (previousTimeRef.current !== undefined) {
|
|
40
|
+
var deltaTime = time - previousTimeRef.current;
|
|
41
|
+
if (deltaTime > 2000) {
|
|
42
|
+
setActiveIndex(function (prevIndex) {
|
|
43
|
+
return (prevIndex + 1) % totalCards;
|
|
44
|
+
});
|
|
45
|
+
previousTimeRef.current = time;
|
|
46
|
+
}
|
|
47
|
+
} else {
|
|
48
|
+
previousTimeRef.current = time;
|
|
49
|
+
}
|
|
50
|
+
requestRef.current = requestAnimationFrame(animate);
|
|
51
|
+
};
|
|
52
|
+
useEffect(function () {
|
|
53
|
+
requestRef.current = requestAnimationFrame(animate);
|
|
54
|
+
return function () {
|
|
55
|
+
return cancelAnimationFrame(requestRef.current);
|
|
56
|
+
};
|
|
57
|
+
}, [totalCards]);
|
|
58
|
+
var getPosition = function getPosition(index) {
|
|
59
|
+
if (index === activeIndex) return 'middle';
|
|
60
|
+
if (index === (activeIndex + 1) % totalCards) return 'right';
|
|
61
|
+
if (index === (activeIndex - 1 + totalCards) % totalCards) return 'left';
|
|
62
|
+
return '';
|
|
63
|
+
};
|
|
64
|
+
return /*#__PURE__*/React.createElement(ScrollContainer, null, images.map(function (image, index) {
|
|
65
|
+
return /*#__PURE__*/React.createElement(Card, {
|
|
66
|
+
key: index,
|
|
67
|
+
style: {
|
|
68
|
+
backgroundImage: "url(".concat(image, ")")
|
|
69
|
+
},
|
|
70
|
+
isActive: index === activeIndex,
|
|
71
|
+
position: getPosition(index)
|
|
72
|
+
});
|
|
73
|
+
}));
|
|
74
|
+
};
|
|
75
|
+
export default CardScroll;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ModalProps } from 'antd';
|
|
3
|
+
interface ModalWrapperProps {
|
|
4
|
+
title: string | React.ReactNode;
|
|
5
|
+
content: React.ReactNode;
|
|
6
|
+
footer?: React.ReactNode;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
modalProps?: ModalProps;
|
|
9
|
+
onSuccess?: () => void;
|
|
10
|
+
btnClassName?: string;
|
|
11
|
+
onOpen?: () => void;
|
|
12
|
+
}
|
|
13
|
+
declare const ModalWrapper: React.FC<ModalWrapperProps & {
|
|
14
|
+
ref?: React.Ref<any>;
|
|
15
|
+
}>;
|
|
16
|
+
export default ModalWrapper;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
var _excluded = ["children", "title", "content", "onSuccess", "btnClassName", "onOpen"];
|
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
7
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
8
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
|
+
import React, { useState, useImperativeHandle, forwardRef } from "react";
|
|
12
|
+
import { Modal } from 'antd';
|
|
13
|
+
//@ts-ignore
|
|
14
|
+
var ModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
15
|
+
// eslint-disable-next-line react/prop-types
|
|
16
|
+
var children = props.children,
|
|
17
|
+
title = props.title,
|
|
18
|
+
content = props.content,
|
|
19
|
+
onSuccess = props.onSuccess,
|
|
20
|
+
btnClassName = props.btnClassName,
|
|
21
|
+
onOpen = props.onOpen,
|
|
22
|
+
modalProps = _objectWithoutProperties(props, _excluded);
|
|
23
|
+
var _useState = useState(false),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
isModalVisible = _useState2[0],
|
|
26
|
+
setIsModalVisible = _useState2[1];
|
|
27
|
+
var _useState3 = useState(false),
|
|
28
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
29
|
+
confirmLoading = _useState4[0],
|
|
30
|
+
setConfirmLoading = _useState4[1];
|
|
31
|
+
var showModal = function showModal() {
|
|
32
|
+
setIsModalVisible(true);
|
|
33
|
+
onOpen === null || onOpen === void 0 || onOpen();
|
|
34
|
+
};
|
|
35
|
+
var closeModal = function closeModal() {
|
|
36
|
+
setIsModalVisible(false);
|
|
37
|
+
};
|
|
38
|
+
var handleOk = function handleOk() {
|
|
39
|
+
setConfirmLoading(true);
|
|
40
|
+
Promise.resolve(onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess()).then(function () {
|
|
41
|
+
setConfirmLoading(false);
|
|
42
|
+
closeModal();
|
|
43
|
+
}).catch(function () {
|
|
44
|
+
setConfirmLoading(false);
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
var handleCancel = function handleCancel() {
|
|
48
|
+
closeModal();
|
|
49
|
+
};
|
|
50
|
+
useImperativeHandle(ref, function () {
|
|
51
|
+
return {
|
|
52
|
+
closeModal: closeModal
|
|
53
|
+
};
|
|
54
|
+
});
|
|
55
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
56
|
+
onClick: showModal,
|
|
57
|
+
className: btnClassName
|
|
58
|
+
}, children), /*#__PURE__*/React.createElement(Modal, _extends({
|
|
59
|
+
title: title,
|
|
60
|
+
width: 900,
|
|
61
|
+
open: isModalVisible,
|
|
62
|
+
onOk: handleOk,
|
|
63
|
+
onCancel: handleCancel,
|
|
64
|
+
confirmLoading: confirmLoading,
|
|
65
|
+
cancelText: "\u53D6\u6D88",
|
|
66
|
+
okText: "\u786E\u5B9A"
|
|
67
|
+
}, modalProps), content));
|
|
68
|
+
});
|
|
69
|
+
ModalWrapper.displayName = 'ModalWrapper';
|
|
70
|
+
export default ModalWrapper;
|
|
Binary file
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<!-- Generator: Sketch 62 (91390) - https://sketch.com -->
|
|
4
|
+
<title>矩形</title>
|
|
5
|
+
<desc>Created with Sketch.</desc>
|
|
6
|
+
<g id="资源中心2025" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
7
|
+
<g id="封面设置弹层-上传封面-填充样式--" transform="translate(-1224.000000, -358.000000)">
|
|
8
|
+
<g id="编组-16" transform="translate(640.000000, 225.000000)">
|
|
9
|
+
<g id="编组-8" transform="translate(580.000000, 129.000000)">
|
|
10
|
+
<g id="删除" transform="translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)">
|
|
11
|
+
<rect id="矩形" stroke="#979797" opacity="0" x="0.5" y="0.5" width="15" height="15"></rect>
|
|
12
|
+
<g id="编组" transform="translate(1.000000, 1.000000)" stroke="#FFFFFF" stroke-linejoin="round">
|
|
13
|
+
<path d="M1.66666667,2 L1.66666667,11.3333333 C1.66666667,12.4379028 2.56209717,13.3333333 3.66666667,13.3333333 L9.66666667,13.3333333 C10.7712362,13.3333333 11.6666667,12.4379028 11.6666667,11.3333333 L11.6666667,2 L11.6666667,2 L1.66666667,2 Z" id="路径"></path>
|
|
14
|
+
<line x1="5.33333333" y1="5.33333333" x2="5.33333333" y2="9.66666667" id="路径" stroke-linecap="round"></line>
|
|
15
|
+
<line x1="8" y1="5.33333333" x2="8" y2="9.66666667" id="路径" stroke-linecap="round"></line>
|
|
16
|
+
<line x1="0" y1="2" x2="13.3333333" y2="2" id="路径" stroke-linecap="round"></line>
|
|
17
|
+
<polygon id="路径" points="4 2 5.09633333 0 8.25903333 0 9.33333333 2"></polygon>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
|
+
</g>
|
|
21
|
+
</g>
|
|
22
|
+
</g>
|
|
23
|
+
</g>
|
|
24
|
+
</svg>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
declare enum TabOptions {
|
|
3
|
+
Tab1 = 1,
|
|
4
|
+
Tab2 = 2
|
|
5
|
+
}
|
|
6
|
+
type defaultData = {
|
|
7
|
+
selectCover?: number;
|
|
8
|
+
uploadCover?: string;
|
|
9
|
+
};
|
|
10
|
+
interface CoverModalProps {
|
|
11
|
+
onChange?: (key: 'selectCover' | 'uploadCover' | string, data: string | number) => void;
|
|
12
|
+
afterClose?: () => void;
|
|
13
|
+
defaultTab?: TabOptions;
|
|
14
|
+
defaultData?: defaultData;
|
|
15
|
+
videoUrl: string;
|
|
16
|
+
handleUpload: (file: File) => Promise<string>;
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
declare const CoverModal: FC<CoverModalProps>;
|
|
20
|
+
export default CoverModal;
|