@para-ui/core 3.0.86 → 4.0.0-beta
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/AutoBox/index.js +18 -19
- package/AutoTips/index.js +5 -4
- package/Breadcrumbs/index.js +5 -4
- package/Button/SplitButton.d.ts +13 -0
- package/Button/index.d.ts +1 -1
- package/Button/index.js +54 -12
- package/ButtonGroup/index.js +6 -5
- package/Carousel/index.d.ts +5 -5
- package/Carousel/index.js +21 -9
- package/Cascader/Cascader.d.ts +99 -0
- package/Cascader/OptionList/CacheContent.d.ts +7 -0
- package/Cascader/OptionList/Column.d.ts +21 -0
- package/Cascader/OptionList/index.d.ts +4 -0
- package/Cascader/OptionList/useActive.d.ts +6 -0
- package/Cascader/context.d.ts +23 -0
- package/Cascader/hooks/useDisplayValues.d.ts +10 -0
- package/Cascader/hooks/useEntities.d.ts +10 -0
- package/Cascader/hooks/useMissingValues.d.ts +3 -0
- package/Cascader/index.d.ts +3 -58
- package/Cascader/index.js +28 -177
- package/Cascader/utils/commonUtil.d.ts +18 -0
- package/Cascader/utils/treeUtil.d.ts +55 -0
- package/Checkbox/index.d.ts +7 -0
- package/Checkbox/index.js +50 -29
- package/CheckboxGroup/index.d.ts +3 -1
- package/CheckboxGroup/index.js +48 -18
- package/Collapse/index.js +2 -2
- package/Collapse/motion.d.ts +0 -2
- package/CollapseBox/index.js +3 -3
- package/CollapseLayout/index.d.ts +5 -0
- package/CollapseLayout/index.js +144 -22
- package/ColorPicker/chromePicker/index.d.ts +9 -0
- package/ColorPicker/compactPicker/index.d.ts +9 -0
- package/ColorPicker/config.d.ts +5 -0
- package/ColorPicker/index.d.ts +4 -1
- package/ColorPicker/index.js +7 -3
- package/ColorPicker/sketchPicker/index.d.ts +11 -0
- package/ColorPicker/swatchesPicker/index.d.ts +9 -0
- package/ComboSelect/index.js +14 -12
- package/Container/index.js +2 -2
- package/CopyText/index.d.ts +33 -0
- package/CopyText/index.js +180 -0
- package/DatePicker/generatePicker/generateRangePicker.d.ts +9 -2
- package/DatePicker/generatePicker/generateSinglePicker.d.ts +8 -8
- package/DatePicker/generatePicker/index.d.ts +32 -26
- package/DatePicker/generatePicker/interface.d.ts +12 -0
- package/DatePicker/index.d.ts +12 -8
- package/DatePicker/index.js +367 -454
- package/DatePicker/util.d.ts +40 -4
- package/Desktop/index.d.ts +16 -3
- package/Desktop/index.js +177 -68
- package/Desktop/lang/en_US.d.ts +6 -0
- package/Desktop/lang/index.d.ts +13 -0
- package/Desktop/lang/zh_CN.d.ts +6 -0
- package/DragVerify/index.js +9 -100
- package/Drawer/index.js +8 -8
- package/Drawer/interface.d.ts +2 -2
- package/Dropdown/index.js +2 -2
- package/DynamicMultiBox/index.js +57 -41
- package/DynamicMultiBox/interface.d.ts +4 -4
- package/Empty/index.js +2 -2
- package/Form/index.d.ts +20 -26
- package/Form/index.js +48 -69
- package/FormItem/index.js +15 -15
- package/FunctionModal/index.js +11 -9
- package/GlobalContext/constant.d.ts +1 -1
- package/GlobalContext/index.js +2 -2
- package/Help/index.js +4 -3
- package/HelperText/index.js +2 -2
- package/InputLang/index.d.ts +5 -0
- package/InputLang/index.js +35 -29
- package/InputNumber/index.d.ts +5 -0
- package/InputNumber/index.js +95 -80
- package/Label/index.js +4 -3
- package/Loading/index.js +2 -2
- package/Menu/index.js +114 -39
- package/Menu/interface.d.ts +8 -0
- package/Message/index.d.ts +4 -4
- package/Message/index.js +13 -11
- package/Modal/index.js +29 -15
- package/MultiBox/index.js +9 -8
- package/Notification/index.d.ts +9 -1
- package/Notification/index.js +29 -15
- package/OperateBtn/index.js +28 -11
- package/PageHeader/index.js +270 -74
- package/PageHeader/interface.d.ts +17 -0
- package/Pagination/index.d.ts +4 -3
- package/Pagination/index.js +117 -95
- package/Pagination/lang/en_US.d.ts +3 -2
- package/Pagination/lang/index.d.ts +6 -4
- package/Pagination/lang/zh_CN.d.ts +3 -2
- package/ParauiProvider/index.js +4 -4
- package/PasswordRules/index.js +5 -5
- package/PopConfirm/index.d.ts +15 -5
- package/PopConfirm/index.js +62 -16
- package/Popover/index.js +4 -3
- package/Progress/index.js +10 -9
- package/Querying/index.js +7 -7
- package/README.md +40 -1120
- package/Radio/index.d.ts +7 -0
- package/Radio/index.js +49 -27
- package/RadioGroup/index.d.ts +3 -1
- package/RadioGroup/index.js +48 -21
- package/Search/index.d.ts +3 -15
- package/Search/index.js +21 -83
- package/Select/index.d.ts +7 -2
- package/Select/index.js +114 -91
- package/Select/lang/en_US.d.ts +1 -1
- package/Select/lang/index.d.ts +2 -2
- package/Select/lang/zh_CN.d.ts +1 -1
- package/SelectInput/index.js +8 -7
- package/Selector/index.js +30 -22
- package/SelectorPicker/index.d.ts +5 -0
- package/SelectorPicker/index.js +47 -32
- package/SelectorPicker/lang/en_US.d.ts +1 -0
- package/SelectorPicker/lang/index.d.ts +2 -0
- package/SelectorPicker/lang/zh_CN.d.ts +1 -0
- package/SingleBox/index.js +8 -7
- package/Slider/index.js +5 -5
- package/Status/index.d.ts +6 -5
- package/Status/index.js +27 -4
- package/Stepper/index.d.ts +9 -10
- package/Stepper/index.js +69 -29
- package/Styles/index.scss +4 -0
- package/Styles/scrollbar.scss +24 -24
- package/Styles/theme.scss +104 -57
- package/Switch/index.d.ts +34 -14
- package/Switch/index.js +97 -30
- package/Table/index.js +33 -27
- package/Table/interface.d.ts +3 -1
- package/Table/tableHeadInterface.d.ts +1 -1
- package/Table/tablePaginationInterface.d.ts +5 -5
- package/Tabs/index.d.ts +11 -1
- package/Tabs/index.js +49 -16
- package/Tag/TagGroup.d.ts +11 -7
- package/Tag/index.d.ts +22 -7
- package/Tag/index.js +1382 -53
- package/TextEditor/index.js +4 -3
- package/TextField/index.d.ts +5 -0
- package/TextField/index.js +50 -32
- package/TimePicker/index.d.ts +5 -0
- package/TimePicker/index.js +39 -23
- package/Timeline/TimelineItem.d.ts +1 -1
- package/Timeline/index.d.ts +5 -5
- package/Timeline/index.js +21 -18
- package/Title/index.d.ts +15 -3
- package/Title/index.js +95 -29
- package/ToggleButton/ToggleButtonGroup.d.ts +1 -0
- package/ToggleButton/index.d.ts +4 -0
- package/ToggleButton/index.js +14 -52
- package/Tooltip/index.js +28 -34
- package/Tooltip/interface.d.ts +4 -10
- package/Tooltip/utils.d.ts +1 -3
- package/Transfer/index.d.ts +3 -3
- package/Transfer/index.js +72 -68
- package/Tree/Tree.d.ts +2 -2
- package/Tree/index.js +10 -9
- package/Tree/utils/treeUtil.d.ts +0 -7
- package/Upload/index.js +16 -14
- package/_verture/{constant-66aa48a1.js → constant-0d9802f7.js} +1 -1
- package/_verture/{defineProperty-62acccfc.js → defineProperty-1d116156.js} +1 -1
- package/_verture/index-5c77417d.js +150 -0
- package/_verture/index-68db2bc3.js +10530 -0
- package/_verture/{index-9738004e.js → index-7ec72724.js} +44 -38
- package/_verture/index-d63bd287.js +327 -0
- package/_verture/{index-fa8a0124.js → index-e6f85fd5.js} +7 -8
- package/_verture/{index-77f9e0fb.js → index-e9007d6a.js} +6 -6
- package/_verture/{intl-4a9f1b44.js → intl-5c1ec055.js} +1 -1
- package/_verture/{modalContext-20780c9a.js → modalContext-c12ca3e8.js} +3 -3
- package/_verture/slicedToArray-a8206399.js +43 -0
- package/_verture/{toConsumableArray-81040c9e.js → toConsumableArray-8f4c9589.js} +1 -1
- package/_verture/typeof-adeedc13.js +11 -0
- package/_verture/typeof-b240b062.js +16 -0
- package/_verture/{utils-c9b9a157.js → utils-f0e81540.js} +8 -8
- package/index.d.ts +2 -2
- package/index.js +32 -27
- package/locale/en-US.d.ts +10 -6
- package/locale/index.d.ts +20 -12
- package/locale/index.js +33 -25
- package/locale/zh-CN.d.ts +10 -6
- package/package.json +25 -10
- package/umd/AutoBox.js +20 -21
- package/umd/AutoTips.js +31 -4
- package/umd/Breadcrumbs.js +7 -7
- package/umd/Button.js +7 -8
- package/umd/ButtonGroup.js +7 -8
- package/umd/Carousel.js +29 -1
- package/umd/Cascader.js +20 -21
- package/umd/Checkbox.js +7 -7
- package/umd/CheckboxGroup.js +7 -7
- package/umd/Collapse.js +19 -21
- package/umd/CollapseBox.js +1 -1
- package/umd/CollapseLayout.js +4 -4
- package/umd/ColorPicker.js +1 -1
- package/umd/ComboSelect.js +7 -7
- package/umd/Container.js +1 -1
- package/umd/CopyText.js +42 -0
- package/umd/DatePicker.js +7 -7
- package/umd/Desktop.js +7 -7
- package/umd/DragVerify.js +4 -4
- package/umd/Drawer.js +7 -8
- package/umd/Dropdown.js +3 -3
- package/umd/DynamicMultiBox.js +7 -7
- package/umd/Empty.js +1 -1
- package/umd/Form.js +6 -6
- package/umd/FormItem.js +6 -6
- package/umd/FunctionModal.js +7 -7
- package/umd/Help.js +7 -7
- package/umd/HelperText.js +1 -1
- package/umd/InputLang.js +7 -7
- package/umd/InputNumber.js +7 -7
- package/umd/Label.js +7 -7
- package/umd/Loading.js +4 -5
- package/umd/Menu.js +4 -4
- package/umd/Message.js +3 -4
- package/umd/Modal.js +7 -7
- package/umd/MultiBox.js +7 -7
- package/umd/Notification.js +5 -6
- package/umd/OperateBtn.js +7 -7
- package/umd/PageHeader.js +7 -7
- package/umd/Pagination.js +7 -7
- package/umd/ParauiProvider.js +1 -1
- package/umd/PasswordRules.js +3 -4
- package/umd/PopConfirm.js +7 -7
- package/umd/Popover.js +31 -4
- package/umd/Progress.js +4 -5
- package/umd/Querying.js +1 -1
- package/umd/Radio.js +7 -7
- package/umd/RadioGroup.js +7 -7
- package/umd/Search.js +7 -7
- package/umd/Select.js +7 -7
- package/umd/SelectInput.js +7 -7
- package/umd/Selector.js +7 -7
- package/umd/SelectorPicker.js +7 -7
- package/umd/SingleBox.js +7 -7
- package/umd/Slider.js +3 -3
- package/umd/Status.js +29 -1
- package/umd/Stepper.js +20 -20
- package/umd/Switch.js +7 -7
- package/umd/Table.js +7 -7
- package/umd/Tabs.js +7 -7
- package/umd/Tag.js +7 -8
- package/umd/TextEditor.js +19 -19
- package/umd/TextField.js +7 -7
- package/umd/TimePicker.js +7 -7
- package/umd/Timeline.js +1 -1
- package/umd/Title.js +42 -1
- package/umd/ToggleButton.js +7 -8
- package/umd/Tooltip.js +31 -4
- package/umd/Transfer.js +8 -8
- package/umd/Tree.js +7 -7
- package/umd/Upload.js +8 -8
- package/umd/locale.js +1 -1
- package/Cascader/lang/en_US.d.ts +0 -4
- package/Cascader/lang/index.d.ts +0 -9
- package/Cascader/lang/zh_CN.d.ts +0 -4
- package/Split/index.d.ts +0 -7
- package/Split/index.js +0 -123
- package/_verture/index-a369ca3f.js +0 -4
- package/_verture/index-beef914f.js +0 -340
- package/_verture/slicedToArray-76060636.js +0 -43
- package/_verture/typeof-498dd2b1.js +0 -11
- package/umd/Split.js +0 -1
package/Transfer/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-
|
|
2
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-
|
|
1
|
+
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
|
|
2
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { useRef, useState, useEffect, useCallback } from 'react';
|
|
5
5
|
import clsx from 'clsx';
|
|
@@ -9,23 +9,23 @@ import Right from '@para-ui/icons/Right';
|
|
|
9
9
|
import ExpandLess from '@para-ui/icons/Up';
|
|
10
10
|
import Down from '@para-ui/icons/Down';
|
|
11
11
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
12
|
-
import { $ as $prefixCls } from '../_verture/constant-
|
|
12
|
+
import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
|
|
13
13
|
import { Search } from '../Search/index.js';
|
|
14
14
|
import SearchIcon from '@para-ui/icons/Search';
|
|
15
15
|
import AutoTips from '../AutoTips/index.js';
|
|
16
16
|
import Drag from '@para-ui/icons/Drag';
|
|
17
17
|
import { S as Sortable } from '../_verture/sortable.esm-49896035.js';
|
|
18
|
-
import { d as debounce } from '../_verture/utils-
|
|
18
|
+
import { d as debounce } from '../_verture/utils-f0e81540.js';
|
|
19
19
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
20
20
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
21
|
-
import '../_verture/typeof-
|
|
21
|
+
import '../_verture/typeof-adeedc13.js';
|
|
22
22
|
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
23
23
|
import '@para-ui/icons/LoadingF';
|
|
24
24
|
import '@para-ui/icons/Forbid';
|
|
25
25
|
import '../Tooltip/index.js';
|
|
26
26
|
import 'rc-tooltip';
|
|
27
27
|
import 'rc-tooltip/lib/placements';
|
|
28
|
-
import '../_verture/index-
|
|
28
|
+
import '../_verture/index-e9007d6a.js';
|
|
29
29
|
import 'rc-dropdown';
|
|
30
30
|
import '../_verture/usePopupContainer-87febeb9.js';
|
|
31
31
|
import 'dayjs';
|
|
@@ -37,18 +37,18 @@ import '../Help/index.js';
|
|
|
37
37
|
import '@para-ui/icons/Help';
|
|
38
38
|
import '@para-ui/icons/PreviewClose';
|
|
39
39
|
import '@para-ui/icons/PreviewOpen';
|
|
40
|
-
import '@para-ui/icons/
|
|
40
|
+
import '@para-ui/icons/CloseCircleF';
|
|
41
41
|
import '../Loading/index.js';
|
|
42
42
|
import '../HelperText/index.js';
|
|
43
43
|
import '../_verture/useGlobalProps-1b846a65.js';
|
|
44
|
-
import '../_verture/defineProperty-
|
|
44
|
+
import '../_verture/defineProperty-1d116156.js';
|
|
45
45
|
|
|
46
46
|
var en = {
|
|
47
47
|
left: 'Left',
|
|
48
48
|
right: 'Right',
|
|
49
49
|
allCheck: 'Select All',
|
|
50
50
|
inVertCheck: 'Invert selection',
|
|
51
|
-
searchPlaceholder: 'Please enter
|
|
51
|
+
searchPlaceholder: 'Please enter',
|
|
52
52
|
leftBtnTips: 'Please check the content on the right first',
|
|
53
53
|
rightBtnTips: 'Please check the content on the left first'
|
|
54
54
|
};
|
|
@@ -58,7 +58,7 @@ var zh = {
|
|
|
58
58
|
right: '右侧',
|
|
59
59
|
allCheck: '全选',
|
|
60
60
|
inVertCheck: '反选',
|
|
61
|
-
searchPlaceholder: '
|
|
61
|
+
searchPlaceholder: '请输入',
|
|
62
62
|
leftBtnTips: '请先勾选右侧内容',
|
|
63
63
|
rightBtnTips: '请先勾选左侧内容'
|
|
64
64
|
};
|
|
@@ -197,7 +197,7 @@ var Box = function Box(props) {
|
|
|
197
197
|
}, {
|
|
198
198
|
children: data.map(function (item, index) {
|
|
199
199
|
return jsxs("div", Object.assign({
|
|
200
|
-
className: clsx("item", (item === null || item === void 0 ? void 0 : item.disabled) && "item-disabled", (item === null || item === void 0 ? void 0 : item.checked) && "item-checked", fluctuationPosition === index && "item-fluctuation", fluctuationOrther === index && "item-fluctuationOrther"),
|
|
200
|
+
className: clsx("item", (item === null || item === void 0 ? void 0 : item.tagColor) && "item-border", (item === null || item === void 0 ? void 0 : item.disabled) && "item-disabled", (item === null || item === void 0 ? void 0 : item.checked) && "item-checked", fluctuationPosition === index && "item-fluctuation", fluctuationOrther === index && "item-fluctuationOrther"),
|
|
201
201
|
style: itemStyle(item),
|
|
202
202
|
onClick: function onClick(e) {
|
|
203
203
|
handler(e, index, item);
|
|
@@ -216,35 +216,39 @@ var Box = function Box(props) {
|
|
|
216
216
|
})) : null, direction === "right" ? jsx("div", Object.assign({
|
|
217
217
|
className: "handle"
|
|
218
218
|
}, {
|
|
219
|
-
children: jsx(Drag, {
|
|
219
|
+
children: jsx(Drag, {
|
|
220
|
+
size: 'medium'
|
|
221
|
+
})
|
|
220
222
|
})) : null]
|
|
221
223
|
}), item[item[customKey]] || item.name);
|
|
222
224
|
})
|
|
223
225
|
})), jsxs("div", Object.assign({
|
|
224
226
|
className: "footer"
|
|
225
227
|
}, {
|
|
226
|
-
children: [
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
228
|
+
children: [jsxs("div", {
|
|
229
|
+
children: [jsx(Button, Object.assign({
|
|
230
|
+
variant: "text",
|
|
231
|
+
className: "".concat(checkCount.length === data.length - disabledCount && data.length > 0 ? "btn-on" : ""),
|
|
232
|
+
onClick: function onClick() {
|
|
233
|
+
queryAll(checkCount.length !== data.length - disabledCount, direction);
|
|
234
|
+
}
|
|
235
|
+
}, {
|
|
236
|
+
children: intl({
|
|
237
|
+
id: "allCheck"
|
|
238
|
+
})
|
|
239
|
+
})), jsx(Button, Object.assign({
|
|
240
|
+
variant: "text",
|
|
241
|
+
className: "".concat(checkCount.length === 0 || checkCount.length === data.length - disabledCount ? "btn-off" : ""),
|
|
242
|
+
disabled: checkCount.length === 0 || checkCount.length === data.length - disabledCount,
|
|
243
|
+
onClick: function onClick() {
|
|
244
|
+
inverse(direction);
|
|
245
|
+
}
|
|
246
|
+
}, {
|
|
247
|
+
children: intl({
|
|
248
|
+
id: "inVertCheck"
|
|
249
|
+
})
|
|
250
|
+
}))]
|
|
251
|
+
}), jsxs("div", Object.assign({
|
|
248
252
|
className: "count"
|
|
249
253
|
}, {
|
|
250
254
|
children: [checkCount.length, "/", data.length]
|
|
@@ -254,28 +258,28 @@ var Box = function Box(props) {
|
|
|
254
258
|
};
|
|
255
259
|
var Sortablejs = Sortable;
|
|
256
260
|
|
|
257
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author
|
|
261
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n display: flex;\n font-size: 14px;\n user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .box {\n border-radius: 4px;\n border: 1px solid rgb(212, 218, 227);\n overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n background: rgb(247, 248, 250);\n color: rgb(29, 33, 38);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-left: 10px;\n height: 36px;\n border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n color: rgb(29, 33, 38);\n letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n height: 400px;\n overflow: auto;\n scrollbar-base-color: red;\n margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n padding: 0px 10px;\n height: 30px;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n flex: 1;\n overflow: hidden;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n background: inherit;\n cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n margin-left: 12px;\n display: flex;\n align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .context .item-border {\n padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n border: none;\n border-radius: 0;\n border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n display: flex;\n align-items: center;\n border-top: 1px solid rgb(212, 218, 227);\n height: 36px;\n justify-content: space-between;\n padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n margin-left: 16px;\n}\n.paraui-v4-transfer ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-transfer .moveBtn {\n display: flex;\n height: 500px;\n flex-direction: column;\n justify-content: center;\n margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n background-color: rgb(46, 101, 230);\n color: rgb(255, 255, 255);\n border: none;\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n margin-top: 16px;\n}\n\n@keyframes flucturation {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(36px);\n }\n}\n@keyframes flucturationOrther {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(-36px);\n }\n}";
|
|
258
262
|
styleInject(css_248z);
|
|
259
263
|
|
|
260
264
|
var Transfer = function Transfer(props) {
|
|
261
265
|
var _a, _b, _c, _d;
|
|
262
|
-
var intl = useFormatMessage(
|
|
266
|
+
var intl = useFormatMessage('Transfer', localeJson);
|
|
263
267
|
var _props$data = props.data,
|
|
264
268
|
data = _props$data === void 0 ? [] : _props$data,
|
|
265
269
|
value = props.value,
|
|
266
270
|
_props$customKey = props.customKey,
|
|
267
|
-
customKey = _props$customKey === void 0 ?
|
|
271
|
+
customKey = _props$customKey === void 0 ? 'key' : _props$customKey,
|
|
268
272
|
onChange = props.onChange,
|
|
269
273
|
_props$titles = props.titles,
|
|
270
274
|
titles = _props$titles === void 0 ? [intl({
|
|
271
|
-
id:
|
|
275
|
+
id: 'left'
|
|
272
276
|
}), intl({
|
|
273
|
-
id:
|
|
277
|
+
id: 'right'
|
|
274
278
|
})] : _props$titles,
|
|
275
279
|
className = props.className,
|
|
276
280
|
_props$style = props.style,
|
|
277
281
|
style = _props$style === void 0 ? {
|
|
278
|
-
width:
|
|
282
|
+
width: '298px'
|
|
279
283
|
} : _props$style,
|
|
280
284
|
onSort = props.onSort,
|
|
281
285
|
_props$trim = props.trim,
|
|
@@ -318,7 +322,7 @@ var Transfer = function Transfer(props) {
|
|
|
318
322
|
animationsLock = _useState16[0],
|
|
319
323
|
setAnimationLock = _useState16[1];
|
|
320
324
|
var onchange = useCallback(function (e, bol, index, direction, multiple) {
|
|
321
|
-
if (direction ===
|
|
325
|
+
if (direction === 'left') {
|
|
322
326
|
!multiple && leftData.forEach(function (item) {
|
|
323
327
|
return item.checked = false;
|
|
324
328
|
});
|
|
@@ -333,7 +337,7 @@ var Transfer = function Transfer(props) {
|
|
|
333
337
|
}
|
|
334
338
|
}, [leftData, rightData]);
|
|
335
339
|
var queryAll = useCallback(function (checked, direction) {
|
|
336
|
-
if (direction ===
|
|
340
|
+
if (direction === 'left') {
|
|
337
341
|
leftData.forEach(function (item) {
|
|
338
342
|
if (!item.disabled && !item.hide) item.checked = checked;
|
|
339
343
|
});
|
|
@@ -346,7 +350,7 @@ var Transfer = function Transfer(props) {
|
|
|
346
350
|
}
|
|
347
351
|
}, [leftData, rightData]);
|
|
348
352
|
var inverse = useCallback(function (direction) {
|
|
349
|
-
if (direction ===
|
|
353
|
+
if (direction === 'left') {
|
|
350
354
|
leftData.forEach(function (item) {
|
|
351
355
|
if (!item.disabled && !item.hide) item.checked = !item.checked;
|
|
352
356
|
});
|
|
@@ -360,7 +364,7 @@ var Transfer = function Transfer(props) {
|
|
|
360
364
|
}, [leftData, rightData]);
|
|
361
365
|
var onMove = function onMove(direction) {
|
|
362
366
|
var newData = [];
|
|
363
|
-
if (direction ===
|
|
367
|
+
if (direction === 'left') {
|
|
364
368
|
newData = _toConsumableArray(rightData);
|
|
365
369
|
newData.forEach(function (item) {
|
|
366
370
|
if ((item === null || item === void 0 ? void 0 : item.checked) && !(item === null || item === void 0 ? void 0 : item.hide)) {
|
|
@@ -390,7 +394,7 @@ var Transfer = function Transfer(props) {
|
|
|
390
394
|
// 上下移动
|
|
391
395
|
var fluctuation = function fluctuation(direction) {
|
|
392
396
|
setAnimationLock(true);
|
|
393
|
-
if (direction ==
|
|
397
|
+
if (direction == 'up') {
|
|
394
398
|
// setFluctuationPosition(rightCount[0] - 1)
|
|
395
399
|
// setFluctuationOrther(rightCount[0])
|
|
396
400
|
// setTimeout(() => {
|
|
@@ -531,15 +535,15 @@ var Transfer = function Transfer(props) {
|
|
|
531
535
|
className: "moveBtn"
|
|
532
536
|
}, {
|
|
533
537
|
children: [jsx(Button.IconButton, Object.assign({
|
|
534
|
-
className:
|
|
535
|
-
variant:
|
|
538
|
+
className: 'btn btn-right',
|
|
539
|
+
variant: 'outlined',
|
|
536
540
|
disabled: leftCount.length <= 0,
|
|
537
541
|
toolTipTitle: leftCount.length <= 0 ? intl({
|
|
538
|
-
id:
|
|
539
|
-
}) :
|
|
542
|
+
id: 'rightBtnTips'
|
|
543
|
+
}) : '',
|
|
540
544
|
TooltipProps: {
|
|
541
545
|
arrow: false,
|
|
542
|
-
placement:
|
|
546
|
+
placement: 'bottomRight'
|
|
543
547
|
},
|
|
544
548
|
onClick: function onClick() {
|
|
545
549
|
onMove("right");
|
|
@@ -547,50 +551,50 @@ var Transfer = function Transfer(props) {
|
|
|
547
551
|
}, {
|
|
548
552
|
children: jsx(Right, {})
|
|
549
553
|
})), jsx(Button.IconButton, Object.assign({
|
|
550
|
-
className:
|
|
551
|
-
variant:
|
|
554
|
+
className: 'btn btn-left',
|
|
555
|
+
variant: 'outlined',
|
|
552
556
|
disabled: rightCount.length <= 0 || ((_a = rightData[0]) === null || _a === void 0 ? void 0 : _a.checked) || animationsLock,
|
|
553
557
|
toolTipTitle: rightCount.length <= 0 || ((_b = rightData[0]) === null || _b === void 0 ? void 0 : _b.checked) ? intl({
|
|
554
|
-
id:
|
|
555
|
-
}) :
|
|
558
|
+
id: 'leftBtnTips'
|
|
559
|
+
}) : '',
|
|
556
560
|
TooltipProps: {
|
|
557
561
|
arrow: false,
|
|
558
|
-
placement:
|
|
562
|
+
placement: 'bottomRight'
|
|
559
563
|
},
|
|
560
564
|
onClick: function onClick() {
|
|
561
|
-
fluctuation(
|
|
565
|
+
fluctuation('up');
|
|
562
566
|
}
|
|
563
567
|
}, {
|
|
564
568
|
children: jsx(ExpandLess, {})
|
|
565
569
|
})), jsx(Button.IconButton, Object.assign({
|
|
566
|
-
className:
|
|
567
|
-
variant:
|
|
570
|
+
className: 'btn btn-left',
|
|
571
|
+
variant: 'outlined',
|
|
568
572
|
disabled: rightCount.length <= 0 || ((_c = rightData[rightData.length - 1]) === null || _c === void 0 ? void 0 : _c.checked) || animationsLock,
|
|
569
573
|
toolTipTitle: rightCount.length <= 0 || ((_d = rightData[rightData.length - 1]) === null || _d === void 0 ? void 0 : _d.checked) ? intl({
|
|
570
|
-
id:
|
|
571
|
-
}) :
|
|
574
|
+
id: 'leftBtnTips'
|
|
575
|
+
}) : '',
|
|
572
576
|
TooltipProps: {
|
|
573
577
|
arrow: false,
|
|
574
|
-
placement:
|
|
578
|
+
placement: 'bottomRight'
|
|
575
579
|
},
|
|
576
580
|
onClick: function onClick() {
|
|
577
|
-
fluctuation(
|
|
581
|
+
fluctuation('down');
|
|
578
582
|
}
|
|
579
583
|
}, {
|
|
580
584
|
children: jsx(Down, {})
|
|
581
585
|
})), jsx(Button.IconButton, Object.assign({
|
|
582
|
-
className:
|
|
583
|
-
variant:
|
|
586
|
+
className: 'btn btn-left',
|
|
587
|
+
variant: 'outlined',
|
|
584
588
|
disabled: rightCount.length <= 0,
|
|
585
589
|
toolTipTitle: rightCount.length <= 0 ? intl({
|
|
586
|
-
id:
|
|
587
|
-
}) :
|
|
590
|
+
id: 'leftBtnTips'
|
|
591
|
+
}) : '',
|
|
588
592
|
TooltipProps: {
|
|
589
593
|
arrow: false,
|
|
590
|
-
placement:
|
|
594
|
+
placement: 'bottomRight'
|
|
591
595
|
},
|
|
592
596
|
onClick: function onClick() {
|
|
593
|
-
onMove(
|
|
597
|
+
onMove('left');
|
|
594
598
|
}
|
|
595
599
|
}, {
|
|
596
600
|
children: jsx(NavigateBefore, {})
|
package/Tree/Tree.d.ts
CHANGED
package/Tree/index.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { T as Tree } from '../_verture/index-
|
|
2
|
-
export { T as default } from '../_verture/index-
|
|
3
|
-
import '../_verture/toConsumableArray-
|
|
1
|
+
import { T as Tree } from '../_verture/index-7ec72724.js';
|
|
2
|
+
export { T as default } from '../_verture/index-7ec72724.js';
|
|
3
|
+
import '../_verture/toConsumableArray-8f4c9589.js';
|
|
4
4
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
5
|
-
import '../_verture/defineProperty-
|
|
6
|
-
import '../_verture/typeof-
|
|
7
|
-
import '../_verture/slicedToArray-
|
|
8
|
-
import '../_verture/index-
|
|
5
|
+
import '../_verture/defineProperty-1d116156.js';
|
|
6
|
+
import '../_verture/typeof-adeedc13.js';
|
|
7
|
+
import '../_verture/slicedToArray-a8206399.js';
|
|
8
|
+
import '../_verture/index-d63bd287.js';
|
|
9
|
+
import '../_verture/typeof-b240b062.js';
|
|
9
10
|
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
10
11
|
import 'react/jsx-runtime';
|
|
11
12
|
import 'react';
|
|
@@ -20,14 +21,14 @@ import '../Help/index.js';
|
|
|
20
21
|
import '../Tooltip/index.js';
|
|
21
22
|
import 'rc-tooltip';
|
|
22
23
|
import 'rc-tooltip/lib/placements';
|
|
23
|
-
import '../_verture/constant-
|
|
24
|
+
import '../_verture/constant-0d9802f7.js';
|
|
25
|
+
import '@para-ui/icons/Forbid';
|
|
24
26
|
import '../_verture/style-inject.es-300983ab.js';
|
|
25
27
|
import '@para-ui/icons/Help';
|
|
26
28
|
import 'react-dom';
|
|
27
29
|
import '@para-ui/icons/EditFile';
|
|
28
30
|
import '@para-ui/icons/PlusCircle';
|
|
29
31
|
import '@para-ui/icons/Delete';
|
|
30
|
-
import '@para-ui/icons/Forbid';
|
|
31
32
|
import '@paraview/lib';
|
|
32
33
|
import '../_verture/useFormatMessage-703f8b20.js';
|
|
33
34
|
import '@para-ui/core/GlobalContext';
|
package/Tree/utils/treeUtil.d.ts
CHANGED
|
@@ -5,11 +5,4 @@ export declare const collapseMotion: CSSMotionProps;
|
|
|
5
5
|
export default function renderSwitcherIcon(prefixCls: string, switcherIcon: React.ReactNode | null | undefined, showLine: boolean | {
|
|
6
6
|
showLeafIcon: boolean;
|
|
7
7
|
} | undefined, { isLeaf, expanded, loading, eventKey }: TreeNodeProps): {} | null;
|
|
8
|
-
export declare function dropIndicatorRender(props: {
|
|
9
|
-
dropPosition: -1 | 0 | 1;
|
|
10
|
-
dropLevelOffset: number;
|
|
11
|
-
indent: number;
|
|
12
|
-
prefixCls: string;
|
|
13
|
-
direction: 'ltr' | 'rtl' | undefined;
|
|
14
|
-
}): JSX.Element;
|
|
15
8
|
export declare function renderTreeNodeIcon(nodeProps: TreeNodeProps, radioable: boolean, checkedKey: any, replaceFields: any): JSX.Element | null;
|
package/Upload/index.js
CHANGED
|
@@ -1,39 +1,41 @@
|
|
|
1
|
-
import { _ as _defineProperty } from '../_verture/defineProperty-
|
|
2
|
-
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-
|
|
3
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-
|
|
1
|
+
import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
|
|
2
|
+
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
|
|
3
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
|
|
4
4
|
import { a as __awaiter, _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
5
5
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
6
6
|
import { useState, useEffect, useRef, memo, forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';
|
|
7
7
|
import RcUpload from 'rc-upload';
|
|
8
8
|
import UploadIcon from '@para-ui/icons/UploadFile';
|
|
9
9
|
import LoadingIcon from '@para-ui/icons/Loading';
|
|
10
|
-
import { _ as _typeof } from '../_verture/typeof-
|
|
11
|
-
import { r as regenerator } from '../_verture/index-
|
|
10
|
+
import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
|
|
11
|
+
import { r as regenerator } from '../_verture/index-d63bd287.js';
|
|
12
12
|
import Delete from '@para-ui/icons/Delete';
|
|
13
13
|
import TextIcon from '@para-ui/icons/Text';
|
|
14
14
|
import PhotoIcon from '@para-ui/icons/Photo';
|
|
15
15
|
import clsx from 'clsx';
|
|
16
|
-
import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-
|
|
16
|
+
import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-0d9802f7.js';
|
|
17
17
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
18
18
|
import Forbid from '@para-ui/icons/Forbid';
|
|
19
19
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
20
|
-
import
|
|
20
|
+
import EditIcon from '@para-ui/icons/EditOutline';
|
|
21
21
|
import { Button } from '../Button/index.js';
|
|
22
22
|
import { Slider } from '../Slider/index.js';
|
|
23
23
|
import Cropper from 'react-easy-crop';
|
|
24
24
|
import { Modal } from '../Modal/index.js';
|
|
25
25
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
26
|
+
import '../_verture/typeof-b240b062.js';
|
|
26
27
|
import '@para-ui/core/GlobalContext';
|
|
27
28
|
import '@para-ui/icons/LoadingF';
|
|
28
29
|
import '../Tooltip/index.js';
|
|
29
30
|
import 'rc-tooltip';
|
|
30
31
|
import 'rc-tooltip/lib/placements';
|
|
31
32
|
import '@para-ui/icons/Down';
|
|
32
|
-
import '../_verture/index-
|
|
33
|
+
import '../_verture/index-e9007d6a.js';
|
|
33
34
|
import 'rc-dropdown';
|
|
34
35
|
import '../_verture/usePopupContainer-87febeb9.js';
|
|
35
36
|
import 'dayjs';
|
|
36
37
|
import '@paraview/lib';
|
|
38
|
+
import '../AutoTips/index.js';
|
|
37
39
|
import 'rc-slider';
|
|
38
40
|
import 'rc-dialog';
|
|
39
41
|
import '@para-ui/icons/Close';
|
|
@@ -44,7 +46,7 @@ import '@para-ui/icons/CloseCircleF';
|
|
|
44
46
|
import '@para-ui/icons/WarningCircle';
|
|
45
47
|
import '@para-ui/icons/WarningCircleF';
|
|
46
48
|
|
|
47
|
-
var css_248z$4 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午3:08\n* @description\n*/\n/**\n* @author
|
|
49
|
+
var css_248z$4 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午3:08\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-list-text .upload-list-item {\n margin-top: 8px;\n}\n.paraui-v4-upload-list-text .upload-list-item-info {\n display: flex;\n align-items: center;\n padding: 0 8px;\n line-height: 28px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n border-radius: 4px;\n transition: background-color 0.3s;\n}\n.paraui-v4-upload-list-text .upload-list-item-info .upload-list-text {\n position: relative;\n display: inline-flex;\n align-items: center;\n}\n.paraui-v4-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon {\n line-height: 0;\n opacity: 1;\n transition: opacity 0.3s;\n}\n.paraui-v4-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-upload-list-text .upload-list-item-info .upload-list-text-name {\n margin-left: 10px;\n}\n.paraui-v4-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions {\n position: absolute;\n opacity: 0;\n visibility: hidden;\n line-height: 0;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.paraui-v4-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions svg {\n color: rgb(244, 66, 66);\n font-size: inherit;\n}\n.paraui-v4-upload-list-text .upload-list-item-info:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-actions {\n visibility: visible;\n opacity: 1;\n}\n.paraui-v4-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-fileicon-active {\n opacity: 0;\n}\n.paraui-v4-upload-list-picture {\n display: inline-flex;\n align-items: center;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item {\n position: relative;\n display: inline-block;\n width: 100px;\n height: 100px;\n margin-right: 16px;\n border-radius: 4px;\n cursor: default;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item::before {\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n background-color: rgb(29, 33, 38);\n border-radius: 4px;\n opacity: 0;\n transition: 0.3s;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item img {\n width: 100%;\n height: 100%;\n border-radius: 4px;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item .upload-list-picture-name {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 0 10px;\n font-size: 12px;\n line-height: 24px;\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n background-color: rgb(29, 33, 38);\n border-radius: 0 0 4px 4px;\n color: rgb(255, 255, 255);\n transition: 0.3s;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item .upload-list-actions {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item .upload-list-actions svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly)::before {\n opacity: 1;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly) .upload-list-actions {\n opacity: 1;\n}\n.paraui-v4-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly) .upload-list-picture-name {\n opacity: 0;\n}";
|
|
48
50
|
styleInject(css_248z$4);
|
|
49
51
|
|
|
50
52
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
@@ -231,7 +233,7 @@ var UploadList = function UploadList(props) {
|
|
|
231
233
|
});
|
|
232
234
|
};
|
|
233
235
|
|
|
234
|
-
var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/15 下午7:12\n* @description\n*/\n/**\n* @author
|
|
236
|
+
var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/15 下午7:12\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-error {\n position: absolute;\n left: 0;\n top: 100%;\n margin-top: 12px;\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n line-height: 28px;\n background-color: rgba(244, 66, 66, 0.1);\n color: rgb(244, 66, 66);\n font-size: 14px;\n white-space: nowrap;\n border-radius: 4px;\n z-index: 1;\n}\n.paraui-v4-upload-error svg {\n margin-right: 4px;\n font-size: inherit;\n color: inherit;\n}\n.paraui-v4-upload-error-image {\n margin-top: 8px;\n}\n.paraui-v4-upload-error-drag {\n top: 20px;\n left: 50%;\n margin-top: 0;\n transform: translateX(-50%);\n}";
|
|
235
237
|
styleInject(css_248z$3);
|
|
236
238
|
|
|
237
239
|
//error tip
|
|
@@ -272,7 +274,7 @@ var localeJson = {
|
|
|
272
274
|
en: en
|
|
273
275
|
};
|
|
274
276
|
|
|
275
|
-
var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午7:31\n* @description\n*/\n/**\n* @author
|
|
277
|
+
var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午7:31\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-image {\n display: inline-flex;\n align-items: center;\n /*&-border {\n .upload-image-select{\n border: 2px dashed $A1;\n\n &:hover {\n border: 2px dashed $PT8;\n }\n }\n }*/\n}\n.paraui-v4-upload-image .upload-image-select {\n position: relative;\n width: 100px;\n height: 100px;\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-select-loading {\n pointer-events: none;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload {\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-upload-image .upload-image-select:hover .upload-image-picture-card {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card {\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n cursor: default;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper img {\n width: 100%;\n height: 100%;\n border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper::before {\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n background-color: rgb(29, 33, 38);\n border-radius: 4px;\n opacity: 0;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-name {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 0 10px;\n font-size: 12px;\n line-height: 24px;\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n background-color: rgb(29, 33, 38);\n border-radius: 0 0 4px 4px;\n color: rgb(255, 255, 255);\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover::before {\n opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-name {\n opacity: 0;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-action {\n opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-icon {\n color: rgb(46, 101, 230);\n font-size: 30px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-loading {\n color: rgb(46, 101, 230);\n font-size: 30px;\n animation: imageLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text {\n margin-top: 6px;\n color: inherit;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text-loading {\n color: rgb(46, 101, 230);\n}\n@keyframes imageLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}";
|
|
276
278
|
styleInject(css_248z$2);
|
|
277
279
|
|
|
278
280
|
//ImageUpload
|
|
@@ -574,7 +576,7 @@ var ImageUpload = function ImageUpload(props) {
|
|
|
574
576
|
})), jsx("span", Object.assign({
|
|
575
577
|
className: 'upload-img-wrapper-action'
|
|
576
578
|
}, {
|
|
577
|
-
children: jsx(
|
|
579
|
+
children: jsx(EditIcon, {})
|
|
578
580
|
}))]
|
|
579
581
|
}));
|
|
580
582
|
}
|
|
@@ -782,7 +784,7 @@ var EasyCrop = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
782
784
|
});
|
|
783
785
|
var EasyCrop$1 = /*#__PURE__*/memo(EasyCrop);
|
|
784
786
|
|
|
785
|
-
var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/20 下午4:44\n* @description\n*/\n/**\n* @author
|
|
787
|
+
var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/20 下午4:44\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-container {\n position: relative;\n width: 100%;\n height: 40vh;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control {\n display: flex;\n align-items: center;\n width: 60%;\n margin-left: auto;\n margin-right: auto;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control:first-of-type {\n margin-top: 16px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control:last-of-type {\n margin-bottom: -8px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 34px;\n height: 34px;\n padding: 0;\n font-style: normal;\n background: transparent;\n border: 0;\n outline: 0;\n cursor: pointer;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button[disabled] {\n cursor: default;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button + div:only-of-type {\n flex: 1;\n margin: 0 8px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-zoom button {\n font-size: 18px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button {\n font-size: 500;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button:first-of-type {\n transform: rotate(-20deg);\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button:last-of-type {\n transform: rotate(20deg);\n}";
|
|
786
788
|
styleInject(css_248z$1);
|
|
787
789
|
|
|
788
790
|
//图片裁剪组件
|
|
@@ -1121,7 +1123,7 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1121
1123
|
});
|
|
1122
1124
|
});
|
|
1123
1125
|
|
|
1124
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午1:40\n* @description\n*/\n/**\n* @author
|
|
1126
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午1:40\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload .component-upload {\n position: relative;\n display: inline-block;\n}\n.paraui-v4-upload-loading {\n pointer-events: none;\n}\n.paraui-v4-upload .paraui-v4-button {\n color: rgb(92, 101, 115);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-upload .paraui-v4-button:hover {\n border-color: rgb(87, 131, 235);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload .paraui-v4-button-loading .button-icon {\n color: rgb(46, 101, 230);\n animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-drag {\n position: relative;\n}\n.paraui-v4-upload-drag .component-upload {\n display: block;\n}\n.paraui-v4-upload-drag-loading {\n pointer-events: none;\n}\n.paraui-v4-upload-drag-hover .upload-drag-container {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container {\n display: inline-flex;\n width: 100%;\n max-width: 590px;\n height: 200px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n line-height: 1;\n border: 2px dashed rgb(212, 218, 227);\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-drag .upload-drag-container:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon {\n line-height: 0;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon svg {\n font-size: 48px;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon .upload-drag-loading {\n animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text {\n margin: 20px 0 12px 0;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-loading {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-filename {\n margin-right: 5px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-hint {\n color: rgb(92, 101, 115);\n padding: 0 20px;\n text-align: center;\n}\n@keyframes uploadLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}";
|
|
1125
1127
|
styleInject(css_248z);
|
|
1126
1128
|
|
|
1127
1129
|
//upload
|