@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/hooks/index.js CHANGED
@@ -1,60 +1,58 @@
1
1
  import { useVerificationCode as t } from "./useVerificationCode.js";
2
2
  import { useWatermark as o } from "./useWatermark.js";
3
- import { default as f } from "../components/common/hooks/useComputedState.js";
4
- import { default as d } from "../components/common/hooks/useCreate.js";
5
- import { default as m } from "../components/common/hooks/useForceUpdate.js";
6
- import { default as x } from "../components/common/hooks/useId.js";
7
- import { default as n } from "../components/common/hooks/useIntersectionObserver.js";
8
- import { default as v } from "../components/common/hooks/useInterval.js";
9
- import { default as I } from "../components/common/hooks/useInView.js";
3
+ import { default as f } from "../components/common/hooks/useCreate.js";
4
+ import { default as d } from "../components/common/hooks/useForceUpdate.js";
5
+ import { default as m } from "../components/common/hooks/useId.js";
6
+ import { default as x } from "../components/common/hooks/useIntersectionObserver.js";
7
+ import { default as n } from "../components/common/hooks/useInterval.js";
8
+ import { default as v } from "../components/common/hooks/useInView.js";
10
9
  import { default as b } from "../components/common/hooks/useIsFirstRender.js";
11
- import { default as P } from "../components/common/hooks/useIsomorphicLayoutEffect.js";
12
- import { default as h } from "../components/common/hooks/useKeyboardEvent.js";
13
- import { default as W } from "../components/common/hooks/useListenResize.js";
14
- import { default as z } from "../components/common/hooks/useMedia.js";
15
- import { default as M } from "../components/common/hooks/useMergeProps.js";
16
- import { default as g } from "../components/common/hooks/useMergeValue.js";
17
- import { default as F } from "../components/common/hooks/useOnlineStatus.js";
18
- import { default as U } from "../components/common/hooks/useOverflowHidden.js";
19
- import { default as H } from "../components/common/hooks/useOverrideRef.js";
20
- import { default as j } from "../components/common/hooks/usePersistCallback.js";
21
- import { default as A } from "../components/common/hooks/usePrefersColorSchemeDark.js";
22
- import { default as G } from "../components/common/hooks/usePrevious.js";
23
- import { default as N } from "../components/common/hooks/useRefs.js";
24
- import { default as T } from "../components/common/hooks/useResizeObserver.js";
25
- import { default as Y } from "../components/common/hooks/useStateCallback.js";
26
- import { default as _ } from "../components/common/hooks/useStateWithPromise.js";
27
- import { default as ee } from "../components/common/hooks/useUpdateEffect.js";
28
- import { default as te } from "../components/common/hooks/useWatch.js";
29
- import { default as oe } from "../components/common/hooks/useWindowSize.js";
10
+ import { default as O } from "../components/common/hooks/useIsomorphicLayoutEffect.js";
11
+ import { default as R } from "../components/common/hooks/useKeyboardEvent.js";
12
+ import { default as h } from "../components/common/hooks/useListenResize.js";
13
+ import { default as W } from "../components/common/hooks/useMedia.js";
14
+ import { default as z } from "../components/common/hooks/useMergeProps.js";
15
+ import { default as M } from "../components/common/hooks/useMergeValue.js";
16
+ import { default as g } from "../components/common/hooks/useOnlineStatus.js";
17
+ import { default as F } from "../components/common/hooks/useOverflowHidden.js";
18
+ import { default as U } from "../components/common/hooks/useOverrideRef.js";
19
+ import { default as H } from "../components/common/hooks/usePersistCallback.js";
20
+ import { default as j } from "../components/common/hooks/usePrefersColorSchemeDark.js";
21
+ import { default as A } from "../components/common/hooks/usePrevious.js";
22
+ import { default as G } from "../components/common/hooks/useRefs.js";
23
+ import { default as N } from "../components/common/hooks/useResizeObserver.js";
24
+ import { default as T } from "../components/common/hooks/useStateCallback.js";
25
+ import { default as Y } from "../components/common/hooks/useStateWithPromise.js";
26
+ import { default as _ } from "../components/common/hooks/useUpdateEffect.js";
27
+ import { default as ee } from "../components/common/hooks/useWatch.js";
28
+ import { default as te } from "../components/common/hooks/useWindowSize.js";
30
29
  export {
31
- f as useComputedState,
32
- d as useCreate,
33
- m as useForceUpdate,
34
- x as useId,
35
- I as useInView,
36
- n as useIntersectionObserver,
37
- v as useInterval,
30
+ f as useCreate,
31
+ d as useForceUpdate,
32
+ m as useId,
33
+ v as useInView,
34
+ x as useIntersectionObserver,
35
+ n as useInterval,
38
36
  b as useIsFirstRender,
39
- P as useIsomorphicLayoutEffect,
40
- h as useKeyboardEvent,
41
- W as useListenResize,
42
- z as useMedia,
43
- M as useMergeProps,
44
- g as useMergeValue,
45
- F as useOnlineStatus,
46
- U as useOverflowHidden,
47
- H as useOverrideRef,
48
- j as usePersistCallback,
49
- A as usePrefersColorSchemeDark,
50
- G as usePrevious,
51
- N as useRefs,
52
- T as useResizeObserver,
53
- Y as useStateCallback,
54
- _ as useStateWithPromise,
55
- ee as useUpdateEffect,
37
+ O as useIsomorphicLayoutEffect,
38
+ R as useKeyboardEvent,
39
+ h as useListenResize,
40
+ W as useMedia,
41
+ z as useMergeProps,
42
+ M as useMergeValue,
43
+ g as useOnlineStatus,
44
+ F as useOverflowHidden,
45
+ U as useOverrideRef,
46
+ H as usePersistCallback,
47
+ j as usePrefersColorSchemeDark,
48
+ A as usePrevious,
49
+ G as useRefs,
50
+ N as useResizeObserver,
51
+ T as useStateCallback,
52
+ Y as useStateWithPromise,
53
+ _ as useUpdateEffect,
56
54
  t as useVerificationCode,
57
- te as useWatch,
55
+ ee as useWatch,
58
56
  o as useWatermark,
59
- oe as useWindowSize
57
+ te as useWindowSize
60
58
  };
@@ -1,73 +1,71 @@
1
- import h from "lodash/isEqualWith";
2
- import { useMemo as d, useEffect as y } from "react";
3
- import D from "../components/common/hooks/useMergeValue.js";
4
- import { isExist as V } from "../components/common/utils/is.js";
5
- import { Backspace as k } from "@unicom-cloud/utils/constant/keyboardCode";
6
- const E = 6;
7
- function M(n) {
8
- const [o, m] = D("", n), u = +n.length > 0 ? +n.length : E, c = d(() => {
9
- const t = o ? String(o).split("") : [];
10
- return new Array(u).fill("").map((a, e) => V(t[e]) ? String(t[e]) : "");
11
- }, [o, u]), s = () => {
12
- var e, i, l;
13
- const t = ((e = n.getInputRefList) == null ? void 0 : e.call(n)) || [];
14
- if ((t == null ? void 0 : t.indexOf(document.activeElement)) === -1)
1
+ import g from "lodash/isEqualWith";
2
+ import { useMemo as p, useEffect as h } from "react";
3
+ import d from "../components/common/hooks/useMergeValue.js";
4
+ import { isExist as y } from "../components/common/utils/is.js";
5
+ import { Backspace as D } from "@unicom-cloud/utils/constant/keyboardCode";
6
+ const v = 6;
7
+ function S(a) {
8
+ const [r, u] = d("", a), l = +a.length > 0 ? +a.length : v, n = p(() => {
9
+ const t = r ? String(r).split("") : [];
10
+ return new Array(l).fill("").map((o, e) => y(t[e]) ? String(t[e]) : "");
11
+ }, [r, l]), f = () => {
12
+ const t = a.getInputRefList?.() || [];
13
+ if (t?.indexOf(document.activeElement) === -1)
15
14
  return;
16
- const a = c.findIndex((r) => !r);
17
- if (a > -1) {
18
- const r = Math.min(a, t.length - 1);
19
- (l = (i = t[r]) == null ? void 0 : i.focus) == null || l.call(i);
15
+ const o = n.findIndex((e) => !e);
16
+ if (o > -1) {
17
+ const e = Math.min(o, t.length - 1);
18
+ t[e]?.focus?.();
20
19
  }
21
20
  };
22
- y(() => {
23
- s();
24
- }, [JSON.stringify(c)]);
25
- const f = (t) => {
26
- var a, e;
27
- h(t, o) || (m(t), (a = n.onChange) == null || a.call(n, t), t.length === u && ((e = n.onFinish) == null || e.call(n, t)));
28
- }, g = (t, a) => {
21
+ h(() => {
22
+ f();
23
+ }, [JSON.stringify(n)]);
24
+ const c = (t) => {
25
+ g(t, r) || (u(t), a.onChange?.(t), t.length === l && a.onFinish?.(t));
26
+ }, m = (t, o) => {
29
27
  t.preventDefault();
30
28
  const i = t.clipboardData.getData("text");
31
- i && f(
32
- c.slice(0, a).concat(i.split("")).join("")
29
+ i && c(
30
+ n.slice(0, o).concat(i.split("")).join("")
33
31
  );
34
32
  };
35
33
  return {
36
- value: o,
37
- filledValue: c,
38
- setValue: f,
34
+ value: r,
35
+ filledValue: n,
36
+ setValue: c,
39
37
  getInputProps: (t) => {
40
- const a = String(c[t]);
38
+ const o = String(n[t]);
41
39
  return {
42
40
  key: t,
43
- value: a,
41
+ value: o,
44
42
  onClick: (e) => {
45
- e.preventDefault(), c[t] || s();
43
+ e.preventDefault(), n[t] || f();
46
44
  },
47
45
  onKeyDown: (e) => {
48
- if (e.key === k.key) {
49
- if (c[t + 1]) {
46
+ if (e.key === D.key) {
47
+ if (n[t + 1]) {
50
48
  e.preventDefault();
51
49
  return;
52
50
  }
53
51
  let i = t;
54
- c[t] || (i -= 1);
55
- const l = [...c];
56
- l[i] = "", f(l.join(""));
52
+ n[t] || (i -= 1);
53
+ const s = [...n];
54
+ s[i] = "", c(s.join(""));
57
55
  }
58
56
  },
59
57
  onChange: (e) => {
60
- const i = (e == null ? void 0 : e.trim()) || "", l = [...c];
61
- l[t] = i.replace(a, "").split("").pop() || "", f(l.join(""));
58
+ const i = e?.trim() || "", s = [...n];
59
+ s[t] = i.replace(o, "").split("").pop() || "", c(s.join(""));
62
60
  },
63
61
  onPaste: (e) => {
64
- g(e, t);
62
+ m(e, t);
65
63
  }
66
64
  };
67
65
  }
68
66
  };
69
67
  }
70
68
  export {
71
- M as default,
72
- M as useVerificationCode
69
+ S as default,
70
+ S as useVerificationCode
73
71
  };
@@ -1,14 +1,14 @@
1
- import N from "lodash/isNumber";
1
+ import z from "lodash/isNumber";
2
2
  import A from "lodash/merge";
3
- import { useState as E, useRef as W, useEffect as k } from "react";
3
+ import { useState as E, useRef as N, useEffect as W } from "react";
4
4
  import { isServerRendering as P } from "../components/common/utils/dom.js";
5
5
  import { getPixelRatio as R } from "./use-watermark/utils.js";
6
- const y = (h, n) => {
7
- if (N(h))
8
- return h;
9
- const i = parseFloat(h);
10
- return N(i) && !isNaN(i) ? i : n;
11
- }, M = {
6
+ const w = (a, n) => {
7
+ if (z(a))
8
+ return a;
9
+ const r = parseFloat(a);
10
+ return z(r) && !isNaN(r) ? r : n;
11
+ }, v = {
12
12
  width: 100,
13
13
  gap: [100, 100],
14
14
  fontStyle: {
@@ -18,106 +18,103 @@ const y = (h, n) => {
18
18
  fontWeight: "normal"
19
19
  },
20
20
  getContainer: () => document.body
21
- }, I = (h, n, i) => {
22
- let r = 0, g = 0;
23
- const u = [];
24
- n.forEach((o) => {
21
+ }, I = (a, n, r) => {
22
+ let s = 0, g = 0;
23
+ const d = [];
24
+ n.forEach((c) => {
25
25
  const {
26
26
  width: e,
27
- fontBoundingBoxAscent: p,
28
- fontBoundingBoxDescent: b
29
- } = h.measureText(o), w = p + b;
30
- e > r && (r = e), g += w, u.push({ height: w, width: e });
27
+ fontBoundingBoxAscent: f,
28
+ fontBoundingBoxDescent: m
29
+ } = a.measureText(c), p = f + m;
30
+ e > s && (s = e), g += p, d.push({ height: p, width: e });
31
31
  });
32
- const c = i * Math.PI / 180;
32
+ const h = r * Math.PI / 180;
33
33
  return {
34
- originWidth: r,
34
+ originWidth: s,
35
35
  // 原始宽度
36
36
  originHeight: g,
37
37
  // 原始高度
38
38
  // rotate 旋转后的实际占位宽度
39
39
  width: Math.ceil(
40
- Math.abs(Math.sin(c) * g) + Math.abs(Math.cos(c) * r)
40
+ Math.abs(Math.sin(h) * g) + Math.abs(Math.cos(h) * s)
41
41
  ),
42
42
  // rotate 旋转后的实际占位高度
43
43
  height: Math.ceil(
44
- Math.abs(Math.sin(c) * r) + Math.abs(g * Math.cos(c))
44
+ Math.abs(Math.sin(h) * s) + Math.abs(g * Math.cos(h))
45
45
  ),
46
- lineSize: u
46
+ lineSize: d
47
47
  };
48
- }, B = async (h) => {
49
- const { offset: n, rotate: i, image: r, content: g, fontStyle: u } = h, c = document.createElement("canvas"), o = c.getContext("2d"), e = R(o), p = [].concat(g || ""), b = ({ height: l, width: s }) => {
50
- const t = 2 * n[0] + s, a = 2 * n[1] + l;
51
- c.setAttribute("width", `${t * e}px`), c.setAttribute("height", `${a * e}px`), c.style.width = `${t}px`, c.style.height = `${a}px`, o.translate(t * e / 2, a * e / 2), o.scale(e, e);
52
- const d = i * Math.PI / 180;
53
- o.rotate(d);
54
- }, w = () => {
55
- const { fontSize: l, color: s, fontWeight: t, fontFamily: a } = u, d = y(l, 0) || u.fontSize;
56
- o.font = `${t} ${d}px ${a}`;
57
- const f = I(o, p, i), m = h.width || f.width, C = h.height || f.height;
58
- return b({ width: m, height: C }), o.fillStyle = s, o.font = `${t} ${d}px ${a}`, o.textBaseline = "top", p.forEach(($, x) => {
59
- const { height: S, width: z } = f.lineSize[x], v = -z / 2, O = -(h.height || f.originHeight) / 2 + S * x;
60
- o.fillText(
61
- $,
62
- v,
48
+ }, B = async (a) => {
49
+ const { offset: n, rotate: r, image: s, content: g, fontStyle: d } = a, h = document.createElement("canvas"), c = h.getContext("2d"), e = R(c), f = [].concat(g || ""), m = ({ height: u, width: o }) => {
50
+ const t = 2 * n[0] + o, i = 2 * n[1] + u;
51
+ h.setAttribute("width", `${t * e}px`), h.setAttribute("height", `${i * e}px`), h.style.width = `${t}px`, h.style.height = `${i}px`, c.translate(t * e / 2, i * e / 2), c.scale(e, e);
52
+ const l = r * Math.PI / 180;
53
+ c.rotate(l);
54
+ }, p = () => {
55
+ const { fontSize: u, color: o, fontWeight: t, fontFamily: i } = d, l = w(u, 0) || d.fontSize;
56
+ c.font = `${t} ${l}px ${i}`;
57
+ const b = I(c, f, r), M = a.width || b.width, C = a.height || b.height;
58
+ return m({ width: M, height: C }), c.fillStyle = o, c.font = `${t} ${l}px ${i}`, c.textBaseline = "top", f.forEach((x, y) => {
59
+ const { height: $, width: S } = b.lineSize[y], k = -S / 2, O = -(a.height || b.originHeight) / 2 + $ * y;
60
+ c.fillText(
61
+ x,
62
+ k,
63
63
  O,
64
- h.width || f.originWidth
64
+ a.width || b.originWidth
65
65
  );
66
- }), { base64Url: c.toDataURL(), height: C, width: m };
66
+ }), { base64Url: h.toDataURL(), height: C, width: M };
67
67
  };
68
- return r ? new Promise((l) => {
69
- const s = new Image();
70
- s.crossOrigin = "anonymous", s.referrerPolicy = "no-referrer", s.src = r, s.onload = () => {
71
- let { width: t, height: a } = h;
72
- return (!t || !a) && (t ? a = s.height / s.width * t : t = s.width / s.height * a), b({ width: t, height: a }), o.drawImage(s, -t / 2, -a / 2, t, a), l({ base64Url: c.toDataURL(), width: t, height: a });
73
- }, s.onerror = () => w();
74
- }) : w();
75
- }, D = (h) => {
76
- var r, g, u, c, o, e;
77
- const n = h || {}, i = {
68
+ return s ? new Promise((u) => {
69
+ const o = new Image();
70
+ o.crossOrigin = "anonymous", o.referrerPolicy = "no-referrer", o.src = s, o.onload = () => {
71
+ let { width: t, height: i } = a;
72
+ return (!t || !i) && (t ? i = o.height / o.width * t : t = o.width / o.height * i), m({ width: t, height: i }), c.drawImage(o, -t / 2, -i / 2, t, i), u({ base64Url: h.toDataURL(), width: t, height: i });
73
+ }, o.onerror = () => p();
74
+ }) : p();
75
+ }, D = (a) => {
76
+ const n = a || {}, r = {
78
77
  rotate: -20,
79
78
  zIndex: 1,
80
79
  ...n,
81
- fontStyle: { ...M.fontStyle, ...n.fontStyle },
82
- width: y(
80
+ fontStyle: { ...v.fontStyle, ...n.fontStyle },
81
+ width: w(
83
82
  n.width,
84
- n.image ? M.width : void 0
83
+ n.image ? v.width : void 0
85
84
  ),
86
- height: y(n.height, void 0),
85
+ height: w(n.height, void 0),
87
86
  getContainer: n.getContainer,
88
87
  gap: [
89
- y((r = n.gap) == null ? void 0 : r[0], M.gap[0]),
90
- y(((g = n.gap) == null ? void 0 : g[1]) || ((u = n.gap) == null ? void 0 : u[0]), M.gap[1])
88
+ w(n.gap?.[0], v.gap[0]),
89
+ w(n.gap?.[1] || n.gap?.[0], v.gap[1])
91
90
  ]
92
91
  };
93
- return i.offset = [
94
- y((c = i.offset) == null ? void 0 : c[0], i.gap[0] / 2),
95
- y(((o = i.offset) == null ? void 0 : o[1]) || ((e = i.offset) == null ? void 0 : e[0]), i.gap[0] / 2)
96
- ], i;
92
+ return r.offset = [
93
+ w(r.offset?.[0], r.gap[0] / 2),
94
+ w(r.offset?.[1] || r.offset?.[0], r.gap[0] / 2)
95
+ ], r;
97
96
  };
98
- function q(h) {
99
- const [n, i] = E(h || {}), r = W(), g = W(), u = D(n), { zIndex: c, gap: o } = u, e = P ? null : n != null && n.getContainer ? n.getContainer() : M.getContainer(), p = (t, a) => {
100
- var f, m;
97
+ function q(a) {
98
+ const [n, r] = E(a || {}), s = N(), g = N(), d = D(n), { zIndex: h, gap: c } = d, e = P ? null : n?.getContainer ? n.getContainer() : v.getContainer(), f = (t, i) => {
101
99
  if (!e || !t)
102
100
  return;
103
- const d = "data-pqb-watermark-origin-position";
104
- a === "set" ? (e.append(t), e.setAttribute(d, ((f = e.style) == null ? void 0 : f.position) || ""), e.style.position = "relative") : ((m = t.parentNode) == null || m.removeChild(t), e.style.position = e.getAttribute(d), e.removeAttribute(d));
105
- }, b = () => {
101
+ const l = "data-pqb-watermark-origin-position";
102
+ i === "set" ? (e.append(t), e.setAttribute(l, e.style?.position || ""), e.style.position = "relative") : (t.parentNode?.removeChild(t), e.style.position = e.getAttribute(l), e.removeAttribute(l));
103
+ }, m = () => {
106
104
  g.current && g.current.disconnect(), g.current = null;
107
- }, w = () => {
105
+ }, p = () => {
108
106
  if (e) {
109
107
  const t = document.createElement("div");
110
- return r.current = t, p(r.current, "set"), t;
108
+ return s.current = t, f(s.current, "set"), t;
111
109
  }
112
- }, l = () => {
113
- b();
114
- const t = r.current;
115
- r.current = null, p(t, "reset");
116
- }, s = () => {
117
- e && B(u).then(({ base64Url: t, width: a, height: d }) => {
118
- var m;
119
- b();
120
- const f = `
110
+ }, u = () => {
111
+ m();
112
+ const t = s.current;
113
+ s.current = null, f(t, "reset");
114
+ }, o = () => {
115
+ e && B(d).then(({ base64Url: t, width: i, height: l }) => {
116
+ m();
117
+ const b = `
121
118
  width:100%;
122
119
  height:100%;
123
120
  position:absolute;
@@ -126,25 +123,25 @@ function q(h) {
126
123
  bottom:0;
127
124
  right:0;
128
125
  pointer-events: none;
129
- z-index:${c};
126
+ z-index:${h};
130
127
  background-position: 0 0;
131
- background-size:${o[0] + a}px ${o[1] + d}px;
128
+ background-size:${c[0] + i}px ${c[1] + l}px;
132
129
  background-repeat: repeat;
133
130
  background-image:url(${t})`;
134
- r.current || w(), (m = r.current) == null || m.setAttribute("style", f.trim()), e && (g.current = new MutationObserver((C) => {
135
- C.some((x) => {
136
- const S = x.target;
137
- if (S) {
138
- if (S.isSameNode(e))
131
+ s.current || p(), s.current?.setAttribute("style", b.trim()), e && (g.current = new MutationObserver((M) => {
132
+ M.some((x) => {
133
+ const y = x.target;
134
+ if (y) {
135
+ if (y.isSameNode(e))
139
136
  return [].slice.call(x.removedNodes).concat(
140
- [].slice.call(x.addedNodes).map((v) => v.parentNode)
137
+ [].slice.call(x.addedNodes).map((S) => S.parentNode)
141
138
  ).some(
142
- (v) => v === r.current
139
+ (S) => S === s.current
143
140
  );
144
- if (S.isSameNode(r.current) && x.type === "attributes")
141
+ if (y.isSameNode(s.current) && x.type === "attributes")
145
142
  return !0;
146
143
  }
147
- }) && (l(), s());
144
+ }) && (u(), o());
148
145
  }), g.current.observe(e, {
149
146
  attributes: !0,
150
147
  subtree: !0,
@@ -152,16 +149,16 @@ function q(h) {
152
149
  }));
153
150
  });
154
151
  };
155
- return k(() => {
156
- s();
157
- }, [n]), k(() => (l(), s(), () => {
158
- l();
152
+ return W(() => {
153
+ o();
154
+ }, [n]), W(() => (u(), o(), () => {
155
+ u();
159
156
  }), [e]), {
160
157
  setWatermark: (t) => {
161
- i(A({}, n, t));
158
+ r(A({}, n, t));
162
159
  },
163
160
  destroy: () => {
164
- l();
161
+ u();
165
162
  }
166
163
  };
167
164
  }
package/icon/index.js CHANGED
@@ -1,36 +1,35 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { default as v } from "@unicom-cloud/icons/context";
3
- import { default as k } from "@unicom-cloud/icons/useProps";
4
- import u from "react";
5
- import { ConfigConsumer as I } from "../config-provider/ConfigProvider.js";
6
- import p from "@unicom-cloud/utils/class-name";
7
- import C from "./addFromIconFontCn.js";
8
- const t = u.forwardRef(function(c, N) {
9
- return /* @__PURE__ */ s(I, { children: (o) => {
10
- var n;
11
- const { className: a, spin: m, children: f, type: i, ...l } = c, r = {
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { default as j } from "@unicom-cloud/icons/context";
3
+ import { default as b } from "@unicom-cloud/icons/useProps";
4
+ import d from "react";
5
+ import { ConfigConsumer as p } from "../config-provider/ConfigProvider.js";
6
+ import u from "@unicom-cloud/utils/class-name";
7
+ import I from "./addFromIconFontCn.js";
8
+ const n = d.forwardRef(function(s, x) {
9
+ return /* @__PURE__ */ e(p, { children: (t) => {
10
+ const { className: c, spin: a, children: m, type: f, ...i } = s, o = {
12
11
  ...{
13
12
  width: "1em",
14
13
  height: "1em",
15
14
  fill: "currentColor"
16
15
  },
17
- ...l
18
- }, e = (n = o == null ? void 0 : o.getPrefixCls) == null ? void 0 : n.call(o, "icon"), d = p(
19
- e,
20
- i,
16
+ ...i
17
+ }, r = t?.getPrefixCls?.("icon"), l = u(
18
+ r,
19
+ f,
21
20
  {
22
- [`${e}-loading`]: m
21
+ [`${r}-loading`]: a
23
22
  },
24
- a
23
+ c
25
24
  );
26
- return r.className = d, /* @__PURE__ */ s("svg", { ...r, children: f });
25
+ return o.className = l, /* @__PURE__ */ e("svg", { ...o, children: m });
27
26
  } });
28
27
  });
29
- t.displayName = "Icon";
30
- t.addFromIconFontCn = C;
28
+ n.displayName = "Icon";
29
+ n.addFromIconFontCn = I;
31
30
  export {
32
- v as IconContext,
33
- C as addFromIconFontCn,
34
- t as default,
35
- k as useIconProps
31
+ j as IconContext,
32
+ I as addFromIconFontCn,
33
+ n as default,
34
+ b as useIconProps
36
35
  };
@@ -3,37 +3,37 @@ import d, { useContext as u, useRef as p, useImperativeHandle as C } from "react
3
3
  import "../config-provider/ConfigProvider.js";
4
4
  import x from "@unicom-cloud/utils/class-name";
5
5
  import N from "../config-provider/context.js";
6
- function $(t, a) {
6
+ function $(r, n) {
7
7
  const {
8
- children: c,
9
- className: i,
10
- disabled: m,
11
- prefix: n,
8
+ children: i,
9
+ className: a,
10
+ disabled: c,
11
+ prefix: t,
12
12
  size: e = "default",
13
13
  ...f
14
- } = t, { getPrefixCls: o } = u(N), r = o == null ? void 0 : o("icon-hover"), s = p();
15
- return C(a, () => ({
14
+ } = r, { getPrefixCls: m } = u(N), o = m?.("icon-hover"), s = p();
15
+ return C(n, () => ({
16
16
  getRootDOMNode: () => s.current
17
17
  })), /* @__PURE__ */ l(
18
18
  "span",
19
19
  {
20
20
  ref: s,
21
21
  className: x(
22
- r,
22
+ o,
23
23
  {
24
- [`${n}-icon-hover`]: n,
25
- [`${r}-size-${e}`]: e && e !== "default",
26
- [`${r}-disabled`]: m
24
+ [`${t}-icon-hover`]: t,
25
+ [`${o}-size-${e}`]: e && e !== "default",
26
+ [`${o}-disabled`]: c
27
27
  },
28
- i
28
+ a
29
29
  ),
30
- onClick: t.onClick,
30
+ onClick: r.onClick,
31
31
  ...f,
32
- children: c
32
+ children: i
33
33
  }
34
34
  );
35
35
  }
36
- const z = d.forwardRef($);
36
+ const k = d.forwardRef($);
37
37
  export {
38
- z as default
38
+ k as default
39
39
  };
package/icons/file.js CHANGED
@@ -1,18 +1,18 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { forwardRef as a, useContext as c } from "react";
3
- import i from "../components/common/icons/file/index.js";
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import { forwardRef as i, useContext as l } from "react";
3
+ import a from "../components/common/icons/file/index.js";
4
4
  import "../config-provider/ConfigProvider.js";
5
- import l from "@unicom-cloud/utils/class-name";
5
+ import c from "@unicom-cloud/utils/class-name";
6
6
  import f from "../config-provider/context.js";
7
- function p(e, t) {
7
+ function p(o, e) {
8
8
  const {
9
- getPrefixCls: o,
10
- locale: N,
11
- componentConfig: u
12
- } = c(f), { className: n, ...m } = e, s = o == null ? void 0 : o("icons-file");
13
- return /* @__PURE__ */ r(i, { ref: t, ...m, className: l(s, n) });
9
+ getPrefixCls: t,
10
+ locale: x,
11
+ componentConfig: N
12
+ } = l(f), { className: s, ...n } = o, r = t?.("icons-file");
13
+ return /* @__PURE__ */ m(a, { ref: e, ...n, className: c(r, s) });
14
14
  }
15
- const C = a(p);
15
+ const C = i(p);
16
16
  C.displayName = "IconFile";
17
17
  export {
18
18
  C as default