@unicom-cloud/ui 0.8.100 → 0.8.102

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 (301) hide show
  1. package/Badge.js +7 -54
  2. package/Copy.js +5 -4
  3. package/Details.js +13 -2
  4. package/Divider.js +3 -2
  5. package/Flex.js +14 -4
  6. package/LiquidFill.js +5 -4
  7. package/List.js +1 -1
  8. package/Loading.js +16 -3
  9. package/Marquee.js +5 -4
  10. package/QrCode.js +5 -4
  11. package/Space.js +3 -3
  12. package/Splitter.js +4 -3
  13. package/SuspenseFallbackTest.js +2 -4
  14. package/Tooltip.js +3 -4
  15. package/Tour.js +5 -4
  16. package/alert/index.js +60 -62
  17. package/anchor/Anchor.js +12 -12
  18. package/anchor/util.js +10 -10
  19. package/back-top/index.js +33 -34
  20. package/badge/index.js +109 -162
  21. package/calendar/index.js +85 -84
  22. package/card/index.js +63 -43
  23. package/color-picker/InputHex.js +3 -4
  24. package/color-picker/InputRgb.js +7 -8
  25. package/color-picker/Palette.js +3 -4
  26. package/color-picker/Panel.js +3 -4
  27. package/color-picker/colors.js +5 -5
  28. package/color-picker/hooks/useColorPicker.js +3 -4
  29. package/color-picker/utils.js +14 -15
  30. package/components/common/development/index.js +44 -29
  31. package/components/common/empty/index.js +35 -23
  32. package/components/common/flex/index.js +64 -0
  33. package/components/common/flex/interface.js +9 -0
  34. package/components/common/higher-order/with-speech-synthesis/index.js +79 -55
  35. package/components/common/space/index.js +71 -91
  36. package/components/common/suspense-fallback-test/index.js +16 -0
  37. package/components/common/utils/PqbCSSTransition.js +1 -1
  38. package/components/common/utils/constant.js +6 -3
  39. package/components/common/utils/reactDOM.js +6 -4
  40. package/components/common/utils/{scrollIntoView.js → scrollIntoViewIfNeeded.js} +1 -1
  41. package/components/common/utils/setPrimaryColor.js +18 -18
  42. package/components/common/utils/setTheme.js +8 -9
  43. package/components/common/utils/toArray.js +12 -0
  44. package/copy/index.js +3 -2
  45. package/details/index.js +102 -62
  46. package/dist/scroll-into-view-if-needed/compute/index.js +126 -0
  47. package/dist/scroll-into-view-if-needed/smooth/index.js +70 -0
  48. package/dist/scroll-into-view-if-needed/src/index.js +19 -19
  49. package/divider/index.js +27 -21
  50. package/empty/index.js +13 -13
  51. package/flex/index.js +43 -55
  52. package/flex/interface.js +1 -34
  53. package/form/FormItem.js +69 -65
  54. package/form/context.js +6 -7
  55. package/grid/Col-.js +86 -0
  56. package/grid/Col.js +156 -73
  57. package/grid/Grid.js +71 -67
  58. package/grid/Row.js +3 -3
  59. package/grid/index.js +13 -13
  60. package/icon/interface.js +1 -0
  61. package/icon-hover/interface.js +1 -0
  62. package/index.js +641 -663
  63. package/input/Textarea.js +1 -1
  64. package/input/autoSizeTextAreaHeight.js +7 -7
  65. package/liquid-fill/index.js +5 -4
  66. package/list/index.js +1 -1
  67. package/loading/index.js +72 -53
  68. package/loading/interface.js +1 -0
  69. package/marquee/index.js +5 -4
  70. package/menu/Item.js +9 -9
  71. package/modal/Modal.js +73 -74
  72. package/package.json +1 -1
  73. package/portal/interface.js +1 -0
  74. package/qr-code/index.js +5 -4
  75. package/segmented/index.js +47 -47
  76. package/space/index.js +41 -35
  77. package/speech-synthesis/interface.js +1 -0
  78. package/splitter/SplitBar.js +81 -79
  79. package/splitter/Splitter.js +92 -104
  80. package/splitter/hooks/useItems.js +1 -1
  81. package/splitter/hooks/useResizable.js +9 -18
  82. package/splitter/hooks/useResize.js +10 -10
  83. package/splitter/hooks/useSizes.js +28 -28
  84. package/splitter/index.js +5 -4
  85. package/statistic/index.js +10 -10
  86. package/style.css +1 -1
  87. package/suspense-fallback-test/index.js +2 -11
  88. package/suspense-fallback-test/interface.js +1 -0
  89. package/table/Table.js +376 -377
  90. package/table/hook/useThResizable.js +5 -4
  91. package/table/th-resizable/index.js +12 -11
  92. package/time-picker/util.js +8 -8
  93. package/tooltip/index.js +1 -2
  94. package/tour/index.js +5 -4
  95. package/tree/NodeList.js +1 -1
  96. package/trigger/index.js +67 -70
  97. package/types/common/development/index.d.ts +7 -1
  98. package/types/common/development/interface.d.ts +22 -0
  99. package/types/common/empty/index.d.ts +2 -1
  100. package/types/common/flex/index.d.ts +14 -0
  101. package/types/common/flex/interface.d.ts +62 -0
  102. package/types/common/higher-order/with-speech-synthesis/index.d.ts +6 -1
  103. package/types/common/higher-order/with-speech-synthesis/interface.d.ts +13 -0
  104. package/types/common/space/index.d.ts +4 -4
  105. package/types/common/space/interface.d.ts +10 -18
  106. package/types/common/suspense-fallback-test/index.d.ts +7 -0
  107. package/types/common/suspense-fallback-test/interface.d.ts +1 -0
  108. package/types/common/utils/PqbCSSTransition.d.ts +1 -1
  109. package/types/common/utils/constant.d.ts +1 -0
  110. package/types/common/utils/scrollIntoViewIfNeeded.d.ts +4 -0
  111. package/types/common/utils/toArray.d.ts +13 -0
  112. package/types/common/utils/tree.d.ts +1 -0
  113. package/types/common/utils/tween.d.ts +1 -0
  114. package/types/pc/alert/index.d.ts +2 -1
  115. package/types/pc/alert/interface.d.ts +7 -1
  116. package/types/pc/anchor/util.d.ts +1 -1
  117. package/types/pc/badge/Count.d.ts +1 -1
  118. package/types/pc/badge/interface.d.ts +2 -0
  119. package/types/pc/breadcrumb/Item.d.ts +1 -1
  120. package/types/pc/calendar/Month.d.ts +1 -1
  121. package/types/pc/calendar/WeekList.d.ts +1 -1
  122. package/types/pc/calendar/Year.d.ts +1 -1
  123. package/types/pc/calendar/header/Panel.d.ts +1 -1
  124. package/types/pc/calendar/header/index.d.ts +1 -1
  125. package/types/pc/calendar/index.d.ts +1 -1
  126. package/types/pc/calendar/interface.d.ts +2 -1
  127. package/types/pc/card/interface.d.ts +8 -0
  128. package/types/pc/cascader/interface.d.ts +1 -1
  129. package/types/pc/cascader/panel/List.d.ts +1 -1
  130. package/types/pc/cascader/panel/Option.d.ts +1 -1
  131. package/types/pc/cascader/panel/Search.d.ts +1 -1
  132. package/types/pc/checkbox/Group.d.ts +2 -2
  133. package/types/pc/checkbox/GroupBlock.d.ts +1 -1
  134. package/types/pc/checkbox/IconCheck.d.ts +1 -1
  135. package/types/pc/color-picker/InputRgb.d.ts +1 -1
  136. package/types/pc/color-picker/Palette.d.ts +1 -1
  137. package/types/pc/color-picker/hooks/useColorPicker.d.ts +7 -2
  138. package/types/pc/color-picker/utils.d.ts +6 -1
  139. package/types/pc/config-provider/ConfigProvider.d.ts +1 -1
  140. package/types/pc/config-provider/interface.d.ts +4 -0
  141. package/types/pc/copy/index.d.ts +1 -1
  142. package/types/pc/date-picker/panel/Body.d.ts +1 -1
  143. package/types/pc/date-picker/panel/Footer.d.ts +1 -1
  144. package/types/pc/date-picker/panel/Header.d.ts +1 -1
  145. package/types/pc/date-picker/panel/WeekList.d.ts +1 -1
  146. package/types/pc/date-picker/panel/date/index.d.ts +1 -1
  147. package/types/pc/date-picker/panel/month/index.d.ts +1 -1
  148. package/types/pc/date-picker/panel/quarter/index.d.ts +1 -1
  149. package/types/pc/date-picker/panel/range/index.d.ts +1 -1
  150. package/types/pc/date-picker/panel/week/index.d.ts +1 -1
  151. package/types/pc/date-picker/panel/year/index.d.ts +1 -1
  152. package/types/pc/descriptions/index.d.ts +1 -1
  153. package/types/pc/details/index.d.ts +3 -2
  154. package/types/pc/details/interface.d.ts +16 -0
  155. package/types/pc/development/index.d.ts +2 -1
  156. package/types/pc/development/interface.d.ts +15 -0
  157. package/types/pc/divider/index.d.ts +7 -2
  158. package/types/pc/draggable/Item.d.ts +1 -1
  159. package/types/pc/draggable/index.d.ts +1 -1
  160. package/types/pc/flex/index.d.ts +4 -4
  161. package/types/pc/flex/interface.d.ts +8 -53
  162. package/types/pc/form/Control.d.ts +1 -1
  163. package/types/pc/form/FormItem.d.ts +1 -1
  164. package/types/pc/form/FormList.d.ts +1 -1
  165. package/types/pc/form/IconSymbol.d.ts +1 -1
  166. package/types/pc/grid/Col-.d.ts +4 -0
  167. package/types/pc/grid/Col.d.ts +3 -2
  168. package/types/pc/grid/Grid.d.ts +2 -2
  169. package/types/pc/grid/Item.d.ts +3 -3
  170. package/types/pc/grid/Row.d.ts +2 -2
  171. package/types/pc/grid/hook/useResponsiveState.d.ts +2 -2
  172. package/types/pc/grid/interface.d.ts +13 -7
  173. package/types/pc/icon/addFromIconFontCn.d.ts +1 -7
  174. package/types/pc/icon/index.d.ts +2 -7
  175. package/types/pc/icon/interface.d.ts +13 -0
  176. package/types/pc/icon-hover/index.d.ts +2 -8
  177. package/types/pc/icon-hover/interface.d.ts +8 -0
  178. package/types/pc/image/ImageFooter.d.ts +1 -1
  179. package/types/pc/image/ImagePreviewArrow.d.ts +1 -1
  180. package/types/pc/image/TriggerForToolbar.d.ts +1 -1
  181. package/types/pc/index.d.ts +60 -51
  182. package/types/pc/loading/index.d.ts +4 -3
  183. package/types/pc/loading/interface.d.ts +6 -0
  184. package/types/pc/menu/Indent.d.ts +1 -1
  185. package/types/pc/menu/OverflowWrap.d.ts +1 -1
  186. package/types/pc/menu/sub-menu/Inline.d.ts +1 -1
  187. package/types/pc/menu/sub-menu/Pop.d.ts +1 -1
  188. package/types/pc/overflow-ellipsis/OverflowItem.d.ts +1 -1
  189. package/types/pc/overflow-ellipsis/index.d.ts +1 -1
  190. package/types/pc/pagination/PageItem.d.ts +3 -3
  191. package/types/pc/pagination/PageJumper.d.ts +1 -1
  192. package/types/pc/pagination/PageOption.d.ts +1 -1
  193. package/types/pc/portal/Portal.d.ts +2 -6
  194. package/types/pc/portal/index.d.ts +2 -9
  195. package/types/pc/portal/interface.d.ts +14 -0
  196. package/types/pc/progress/CircleProgress.d.ts +1 -1
  197. package/types/pc/progress/LineProgess.d.ts +1 -1
  198. package/types/pc/progress/StepProgress.d.ts +1 -1
  199. package/types/pc/radio/Group.d.ts +2 -2
  200. package/types/pc/radio/GroupBlock.d.ts +1 -1
  201. package/types/pc/radio/Radio.d.ts +1 -1
  202. package/types/pc/resize-box/ResizeTrigger.d.ts +1 -1
  203. package/types/pc/result/403.d.ts +1 -1
  204. package/types/pc/result/404.d.ts +1 -1
  205. package/types/pc/result/500.d.ts +1 -1
  206. package/types/pc/segmented/interface.d.ts +6 -6
  207. package/types/pc/skeleton/Image.d.ts +1 -1
  208. package/types/pc/skeleton/Text.d.ts +2 -1
  209. package/types/pc/slider/Button.d.ts +1 -1
  210. package/types/pc/slider/Input.d.ts +1 -1
  211. package/types/pc/slider/Tick.d.ts +1 -1
  212. package/types/pc/space/index.d.ts +6 -5
  213. package/types/pc/speech-synthesis/index.d.ts +3 -1
  214. package/types/pc/speech-synthesis/interface.d.ts +7 -0
  215. package/types/pc/spin/DotLoading.d.ts +1 -1
  216. package/types/pc/splitter/SplitBar.d.ts +0 -1
  217. package/types/pc/splitter/hooks/useResizable.d.ts +0 -1
  218. package/types/pc/splitter/hooks/useResize.d.ts +1 -2
  219. package/types/pc/splitter/index.d.ts +5 -4
  220. package/types/pc/splitter/interface.d.ts +16 -24
  221. package/types/pc/suspense-fallback-test/index.d.ts +2 -3
  222. package/types/pc/suspense-fallback-test/interface.d.ts +2 -0
  223. package/types/pc/table/ColGroup.d.ts +1 -1
  224. package/types/pc/table/summary/Cell.d.ts +1 -1
  225. package/types/pc/table/summary/Row.d.ts +1 -1
  226. package/types/pc/table/tbody/Td.d.ts +1 -1
  227. package/types/pc/table/tbody/index.d.ts +1 -1
  228. package/types/pc/table/tfoot/index.d.ts +1 -1
  229. package/types/pc/table/th-resizable/index.d.ts +1 -1
  230. package/types/pc/table/thead/Column.d.ts +1 -1
  231. package/types/pc/table/thead/index.d.ts +1 -1
  232. package/types/pc/tabs/TabContent.d.ts +1 -1
  233. package/types/pc/tabs/tab-header/DropdownIcon.d.ts +1 -1
  234. package/types/pc/tabs/tab-header/TabInk.d.ts +1 -1
  235. package/types/pc/tabs/tab-header/TabNavIcon.d.ts +1 -1
  236. package/types/pc/time-picker/Picker.d.ts +1 -1
  237. package/types/pc/time-picker/RangePicker.d.ts +1 -1
  238. package/types/pc/time-picker/TimeColumn.d.ts +1 -1
  239. package/types/pc/time-picker/TimePicker.d.ts +1 -1
  240. package/types/pc/time-picker/index.d.ts +1 -1
  241. package/types/pc/tour/index.d.ts +1 -1
  242. package/types/pc/transfer/Item.d.ts +1 -1
  243. package/types/pc/transfer/List.d.ts +1 -1
  244. package/types/pc/tree/Animation.d.ts +1 -1
  245. package/types/pc/typography/Operations.d.ts +1 -1
  246. package/types/pc/upload/interface.d.ts +1 -0
  247. package/types/pc/upload/list/index.d.ts +1 -1
  248. package/types/pc/utils/constant.d.ts +1 -2
  249. package/types/pc/utils/dayjs.d.ts +2 -1
  250. package/types/pc/utils/index.d.ts +2 -5
  251. package/types/pc/utils/scrollIntoViewIfNeeded.d.ts +3 -0
  252. package/types/pc/utils/toArray.d.ts +1 -5
  253. package/types/pc/utils/tree.d.ts +2 -1
  254. package/types/pc/utils/tween.d.ts +1 -1
  255. package/types/pc/verification-code/VerificationCode.d.ts +1 -1
  256. package/types/pc/virtual-list/VirtualList.d.ts +2 -38
  257. package/types/pc/virtual-list/index.d.ts +2 -1
  258. package/types/pc/virtual-list/interface.d.ts +56 -0
  259. package/types/pc/watermark/Watermark.d.ts +1 -1
  260. package/typography/Ellipsis.js +5 -4
  261. package/typography/Operations.js +5 -4
  262. package/upload/request.js +12 -13
  263. package/upload/request_.js +2 -3
  264. package/utils/constant.js +5 -5
  265. package/utils/dayjs.js +13 -12
  266. package/utils/index.js +261 -284
  267. package/utils/scrollIntoViewIfNeeded.js +12 -0
  268. package/utils/toArray.js +3 -10
  269. package/utils/tree.js +11 -9
  270. package/utils/tween.js +5 -5
  271. package/version/index.js +1 -1
  272. package/virtual-list/interface.js +1 -0
  273. package/components/common/space/toArray.js +0 -11
  274. package/components/common/utils/convertToDurationBasedOnTimeUnits.js +0 -6
  275. package/dist/compute-scroll-into-view/src/index.js +0 -126
  276. package/dist/tinycolor/chunk/BOzCVdr0.js +0 -182
  277. package/dist/tinycolor/customize/index.js +0 -12
  278. package/dist/tinycolor/src/conversion.js +0 -143
  279. package/dist/tinycolor/src/css-color-names.js +0 -153
  280. package/dist/tinycolor/src/format-input.js +0 -77
  281. package/dist/tinycolor/src/index.js +0 -388
  282. package/dist/tinycolor/src/util.js +0 -32
  283. package/flex/utils.js +0 -13
  284. package/loading/style/index.module.less.js +0 -4
  285. package/types/common/space/toArray.d.ts +0 -3
  286. package/types/common/utils/convertToDurationBasedOnTimeUnits.d.ts +0 -3
  287. package/types/common/utils/scrollIntoView.d.ts +0 -4
  288. package/types/common/utils/tinycolor.d.ts +0 -1
  289. package/types/pc/flex/utils.d.ts +0 -9
  290. package/types/pc/suspense-fallback-test/style/index.d.ts +0 -1
  291. package/types/pc/utils/color.d.ts +0 -1
  292. package/types/pc/utils/computeScrollIntoView.d.ts +0 -1
  293. package/types/pc/utils/convertToDurationBasedOnTimeUnits.d.ts +0 -3
  294. package/types/pc/utils/scrollIntoView.d.ts +0 -3
  295. package/types/pc/utils/tinycolor.d.ts +0 -1
  296. package/utils/color.js +0 -4
  297. package/utils/computeScrollIntoView.js +0 -6
  298. package/utils/convertToDurationBasedOnTimeUnits.js +0 -6
  299. package/utils/scrollIntoView.js +0 -6
  300. package/utils/tinycolor.js +0 -29
  301. /package/{suspense-fallback-test/style/index.less.js → development/interface.js} +0 -0
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ /**
3
+ * Development 组件的属性类型定义
4
+ * @property {string} [url] - 图片 URL,如果有则显示图片而不是图标
5
+ * @property {React.ReactNode} [icon] - 自定义图标,会覆盖默认的等待图标
6
+ * @property {string} [label] - 提示文字,默认为"等待开发"
7
+ * @property {string} [tip] - 提示文字别名,优先级低于 label
8
+ * @property {string} [className] - 根节点类名
9
+ * @property {string} [imgClassName] - 图片类名
10
+ * @property {string} [iconClassName] - 图标类名
11
+ * @property {string} [labelClassName] - 文字标签类名
12
+ */
13
+ export interface DevelopmentProps {
14
+ url?: string;
15
+ icon?: React.ReactNode;
16
+ label?: string;
17
+ tip?: string;
18
+ className?: string;
19
+ imgClassName?: string;
20
+ iconClassName?: string;
21
+ labelClassName?: string;
22
+ }
@@ -1,4 +1,5 @@
1
+ import React from 'react';
1
2
  import type { EmptyProps } from './interface';
2
- declare const Empty: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<EmptyProps & import("react").RefAttributes<unknown>>>;
3
+ export declare const Empty: React.MemoExoticComponent<React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>>;
3
4
  export default Empty;
4
5
  export type { EmptyProps };
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { type FlexProps } from './interface';
3
+ /**
4
+ * Flex 布局组件主体
5
+ */
6
+ declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> & {
7
+ Vertical: typeof FlexVertical;
8
+ };
9
+ /**
10
+ * 垂直布局组件
11
+ */
12
+ declare const FlexVertical: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>>;
13
+ export { FlexVertical };
14
+ export default Flex;
@@ -0,0 +1,62 @@
1
+ import React from 'react';
2
+ export type GapProperty = 'gap' | 'rowGap' | 'columnGap';
3
+ export declare const GAP_SIZE_MAP: {
4
+ mini: string;
5
+ small: string;
6
+ medium: string;
7
+ large: string;
8
+ };
9
+ export type SizeType = keyof typeof GAP_SIZE_MAP;
10
+ export type GapType = SizeType | React.CSSProperties['gap'];
11
+ /**
12
+ * @title Flex
13
+ * @description Flex布局组件属性
14
+ */
15
+ export interface FlexProps extends React.HTMLAttributes<HTMLElement> {
16
+ /**
17
+ * @zh 布局方向
18
+ */
19
+ direction?: React.CSSProperties['flexDirection'];
20
+ /**
21
+ * @zh 换行方式
22
+ * @en Flex wrap style
23
+ */
24
+ wrap?: boolean | React.CSSProperties['flexWrap'];
25
+ /**
26
+ * @zh 主轴对齐方式
27
+ * @en Justify content alignment
28
+ */
29
+ justify?: React.CSSProperties['justifyContent'];
30
+ /**
31
+ * @zh 交叉轴对齐方式
32
+ * @en Align items alignment
33
+ */
34
+ align?: React.CSSProperties['alignItems'];
35
+ /**
36
+ * @zh flex属性
37
+ * @en Flex property
38
+ */
39
+ flex?: React.CSSProperties['flex'];
40
+ /**
41
+ * @zh 间距大小
42
+ * @en Gap size
43
+ * @default small
44
+ * @values 'mini', 'small', 'medium', 'large', string, number
45
+ */
46
+ gap?: GapType;
47
+ /**
48
+ * @zh 自定义渲染元素
49
+ * @en Custom component type
50
+ */
51
+ component?: React.ElementType;
52
+ /**
53
+ * @zh 是否启用RTL模式
54
+ * @en Whether to enable RTL mode
55
+ */
56
+ rtl?: boolean;
57
+ /**
58
+ * @zh 子元素
59
+ * @en Children elements
60
+ */
61
+ children: React.ReactNode;
62
+ }
@@ -1,2 +1,7 @@
1
+ import React from 'react';
2
+ import type { SpeechSynthesisHandles, SpeechSynthesisProps } from './interface';
3
+ declare const withSpeechSynthesis: {
4
+ <P extends object>(WrappedComponent: React.ComponentType<P>): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<SpeechSynthesisProps & P> & React.RefAttributes<SpeechSynthesisHandles>>>;
5
+ displayName: string;
6
+ };
1
7
  export default withSpeechSynthesis;
2
- declare function withSpeechSynthesis(WrappedComponent: any): import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>>;
@@ -0,0 +1,13 @@
1
+ export interface SpeechSynthesisProps {
2
+ useButton?: boolean;
3
+ buttonProps?: Record<string, any>;
4
+ getText?: () => string;
5
+ text?: string;
6
+ iconProps?: Record<string, any>;
7
+ }
8
+ export interface SpeechSynthesisHandles {
9
+ cancel: () => void;
10
+ speak: () => void;
11
+ pause: () => void;
12
+ resume: () => void;
13
+ }
@@ -1,9 +1,9 @@
1
- import React from 'react';
2
1
  import { SpaceGap, SpaceProps } from './interface';
3
- declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>> & {
4
- Vertical: typeof SpaceVertical;
2
+ declare const SpaceVertical: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>>;
3
+ declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>> & {
4
+ displayName: string;
5
+ Vertical: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>>;
5
6
  };
6
- declare const SpaceVertical: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>>;
7
7
  export { SpaceVertical };
8
8
  export default Space;
9
9
  export type { SpaceGap, SpaceProps };
@@ -1,35 +1,30 @@
1
1
  import { CSSProperties, ReactNode } from 'react';
2
2
  export type SpaceGap = 'mini' | 'small' | 'medium' | 'large' | number;
3
- export type AlignItemsProps = 'start' | 'end' | 'center' | 'baseline';
4
- /**
5
- * @title Space
6
- */
3
+ export type AlignItems = 'start' | 'end' | 'center' | 'baseline';
4
+ export type JustifyContent = 'start' | 'end' | 'center' | 'baseline' | 'space-between';
5
+ export type Direction = 'vertical' | 'horizontal';
7
6
  export interface SpaceProps {
8
7
  style?: CSSProperties;
9
8
  className?: string | string[];
10
9
  /**
11
10
  * @zh 交叉轴方向对齐方式
12
- * @en Alignment of items
13
11
  */
14
- align?: AlignItemsProps;
12
+ align?: AlignItems;
15
13
  /**
16
14
  * @zh 属性 align 的别名
17
15
  */
18
- alignItems?: AlignItemsProps;
16
+ alignItems?: AlignItems;
19
17
  /**
20
18
  * @zh 主轴方向上对齐方式
21
- * @en Alignment of items
22
19
  */
23
- justifyContent?: 'start' | 'end' | 'center' | 'baseline' | 'space-between';
20
+ justifyContent?: JustifyContent;
24
21
  /**
25
22
  * @zh 方向
26
- * @en The direction
27
23
  * @defaultValue horizontal
28
24
  */
29
- direction?: 'vertical' | 'horizontal';
25
+ direction?: Direction;
30
26
  /**
31
- * @zh 尺寸。
32
- * @en The space size.
27
+ * @zh 尺寸
33
28
  * @defaultValue small
34
29
  */
35
30
  size?: SpaceGap | SpaceGap[];
@@ -38,22 +33,19 @@ export interface SpaceProps {
38
33
  */
39
34
  gap?: SpaceGap | SpaceGap[];
40
35
  /**
41
- * @zh 环绕类型的间距,用于折行的场景。
42
- * @en Whether to wrap line automatic
36
+ * @zh 是否自动折行
43
37
  */
44
38
  wrap?: boolean;
45
39
  /**
46
40
  * @zh 设置分隔符
47
- * @en Set separator
48
41
  */
49
42
  split?: ReactNode;
50
43
  /**
51
- * @zh 包裹元素
44
+ * @zh 子元素
52
45
  */
53
46
  children?: ReactNode;
54
47
  /**
55
48
  * @zh 是否启用RTL模式
56
- * @en Whether to enable RTL mode
57
49
  */
58
50
  rtl?: boolean;
59
51
  }
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ /**
3
+ * SuspenseFallbackTest 组件
4
+ * @description 用于测试Suspense的fallback状态,创建一个永远不会加载完成的懒加载组件
5
+ */
6
+ declare const SuspenseFallbackTest: React.ForwardRefExoticComponent<object & React.RefAttributes<unknown>>;
7
+ export default SuspenseFallbackTest;
@@ -0,0 +1 @@
1
+ export type SuspenseFallbackTestProps = object;
@@ -1,4 +1,4 @@
1
1
  import { CSSTransition } from '@unicom-cloud/react-transition-group';
2
- declare function PqbCSSTransition(props: CSSTransition): import("react/jsx-dev-runtime").JSX.Element;
2
+ declare function PqbCSSTransition(props: CSSTransition): import("react/jsx-runtime").JSX.Element;
3
3
  export { PqbCSSTransition };
4
4
  export default PqbCSSTransition;
@@ -1,2 +1,3 @@
1
1
  export declare const CSS_VARIABLE_ELEMENT: HTMLElement;
2
2
  export declare const NOOP: () => void;
3
+ export { UI_PC_KEY, UI_PC_THEME_DARK_CLASS_NAME, } from '@unicom-cloud/utils/constant/ui';
@@ -0,0 +1,4 @@
1
+ import scrollIntoViewIfNeeded, { compute, Options, scrollIntoViewIfNeededSmooth, smoothScrollIntoViewIfNeeded } from '@unicom-cloud/scroll-into-view-if-needed';
2
+ declare function scrollIntoView(node: HTMLElement, options?: Options): void;
3
+ export { compute, scrollIntoView, scrollIntoViewIfNeeded, scrollIntoViewIfNeededSmooth, smoothScrollIntoViewIfNeeded, };
4
+ export default scrollIntoView;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ interface ToArrayOptions {
3
+ keepEmpty?: boolean;
4
+ }
5
+ /**
6
+ * 将React子节点转换为数组
7
+ * @param children React子节点
8
+ * @param options 配置选项
9
+ * @returns React元素数组
10
+ */
11
+ declare function toArray(children: React.ReactNode, options?: ToArrayOptions): React.ReactElement[];
12
+ export { toArray };
13
+ export default toArray;
@@ -0,0 +1 @@
1
+ export { default, findNodeBy, getChildWithParentBy, getItemBy, getItemBy2, getItemBy3, getItemByID, getLabelFromDictionaryByValue, searchTree, default as tree, } from '@unicom-cloud/utils/tree';
@@ -0,0 +1 @@
1
+ export { default, easing, default as Tween } from '@unicom-cloud/tween';
@@ -1,4 +1,5 @@
1
+ import React from 'react';
1
2
  import { AlertProps } from './interface';
2
- declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<unknown>>;
3
+ declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<unknown>>;
3
4
  export default Alert;
4
5
  export type { AlertProps };
@@ -1,4 +1,4 @@
1
- import { CSSProperties, ReactNode } from 'react';
1
+ import React, { CSSProperties, ReactNode } from 'react';
2
2
  /**
3
3
  * @title Alert
4
4
  */
@@ -63,4 +63,10 @@ export interface AlertProps {
63
63
  * @en Whether to show as banner
64
64
  */
65
65
  banner?: boolean;
66
+ /**
67
+ * 自定义组件内容
68
+ * @en Custom component content
69
+ * @default null
70
+ */
71
+ children?: React.ReactNode;
66
72
  }
@@ -1,5 +1,5 @@
1
1
  export declare function findNode(dom: HTMLElement | Document, selector: string): HTMLElement | null;
2
- export declare function slide(el: HTMLElement, top: number, cb: Function): void;
2
+ export declare function slide(el: HTMLElement, top: number, cb: () => void): void;
3
3
  export declare function getContainer(targetContainer?: string | HTMLElement | Window): HTMLElement | Window | null;
4
4
  export declare function getContainerElement(scrollContainer: HTMLElement | Window): HTMLElement;
5
5
  export declare function getScrollParent(element: any): any;
@@ -4,5 +4,5 @@ declare function Count({ prefixCls, maxCount, count, className, style }: {
4
4
  count: any;
5
5
  className: any;
6
6
  style: any;
7
- }): import("react/jsx-dev-runtime").JSX.Element;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
8
  export default Count;
@@ -4,6 +4,8 @@ import { Omit } from '../utils/type';
4
4
  * @title Ribbon
5
5
  */
6
6
  export interface RibbonProps {
7
+ style?: CSSProperties;
8
+ className?: string | string[];
7
9
  /**
8
10
  * @zh 缎带徽标的文本
9
11
  * @en Text of the ribbon badge
@@ -1,6 +1,6 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  import { BreadCrumbItemProps } from './interface';
3
- declare function Item(props: PropsWithChildren<BreadCrumbItemProps>): import("react/jsx-dev-runtime").JSX.Element;
3
+ declare function Item(props: PropsWithChildren<BreadCrumbItemProps>): import("react/jsx-runtime").JSX.Element;
4
4
  declare namespace Item {
5
5
  var displayName: string;
6
6
  }
@@ -11,5 +11,5 @@ export interface MonthProps extends CalendarProps {
11
11
  CALENDAR_LOCALE?: Record<string, any>;
12
12
  }
13
13
  export declare function getAllDaysByTime(props: CalendarProps, time: Dayjs): never[][];
14
- declare function Month(props: MonthProps): import("react/jsx-dev-runtime").JSX.Element;
14
+ declare function Month(props: MonthProps): import("react/jsx-runtime").JSX.Element;
15
15
  export default Month;
@@ -6,5 +6,5 @@ interface WeekListProps {
6
6
  panel?: boolean;
7
7
  innerMode?: 'day' | 'week' | 'month' | 'year';
8
8
  }
9
- declare function WeekList(props: WeekListProps): import("react/jsx-dev-runtime").JSX.Element;
9
+ declare function WeekList(props: WeekListProps): import("react/jsx-runtime").JSX.Element;
10
10
  export default WeekList;
@@ -9,5 +9,5 @@ interface YearProps extends CalendarProps {
9
9
  CALENDAR_LOCALE?: Record<string, any>;
10
10
  innerMode?: 'day' | 'week' | 'month' | 'year';
11
11
  }
12
- declare function Year(props: YearProps): import("react/jsx-dev-runtime").JSX.Element;
12
+ declare function Year(props: YearProps): import("react/jsx-runtime").JSX.Element;
13
13
  export default Year;
@@ -1,2 +1,2 @@
1
- declare function PanelHeader(props: any): import("react/jsx-dev-runtime").JSX.Element;
1
+ declare function PanelHeader(props: any): import("react/jsx-runtime").JSX.Element;
2
2
  export default PanelHeader;
@@ -1,2 +1,2 @@
1
- declare function Header(props: any): import("react/jsx-dev-runtime").JSX.Element;
1
+ declare function Header(props: any): import("react/jsx-runtime").JSX.Element;
2
2
  export default Header;
@@ -1,7 +1,7 @@
1
1
  import Month from './Month';
2
2
  import Year from './Year';
3
3
  import { CalendarProps } from './interface';
4
- declare function Calendar(baseProps: CalendarProps): import("react/jsx-dev-runtime").JSX.Element;
4
+ declare function Calendar(baseProps: CalendarProps): import("react/jsx-runtime").JSX.Element;
5
5
  declare namespace Calendar {
6
6
  var displayName: string;
7
7
  }
@@ -1,5 +1,5 @@
1
- import { ReactNode, CSSProperties } from 'react';
2
1
  import { Dayjs } from 'dayjs';
2
+ import { CSSProperties, ReactNode } from 'react';
3
3
  export type CalendarValue = Dayjs | Date | string | number;
4
4
  /**
5
5
  * @title Calendar
@@ -101,6 +101,7 @@ export interface CalendarProps {
101
101
  onChange: any;
102
102
  onChangePageDate: any;
103
103
  onChangeMode: any;
104
+ header?: ReactNode;
104
105
  }) => ReactNode;
105
106
  /**
106
107
  * @zh
@@ -6,6 +6,14 @@ import { Omit } from '../utils/type';
6
6
  export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'className'> {
7
7
  style?: CSSProperties;
8
8
  className?: string | string[];
9
+ /**
10
+ * @zh 头部 className
11
+ */
12
+ headerClassName?: string | string[];
13
+ /**
14
+ * @zh 身体部 className
15
+ */
16
+ bodyClassName?: string | string[];
9
17
  children?: ReactNode;
10
18
  id?: string;
11
19
  /**
@@ -1,7 +1,7 @@
1
1
  import { CSSProperties, ReactNode } from 'react';
2
2
  import { SelectViewCommonProps } from '../select-view';
3
3
  import { TriggerProps } from '../trigger';
4
- import { VirtualListProps } from '../virtual-list/VirtualList';
4
+ import type { VirtualListProps } from '../virtual-list/interface';
5
5
  import { NodeProps } from './base/node';
6
6
  import Store from './base/store';
7
7
  /**
@@ -1,4 +1,4 @@
1
1
  import { CascaderPanelProps, OptionProps } from '../../cascader/interface';
2
2
  export declare const getLegalIndex: (currentIndex: any, maxIndex: any) => any;
3
- declare const ListPanel: <T extends OptionProps>(props: CascaderPanelProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
3
+ declare const ListPanel: <T extends OptionProps>(props: CascaderPanelProps<T>) => import("react/jsx-runtime").JSX.Element;
4
4
  export default ListPanel;
@@ -19,5 +19,5 @@ export interface CascaderOptionProps<T> {
19
19
  onMouseEnter?: () => void;
20
20
  onMultipleChecked?: (checked: boolean) => void;
21
21
  }
22
- declare const Option: <T extends OptionProps>(props: CascaderOptionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
22
+ declare const Option: <T extends OptionProps>(props: CascaderOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
23
23
  export default Option;
@@ -24,5 +24,5 @@ export type SearchPanelProps<T> = {
24
24
  next?: ReactNode;
25
25
  };
26
26
  };
27
- declare const SearchPanel: <T extends OptionProps>(props: SearchPanelProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
27
+ declare const SearchPanel: <T extends OptionProps>(props: SearchPanelProps<T>) => import("react/jsx-runtime").JSX.Element;
28
28
  export default SearchPanel;
@@ -8,8 +8,8 @@ export declare const CheckboxGroupContext: React.Context<{
8
8
  registerValue: (value: ReactText) => void;
9
9
  unRegisterValue: (value: ReactText) => void;
10
10
  }>;
11
- export declare const ClearCheckboxGroupContext: ({ children, }: PropsWithChildren<{}>) => import("react/jsx-dev-runtime").JSX.Element;
12
- declare function Group<T extends React.ReactText>(props: PropsWithChildren<CheckboxGroupProps<T>>): import("react/jsx-dev-runtime").JSX.Element;
11
+ export declare const ClearCheckboxGroupContext: ({ children, }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
12
+ declare function Group<T extends React.ReactText>(props: PropsWithChildren<CheckboxGroupProps<T>>): import("react/jsx-runtime").JSX.Element;
13
13
  declare namespace Group {
14
14
  var displayName: string;
15
15
  }
@@ -1,5 +1,5 @@
1
1
  import { CheckboxGroupProps } from './interface';
2
- declare function CheckboxGroupBlock(props: any): import("react/jsx-dev-runtime").JSX.Element;
2
+ declare function CheckboxGroupBlock(props: any): import("react/jsx-runtime").JSX.Element;
3
3
  declare namespace CheckboxGroupBlock {
4
4
  var displayName: string;
5
5
  }
@@ -1,4 +1,4 @@
1
1
  declare function IconCheck({ className }: {
2
2
  className: any;
3
- }): import("react/jsx-dev-runtime").JSX.Element;
3
+ }): import("react/jsx-runtime").JSX.Element;
4
4
  export default IconCheck;
@@ -6,5 +6,5 @@ interface InputRgbProps {
6
6
  onAlphaChange: (value: number) => void;
7
7
  disabledAlpha?: boolean;
8
8
  }
9
- export declare const InputRgb: ({ color, alpha, onHsvChange, onAlphaChange, disabledAlpha, }: InputRgbProps) => import("react/jsx-dev-runtime").JSX.Element;
9
+ export declare const InputRgb: ({ color, alpha, onHsvChange, onAlphaChange, disabledAlpha, }: InputRgbProps) => import("react/jsx-runtime").JSX.Element;
10
10
  export {};
@@ -3,5 +3,5 @@ interface PaletteProps {
3
3
  color: Color;
4
4
  onChange: (s: number, v: number) => void;
5
5
  }
6
- export declare const Palette: ({ color, onChange }: PaletteProps) => import("react/jsx-dev-runtime").JSX.Element;
6
+ export declare const Palette: ({ color, onChange }: PaletteProps) => import("react/jsx-runtime").JSX.Element;
7
7
  export {};
@@ -20,10 +20,15 @@ export declare const useColorPicker: (props: UseColorPickerProps) => {
20
20
  popupVisible: boolean;
21
21
  color: {
22
22
  hsv: HSV;
23
- rgb: import("@unicom-cloud/tinycolor").Numberify<import("@unicom-cloud/tinycolor").RGBA>;
23
+ rgb: {
24
+ r: number;
25
+ g: number;
26
+ b: number;
27
+ a: number | undefined;
28
+ };
24
29
  hex: string;
25
30
  };
26
- alpha: number;
31
+ alpha: number | undefined;
27
32
  onHsvChange: (_value: HSV) => void;
28
33
  onAlphaChange: (_value: number) => void;
29
34
  onVisibleChange: (newVisible: any) => void;
@@ -11,7 +11,12 @@ export declare const formatRgba: (r: number, g: number, b: number, a: number) =>
11
11
  export declare const formatHex: (r: number, g: number, b: number, a: number) => string;
12
12
  export declare const getColorFromHsv: (hsv: HSV) => {
13
13
  hsv: HSV;
14
- rgb: import("@unicom-cloud/tinycolor").Numberify<import("@unicom-cloud/tinycolor").RGBA>;
14
+ rgb: {
15
+ r: number;
16
+ g: number;
17
+ b: number;
18
+ a: number | undefined;
19
+ };
15
20
  hex: string;
16
21
  };
17
22
  export declare const getRandomId: () => string;
@@ -1,6 +1,6 @@
1
1
  import ConfigContext, { ConfigProviderDefaultProps } from './context';
2
2
  import { ConfigProviderProps } from './interface';
3
- declare function ConfigProvider(baseProps: ConfigProviderProps): import("react/jsx-dev-runtime").JSX.Element;
3
+ declare function ConfigProvider(baseProps: ConfigProviderProps): import("react/jsx-runtime").JSX.Element;
4
4
  declare namespace ConfigProvider {
5
5
  var ConfigContext: import("react").Context<ConfigProviderProps>;
6
6
  var displayName: string;
@@ -18,6 +18,7 @@ import { ColorPickerProps } from '../color-picker';
18
18
  import { CommentProps } from '../comment/interface';
19
19
  import { PickerProps as DatePickerCommonProps } from '../date-picker/interface';
20
20
  import { DescriptionsProps } from '../descriptions/interface';
21
+ import { DetailsProps } from '../details';
21
22
  import { DividerProps } from '../divider/interface';
22
23
  import { DrawerProps } from '../drawer/interface';
23
24
  import { DropdownButtonProps, DropdownProps } from '../dropdown/interface';
@@ -33,6 +34,7 @@ import { LayoutProps } from '../layout/interface';
33
34
  import { LinkProps } from '../link/interface';
34
35
  import { LiquidFillProps } from '../liquid-fill';
35
36
  import { ListItemProps, ListProps } from '../list/interface';
37
+ import type { LoadingProps } from '../loading';
36
38
  import { Locale } from '../locale/interface';
37
39
  import type { MarqueeProps } from '../marquee';
38
40
  import { MentionsProps } from '../mentions/interface';
@@ -161,6 +163,8 @@ export type ComponentConfig = {
161
163
  Segmented?: SegmentedProps;
162
164
  Splitter?: SplitterProps;
163
165
  Flex?: FlexProps;
166
+ Details?: DetailsProps;
167
+ Loading?: LoadingProps;
164
168
  };
165
169
  /**
166
170
  * @title ConfigProvider
@@ -1,6 +1,6 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  import { CopyProps } from './interface';
3
- declare function Copy(props: PropsWithChildren<CopyProps>): import("react/jsx-dev-runtime").JSX.Element;
3
+ declare function Copy(props: PropsWithChildren<CopyProps>): import("react/jsx-runtime").JSX.Element;
4
4
  declare namespace Copy {
5
5
  var displayName: string;
6
6
  }
@@ -26,5 +26,5 @@ export interface PanelBodyProps {
26
26
  hideNotInViewDates?: boolean;
27
27
  valueShowHover?: Dayjs[];
28
28
  }
29
- declare function Body(props: PanelBodyProps): import("react/jsx-dev-runtime").JSX.Element;
29
+ declare function Body(props: PanelBodyProps): import("react/jsx-runtime").JSX.Element;
30
30
  export default Body;
@@ -1,2 +1,2 @@
1
- declare function Footer(props: any): import("react/jsx-dev-runtime").JSX.Element;
1
+ declare function Footer(props: any): import("react/jsx-runtime").JSX.Element;
2
2
  export default Footer;
@@ -16,5 +16,5 @@ export interface HeaderProps {
16
16
  rtl?: boolean;
17
17
  DATEPICKER_LOCALE?: Locale['DatePicker'];
18
18
  }
19
- declare function Header(props: HeaderProps): import("react/jsx-dev-runtime").JSX.Element;
19
+ declare function Header(props: HeaderProps): import("react/jsx-runtime").JSX.Element;
20
20
  export default Header;
@@ -4,5 +4,5 @@ interface WeekListProps {
4
4
  isWeek?: boolean;
5
5
  CALENDAR_LOCALE?: Record<string, any>;
6
6
  }
7
- declare function WeekList(props: WeekListProps): import("react/jsx-dev-runtime").JSX.Element;
7
+ declare function WeekList(props: WeekListProps): import("react/jsx-runtime").JSX.Element;
8
8
  export default WeekList;
@@ -20,5 +20,5 @@ interface InnerDatePickerProps extends DatePickerProps {
20
20
  panelMode?: ModeType;
21
21
  setPanelMode?: (mode: ModeType) => void;
22
22
  }
23
- declare function DatePicker(props: InnerDatePickerProps & PrivateCType): import("react/jsx-dev-runtime").JSX.Element;
23
+ declare function DatePicker(props: InnerDatePickerProps & PrivateCType): import("react/jsx-runtime").JSX.Element;
24
24
  export default DatePicker;
@@ -13,5 +13,5 @@ interface InnerMonthPickerProps extends MonthPickerProps {
13
13
  panelMode?: ModeType;
14
14
  setPanelMode?: (mode: ModeType) => void;
15
15
  }
16
- declare function MonthPicker(props: InnerMonthPickerProps & PrivateCType): import("react/jsx-dev-runtime").JSX.Element;
16
+ declare function MonthPicker(props: InnerMonthPickerProps & PrivateCType): import("react/jsx-runtime").JSX.Element;
17
17
  export default MonthPicker;
@@ -13,5 +13,5 @@ interface InnerQuarterPickerProps extends QuarterPickerProps {
13
13
  panelMode?: ModeType;
14
14
  setPanelMode?: (mode: ModeType) => void;
15
15
  }
16
- declare function QuarterPicker(props: InnerQuarterPickerProps & PrivateCType): import("react/jsx-dev-runtime").JSX.Element;
16
+ declare function QuarterPicker(props: InnerQuarterPickerProps & PrivateCType): import("react/jsx-runtime").JSX.Element;
17
17
  export default QuarterPicker;
@@ -24,5 +24,5 @@ interface InnerRangePickerProps extends RangePickerProps {
24
24
  panelModes?: ModeType[];
25
25
  setPanelModes?: (modes: ModeType[]) => void;
26
26
  }
27
- declare function RangePicker(props: InnerRangePickerProps & PrivateCType): import("react/jsx-dev-runtime").JSX.Element;
27
+ declare function RangePicker(props: InnerRangePickerProps & PrivateCType): import("react/jsx-runtime").JSX.Element;
28
28
  export default RangePicker;