@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.
Files changed (263) hide show
  1. package/AutoBox/index.js +18 -19
  2. package/AutoTips/index.js +5 -4
  3. package/Breadcrumbs/index.js +5 -4
  4. package/Button/SplitButton.d.ts +13 -0
  5. package/Button/index.d.ts +1 -1
  6. package/Button/index.js +54 -12
  7. package/ButtonGroup/index.js +6 -5
  8. package/Carousel/index.d.ts +5 -5
  9. package/Carousel/index.js +21 -9
  10. package/Cascader/Cascader.d.ts +99 -0
  11. package/Cascader/OptionList/CacheContent.d.ts +7 -0
  12. package/Cascader/OptionList/Column.d.ts +21 -0
  13. package/Cascader/OptionList/index.d.ts +4 -0
  14. package/Cascader/OptionList/useActive.d.ts +6 -0
  15. package/Cascader/context.d.ts +23 -0
  16. package/Cascader/hooks/useDisplayValues.d.ts +10 -0
  17. package/Cascader/hooks/useEntities.d.ts +10 -0
  18. package/Cascader/hooks/useMissingValues.d.ts +3 -0
  19. package/Cascader/index.d.ts +3 -58
  20. package/Cascader/index.js +28 -177
  21. package/Cascader/utils/commonUtil.d.ts +18 -0
  22. package/Cascader/utils/treeUtil.d.ts +55 -0
  23. package/Checkbox/index.d.ts +7 -0
  24. package/Checkbox/index.js +50 -29
  25. package/CheckboxGroup/index.d.ts +3 -1
  26. package/CheckboxGroup/index.js +48 -18
  27. package/Collapse/index.js +2 -2
  28. package/Collapse/motion.d.ts +0 -2
  29. package/CollapseBox/index.js +3 -3
  30. package/CollapseLayout/index.d.ts +5 -0
  31. package/CollapseLayout/index.js +144 -22
  32. package/ColorPicker/chromePicker/index.d.ts +9 -0
  33. package/ColorPicker/compactPicker/index.d.ts +9 -0
  34. package/ColorPicker/config.d.ts +5 -0
  35. package/ColorPicker/index.d.ts +4 -1
  36. package/ColorPicker/index.js +7 -3
  37. package/ColorPicker/sketchPicker/index.d.ts +11 -0
  38. package/ColorPicker/swatchesPicker/index.d.ts +9 -0
  39. package/ComboSelect/index.js +14 -12
  40. package/Container/index.js +2 -2
  41. package/CopyText/index.d.ts +33 -0
  42. package/CopyText/index.js +180 -0
  43. package/DatePicker/generatePicker/generateRangePicker.d.ts +9 -2
  44. package/DatePicker/generatePicker/generateSinglePicker.d.ts +8 -8
  45. package/DatePicker/generatePicker/index.d.ts +32 -26
  46. package/DatePicker/generatePicker/interface.d.ts +12 -0
  47. package/DatePicker/index.d.ts +12 -8
  48. package/DatePicker/index.js +367 -454
  49. package/DatePicker/util.d.ts +40 -4
  50. package/Desktop/index.d.ts +16 -3
  51. package/Desktop/index.js +177 -68
  52. package/Desktop/lang/en_US.d.ts +6 -0
  53. package/Desktop/lang/index.d.ts +13 -0
  54. package/Desktop/lang/zh_CN.d.ts +6 -0
  55. package/DragVerify/index.js +9 -100
  56. package/Drawer/index.js +8 -8
  57. package/Drawer/interface.d.ts +2 -2
  58. package/Dropdown/index.js +2 -2
  59. package/DynamicMultiBox/index.js +57 -41
  60. package/DynamicMultiBox/interface.d.ts +4 -4
  61. package/Empty/index.js +2 -2
  62. package/Form/index.d.ts +20 -26
  63. package/Form/index.js +48 -69
  64. package/FormItem/index.js +15 -15
  65. package/FunctionModal/index.js +11 -9
  66. package/GlobalContext/constant.d.ts +1 -1
  67. package/GlobalContext/index.js +2 -2
  68. package/Help/index.js +4 -3
  69. package/HelperText/index.js +2 -2
  70. package/InputLang/index.d.ts +5 -0
  71. package/InputLang/index.js +35 -29
  72. package/InputNumber/index.d.ts +5 -0
  73. package/InputNumber/index.js +95 -80
  74. package/Label/index.js +4 -3
  75. package/Loading/index.js +2 -2
  76. package/Menu/index.js +114 -39
  77. package/Menu/interface.d.ts +8 -0
  78. package/Message/index.d.ts +4 -4
  79. package/Message/index.js +13 -11
  80. package/Modal/index.js +29 -15
  81. package/MultiBox/index.js +9 -8
  82. package/Notification/index.d.ts +9 -1
  83. package/Notification/index.js +29 -15
  84. package/OperateBtn/index.js +28 -11
  85. package/PageHeader/index.js +270 -74
  86. package/PageHeader/interface.d.ts +17 -0
  87. package/Pagination/index.d.ts +4 -3
  88. package/Pagination/index.js +117 -95
  89. package/Pagination/lang/en_US.d.ts +3 -2
  90. package/Pagination/lang/index.d.ts +6 -4
  91. package/Pagination/lang/zh_CN.d.ts +3 -2
  92. package/ParauiProvider/index.js +4 -4
  93. package/PasswordRules/index.js +5 -5
  94. package/PopConfirm/index.d.ts +15 -5
  95. package/PopConfirm/index.js +62 -16
  96. package/Popover/index.js +4 -3
  97. package/Progress/index.js +10 -9
  98. package/Querying/index.js +7 -7
  99. package/README.md +40 -1120
  100. package/Radio/index.d.ts +7 -0
  101. package/Radio/index.js +49 -27
  102. package/RadioGroup/index.d.ts +3 -1
  103. package/RadioGroup/index.js +48 -21
  104. package/Search/index.d.ts +3 -15
  105. package/Search/index.js +21 -83
  106. package/Select/index.d.ts +7 -2
  107. package/Select/index.js +114 -91
  108. package/Select/lang/en_US.d.ts +1 -1
  109. package/Select/lang/index.d.ts +2 -2
  110. package/Select/lang/zh_CN.d.ts +1 -1
  111. package/SelectInput/index.js +8 -7
  112. package/Selector/index.js +30 -22
  113. package/SelectorPicker/index.d.ts +5 -0
  114. package/SelectorPicker/index.js +47 -32
  115. package/SelectorPicker/lang/en_US.d.ts +1 -0
  116. package/SelectorPicker/lang/index.d.ts +2 -0
  117. package/SelectorPicker/lang/zh_CN.d.ts +1 -0
  118. package/SingleBox/index.js +8 -7
  119. package/Slider/index.js +5 -5
  120. package/Status/index.d.ts +6 -5
  121. package/Status/index.js +27 -4
  122. package/Stepper/index.d.ts +9 -10
  123. package/Stepper/index.js +69 -29
  124. package/Styles/index.scss +4 -0
  125. package/Styles/scrollbar.scss +24 -24
  126. package/Styles/theme.scss +104 -57
  127. package/Switch/index.d.ts +34 -14
  128. package/Switch/index.js +97 -30
  129. package/Table/index.js +33 -27
  130. package/Table/interface.d.ts +3 -1
  131. package/Table/tableHeadInterface.d.ts +1 -1
  132. package/Table/tablePaginationInterface.d.ts +5 -5
  133. package/Tabs/index.d.ts +11 -1
  134. package/Tabs/index.js +49 -16
  135. package/Tag/TagGroup.d.ts +11 -7
  136. package/Tag/index.d.ts +22 -7
  137. package/Tag/index.js +1382 -53
  138. package/TextEditor/index.js +4 -3
  139. package/TextField/index.d.ts +5 -0
  140. package/TextField/index.js +50 -32
  141. package/TimePicker/index.d.ts +5 -0
  142. package/TimePicker/index.js +39 -23
  143. package/Timeline/TimelineItem.d.ts +1 -1
  144. package/Timeline/index.d.ts +5 -5
  145. package/Timeline/index.js +21 -18
  146. package/Title/index.d.ts +15 -3
  147. package/Title/index.js +95 -29
  148. package/ToggleButton/ToggleButtonGroup.d.ts +1 -0
  149. package/ToggleButton/index.d.ts +4 -0
  150. package/ToggleButton/index.js +14 -52
  151. package/Tooltip/index.js +28 -34
  152. package/Tooltip/interface.d.ts +4 -10
  153. package/Tooltip/utils.d.ts +1 -3
  154. package/Transfer/index.d.ts +3 -3
  155. package/Transfer/index.js +72 -68
  156. package/Tree/Tree.d.ts +2 -2
  157. package/Tree/index.js +10 -9
  158. package/Tree/utils/treeUtil.d.ts +0 -7
  159. package/Upload/index.js +16 -14
  160. package/_verture/{constant-66aa48a1.js → constant-0d9802f7.js} +1 -1
  161. package/_verture/{defineProperty-62acccfc.js → defineProperty-1d116156.js} +1 -1
  162. package/_verture/index-5c77417d.js +150 -0
  163. package/_verture/index-68db2bc3.js +10530 -0
  164. package/_verture/{index-9738004e.js → index-7ec72724.js} +44 -38
  165. package/_verture/index-d63bd287.js +327 -0
  166. package/_verture/{index-fa8a0124.js → index-e6f85fd5.js} +7 -8
  167. package/_verture/{index-77f9e0fb.js → index-e9007d6a.js} +6 -6
  168. package/_verture/{intl-4a9f1b44.js → intl-5c1ec055.js} +1 -1
  169. package/_verture/{modalContext-20780c9a.js → modalContext-c12ca3e8.js} +3 -3
  170. package/_verture/slicedToArray-a8206399.js +43 -0
  171. package/_verture/{toConsumableArray-81040c9e.js → toConsumableArray-8f4c9589.js} +1 -1
  172. package/_verture/typeof-adeedc13.js +11 -0
  173. package/_verture/typeof-b240b062.js +16 -0
  174. package/_verture/{utils-c9b9a157.js → utils-f0e81540.js} +8 -8
  175. package/index.d.ts +2 -2
  176. package/index.js +32 -27
  177. package/locale/en-US.d.ts +10 -6
  178. package/locale/index.d.ts +20 -12
  179. package/locale/index.js +33 -25
  180. package/locale/zh-CN.d.ts +10 -6
  181. package/package.json +25 -10
  182. package/umd/AutoBox.js +20 -21
  183. package/umd/AutoTips.js +31 -4
  184. package/umd/Breadcrumbs.js +7 -7
  185. package/umd/Button.js +7 -8
  186. package/umd/ButtonGroup.js +7 -8
  187. package/umd/Carousel.js +29 -1
  188. package/umd/Cascader.js +20 -21
  189. package/umd/Checkbox.js +7 -7
  190. package/umd/CheckboxGroup.js +7 -7
  191. package/umd/Collapse.js +19 -21
  192. package/umd/CollapseBox.js +1 -1
  193. package/umd/CollapseLayout.js +4 -4
  194. package/umd/ColorPicker.js +1 -1
  195. package/umd/ComboSelect.js +7 -7
  196. package/umd/Container.js +1 -1
  197. package/umd/CopyText.js +42 -0
  198. package/umd/DatePicker.js +7 -7
  199. package/umd/Desktop.js +7 -7
  200. package/umd/DragVerify.js +4 -4
  201. package/umd/Drawer.js +7 -8
  202. package/umd/Dropdown.js +3 -3
  203. package/umd/DynamicMultiBox.js +7 -7
  204. package/umd/Empty.js +1 -1
  205. package/umd/Form.js +6 -6
  206. package/umd/FormItem.js +6 -6
  207. package/umd/FunctionModal.js +7 -7
  208. package/umd/Help.js +7 -7
  209. package/umd/HelperText.js +1 -1
  210. package/umd/InputLang.js +7 -7
  211. package/umd/InputNumber.js +7 -7
  212. package/umd/Label.js +7 -7
  213. package/umd/Loading.js +4 -5
  214. package/umd/Menu.js +4 -4
  215. package/umd/Message.js +3 -4
  216. package/umd/Modal.js +7 -7
  217. package/umd/MultiBox.js +7 -7
  218. package/umd/Notification.js +5 -6
  219. package/umd/OperateBtn.js +7 -7
  220. package/umd/PageHeader.js +7 -7
  221. package/umd/Pagination.js +7 -7
  222. package/umd/ParauiProvider.js +1 -1
  223. package/umd/PasswordRules.js +3 -4
  224. package/umd/PopConfirm.js +7 -7
  225. package/umd/Popover.js +31 -4
  226. package/umd/Progress.js +4 -5
  227. package/umd/Querying.js +1 -1
  228. package/umd/Radio.js +7 -7
  229. package/umd/RadioGroup.js +7 -7
  230. package/umd/Search.js +7 -7
  231. package/umd/Select.js +7 -7
  232. package/umd/SelectInput.js +7 -7
  233. package/umd/Selector.js +7 -7
  234. package/umd/SelectorPicker.js +7 -7
  235. package/umd/SingleBox.js +7 -7
  236. package/umd/Slider.js +3 -3
  237. package/umd/Status.js +29 -1
  238. package/umd/Stepper.js +20 -20
  239. package/umd/Switch.js +7 -7
  240. package/umd/Table.js +7 -7
  241. package/umd/Tabs.js +7 -7
  242. package/umd/Tag.js +7 -8
  243. package/umd/TextEditor.js +19 -19
  244. package/umd/TextField.js +7 -7
  245. package/umd/TimePicker.js +7 -7
  246. package/umd/Timeline.js +1 -1
  247. package/umd/Title.js +42 -1
  248. package/umd/ToggleButton.js +7 -8
  249. package/umd/Tooltip.js +31 -4
  250. package/umd/Transfer.js +8 -8
  251. package/umd/Tree.js +7 -7
  252. package/umd/Upload.js +8 -8
  253. package/umd/locale.js +1 -1
  254. package/Cascader/lang/en_US.d.ts +0 -4
  255. package/Cascader/lang/index.d.ts +0 -9
  256. package/Cascader/lang/zh_CN.d.ts +0 -4
  257. package/Split/index.d.ts +0 -7
  258. package/Split/index.js +0 -123
  259. package/_verture/index-a369ca3f.js +0 -4
  260. package/_verture/index-beef914f.js +0 -340
  261. package/_verture/slicedToArray-76060636.js +0 -43
  262. package/_verture/typeof-498dd2b1.js +0 -11
  263. package/umd/Split.js +0 -1
@@ -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>): SharedTimeProps<DateType> | {
10
- showTime: SharedTimeProps<DateType>;
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, that: any): HTMLElement;
58
+ export declare function getPopupContainer(triggerNode: HTMLElement, customizeContainer: any, wrapRef: any): HTMLElement;
@@ -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<any>;
23
+ data: Array<DesktopDataItem>;
15
24
  /** 排序数据 */
16
25
  sort?: {
17
26
  [key: string]: mapProps;
18
27
  };
19
28
  /** 排序回调事件 */
20
- onSort?: (data: any) => void;
29
+ onSort?: (data: Array<DesktopDataItem>) => void;
21
30
  /** 点击事件回调 */
22
- onClick?: (data: any) => void;
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-81040c9e.js';
2
- import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
3
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
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-66aa48a1.js';
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-498dd2b1.js';
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/CloseCircle';
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-77f9e0fb.js';
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 css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-desktop {\n width: 100%;\n height: 100%;\n}\n.paraui-v3-desktop .desktop-title {\n display: flex;\n height: 40px;\n line-height: 40px;\n font-size: 17px;\n margin: 15px 0;\n}\n.paraui-v3-desktop .desktop-title > .desktop-backlist {\n float: left;\n width: 110px;\n margin: 5px;\n}\n.paraui-v3-desktop .desktop-title > div {\n width: 100%;\n text-align: center;\n}\n.paraui-v3-desktop .desktop-title > div > span {\n cursor: pointer;\n font-weight: bold;\n}\n.paraui-v3-desktop .desktop-box {\n position: relative;\n width: 100%;\n height: calc(100% - 50px);\n}\n.paraui-v3-desktop .desktop-box .desktop-item {\n position: absolute;\n top: 0;\n left: 0;\n background-color: #efefef;\n transition: top 0.5s, left 0.5s;\n user-select: none;\n box-shadow: 4px 4px 6px #dcdde3, -4px -4px 6px #f0f0f0;\n border-radius: 4px;\n cursor: pointer;\n color: #5b5b5b;\n}\n.paraui-v3-desktop .desktop-box .desktop-item .item-name {\n text-align: center;\n position: absolute;\n bottom: 10px;\n width: 100%;\n font-size: 14px;\n}\n.paraui-v3-desktop .desktop-box .desktop-item .item-dir-name {\n overflow: hidden;\n font-size: 17px;\n font-weight: bold;\n padding: 25px 15px;\n word-break: break-word;\n}\n.paraui-v3-desktop .desktop-box .desktop-item .item-body {\n text-align: center;\n}\n.paraui-v3-desktop .desktop-box .desktop-item .item-body img {\n height: 80px;\n margin-top: 25px;\n pointer-events: none;\n}\n.paraui-v3-desktop .desktop-box .item-disable {\n box-shadow: none;\n background-color: #dbdbdb;\n cursor: not-allowed;\n}\n.paraui-v3-desktop .desktop-box .item-disable img {\n opacity: 0.3;\n}\n.paraui-v3-desktop .desktop-box [drag-item=true] {\n z-index: 2;\n transition: none;\n}\n.paraui-v3-desktop .desktop-box [impact=true] {\n background-color: #E9EFFD;\n}\n.paraui-v3-desktop .desktop-box [in-dir=true] {\n display: none !important;\n}\n.paraui-v3-desktop .desktop-box .img-box {\n display: inline-block;\n width: 100%;\n text-align: center;\n margin-top: 10px;\n}\n.paraui-v3-desktop .desktop-box .img-box > img {\n width: 100px;\n height: 100px;\n user-drag: none;\n}\n.paraui-v3-desktop .desktop-box .desktop-dir .img-box {\n display: inline-block;\n}\n.paraui-v3-desktop .desktop-box .desktop-dir .img-box > img {\n width: 40px;\n height: 40px;\n margin: 5px 15px;\n}\n.paraui-v3-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-v3-desktop .menu-list .menu-item {\n padding: 5px 15px;\n cursor: pointer;\n}\n.paraui-v3-desktop .menu-list .menu-item:hover {\n background-color: rgb(246, 246, 246);\n}";
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,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';
42
61
  var defaultMatrix = {
43
- width: 200,
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
- var itemLine = rect.width / (defaultMatrix.width + defaultMatrix.gapX) | 0;
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("div", Object.assign({
194
- className: "desktop-item".concat(item.type === 'dir' ? ' desktop-dir' : '').concat(item.disable ? ' item-disable' : ''),
195
- onContextMenu: onContextMenu,
196
- onClick: onClick,
197
- style: style,
198
- "data-key": item.key,
199
- "data-index": index
200
- }, {
201
- children: type === 'dir' ? jsx("div", Object.assign({
202
- className: 'item-dir-name'
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
- })) : jsxs(Fragment, {
206
- children: [jsx("div", Object.assign({
207
- className: 'item-body'
208
- }, {
209
- children: jsx("img", {
210
- src: item.icon || Icon
211
- })
212
- })), jsx("div", Object.assign({
213
- className: 'item-name'
214
- }, {
215
- children: item.displayName
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
- dirDom.innerHTML = "<div class=\"item-dir-name\">".concat(map[item.index].displayName, "</div>");
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 blurInput = function blurInput() {
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 !== '_' && jsxs("div", Object.assign({
762
+ return dir !== '_' && jsx("div", Object.assign({
683
763
  className: "desktop-title"
684
764
  }, {
685
- children: [jsx(Button, Object.assign({
686
- className: "desktop-backlist",
687
- onClick: backList
765
+ children: jsxs("div", Object.assign({
766
+ className: 'desktop-backlist'
688
767
  }, {
689
- children: "\u8FD4\u56DE\u4E0A\u7EA7"
690
- })), jsx("div", {
691
- children: showInput ? jsx(TextField, {
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: dirItem.displayName
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, DragMemo, jsx("div", Object.assign({
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: "\u79FB\u51FA\u6587\u4EF6\u5939"
846
+ children: texts.outDir
738
847
  }))
739
848
  }))]
740
849
  }));
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ createDir: string;
3
+ save: string;
4
+ outDir: string;
5
+ };
6
+ export default _default;
@@ -0,0 +1,13 @@
1
+ declare const _default: {
2
+ zh: {
3
+ createDir: string;
4
+ save: string;
5
+ outDir: string;
6
+ };
7
+ en: {
8
+ createDir: string;
9
+ save: string;
10
+ outDir: string;
11
+ };
12
+ };
13
+ export default _default;
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ createDir: string;
3
+ save: string;
4
+ outDir: string;
5
+ };
6
+ export default _default;