@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
@@ -31,7 +31,7 @@ export interface SpaceProps {
31
31
  * @zh 主轴方向上对齐方式
32
32
  * @en Alignment of items
33
33
  */
34
- justifyContent?: 'start' | 'end' | 'center' | 'baseline';
34
+ justifyContent?: 'start' | 'end' | 'center' | 'baseline' | 'space-between';
35
35
  /**
36
36
  * @zh 交叉轴方向对齐方式
37
37
  * @en Alignment of items
@@ -0,0 +1,3 @@
1
+ export { convertToDurationBasedOnTimeUnits };
2
+ export default convertToDurationBasedOnTimeUnits;
3
+ import { convertToDurationBasedOnTimeUnits } from '@unicom-cloud/utils/dayjs';
@@ -0,0 +1,2 @@
1
+ export default findScrollParent;
2
+ declare function findScrollParent(element: any, includeHidden?: boolean): any;
@@ -3,26 +3,31 @@ export * from './className';
3
3
  export * from './color';
4
4
  export * from './computeScrollIntoView';
5
5
  export * from './constant';
6
+ export * from './convertToDurationBasedOnTimeUnits';
6
7
  export * from './copy';
7
8
  export * from './dayjs';
8
9
  export * from './dom';
9
10
  export * from './fileToURL';
10
11
  export * from './fillNBSP';
12
+ export * from './findScrollParent';
11
13
  export * from './getHighlightText';
12
14
  export * from './getHotkeyHandler';
13
15
  export * from './getStringLength';
14
16
  export * from './include';
17
+ export * from './intersectionObserver';
15
18
  export * from './is';
16
19
  export * from './lodash';
17
20
  export * from './math';
18
21
  export * from './mergedToString';
19
22
  export * from './mergeProps';
23
+ export * from './mutationObserver';
20
24
  export * from './omit';
21
25
  export * from './pad';
22
26
  export * from './pick';
23
27
  export * from './PqbCSSTransition';
24
28
  export * from './reactDOM';
25
29
  export * from './reactTransitionGroup';
30
+ export * from './resizeObserver';
26
31
  export * from './saveAs';
27
32
  export * from './screenfull';
28
33
  export * from './scrollIntoView';
@@ -0,0 +1,2 @@
1
+ export default intersectionObserver;
2
+ export function intersectionObserver(elements: any, callback: any): () => void;
@@ -1 +1 @@
1
- export { add, default, div, divide, default as math, minus, multiply, plus, subtract, times, } from '@unicom-cloud/utils/math';
1
+ export { default, div, default as math, minus, plus, times, } from '@unicom-cloud/utils/math';
@@ -0,0 +1,2 @@
1
+ export default mutationObserver;
2
+ export function mutationObserver(elements: any, callback: any): () => void;
@@ -0,0 +1,2 @@
1
+ export default resizeObserver;
2
+ export function resizeObserver(elements: any, callback: any): () => void;
@@ -29,9 +29,9 @@ export interface AlertProps {
29
29
  /**
30
30
  * @zh 警告的类型
31
31
  * @en Type of Alert
32
- * @defaultValue info
32
+ * @defaultValue default
33
33
  */
34
- type?: 'info' | 'success' | 'warning' | 'error';
34
+ type?: 'default' | 'info' | 'success' | 'warning' | 'error';
35
35
  /**
36
36
  * @zh 标题
37
37
  * @en Alert title
@@ -8,9 +8,9 @@ export interface DetailsProps {
8
8
  /**
9
9
  * @zh 警告的类型
10
10
  * @en Type of Details
11
- * @defaultValue info
11
+ * @defaultValue default
12
12
  */
13
- type?: 'info' | 'success' | 'warning' | 'error';
13
+ type?: 'default' | 'info' | 'success' | 'warning' | 'error';
14
14
  /**
15
15
  * @zh 标题
16
16
  * @en Details title
@@ -1,6 +1,5 @@
1
1
  export { default as useVerificationCode } from "./use-verification-code";
2
2
  export { default as useWatermark } from "./use-watermark";
3
- export { default as useComputedState } from "./useComputedState";
4
3
  export { default as useCreate } from "./useCreate";
5
4
  export { default as useForceUpdate } from "./useForceUpdate";
6
5
  export { default as useId } from "./useId";
@@ -82,6 +82,7 @@ export type { InputTagProps } from './input-tag/interface';
82
82
  export type { InputProps, TextAreaProps } from './input/interface';
83
83
  export type { ContentProps, FooterProps, HeaderProps, LayoutProps, SiderProps, } from './layout/interface';
84
84
  export type { LinkProps } from './link/interface';
85
+ export { default as LiquidFill } from './liquid-fill';
85
86
  export type { ListItemMetaProps, ListItemProps, ListProps, } from './list/interface';
86
87
  export { default as Loading } from './loading';
87
88
  export type { MentionsProps } from './mentions/interface';
@@ -94,6 +95,7 @@ export type { PaginationProps } from './pagination/interface';
94
95
  export type { PopconfirmProps } from './popconfirm/interface';
95
96
  export type { PopoverProps } from './popover/interface';
96
97
  export type { ProgressProps } from './progress/interface';
98
+ export { default as QRCode } from './qr-code';
97
99
  export { default as Radio, RadioGroup, RadioGroupBlock, RadioGroupContext, } from './radio';
98
100
  export type { RadioGroupProps, RadioProps } from './radio/interface';
99
101
  export { default as Rate } from './rate';
@@ -135,6 +137,7 @@ export { default as Timeline, TimelineItem } from './timeline';
135
137
  export type { TimelineItemProps, TimelineProps } from './timeline/interface';
136
138
  export { default as Tooltip } from './tooltip';
137
139
  export type { TooltipProps } from './tooltip/interface';
140
+ export { default as Tour } from './tour';
138
141
  export { default as Transfer } from './transfer';
139
142
  export type { TransferItemProps, TransferProps } from './transfer/interface';
140
143
  export { default as Tree, TreeNode } from './tree';
@@ -0,0 +1,30 @@
1
+ import React, { type CSSProperties } from 'react';
2
+ interface LiquidFillProps {
3
+ style?: CSSProperties;
4
+ /** 自定义类名 */
5
+ className?: string | string[];
6
+ /** 当前填充比例 (0-1) */
7
+ value: number;
8
+ /** 组件尺寸 (像素) 默认200 */
9
+ size?: number;
10
+ /** 波浪颜色 默认'rgb(var(--pqb-data-3))' */
11
+ waveColor?: string | string[];
12
+ /** 背景颜色 默认'var(--pqb-color-neutral-1)' */
13
+ backgroundColor?: string;
14
+ /** 文字颜色 默认'var(--pqb-color-neutral-8)' */
15
+ textColor?: string;
16
+ /** 是否显示百分比 默认true */
17
+ showPercent?: boolean;
18
+ /** 动画持续时间(毫秒) 默认2000 */
19
+ duration?: number;
20
+ /** 波浪数量 默认3 */
21
+ waveCount?: number;
22
+ /** 波浪振幅 默认10 */
23
+ waveAmplitude?: number;
24
+ /** 边框颜色 默认'var(--pqb-color-neutral-4)' */
25
+ borderColor?: string;
26
+ /** 边框宽度 默认2 */
27
+ borderWidth?: number;
28
+ }
29
+ declare const LiquidFill: React.FC<LiquidFillProps>;
30
+ export default LiquidFill;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ import { LiquidFillProps } from './interface';
2
+ import LiquidFill from './LiquidFill';
3
+ export type { LiquidFillProps };
4
+ export default LiquidFill;
File without changes
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ export interface QRCodeProps {
3
+ /** 二维码内容 (必填) */
4
+ value: string;
5
+ /** 渲染模式 */
6
+ renderAs?: 'svg' | 'canvas';
7
+ /** 二维码尺寸(像素) */
8
+ size?: number;
9
+ /** 是否显示边框 */
10
+ bordered?: boolean;
11
+ /** 容错级别 */
12
+ errorLevel?: 'L' | 'M' | 'Q' | 'H';
13
+ /** 前景色(二维码点颜色) */
14
+ fgColor?: string;
15
+ /** 背景色 */
16
+ bgColor?: string;
17
+ /** 边距大小(像素) */
18
+ marginSize?: number;
19
+ /** 中心图标设置 */
20
+ imageSettings?: {
21
+ src: string;
22
+ height: number;
23
+ width: number;
24
+ excavate?: boolean;
25
+ x?: number;
26
+ y?: number;
27
+ };
28
+ /** 自定义类名 */
29
+ className?: string;
30
+ /** 自定义样式 */
31
+ style?: React.CSSProperties;
32
+ }
33
+ declare const QRCode: React.FC<QRCodeProps>;
34
+ export default QRCode;
@@ -0,0 +1,39 @@
1
+ export interface QRCodeProps {
2
+ /**
3
+ * 二维码内容
4
+ */
5
+ value?: string;
6
+ /**
7
+ * 二维码尺寸(像素)
8
+ * @default 160
9
+ */
10
+ size?: number;
11
+ /**
12
+ * 二维码颜色
13
+ * @default '#000000'
14
+ */
15
+ color?: string;
16
+ /**
17
+ * 二维码背景色
18
+ * @default '#ffffff'
19
+ */
20
+ bgColor?: string;
21
+ /**
22
+ * 是否有边框
23
+ * @default true
24
+ */
25
+ bordered?: boolean;
26
+ /**
27
+ * 容错级别
28
+ * @default 'M'
29
+ */
30
+ errorLevel?: 'L' | 'M' | 'Q' | 'H';
31
+ /**
32
+ * 自定义样式
33
+ */
34
+ style?: React.CSSProperties;
35
+ /**
36
+ * 自定义类名
37
+ */
38
+ className?: string;
39
+ }
@@ -221,12 +221,12 @@ export interface TableProps<T = any> {
221
221
  * @zh 表格头部
222
222
  * @en The header of the table
223
223
  */
224
- header?: (currentPageDate: any) => ReactNode;
224
+ header?: (currentPageData: any) => ReactNode;
225
225
  /**
226
226
  * @zh 表格尾部
227
227
  * @en The footer of the table
228
228
  */
229
- footer?: (currentPageDate: any) => ReactNode;
229
+ footer?: (currentPageData: any) => ReactNode;
230
230
  /**
231
231
  * @zh
232
232
  * 表格开启虚拟滚动,用于处理大数据场景。( 注意:虚拟滚动会自动关闭对树形数据的支持 )
@@ -0,0 +1,42 @@
1
+ type Placement = 'top' | 'bottom' | 'left' | 'right';
2
+ type TourType = 'default' | 'primary';
3
+ interface TourStep {
4
+ /** 目标元素 (选择器字符串或DOM元素) */
5
+ target: string | HTMLElement;
6
+ /** 标题内容 */
7
+ title?: React.ReactNode;
8
+ /** 描述内容 */
9
+ description?: React.ReactNode;
10
+ /** 初始弹出位置 (会自动调整) */
11
+ placement?: Placement;
12
+ }
13
+ interface TourProps {
14
+ /** 引导步骤数组 */
15
+ steps: TourStep[];
16
+ /** 是否显示引导 */
17
+ open?: boolean;
18
+ /** 关闭回调 */
19
+ onClose?: () => void;
20
+ /** 是否显示遮罩 */
21
+ mask?: boolean;
22
+ /** 点击遮罩是否关闭 */
23
+ maskClosable?: boolean;
24
+ /** 引导类型 (default/primary) */
25
+ type?: TourType;
26
+ /** 默认弹出位置 */
27
+ placement?: Placement;
28
+ /** 是否显示箭头 */
29
+ arrow?: boolean;
30
+ /** 是否显示关闭按钮 */
31
+ closable?: boolean;
32
+ /** 层级 */
33
+ zIndex?: number;
34
+ /** 当前步骤索引 */
35
+ current?: number;
36
+ /** 完成回调 */
37
+ onFinish?: () => void;
38
+ /** 步骤改变回调 */
39
+ onStepChange?: (current: number) => void;
40
+ }
41
+ declare function Tour(props: TourProps): React.ReactElement;
42
+ export default Tour;
@@ -0,0 +1,3 @@
1
+ export { convertToDurationBasedOnTimeUnits };
2
+ export default convertToDurationBasedOnTimeUnits;
3
+ import convertToDurationBasedOnTimeUnits from '../../common/utils/convertToDurationBasedOnTimeUnits';
@@ -0,0 +1,2 @@
1
+ export default findScrollParent;
2
+ import findScrollParent from '../../common/utils/findScrollParent';
@@ -4,20 +4,24 @@ export * from './color';
4
4
  export * from './computeScrollIntoView';
5
5
  export * from './constant';
6
6
  export * from './contextHolder';
7
+ export * from './convertToDurationBasedOnTimeUnits';
7
8
  export * from './copy';
8
9
  export * from './dayjs';
9
10
  export * from './dom';
10
11
  export * from './fileToURL';
11
12
  export * from './fillNBSP';
13
+ export * from './findScrollParent';
12
14
  export * from './getHighlightText';
13
15
  export * from './getHotkeyHandler';
14
16
  export * from './getStringLength';
15
17
  export * from './include';
18
+ export * from './intersectionObserver';
16
19
  export * from './is';
17
20
  export * from './lodash';
18
21
  export * from './math';
19
22
  export * from './mergedToString';
20
23
  export * from './mergeProps';
24
+ export * from './mutationObserver';
21
25
  export * from './names';
22
26
  export * from './omit';
23
27
  export * from './pad';
@@ -25,6 +29,7 @@ export * from './pick';
25
29
  export * from './PqbCSSTransition';
26
30
  export * from './reactDOM';
27
31
  export * from './reactTransitionGroup';
32
+ export * from './resizeObserver';
28
33
  export * from './responsiveObserve';
29
34
  export * from './saveAs';
30
35
  export * from './screenfull';
@@ -0,0 +1,2 @@
1
+ export default intersectionObserver;
2
+ import intersectionObserver from '../../common/utils/intersectionObserver';
@@ -1 +1 @@
1
- export { add, default, div, divide, default as math, minus, multiply, plus, subtract, times, } from '@unicom-cloud/utils/math';
1
+ export { default, div, default as math, minus, plus, times, } from '@unicom-cloud/utils/math';
@@ -0,0 +1,2 @@
1
+ export default mutationObserver;
2
+ import mutationObserver from '../../common/utils/mutationObserver';
@@ -819,4 +819,22 @@ export namespace COMPONENT_NAMES {
819
819
  let en_136: string;
820
820
  export { en_136 as en };
821
821
  }
822
+ namespace Tour {
823
+ let zh_137: string;
824
+ export { zh_137 as zh };
825
+ let en_137: string;
826
+ export { en_137 as en };
827
+ }
828
+ namespace QRCode {
829
+ let zh_138: string;
830
+ export { zh_138 as zh };
831
+ let en_138: string;
832
+ export { en_138 as en };
833
+ }
834
+ namespace LiquidFill {
835
+ let zh_139: string;
836
+ export { zh_139 as zh };
837
+ let en_139: string;
838
+ export { en_139 as en };
839
+ }
822
840
  }
@@ -0,0 +1,2 @@
1
+ export default resizeObserver;
2
+ import resizeObserver from '../../common/utils/resizeObserver';
@@ -1,135 +1,133 @@
1
- import { jsx as c, jsxs as ie, Fragment as re } from "react/jsx-runtime";
1
+ import { jsx as p, jsxs as ie, Fragment as re } from "react/jsx-runtime";
2
2
  import le from "lodash/merge";
3
- import O, { forwardRef as ce, useContext as pe, useRef as q, useState as F, useEffect as ae, useImperativeHandle as me } from "react";
3
+ import R, { forwardRef as pe, useContext as ce, useRef as W, useState as q, useEffect as ae, useImperativeHandle as me } from "react";
4
4
  import "../config-provider/ConfigProvider.js";
5
5
  import de from "../components/common/hooks/useMergeValue.js";
6
6
  import fe from "../components/common/hooks/useUpdateEffect.js";
7
7
  import ue from "../popover/index.js";
8
8
  import he from "../tooltip/index.js";
9
- import L from "@unicom-cloud/utils/class-name";
9
+ import F from "@unicom-cloud/utils/class-name";
10
10
  import "../components/common/utils/is.js";
11
11
  import { mergedToString as Ee } from "../components/common/utils/mergedToString.js";
12
12
  import { omit as ge } from "../components/common/utils/omit.js";
13
- import { resizeObserverEffect as xe } from "../components/common/utils/resizeObserverEffect.js";
14
- import { throttleByRaf as Te } from "../components/common/utils/throttleByRaf.js";
15
- import Ce from "./EditContent.js";
13
+ import { resizeObserver as Ce } from "../components/common/utils/resizeObserver.js";
14
+ import { throttleByRaf as xe } from "../components/common/utils/throttleByRaf.js";
15
+ import Te from "./EditContent.js";
16
16
  import Ne from "./Operations.js";
17
17
  import Se from "./useCssEllipsis.js";
18
- import be, { MEASURE_STATUS as _ } from "./useEllipsis.js";
18
+ import be, { MEASURE_STATUS as O } from "./useEllipsis.js";
19
19
  import we from "../config-provider/context.js";
20
- import { isPlainObject as T, isUndefined as V } from "@unicom-cloud/utils/is";
21
- function $e(n, f) {
20
+ import { isPlainObject as x, isUndefined as L } from "@unicom-cloud/utils/is";
21
+ function ye(s, f) {
22
22
  const {
23
- type: p,
23
+ type: c,
24
24
  bold: b,
25
- disabled: C,
25
+ disabled: T,
26
26
  mark: u,
27
27
  underline: N,
28
28
  delete: a,
29
29
  code: w
30
- } = n, l = [], h = [];
31
- return p && h.push(`${f}-${p}`), C && h.push(`${f}-disabled`), b && l.push("b"), N && l.push("u"), a && l.push("del"), w && l.push("code"), u && l.push("mark"), {
30
+ } = s, l = [], h = [];
31
+ return c && h.push(`${f}-${c}`), T && h.push(`${f}-disabled`), b && l.push("b"), N && l.push("u"), a && l.push("del"), w && l.push("code"), u && l.push("mark"), {
32
32
  component: l,
33
33
  className: h
34
34
  };
35
35
  }
36
- function ke(n, f) {
36
+ function $e(s, f) {
37
37
  const {
38
- componentType: p,
38
+ componentType: c,
39
39
  style: b,
40
- className: C,
40
+ className: T,
41
41
  children: u,
42
42
  editable: N,
43
43
  ellipsis: a,
44
44
  heading: w,
45
45
  blockquote: l,
46
46
  ...h
47
- } = n, A = pe(we), { getPrefixCls: $, rtl: I } = A, i = $ == null ? void 0 : $("typography"), M = q(), { component: S, className: U } = $e(n, i), [H, z] = F(!1), [G, J] = F(0), k = T(N) ? N : {}, K = "editing" in k ? k.editing : H, e = a ? {
47
+ } = s, _ = ce(we), { getPrefixCls: V, rtl: A } = _, n = V?.("typography"), I = W(), { component: S, className: M } = ye(s, n), [H, U] = q(!1), [G, J] = q(0), y = x(N) ? N : {}, K = "editing" in y ? y.editing : H, e = a ? {
48
48
  rows: 1,
49
49
  ellipsisStr: "...",
50
50
  cssEllipsis: !1,
51
- ...T(a) ? a : {}
52
- } : {}, Q = e.wrapper || O.Fragment, [r, X] = de(!1, {
51
+ ...x(a) ? a : {}
52
+ } : {}, Q = e.wrapper || R.Fragment, [i, X] = de(!1, {
53
53
  defaultValue: e.defaultExpanded,
54
54
  value: e.expanded
55
- }), { simpleEllipsis: y, ellipsisStyle: Y } = Se(e), D = (t, o) => {
56
- const s = V(e.ellipsisStr) ? "..." : e.ellipsisStr, d = !V(e.suffix) && e.suffix;
55
+ }), { simpleEllipsis: $, ellipsisStyle: Y } = Se(e), z = (t, o) => {
56
+ const r = L(e.ellipsisStr) ? "..." : e.ellipsisStr, d = !L(e.suffix) && e.suffix;
57
57
  return /* @__PURE__ */ ie(Q, { children: [
58
58
  t,
59
- o && !r && !y ? s : "",
59
+ o && !i && !$ ? r : "",
60
60
  d,
61
61
  te(o)
62
62
  ] });
63
- }, { ellipsisNode: Z, isEllipsis: m, measureStatus: j } = be({
63
+ }, { ellipsisNode: Z, isEllipsis: m, measureStatus: D } = be({
64
64
  ...e,
65
65
  children: u,
66
- expanding: r,
66
+ expanding: i,
67
67
  width: G,
68
- renderMeasureContent: D,
69
- simpleEllipsis: y || r
70
- }), ee = Te((t) => {
71
- const { contentRect: o } = t == null ? void 0 : t[0];
68
+ renderMeasureContent: z,
69
+ simpleEllipsis: $ || i
70
+ }), ee = xe((t) => {
71
+ const { contentRect: o } = t?.[0];
72
72
  if (o) {
73
- const s = S.includes("code") ? o.width - 18 : o.width;
73
+ const r = S.includes("code") ? o.width - 18 : o.width;
74
74
  [
75
- _.NO_NEED_ELLIPSIS,
76
- _.MEASURE_END
77
- ].includes(j) && J(s);
75
+ O.NO_NEED_ELLIPSIS,
76
+ O.MEASURE_END
77
+ ].includes(D) && J(r);
78
78
  }
79
- }), B = q(null);
79
+ }), j = W(null);
80
80
  ae(() => {
81
- const t = xe([B.current], ee);
81
+ const t = Ce([j.current], ee);
82
82
  return () => {
83
83
  t();
84
84
  };
85
- }, [B.current]);
85
+ }, [j.current]);
86
86
  function te(t) {
87
- return /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c(
87
+ return /* @__PURE__ */ p(re, { children: /* @__PURE__ */ p(
88
88
  Ne,
89
89
  {
90
- ...n,
91
- setEditing: z,
90
+ ...s,
91
+ setEditing: U,
92
92
  onClickExpand: oe,
93
- expanding: r,
93
+ expanding: i,
94
94
  isEllipsis: t,
95
- currentContext: A
95
+ currentContext: _
96
96
  }
97
97
  ) });
98
98
  }
99
99
  function oe(t) {
100
- var o, s;
101
- X(!r), (o = n.onClickExpand) == null || o.call(n, t), (s = e.onExpand) == null || s.call(e, !r, t);
100
+ X(!i), s.onClickExpand?.(t), e.onExpand?.(!i, t);
102
101
  }
103
102
  fe(() => {
104
- var t;
105
- (t = e.onEllipsis) == null || t.call(e, m);
106
- }, [m]), me(f, () => M.current);
107
- function W(t, o, s, d = {}) {
103
+ e.onEllipsis?.(m);
104
+ }, [m]), me(f, () => I.current);
105
+ function B(t, o, r, d = {}) {
108
106
  let g = t;
109
- return o.forEach((v, P) => {
110
- const R = { className: `${i}-${v}` }, x = P === 0 ? d : {}, ne = T(s.mark) && s.mark.color ? { style: { backgroundColor: s.mark.color }, ...x } : { ...x };
111
- g = O.createElement(
112
- v,
113
- le({ ...ne }, R),
107
+ return o.forEach((k, P) => {
108
+ const v = { className: `${n}-${k}` }, C = P === 0 ? d : {}, ne = x(r.mark) && r.mark.color ? { style: { backgroundColor: r.mark.color }, ...C } : { ...C };
109
+ g = R.createElement(
110
+ k,
111
+ le({ ...ne }, v),
114
112
  g
115
113
  );
116
114
  }), g;
117
115
  }
118
116
  let E;
119
- p === "Paragraph" ? E = l ? "blockquote" : "div" : p === "Title" ? E = `h${w}` : p === "Text" && (E = a ? "div" : "span");
117
+ c === "Paragraph" ? E = l ? "blockquote" : "div" : c === "Title" ? E = `h${w}` : c === "Text" && (E = a ? "div" : "span");
120
118
  function se() {
121
- const t = Ee(O.Children.toArray(u)), o = e.showTooltip, s = T(e.showTooltip) && e.showTooltip.type === "popover" ? "popover" : "tooltip", d = T(e.showTooltip) ? e.showTooltip.props || {} : {}, g = s === "popover" ? ue : he, P = {
119
+ const t = Ee(R.Children.toArray(u)), o = e.showTooltip, r = x(e.showTooltip) && e.showTooltip.type === "popover" ? "popover" : "tooltip", d = x(e.showTooltip) ? e.showTooltip.props || {} : {}, g = r === "popover" ? ue : he, P = {
122
120
  style: b,
123
- ...m && !o && !r ? { title: t } : {}
124
- }, R = m && o && !r, x = /* @__PURE__ */ c(
121
+ ...m && !o && !i ? { title: t } : {}
122
+ }, v = m && o && !i, C = /* @__PURE__ */ p(
125
123
  E,
126
124
  {
127
- ref: M,
128
- className: L(
129
- i,
130
- U,
131
- { [`${i}-rtl`]: I },
132
- C
125
+ ref: I,
126
+ className: F(
127
+ n,
128
+ M,
129
+ { [`${n}-rtl`]: A },
130
+ T
133
131
  ),
134
132
  ...P,
135
133
  ...ge(h, [
@@ -149,41 +147,41 @@ function ke(n, f) {
149
147
  "setEditing",
150
148
  "forceShowExpand"
151
149
  ]),
152
- children: y && j !== _.INIT && !r && m ? W(
150
+ children: $ && D !== O.INIT && !i && m ? B(
153
151
  // CSS folding style, need to wrap the text separately.
154
- D(
155
- /* @__PURE__ */ c("span", { style: Y, children: u }),
152
+ z(
153
+ /* @__PURE__ */ p("span", { style: Y, children: u }),
156
154
  m
157
155
  ),
158
156
  S.length ? S : ["span"],
159
- n,
157
+ s,
160
158
  // The simple-ellipsis class ensures that the ReactNode after the text is displayed correctly (no line breaks)
161
159
  // Need to act on the immediate parent node of the text
162
- { className: `${i}-simple-ellipsis` }
163
- ) : W(Z, S, n)
160
+ { className: `${n}-simple-ellipsis` }
161
+ ) : B(Z, S, s)
164
162
  }
165
163
  );
166
- return R ? /* @__PURE__ */ c(g, { content: t, ...d, children: /* @__PURE__ */ c("span", { children: x }) }) : x;
164
+ return v ? /* @__PURE__ */ p(g, { content: t, ...d, children: /* @__PURE__ */ p("span", { children: C }) }) : C;
167
165
  }
168
- return K ? /* @__PURE__ */ c(
169
- Ce,
166
+ return K ? /* @__PURE__ */ p(
167
+ Te,
170
168
  {
171
169
  ref: f,
172
- ...n,
173
- className: L(
174
- i,
175
- U,
176
- { [`${i}-rtl`]: I },
177
- `${i}-${E}`,
178
- C
170
+ ...s,
171
+ className: F(
172
+ n,
173
+ M,
174
+ { [`${n}-rtl`]: A },
175
+ `${n}-${E}`,
176
+ T
179
177
  ),
180
- prefixCls: i,
181
- setEditing: z,
182
- editableConfig: k
178
+ prefixCls: n,
179
+ setEditing: U,
180
+ editableConfig: y
183
181
  }
184
182
  ) : se();
185
183
  }
186
- const Ge = ce(ke);
184
+ const Ge = pe($e);
187
185
  export {
188
186
  Ge as default
189
187
  };