@unicom-cloud/ui 0.8.96 → 0.8.98

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 (302) hide show
  1. package/Affix.js +1 -1
  2. package/Carousel.js +1 -1
  3. package/LiquidFill.js +4 -0
  4. package/OverflowEllipsis.js +1 -1
  5. package/PageHeader.js +1 -1
  6. package/QrCode.js +57 -0
  7. package/Tour.js +63 -0
  8. package/Trigger.js +1 -1
  9. package/_virtual/_commonjsHelpers.js +6 -0
  10. package/_virtual/index.js +7 -0
  11. package/_virtual/index2.js +4 -0
  12. package/affix/index.js +70 -72
  13. package/alert/index.js +56 -56
  14. package/anchor/Anchor.js +55 -55
  15. package/anchor/Link.js +34 -34
  16. package/anchor/util.js +5 -5
  17. package/auto-complete/index.js +116 -122
  18. package/avatar/Avatar.js +33 -33
  19. package/avatar/Group.js +26 -26
  20. package/back-top/index.js +58 -61
  21. package/badge/index.js +46 -46
  22. package/breadcrumb/Item.js +42 -43
  23. package/breadcrumb/index.js +47 -47
  24. package/button/Group.js +6 -6
  25. package/button/index.js +91 -91
  26. package/calendar/Month.js +75 -75
  27. package/calendar/Year.js +35 -35
  28. package/calendar/header/index.js +25 -25
  29. package/calendar/index.js +103 -103
  30. package/card/Grid.js +8 -8
  31. package/card/Meta.js +16 -16
  32. package/card/index.js +49 -49
  33. package/carousel/Arrow.js +19 -19
  34. package/carousel/Indicator.js +26 -26
  35. package/carousel/index.js +108 -108
  36. package/cascader/Cascader.js +178 -191
  37. package/cascader/base/node.js +133 -136
  38. package/cascader/base/store.js +82 -85
  39. package/cascader/panel/List.js +125 -129
  40. package/cascader/panel/Search.js +79 -81
  41. package/cascader/util.js +13 -13
  42. package/checkbox/Checkbox.js +94 -96
  43. package/checkbox/Group.js +54 -56
  44. package/checkbox/GroupBlock.js +28 -29
  45. package/collapse/Collapse.js +45 -45
  46. package/collapse/Item.js +53 -55
  47. package/color-picker/ControlBar.js +43 -43
  48. package/color-picker/InputAlpha.js +12 -12
  49. package/color-picker/InputHex.js +30 -31
  50. package/color-picker/InputRgb.js +24 -24
  51. package/color-picker/Palette.js +18 -18
  52. package/color-picker/Panel.js +122 -125
  53. package/color-picker/hooks/useColorPicker.js +85 -88
  54. package/color-picker/hooks/useControlBlock.js +38 -40
  55. package/color-picker/index.js +47 -47
  56. package/comment/index.js +29 -29
  57. package/components/common/higher-order/with-speech-synthesis/index.js +37 -40
  58. package/components/common/hooks/useId.js +8 -8
  59. package/components/common/hooks/useInView.js +16 -16
  60. package/components/common/hooks/useIntersectionObserver.js +1 -1
  61. package/components/common/hooks/useKeyboardEvent.js +9 -10
  62. package/components/common/hooks/useOverflowHidden.js +1 -4
  63. package/components/common/hooks/usePersistCallback.js +7 -7
  64. package/components/common/hooks/useStateCallback.js +9 -10
  65. package/components/common/hooks/useWindowSize.js +8 -8
  66. package/components/common/space/index.js +9 -7
  67. package/components/common/utils/convertToDurationBasedOnTimeUnits.js +6 -0
  68. package/components/common/utils/dom.js +27 -29
  69. package/components/common/utils/findScrollParent.js +17 -0
  70. package/components/common/utils/intersectionObserver.js +21 -0
  71. package/components/common/utils/is.js +99 -109
  72. package/components/common/utils/mutationObserver.js +19 -0
  73. package/components/common/utils/reactDOM.js +34 -34
  74. package/components/common/utils/resizeObserver.js +21 -0
  75. package/copy/index.js +38 -40
  76. package/date-picker/Picker.js +290 -295
  77. package/date-picker/RangePicker.js +367 -372
  78. package/date-picker/index.js +33 -35
  79. package/date-picker/panel/Body.js +46 -47
  80. package/date-picker/panel/Header.js +33 -33
  81. package/date-picker/panel/Shortcut.js +31 -31
  82. package/date-picker/panel/date/index.js +85 -85
  83. package/date-picker/panel/month/index.js +59 -59
  84. package/date-picker/panel/quarter/index.js +67 -70
  85. package/date-picker/panel/range/index.js +101 -101
  86. package/date-picker/panel/year/index.js +39 -39
  87. package/date-picker/util.js +17 -18
  88. package/descriptions/index.js +62 -62
  89. package/details/index.js +53 -55
  90. package/development/index.js +9 -9
  91. package/dist/tinycolor/chunk/BOzCVdr0.js +1 -1
  92. package/dist/validate/src/index.js +5 -5
  93. package/dist/validate/src/util.js +1 -1
  94. package/divider/index.js +21 -21
  95. package/draggable/Item.js +35 -35
  96. package/draggable/index.js +22 -22
  97. package/drawer/Drawer.js +142 -147
  98. package/dropdown/Button.js +48 -48
  99. package/dropdown/index.js +88 -92
  100. package/empty/index.js +16 -16
  101. package/form/Control.js +211 -225
  102. package/form/Form.js +109 -113
  103. package/form/FormItem.js +118 -120
  104. package/form/FormList.js +60 -66
  105. package/form/FormProvider.js +31 -34
  106. package/form/hook/useContext.js +17 -19
  107. package/form/hook/useState.js +22 -23
  108. package/form/hook/useWatch.js +26 -27
  109. package/form/promisify.js +14 -18
  110. package/form/store.js +304 -316
  111. package/form/util.js +14 -15
  112. package/grid/Col.js +64 -64
  113. package/grid/Grid.js +51 -51
  114. package/grid/GridItem.js +48 -48
  115. package/grid/Row.js +39 -39
  116. package/hooks/useVerificationCode.js +41 -43
  117. package/hooks/useWatermark.js +89 -92
  118. package/icon/index.js +23 -24
  119. package/icon-hover/index.js +16 -16
  120. package/icons/file.js +11 -11
  121. package/image/Image.js +140 -141
  122. package/image/ImagePreview.js +252 -255
  123. package/image/ImagePreviewArrow.js +25 -25
  124. package/image/ImagePreviewGroup.js +62 -62
  125. package/image/util/getScale.js +25 -28
  126. package/index.js +684 -675
  127. package/input/Button.js +48 -50
  128. package/input/Group.js +9 -9
  129. package/input/Input.js +145 -154
  130. package/input/InputElement.js +108 -115
  131. package/input/Password.js +38 -38
  132. package/input/Search.js +51 -55
  133. package/input/Textarea.js +80 -81
  134. package/input/useComposition.js +23 -23
  135. package/input-number/decimal.js +59 -62
  136. package/input-number/index.js +139 -141
  137. package/input-tag/InputTag.js +222 -230
  138. package/layout/Content.js +6 -6
  139. package/layout/Footer.js +8 -8
  140. package/layout/Header.js +7 -7
  141. package/layout/Sider.js +88 -90
  142. package/layout/index.js +30 -30
  143. package/link/index.js +45 -46
  144. package/liquid-fill/LiquidFill.js +226 -0
  145. package/liquid-fill/LiquidFill2.js +3 -0
  146. package/liquid-fill/index.js +4 -0
  147. package/list/Item.js +28 -28
  148. package/list/Meta.js +12 -12
  149. package/list/index.js +146 -148
  150. package/mentions/index.js +75 -76
  151. package/menu/Item.js +58 -58
  152. package/menu/Menu.js +125 -127
  153. package/menu/OverflowWrap.js +39 -40
  154. package/menu/sub-menu/Inline.js +45 -45
  155. package/menu/util.js +26 -28
  156. package/message/index.js +96 -99
  157. package/message/useMessage.js +26 -27
  158. package/modal/Confirm.js +47 -49
  159. package/modal/Modal.js +250 -257
  160. package/modal/use-modal/Hook.js +26 -28
  161. package/modal/use-modal/index.js +46 -49
  162. package/notice/index.js +89 -90
  163. package/notification/index.js +60 -65
  164. package/notification/withNotification.js +35 -35
  165. package/overflow-ellipsis/OverflowItem.js +19 -20
  166. package/overflow-ellipsis/index.js +45 -46
  167. package/package.json +1 -1
  168. package/page-header/index.js +45 -45
  169. package/pagination/PageItem.js +87 -91
  170. package/pagination/PageJumper.js +40 -41
  171. package/pagination/PageOption.js +31 -35
  172. package/pagination/Pagination.js +162 -163
  173. package/picker/Input.js +90 -96
  174. package/picker/InputRange.js +115 -122
  175. package/popconfirm/index.js +98 -100
  176. package/popover/index.js +28 -28
  177. package/portal/Portal.js +10 -11
  178. package/progress/index.js +36 -36
  179. package/qr-code/index.js +99 -0
  180. package/qr-code/interface.js +1 -0
  181. package/radio/Group.js +48 -48
  182. package/radio/GroupBlock.js +32 -33
  183. package/radio/Radio.js +62 -64
  184. package/rate/index.js +88 -88
  185. package/resize-box/ResizeTrigger.js +39 -39
  186. package/resize-box/Split.js +92 -96
  187. package/resize-box/SplitGroup.js +116 -122
  188. package/resize-box/index.js +112 -115
  189. package/result/index.js +44 -44
  190. package/select/Option.js +53 -56
  191. package/select/Select.js +365 -381
  192. package/select/util.js +95 -99
  193. package/select-view/Core.js +159 -160
  194. package/skeleton/index.js +23 -23
  195. package/slider/Button.js +84 -92
  196. package/slider/Input.js +47 -49
  197. package/slider/Tick.js +28 -31
  198. package/slider/index.js +107 -107
  199. package/space/index.js +26 -26
  200. package/space-/index.js +51 -51
  201. package/spin/DotLoading.js +8 -8
  202. package/spin/index.js +47 -47
  203. package/statistic/Countdown.js +37 -37
  204. package/statistic/index.js +58 -58
  205. package/steps/Step.js +42 -42
  206. package/steps/index.js +54 -54
  207. package/style.css +1 -1
  208. package/switch/index.js +77 -78
  209. package/table/ColGroup.js +36 -37
  210. package/table/Table.js +447 -450
  211. package/table/hook/useExpand.js +24 -24
  212. package/table/hook/useRowSelection.js +62 -62
  213. package/table/summary/Row.js +16 -17
  214. package/table/tbody/Td.js +119 -118
  215. package/table/tbody/Tr.js +119 -121
  216. package/table/tbody/index.js +62 -63
  217. package/table/th-resizable/index.js +30 -30
  218. package/table/thead/Column.js +148 -148
  219. package/table/thead/index.js +87 -88
  220. package/tabs/Tab.js +55 -55
  221. package/tabs/TabContent.js +8 -8
  222. package/tabs/TabPane.js +15 -15
  223. package/tabs/hook/useHeaderScroll.js +36 -36
  224. package/tabs/tab-header/TabInk.js +31 -33
  225. package/tabs/tab-header/TabNavIcon.js +34 -35
  226. package/tabs/tab-header/index.js +192 -195
  227. package/tag/index.js +94 -97
  228. package/time-picker/Picker.js +167 -172
  229. package/time-picker/RangePicker.js +28 -28
  230. package/time-picker/TimePicker.js +146 -146
  231. package/timeline/Item.js +46 -46
  232. package/timeline/Timeline.js +52 -52
  233. package/tooltip/index.js +89 -95
  234. package/tour/index.js +289 -0
  235. package/transfer/Item.js +54 -54
  236. package/transfer/List.js +134 -136
  237. package/transfer/index.js +91 -91
  238. package/tree/Animation.js +49 -52
  239. package/tree/Node.js +114 -122
  240. package/tree/NodeList.js +51 -51
  241. package/tree/Tree.js +386 -393
  242. package/tree-select/List.js +71 -72
  243. package/tree-select/Select.js +135 -143
  244. package/tree-select/hook/useKeyCache.js +39 -39
  245. package/tree-select/hook/useStateValue.js +12 -12
  246. package/trigger/getPopupStyle.js +60 -61
  247. package/trigger/index.js +337 -346
  248. package/types/common/space/interface.d.ts +1 -1
  249. package/types/common/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
  250. package/types/common/utils/findScrollParent.d.ts +2 -0
  251. package/types/common/utils/index.d.ts +5 -0
  252. package/types/common/utils/intersectionObserver.d.ts +2 -0
  253. package/types/common/utils/mutationObserver.d.ts +2 -0
  254. package/types/common/utils/resizeObserver.d.ts +2 -0
  255. package/types/pc/config-provider/interface.d.ts +6 -0
  256. package/types/pc/index.d.ts +3 -0
  257. package/types/pc/liquid-fill/LiquidFill.d.ts +115 -0
  258. package/types/pc/liquid-fill/LiquidFill2.d.ts +1 -0
  259. package/types/pc/liquid-fill/index.d.ts +2 -0
  260. package/types/pc/qr-code/index.d.ts +34 -0
  261. package/types/pc/qr-code/interface.d.ts +39 -0
  262. package/types/pc/table/interface.d.ts +2 -2
  263. package/types/pc/tour/index.d.ts +42 -0
  264. package/types/pc/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
  265. package/types/pc/utils/findScrollParent.d.ts +2 -0
  266. package/types/pc/utils/index.d.ts +5 -0
  267. package/types/pc/utils/intersectionObserver.d.ts +2 -0
  268. package/types/pc/utils/mutationObserver.d.ts +2 -0
  269. package/types/pc/utils/names.d.ts +18 -0
  270. package/types/pc/utils/resizeObserver.d.ts +2 -0
  271. package/typography/Base.js +79 -81
  272. package/typography/EditContent.js +30 -33
  273. package/typography/Ellipsis.js +77 -73
  274. package/typography/Operations.js +50 -52
  275. package/typography/Paragraph.js +7 -7
  276. package/typography/Typography.js +7 -7
  277. package/typography/useEllipsis.js +105 -106
  278. package/upload/TriggerNode.js +69 -76
  279. package/upload/Upload.js +84 -87
  280. package/upload/Uploader.js +115 -118
  281. package/upload/list/PictureItem.js +61 -71
  282. package/upload/list/TextItem.js +61 -67
  283. package/upload/list/UploadProgress.js +42 -49
  284. package/upload/list/index.js +48 -49
  285. package/upload/request_.js +37 -38
  286. package/upload/util.js +39 -39
  287. package/utils/convertToDurationBasedOnTimeUnits.js +6 -0
  288. package/utils/findScrollParent.js +4 -0
  289. package/utils/index.js +281 -278
  290. package/utils/intersectionObserver.js +4 -0
  291. package/utils/mutationObserver.js +4 -0
  292. package/utils/names.js +12 -0
  293. package/utils/resizeObserver.js +4 -0
  294. package/verification-code/VerificationCode.js +50 -51
  295. package/version/index.js +1 -1
  296. package/virtual-list/VirtualList.js +243 -244
  297. package/virtual-list/util/item.js +3 -4
  298. package/watermark/Watermark.js +27 -31
  299. package/components/common/utils/resizeObserverEffect.js +0 -23
  300. package/types/common/utils/resizeObserverEffect.d.ts +0 -2
  301. package/types/pc/utils/resizeObserverEffect.d.ts +0 -2
  302. package/utils/resizeObserverEffect.js +0 -4
@@ -1,119 +1,109 @@
1
- import { jsx as t, jsxs as s, Fragment as h } from "react/jsx-runtime";
2
- import P from "@unicom-cloud/icons/IconUiDelete";
3
- import R from "@unicom-cloud/icons/IconUiEye";
4
- import $ from "@unicom-cloud/icons/IconUiImageClose";
5
- import w from "@unicom-cloud/icons/IconUiUpload";
6
- import { fileToURL as x } from "@unicom-cloud/utils/file";
7
- import C from "lodash/isFunction";
8
- import { forwardRef as N, useState as y, useEffect as I } from "react";
9
- import E from "../../components/common/hooks/useKeyboardEvent.js";
10
- import { STATUS as d } from "../constant.js";
1
+ import { jsx as r, jsxs as m, Fragment as U } from "react/jsx-runtime";
2
+ import h from "@unicom-cloud/icons/IconUiDelete";
3
+ import P from "@unicom-cloud/icons/IconUiEye";
4
+ import R from "@unicom-cloud/icons/IconUiImageClose";
5
+ import $ from "@unicom-cloud/icons/IconUiUpload";
6
+ import { fileToURL as w } from "@unicom-cloud/utils/file";
7
+ import x from "lodash/isFunction";
8
+ import { forwardRef as C, useState as N, useEffect as v } from "react";
9
+ import y from "../../components/common/hooks/useKeyboardEvent.js";
10
+ import { STATUS as a } from "../constant.js";
11
11
  import "../../components/common/utils/is.js";
12
- import F from "./UploadProgress.js";
13
- import { isPlainObject as k } from "@unicom-cloud/utils/is";
14
- const T = (e, g) => {
15
- const { disabled: b, prefixCls: r, file: i, showUploadList: f, locale: l } = e, m = E(), c = `${r}-list-item-picture`, { status: U, originFile: j } = i, [u, v] = y(i.url), o = k(f) ? f : {};
16
- return I(() => {
17
- if (i.url !== void 0)
18
- v(i.url);
12
+ import E from "./UploadProgress.js";
13
+ import { isPlainObject as F } from "@unicom-cloud/utils/is";
14
+ const k = (o, I) => {
15
+ const { disabled: g, prefixCls: i, file: e, showUploadList: u, locale: t } = o, s = y(), l = `${i}-list-item-picture`, { status: b, originFile: T } = e, [c, f] = N(e.url), n = F(u) ? u : {};
16
+ return v(() => {
17
+ if (e.url !== void 0)
18
+ f(e.url);
19
19
  else {
20
- const n = i.originFile;
21
- n && x(n).then((a) => {
22
- v(a);
23
- }).catch((a) => {
24
- console.error(a);
20
+ const p = e.originFile;
21
+ p && w(p).then((d) => {
22
+ f(d);
23
+ }).catch((d) => {
24
+ console.error(d);
25
25
  }).finally(() => {
26
26
  });
27
27
  }
28
28
  return () => {
29
29
  };
30
- }, [i.url, i.originFile]), I(() => {
31
- var n;
32
- return (n = e.onChange) == null || n.call(e, { type: "url", data: u }), () => {
33
- var a;
34
- (a = e.onChange) == null || a.call(e, { type: "url", data: void 0 });
35
- };
36
- }, [u]), /* @__PURE__ */ t("div", { className: c, ref: g, children: U === d.uploading ? /* @__PURE__ */ t(
37
- F,
30
+ }, [e.url, e.originFile]), v(() => (o.onChange?.({ type: "url", data: c }), () => {
31
+ o.onChange?.({ type: "url", data: void 0 });
32
+ }), [c]), /* @__PURE__ */ r("div", { className: l, ref: I, children: b === a.uploading ? /* @__PURE__ */ r(
33
+ E,
38
34
  {
39
- onReupload: e.onReupload,
40
- onUpload: e.onUpload,
41
- onAbort: e.onAbort,
35
+ onReupload: o.onReupload,
36
+ onUpload: o.onUpload,
37
+ onAbort: o.onAbort,
42
38
  listType: "picture-card",
43
- file: i,
44
- prefixCls: r,
45
- progressProps: e.progressProps,
46
- ...o
39
+ file: e,
40
+ prefixCls: i,
41
+ progressProps: o.progressProps,
42
+ ...n
47
43
  }
48
- ) : /* @__PURE__ */ s(h, { children: [
49
- C(o.imageRender) ? o.imageRender(i) : /* @__PURE__ */ t("img", { src: u, alt: i.name }),
50
- /* @__PURE__ */ s("div", { className: `${c}-mask`, role: "radiogroup", children: [
51
- i.status === d.fail && /* @__PURE__ */ t("div", { className: `${c}-error-tip`, children: o.errorIcon !== null && /* @__PURE__ */ t("span", { className: `${r}-list-error-icon`, children: o.errorIcon || /* @__PURE__ */ t($, {}) }) }),
52
- /* @__PURE__ */ s("div", { className: `${c}-operation`, children: [
53
- i.status !== d.fail && o.previewIcon !== null && /* @__PURE__ */ t(
44
+ ) : /* @__PURE__ */ m(U, { children: [
45
+ x(n.imageRender) ? n.imageRender(e) : /* @__PURE__ */ r("img", { src: c, alt: e.name }),
46
+ /* @__PURE__ */ m("div", { className: `${l}-mask`, role: "radiogroup", children: [
47
+ e.status === a.fail && /* @__PURE__ */ r("div", { className: `${l}-error-tip`, children: n.errorIcon !== null && /* @__PURE__ */ r("span", { className: `${i}-list-error-icon`, children: n.errorIcon || /* @__PURE__ */ r(R, {}) }) }),
48
+ /* @__PURE__ */ m("div", { className: `${l}-operation`, children: [
49
+ e.status !== a.fail && n.previewIcon !== null && /* @__PURE__ */ r(
54
50
  "span",
55
51
  {
56
- className: `${r}-list-preview-icon`,
52
+ className: `${i}-list-preview-icon`,
57
53
  tabIndex: 0,
58
54
  role: "button",
59
- "aria-label": l == null ? void 0 : l.Upload.preview,
60
- ...m({
55
+ "aria-label": t?.Upload.preview,
56
+ ...s({
61
57
  onPressEnter: () => {
62
- var n;
63
- (n = e.onPreview) == null || n.call(e, i);
58
+ o.onPreview?.(e);
64
59
  }
65
60
  }),
66
61
  onClick: () => {
67
- var n;
68
- (n = e.onPreview) == null || n.call(e, i);
62
+ o.onPreview?.(e);
69
63
  },
70
- children: o.previewIcon || /* @__PURE__ */ t(R, {})
64
+ children: n.previewIcon || /* @__PURE__ */ r(P, {})
71
65
  }
72
66
  ),
73
- i.status === d.fail && o.reuploadIcon !== null && /* @__PURE__ */ t(
67
+ e.status === a.fail && n.reuploadIcon !== null && /* @__PURE__ */ r(
74
68
  "span",
75
69
  {
76
- className: `${e.prefixCls}-list-reupload-icon`,
70
+ className: `${o.prefixCls}-list-reupload-icon`,
77
71
  onClick: () => {
78
- var n;
79
- (n = e.onReupload) == null || n.call(e, i);
72
+ o.onReupload?.(e);
80
73
  },
81
74
  tabIndex: 0,
82
75
  role: "button",
83
- "aria-label": l == null ? void 0 : l.Upload.reupload,
84
- ...m({
76
+ "aria-label": t?.Upload.reupload,
77
+ ...s({
85
78
  onPressEnter: () => {
86
- var n;
87
- (n = e.onReupload) == null || n.call(e, i);
79
+ o.onReupload?.(e);
88
80
  }
89
81
  }),
90
- children: o.reuploadIcon || /* @__PURE__ */ t(w, {})
82
+ children: n.reuploadIcon || /* @__PURE__ */ r($, {})
91
83
  }
92
84
  ),
93
- !b && o.removeIcon !== null && /* @__PURE__ */ t(
85
+ !g && n.removeIcon !== null && /* @__PURE__ */ r(
94
86
  "span",
95
87
  {
96
- className: `${r}-list-remove-icon`,
88
+ className: `${i}-list-remove-icon`,
97
89
  onClick: () => {
98
- var n;
99
- (n = e.onRemove) == null || n.call(e, i);
90
+ o.onRemove?.(e);
100
91
  },
101
92
  role: "button",
102
- "aria-label": l == null ? void 0 : l.Upload.delete,
93
+ "aria-label": t?.Upload.delete,
103
94
  tabIndex: 0,
104
- ...m({
95
+ ...s({
105
96
  onPressEnter: () => {
106
- var n;
107
- (n = e.onRemove) == null || n.call(e, i);
97
+ o.onRemove?.(e);
108
98
  }
109
99
  }),
110
- children: o.removeIcon || /* @__PURE__ */ t(P, {})
100
+ children: n.removeIcon || /* @__PURE__ */ r(h, {})
111
101
  }
112
102
  )
113
103
  ] })
114
104
  ] })
115
105
  ] }) });
116
- }, Q = N(T);
106
+ }, M = C(k);
117
107
  export {
118
- Q as default
108
+ M as default
119
109
  };
@@ -1,42 +1,42 @@
1
- import { jsxs as f, jsx as n } from "react/jsx-runtime";
2
- import p from "@unicom-cloud/icons/IconUiDelete";
1
+ import { jsxs as m, jsx as o } from "react/jsx-runtime";
2
+ import b from "@unicom-cloud/icons/IconUiDelete";
3
3
  import y from "@unicom-cloud/icons/IconUiExclamationCircleFill";
4
4
  import T from "@unicom-cloud/icons/IconUiFile";
5
5
  import R from "@unicom-cloud/icons/IconUiFileAudio";
6
- import $ from "@unicom-cloud/icons/IconUiFileImage";
6
+ import N from "@unicom-cloud/icons/IconUiFileImage";
7
7
  import O from "@unicom-cloud/icons/IconUiFilePdf";
8
8
  import C from "@unicom-cloud/icons/IconUiFileVideo";
9
9
  import { fileToURL as E } from "@unicom-cloud/utils/file";
10
- import I from "lodash/isFunction";
11
- import { forwardRef as P, useState as j, useEffect as U, isValidElement as w } from "react";
10
+ import x from "lodash/isFunction";
11
+ import { forwardRef as P, useState as j, useEffect as I, isValidElement as w } from "react";
12
12
  import L from "../../components/common/hooks/useKeyboardEvent.js";
13
13
  import k from "../../icon-hover/index.js";
14
14
  import A from "../../tooltip/index.js";
15
- import { STATUS as g } from "../constant.js";
15
+ import { STATUS as f } from "../constant.js";
16
16
  import "../../components/common/utils/is.js";
17
17
  import S from "./UploadProgress.js";
18
- import { isPlainObject as N } from "@unicom-cloud/utils/is";
19
- const V = (e) => {
20
- let t = "";
21
- if (e.originFile && e.originFile.type)
22
- t = e.originFile.type;
18
+ import { isPlainObject as U } from "@unicom-cloud/utils/is";
19
+ const V = (i) => {
20
+ let n = "";
21
+ if (i.originFile && i.originFile.type)
22
+ n = i.originFile.type;
23
23
  else {
24
- const m = (e.name || "").split(".").pop() || "";
25
- t = m, ["png", "jpg", "jpeg", "bmp", "gif"].indexOf(m) > -1 ? t = "image" : ["mp4", "m2v", "mkv"].indexOf(m) > -1 ? t = "video" : ["mp3", "wav", "wmv"].indexOf(m) > -1 && (t = "audio");
24
+ const s = (i.name || "").split(".").pop() || "";
25
+ n = s, ["png", "jpg", "jpeg", "bmp", "gif"].indexOf(s) > -1 ? n = "image" : ["mp4", "m2v", "mkv"].indexOf(s) > -1 ? n = "video" : ["mp3", "wav", "wmv"].indexOf(s) > -1 && (n = "audio");
26
26
  }
27
- return t.indexOf("image") > -1 ? $ : t.indexOf("pdf") > -1 ? O : t.indexOf("audio") > -1 ? R : t.indexOf("video") > -1 ? C : T;
28
- }, K = (e, t) => {
29
- const { prefixCls: l, disabled: m, file: i, locale: s } = e, r = `${l}-list-item-text`, F = L(), b = V(i), c = N(e.showUploadList) ? e.showUploadList : {}, a = N(c) ? c : {}, h = i.name || i.originFile && i.originFile.name, [u, v] = j(i.url);
30
- let x = {};
31
- return i.status !== g.fail && (x = {
27
+ return n.indexOf("image") > -1 ? N : n.indexOf("pdf") > -1 ? O : n.indexOf("audio") > -1 ? R : n.indexOf("video") > -1 ? C : T;
28
+ }, K = (i, n) => {
29
+ const { prefixCls: r, disabled: s, file: e, locale: p } = i, t = `${r}-list-item-text`, $ = L(), F = V(e), a = U(i.showUploadList) ? i.showUploadList : {}, l = U(a) ? a : {}, u = e.name || e.originFile && e.originFile.name, [c, g] = j(e.url);
30
+ let h = {};
31
+ return e.status !== f.fail && (h = {
32
32
  popupVisible: !1
33
- }), U(() => {
34
- if (i.url !== void 0)
35
- v(i.url);
33
+ }), I(() => {
34
+ if (e.url !== void 0)
35
+ g(e.url);
36
36
  else {
37
- const o = i.originFile;
38
- o && E(o).then((d) => {
39
- v(d);
37
+ const v = e.originFile;
38
+ v && E(v).then((d) => {
39
+ g(d);
40
40
  }).catch((d) => {
41
41
  console.error(d);
42
42
  }).finally(() => {
@@ -44,80 +44,74 @@ const V = (e) => {
44
44
  }
45
45
  return () => {
46
46
  };
47
- }, [i.url, i.originFile]), U(() => {
48
- var o;
49
- return (o = e.onChange) == null || o.call(e, { type: "url", data: u }), () => {
50
- var d;
51
- (d = e.onChange) == null || d.call(e, { type: "url", data: void 0 });
52
- };
53
- }, [u]), /* @__PURE__ */ f(
47
+ }, [e.url, e.originFile]), I(() => (i.onChange?.({ type: "url", data: c }), () => {
48
+ i.onChange?.({ type: "url", data: void 0 });
49
+ }), [c]), /* @__PURE__ */ m(
54
50
  "div",
55
51
  {
56
- className: `${l}-list-item ${l}-list-item-${i.status}`,
57
- ref: t,
52
+ className: `${r}-list-item ${r}-list-item-${e.status}`,
53
+ ref: n,
58
54
  children: [
59
- /* @__PURE__ */ f("div", { className: r, children: [
60
- e.listType === "picture-list" && /* @__PURE__ */ n("div", { className: `${r}-thumbnail`, children: I(c.imageRender) ? c.imageRender(i) : /* @__PURE__ */ n("img", { src: u }) }),
61
- /* @__PURE__ */ f("div", { className: `${r}-content`, children: [
62
- /* @__PURE__ */ f("div", { className: `${r}-name`, children: [
63
- e.listType === "text" && a.fileIcon !== null && /* @__PURE__ */ n("span", { className: `${l}-list-file-icon`, children: a.fileIcon || /* @__PURE__ */ n(b, {}) }),
64
- I(c.fileName) ? /* @__PURE__ */ n("span", { className: `${r}-name-text`, children: c.fileName(i) }) : i.url ? /* @__PURE__ */ n(
55
+ /* @__PURE__ */ m("div", { className: t, children: [
56
+ i.listType === "picture-list" && /* @__PURE__ */ o("div", { className: `${t}-thumbnail`, children: x(a.imageRender) ? a.imageRender(e) : /* @__PURE__ */ o("img", { src: c }) }),
57
+ /* @__PURE__ */ m("div", { className: `${t}-content`, children: [
58
+ /* @__PURE__ */ m("div", { className: `${t}-name`, children: [
59
+ i.listType === "text" && l.fileIcon !== null && /* @__PURE__ */ o("span", { className: `${r}-list-file-icon`, children: l.fileIcon || /* @__PURE__ */ o(F, {}) }),
60
+ x(a.fileName) ? /* @__PURE__ */ o("span", { className: `${t}-name-text`, children: a.fileName(e) }) : e.url ? /* @__PURE__ */ o(
65
61
  "a",
66
62
  {
67
- href: i.url,
63
+ href: e.url,
68
64
  target: "_blank",
69
65
  rel: "noreferrer",
70
- className: `${r}-name-link`,
71
- children: h
66
+ className: `${t}-name-link`,
67
+ children: u
72
68
  }
73
- ) : /* @__PURE__ */ n("span", { className: `${r}-name-text`, children: h }),
74
- i.status === g.fail && a.errorIcon !== null && /* @__PURE__ */ n(
69
+ ) : /* @__PURE__ */ o("span", { className: `${t}-name-text`, children: u }),
70
+ e.status === f.fail && l.errorIcon !== null && /* @__PURE__ */ o(
75
71
  A,
76
72
  {
77
- content: (typeof i.response == "object" ? w(i.response) && i.response : i.response) || (s == null ? void 0 : s.Upload.error),
78
- ...x,
79
- disabled: i.status !== g.fail,
80
- children: /* @__PURE__ */ n("span", { className: `${e.prefixCls}-list-error-icon`, children: a.errorIcon || (e.listType === "picture-card" ? /* @__PURE__ */ n($, {}) : /* @__PURE__ */ n(y, {})) })
73
+ content: (typeof e.response == "object" ? w(e.response) && e.response : e.response) || p?.Upload.error,
74
+ ...h,
75
+ disabled: e.status !== f.fail,
76
+ children: /* @__PURE__ */ o("span", { className: `${i.prefixCls}-list-error-icon`, children: l.errorIcon || (i.listType === "picture-card" ? /* @__PURE__ */ o(N, {}) : /* @__PURE__ */ o(y, {})) })
81
77
  }
82
78
  )
83
79
  ] }),
84
- /* @__PURE__ */ n(
80
+ /* @__PURE__ */ o(
85
81
  S,
86
82
  {
87
- file: i,
88
- prefixCls: l,
89
- progressProps: e.progressProps,
90
- onReupload: e.onReupload,
91
- onUpload: e.onUpload,
92
- onAbort: e.onAbort,
93
- ...a
83
+ file: e,
84
+ prefixCls: r,
85
+ progressProps: i.progressProps,
86
+ onReupload: i.onReupload,
87
+ onUpload: i.onUpload,
88
+ onAbort: i.onAbort,
89
+ ...l
94
90
  }
95
91
  )
96
92
  ] })
97
93
  ] }),
98
- /* @__PURE__ */ n("div", { className: `${l}-list-item-operation`, children: !m && a.removeIcon !== null && /* @__PURE__ */ n(
94
+ /* @__PURE__ */ o("div", { className: `${r}-list-item-operation`, children: !s && l.removeIcon !== null && /* @__PURE__ */ o(
99
95
  k,
100
96
  {
101
- className: `${l}-list-remove-icon-hover`,
97
+ className: `${r}-list-remove-icon-hover`,
102
98
  onClick: () => {
103
- var o;
104
- (o = e.onRemove) == null || o.call(e, i);
99
+ i.onRemove?.(e);
105
100
  },
106
101
  tabIndex: 0,
107
- "aria-label": s == null ? void 0 : s.Upload.delete,
108
- ...F({
102
+ "aria-label": p?.Upload.delete,
103
+ ...$({
109
104
  onPressEnter: () => {
110
- var o;
111
- (o = e.onRemove) == null || o.call(e, i);
105
+ i.onRemove?.(e);
112
106
  }
113
107
  }),
114
- children: /* @__PURE__ */ n("span", { className: `${l}-list-remove-icon`, children: a.removeIcon || /* @__PURE__ */ n(p, {}) })
108
+ children: /* @__PURE__ */ o("span", { className: `${r}-list-remove-icon`, children: l.removeIcon || /* @__PURE__ */ o(b, {}) })
115
109
  }
116
110
  ) })
117
111
  ]
118
112
  }
119
113
  );
120
- }, oe = P(K);
114
+ }, re = P(K);
121
115
  export {
122
- oe as default
116
+ re as default
123
117
  };
@@ -1,96 +1,89 @@
1
- import { jsxs as C, Fragment as $, jsx as c } from "react/jsx-runtime";
2
- import w from "@unicom-cloud/icons/IconUiCheck";
3
- import N from "@unicom-cloud/icons/IconUiPause";
4
- import k from "@unicom-cloud/icons/IconUiPlayArrowFill";
5
- import E from "@unicom-cloud/icons/IconUiUpload";
6
- import T from "lodash/isFunction";
7
- import { useContext as A } from "react";
1
+ import { jsxs as u, Fragment as U, jsx as e } from "react/jsx-runtime";
2
+ import h from "@unicom-cloud/icons/IconUiCheck";
3
+ import b from "@unicom-cloud/icons/IconUiPause";
4
+ import x from "@unicom-cloud/icons/IconUiPlayArrowFill";
5
+ import C from "@unicom-cloud/icons/IconUiUpload";
6
+ import g from "lodash/isFunction";
7
+ import { useContext as P } from "react";
8
8
  import "../../config-provider/ConfigProvider.js";
9
- import R from "../../components/common/hooks/useKeyboardEvent.js";
10
- import v from "../../progress/index.js";
11
- import g from "../../tooltip/index.js";
12
- import { STATUS as o } from "../constant.js";
13
- import F from "../../config-provider/context.js";
14
- const O = (n) => {
15
- var f, I, U, h, b, x;
16
- const r = R(), { file: i, prefixCls: l, progressProps: s, progressRender: d } = n, { locale: t } = A(F), { status: a, percent: P = 0 } = i, m = `${l}-list`, y = s && s.width ? { width: s.width } : {}, u = /* @__PURE__ */ C($, { children: [
17
- a === o.fail && n.reuploadIcon !== null && /* @__PURE__ */ c(
9
+ import y from "../../components/common/hooks/useKeyboardEvent.js";
10
+ import $ from "../../progress/index.js";
11
+ import f from "../../tooltip/index.js";
12
+ import { STATUS as l } from "../constant.js";
13
+ import w from "../../config-provider/context.js";
14
+ const q = (o) => {
15
+ const r = y(), { file: n, prefixCls: c, progressProps: a, progressRender: i } = o, { locale: s } = P(w), { status: t, percent: p = 0 } = n, d = `${c}-list`, I = a && a.width ? { width: a.width } : {}, m = /* @__PURE__ */ u(U, { children: [
16
+ t === l.fail && o.reuploadIcon !== null && /* @__PURE__ */ e(
18
17
  "span",
19
18
  {
20
- className: `${l}-list-reupload-icon`,
19
+ className: `${c}-list-reupload-icon`,
21
20
  onClick: () => {
22
- var e;
23
- (e = n.onReupload) == null || e.call(n, i);
21
+ o.onReupload?.(n);
24
22
  },
25
23
  tabIndex: 0,
26
24
  role: "button",
27
- "aria-label": (f = t == null ? void 0 : t.Upload) == null ? void 0 : f.reupload,
25
+ "aria-label": s?.Upload?.reupload,
28
26
  ...r({
29
27
  onPressEnter: () => {
30
- var e;
31
- (e = n.onReupload) == null || e.call(n, i);
28
+ o.onReupload?.(n);
32
29
  }
33
30
  }),
34
- children: n.reuploadIcon || (n.listType === "picture-card" ? /* @__PURE__ */ c(E, {}) : (I = t == null ? void 0 : t.Upload) == null ? void 0 : I.reupload)
31
+ children: o.reuploadIcon || (o.listType === "picture-card" ? /* @__PURE__ */ e(C, {}) : s?.Upload?.reupload)
35
32
  }
36
33
  ),
37
- a === o.success && n.successIcon !== null && /* @__PURE__ */ c("span", { className: `${l}-list-success-icon`, children: n.successIcon || /* @__PURE__ */ c(w, {}) }),
38
- a !== o.success && /* @__PURE__ */ C("div", { className: `${m}-status`, style: y, children: [
39
- /* @__PURE__ */ c(
40
- v,
34
+ t === l.success && o.successIcon !== null && /* @__PURE__ */ e("span", { className: `${c}-list-success-icon`, children: o.successIcon || /* @__PURE__ */ e(h, {}) }),
35
+ t !== l.success && /* @__PURE__ */ u("div", { className: `${d}-status`, style: I, children: [
36
+ /* @__PURE__ */ e(
37
+ $,
41
38
  {
42
39
  showText: !1,
43
- className: `${m}-progress`,
40
+ className: `${d}-progress`,
44
41
  type: "circle",
45
- status: a === o.fail ? "error" : a === o.success ? "success" : "normal",
46
- percent: P,
42
+ status: t === l.fail ? "error" : t === l.success ? "success" : "normal",
43
+ percent: p,
47
44
  size: "mini",
48
- ...s
45
+ ...a
49
46
  }
50
47
  ),
51
- a === o.init && n.startIcon !== null && /* @__PURE__ */ c(
48
+ t === l.init && o.startIcon !== null && /* @__PURE__ */ e(
52
49
  "span",
53
50
  {
54
51
  tabIndex: 0,
55
52
  role: "button",
56
- "aria-label": (U = t == null ? void 0 : t.Upload) == null ? void 0 : U.start,
57
- className: `${l}-list-start-icon`,
53
+ "aria-label": s?.Upload?.start,
54
+ className: `${c}-list-start-icon`,
58
55
  onClick: () => {
59
- var e;
60
- (e = n.onUpload) == null || e.call(n, i);
56
+ o.onUpload?.(n);
61
57
  },
62
58
  ...r({
63
59
  onPressEnter: () => {
64
- var e;
65
- (e = n.onUpload) == null || e.call(n, i);
60
+ o.onUpload?.(n);
66
61
  }
67
62
  }),
68
- children: n.startIcon || /* @__PURE__ */ c(g, { content: (h = t == null ? void 0 : t.Upload) == null ? void 0 : h.start, children: /* @__PURE__ */ c(k, {}) })
63
+ children: o.startIcon || /* @__PURE__ */ e(f, { content: s?.Upload?.start, children: /* @__PURE__ */ e(x, {}) })
69
64
  }
70
65
  ),
71
- a === o.uploading && n.cancelIcon !== null && /* @__PURE__ */ c(
66
+ t === l.uploading && o.cancelIcon !== null && /* @__PURE__ */ e(
72
67
  "span",
73
68
  {
74
- className: `${n.prefixCls}-list-cancel-icon`,
69
+ className: `${o.prefixCls}-list-cancel-icon`,
75
70
  onClick: () => {
76
- var e;
77
- (e = n.onAbort) == null || e.call(n, i);
71
+ o.onAbort?.(n);
78
72
  },
79
73
  tabIndex: 0,
80
- "aria-label": (b = t == null ? void 0 : t.Upload) == null ? void 0 : b.cancel,
74
+ "aria-label": s?.Upload?.cancel,
81
75
  ...r({
82
76
  onPressEnter: () => {
83
- var e;
84
- (e = n.onAbort) == null || e.call(n, i);
77
+ o.onAbort?.(n);
85
78
  }
86
79
  }),
87
- children: n.cancelIcon || /* @__PURE__ */ c(g, { content: (x = t == null ? void 0 : t.Upload) == null ? void 0 : x.cancel, children: /* @__PURE__ */ c(N, {}) })
80
+ children: o.cancelIcon || /* @__PURE__ */ e(f, { content: s?.Upload?.cancel, children: /* @__PURE__ */ e(b, {}) })
88
81
  }
89
82
  )
90
83
  ] })
91
84
  ] });
92
- return T(d) ? d(i, u) : u;
85
+ return g(i) ? i(n, m) : m;
93
86
  };
94
87
  export {
95
- O as default
88
+ q as default
96
89
  };