@unicom-cloud/ui 0.8.95 → 0.8.97

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 (326) hide show
  1. package/Affix.js +1 -1
  2. package/Carousel.js +1 -1
  3. package/LiquidFill.js +4 -0
  4. package/Message.js +1 -1
  5. package/Notification.js +1 -1
  6. package/OverflowEllipsis.js +1 -1
  7. package/PageHeader.js +1 -1
  8. package/QrCode.js +57 -0
  9. package/Switch.js +1 -1
  10. package/Tour.js +63 -0
  11. package/Trigger.js +2 -2
  12. package/_virtual/_commonjsHelpers.js +6 -0
  13. package/_virtual/index.js +7 -0
  14. package/_virtual/index2.js +4 -0
  15. package/affix/index.js +70 -72
  16. package/alert/index.js +52 -51
  17. package/anchor/Anchor.js +55 -55
  18. package/anchor/Link.js +34 -34
  19. package/anchor/util.js +5 -5
  20. package/auto-complete/index.js +116 -122
  21. package/avatar/Avatar.js +33 -33
  22. package/avatar/Group.js +26 -26
  23. package/back-top/index.js +58 -61
  24. package/badge/index.js +46 -46
  25. package/breadcrumb/Item.js +42 -43
  26. package/breadcrumb/index.js +47 -47
  27. package/button/Group.js +6 -6
  28. package/button/index.js +91 -91
  29. package/calendar/Month.js +75 -75
  30. package/calendar/Year.js +35 -35
  31. package/calendar/header/index.js +25 -25
  32. package/calendar/index.js +103 -103
  33. package/card/Grid.js +8 -8
  34. package/card/Meta.js +16 -16
  35. package/card/index.js +49 -49
  36. package/carousel/Arrow.js +19 -19
  37. package/carousel/Indicator.js +26 -26
  38. package/carousel/index.js +108 -108
  39. package/cascader/Cascader.js +178 -191
  40. package/cascader/base/node.js +133 -136
  41. package/cascader/base/store.js +82 -85
  42. package/cascader/panel/List.js +126 -130
  43. package/cascader/panel/Search.js +79 -81
  44. package/cascader/util.js +13 -13
  45. package/checkbox/Checkbox.js +94 -96
  46. package/checkbox/Group.js +54 -56
  47. package/checkbox/GroupBlock.js +28 -29
  48. package/collapse/Collapse.js +45 -45
  49. package/collapse/Item.js +53 -55
  50. package/color-picker/ControlBar.js +43 -43
  51. package/color-picker/InputAlpha.js +12 -12
  52. package/color-picker/InputHex.js +30 -31
  53. package/color-picker/InputRgb.js +24 -24
  54. package/color-picker/Palette.js +18 -18
  55. package/color-picker/Panel.js +122 -125
  56. package/color-picker/hooks/useColorPicker.js +85 -88
  57. package/color-picker/hooks/useControlBlock.js +38 -40
  58. package/color-picker/index.js +47 -47
  59. package/comment/index.js +29 -29
  60. package/components/common/higher-order/with-speech-synthesis/index.js +37 -40
  61. package/components/common/hooks/useForceUpdate.js +6 -2
  62. package/components/common/hooks/useId.js +4 -4
  63. package/components/common/hooks/useInView.js +16 -16
  64. package/components/common/hooks/useIntersectionObserver.js +1 -1
  65. package/components/common/hooks/useKeyboardEvent.js +9 -10
  66. package/components/common/hooks/useOverflowHidden.js +1 -4
  67. package/components/common/hooks/usePersistCallback.js +7 -7
  68. package/components/common/hooks/useStateCallback.js +9 -10
  69. package/components/common/hooks/useWindowSize.js +8 -8
  70. package/components/common/space/index.js +11 -10
  71. package/components/common/utils/PqbCSSTransition.js +1 -1
  72. package/components/common/utils/convertToDurationBasedOnTimeUnits.js +6 -0
  73. package/components/common/utils/dom.js +27 -29
  74. package/components/common/utils/findScrollParent.js +17 -0
  75. package/components/common/utils/intersectionObserver.js +21 -0
  76. package/components/common/utils/is.js +99 -109
  77. package/components/common/utils/mutationObserver.js +19 -0
  78. package/components/common/utils/reactDOM.js +34 -34
  79. package/components/common/utils/resizeObserver.js +21 -0
  80. package/copy/index.js +38 -40
  81. package/date-picker/Picker.js +290 -295
  82. package/date-picker/RangePicker.js +367 -372
  83. package/date-picker/index.js +33 -35
  84. package/date-picker/panel/Body.js +46 -47
  85. package/date-picker/panel/Header.js +33 -33
  86. package/date-picker/panel/Shortcut.js +31 -31
  87. package/date-picker/panel/date/index.js +85 -85
  88. package/date-picker/panel/month/index.js +59 -59
  89. package/date-picker/panel/quarter/index.js +67 -70
  90. package/date-picker/panel/range/index.js +101 -101
  91. package/date-picker/panel/year/index.js +39 -39
  92. package/date-picker/util.js +17 -18
  93. package/descriptions/index.js +62 -62
  94. package/details/index.js +55 -56
  95. package/development/index.js +9 -9
  96. package/dist/react-transition-group/src/CSSTransition.js +1 -1
  97. package/dist/react-transition-group/src/SwitchTransition.js +1 -1
  98. package/dist/tinycolor/chunk/BOzCVdr0.js +1 -1
  99. package/dist/tween/src/tween.js +24 -25
  100. package/dist/validate/src/index.js +5 -5
  101. package/dist/validate/src/util.js +1 -1
  102. package/divider/index.js +21 -21
  103. package/draggable/Item.js +35 -35
  104. package/draggable/index.js +22 -22
  105. package/drawer/Drawer.js +142 -147
  106. package/dropdown/Button.js +48 -48
  107. package/dropdown/index.js +88 -92
  108. package/empty/index.js +16 -16
  109. package/form/Control.js +211 -225
  110. package/form/Form.js +109 -113
  111. package/form/FormItem.js +118 -120
  112. package/form/FormList.js +60 -66
  113. package/form/FormProvider.js +31 -34
  114. package/form/hook/useContext.js +17 -19
  115. package/form/hook/useState.js +22 -23
  116. package/form/hook/useWatch.js +26 -27
  117. package/form/promisify.js +14 -18
  118. package/form/store.js +304 -316
  119. package/form/util.js +14 -15
  120. package/grid/Col.js +64 -64
  121. package/grid/Grid.js +51 -51
  122. package/grid/GridItem.js +48 -48
  123. package/grid/Row.js +39 -39
  124. package/hooks/index.js +50 -52
  125. package/hooks/useVerificationCode.js +41 -43
  126. package/hooks/useWatermark.js +89 -92
  127. package/icon/index.js +23 -24
  128. package/icon-hover/index.js +16 -16
  129. package/icons/file.js +11 -11
  130. package/image/Image.js +140 -141
  131. package/image/ImagePreview.js +252 -255
  132. package/image/ImagePreviewArrow.js +25 -25
  133. package/image/ImagePreviewGroup.js +62 -62
  134. package/image/util/getScale.js +25 -28
  135. package/index.js +682 -679
  136. package/input/Button.js +48 -50
  137. package/input/Group.js +9 -9
  138. package/input/Input.js +145 -154
  139. package/input/InputElement.js +108 -115
  140. package/input/Password.js +38 -38
  141. package/input/Search.js +51 -55
  142. package/input/Textarea.js +80 -81
  143. package/input/useComposition.js +23 -23
  144. package/input-number/decimal.js +59 -62
  145. package/input-number/index.js +139 -141
  146. package/input-tag/InputTag.js +223 -231
  147. package/layout/Content.js +6 -6
  148. package/layout/Footer.js +8 -8
  149. package/layout/Header.js +7 -7
  150. package/layout/Sider.js +88 -90
  151. package/layout/index.js +30 -30
  152. package/link/index.js +45 -46
  153. package/liquid-fill/LiquidFill.js +189 -0
  154. package/liquid-fill/LiquidFill2.js +3 -0
  155. package/liquid-fill/index.js +4 -0
  156. package/liquid-fill/interface.js +1 -0
  157. package/list/Item.js +28 -28
  158. package/list/Meta.js +12 -12
  159. package/list/index.js +146 -148
  160. package/mentions/index.js +75 -76
  161. package/menu/Item.js +58 -58
  162. package/menu/Menu.js +125 -127
  163. package/menu/OverflowWrap.js +39 -40
  164. package/menu/sub-menu/Inline.js +45 -45
  165. package/menu/util.js +26 -28
  166. package/message/index.js +97 -100
  167. package/message/useMessage.js +26 -27
  168. package/modal/Confirm.js +47 -49
  169. package/modal/Modal.js +250 -257
  170. package/modal/use-modal/Hook.js +26 -28
  171. package/modal/use-modal/index.js +46 -49
  172. package/notice/index.js +89 -90
  173. package/notification/index.js +61 -66
  174. package/notification/withNotification.js +35 -35
  175. package/overflow-ellipsis/OverflowItem.js +19 -20
  176. package/overflow-ellipsis/index.js +45 -46
  177. package/package.json +1 -1
  178. package/page-header/index.js +45 -45
  179. package/pagination/PageItem.js +87 -91
  180. package/pagination/PageJumper.js +40 -41
  181. package/pagination/PageOption.js +31 -35
  182. package/pagination/Pagination.js +162 -163
  183. package/picker/Input.js +90 -96
  184. package/picker/InputRange.js +115 -122
  185. package/popconfirm/index.js +98 -100
  186. package/popover/index.js +28 -28
  187. package/portal/Portal.js +10 -11
  188. package/progress/index.js +36 -36
  189. package/qr-code/index.js +99 -0
  190. package/qr-code/interface.js +1 -0
  191. package/radio/Group.js +48 -48
  192. package/radio/GroupBlock.js +32 -33
  193. package/radio/Radio.js +62 -64
  194. package/rate/index.js +88 -88
  195. package/resize-box/ResizeTrigger.js +39 -39
  196. package/resize-box/Split.js +92 -96
  197. package/resize-box/SplitGroup.js +116 -122
  198. package/resize-box/index.js +112 -115
  199. package/result/index.js +44 -44
  200. package/select/Option.js +53 -56
  201. package/select/Select.js +365 -381
  202. package/select/util.js +95 -99
  203. package/select-view/Core.js +159 -160
  204. package/skeleton/index.js +23 -23
  205. package/slider/Button.js +84 -92
  206. package/slider/Input.js +47 -49
  207. package/slider/Tick.js +28 -31
  208. package/slider/index.js +108 -108
  209. package/slider/util.js +1 -1
  210. package/space/index.js +26 -26
  211. package/space-/index.js +51 -51
  212. package/spin/DotLoading.js +8 -8
  213. package/spin/index.js +47 -47
  214. package/statistic/Countdown.js +37 -37
  215. package/statistic/index.js +61 -61
  216. package/steps/Step.js +42 -42
  217. package/steps/index.js +54 -54
  218. package/style.css +1 -1
  219. package/switch/index.js +78 -79
  220. package/table/ColGroup.js +36 -37
  221. package/table/Table.js +447 -450
  222. package/table/hook/useExpand.js +24 -24
  223. package/table/hook/useRowSelection.js +62 -62
  224. package/table/summary/Row.js +16 -17
  225. package/table/tbody/Td.js +119 -118
  226. package/table/tbody/Tr.js +119 -121
  227. package/table/tbody/index.js +62 -63
  228. package/table/th-resizable/index.js +30 -30
  229. package/table/thead/Column.js +148 -148
  230. package/table/thead/index.js +87 -88
  231. package/tabs/Tab.js +55 -55
  232. package/tabs/TabContent.js +8 -8
  233. package/tabs/TabPane.js +15 -15
  234. package/tabs/hook/useHeaderScroll.js +36 -36
  235. package/tabs/tab-header/TabInk.js +31 -33
  236. package/tabs/tab-header/TabNavIcon.js +34 -35
  237. package/tabs/tab-header/index.js +192 -195
  238. package/tag/index.js +94 -97
  239. package/time-picker/Picker.js +167 -172
  240. package/time-picker/RangePicker.js +28 -28
  241. package/time-picker/TimePicker.js +146 -146
  242. package/time-picker/util.js +4 -4
  243. package/timeline/Item.js +46 -46
  244. package/timeline/Timeline.js +52 -52
  245. package/tooltip/index.js +89 -95
  246. package/tour/index.js +289 -0
  247. package/transfer/Item.js +54 -54
  248. package/transfer/List.js +134 -136
  249. package/transfer/index.js +91 -91
  250. package/tree/Animation.js +49 -52
  251. package/tree/Node.js +114 -122
  252. package/tree/NodeList.js +51 -51
  253. package/tree/Tree.js +386 -393
  254. package/tree-select/List.js +71 -72
  255. package/tree-select/Select.js +135 -143
  256. package/tree-select/hook/useKeyCache.js +39 -39
  257. package/tree-select/hook/useStateValue.js +12 -12
  258. package/trigger/getPopupStyle.js +60 -61
  259. package/trigger/index.js +338 -347
  260. package/types/common/space/interface.d.ts +1 -1
  261. package/types/common/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
  262. package/types/common/utils/findScrollParent.d.ts +2 -0
  263. package/types/common/utils/index.d.ts +5 -0
  264. package/types/common/utils/intersectionObserver.d.ts +2 -0
  265. package/types/common/utils/math.d.ts +1 -1
  266. package/types/common/utils/mutationObserver.d.ts +2 -0
  267. package/types/common/utils/resizeObserver.d.ts +2 -0
  268. package/types/pc/alert/interface.d.ts +2 -2
  269. package/types/pc/details/interface.d.ts +2 -2
  270. package/types/pc/hooks/index.d.ts +0 -1
  271. package/types/pc/index.d.ts +3 -0
  272. package/types/pc/liquid-fill/LiquidFill.d.ts +30 -0
  273. package/types/pc/liquid-fill/LiquidFill2.d.ts +1 -0
  274. package/types/pc/liquid-fill/index.d.ts +4 -0
  275. package/types/pc/liquid-fill/interface.d.ts +0 -0
  276. package/types/pc/qr-code/index.d.ts +34 -0
  277. package/types/pc/qr-code/interface.d.ts +39 -0
  278. package/types/pc/table/interface.d.ts +2 -2
  279. package/types/pc/tour/index.d.ts +42 -0
  280. package/types/pc/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
  281. package/types/pc/utils/findScrollParent.d.ts +2 -0
  282. package/types/pc/utils/index.d.ts +5 -0
  283. package/types/pc/utils/intersectionObserver.d.ts +2 -0
  284. package/types/pc/utils/math.d.ts +1 -1
  285. package/types/pc/utils/mutationObserver.d.ts +2 -0
  286. package/types/pc/utils/names.d.ts +18 -0
  287. package/types/pc/utils/resizeObserver.d.ts +2 -0
  288. package/typography/Base.js +79 -81
  289. package/typography/EditContent.js +30 -33
  290. package/typography/Ellipsis.js +78 -75
  291. package/typography/Operations.js +50 -52
  292. package/typography/Paragraph.js +7 -7
  293. package/typography/Typography.js +7 -7
  294. package/typography/useEllipsis.js +105 -106
  295. package/upload/TriggerNode.js +69 -76
  296. package/upload/Upload.js +84 -87
  297. package/upload/Uploader.js +115 -118
  298. package/upload/list/PictureItem.js +61 -71
  299. package/upload/list/TextItem.js +61 -67
  300. package/upload/list/UploadProgress.js +42 -49
  301. package/upload/list/index.js +49 -50
  302. package/upload/request_.js +37 -38
  303. package/upload/util.js +39 -39
  304. package/utils/convertToDurationBasedOnTimeUnits.js +6 -0
  305. package/utils/findScrollParent.js +4 -0
  306. package/utils/index.js +274 -275
  307. package/utils/intersectionObserver.js +4 -0
  308. package/utils/math.js +7 -11
  309. package/utils/mutationObserver.js +4 -0
  310. package/utils/names.js +12 -0
  311. package/utils/reactTransitionGroup.js +1 -1
  312. package/utils/resizeObserver.js +4 -0
  313. package/verification-code/VerificationCode.js +50 -51
  314. package/version/index.js +1 -1
  315. package/virtual-list/VirtualList.js +243 -244
  316. package/virtual-list/util/item.js +3 -4
  317. package/watermark/Watermark.js +27 -31
  318. package/components/common/hooks/useComputedState.js +0 -11
  319. package/components/common/utils/resizeObserverEffect.js +0 -23
  320. package/hooks/useComputedState.js +0 -4
  321. package/types/common/hooks/useComputedState.d.ts +0 -4
  322. package/types/common/utils/resizeObserverEffect.d.ts +0 -2
  323. package/types/pc/hooks/useComputedState.d.ts +0 -1
  324. package/types/pc/utils/resizeObserverEffect.d.ts +0 -2
  325. package/utils/resizeObserverEffect.js +0 -4
  326. /package/dist/react-transition-group/chunk/{C6QwjD4L.js → CPfP7aNL.js} +0 -0
package/menu/util.js CHANGED
@@ -1,54 +1,52 @@
1
1
  import u from "react";
2
- const C = [
2
+ const M = [
3
3
  "popup",
4
4
  "triggerProps",
5
5
  "selectable"
6
- ], i = (t) => {
6
+ ], f = (s) => {
7
7
  let r = [];
8
- return u.Children.forEach(t, (e) => {
9
- var p;
10
- const o = (p = e == null ? void 0 : e.type) == null ? void 0 : p.menuType;
8
+ return u.Children.forEach(s, (e) => {
9
+ const o = e?.type?.menuType;
11
10
  o === "MenuItem" || o === "SubMenu" ? r.push(e) : o === "MenuGroup" && (r = r.concat(
12
- i(e.props.children)
11
+ f(e.props.children)
13
12
  ));
14
13
  }), r;
15
- }, k = (t, r = [], e = {}) => {
16
- const o = i(t);
14
+ }, i = (s, r = [], e = {}) => {
15
+ const o = f(s);
17
16
  return o.forEach((p, n) => {
18
- var f, h;
19
- const s = p.key, l = p.type.menuType, c = [s, ...r], y = {
17
+ const t = p.key, l = p.type.menuType, c = [t, ...r], y = {
20
18
  keyPath: [],
21
- prev: ((f = o[n - 1]) == null ? void 0 : f.key) || null,
22
- next: ((h = o[n + 1]) == null ? void 0 : h.key) || null
19
+ prev: o[n - 1]?.key || null,
20
+ next: o[n + 1]?.key || null
23
21
  };
24
22
  if (n === 0 || n === o.length - 1) {
25
- const a = c[1], d = n === 0 ? "firstChild" : "lastChild";
23
+ const a = c[1], h = n === 0 ? "firstChild" : "lastChild";
26
24
  a && (e[a] = {
27
25
  ...e[a],
28
- [d]: s
26
+ [h]: t
29
27
  });
30
28
  }
31
29
  switch (l) {
32
30
  case "SubMenu":
33
- y.keyPath = c, k(p.props.children, c, e);
31
+ y.keyPath = c, i(p.props.children, c, e);
34
32
  break;
35
33
  case "MenuItem":
36
34
  y.keyPath = c, y.disabled = p.props.disabled;
37
35
  break;
38
36
  }
39
- e[s] = {
40
- ...e[s],
37
+ e[t] = {
38
+ ...e[t],
41
39
  ...y
42
40
  };
43
41
  }), e;
44
- }, M = (t, r) => u.Children.map(t, (e, o) => {
42
+ }, d = (s, r) => u.Children.map(s, (e, o) => {
45
43
  if (!e || !e.props)
46
44
  return e;
47
45
  const p = typeof e.type == "string";
48
46
  if (!(e.type && e.type.menuType) && e.props.children) {
49
- const s = p ? {} : r, l = M(e.props.children, r);
47
+ const t = p ? {} : r, l = d(e.props.children, r);
50
48
  return u.cloneElement(e, {
51
- ...s,
49
+ ...t,
52
50
  _key: e.key,
53
51
  children: l.length === 1 ? l[0] : l
54
52
  });
@@ -60,21 +58,21 @@ const C = [
60
58
  _key: e.key || `$menu-${o}`
61
59
  });
62
60
  });
63
- function E(t, r) {
61
+ function b(s, r) {
64
62
  let e = !1;
65
63
  function o(p) {
66
64
  !p || e || u.Children.forEach(p, (n) => {
67
65
  if (n && n.props && n.type && !e) {
68
- const s = n.type.menuType, l = n.props.selectable;
69
- (s === "MenuItem" || s === "SubMenu" && l) && (e = r.indexOf(n.key) !== -1), !e && n.props.children && o(n.props.children);
66
+ const t = n.type.menuType, l = n.props.selectable;
67
+ (t === "MenuItem" || t === "SubMenu" && l) && (e = r.indexOf(n.key) !== -1), !e && n.props.children && o(n.props.children);
70
68
  }
71
69
  });
72
70
  }
73
- return o(t), e;
71
+ return o(s), e;
74
72
  }
75
73
  export {
76
- C as PROPS_NEED_TO_BE_PASSED_IN_SUBMENU,
77
- k as generateInfoMap,
78
- E as isChildrenSelected,
79
- M as processChildren
74
+ M as PROPS_NEED_TO_BE_PASSED_IN_SUBMENU,
75
+ i as generateInfoMap,
76
+ b as isChildrenSelected,
77
+ d as processChildren
80
78
  };
package/message/index.js CHANGED
@@ -2,148 +2,145 @@ import { jsx as u } from "react/jsx-runtime";
2
2
  import "../dist/react-transition-group/src/CSSTransition.js";
3
3
  import "../dist/react-transition-group/src/ReplaceTransition.js";
4
4
  import "../dist/react-transition-group/src/SwitchTransition.js";
5
- import "../dist/react-transition-group/chunk/C6QwjD4L.js";
6
- import O from "../dist/react-transition-group/src/TransitionGroup.js";
7
- import C from "lodash/isNumber";
8
- import y from "lodash/isUndefined";
9
- import { useEffect as P } from "react";
10
- import { createRoot as R } from "react-dom/client";
11
- import S from "../notice/index.js";
12
- import { notificationTypes as k } from "../notification/index.js";
13
- import H from "../notification/withNotification.js";
14
- import { PqbCSSTransition as Q } from "../components/common/utils/PqbCSSTransition.js";
15
- import T from "@unicom-cloud/utils/class-name";
16
- import U from "./useMessage.js";
17
- const z = [...k];
18
- let m = {}, x = [], E, M, $, v, I, j;
19
- function A(e) {
5
+ import "../dist/react-transition-group/chunk/CPfP7aNL.js";
6
+ import w from "../dist/react-transition-group/src/TransitionGroup.js";
7
+ import x from "lodash/isNumber";
8
+ import b from "lodash/isUndefined";
9
+ import { useEffect as q } from "react";
10
+ import { createRoot as O } from "react-dom/client";
11
+ import P from "../notice/index.js";
12
+ import { notificationTypes as R } from "../notification/index.js";
13
+ import S from "../notification/withNotification.js";
14
+ import { PqbCSSTransition as k } from "../components/common/utils/PqbCSSTransition.js";
15
+ import H from "@unicom-cloud/utils/class-name";
16
+ import Q from "./useMessage.js";
17
+ const U = [...R];
18
+ let a = {}, g = [], N, T, E, y, _, M;
19
+ function z(e) {
20
20
  const {
21
- transitionClassNames: s,
22
- transitionTimeout: t,
23
- prefixCls: h,
24
- rtl: g,
21
+ transitionClassNames: i,
22
+ transitionTimeout: o,
23
+ prefixCls: C,
24
+ rtl: p,
25
25
  closable: d,
26
- notices: i,
27
- position: N
26
+ notices: r,
27
+ position: v
28
28
  } = e;
29
- function r(a) {
30
- const l = e.notices.find((p) => p.id === a);
31
- l && e.update({
32
- ...l,
33
- style: { ...l.style, opacity: 0 }
29
+ function n(f) {
30
+ const t = e.notices.find((j) => j.id === f);
31
+ t && e.update({
32
+ ...t,
33
+ style: { ...t.style, opacity: 0 }
34
34
  }), setTimeout(() => {
35
- e.remove(a);
35
+ e.remove(f);
36
36
  }, 100);
37
37
  }
38
- P(() => (e.add(e), () => {
38
+ q(() => (e.add(e), () => {
39
39
  e.clear();
40
40
  }), []);
41
- const o = h || M, f = y(g) ? I : g, c = y(d) ? j : d, b = o ? `${o}-message` : "pqb-message", w = {
42
- enter: C(t == null ? void 0 : t.enter) ? t == null ? void 0 : t.enter : 100,
43
- exit: C(t == null ? void 0 : t.exit) ? t == null ? void 0 : t.exit : 300
44
- }, q = T(
45
- `${b}-wrapper`,
46
- `${b}-wrapper-${N}`
41
+ const s = C || T, l = b(p) ? _ : p, c = b(d) ? M : d, h = s ? `${s}-message` : "pqb-message", $ = {
42
+ enter: x(o?.enter) ? o?.enter : 100,
43
+ exit: x(o?.exit) ? o?.exit : 300
44
+ }, I = H(
45
+ `${h}-wrapper`,
46
+ `${h}-wrapper-${v}`
47
47
  );
48
- return /* @__PURE__ */ u("div", { className: q, children: /* @__PURE__ */ u(O, { component: null, children: i.map((a) => /* @__PURE__ */ u(
49
- Q,
48
+ return /* @__PURE__ */ u("div", { className: I, children: /* @__PURE__ */ u(w, { component: null, children: r.map((f) => /* @__PURE__ */ u(
49
+ k,
50
50
  {
51
- timeout: w,
52
- classNames: s || "fadeMessage",
53
- onExit: (l) => {
54
- l && (l.style.height = `${l.scrollHeight}px`);
51
+ timeout: $,
52
+ classNames: i || "fadeMessage",
53
+ onExit: (t) => {
54
+ t && (t.style.height = `${t.scrollHeight}px`);
55
55
  },
56
- onExiting: (l) => {
57
- l && (l.style.height = 0);
56
+ onExiting: (t) => {
57
+ t && (t.style.height = 0);
58
58
  },
59
- onExited: (l) => {
60
- var p;
61
- l && (l.style.height = 0, (p = a.onClose) == null || p.call(a));
59
+ onExited: (t) => {
60
+ t && (t.style.height = 0, f.onClose?.());
62
61
  },
63
62
  children: /* @__PURE__ */ u(
64
- S,
63
+ P,
65
64
  {
66
- ...a,
67
- prefixCls: b,
68
- classPrefixCls: o,
69
- iconPrefix: o,
70
- onClose: r,
65
+ ...f,
66
+ prefixCls: h,
67
+ classPrefixCls: s,
68
+ iconPrefix: s,
69
+ onClose: n,
71
70
  noticeType: "message",
72
- rtl: f,
73
- ...y(c) ? {} : { closable: c }
71
+ rtl: l,
72
+ ...b(c) ? {} : { closable: c }
74
73
  }
75
74
  )
76
75
  },
77
- a.id
76
+ f.id
78
77
  )) }) });
79
78
  }
80
- const n = H(A);
81
- n.config = (e = {}) => {
82
- var s;
83
- C(e.maxCount) && (E = e.maxCount), e.prefixCls && (M = e.prefixCls), C(e.duration) && ($ = e.duration), typeof e.rtl == "boolean" && (I = e.rtl), typeof e.closable == "boolean" && (j = e.closable), ((s = e.getContainer) == null ? void 0 : s.call(e)) !== v && (v = e.getContainer(), Object.values(m).forEach((t) => t == null ? void 0 : t.clear()), m = {});
79
+ const m = S(z);
80
+ m.config = (e = {}) => {
81
+ x(e.maxCount) && (N = e.maxCount), e.prefixCls && (T = e.prefixCls), x(e.duration) && (E = e.duration), typeof e.rtl == "boolean" && (_ = e.rtl), typeof e.closable == "boolean" && (M = e.closable), e.getContainer?.() !== y && (y = e.getContainer(), Object.values(a).forEach((i) => i?.clear()), a = {});
84
82
  };
85
- n.clear = () => {
86
- Object.values(m).forEach((e) => {
87
- e == null || e.clear();
83
+ m.clear = () => {
84
+ Object.values(a).forEach((e) => {
85
+ e?.clear();
88
86
  });
89
87
  };
90
- n.addInstance = (e) => {
91
- const s = {
88
+ m.addInstance = (e) => {
89
+ const i = {
92
90
  position: "top",
93
- duration: $,
91
+ duration: E,
94
92
  ...e
95
- }, { position: t, transitionClassNames: h, transitionTimeout: g } = s;
93
+ }, { position: o, transitionClassNames: C, transitionTimeout: p } = i;
96
94
  let d;
97
- const i = m[t];
98
- if (i) {
99
- const r = i.notices.find(
100
- (f) => f.id === e.id
101
- ), o = {
102
- ...s,
103
- update: r
95
+ const r = a[o];
96
+ if (r) {
97
+ const n = r.notices.find(
98
+ (l) => l.id === e.id
99
+ ), s = {
100
+ ...i,
101
+ update: n
104
102
  };
105
- i.notices.length >= E ? r ? i.add({
106
- ...o,
107
- id: r.id
108
- }) : (i.shift(), i.add(o)) : d = i.add(o);
103
+ r.notices.length >= N ? n ? r.add({
104
+ ...s,
105
+ id: n.id
106
+ }) : (r.shift(), r.add(s)) : d = r.add(s);
109
107
  }
110
- if (i === null && x.push(e), i === void 0) {
111
- const r = document.createElement("div");
112
- (v || document.body).appendChild(r), R(r).render(
108
+ if (r === null && g.push(e), r === void 0) {
109
+ const n = document.createElement("div");
110
+ (y || document.body).appendChild(n), O(n).render(
113
111
  /* @__PURE__ */ u(
114
- n,
112
+ m,
115
113
  {
116
- transitionClassNames: h,
117
- transitionTimeout: g,
118
- ...s,
119
- ref: (f) => {
120
- if (f) {
121
- for (let c = 0; c < x.length; c++)
122
- f.add(x[c]);
123
- x = [], m[t] = f;
114
+ transitionClassNames: C,
115
+ transitionTimeout: p,
116
+ ...i,
117
+ ref: (l) => {
118
+ if (l) {
119
+ for (let c = 0; c < g.length; c++)
120
+ l.add(g[c]);
121
+ g = [], a[o] = l;
124
122
  }
125
123
  }
126
124
  }
127
125
  )
128
- ), m[t] = null;
126
+ ), a[o] = null;
129
127
  }
130
128
  return () => {
131
- var r, o;
132
- (o = (r = m[t]) == null ? void 0 : r.remove) == null || o.call(r, d);
129
+ a[o]?.remove?.(d);
133
130
  };
134
131
  };
135
- z.forEach((e) => {
136
- n[e] = (s) => {
137
- const t = typeof s == "string" ? { content: s } : s;
138
- return n.addInstance({
139
- ...t,
132
+ U.forEach((e) => {
133
+ m[e] = (i) => {
134
+ const o = typeof i == "string" ? { content: i } : i;
135
+ return m.addInstance({
136
+ ...o,
140
137
  type: e
141
138
  });
142
139
  };
143
140
  });
144
- n.useMessage = U;
141
+ m.useMessage = Q;
145
142
  export {
146
- n as default,
147
- z as messageTypes,
148
- U as useMessage
143
+ m as default,
144
+ U as messageTypes,
145
+ Q as useMessage
149
146
  };
@@ -1,58 +1,57 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import H from "lodash/isString";
3
- import { useRef as I, useMemo as N } from "react";
4
- import P, { messageTypes as R } from "./index.js";
5
- import { ContextHolderElement as j } from "../utils/contextHolder.js";
6
- function q(u = {}) {
7
- const { maxCount: x, duration: C = 3e3, prefixCls: g } = u, s = I(), h = N(
8
- () => /* @__PURE__ */ p(j, { ref: s }),
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import _ from "lodash/isString";
3
+ import { useRef as H, useMemo as I } from "react";
4
+ import N, { messageTypes as P } from "./index.js";
5
+ import { ContextHolderElement as R } from "../utils/contextHolder.js";
6
+ function q(p = {}) {
7
+ const { maxCount: u, duration: x = 3e3, prefixCls: C } = p, s = H(), g = I(
8
+ () => /* @__PURE__ */ m(R, { ref: s }),
9
9
  []
10
10
  ), f = {};
11
- let d;
12
- function E(n) {
11
+ let a;
12
+ function h(n) {
13
13
  let t, r;
14
14
  if (s.current) {
15
15
  const e = s.current.getContextConfig();
16
16
  r = e.rtl, t = e.prefixCls;
17
17
  }
18
- const M = g || t, i = {
18
+ const E = C || t, i = {
19
19
  position: "top",
20
- duration: C,
20
+ duration: x,
21
21
  ...n
22
- }, { position: l, transitionClassNames: _ } = i;
22
+ }, { position: l, transitionClassNames: M } = i;
23
23
  let c;
24
24
  const o = f[l];
25
25
  if (o) {
26
26
  const e = o.notices;
27
- e.length >= x ? (c = e[0].id, o.shift(), o.add({ ...i, id: c })) : c = o.add(i);
27
+ e.length >= u ? (c = e[0].id, o.shift(), o.add({ ...i, id: c })) : c = o.add(i);
28
28
  } else
29
- d = /* @__PURE__ */ p(
30
- P,
29
+ a = /* @__PURE__ */ m(
30
+ N,
31
31
  {
32
32
  ...i,
33
- transitionClassNames: _,
34
- prefixCls: M,
33
+ transitionClassNames: M,
34
+ prefixCls: E,
35
35
  rtl: r,
36
36
  ref: (e) => {
37
37
  f[l] = e;
38
38
  }
39
39
  }
40
- ), s.current.addInstance(d);
40
+ ), s.current.addInstance(a);
41
41
  return () => {
42
- var e, a;
43
- (a = (e = f[l]) == null ? void 0 : e.remove) == null || a.call(e, c);
42
+ f[l]?.remove?.(c);
44
43
  };
45
44
  }
46
- const m = {};
47
- return R.forEach((n) => {
48
- m[n] = (t) => {
49
- const r = H(t) ? { content: t } : t;
50
- return E({
45
+ const d = {};
46
+ return P.forEach((n) => {
47
+ d[n] = (t) => {
48
+ const r = _(t) ? { content: t } : t;
49
+ return h({
51
50
  ...r,
52
51
  type: n
53
52
  });
54
53
  };
55
- }), [m, h];
54
+ }), [d, g];
56
55
  }
57
56
  export {
58
57
  q as default
package/modal/Confirm.js CHANGED
@@ -1,33 +1,33 @@
1
- import { jsx as i, jsxs as x } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as x } from "react/jsx-runtime";
2
2
  import P from "@unicom-cloud/icons/IconUiCheckCircleFill";
3
3
  import y from "@unicom-cloud/icons/IconUiCloseCircleFill";
4
- import f from "@unicom-cloud/icons/IconUiExclamationCircleFill";
4
+ import u from "@unicom-cloud/icons/IconUiExclamationCircleFill";
5
5
  import F from "@unicom-cloud/icons/IconUiInfoCircleFill";
6
6
  import { createRoot as I } from "react-dom/client";
7
7
  import M from "../config-provider/ConfigProvider.js";
8
8
  import N from "./Modal.js";
9
- import { destroyList as d, getConfigProviderProps as O, getModalConfig as U } from "./config.js";
9
+ import { destroyList as f, getConfigProviderProps as O, getModalConfig as U } from "./config.js";
10
10
  function w(e) {
11
- const { prefixCls: r, simple: l } = U();
12
- return /* @__PURE__ */ i(N, { prefixCls: r, simple: l, ...e, children: e.content });
11
+ const { prefixCls: r, simple: i } = U();
12
+ return /* @__PURE__ */ n(N, { prefixCls: r, simple: i, ...e, children: e.content });
13
13
  }
14
14
  const p = (e) => {
15
15
  let r = e.icon;
16
16
  if (!r) {
17
17
  if (r !== null) {
18
- if (r = /* @__PURE__ */ i(f, {}), e.isNotice)
18
+ if (r = /* @__PURE__ */ n(u, {}), e.isNotice)
19
19
  switch (e.noticeType) {
20
20
  case "info":
21
- r = /* @__PURE__ */ i(F, {});
21
+ r = /* @__PURE__ */ n(F, {});
22
22
  break;
23
23
  case "success":
24
- r = /* @__PURE__ */ i(P, {});
24
+ r = /* @__PURE__ */ n(P, {});
25
25
  break;
26
26
  case "warning":
27
- r = /* @__PURE__ */ i(f, {});
27
+ r = /* @__PURE__ */ n(u, {});
28
28
  break;
29
29
  case "error":
30
- r = /* @__PURE__ */ i(y, {});
30
+ r = /* @__PURE__ */ n(y, {});
31
31
  break;
32
32
  }
33
33
  }
@@ -38,72 +38,70 @@ const p = (e) => {
38
38
  ] }), e;
39
39
  };
40
40
  function D(e, r) {
41
- let l;
42
- const s = document.createElement("div");
43
- s.className = "pqb-modal-root", document.body.appendChild(s);
41
+ let i;
42
+ const l = document.createElement("div");
43
+ l.className = "pqb-modal-root", document.body.appendChild(l);
44
44
  const C = O();
45
- function h(o) {
46
- const n = /* @__PURE__ */ i(M, { ...C, childrenName: "ModalConfirm", children: /* @__PURE__ */ i(
45
+ function h(t) {
46
+ const c = /* @__PURE__ */ n(M, { ...C, childrenName: "ModalConfirm", children: /* @__PURE__ */ n(
47
47
  w,
48
48
  {
49
- getPopupContainer: () => s,
50
- ...o,
51
- onCancel: c
49
+ getPopupContainer: () => l,
50
+ ...t,
51
+ onCancel: a
52
52
  }
53
53
  ) });
54
- l || (l = I(s)), l.render(n);
54
+ i ||= I(l), i.render(c);
55
55
  }
56
- const a = r || h;
57
- let t = {
56
+ const s = r || h;
57
+ let o = {
58
58
  ...e,
59
59
  visible: !1
60
60
  };
61
61
  const b = () => {
62
- let o;
63
- const n = e.onOk;
64
- n && (o = n(c)), o && o.then && (t.confirmLoading = !0, a(t), o.then(
62
+ let t;
63
+ const c = e.onOk;
64
+ c && (t = c(a)), t && t.then && (o.confirmLoading = !0, s(o), t.then(
65
65
  () => {
66
- c(!0);
66
+ a(!0);
67
67
  },
68
68
  (v) => {
69
- console.error(v), t.confirmLoading = !1, a(t);
69
+ console.error(v), o.confirmLoading = !1, s(o);
70
70
  }
71
- )), o || c(!0);
71
+ )), t || a(!0);
72
72
  };
73
- t.onOk = b, t = p(t), t.visible = !0, a(t);
74
- function u() {
75
- s.remove();
76
- for (let o = 0; o < d.length; o++)
77
- if (d[o] === m) {
78
- d.splice(o, 1);
73
+ o.onOk = b, o = p(o), o.visible = !0, s(o);
74
+ function d() {
75
+ l.remove();
76
+ for (let t = 0; t < f.length; t++)
77
+ if (f[t] === m) {
78
+ f.splice(t, 1);
79
79
  break;
80
80
  }
81
- l && setTimeout(() => {
82
- l.unmount(), l = null;
81
+ i && setTimeout(() => {
82
+ i.unmount(), i = null;
83
83
  }, 7);
84
84
  }
85
- function c(o) {
86
- var n;
87
- !o && ((n = e.onCancel) == null || n.call(e)), m();
85
+ function a(t) {
86
+ !t && e.onCancel?.(), m();
88
87
  }
89
- function k(o) {
90
- t = {
91
- ...t,
88
+ function k(t) {
89
+ o = {
90
+ ...o,
92
91
  title: e.title,
93
92
  // 避免 newConfig 未传递 title 时,icon 出现多个的问题
94
- ...o
95
- }, t = p(t), a(t);
93
+ ...t
94
+ }, o = p(o), s(o);
96
95
  }
97
96
  function m() {
98
- t.visible = !1, t.afterClose = () => {
99
- var o;
100
- (o = e.afterClose) == null || o.call(e), u();
101
- }, a(t);
97
+ o.visible = !1, o.afterClose = () => {
98
+ e.afterClose?.(), d();
99
+ }, s(o);
102
100
  }
103
- return d.push(m), {
101
+ return f.push(m), {
104
102
  close: m,
105
103
  update: k,
106
- destroy: u
104
+ destroy: d
107
105
  };
108
106
  }
109
107
  export {