@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,78 +1,76 @@
1
- import { jsx as t, jsxs as A, Fragment as F } from "react/jsx-runtime";
2
- import K from "@unicom-cloud/icons/IconUiEdit";
3
- import L from "lodash/isArray";
4
- import d from "lodash/isPlainObject";
5
- import { useEffect as U } from "react";
6
- import q from "../copy/index.js";
7
- import z from "../components/common/hooks/useKeyboardEvent.js";
8
- import B from "../tooltip/index.js";
9
- import { mergedToString as T } from "../components/common/utils/mergedToString.js";
10
- function X(N) {
11
- var E, u, g, h, b;
1
+ import { jsx as t, jsxs as v, Fragment as I } from "react/jsx-runtime";
2
+ import S from "@unicom-cloud/icons/IconUiEdit";
3
+ import $ from "lodash/isArray";
4
+ import s from "lodash/isPlainObject";
5
+ import { useEffect as O } from "react";
6
+ import w from "../copy/index.js";
7
+ import A from "../components/common/hooks/useKeyboardEvent.js";
8
+ import F from "../tooltip/index.js";
9
+ import { mergedToString as x } from "../components/common/utils/mergedToString.js";
10
+ function J(g) {
12
11
  const {
13
- children: m,
14
- copyable: r,
15
- editable: i,
16
- ellipsis: c,
17
- expanding: P,
18
- setEditing: k,
19
- onClickExpand: l,
20
- forceShowExpand: j,
21
- isEllipsis: v,
22
- currentContext: I = {}
23
- } = N, f = z(), { getPrefixCls: p, locale: o } = I, s = p == null ? void 0 : p("typography"), a = d(c) ? c : {}, n = d(i) ? i : {}, y = L(a.expandNodes) ? a.expandNodes : [(E = o == null ? void 0 : o.Typography) == null ? void 0 : E.fold, (u = o == null ? void 0 : o.Typography) == null ? void 0 : u.unfold], x = (w) => {
24
- var C;
25
- (C = n.onStart) == null || C.call(n, T(m), w), k(!0);
26
- }, e = d(r) ? { ...r } : {};
27
- e.text === void 0 && (e.text = T(m));
28
- const S = !!r && /* @__PURE__ */ t(
29
- q,
12
+ children: l,
13
+ copyable: n,
14
+ editable: r,
15
+ ellipsis: a,
16
+ expanding: E,
17
+ setEditing: u,
18
+ onClickExpand: c,
19
+ forceShowExpand: b,
20
+ isEllipsis: h,
21
+ currentContext: C = {}
22
+ } = g, d = A(), { getPrefixCls: P, locale: o } = C, i = P?.("typography"), p = s(a) ? a : {}, m = s(r) ? r : {}, f = $(p.expandNodes) ? p.expandNodes : [o?.Typography?.fold, o?.Typography?.unfold], y = (j) => {
23
+ m.onStart?.(x(l), j), u(!0);
24
+ }, e = s(n) ? { ...n } : {};
25
+ e.text === void 0 && (e.text = x(l));
26
+ const T = !!n && /* @__PURE__ */ t(
27
+ w,
30
28
  {
31
29
  ...e,
32
- className: `${s}-operation-copy`,
30
+ className: `${i}-operation-copy`,
33
31
  tooltipProps: e.tooltipProps
34
32
  }
35
- ), $ = i && /* @__PURE__ */ t(
36
- B,
33
+ ), N = r && /* @__PURE__ */ t(
34
+ F,
37
35
  {
38
- content: (g = o == null ? void 0 : o.Typography) == null ? void 0 : g.edit,
39
- ...n.tooltipProps,
36
+ content: o?.Typography?.edit,
37
+ ...m.tooltipProps,
40
38
  children: /* @__PURE__ */ t(
41
39
  "span",
42
40
  {
43
41
  tabIndex: 0,
44
- "aria-label": (h = o == null ? void 0 : o.Typography) == null ? void 0 : h.edit,
42
+ "aria-label": o?.Typography?.edit,
45
43
  role: "button",
46
- className: `${s}-operation-edit`,
47
- onClick: x,
48
- ...f({
49
- onPressEnter: x
44
+ className: `${i}-operation-edit`,
45
+ onClick: y,
46
+ ...d({
47
+ onPressEnter: y
50
48
  }),
51
- children: /* @__PURE__ */ t(K, {})
49
+ children: /* @__PURE__ */ t(S, {})
52
50
  }
53
51
  )
54
52
  }
55
- ), O = j || a.expandable && v ? /* @__PURE__ */ t(
53
+ ), k = b || p.expandable && h ? /* @__PURE__ */ t(
56
54
  "a",
57
55
  {
58
- className: `${s}-operation-expand`,
59
- onClick: l,
56
+ className: `${i}-operation-expand`,
57
+ onClick: c,
60
58
  role: "button",
61
59
  tabIndex: 0,
62
- "aria-label": (b = o == null ? void 0 : o.Typography) == null ? void 0 : b.unfold,
63
- ...f({
64
- onPressEnter: l
60
+ "aria-label": o?.Typography?.unfold,
61
+ ...d({
62
+ onPressEnter: c
65
63
  }),
66
- children: P ? y[0] : y[1]
64
+ children: E ? f[0] : f[1]
67
65
  }
68
66
  ) : null;
69
- return U(() => () => {
70
- }, []), /* @__PURE__ */ A(F, { children: [
71
- O,
72
- $,
73
- S
67
+ return O(() => () => {
68
+ }, []), /* @__PURE__ */ v(I, { children: [
69
+ k,
70
+ N,
71
+ T
74
72
  ] });
75
73
  }
76
74
  export {
77
- X as default
75
+ J as default
78
76
  };
@@ -4,22 +4,22 @@ import "../config-provider/ConfigProvider.js";
4
4
  import f from "@unicom-cloud/utils/class-name";
5
5
  import i from "./Base.js";
6
6
  import l from "../config-provider/context.js";
7
- function g(o, s) {
8
- const { spacing: t = "default", className: r } = o, { getPrefixCls: a } = c(l), e = a == null ? void 0 : a("typography"), m = t === "close" ? f(`${e}-spacing-close`, r) : r;
7
+ function g(a, r) {
8
+ const { spacing: s = "default", className: o } = a, { getPrefixCls: t } = c(l), e = t?.("typography"), m = s === "close" ? f(`${e}-spacing-close`, o) : o;
9
9
  return /* @__PURE__ */ p(
10
10
  i,
11
11
  {
12
- ...o,
13
- ref: s,
12
+ ...a,
13
+ ref: r,
14
14
  componentType: "Paragraph",
15
15
  className: m
16
16
  }
17
17
  );
18
18
  }
19
- const N = n(
19
+ const x = n(
20
20
  g
21
21
  );
22
- N.displayName = "Paragraph";
22
+ x.displayName = "Paragraph";
23
23
  export {
24
- N as default
24
+ x as default
25
25
  };
@@ -2,13 +2,13 @@ import { jsx as n } from "react/jsx-runtime";
2
2
  import { forwardRef as c, useContext as i } from "react";
3
3
  import "../config-provider/ConfigProvider.js";
4
4
  import l from "@unicom-cloud/utils/class-name";
5
- import y from "../config-provider/context.js";
6
- function f(s, t) {
7
- const { getPrefixCls: o } = i(y), a = o == null ? void 0 : o("typography"), { className: r, style: p, children: e } = s, m = l(a, r);
8
- return /* @__PURE__ */ n("article", { ref: t, style: p, className: m, children: e });
5
+ import f from "../config-provider/context.js";
6
+ function y(o, s) {
7
+ const { getPrefixCls: t } = i(f), r = t?.("typography"), { className: a, style: e, children: p } = o, m = l(r, a);
8
+ return /* @__PURE__ */ n("article", { ref: s, style: e, className: m, children: p });
9
9
  }
10
- const N = c(f);
11
- N.displayName = "Typography";
10
+ const g = c(y);
11
+ g.displayName = "Typography";
12
12
  export {
13
- N as default
13
+ g as default
14
14
  };
@@ -1,150 +1,149 @@
1
- import { jsxs as z, jsx as H } from "react/jsx-runtime";
2
- import T from "lodash/isNumber";
3
- import tt from "lodash/isString";
4
- import et, { useRef as S, useState as v, useMemo as X } from "react";
5
- import j from "../components/common/hooks/useIsomorphicLayoutEffect.js";
6
- import ot from "../components/common/hooks/useUpdateEffect.js";
7
- import { throttleByRaf as rt } from "../components/common/utils/throttleByRaf.js";
8
- const st = "hxj";
9
- var it = /* @__PURE__ */ ((e) => (e[e.INIT = 0] = "INIT", e[e.BEFORE_MEASURE = 1] = "BEFORE_MEASURE", e[e.MEASURING = 2] = "MEASURING", e[e.MEASURE_END = 3] = "MEASURE_END", e[e.NO_NEED_ELLIPSIS = 4] = "NO_NEED_ELLIPSIS", e))(it || {});
10
- function ut(e) {
1
+ import { jsxs as F, jsx as y } from "react/jsx-runtime";
2
+ import $ from "lodash/isNumber";
3
+ import A from "lodash/isString";
4
+ import U, { useRef as b, useState as H, useMemo as P } from "react";
5
+ import B from "../components/common/hooks/useIsomorphicLayoutEffect.js";
6
+ import T from "../components/common/hooks/useUpdateEffect.js";
7
+ import { throttleByRaf as ee } from "../components/common/utils/throttleByRaf.js";
8
+ const te = "hxj";
9
+ var oe = /* @__PURE__ */ ((o) => (o[o.INIT = 0] = "INIT", o[o.BEFORE_MEASURE = 1] = "BEFORE_MEASURE", o[o.MEASURING = 2] = "MEASURING", o[o.MEASURE_END = 3] = "MEASURE_END", o[o.NO_NEED_ELLIPSIS = 4] = "NO_NEED_ELLIPSIS", o))(oe || {});
10
+ function fe(o) {
11
11
  const {
12
- children: p,
13
- rows: g = 1,
14
- width: f,
15
- expanding: G,
16
- renderMeasureContent: x,
12
+ children: u,
13
+ rows: m = 1,
14
+ width: d,
15
+ expanding: D,
16
+ renderMeasureContent: p,
17
17
  simpleEllipsis: w,
18
- onEllipsis: M,
19
- suffix: k,
20
- expandNodes: q,
21
- expandable: J,
22
- ellipsisStr: K
23
- } = e, a = S(), y = S(), [Q, O] = v([0, 0, 0]), [N, V] = v(0), [o, h] = v(
18
+ onEllipsis: _,
19
+ suffix: z,
20
+ expandNodes: X,
21
+ expandable: k,
22
+ ellipsisStr: q
23
+ } = o, E = b(), I = b(), [J, v] = H([0, 0, 0]), [g, K] = H(0), [r, f] = H(
24
24
  4
25
25
  /* NO_NEED_ELLIPSIS */
26
- ), [u, E, R] = Q, [m, W] = v(!1), I = X(() => et.Children.toArray(p), [p]), C = S(0);
27
- ot(() => {
28
- M == null || M(m);
29
- }, [m]);
30
- const F = (t) => tt(t) || T(t), Y = (t) => {
31
- let r = 0;
32
- return t.forEach((s) => {
33
- F(s) ? r += String(s).length : r += 1;
34
- }), r;
35
- }, d = X(() => Y(I), [I]), P = rt(
36
- (t) => O(t)
37
- ), b = (t) => {
38
- const r = [];
26
+ ), [a, N, M] = J, [h, S] = H(!1), x = P(() => U.Children.toArray(u), [u]), j = b(0);
27
+ T(() => {
28
+ _?.(h);
29
+ }, [h]);
30
+ const G = (e) => A(e) || $(e), Q = (e) => {
39
31
  let s = 0;
40
- if (t >= d)
41
- return I;
42
- for (const l in I) {
43
- const n = I[l];
44
- if (s >= t)
45
- return r;
46
- const i = F(n) ? String(n).length : 1;
47
- if (i > t - s)
48
- return r.push(String(n).slice(0, t - s)), s = t, r;
49
- s += i, r.push(n);
32
+ return e.forEach((t) => {
33
+ G(t) ? s += String(t).length : s += 1;
34
+ }), s;
35
+ }, n = P(() => Q(x), [x]), W = ee(
36
+ (e) => v(e)
37
+ ), R = (e) => {
38
+ const s = [];
39
+ let t = 0;
40
+ if (e >= n)
41
+ return x;
42
+ for (const l in x) {
43
+ const c = x[l];
44
+ if (t >= e)
45
+ return s;
46
+ const L = G(c) ? String(c).length : 1;
47
+ if (L > e - t)
48
+ return s.push(String(c).slice(0, e - t)), t = e, s;
49
+ t += L, s.push(c);
50
50
  }
51
- return r;
52
- }, Z = () => {
53
- var t, r, s;
54
- if (N) {
55
- if (o === 0) {
56
- const l = g * N, i = ((t = y.current) == null ? void 0 : t.offsetHeight) > l;
57
- !i || w || G ? (h(
51
+ return s;
52
+ }, V = () => {
53
+ if (g) {
54
+ if (r === 0) {
55
+ const e = m * g, t = I.current?.offsetHeight > e;
56
+ !t || w || D ? (f(
58
57
  3
59
58
  /* MEASURE_END */
60
- ), W(i), O([0, d, d])) : (W(!0), h(
59
+ ), S(t), v([0, n, n])) : (S(!0), f(
61
60
  1
62
61
  /* BEFORE_MEASURE */
63
62
  ));
64
- } else if (o === 1) {
65
- const l = (r = a == null ? void 0 : a.current) == null ? void 0 : r.offsetWidth, n = g * f;
66
- if (l > g * f) {
67
- const i = Math.max(n / l - 0.1, 0), L = Math.min(n / l + 0.1, 1), D = Math.floor(i * d), A = Math.ceil(L * d), U = Math.floor(
68
- (D + A) / 2
63
+ } else if (r === 1) {
64
+ const e = E?.current?.offsetWidth, s = m * d;
65
+ if (e > m * d) {
66
+ const t = Math.max(s / e - 0.1, 0), l = Math.min(s / e + 0.1, 1), c = Math.floor(t * n), L = Math.ceil(l * n), Z = Math.floor(
67
+ (c + L) / 2
69
68
  );
70
- C.current = U;
69
+ j.current = Z;
71
70
  }
72
- h(
71
+ f(
73
72
  2
74
73
  /* MEASURING */
75
74
  );
76
- } else if (o === 2)
77
- if (u !== R - 1) {
78
- const l = (s = y.current) == null ? void 0 : s.offsetHeight, n = g * N;
79
- let i = u, L = R;
80
- l <= n ? i = E : L = E;
81
- const D = Math.floor((L + i) / 2);
82
- P([i, D, L]);
75
+ } else if (r === 2)
76
+ if (a !== M - 1) {
77
+ const e = I.current?.offsetHeight, s = m * g;
78
+ let t = a, l = M;
79
+ e <= s ? t = N : l = N;
80
+ const c = Math.floor((l + t) / 2);
81
+ W([t, c, l]);
83
82
  } else
84
- P([u, u, u]), h(
83
+ W([a, a, a]), f(
85
84
  3
86
85
  /* MEASURE_END */
87
86
  );
88
87
  }
89
88
  };
90
- j(() => {
91
- e.rows && f ? (O([0, Math.floor(d / 2), d]), h(
89
+ B(() => {
90
+ o.rows && d ? (v([0, Math.floor(n / 2), n]), f(
92
91
  0
93
92
  /* INIT */
94
- )) : h(
93
+ )) : f(
95
94
  4
96
95
  /* NO_NEED_ELLIPSIS */
97
96
  );
98
97
  }, [
99
- d,
98
+ n,
100
99
  w,
101
- G,
102
- f,
100
+ D,
101
+ d,
102
+ z,
103
+ X,
103
104
  k,
104
105
  q,
105
- J,
106
- K,
107
- e.rows
108
- ]), j(() => {
109
- if (a.current && o === 0) {
110
- const t = a.current.offsetHeight;
111
- V(t);
106
+ o.rows
107
+ ]), B(() => {
108
+ if (E.current && r === 0) {
109
+ const e = E.current.offsetHeight;
110
+ K(e);
112
111
  }
113
- }, [o]), j(() => {
114
- Z();
115
- }, [o, E, u, R, N]);
116
- const B = {
112
+ }, [r]), B(() => {
113
+ V();
114
+ }, [r, N, a, M, g]);
115
+ const O = {
117
116
  zIndex: -999,
118
117
  position: "fixed",
119
118
  opacity: 0,
120
119
  padding: 0,
121
120
  margin: 0
122
- }, $ = {
121
+ }, Y = {
123
122
  whiteSpace: "nowrap",
124
- ...B
125
- }, _ = w ? {
123
+ ...O
124
+ }, C = w ? {
126
125
  textOverflow: "clip",
127
- ...B
128
- } : B;
129
- let c;
130
- if (o === 0 || o === 1)
131
- c = /* @__PURE__ */ z("div", { children: [
132
- /* @__PURE__ */ H("div", { ref: a, style: $, children: o === 0 ? st : x(p, !1) }),
133
- /* @__PURE__ */ H("div", { ref: y, style: { width: f, ..._ }, children: x(p, m) })
134
- ] }), c = c.props.children;
135
- else if (o === 2) {
136
- const t = {
137
- height: N * g,
126
+ ...O
127
+ } : O;
128
+ let i;
129
+ if (r === 0 || r === 1)
130
+ i = /* @__PURE__ */ F("div", { children: [
131
+ /* @__PURE__ */ y("div", { ref: E, style: Y, children: r === 0 ? te : p(u, !1) }),
132
+ /* @__PURE__ */ y("div", { ref: I, style: { width: d, ...C }, children: p(u, h) })
133
+ ] }), i = i.props.children;
134
+ else if (r === 2) {
135
+ const e = {
136
+ height: g * m,
138
137
  overflow: "hidden"
139
138
  };
140
- c = /* @__PURE__ */ z("div", { children: [
141
- /* @__PURE__ */ H("div", { ref: y, style: { width: f, ..._ }, children: x(b(E), m) }),
142
- /* @__PURE__ */ H("div", { style: t, children: b(C.current) })
143
- ] }), c = c.props.children;
144
- } else o === 3 ? c = x(b(E), m) : o === 4 && (c = x(p, !1));
145
- return { ellipsisNode: c, isEllipsis: m, measureStatus: o };
139
+ i = /* @__PURE__ */ F("div", { children: [
140
+ /* @__PURE__ */ y("div", { ref: I, style: { width: d, ...C }, children: p(R(N), h) }),
141
+ /* @__PURE__ */ y("div", { style: e, children: R(j.current) })
142
+ ] }), i = i.props.children;
143
+ } else r === 3 ? i = p(R(N), h) : r === 4 && (i = p(u, !1));
144
+ return { ellipsisNode: i, isEllipsis: h, measureStatus: r };
146
145
  }
147
146
  export {
148
- it as MEASURE_STATUS,
149
- ut as default
147
+ oe as MEASURE_STATUS,
148
+ fe as default
150
149
  };
@@ -1,117 +1,110 @@
1
- import { jsx as a, jsxs as x } from "react/jsx-runtime";
2
- import y from "@unicom-cloud/icons/IconUiPlus";
3
- import A from "@unicom-cloud/icons/IconUiUpload";
4
- import C, { forwardRef as G, useContext as K, useState as U, useEffect as L } from "react";
5
- import O from "../button/index.js";
1
+ import { jsx as a, jsxs as y } from "react/jsx-runtime";
2
+ import h from "@unicom-cloud/icons/IconUiPlus";
3
+ import w from "@unicom-cloud/icons/IconUiUpload";
4
+ import N, { forwardRef as F, useContext as P, useState as E, useEffect as j } from "react";
5
+ import A from "../button/index.js";
6
6
  import "../config-provider/ConfigProvider.js";
7
- import R from "../components/common/hooks/useKeyboardEvent.js";
8
- import I from "@unicom-cloud/utils/class-name";
9
- import { loopDirectory as B, getFiles as H } from "./util.js";
10
- import S from "../config-provider/context.js";
11
- const V = (e, T) => {
12
- const k = R(), { locale: t } = K(S), [l, s] = U(!1), [o, f] = U(0), {
13
- tip: N,
14
- children: m,
15
- disabled: d,
16
- drag: w,
17
- listType: F,
18
- prefixCls: i,
19
- accept: E,
20
- multiple: P
21
- } = e, $ = {
22
- disabled: d
7
+ import G from "../components/common/hooks/useKeyboardEvent.js";
8
+ import $ from "@unicom-cloud/utils/class-name";
9
+ import { loopDirectory as K, getFiles as L } from "./util.js";
10
+ import O from "../config-provider/context.js";
11
+ const R = (r, b) => {
12
+ const x = G(), { locale: i } = P(O), [n, s] = E(!1), [c, d] = E(0), {
13
+ tip: p,
14
+ children: g,
15
+ disabled: l,
16
+ drag: C,
17
+ listType: U,
18
+ prefixCls: t,
19
+ accept: v,
20
+ multiple: I
21
+ } = r, D = {
22
+ disabled: l
23
23
  };
24
- return L(() => {
25
- f(0);
26
- }, [l]), m === null ? null : /* @__PURE__ */ a(
24
+ return j(() => {
25
+ d(0);
26
+ }, [n]), g === null ? null : /* @__PURE__ */ a(
27
27
  "div",
28
28
  {
29
- className: `${i}-trigger`,
30
- onClick: d ? void 0 : e.onClick,
31
- ...k({
29
+ className: `${t}-trigger`,
30
+ onClick: l ? void 0 : r.onClick,
31
+ ...x({
32
32
  onPressEnter: () => {
33
- var r;
34
- !d && ((r = e.onClick) == null || r.call(e));
33
+ !l && r.onClick?.();
35
34
  }
36
35
  }),
37
- ref: T,
36
+ ref: b,
38
37
  onDragEnter: () => {
39
- f(o + 1);
38
+ d(c + 1);
40
39
  },
41
- onDragLeave: (r) => {
42
- var n;
43
- r.preventDefault(), o === 0 ? (s(!1), !d && ((n = e.onDragLeave) == null || n.call(e, r))) : f(o - 1);
40
+ onDragLeave: (e) => {
41
+ e.preventDefault(), c === 0 ? (s(!1), !l && r.onDragLeave?.(e)) : d(c - 1);
44
42
  },
45
- onDrop: (r) => {
46
- var n, b;
47
- if (r.preventDefault(), !d && e.drag !== !1) {
48
- if (s(!1), e.directory)
49
- B(r.dataTransfer.items, E, (u) => {
50
- var c;
51
- (c = e.onDragFiles) == null || c.call(e, u);
43
+ onDrop: (e) => {
44
+ if (e.preventDefault(), !l && r.drag !== !1) {
45
+ if (s(!1), r.directory)
46
+ K(e.dataTransfer.items, v, (f) => {
47
+ r.onDragFiles?.(f);
52
48
  });
53
49
  else {
54
- const u = [].slice.call(r.dataTransfer.items || []).reduce((D, g, j) => {
55
- if (g.webkitGetAsEntry) {
56
- const h = g.webkitGetAsEntry();
57
- return h != null && h.isDirectory ? [...D, j] : D;
58
- }
59
- }, []), c = [].slice.call(r.dataTransfer.files || []).filter((D, g) => !u.includes(g)), v = H(c, E);
60
- v.length > 0 && ((n = e.onDragFiles) == null || n.call(e, P ? v : v.slice(0, 1)));
50
+ const f = [].slice.call(e.dataTransfer.items || []).reduce((u, o, k) => {
51
+ if (o.webkitGetAsEntry)
52
+ return o.webkitGetAsEntry()?.isDirectory ? [...u, k] : u;
53
+ }, []), T = [].slice.call(e.dataTransfer.files || []).filter((u, o) => !f.includes(o)), m = L(T, v);
54
+ m.length > 0 && r.onDragFiles?.(I ? m : m.slice(0, 1));
61
55
  }
62
- (b = e.onDrop) == null || b.call(e, r);
56
+ r.onDrop?.(e);
63
57
  }
64
58
  },
65
- onDragOver: (r) => {
66
- var n;
67
- r.preventDefault(), !d && !l && (s(!0), (n = e.onDragOver) == null || n.call(e, r));
59
+ onDragOver: (e) => {
60
+ e.preventDefault(), !l && !n && (s(!0), r.onDragOver?.(e));
68
61
  },
69
- children: C.isValidElement(m) ? /* @__PURE__ */ a(
62
+ children: N.isValidElement(g) ? /* @__PURE__ */ a(
70
63
  "div",
71
64
  {
72
- className: I({ [`${i}-trigger-custom-active`]: l }),
73
- children: C.cloneElement(m, $)
65
+ className: $({ [`${t}-trigger-custom-active`]: n }),
66
+ children: N.cloneElement(g, D)
74
67
  }
75
- ) : F === "picture-card" ? /* @__PURE__ */ a("div", { className: `${i}-trigger-picture-wrapper`, children: /* @__PURE__ */ a(
68
+ ) : U === "picture-card" ? /* @__PURE__ */ a("div", { className: `${t}-trigger-picture-wrapper`, children: /* @__PURE__ */ a(
76
69
  "div",
77
70
  {
78
- className: `${i}-trigger-picture`,
71
+ className: `${t}-trigger-picture`,
79
72
  tabIndex: 0,
80
- "aria-label": t == null ? void 0 : t.Upload.upload,
81
- children: /* @__PURE__ */ a("div", { className: `${i}-trigger-picture-text`, children: /* @__PURE__ */ a(y, {}) })
73
+ "aria-label": i?.Upload.upload,
74
+ children: /* @__PURE__ */ a("div", { className: `${t}-trigger-picture-text`, children: /* @__PURE__ */ a(h, {}) })
82
75
  }
83
- ) }) : w ? /* @__PURE__ */ x(
76
+ ) }) : C ? /* @__PURE__ */ y(
84
77
  "div",
85
78
  {
86
- className: I(`${i}-trigger-drag`, {
87
- [`${i}-trigger-drag-active`]: l
79
+ className: $(`${t}-trigger-drag`, {
80
+ [`${t}-trigger-drag-active`]: n
88
81
  }),
89
82
  tabIndex: 0,
90
- "aria-label": t == null ? void 0 : t.Upload.drag,
83
+ "aria-label": i?.Upload.drag,
91
84
  children: [
92
- /* @__PURE__ */ a(y, {}),
93
- /* @__PURE__ */ a("p", { className: `${i}-trigger-drag-text`, children: l ? t == null ? void 0 : t.Upload.dragHover : t == null ? void 0 : t.Upload.drag }),
94
- N && /* @__PURE__ */ a("div", { className: `${i}-trigger-tip`, children: N })
85
+ /* @__PURE__ */ a(h, {}),
86
+ /* @__PURE__ */ a("p", { className: `${t}-trigger-drag-text`, children: n ? i?.Upload.dragHover : i?.Upload.drag }),
87
+ p && /* @__PURE__ */ a("div", { className: `${t}-trigger-tip`, children: p })
95
88
  ]
96
89
  }
97
- ) : /* @__PURE__ */ x(
98
- O,
90
+ ) : /* @__PURE__ */ y(
91
+ A,
99
92
  {
100
- ...$,
101
- "aria-label": t == null ? void 0 : t.Upload.upload,
93
+ ...D,
94
+ "aria-label": i?.Upload.upload,
102
95
  type: "primary",
103
- className: `${i}-trigger-with-icon`,
96
+ className: `${t}-trigger-with-icon`,
104
97
  children: [
105
- /* @__PURE__ */ a(A, {}),
106
- t == null ? void 0 : t.Upload.upload
98
+ /* @__PURE__ */ a(w, {}),
99
+ i?.Upload.upload
107
100
  ]
108
101
  }
109
102
  )
110
103
  }
111
104
  );
112
- }, p = G(
113
- V
105
+ }, X = F(
106
+ R
114
107
  );
115
108
  export {
116
- p as default
109
+ X as default
117
110
  };