@para-ui/core 3.0.86 → 4.0.0-alpha
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 -11
- 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/DatePicker/util.d.ts
CHANGED
|
@@ -3,11 +3,47 @@ import { PickerLocale } from './generatePicker';
|
|
|
3
3
|
import { SharedTimeProps } from "rc-picker/lib/panels/TimePanel";
|
|
4
4
|
export declare function getPlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: string): string;
|
|
5
5
|
export declare function getRangePlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: [string, string]): [string, string] | undefined;
|
|
6
|
-
export declare function getTimeProps<DateType>(props: {
|
|
6
|
+
export declare function getTimeProps<DateType, DisabledTime>(props: {
|
|
7
7
|
format?: string;
|
|
8
8
|
picker?: PickerMode;
|
|
9
|
-
} & SharedTimeProps<DateType
|
|
10
|
-
|
|
9
|
+
} & Omit<SharedTimeProps<DateType>, 'disabledTime'> & {
|
|
10
|
+
disabledTime?: DisabledTime;
|
|
11
|
+
}): {
|
|
12
|
+
format?: string | undefined;
|
|
13
|
+
picker?: PickerMode | undefined;
|
|
14
|
+
showNow?: boolean | undefined;
|
|
15
|
+
showHour?: boolean | undefined;
|
|
16
|
+
showMinute?: boolean | undefined;
|
|
17
|
+
showSecond?: boolean | undefined;
|
|
18
|
+
use12Hours?: boolean | undefined;
|
|
19
|
+
hourStep?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | undefined;
|
|
20
|
+
minuteStep?: 2 | 1 | 23 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | undefined;
|
|
21
|
+
secondStep?: 2 | 1 | 23 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | undefined;
|
|
22
|
+
hideDisabledOptions?: boolean | undefined;
|
|
23
|
+
defaultValue?: DateType | undefined;
|
|
24
|
+
disabledHours?: (() => number[]) | undefined;
|
|
25
|
+
disabledMinutes?: ((hour: number) => number[]) | undefined;
|
|
26
|
+
disabledSeconds?: ((hour: number, minute: number) => number[]) | undefined;
|
|
27
|
+
disabledTime?: DisabledTime | undefined;
|
|
28
|
+
} | {
|
|
29
|
+
showTime: {
|
|
30
|
+
format?: string | undefined;
|
|
31
|
+
picker?: PickerMode | undefined;
|
|
32
|
+
showNow?: boolean | undefined;
|
|
33
|
+
showHour?: boolean | undefined;
|
|
34
|
+
showMinute?: boolean | undefined;
|
|
35
|
+
showSecond?: boolean | undefined;
|
|
36
|
+
use12Hours?: boolean | undefined;
|
|
37
|
+
hourStep?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | undefined;
|
|
38
|
+
minuteStep?: 2 | 1 | 23 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | undefined;
|
|
39
|
+
secondStep?: 2 | 1 | 23 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | undefined;
|
|
40
|
+
hideDisabledOptions?: boolean | undefined;
|
|
41
|
+
defaultValue?: DateType | undefined;
|
|
42
|
+
disabledHours?: (() => number[]) | undefined;
|
|
43
|
+
disabledMinutes?: ((hour: number) => number[]) | undefined;
|
|
44
|
+
disabledSeconds?: ((hour: number, minute: number) => number[]) | undefined;
|
|
45
|
+
disabledTime?: DisabledTime | undefined;
|
|
46
|
+
};
|
|
11
47
|
};
|
|
12
48
|
export declare function formatPickerValue(value: unknown, format?: string): unknown;
|
|
13
49
|
export declare function mergedLocale(locale: {
|
|
@@ -19,4 +55,4 @@ export declare function mergedLocale(locale: {
|
|
|
19
55
|
};
|
|
20
56
|
export declare function getNearestAbsoluteAncestor(node: Node, pos: string): HTMLElement | null;
|
|
21
57
|
export declare function isolationPopupPollution(open: boolean, uniqueCls: string): void;
|
|
22
|
-
export declare function getPopupContainer(triggerNode: HTMLElement, customizeContainer: any,
|
|
58
|
+
export declare function getPopupContainer(triggerNode: HTMLElement, customizeContainer: any, wrapRef: any): HTMLElement;
|
package/Desktop/index.d.ts
CHANGED
|
@@ -4,22 +4,33 @@
|
|
|
4
4
|
* @description 桌面移动
|
|
5
5
|
*/
|
|
6
6
|
import React, { FunctionComponent } from 'react';
|
|
7
|
+
import { TooltipProps } from "../Tooltip";
|
|
7
8
|
import './index.scss';
|
|
9
|
+
export interface DesktopDataItem {
|
|
10
|
+
key: string;
|
|
11
|
+
name?: string;
|
|
12
|
+
disable?: boolean;
|
|
13
|
+
icon?: string;
|
|
14
|
+
disabledTooltip?: TooltipProps;
|
|
15
|
+
[key: string]: string | boolean | number | undefined | null | Object;
|
|
16
|
+
}
|
|
8
17
|
export interface DesktopProps {
|
|
9
18
|
/** 样式名称 */
|
|
10
19
|
className?: string;
|
|
11
20
|
/** style */
|
|
12
21
|
style?: React.CSSProperties;
|
|
13
22
|
/** 拖拽列表数据 */
|
|
14
|
-
data: Array<
|
|
23
|
+
data: Array<DesktopDataItem>;
|
|
15
24
|
/** 排序数据 */
|
|
16
25
|
sort?: {
|
|
17
26
|
[key: string]: mapProps;
|
|
18
27
|
};
|
|
19
28
|
/** 排序回调事件 */
|
|
20
|
-
onSort?: (data:
|
|
29
|
+
onSort?: (data: Array<DesktopDataItem>) => void;
|
|
21
30
|
/** 点击事件回调 */
|
|
22
|
-
onClick?: (data:
|
|
31
|
+
onClick?: (data: Array<DesktopDataItem>) => void;
|
|
32
|
+
/** 提示最大宽度 */
|
|
33
|
+
tipMaxWidth?: number;
|
|
23
34
|
}
|
|
24
35
|
export interface PointConfig {
|
|
25
36
|
/** 距左距离 */
|
|
@@ -44,6 +55,8 @@ interface mapProps {
|
|
|
44
55
|
index: number;
|
|
45
56
|
/** 禁用 */
|
|
46
57
|
disable?: boolean;
|
|
58
|
+
/** 禁用提示 */
|
|
59
|
+
disabledTooltip?: TooltipProps;
|
|
47
60
|
/** 图标 */
|
|
48
61
|
icon?: any;
|
|
49
62
|
/** 数据 */
|
package/Desktop/index.js
CHANGED
|
@@ -1,46 +1,65 @@
|
|
|
1
|
-
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-
|
|
2
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-
|
|
3
|
-
import {
|
|
1
|
+
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
|
|
2
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
|
|
3
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import React__default, { useRef, useState, useMemo } from 'react';
|
|
5
5
|
import { TextField } from '../TextField/index.js';
|
|
6
|
-
import { Button } from '../Button/index.js';
|
|
7
6
|
import { DeepClone } from '@paraview/lib';
|
|
8
|
-
import { $ as $prefixCls } from '../_verture/constant-
|
|
7
|
+
import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
|
|
8
|
+
import AutoTips from '../AutoTips/index.js';
|
|
9
|
+
import NavigateBefore from '@para-ui/icons/Left';
|
|
10
|
+
import { Button } from '../Button/index.js';
|
|
11
|
+
import ReactDOM from 'react-dom';
|
|
12
|
+
import { Tooltip } from '../Tooltip/index.js';
|
|
13
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
9
14
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
10
15
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
11
|
-
import '../_verture/typeof-
|
|
16
|
+
import '../_verture/typeof-adeedc13.js';
|
|
12
17
|
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
13
18
|
import '../Label/index.js';
|
|
14
19
|
import '../Help/index.js';
|
|
15
|
-
import '../Tooltip/index.js';
|
|
16
|
-
import 'rc-tooltip';
|
|
17
|
-
import 'rc-tooltip/lib/placements';
|
|
18
|
-
import 'clsx';
|
|
19
20
|
import '@para-ui/icons/Help';
|
|
21
|
+
import 'clsx';
|
|
20
22
|
import '@para-ui/icons/PreviewClose';
|
|
21
23
|
import '@para-ui/icons/PreviewOpen';
|
|
22
|
-
import '@para-ui/icons/
|
|
23
|
-
import '../AutoTips/index.js';
|
|
24
|
+
import '@para-ui/icons/CloseCircleF';
|
|
24
25
|
import '../Loading/index.js';
|
|
25
26
|
import '@para-ui/icons/LoadingF';
|
|
26
27
|
import '../HelperText/index.js';
|
|
27
28
|
import '../_verture/useGlobalProps-1b846a65.js';
|
|
28
29
|
import '@para-ui/core/GlobalContext';
|
|
29
|
-
import '../_verture/index-
|
|
30
|
+
import '../_verture/index-e9007d6a.js';
|
|
30
31
|
import 'rc-dropdown';
|
|
31
32
|
import '../_verture/usePopupContainer-87febeb9.js';
|
|
32
33
|
import 'dayjs';
|
|
34
|
+
import 'rc-tooltip';
|
|
35
|
+
import 'rc-tooltip/lib/placements';
|
|
33
36
|
import '@para-ui/icons/Forbid';
|
|
34
37
|
import '@para-ui/icons/Down';
|
|
35
|
-
import '../_verture/useFormatMessage-703f8b20.js';
|
|
36
38
|
|
|
37
|
-
var
|
|
39
|
+
var en = {
|
|
40
|
+
createDir: 'Create Folder',
|
|
41
|
+
save: 'Save',
|
|
42
|
+
outDir: 'Move out of folder'
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
var zh = {
|
|
46
|
+
createDir: '新建文件夹',
|
|
47
|
+
save: '保 存',
|
|
48
|
+
outDir: '移出文件夹'
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
var localeJson = {
|
|
52
|
+
zh: zh,
|
|
53
|
+
en: en
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-desktop {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-desktop .paraui-v4-cp {\n cursor: pointer;\n font-size: 14px;\n font-weight: 700;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title-input {\n max-width: 440px;\n min-width: 200px;\n}\n.paraui-v4-desktop .desktop-title-input-btn {\n margin-left: 10px;\n}\n.paraui-v4-desktop .desktop-title-wrapper {\n display: flex;\n flex: 1;\n width: 100%;\n position: relative;\n}\n.paraui-v4-desktop .desktop-title {\n display: flex;\n height: 20px;\n line-height: 20px;\n font-size: 14px;\n margin: 20px 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist {\n display: flex;\n align-items: center;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea {\n width: 38px;\n height: 30px;\n display: flex;\n align-items: center;\n cursor: pointer;\n flex-shrink: 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea:hover svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-desktop .desktop-title > div {\n width: 100%;\n text-align: center;\n color: rgb(29, 33, 38);\n font-weight: 600;\n font-size: 14px;\n}\n.paraui-v4-desktop .desktop-title > div > span {\n cursor: pointer;\n font-weight: bold;\n}\n.paraui-v4-desktop .pd-lr38 {\n padding: 0 38px;\n}\n.paraui-v4-desktop .desktop-box {\n position: relative;\n width: 100%;\n height: calc(100% - 50px);\n}\n.paraui-v4-desktop .desktop-box .desktop-item {\n position: absolute;\n top: 0;\n left: 0;\n transition: top 0.5s, left 0.5s;\n user-select: none;\n cursor: pointer;\n background-color: white;\n border-radius: 8px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-name {\n text-align: center;\n position: absolute;\n font-size: 14px;\n z-index: 0;\n width: 100%;\n padding: 0 5px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body {\n width: 100px;\n margin: 25px auto 10px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name {\n margin: 0 auto;\n color: rgb(29, 33, 38);\n font-size: 14px;\n max-width: 180px;\n text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body {\n text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body img {\n height: 70px;\n margin-top: 25px;\n margin-bottom: 10px;\n pointer-events: none;\n}\n.paraui-v4-desktop .desktop-box .item-disable {\n box-shadow: none;\n cursor: not-allowed;\n position: relative;\n}\n.paraui-v4-desktop .desktop-box .item-disable::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n z-index: 1;\n}\n.paraui-v4-desktop .desktop-box [drag-item=true] {\n z-index: 2;\n transition: none;\n}\n.paraui-v4-desktop .desktop-box [impact=true] {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-desktop .desktop-box [in-dir=true] {\n display: none !important;\n}\n.paraui-v4-desktop .desktop-box .img-box {\n display: inline-block;\n width: 100%;\n text-align: center;\n margin-top: 10px;\n}\n.paraui-v4-desktop .desktop-box .img-box > img {\n width: 100px;\n height: 100px;\n user-drag: none;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box {\n display: inline-block;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box > img {\n width: 40px;\n height: 40px;\n margin: 5px 15px;\n}\n.paraui-v4-desktop .menu-list {\n position: absolute;\n box-shadow: 4px 4px 6px #dcdde3;\n background-color: #ffffff;\n font-size: 14px;\n border-radius: 4px;\n z-index: 10;\n display: none;\n transition: background-color 0.2s;\n}\n.paraui-v4-desktop .menu-list .menu-item {\n padding: 5px 15px;\n cursor: pointer;\n}\n.paraui-v4-desktop .menu-list .menu-item:hover {\n background-color: rgb(246, 246, 246);\n}";
|
|
38
57
|
styleInject(css_248z);
|
|
39
58
|
|
|
40
59
|
/** 默认图标 */
|
|
41
60
|
var Icon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAACbCAYAAAB1YemMAAAgAElEQVR4nO2dB5jc1L32f9LMVtu7XveGAWNMgiEYQguEEmwMtjFggimB0Lmk3EAogfRiIEBukksJuUAI5KN3MNhgG0ILLXRi0ww24IYrrrve3RnpfI800syRRtJImrKzxu/zaFfl6Oico3f+7RQpbAXTaKwDRkrbMGAIMBRoAZqtradPa62XttXAcmAJsBj4CFgAfPJr2tJf5tb+0pFtGo2NwJ7AN4AxwG7AKCBR5kd3AO8D7wCvA68Y+7+mLVXm51YNtniyTaOxHtgPGGdte1SAWHlQENYpxfprHrcDLwJPK/BP4LVfsFmvdNkqhS2SbNNo7AMcARwNjAd6VOrZPqSSrnvvW2lXAo8Djxr/f0Z7RyXKXClsMWSzJNhk4GRgIpAs5/OKJFWYtBuA6QrcATx1Me3dXuJ1e7JNo3EX4AfASUBTqfPPEENxHdv77rRe93pfL3QviOw5JeNo3ArcfBEdiyNWoWrQLck2jcakpSJ/BBxYijyrhFSF0mrAQwpcewGdL3hWpIrRrcg2jcZa4BTgp8AOcfLoJqTKng9I+xJwGYhZPyYl6AboFmSbRmMNcLZFsm3C3LMFkcqVVnGX723g5+eSeiLvlipDVZNtGo1G+b4NXGEFXPPQNaQSjnPlIWAeqXzLYaV/XkFc8kPSr+TdVCWoWrJNo/HrwF+AfXGRKogk3sdbDqnUvJTu9OJ24Gc/QFvqk7TLUHVku5SGZlB+D3xPQTjatjpIFZ2AlIdU0rm8vFuBXxmOxDlomk9WFUdVke0yGqYANygwQD7vJE3wCytElHJKNUpEqvgEdEJFvAmceTb62z5JKoqqINvlNPQ2VKaSiZWZqE5SBUqTwPRlJlVAemF0/v8WuOqszH6XocvJdgX1Y4HbrFEWJvyIEmQjeV3fkkiluOqanz7fhHCp3H8DJ54Bn/hkU3Z0GdmupN5o619Yvzq1GklVTgJ6lY3SkCogb9YrcNap8IDPI8qKLiHbVdT3A+5S4FDnFX9SBcWovK5vSaTKr2NBUhXImz8DF58CFXUeKk62P1C/M4iZCmznVYjqJJXzWjciVUDePA0cdzKs8cmi5Kgo2f5I3QTgHqPDPBqphEmH/LSK9b96SRVEnDCk8vuRxUnvkdYYQTzxOzDfJ/uSomJk+xN1RnfTDVixsy8LqfzL6H1/mUgVdO0LBY46HsresV8Rsv2Z2ksUwyfIYiupwpAq2LyITKqgZ242VOpxMMMnSUlQdrJdTe1VhjGaOepupAry/Nxl9H5WlZEqqIzGXIhTj4W7fW4vGmUl2zXUGtLskmogVYHAZ965riZVmLRlULm6AqccA3f6ZF0Uyka2a6m5UoFLcme2kipu2grbcSbhji4D4cpCtutIGoHa32wlVbS0XeAc+B0b8bejjyqxDVdysl1P8kxjrDw+pAoTKK0zZwMLc0pUA8I8rs1uGRsrKd2nW0+wO/7SlgFiTE3qtP4bx4YV3GZdj/PCSkXAcpIqKgEDjo3mOnRyZqphSVBSsv2VhDF9bnqm+6kwqVRzmrkwp5y3IMx9Y8p5UlFRauvB2GrqUBJJSNRCIomSTGZyUa2pn8Z/PRMIF/Z/LW1tKUQ6s+mpdvRUByLdaRKwzWrNjda2SfpJfMlIFXRtnTGZexJ84PG4yCgZ2W4gMcaacNvoVXgscvVDMMDaeptcSUJ9D5T6nlDfE6WuAZK1pSpWDrrlCQsNvb0drbMNvbMNrSPzX9d1k3CbrBZeZ0nDLwmpgtJ+bAxgnVCCnoaSkO1GEn2BN4Bt7XO2TWVMHhiMMBfNGIggoajQ2ITSoxkamzPSq1ywCWaWRWQsEcWSX5rIyTJdmOTTOlrROjaZ/w0p2WqRbq0l/bytxC2GVEHXnzNU6mGZ319sFE22v6Eaeu1J4GD7nGrOShEMNyUYqGoC0asP9OxjEg2lbE5wBrrIqXCDVF4EM/7ruX1Fk8+Dlmoj3bGRdPsmtHS7ydMvrG2dZSd2Bam6kIBXj4fz80+HR9Fv/WbUK0GYIY5e5vw6YYq3WkVB9GhBNPWFHr0rQjBsKWYTR5Ekmi3ddGlfk6ReNg8rH82egC7Q0ylSnZtIdWxAS3eYWay1lita7ypGBTzFkuYV0Ys+fizc53FLKBTFgL+jHKrA7IGg7GRJMRI1iN4D0Jv7l8f2kuGrJmWCOUmUL8Xk8zmCOYmpZ/PT9RSp1CY6Ozah62nT2VhjEc9emKMaJFOhe4OuB9ighjUx5hBY6JMkELHJdicMGgDv7wS9DW9S1Dag9xmSUZfdQE3ahDJv1fV8YgrhJKmim+cUIbL3ptMddBgSL9VhHhuLc6y0Funo5qQKes7LxioEB+ciTaERmxWfwrJ+MNgkWd+h6AbJygk3wZClmA+R5PPkiORNMDN2ksnTloomwYxTupPESOkRCKHT0dFGR2qzud9ukW6tR3OUSt1VgFRBaX97IPzOJ1tfxCLbXPjLCEX5YXrgCHTDJisXItthFK0mbYJlSCmc5LIlnn1OuMms05lqpz3djq5r5k9/taVm5SWIuhGp/J5jVG2vb2Zm44dGZLK9BqNHwtxE/+GK1jIo6u2eUPv3o/aEKZlLwiaYBYMsirSfhZBiEf77GW5K98kEsUiVPXZfl5/lSJPbV+Q8lNz9mkE2LY1u2HlWELk9QvgkzDVt0yZz61i2jM0ffMDmhQsR6XQpSRWUjxHq2nf/COo08hpm/WFGTV2jkmoZGPVWXyj9+lD/32eVLL9qQI2rDL0rUCaRSrHh5ZdZ98wzrHn8cTa++mopSOU4J10zViw415rPEAqRJNs8OG8EXJ0aPLI0NpolqZJf3ZGej5ZlVMuXGpvnz2fFrbey/G9/I71mTckknoSNCuy0D3wepp39Blrk4XmoHWCMtk3WFkc0PWNHKbqeGbio6U41txUlQ8OoUWx3xRXs9dlnbH/lldT262eSRrFevP3fa1M8Nne6BPRSI0i20GQbCLf2gnqtV0yHwE0wXdq0LXbN4qpAokcPhl5yCbt/+CGDzj4bVVWzhJFJ5UfAhCut6kx7whuwV5h6hiLbXBg4CE4w9vWeEawPWYoZhDK8RINcirVvkmyrZKsUkn36MOKmm9j5ySepHTQoUKoVOlac+38MU4VQZGuE2+qMtIqCXu/33QkLDjWp56SYInJSzCaduYkAH20ryoGmQw5hl7ffpumgg3xJ5SXxAtTugW/D4UWT7U0YOsCauS7qevj3DniqSZlglhSzSWYR0d62orKoGTiQUU8+SZ+pU0PbcQVsud8WTbYWuLXGckaEMdbMRbBQalKXJJkmJIJJ57ei4lBqatj+nnvod/rpvoTyk2qJ/PT7zC0g3QLJ9gEM6J/5KkqGWzV1AWpSD1CTtgQT5j2y1FOMter0rWq0y6CqDL/5ZnpPnlyMVLO3XwZVI5BsdfCXGllxJmoC1KQIVpOSdDO6gQySmUSzpdtWdC3h7r2XxjFjPAkVIUSy//sBnqkv2V6DRAscLQf5hJE8qyZ1TzXptMNkguk5ghlzBWyymoTbSrauhtrQwPD77yfZq1fsuJu1XeRXFV+y9YGfNVq9LlnJJsiRLEswp5rMESynJjOSTXMS0+j51izSiapZ9vVLjdqRIxl83XVxpZp9/piPwLPT3LdvtDnz9RQnFCSVFzC6IuoYsS6w2cSaNXQeOxWxbJmrQx7XrDC/faT0AekUkXebw58X3ueF67zxc9xg+11GV1RjI0rPntSNHEn9HnvQ87DDqN9ll3CVD0Dzqaey/pZb2Pz88/lllcoT0NVlcOoM4Pc+1534EPbYHt5QXE3YPmAEItloN0fmX+AYMYtgBcaIqbvuTOO/ZkdqFG32kyTGjytqoKb+7rt0jh2HWLs2U34lDMnkUSklJph0zatWxqUNGrRb2bdaJLTT1u+2G30vuIDmk06CRPyvXHbMm8dnu+1mOYH58GtxSU0aS6mOHOGyjzzVaCNc6vkQm0Ch1aTtMGhWs2goumZOp8tNLdatQYjRoD30MJ0XXhyvNe3Kjx5N7aPTURobcuPkCmwKQpq3IG2KyOXhIlMmbiQllc7bI6Ds36Sf1MDicLMKPZRMmp7WxG37no533mHZqafyyV570fHWW7HbpW6XXWiaOjWqrSan2V6Bg/La2+thTXCI3FjZfS1tGftavjeZ9UotW8wcrm0TzLpHaE6CGcciroMgSN9wA6nL86R1JKh7703t/fdBbY0v0RQHyXAOqJQJJkmlPJL5EIwCBHMUxYLR+91svbkGi3DyS0+99RaLvvENNtx6a+x2afnpT1EVpRhn4TvuPPPIthCm9gDPyZyKMTDPjotlCaY5jX0lQx5FpC0pZnmstiSTCSb07NDqyLDeVurSy0lf/9fYjWo2wrhDqTFejKl6bILhQzDhlIJBBPORYu7znnARLJveOm+QrI8l4epcEs4kREcHK888k3XXXBOrTerGjKF+v/1iOwsKHLs4U7RcO7sfUgP/LdwSzd4xltH3VZO6h5rUnaQyiWZ1vFskU6wAcWQIS0IqgtSFP0G7u7hlxRLHTqXm2uuC1WQRBAujJt1SzE9C2qhVMoRTrcGate4XLwRrzj+f1oceitUmvU45JYoX6iZjb0XSkHiRrQH28gpEKLYajaQm7bCG5pBiZnpry9lu0aHYs52ETudZZ6M9/nisfGwkzjqb5LRL/dWk3Bb4k6NYNemXv9d9Bsn6Kpnuo6RFOgc5hGD1GWeQXrIkcns0Gv2miYRTYnpIODfhpOPJcn4Osr0P+9ZCg00BdwMp6c4cwaKoSeEimJK7xySpHifOJhxvVDEmEp90EvoLxS0Nm7jk5yR+fH44KeY6X0o1GUQwd/4Gyfpa/ZX25nj++vWsveCCyG2htrSYYZUQpPKTcpOXS03gIFsNnK9n/UaPh+spD4K5jH0/NankvE8zD123SKYHvJEgCEstSXZVWyudx0xBf+edOBlmkbzqTyROOa3L1aT7njwCS9IzIRHOq6O8/YEHSM2dG7kt6saODUMqP0IOU2CMnZeDbEn4phyU0FwNp+jpADUp8tWkbLuZKs+SYkLkpJuI1zdqlssrXLF+HalJExALF0TO09EWN/4ddfLRXa4m8SAY0ixCRTqtWBNrPEkhBK033BC5HWr33DMMqYKOx9p5Zcn2lrn6GYNzpn5mk50Fs39TT4VXkxLBslLM3nSZaPFCH/lb5rxYtZLUYeMRy4r45KaqkrzzHtRvHZIjmQfBKqEm7WvuXgXhele2NmryMORVS7pFRXLUqKiq033sWHDIRBKOwqKJXXDdQ52adptFsgz5wqhJ4UMwSxLGchDkNyay+dibWPQpqUmHI1avjpG3hbo6kvc/DHvsmRHGYQlWBjWJdF44f7a4BQTWInmKJCzMe1euJP3ee5GaIDFqVFTV6XYoDlib0eo5siVgqlxw975d0YzdJiRPMme3BapJm2g2+YTlTZLftRMeTpK5JZ14fx7pKUdAa2vcB0BTEzUznkAdtZP39TAECyCZF8Hc+SERTPPYvN6bATtYqkvPSM+bF6n6Sl2dOWEmBKn8YnDG13x2w2Wz7emlQuV984Z0ykdN6h5qMje2zdYfdrhCEbI3GR2ZihaO6uuv/pvUsUdDqoh17Pr1IzHnnyjDhuXOFWOHedl5Hk3hRzAv7eMlJJAmS9v2t/g81BRPB9SePcOQykFA12ZMaHaQbZj7V+KuoGI5CeHVpItg7nCF25uMBJckCwi6iqefIn3yiUUN0lSGDiUx6yno178iajKIYFGu2S9Z2Atcb9gQue7GWLeQpMpuCScRc2R7yxxRRL3wqJiQKq+bQcJMV1RkNSlJsSzBAq3lEIjQ+S0efhDtB+fEe46d7047kZz5BEpzc1FqMsgOc0spL5PGvR8k7WStZN7T3By94m1tviRLhJNyJtns8WyHaVIiW+Sq0r5ik41MH6kwfFf7JdsBJotg2daT3kLQGDHR2YFY9Fmk+otNG/MI5pW9Q1r8/WZzNbnElX+I9CwZyh5fJ/Hgw2iTJkJ7u6tQPuVBaipXmaJuuPpc9BB52WnMd7rNNtErvXFjfleTXz29nahd2uwPGL8Jf1HhhzUW+/y2Gjs6rSZI1dZma+kgkvAjGHkkc+8rQWlKOEYscdX/oF7gO3o5FMSj09GO/Takc/56EMHk8nhteJBItkZ1n/2o2/D580nuuGP4era20mrZbG4Eeebu88b3ZVWr0DsXEtfycSbk4a0m8+2w4OZQCo0R87HD3GpMPi9rba+ovvbTi9Fv/XvoBvdszCOPQr3pZhRFiRWuKKWaDLsp22wTiWhmuefPj+QQBIRHRppqVIfhsvr0UqMOlWp5ofL37BRH6wZLMEd6r3S2FIuoJgPVmAxjKfrvnWOqVHXKMUEpA6Gedpo5yle/8AKHFCu1mvSScHqE++z95hNOiFxH8eGHnhJM8dl3X5OOdzQlmwZ90gG/KC8pZ3qkQYMKPfb9wxVdMEZM09BPOhHx9D+jtH0elPPPR/n5L7LldRv6UcMV7jR+Eq6QZMx7fjJJ8znRHSTx73/H6q7ykIDbm2RLQ093IwmfBssGNaSJL9WmJj0J5pV/RyfalKMRr75aFOHUyy5DOeecQBXp15alVJN++Rv/m884g9oddohcN/HMM1FJ5SfZB5vnnwORcDkFYZwFpSbpq9/8vc8Cxr7P+Uhq0q2hA/I30b8/iaefRdl556Bcg6HrpE48kfR998VSk17HxWxyXslBg9hx3jySfSMud7Z8OekhQzK2eEAyryb1wBz1TWhOR/zF2f/d0s1fTRJeirnOV6Tze+UqtMMPg0WLwjWbF1SVmjvugMMOi6Um/dSjn7oMKxH12lq2ueuu6EQzmuaeeywn0Nm8Xj+gEBikdsI2UcS6o9L2qkXlVJNhCVaAwH73ZNMvWYI2biwU03FfU0P9ww/DvvvGjviHUY9BnqtjP5lk+G230fNb34pVHf222+KQyhPmxDAdhoQhlvCqlLClm4tgFR5K7Udgv/vyCGyn/+hj9PHjY3XpZOvZ0ECPJ56AXXctuR0WZaOlhRGPPkrL8cfHqod48UVEjOmAAdKvt2HX9XM3hJe49jVA7dnsMaa0lUpNhiGYJ4E9Or/1t94ifeSRsHlz5IbOlqt3b5pmzUIZMaKgWoyiGsPu95w4ka++9RbNEybEroN+2WWB12Oo1AajC6FnkCiWpZrXtcz6y91ATUrXCvVNpp97jk5DIpjTFONBHTKE3nPmIAYNKlo1hiGaoTKbJk1ix2efZdTMmdRtu23ssusvv4yYNSuv+YtUqbXJNDRqUtDWHcjVXcea64WrGUeMpD3b38djFOS/4FwxalG+urMrsXc+gfDL3yc/RwNu2oT+8cfZY+2xx9BPP536224L+/Q8JHbYgb5z5rDigAPQ1q93PK92993NDn23KxX22LAP1eZm6kaMoHGPPWgaO5Zkv36xy5qFprHu+983v7BYLNykTAoXoTQXkdzEUiRSZiWBBkmpp9ZBMh/yyVAGDyH5evzlAkqCVIr2Y45BmzEj+1LTt9+O6NOHhquvjv2Eml13pd/jj7P80EPR2tpyZDJW8H78cdPGqyZ8fu21aO+8Y85BrQtZrrCSThUFxLmfWpWvpS11GltNVgMMT/K++1AOOMBR383XXMPmSy8tqoDGzPIBDzyAqK3N5rvphRdYPHWq+VWWasH6N9/k9Z/9zFywZqPPqwqjUv3SGfJoXZChGioEYggGvbioflWgoYHGGTNgzBhHfTf++te0XX99USVsnDCBAf/4B5qqZvPeMHMmS04/vSqqnlq7llePO45UR4fxxUWzjG0xSeUHVYUvgjzRMF6TKd1ETrp5wqM0DkO/SqA0NdFrzhwYOdJR7/XnnsvmIpd4aDrxRAYaakrKd82dd7L03HO7tPLa5s28dMQRbFiwwCyT/d3U1gBCxXhlrYZkWxVEtLQP+bykXSqI/hZCRfW7GGr//vR+8kkYNixXR11nzWmnsdmIoRWBPj/8If2nTXN4o8uvu46lvy24sntZoLW388rUqax86SXH+/zUevdtRT5Ues0b1QSsCLLR/IglPK6lhPQx46jhiipDYrvtaJk1C9G3b7aO6c5OVhx7LO0vvlhUYQf96lf0Pe88xw968e9+Z5Kukkht2MC/Dj+cpTNn5oVjDJItsf7r0UjlJ/02qPvBQt8Yms+5oOvtUmgqUtC1ClEzerTpSeo9euQI19bG0kmT6IixlIGMba6+mj6nnOJowwXnnceqOyvzdcKNH37IU/vvz/LnnvMVMsbykcY38OXwdhEqdZ0ZsEiiaoVIFjbYmLLst0gzv3uVIqpTHtTtvTcDHnnE9CSzhFu/nkXjx9O5oLglHkbccgvNkyfn2l0I3j/9dNbMnFnWOn16xx3M2nNP1s6bFxgobkfhUxSTbHrxMmGpSbZaaDe61L0e7Ec0976Q9tt1j4IFRfXV+Ou/VgKN48Yx4K670BOJbJ07ly/n0/HjSRkLQMeEsRzVTvfeS6+DDsoROZVi7nHHse5f/yp5zTYtXMgzEybw4ne/S4fxFWYPTZU2eWBsqvn/E5Q86VYIPtJvmSXZWK9lvr3i64UGqVG3NDRskE5XKNy387sb2G8Gen372wy84QY0JfejND6TveDww9HWro2drzEnc/Sjj9K4++45Ire18ebkyWwscjUmG22LF/PGj3/MjNGjWTprlo9dniGZniUb5n4HCgtRPT85HjHutsQim7I897DCdpnwIJp7axe5z7sX6vzuJnyj5ayzGHDFFY66t86dy0cTJ6IX0XGfbGpi9zlzqNtxx2xbd6xfzyvjx9MWV1ULwYqnn+blU0/lkZEjee+aa+hsb3eUPZ0ll5olmm6RTN7/GNWUbu3hSOVHvs9syTY/99Bgb9TrvPBRr+2SdCvU+d1dMOCSS+h/0UWONln/yivMnzKlqN6Amn79+PpTT1FjhVvM9lu5kpfGjaN9abjVmAwJ9uldd/Hvs8/moeHDmTN2LB/ddhupzk5fNSlLMc1zy9hun1jSLQSp/PCBObuqHl7VUE5QEWYhVHTzIXJfqbtTPkxHfYdhD1pLcQaN9ozTg9DxyCN0PvecI098/gddi5XG+OU0NaFv2JD9wayZPZv5J5/MTkbgV/Wb0huMhuHD2Wv2bF48+GA6Vq0y02769FOeP+QQ+u63n/OlqirpzZtJbdxI29KlrJ8/n3Rra7Y8SD/m3NBW9xBXJfT+fBIYYe5Oaf2QiJhvkq0HzNLgzyqKRTDFGn3rTSJ5hEihjnojTtNLqrz7l6DHJJtBtE1XX+1JXt2Vfyn3g7YVRt9qSwujYiy6Z6PXzjuzz4wZ/GvsWNKbNpn5GkQytkLPl+uPJa2wCCMT0E0yPQQJ16OwFJU69FBkc0m6xT2tHgT2RXu/LvOFg6xIDeOB+jkTwqVmN/s4FPK5qAgb+/NT/YUcHXnf3YsSlNeSG29kwS8Dv4RYEC17782+06dnwy2FnDS3N6lHVJO6Y1OkY+f+eyRNySa/r5Aq1fR0svK+F8oXGSMxV0gRonGDXmTWu7JeWBBRS0m2oK0QCXPGc6GX6n9tweWX89n//m9RhBtwyCHsc/fdCCnc4h8dyNlhbm/Sm2CK4x7v/XxSfo7KBtNDjRxIeA2ZbD0R7+a80Zyz4Cc1/BrAi6C6RTg/SRLHGy0UXI67H0Y6hsn/vQsvZMk//hGjZjkMO+YY9rzxRke4xfksJes5OqVUEKGCNvIIpjvUqeGZZqRbFAh4w0G2RsRsuQIZ0qiBasitYuR0XuGRIEkSFWHCL+FVTzBxgn50vvtC8PZZZ7F8+vSiCLfDmWey+x/+4BuukKWYTDKnCgxWk4UIJs8a/ZiE2V5pj7IGqNRXHWRLoNySK7D7VxMuBOL963PuKx7n4qhRPwkaVhp5ESysmgxNYk3j1eOPZ9Uzz8ThWRajL7qI0RdfUjY1qRcgmIw2FJaRMKVbyGDuu73AdK2zZBtLakULojWf5c5uLC/pFiQRvNSs4vFioiJISobZj6Maw+7L+RqDEV+cMoW1b7xRFOH2uupKdjzrzJDq0N/uKiTFwuATEsgRxQJOwrP2jiMg1AxzNckddotkv5cVVqrY+3ZPqPyLiku2KGoyzBZHShYirNEb8OyECWz48MMYNc3hwBtvYPtvH+OK8BdSjdHUZBgsQjXbNBXu3WXFuots+l1OktliV81KuLTHiw6jYoVrv951PSqMkRdBkiaOHRZ1KyTV5a1t1SqeGjfODMDGhaKqHHr3nQwZN66gmswRL5qaDINOFD53STcfGK8hu0yUi2ziphrzkxpuzwaHbpcb2quBwyy/hfVxVvtcVOhCeBI5qp1WrJoMk8be37RkidmF1F7EEg9qTQ1HPPIAA/bZJ7Sa1EtAMDc+tRwFN1yq9PkmWJctu5z2G6Q7BqF/liOZHW9zGpNuqeYmnjuoK1z32PclrN6FOJJNzrOQmoyqGgvdWwxh13w4n9kTJpqjZOOipkcPjp45nZbRo0OpyXJgiRWp0LztNBuPygd5nXi9EY/okq2Wk2o26YKlWtBL87qvTurOioJC0qUUqjGKmgza3J3fK15/g9lTjkHr6IhNg4a+fZg6ewa9tt225GoyDDajsNay3QLwiHwpj2w9EJfWWp880xwSDsl+8yeS34vzI4ZufXo6Krye1dVq0lnf4Kj+oqefZc4JJ0nLjkVHr6FDOPGfT1Dfv39FCObG0mCyvdwMjiXg88g2ltQXQ9AWCkm65XumiudLiEIyN0mjQniQIqxqDFKXha4V2k+72ixXR+cYMYOEHz3yKE+d+V9FvfCWHUZw0pwZ1DU3FZVPHCy17Daf0Mft7iw9x8L0QfwNl92WH/D1dhbCSAPhQYyoiEokP0L69f9GyT/OGDG7HPP+cRvPXXhxUS994JivcfxjD1LT2FgOTuXBlqIryPXbyhCZaSj3ue/zJFsD4k89M995zGs43eVeF5IQXirJvSoca3AAAAwVSURBVJUjzhZHTYZxJHLPCFaTUaL6r/75Wl75/VVFvH4YfsD+HHPv7aa3Wg542YJGfb+wVKnLSZjeAmvcxfAk21hS6WHoZjBO5Em4nBrwe6lB6syt/rx+GWEQ1PcaVU1G24LVZKGuIb9wxTO/+C1v3VTctxl2PGICk2+5AZTS2G5hnI3VFg9c+KtXWt8hpb3Rz7Mj/U61aYdD8BxG7ifNvEgnX4uKsJKoWGdBizhGzG1S5Ijo3PdSq0/84Dzeu+/B2OQwsOvJJ3Lon64sKo8ozsZKy2GU8IHcayDDl2zjSb03DO1T+9jbbnM6C2HVplfaqAgjxcKoQ/98SqcmvdLY5ZHDFbqmM/27Z7JwzlMxWiSHfc7/Efte9ONI98QNmRiSzRYclhq9vsXHMgocLN8f/ef2vttZcDa+/0v0ki5eajUq3JIxCsmDyupVx8KEKqwmwwZdtc5O7p9yAktfKe7bDOP+5/d87dSTA9OUIia3QRqGRsZOu8UvbSDZJpK6ezB6tm9FJpguOQu58W/hDHCva1ERxvuNqyb1vHq69/3VZFiCBb3gVFsbd088mlXzon1i240j/nY9O0wYn3e+lDG5zPyErCq9pk/AWjQFpwENRv+NnLG3GlGlRvZXqW6CZJ2DpugxomgqsXJqslSd3+1r13HX4UeyduEnkdvGhuGZTn3wbobus1dZexbWZeprNF/gyjgFyXYEnX8diJ7tTJVDHjnP1Hnej2h+y2/pMaa+KQUklr+tVkjNRd28pVgpOr83Ll3G3YcdSeuKlbHzSDY0cPyMh+i7U7Sv8YVFb3Sj18lI/VIfqdPdC6He8jD0C+Rjt/svj38LstH8yBEnzrazGXyOrybzVaPioQ69PMfodlgx+OLjBdx56CQ6iui4b+zXl5PmPGZ2b5UKfdA5hA6Opp2B6EKFEwtlHYpsk+i8dRh6diCWe5KFJpHOz0bzOxfXZjMWGD4Q2M1n5G/0qL5TTeZCFKrLVivPGLEgrJz7LvdMnGJOSo6L5uHb8J1Z04vu1hqAzng6OIp2tjVbyyTRY4OM3qsCCK2/BqOdLifOSSU36fw76oM81TgwKmoohwlm+WSJFMcOi+ZNlmOMWBAWv/gyDxz7HfQilngYsMvOnPDYA6ZqjQLjvW+PxmTamUQ7Q6U3pkBKgVPDZBeabBNIPTkC7TX72Kk6nZ5pUEe9F9HiqFEbSmZGPwcDB6HQEND5HZ50lVOTUfDx47OZfup/5a/MEwFGt9aUO28xl+sqhFoEu5LiWDZzMB3089BBCbhicAFbzUYky7wP+uQeVp8pjheCJEFyzoKfF1oKNeqFbRAYI/S/jjBmi3kSqJCt5u6KquQYsSDYz59393088aMLi8rrK1OOZOL/XeN7vT8636ST49nMnqRsByAPKqwaDL/xzciFSKvw3YHe+n3UppUYq6M6kVv3I/fNdJvJXuuBIB3Xbbcd/U47LUpREMbyBG+/nc3HhmraFfAVhEmalWZHcUby6pLk9Sack2AFFtgvO/zKsOy1N0zptt23DoxdhMFf3938vv1nz2YWHaxBMAqN/elkN1L0NVssGAmY/KfMWs+hEKsl/07950tRB9nHCYRZ2Mx/nWR2X8t+CDfh8cFcrw/o2ue80st5JVzq1/3bs0cgGMs8vUmCuSQdywa4V/TJ3de1X2Wo5PONJxn210jSDEeLJHkS8MgQmBL1eZExi5qv/Yfk2+3W8ALjtSVdm0G6HPnCk8xNqiAiKgGEE67/xqTaeSR4k6S5Io+Q7u5qglW6DIaa3J40I9CM4WSR71eNlb+h72DvifG+iLWY7R3oK76P2rwS9RuZM4pdCGmRJjw3r2W28ElrN7/7Hve9IJfCuW//T5geq8D4dstAc52xzBj6rrbDKqGqjdwHobMLKVNNjiZthjDijnxTYcoQY8m2GOWIjVup+2Qxie3s+3PSTbfUauZ/0pRyGWkUpFLl8+5jv301pDp1n8P8gomxDFTCXOju82i+UmxUitx1CIw1LIeim6qyviifP4cE/L8hEM3AtlBUzZ+gZuB8kovWoxgxVjOzZJZgOeLlyOetQt1qNKzdZh+7EaRO3fv28VpzhZ6EubTA0vwxWkWj3CQz2mEgminBBqOZYYpSP1GFRUMh9odMiy7PDGqO+g81j9jKOyERzbbbkpaz4CZPIYdBJpWXpJPP+0kvCkg3fOy7RSRYjGoSb5U1ZisqykmwJoRJqP4WwVos77E08isfRvBWhe2HhOgpCMijeDxI7f+9S/J7dka2R5pPOj2UGo3qLBRSp17SLUwamXzLLdIZoZTVlr3n1fNRaoIZ6q/F3HSz07vFIpmhKcKYDCWCSMBRQ+CxYrIrWcvcSd3LC0jsi/nibZLJdputUkUsz9QtzbxUcVwyycdR8tiIYg6vMf5vQmUTirmkVIe56ErmYxUpqYl1yR2os3IxyFRn/Tc2I4Da09p6WZ58UDnD/KiKhQqXD4Xi1m71MXlioS/6AZtRFi1DHSyvemQ0rWqFR1QzMi8irz4ue6Pue+R0XurUhjtMQoRzful7mYSwJUymtoVIHZb08n5Q2eVrXueKhQpzSkE0onZXBeFwc0aWNqYvuvGZymwXUbmX35KPhUtUe4ntIFEeNn0xebhDMqUqU5hrUaHAu0PhsFLlV1J//3BSK7dD26MZ0ZE/BbA8y2+573cjzouuFkKGvSfq88NAgWUK7FFkNg6UPLg0idT8kaQPMDrsvYblRO2oD7P8lntOQCUkTyUJGVSmMhFtrQK7DSXyWs2BKEskcxKp13YifVgjQtNdEq5cy28FjY3rKlUY5hmlUqelIp1FtFFDjVl6JUbZwuZHkPrnV0zCkdYcY9zKt/yWTMbuZpvFeUaYZ0V5ZjmJRjnJhkW4UaT364FIOUfMFh7VG3a0r9vRkElXCclTbkKGfX6xkk3JrOhdNqJRbrKRIdxrI9G+1oxo9Vp+yzn40l+KBZHMz5lwo1ySpxL2XdD1YtWpkllHbcSwMhKNSpCNDOE+2B59u76I1e6h43qAsxCGWF7Lb1XaWQhCqQkZVZIVUqcKvG4RbVPh2hSHygx1yMxhWD0UfZuh6O+Uc/ktN0m9gqFudAUhyxl7C/uDUOD2YbDXsNKNzA9ExchGhnDtJ9E5ZgT6LUIakl3q5bfc95dC7ZSakGFQqtibxzmhwPnD4JSIRSoKxYZkYmMmyTMWo9yYgqS7oz5onFucUb3l7qgPc90+LkX/bZj0fs8SsFGBscOsL+VVEl1GNgNzSG6/Gl5YC0O8OurDjH0LM/6tFB311UbIQul9nmXYZwcNC1j8pZyoqBp1YzzpT75DeuhwxD04ehgKq1Q/tRp0f7Wowkr2Tlj/jer/3LLPuoRodLVkk/EUiQNXI6ZvQvSOMqo3aPaWl4pVqkQVlkJCFsrP2hYChwx1LRPfFehSySZjHNrzA6HvEJR7FRTh55kGjfoI47W60dWSJ04eIfMzVuyeNhR2qAaiUU2STcazKLtsRExfByMKSbKgiTF+0q2YSTJEkDxd5Szo8BKZkbVlDdJGRVWSzcaz8L318Md26FGqUb02GatFFZbSWdBhmQ6nDzF8rypEVZPNwIugpuGqDXBuGmqjeqp+NlzYGfXuc+79KiHkBh1+MhhuoopR9WSz8TLUp+EvrfBdzUW6QqrTL013dxZ0WKfDHwbDFXQDdBuy2XgVkhpcsRm+r1nqNSrpyhl788uvlKTWYaUOvx4EN+a3UPWi25FNxutwVgp+1mk5EkEz6v22anEWCuUhzI8O87qAnwyC5wq3TvWhW5PNxtvwFR2u1OFQHRoLeaZuB6KabTMdVutwvw6/HGR8KqobY4sgm4x3YbKASwTsqUJdUDdWtToLOqzX4RkdfjMQ/hO9FaoTWxzZZMyHsQqcq8I3FegT1J9aCmchKE3QdQG6lglbzDIM/oHwUXE1r05s0WST8Qn0VOGMBExJwC5J6FMDald01GuQ1mG5gJd1uEvAowMqNKasK/GlIZsXVsC+KhydhN1rYIcEDFShUbW68YpVp3qGVBt1+FzARzq8IODh/rCgYpWsInypyeaHtdBTga8pMFrAUMVYXQJarIXJMT9skmm7TgGtImO4GysBGCGJBcI0HfmgX4nnXXZrAP8fU2SSHI+S6FwAAAAASUVORK5CYII=';
|
|
42
61
|
var defaultMatrix = {
|
|
43
|
-
width:
|
|
62
|
+
width: 190,
|
|
44
63
|
height: 150,
|
|
45
64
|
gapX: 20,
|
|
46
65
|
gapY: 20
|
|
@@ -54,11 +73,36 @@ var impactBorder = 0.3; // 左右碰撞边界阈值 < 0.5,当0.5时则无中
|
|
|
54
73
|
var dragLock = false;
|
|
55
74
|
var dirItem;
|
|
56
75
|
var contextMenuData;
|
|
76
|
+
var Dir = function Dir() {
|
|
77
|
+
return jsx(Fragment, {
|
|
78
|
+
children: jsxs("svg", Object.assign({
|
|
79
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
80
|
+
width: "100",
|
|
81
|
+
height: "70",
|
|
82
|
+
viewBox: "0 0 100 70"
|
|
83
|
+
}, {
|
|
84
|
+
children: [jsx("path", {
|
|
85
|
+
id: "\u8DEF\u5F84_18399",
|
|
86
|
+
"data-name": "\u8DEF\u5F84 18399",
|
|
87
|
+
d: "M3.188,0H43.825c1.76,0,3.079,1.075,3.707,3.307L50,12H0V3.311A3.251,3.251,0,0,1,3.188,0Z",
|
|
88
|
+
fill: "#2e65e6"
|
|
89
|
+
}), jsx("path", {
|
|
90
|
+
id: "\u8DEF\u5F84_18400",
|
|
91
|
+
"data-name": "\u8DEF\u5F84 18400",
|
|
92
|
+
d: "M0,0H96.887A3,3,0,0,1,100,2.864V55.136A3,3,0,0,1,96.887,58H3.113A3,3,0,0,1,0,55.136Z",
|
|
93
|
+
transform: "translate(0 12)",
|
|
94
|
+
fill: "#d5e0fa"
|
|
95
|
+
})]
|
|
96
|
+
}))
|
|
97
|
+
});
|
|
98
|
+
};
|
|
57
99
|
var Desktop = function Desktop(props) {
|
|
58
100
|
var desktopRef = useRef();
|
|
59
101
|
var menuRef = useRef();
|
|
60
102
|
var _props$sort = props.sort,
|
|
61
|
-
sort = _props$sort === void 0 ? {} : _props$sort
|
|
103
|
+
sort = _props$sort === void 0 ? {} : _props$sort,
|
|
104
|
+
_props$tipMaxWidth = props.tipMaxWidth,
|
|
105
|
+
tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth;
|
|
62
106
|
var _useState = useState(0),
|
|
63
107
|
_useState2 = _slicedToArray(_useState, 2),
|
|
64
108
|
line = _useState2[0],
|
|
@@ -80,6 +124,18 @@ var Desktop = function Desktop(props) {
|
|
|
80
124
|
inputValue = _useState10[0],
|
|
81
125
|
setInputValue = _useState10[1]; // 文件夹名字
|
|
82
126
|
var sortJson = sort[dir] || {};
|
|
127
|
+
var intl = useFormatMessage('Drawer', localeJson);
|
|
128
|
+
var texts = {
|
|
129
|
+
createDir: intl({
|
|
130
|
+
id: 'createDir'
|
|
131
|
+
}),
|
|
132
|
+
save: intl({
|
|
133
|
+
id: 'save'
|
|
134
|
+
}),
|
|
135
|
+
outDir: intl({
|
|
136
|
+
id: 'outDir'
|
|
137
|
+
})
|
|
138
|
+
};
|
|
83
139
|
React__default.useEffect(function () {
|
|
84
140
|
document.addEventListener('resize', function () {
|
|
85
141
|
clearTimeout(resizeTimeout);
|
|
@@ -104,8 +160,7 @@ var Desktop = function Desktop(props) {
|
|
|
104
160
|
var desktop = desktopRef.current;
|
|
105
161
|
if (desktop) {
|
|
106
162
|
var rect = desktop.getBoundingClientRect();
|
|
107
|
-
|
|
108
|
-
return itemLine;
|
|
163
|
+
return rect.width / (defaultMatrix.width + defaultMatrix.gapX) | 0;
|
|
109
164
|
}
|
|
110
165
|
return 1;
|
|
111
166
|
};
|
|
@@ -172,8 +227,28 @@ var Desktop = function Desktop(props) {
|
|
|
172
227
|
*/
|
|
173
228
|
var backList = function backList() {
|
|
174
229
|
dirItem = null;
|
|
230
|
+
setShowInput(false);
|
|
175
231
|
setDir('_');
|
|
176
232
|
};
|
|
233
|
+
/**
|
|
234
|
+
* 文件夹dom
|
|
235
|
+
* @param displayName
|
|
236
|
+
*/
|
|
237
|
+
var createDir = function createDir(displayName) {
|
|
238
|
+
return jsxs(Fragment, {
|
|
239
|
+
children: [jsx("div", Object.assign({
|
|
240
|
+
className: 'item-dir-body'
|
|
241
|
+
}, {
|
|
242
|
+
children: jsx(Dir, {})
|
|
243
|
+
})), jsx(AutoTips, Object.assign({
|
|
244
|
+
className: 'item-dir-name',
|
|
245
|
+
placement: 'top-start',
|
|
246
|
+
tipMaxWidth: tipMaxWidth
|
|
247
|
+
}, {
|
|
248
|
+
children: displayName || texts.createDir
|
|
249
|
+
}))]
|
|
250
|
+
});
|
|
251
|
+
};
|
|
177
252
|
/**
|
|
178
253
|
* 应用节点
|
|
179
254
|
* @param item 数据
|
|
@@ -190,31 +265,35 @@ var Desktop = function Desktop(props) {
|
|
|
190
265
|
width: defaultMatrix.width,
|
|
191
266
|
height: defaultMatrix.height
|
|
192
267
|
};
|
|
193
|
-
return jsx(
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
268
|
+
return jsx(Tooltip, Object.assign({
|
|
269
|
+
followCursor: item.disable,
|
|
270
|
+
disabled: item.disable
|
|
271
|
+
}, item.disabledTooltip, {
|
|
272
|
+
children: jsx("div", Object.assign({
|
|
273
|
+
className: "desktop-item".concat(item.type === 'dir' ? ' desktop-dir' : '').concat(item.disable ? ' item-disable' : ''),
|
|
274
|
+
onContextMenu: onContextMenu,
|
|
275
|
+
onClick: onClick,
|
|
276
|
+
style: style,
|
|
277
|
+
"data-key": item.key,
|
|
278
|
+
"data-index": index
|
|
203
279
|
}, {
|
|
204
|
-
children: item.displayName
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
280
|
+
children: type === 'dir' ? createDir(item.displayName) : jsxs(Fragment, {
|
|
281
|
+
children: [jsx("div", Object.assign({
|
|
282
|
+
className: 'item-body'
|
|
283
|
+
}, {
|
|
284
|
+
children: jsx("img", {
|
|
285
|
+
src: item.icon || Icon,
|
|
286
|
+
alt: 'icon'
|
|
287
|
+
})
|
|
288
|
+
})), jsx(AutoTips, Object.assign({
|
|
289
|
+
className: 'item-name',
|
|
290
|
+
placement: 'top-start',
|
|
291
|
+
tipMaxWidth: tipMaxWidth
|
|
292
|
+
}, {
|
|
293
|
+
children: item.displayName || texts.createDir
|
|
294
|
+
}))]
|
|
295
|
+
})
|
|
296
|
+
}), dir + item.key + index + line)
|
|
218
297
|
}), dir + item.key + index + line);
|
|
219
298
|
};
|
|
220
299
|
/**
|
|
@@ -233,7 +312,8 @@ var Desktop = function Desktop(props) {
|
|
|
233
312
|
type: type || 'item',
|
|
234
313
|
displayName: item.displayName || item.name,
|
|
235
314
|
point: getPoint(index),
|
|
236
|
-
children: item.children || []
|
|
315
|
+
children: item.children || [],
|
|
316
|
+
disabledTooltip: item.disabledTooltip || {}
|
|
237
317
|
};
|
|
238
318
|
};
|
|
239
319
|
/**
|
|
@@ -531,13 +611,13 @@ var Desktop = function Desktop(props) {
|
|
|
531
611
|
key: key,
|
|
532
612
|
point: getPoint(item.index),
|
|
533
613
|
type: 'dir',
|
|
534
|
-
displayName:
|
|
614
|
+
displayName: texts.createDir,
|
|
535
615
|
children: [item.key, dragMapData.key]
|
|
536
616
|
});
|
|
537
617
|
var dirDom = getItemByKey(item.key);
|
|
538
618
|
dirDom === null || dirDom === void 0 ? void 0 : dirDom.setAttribute('data-key', key);
|
|
539
619
|
dirDom === null || dirDom === void 0 ? void 0 : dirDom.classList.add('desktop-dir');
|
|
540
|
-
|
|
620
|
+
ReactDOM.render(createDir(map[item.index].displayName || ''), dirDom);
|
|
541
621
|
var dragDataDom = getItemByKey(dragData.key);
|
|
542
622
|
dragDataDom === null || dragDataDom === void 0 ? void 0 : dragDataDom.setAttribute('in-dir', 'true');
|
|
543
623
|
};
|
|
@@ -647,16 +727,16 @@ var Desktop = function Desktop(props) {
|
|
|
647
727
|
*/
|
|
648
728
|
var clickDirName = function clickDirName() {
|
|
649
729
|
setShowInput(true);
|
|
650
|
-
setInputValue(dirItem.displayName ||
|
|
730
|
+
setInputValue(dirItem.displayName || texts.createDir);
|
|
651
731
|
};
|
|
652
732
|
/**
|
|
653
733
|
* 失去焦点设置文件夹名字
|
|
654
734
|
*/
|
|
655
|
-
var
|
|
656
|
-
dirItem.displayName = inputValue;
|
|
735
|
+
var saveTitle = function saveTitle() {
|
|
736
|
+
dirItem.displayName = inputValue || texts.createDir;
|
|
657
737
|
setShowInput(false);
|
|
658
738
|
var sortItem = getSortRootItem(dirItem.key);
|
|
659
|
-
sortItem.displayName = inputValue;
|
|
739
|
+
sortItem.displayName = inputValue || texts.createDir;
|
|
660
740
|
onSort();
|
|
661
741
|
};
|
|
662
742
|
/**
|
|
@@ -679,26 +759,51 @@ var Desktop = function Desktop(props) {
|
|
|
679
759
|
* 文件夹头部
|
|
680
760
|
*/
|
|
681
761
|
var DirTitleMemo = useMemo(function () {
|
|
682
|
-
return dir !== '_' &&
|
|
762
|
+
return dir !== '_' && jsx("div", Object.assign({
|
|
683
763
|
className: "desktop-title"
|
|
684
764
|
}, {
|
|
685
|
-
children:
|
|
686
|
-
className:
|
|
687
|
-
onClick: backList
|
|
765
|
+
children: jsxs("div", Object.assign({
|
|
766
|
+
className: 'desktop-backlist'
|
|
688
767
|
}, {
|
|
689
|
-
children: "
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
value: inputValue,
|
|
693
|
-
autoFocus: true,
|
|
694
|
-
onChange: changeInput,
|
|
695
|
-
onBlur: blurInput
|
|
696
|
-
}) : jsx("span", Object.assign({
|
|
697
|
-
onClick: clickDirName
|
|
768
|
+
children: [jsx("div", Object.assign({
|
|
769
|
+
className: 'desktop-back-hotarea',
|
|
770
|
+
onClick: backList
|
|
698
771
|
}, {
|
|
699
|
-
children:
|
|
700
|
-
|
|
701
|
-
|
|
772
|
+
children: jsx(NavigateBefore, {
|
|
773
|
+
size: 'medium'
|
|
774
|
+
})
|
|
775
|
+
})), jsx("div", Object.assign({
|
|
776
|
+
className: 'desktop-title-wrapper'
|
|
777
|
+
}, {
|
|
778
|
+
children: showInput ? jsxs(Fragment, {
|
|
779
|
+
children: [jsx(TextField, {
|
|
780
|
+
className: "desktop-title-input",
|
|
781
|
+
value: inputValue,
|
|
782
|
+
autoFocus: true,
|
|
783
|
+
onChange: changeInput,
|
|
784
|
+
onBlur: saveTitle,
|
|
785
|
+
onEnter: saveTitle
|
|
786
|
+
}), jsx(Button, Object.assign({
|
|
787
|
+
className: "desktop-title-input-btn",
|
|
788
|
+
onClick: saveTitle
|
|
789
|
+
}, {
|
|
790
|
+
children: texts.save
|
|
791
|
+
}))]
|
|
792
|
+
}) : jsx(AutoTips, Object.assign({
|
|
793
|
+
tipMaxWidth: tipMaxWidth,
|
|
794
|
+
style: {
|
|
795
|
+
maxWidth: 'calc(100% - 78px)'
|
|
796
|
+
},
|
|
797
|
+
className: "".concat($prefixCls, "-cp")
|
|
798
|
+
}, {
|
|
799
|
+
children: jsx("span", Object.assign({
|
|
800
|
+
onDoubleClick: clickDirName
|
|
801
|
+
}, {
|
|
802
|
+
children: dirItem.displayName || texts.createDir
|
|
803
|
+
}))
|
|
804
|
+
}))
|
|
805
|
+
}))]
|
|
806
|
+
}))
|
|
702
807
|
}));
|
|
703
808
|
}, [dir, showInput, inputValue]);
|
|
704
809
|
/**
|
|
@@ -726,7 +831,11 @@ var Desktop = function Desktop(props) {
|
|
|
726
831
|
className: handClass(),
|
|
727
832
|
style: props.style
|
|
728
833
|
}, {
|
|
729
|
-
children: [DirTitleMemo,
|
|
834
|
+
children: [DirTitleMemo, jsx("div", Object.assign({
|
|
835
|
+
className: "".concat(dir !== '_' ? 'pd-lr38' : '')
|
|
836
|
+
}, {
|
|
837
|
+
children: DragMemo
|
|
838
|
+
})), jsx("div", Object.assign({
|
|
730
839
|
ref: menuRef,
|
|
731
840
|
className: 'menu-list'
|
|
732
841
|
}, {
|
|
@@ -734,7 +843,7 @@ var Desktop = function Desktop(props) {
|
|
|
734
843
|
className: 'menu-item',
|
|
735
844
|
onClick: outDir
|
|
736
845
|
}, {
|
|
737
|
-
children:
|
|
846
|
+
children: texts.outDir
|
|
738
847
|
}))
|
|
739
848
|
}))]
|
|
740
849
|
}));
|