@unicom-cloud/ui 0.8.106 → 0.8.108

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 (197) hide show
  1. package/App.js +7 -0
  2. package/BackTop.js +2 -4
  3. package/Calendar.js +2 -2
  4. package/ColorPicker.js +15 -14
  5. package/Constant.js +4 -0
  6. package/Copy.js +4 -3
  7. package/Countdown.js +25 -0
  8. package/Grid.js +8 -10
  9. package/LiquidFill.js +4 -3
  10. package/List.js +7 -6
  11. package/Marquee.js +4 -3
  12. package/Modal.js +4 -2
  13. package/PageHeader.js +3 -2
  14. package/QrCode.js +4 -3
  15. package/RowCol.js +8 -0
  16. package/Segmented.js +14 -4
  17. package/Statistic.js +5 -4
  18. package/Tour.js +4 -3
  19. package/Transfer.js +4 -2
  20. package/anchor/Link.js +1 -1
  21. package/app/App.js +26 -0
  22. package/app/context.js +9 -0
  23. package/app/index.js +9 -0
  24. package/app/interface.js +1 -0
  25. package/app/useApp.js +8 -0
  26. package/avatar/Group.js +1 -1
  27. package/back-top/index.js +44 -56
  28. package/button/index.js +52 -51
  29. package/calendar/Lunar.js +71 -0
  30. package/calendar/index.js +11 -11
  31. package/cascader/base/node.js +22 -20
  32. package/cascader/base/store.js +10 -10
  33. package/cascader/util.js +29 -27
  34. package/color-picker/Mode.js +8 -7
  35. package/color-picker/hooks/useColorPicker.js +56 -55
  36. package/color-picker/index.js +49 -48
  37. package/color-picker/utils.js +58 -57
  38. package/components/common/empty/index.js +2 -2
  39. package/components/common/flex/index.js +64 -55
  40. package/components/common/flex/interface.js +6 -6
  41. package/components/common/hooks/useInterval.js +6 -6
  42. package/components/common/icons/file/index.js +13 -11
  43. package/components/common/space/index.js +53 -53
  44. package/components/common/utils/dayjs.js +114 -126
  45. package/components/common/utils/is.js +98 -104
  46. package/components/common/utils/setDir.js +12 -0
  47. package/components/common/utils/setTheme.js +13 -13
  48. package/components/common/utils/toArray.js +7 -5
  49. package/config-provider/ConfigProvider.js +32 -30
  50. package/constant/index.js +4 -0
  51. package/copy/index.js +2 -1
  52. package/countdown/index.js +113 -0
  53. package/countdown/interface.js +1 -0
  54. package/countdown/util.js +29 -0
  55. package/descriptions/index.js +45 -45
  56. package/divider/index.js +28 -20
  57. package/dropdown/Button.js +1 -1
  58. package/empty/index.js +1 -1
  59. package/flex/index.js +30 -29
  60. package/form/FormItem.js +126 -122
  61. package/grid/Grid.js +56 -90
  62. package/grid/Item.js +44 -65
  63. package/grid/context.js +2 -6
  64. package/grid/index.js +6 -8
  65. package/grid/util.js +6 -44
  66. package/hooks/useResponsiveState.js +54 -0
  67. package/index.js +614 -605
  68. package/input/Button.js +12 -12
  69. package/input/Group.js +11 -12
  70. package/input/Input.js +112 -102
  71. package/input/InputElement.js +25 -24
  72. package/input/Search.js +24 -24
  73. package/layout/Sider.js +1 -1
  74. package/liquid-fill/index.js +4 -3
  75. package/list/Item.js +21 -21
  76. package/list/index.js +53 -52
  77. package/marquee/index.js +20 -19
  78. package/marquee-/index.js +4 -3
  79. package/mentions/util.js +9 -8
  80. package/modal/Confirm.js +17 -17
  81. package/modal/Modal.js +247 -237
  82. package/modal/index.js +4 -2
  83. package/modal/use-modal/index.js +2 -2
  84. package/package.json +1 -1
  85. package/page-header/index.js +57 -56
  86. package/pagination/Pagination.js +89 -92
  87. package/qr-code/index.js +4 -3
  88. package/radio/Group.js +1 -1
  89. package/row-col/Col-.js +88 -0
  90. package/row-col/Col.js +159 -0
  91. package/row-col/Row.js +73 -0
  92. package/row-col/context.js +5 -0
  93. package/row-col/index.js +11 -0
  94. package/row-col/interface.js +1 -0
  95. package/segmented/index.js +257 -206
  96. package/select/Select.js +191 -191
  97. package/select/util.js +50 -50
  98. package/select-view/Core.js +31 -28
  99. package/space/index.js +15 -13
  100. package/splitter/SplitBar.js +44 -46
  101. package/statistic/index.js +56 -55
  102. package/statistic/interface.js +4 -1
  103. package/style.css +1 -1
  104. package/table/Table.js +198 -210
  105. package/table/hook/useColumns.js +27 -26
  106. package/table/hook/useStickyClassNames.js +9 -8
  107. package/table/hook/useThResizable.js +4 -3
  108. package/table/th-resizable/index.js +2 -2
  109. package/table/thead/index.js +18 -16
  110. package/time-picker/util.js +20 -30
  111. package/timeline/Item.js +1 -1
  112. package/tour/index.js +4 -3
  113. package/transfer/index.js +93 -91
  114. package/trigger/index.js +66 -66
  115. package/types/common/development/interface.d.ts +3 -3
  116. package/types/common/flex/index.d.ts +3 -9
  117. package/types/common/flex/interface.d.ts +15 -4
  118. package/types/common/space/index.d.ts +3 -5
  119. package/types/common/space/interface.d.ts +2 -0
  120. package/types/common/utils/dayjs.d.ts +3 -1
  121. package/types/common/utils/is.d.ts +3 -4
  122. package/types/common/utils/setDir.d.ts +2 -0
  123. package/types/pc/app/App.d.ts +6 -0
  124. package/types/pc/app/context.d.ts +4 -0
  125. package/types/pc/app/index.d.ts +5 -0
  126. package/types/pc/app/interface.d.ts +17 -0
  127. package/types/pc/app/useApp.d.ts +3 -0
  128. package/types/pc/back-top/interface.d.ts +4 -17
  129. package/types/pc/button/interface.d.ts +2 -2
  130. package/types/pc/calendar/Lunar.d.ts +17 -0
  131. package/types/pc/calendar/index.d.ts +1 -1
  132. package/types/pc/config-provider/interface.d.ts +17 -12
  133. package/types/pc/constant/index.d.ts +1 -0
  134. package/types/pc/countdown/interface.d.ts +65 -0
  135. package/types/pc/countdown/util.d.ts +7 -0
  136. package/types/pc/divider/interface.d.ts +1 -0
  137. package/types/pc/flex/index.d.ts +8 -6
  138. package/types/pc/flex/interface.d.ts +3 -10
  139. package/types/pc/form/FormItem.d.ts +1 -1
  140. package/types/pc/form/interface.d.ts +1 -1
  141. package/types/pc/grid/Grid.d.ts +2 -4
  142. package/types/pc/grid/Item.d.ts +1 -5
  143. package/types/pc/grid/context.d.ts +4 -15
  144. package/types/pc/grid/index.d.ts +4 -6
  145. package/types/pc/grid/interface.d.ts +14 -142
  146. package/types/pc/grid/util.d.ts +1 -10
  147. package/types/pc/hooks/useResponsiveState.d.ts +3 -0
  148. package/types/pc/index.d.ts +10 -4
  149. package/types/pc/input/Button.d.ts +2 -2
  150. package/types/pc/list/interface.d.ts +2 -1
  151. package/types/pc/message/index.d.ts +1 -9
  152. package/types/pc/message/interface.d.ts +8 -0
  153. package/types/pc/message/useMessage.d.ts +1 -2
  154. package/types/pc/modal/Modal.d.ts +1 -0
  155. package/types/pc/modal/config.d.ts +1 -2
  156. package/types/pc/modal/index.d.ts +2 -1
  157. package/types/pc/modal/interface.d.ts +17 -5
  158. package/types/pc/notification/index.d.ts +2 -9
  159. package/types/pc/notification/interface.d.ts +7 -0
  160. package/types/pc/notification/useNotification.d.ts +1 -2
  161. package/types/pc/pagination/PageOption.d.ts +0 -1
  162. package/types/pc/pagination/interface.d.ts +5 -6
  163. package/types/pc/{grid → row-col}/Col-.d.ts +1 -1
  164. package/types/pc/{grid → row-col}/Col.d.ts +1 -2
  165. package/types/pc/{grid → row-col}/Row.d.ts +1 -2
  166. package/types/pc/row-col/context.d.ts +6 -0
  167. package/types/pc/row-col/index.d.ts +7 -0
  168. package/types/pc/row-col/interface.d.ts +112 -0
  169. package/types/pc/segmented/index.d.ts +3 -7
  170. package/types/pc/segmented/interface.d.ts +38 -5
  171. package/types/pc/select-view/Core.d.ts +1 -8
  172. package/types/pc/select-view/index.d.ts +1 -8
  173. package/types/pc/select-view/interface.d.ts +9 -2
  174. package/types/pc/space/index.d.ts +5 -7
  175. package/types/pc/space/interface.d.ts +3 -10
  176. package/types/pc/statistic/index.d.ts +1 -1
  177. package/types/pc/statistic/interface.d.ts +1 -49
  178. package/types/pc/utils/is.d.ts +1 -1
  179. package/types/pc/utils/names.d.ts +422 -111
  180. package/types/pc/utils/responsiveObserve.d.ts +8 -8
  181. package/typography/Ellipsis.js +5 -4
  182. package/typography/Operations.js +4 -3
  183. package/utils/dayjs.js +13 -11
  184. package/utils/index.js +245 -244
  185. package/utils/is.js +65 -66
  186. package/utils/names.js +309 -150
  187. package/utils/responsiveObserve.js +43 -36
  188. package/version/index.js +1 -1
  189. package/grid/Col-.js +0 -86
  190. package/grid/Col.js +0 -169
  191. package/grid/Row.js +0 -96
  192. package/grid/hook/useResponsiveState.js +0 -38
  193. package/statistic/Countdown.js +0 -56
  194. package/statistic/util.js +0 -33
  195. package/types/pc/grid/hook/useResponsiveState.d.ts +0 -2
  196. package/types/pc/statistic/util.d.ts +0 -1
  197. /package/types/pc/{statistic/Countdown.d.ts → countdown/index.d.ts} +0 -0
@@ -1,10 +1,28 @@
1
1
  import { CSSProperties, ReactNode } from 'react';
2
+ export type Value = string | number | undefined;
3
+ export type SegmentedRef = {
4
+ dom: HTMLDivElement | null;
5
+ };
6
+ export interface SizeVariables {
7
+ root: {
8
+ padding: string;
9
+ fontSize: string;
10
+ };
11
+ option: {
12
+ size: string;
13
+ padding: string;
14
+ };
15
+ }
2
16
  /**
3
17
  * 分段控制器选项类型
4
18
  */
5
19
  export interface SegmentedOption {
20
+ /** 自定义样式 */
21
+ style?: CSSProperties;
22
+ /** 自定义类名 */
23
+ className?: string | string[];
6
24
  /** 选项值 */
7
- value: string;
25
+ value: Value;
8
26
  /** 显示文本,不设置则只显示图标 */
9
27
  label?: ReactNode;
10
28
  /** 是否禁用 */
@@ -26,22 +44,26 @@ export interface SegmentedProps {
26
44
  * 分段控制器选项
27
45
  * @description 可以是字符串数组或 SegmentedOption 对象数组
28
46
  */
29
- options: (SegmentedOption | string)[];
47
+ options: (SegmentedOption | Value)[];
30
48
  /**
31
49
  * 默认选中的值
32
50
  * @description 非受控模式下使用
33
51
  */
34
- defaultValue?: string;
52
+ defaultValue?: Value;
35
53
  /**
36
54
  * 当前选中的值
37
55
  * @description 受控模式下使用
38
56
  */
39
- value?: string;
57
+ value?: Value;
40
58
  /**
41
59
  * 尺寸
42
60
  * @defaultValue 'medium'
43
61
  */
44
62
  size?: 'mini' | 'small' | 'medium' | 'large';
63
+ /**
64
+ * 间距
65
+ */
66
+ gap?: number | string;
45
67
  /**
46
68
  * 样式类型
47
69
  * @defaultValue 'default'
@@ -86,9 +108,20 @@ export interface SegmentedProps {
86
108
  * @defaultValue false
87
109
  */
88
110
  immediateTrigger?: boolean;
111
+ /**
112
+ * 是否允许通过键盘快捷键切换方向
113
+ * @default true
114
+ */
115
+ keyboardSwitch?: boolean;
116
+ /**
117
+ * @zh 是否显示分割线
118
+ * @default false
119
+ */
120
+ split?: boolean;
89
121
  /**
90
122
  * 变化时的回调函数
91
123
  * @param value - 当前选中的值
124
+ * @param option - 当前选中的选项对象,当值为 undefined 时为 undefined
92
125
  */
93
- onChange?: (value: string) => void;
126
+ onChange?: (value: Value, option: SegmentedOption | undefined) => void;
94
127
  }
@@ -1,12 +1,5 @@
1
1
  import React from 'react';
2
- import { SelectViewProps } from './interface';
3
- export type SelectViewHandle = {
4
- dom: HTMLDivElement;
5
- getRootDOMNode: () => HTMLDivElement;
6
- focus: () => void;
7
- blur: () => void;
8
- getWidth: () => number;
9
- };
2
+ import type { SelectViewProps } from './interface';
10
3
  declare const Core: React.ForwardRefExoticComponent<SelectViewProps & {
11
4
  htmlDataAttributes: Record<string, string>;
12
5
  } & React.RefAttributes<unknown>>;
@@ -1,12 +1,5 @@
1
1
  import React from 'react';
2
- import { SelectViewProps } from './interface';
2
+ import type { SelectViewHandle, SelectViewProps } from './interface';
3
3
  export type { SelectViewCommonProps, SelectViewProps } from './interface';
4
- export type SelectViewHandle = {
5
- dom: HTMLDivElement;
6
- getRootDOMNode: () => HTMLDivElement;
7
- focus: () => void;
8
- blur: () => void;
9
- getWidth: () => number;
10
- };
11
4
  declare const SelectViewComponent: React.ForwardRefExoticComponent<SelectViewProps & React.RefAttributes<SelectViewHandle>>;
12
5
  export default SelectViewComponent;
@@ -1,7 +1,7 @@
1
- import { CSSProperties, ReactElement, ReactNode } from 'react';
1
+ import type { CSSProperties, ReactElement, ReactNode } from 'react';
2
2
  import { InputTagProps } from '../input-tag';
3
3
  import { InputComponentProps } from '../input/interface';
4
- import { PopoverProps } from '../popover';
4
+ import type { PopoverProps } from '../popover';
5
5
  export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'animation' | 'renderTag' | 'dragToSort'> {
6
6
  id?: string;
7
7
  style?: CSSProperties;
@@ -142,3 +142,10 @@ export interface SelectViewProps extends SelectViewCommonProps {
142
142
  onFocus?: (e: any) => void;
143
143
  onBlur?: (e: any) => void;
144
144
  }
145
+ export type SelectViewHandle = {
146
+ dom: HTMLDivElement;
147
+ getRootDOMNode: () => HTMLDivElement;
148
+ focus: () => void;
149
+ blur: () => void;
150
+ getWidth: () => number;
151
+ };
@@ -1,9 +1,7 @@
1
- import React from 'react';
2
- import { SpaceProps } from './interface';
3
- declare const SpaceVertical: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>>;
4
- interface SpaceInterface extends React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>> {
5
- Vertical: typeof SpaceVertical;
6
- }
7
- declare const Space: SpaceInterface;
1
+ import type { SpaceProps, SpaceVerticalProps } from './interface';
2
+ declare const SpaceVertical: import("react").ForwardRefExoticComponent<SpaceVerticalProps & import("react").RefAttributes<HTMLDivElement>>;
3
+ declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>> & {
4
+ Vertical: import("react").ForwardRefExoticComponent<SpaceVerticalProps & import("react").RefAttributes<HTMLDivElement>>;
5
+ };
8
6
  export { SpaceVertical };
9
7
  export default Space;
@@ -1,16 +1,9 @@
1
- import { CSSProperties } from 'react';
2
- import { SpaceProps as CommonSpaceProps, SpaceGap } from '../../common/space/interface';
1
+ import { SpaceProps as CommonSpaceProps, SpaceVerticalProps as CommonSpaceVerticalProps, SpaceGap } from '../../common/space/interface';
3
2
  export type { SpaceGap };
4
3
  /**
5
4
  * @title Space
6
5
  */
7
6
  export interface SpaceProps extends CommonSpaceProps {
8
- /**
9
- * 自定义类名
10
- */
11
- className?: string;
12
- /**
13
- * 自定义样式
14
- */
15
- style?: CSSProperties;
7
+ }
8
+ export interface SpaceVerticalProps extends CommonSpaceVerticalProps {
16
9
  }
@@ -1,4 +1,4 @@
1
- import Countdown from './Countdown';
1
+ import Countdown from '../countdown';
2
2
  import { StatisticProps } from './interface';
3
3
  declare const ForwardRefStatistic: import("react").ForwardRefExoticComponent<StatisticProps & import("react").RefAttributes<unknown>>;
4
4
  declare const StatisticComponent: typeof ForwardRefStatistic & {
@@ -1,5 +1,6 @@
1
1
  import { Dayjs } from 'dayjs';
2
2
  import { CSSProperties, ReactNode } from 'react';
3
+ export declare const PREFIX_CLASS_STATISTIC = "statistic";
3
4
  /**
4
5
  * @title Statistic
5
6
  */
@@ -84,52 +85,3 @@ export interface StatisticProps {
84
85
  */
85
86
  loading?: boolean;
86
87
  }
87
- /**
88
- * @title Statistic.Countdown
89
- */
90
- export interface CountdownProps {
91
- style?: CSSProperties;
92
- className?: string | string[];
93
- /**
94
- * @zh 数值的样式
95
- * @en The css style of statistic's value
96
- */
97
- styleValue?: CSSProperties;
98
- /**
99
- * @zh 数值的标题
100
- * @en The title element
101
- */
102
- title?: string | ReactNode;
103
- /**
104
- * @zh 倒计时的时间
105
- * @en To set value
106
- */
107
- value?: number | string | Date | Dayjs;
108
- /**
109
- * @zh [dayjs](https://github.com/iamkun/dayjs)'s format
110
- * @en [dayjs](https://github.com/iamkun/dayjs)'s format
111
- * @defaultValue HH:mm:ss
112
- */
113
- format?: string;
114
- /**
115
- * @zh 自定义 render 函数。`valueDiff` 表示两个时间的时间差,`formattedDiff` 表示格式化后的时间差,
116
- * @en Custom render function, the input parameter is the result formatted by `dayjs`
117
- */
118
- renderFormat?: (valueDiff: number, formattedDiff: string) => ReactNode;
119
- /**
120
- * @zh 倒计时完成后触发的回调
121
- * @en Callback at the end of the countdown
122
- */
123
- onFinish?: () => void;
124
- /**
125
- * @zh 是否开始倒计时,默认为 `true`,可以通过设置该值控制倒计时的时机
126
- * @en Whether to start the countdown
127
- * @defaultValue true
128
- */
129
- start?: boolean;
130
- /**
131
- * @zh 用于修正初始化时间显示不正确
132
- * @en The current time. Used to correct the initialization time
133
- */
134
- now?: number | string | Date | Dayjs;
135
- }
@@ -1 +1 @@
1
- export { isArguments, isArray, isArrayBuffer, isArrayLike, isArrayLikeObject, isBlob, isBoolean, isBuffer, isClassComponent, isColor, isColor2, isDate, isDayjs, isDOMElement, isElement, isEmpty, isEmptyArray, isEmptyObject, isEmptyReactNode, isEmptyValue, isEqual, isEqualWith, isError, isExist, isFile, isFinite, isForwardRefReact, isFunction, isInteger, isJSON, isLength, isMap, isMatch, isMatchWith, isNaN, isNative, isNil, isNull, isNullOrUndefined, isNumber, isObject, isObjectLike, isPlainObject, isPromise, isReact18, isReact19, isReactAsyncMode, isReactComponent, isReactConcurrentMode, isReactContextConsumer, isReactContextProvider, isReactElement, isReactForwardRef, isReactFragment, isReactLazy, isReactMemo, isReactPortal, isReactProfiler, isReactStrictMode, isReactSuspense, isReactValidElementType, isReadableByteStreamControllerSupported, isReadableStream, isReadableStreamDefaultControllerSupported, isReadableStreamSupported, isReadableStreamSymbolAsyncIteratorSupported, isRegExp, isSafeInteger, isSet, isString, isSupportRef, isSymbol, isTypedArray, isUndefined, isValidColor, isWeakMap, isWeakSet, isWindow, supportRef, } from '../../common/utils/is';
1
+ export { isArguments, isArray, isArrayBuffer, isArrayLike, isArrayLikeObject, isBlob, isBoolean, isBuffer, isClassComponent, isColor, isColor2, isDate, isDayjs, isDOMElement, isElement, isEmpty, isEmptyArray, isEmptyObject, isEmptyReactNode, isEmptyValue, isEqual, isEqualWith, isError, isExist, isFile, isFinite, isForwardRefReact, isFunction, isInteger, isJSON, isLength, isMap, isMatch, isMatchWith, isNaN, isNative, isNil, isNull, isNullOrUndefined, isNumber, isObject, isObjectLike, isPlainObject, isPromise, isReact18, isReact19, isReactComponent, isReactContextConsumer, isReactContextProvider, isReactElement, isReactForwardRef, isReactFragment, isReactLazy, isReactMemo, isReactPortal, isReactProfiler, isReactStrictMode, isReactSuspense, isReactValidElementType, isReadableByteStreamControllerSupported, isReadableStream, isReadableStreamDefaultControllerSupported, isReadableStreamSupported, isReadableStreamSymbolAsyncIteratorSupported, isRegExp, isSafeInteger, isSet, isString, isSupportRef, isSymbol, isTypedArray, isUndefined, isValidColor, isWeakMap, isWeakSet, isWindow, supportRef, } from '../../common/utils/is';