@unicom-cloud/ui 0.8.98 → 0.8.100
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.
- package/Anchor.js +3 -1
- package/Badge.js +54 -7
- package/Copy.js +49 -2
- package/Flex.js +12 -0
- package/Grid.js +1 -1
- package/LiquidFill.js +60 -2
- package/Marquee.js +62 -0
- package/QrCode.js +14 -9
- package/Segmented.js +11 -0
- package/Space.js +14 -6
- package/Splitter.js +6 -0
- package/Tag.js +3 -2
- package/Tour.js +14 -9
- package/alert/index.js +38 -39
- package/anchor/index.js +5 -3
- package/badge/index.js +174 -80
- package/collapse/Collapse.js +54 -48
- package/components/common/space/index.js +90 -106
- package/copy/index.js +83 -35
- package/flex/index.js +59 -0
- package/flex/interface.js +34 -0
- package/flex/utils.js +13 -0
- package/grid/{GridItem.js → Item.js} +15 -15
- package/grid/index.js +1 -1
- package/index.js +490 -477
- package/input/Button.js +39 -34
- package/input/Textarea.js +108 -104
- package/liquid-fill/index.js +256 -2
- package/marquee/index.js +283 -0
- package/menu/Item.js +17 -16
- package/package.json +1 -1
- package/qr-code/index.js +54 -36
- package/rate/index.js +8 -8
- package/segmented/index.js +225 -0
- package/space/index.js +28 -29
- package/spin/index.js +75 -62
- package/splitter/Panel.js +39 -0
- package/splitter/SplitBar.js +157 -0
- package/splitter/Splitter.js +139 -0
- package/splitter/hooks/useEvent.js +12 -0
- package/splitter/hooks/useItems.js +26 -0
- package/splitter/hooks/useResizable.js +26 -0
- package/splitter/hooks/useResize.js +68 -0
- package/splitter/hooks/useSizes.js +60 -0
- package/splitter/index.js +7 -0
- package/splitter/interface.js +1 -0
- package/style.css +1 -1
- package/table/Table.js +1 -1
- package/table/hook/useThResizable.js +72 -26
- package/table/tbody/Td.js +80 -77
- package/table/th-resizable/index.js +92 -35
- package/tag/index.js +42 -41
- package/tooltip/index.js +89 -82
- package/tour/index.js +110 -89
- package/types/common/hooks/useMergeProps.d.ts +1 -1
- package/types/common/space/index.d.ts +7 -5
- package/types/common/space/interface.d.ts +29 -16
- package/types/pc/affix/interface.d.ts +0 -2
- package/types/pc/alert/index.d.ts +2 -2
- package/types/pc/anchor/index.d.ts +2 -1
- package/types/pc/anchor/interface.d.ts +0 -2
- package/types/pc/auto-complete/interface.d.ts +0 -6
- package/types/pc/avatar/interface.d.ts +0 -4
- package/types/pc/badge/index.d.ts +4 -4
- package/types/pc/badge/interface.d.ts +26 -0
- package/types/pc/breadcrumb/interface.d.ts +0 -3
- package/types/pc/carousel/interface.d.ts +2 -6
- package/types/pc/cascader/interface.d.ts +6 -18
- package/types/pc/checkbox/interface.d.ts +0 -1
- package/types/pc/collapse/interface.d.ts +4 -2
- package/types/pc/color-picker/interface.d.ts +0 -2
- package/types/pc/config-provider/interface.d.ts +16 -14
- package/types/pc/copy/interface.d.ts +2 -1
- package/types/pc/date-picker/RangePicker.d.ts +1 -1
- package/types/pc/date-picker/interface.d.ts +0 -17
- package/types/pc/descriptions/interface.d.ts +0 -1
- package/types/pc/drawer/interface.d.ts +0 -7
- package/types/pc/dropdown/interface.d.ts +0 -1
- package/types/pc/flex/index.d.ts +9 -0
- package/types/pc/flex/interface.d.ts +61 -0
- package/types/pc/flex/utils.d.ts +9 -0
- package/types/pc/form/interface.d.ts +9 -22
- package/types/pc/form/util.d.ts +1 -1
- package/types/pc/grid/index.d.ts +3 -3
- package/types/pc/grid/interface.d.ts +1 -6
- package/types/pc/image/interface.d.ts +0 -13
- package/types/pc/index.d.ts +16 -6
- package/types/pc/input/Textarea.d.ts +2 -6
- package/types/pc/input/interface.d.ts +5 -13
- package/types/pc/input-number/interface.d.ts +0 -4
- package/types/pc/input-tag/interface.d.ts +0 -13
- package/types/pc/layout/interface.d.ts +0 -1
- package/types/pc/link/interface.d.ts +0 -1
- package/types/pc/liquid-fill/index.d.ts +114 -1
- package/types/pc/list/interface.d.ts +0 -4
- package/types/pc/marquee/index.d.ts +61 -0
- package/types/pc/menu/context.d.ts +1 -1
- package/types/pc/menu/interface.d.ts +0 -8
- package/types/pc/message/interface.d.ts +0 -2
- package/types/pc/modal/interface.d.ts +0 -5
- package/types/pc/notification/interface.d.ts +0 -1
- package/types/pc/pagination/interface.d.ts +0 -2
- package/types/pc/popconfirm/interface.d.ts +8 -10
- package/types/pc/popover/interface.d.ts +0 -1
- package/types/pc/progress/interface.d.ts +0 -3
- package/types/pc/qr-code/index.d.ts +1 -1
- package/types/pc/rate/index.d.ts +2 -2
- package/types/pc/resize-box/interface.d.ts +1 -7
- package/types/pc/segmented/index.d.ts +8 -0
- package/types/pc/segmented/interface.d.ts +88 -0
- package/types/pc/select/interface.d.ts +0 -12
- package/types/pc/select-view/interface.d.ts +0 -7
- package/types/pc/slider/interface.d.ts +0 -4
- package/types/pc/space/index.d.ts +4 -1
- package/types/pc/space/interface.d.ts +6 -10
- package/types/pc/spin/interface.d.ts +4 -1
- package/types/pc/splitter/Panel.d.ts +8 -0
- package/types/pc/splitter/SplitBar.d.ts +21 -0
- package/types/pc/splitter/Splitter.d.ts +4 -0
- package/types/pc/splitter/hooks/useEvent.d.ts +3 -0
- package/types/pc/splitter/hooks/useItems.d.ts +10 -0
- package/types/pc/splitter/hooks/useResizable.d.ts +8 -0
- package/types/pc/splitter/hooks/useResize.d.ts +4 -0
- package/types/pc/splitter/hooks/useSizes.d.ts +5 -0
- package/types/pc/splitter/index.d.ts +8 -0
- package/types/pc/splitter/interface.d.ts +213 -0
- package/types/pc/statistic/interface.d.ts +0 -4
- package/types/pc/steps/interface.d.ts +0 -3
- package/types/pc/table/hook/useThResizable.d.ts +2 -2
- package/types/pc/table/interface.d.ts +4 -15
- package/types/pc/tabs/interface.d.ts +0 -7
- package/types/pc/tag/index.d.ts +2 -0
- package/types/pc/tag/interface.d.ts +0 -1
- package/types/pc/time-picker/interface.d.ts +0 -7
- package/types/pc/tooltip/interface.d.ts +4 -1
- package/types/pc/tour/index.d.ts +6 -1
- package/types/pc/transfer/interface.d.ts +2 -9
- package/types/pc/tree/interface.d.ts +2 -8
- package/types/pc/tree-select/interface.d.ts +0 -8
- package/types/pc/trigger/interface.d.ts +0 -5
- package/types/pc/typography/EditContent.d.ts +2 -1
- package/types/pc/typography/interface.d.ts +45 -30
- package/types/pc/upload/interface.d.ts +6 -11
- package/types/pc/utils/index.d.ts +1 -0
- package/types/pc/utils/names.d.ts +24 -0
- package/types/pc/utils/toArray.d.ts +7 -0
- package/types/pc/verification-code/interface.d.ts +0 -2
- package/types/pc/watermark/interface.d.ts +0 -2
- package/typography/Base.js +73 -73
- package/typography/EditContent.js +43 -33
- package/typography/Ellipsis.js +117 -184
- package/typography/Operations.js +97 -49
- package/typography/useCssEllipsis.js +7 -6
- package/utils/index.js +117 -115
- package/utils/names.js +16 -0
- package/utils/toArray.js +12 -0
- package/version/index.js +1 -1
- package/_virtual/_commonjsHelpers.js +0 -6
- package/_virtual/index.js +0 -7
- package/_virtual/index2.js +0 -4
- package/liquid-fill/LiquidFill.js +0 -226
- package/liquid-fill/LiquidFill2.js +0 -3
- package/space-/index.js +0 -93
- package/types/common/utils/color.d.ts +0 -1
- package/types/common/utils/computeScrollIntoView.d.ts +0 -1
- package/types/common/utils/index.d.ts +0 -45
- package/types/common/utils/math.d.ts +0 -1
- package/types/common/utils/reactTransitionGroup.d.ts +0 -1
- package/types/common/utils/tree.d.ts +0 -1
- package/types/common/utils/tween.d.ts +0 -1
- package/types/common/utils/uuid.d.ts +0 -1
- package/types/common/utils/validate.d.ts +0 -1
- package/types/pc/liquid-fill/LiquidFill.d.ts +0 -115
- package/types/pc/liquid-fill/LiquidFill2.d.ts +0 -1
- package/types/pc/space-/index.d.ts +0 -6
- package/types/pc/space-/interface.d.ts +0 -38
- /package/{space- → components/common/space}/toArray.js +0 -0
- /package/{space- → segmented}/interface.js +0 -0
- /package/types/{pc/space- → common/space}/toArray.d.ts +0 -0
- /package/types/pc/grid/{GridItem.d.ts → Item.d.ts} +0 -0
|
@@ -50,7 +50,6 @@ export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'ani
|
|
|
50
50
|
/**
|
|
51
51
|
* @zh 状态
|
|
52
52
|
* @en Status
|
|
53
|
-
* @version 2.45.0
|
|
54
53
|
*/
|
|
55
54
|
status?: 'error' | 'warning';
|
|
56
55
|
/**
|
|
@@ -66,7 +65,6 @@ export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'ani
|
|
|
66
65
|
/**
|
|
67
66
|
* @zh 最多显示多少个 `tag`,仅在多选或标签模式有效。设置 `responsive` 响应式显示标签数不建议在选项较多时使用,可能存在性能问题,
|
|
68
67
|
* @en The maximum number of `tags` is displayed, only valid in `multiple` and `label` mode. Setting the number of `responsive` responsive display tags is not recommended when there are many options, as there may be performance issues.
|
|
69
|
-
* @version Object type in 2.37.0. `responsive ` in `2.62.0`
|
|
70
68
|
*/
|
|
71
69
|
maxTagCount?: number | 'responsive' | {
|
|
72
70
|
count: number | 'responsive';
|
|
@@ -76,7 +74,6 @@ export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'ani
|
|
|
76
74
|
/**
|
|
77
75
|
* @zh 前缀。
|
|
78
76
|
* @en Customize select suffix
|
|
79
|
-
* @version 2.11.0
|
|
80
77
|
*/
|
|
81
78
|
prefix?: ReactNode;
|
|
82
79
|
/**
|
|
@@ -97,13 +94,11 @@ export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'ani
|
|
|
97
94
|
/**
|
|
98
95
|
* @zh `allowClear` 时配置清除按钮的图标。
|
|
99
96
|
* @en Configure the icon of the clear button when `allowClear`.
|
|
100
|
-
* @version 2.26.0
|
|
101
97
|
*/
|
|
102
98
|
clearIcon?: ReactNode;
|
|
103
99
|
/**
|
|
104
100
|
* @zh 设置宽度自适应。minWidth 默认为 0,maxWidth 默认为 100%
|
|
105
101
|
* @en auto width. minWidth defaults to 0, maxWidth defaults to 100%
|
|
106
|
-
* @version 2.54.0
|
|
107
102
|
*/
|
|
108
103
|
autoWidth?: boolean | {
|
|
109
104
|
minWidth?: CSSProperties['minWidth'];
|
|
@@ -112,7 +107,6 @@ export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'ani
|
|
|
112
107
|
/**
|
|
113
108
|
* @zh 选择框前添加元素
|
|
114
109
|
* @en The label text displayed before (on the left side of) the select field
|
|
115
|
-
* @version 2.41.0
|
|
116
110
|
*/
|
|
117
111
|
addBefore?: ReactNode;
|
|
118
112
|
/**
|
|
@@ -123,7 +117,6 @@ export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'ani
|
|
|
123
117
|
/**
|
|
124
118
|
* @zh 键盘输入时的回调
|
|
125
119
|
* @en Callback when keyboard pressed
|
|
126
|
-
* @version 2.40.0
|
|
127
120
|
*/
|
|
128
121
|
onKeyDown?: (e: any) => void;
|
|
129
122
|
}
|
|
@@ -37,7 +37,6 @@ export interface SliderProps {
|
|
|
37
37
|
/**
|
|
38
38
|
* @zh 是否是范围选择
|
|
39
39
|
* @en Whether to allow range selection
|
|
40
|
-
* @version 2.14.0
|
|
41
40
|
*/
|
|
42
41
|
range?: boolean | {
|
|
43
42
|
draggableBar: boolean;
|
|
@@ -61,7 +60,6 @@ export interface SliderProps {
|
|
|
61
60
|
/**
|
|
62
61
|
* @zh 针对区间配置,返回区间步长和相对于整个滑动轴的宽度比例(如 0.5 或 "50%")。**只在`marks`场景下生效**
|
|
63
62
|
* @en For interval configuration, returns the interval step size and the ratio of the width relative to the entire sliding axis (e.g. 0.5 or "50%"). **Only valid in `marks` scene**
|
|
64
|
-
* @version 2.30.0
|
|
65
63
|
*/
|
|
66
64
|
getIntervalConfig?: (range: number[], index: number) => {
|
|
67
65
|
step?: number;
|
|
@@ -90,7 +88,6 @@ export interface SliderProps {
|
|
|
90
88
|
/**
|
|
91
89
|
* @zh 是否展示输入框,`onlyMarkValue` 为 `true` 或范围内多点选择时输入框始终隐藏。可接受 `InputNumber` 的 `props`。
|
|
92
90
|
* @en Whether to display the input box. When setting `onlyMarkValue` to `true` or selecting multiple points within the range, the input box will never be displayed. Accepts `props` for `InputNumber`.
|
|
93
|
-
* @version `InputNumberProps` in `2.32.0`
|
|
94
91
|
*/
|
|
95
92
|
showInput?: boolean | InputNumberProps | InputNumberProps[];
|
|
96
93
|
/**
|
|
@@ -111,7 +108,6 @@ export interface SliderProps {
|
|
|
111
108
|
/**
|
|
112
109
|
* @zh 触发时机在 `mouseup`,参数是当前值
|
|
113
110
|
* @en Callback when `onmouseup` is fired
|
|
114
|
-
* @version 2.20.0
|
|
115
111
|
*/
|
|
116
112
|
onAfterChange?: (val: number | number[]) => void;
|
|
117
113
|
/**
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { SpaceVertical as SpaceVerticalCommon } from '../../common/space';
|
|
2
3
|
import { SpaceProps } from './interface';
|
|
3
|
-
declare const Space:
|
|
4
|
+
declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>> & {
|
|
5
|
+
Vertical: typeof SpaceVerticalCommon;
|
|
6
|
+
};
|
|
4
7
|
export { SpaceVerticalCommon as SpaceVertical };
|
|
5
8
|
export default Space;
|
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SpaceProps as CommonSpaceProps, SpaceGap } from '../../common/space/interface';
|
|
3
3
|
export type { SpaceGap };
|
|
4
4
|
/**
|
|
5
5
|
* @title Space
|
|
6
6
|
*/
|
|
7
|
-
export interface SpaceProps extends
|
|
8
|
-
style?: CSSProperties;
|
|
7
|
+
export interface SpaceProps extends CommonSpaceProps {
|
|
9
8
|
/**
|
|
10
|
-
*
|
|
11
|
-
* @defaultValue small
|
|
12
|
-
* @deprecated
|
|
9
|
+
* 自定义类名
|
|
13
10
|
*/
|
|
14
|
-
|
|
11
|
+
className?: string;
|
|
15
12
|
/**
|
|
16
|
-
*
|
|
17
|
-
* @deprecated
|
|
13
|
+
* 自定义样式
|
|
18
14
|
*/
|
|
19
|
-
|
|
15
|
+
style?: CSSProperties;
|
|
20
16
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { InternalPanelProps, PanelProps } from './interface';
|
|
3
|
+
declare const InternalPanel: React.ForwardRefExoticComponent<InternalPanelProps & {
|
|
4
|
+
children?: React.ReactNode | undefined;
|
|
5
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const Panel: React.FC<React.PropsWithChildren<PanelProps>>;
|
|
7
|
+
export default Panel;
|
|
8
|
+
export { InternalPanel };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface SplitBarProps {
|
|
3
|
+
index: number;
|
|
4
|
+
active: boolean;
|
|
5
|
+
prefixCls?: string;
|
|
6
|
+
resizable: boolean;
|
|
7
|
+
startCollapsible: boolean;
|
|
8
|
+
endCollapsible: boolean;
|
|
9
|
+
onOffsetStart: (index: number) => void;
|
|
10
|
+
onOffsetUpdate: (index: number, offsetX: number, offsetY: number, lazyEnd?: boolean) => void;
|
|
11
|
+
onOffsetEnd: (lazyEnd?: boolean) => void;
|
|
12
|
+
onCollapse: (index: number, type: 'start' | 'end') => void;
|
|
13
|
+
vertical: boolean;
|
|
14
|
+
ariaNow: number;
|
|
15
|
+
ariaMin: number;
|
|
16
|
+
ariaMax: number;
|
|
17
|
+
lazy?: boolean;
|
|
18
|
+
containerSize: number;
|
|
19
|
+
}
|
|
20
|
+
declare const SplitBar: React.FC<SplitBarProps>;
|
|
21
|
+
export default SplitBar;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PanelProps } from '../interface';
|
|
3
|
+
export type ItemType = Omit<PanelProps, 'collapsible'> & {
|
|
4
|
+
collapsible: {
|
|
5
|
+
start?: boolean;
|
|
6
|
+
end?: boolean;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
declare function useItems(children: React.ReactNode): ItemType[];
|
|
10
|
+
export default useItems;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ItemType } from './useItems';
|
|
2
|
+
export type ResizableInfo = {
|
|
3
|
+
resizable: boolean;
|
|
4
|
+
startCollapsible: boolean;
|
|
5
|
+
endCollapsible: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare function useResizable(items: ItemType[], pxSizes: number[], isRTL: boolean | undefined): ResizableInfo[];
|
|
8
|
+
export default useResizable;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ItemType } from './useItems';
|
|
2
|
+
import type { ResizableInfo } from './useResizable';
|
|
3
|
+
declare function useResize(items: ItemType[], resizableInfos: ResizableInfo[], percentSizes: number[], containerSize: number | undefined, updateSizes: (sizes: number[]) => void, isRTL: boolean | undefined): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: "start" | "end") => number[], number | undefined];
|
|
4
|
+
export default useResize;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PanelProps } from '../interface';
|
|
3
|
+
export declare function getPtg(str: string): number;
|
|
4
|
+
declare function useSizes(items: PanelProps[], containerSize?: number): readonly [(string | number | undefined)[], number[], number[], number[], number[], React.Dispatch<React.SetStateAction<(string | number | undefined)[]>>];
|
|
5
|
+
export default useSizes;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import Panel from './Panel';
|
|
2
|
+
import Splitter from './Splitter';
|
|
3
|
+
export type { SplitterProps } from './interface';
|
|
4
|
+
type CompoundedComponent = typeof Splitter & {
|
|
5
|
+
Panel: typeof Panel;
|
|
6
|
+
};
|
|
7
|
+
declare const SplitterComponent: CompoundedComponent;
|
|
8
|
+
export default SplitterComponent;
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Splitter 组件属性接口
|
|
4
|
+
*/
|
|
5
|
+
export interface SplitterProps {
|
|
6
|
+
/**
|
|
7
|
+
* @zh 自定义类名前缀
|
|
8
|
+
* @en Custom prefix class name
|
|
9
|
+
*/
|
|
10
|
+
prefixCls?: string;
|
|
11
|
+
/**
|
|
12
|
+
* @zh 自定义类名(字符串或数组)
|
|
13
|
+
* @en Custom class name (string or array)
|
|
14
|
+
*/
|
|
15
|
+
className?: string | string[];
|
|
16
|
+
/**
|
|
17
|
+
* @zh 自定义样式
|
|
18
|
+
* @en Custom style
|
|
19
|
+
*/
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
/**
|
|
22
|
+
* @zh 根节点类名
|
|
23
|
+
* @en Root node class name
|
|
24
|
+
*/
|
|
25
|
+
rootClassName?: string;
|
|
26
|
+
/**
|
|
27
|
+
* @zh 布局方向
|
|
28
|
+
* @defaultValue 'horizontal'
|
|
29
|
+
* @en Layout direction
|
|
30
|
+
*/
|
|
31
|
+
layout?: 'horizontal' | 'vertical';
|
|
32
|
+
/**
|
|
33
|
+
* @zh 开始调整大小时的回调
|
|
34
|
+
* @en Callback when resize starts
|
|
35
|
+
* @param sizes - 各面板当前尺寸数组
|
|
36
|
+
*/
|
|
37
|
+
onResizeStart?: (sizes: number[]) => void;
|
|
38
|
+
/**
|
|
39
|
+
* @zh 调整大小过程中的回调
|
|
40
|
+
* @en Callback during resizing
|
|
41
|
+
* @param sizes - 各面板当前尺寸数组
|
|
42
|
+
*/
|
|
43
|
+
onResize?: (sizes: number[]) => void;
|
|
44
|
+
/**
|
|
45
|
+
* @zh 调整大小结束时的回调
|
|
46
|
+
* @en Callback when resize ends
|
|
47
|
+
* @param sizes - 各面板最终尺寸数组
|
|
48
|
+
*/
|
|
49
|
+
onResizeEnd?: (sizes: number[]) => void;
|
|
50
|
+
/**
|
|
51
|
+
* @zh 是否启用懒加载模式(只在拖动结束时触发回调)
|
|
52
|
+
* @en Whether to enable lazy mode (only trigger callback when drag ends)
|
|
53
|
+
*/
|
|
54
|
+
lazy?: boolean;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Splitter.Panel 组件属性接口
|
|
58
|
+
*/
|
|
59
|
+
export interface PanelProps {
|
|
60
|
+
/**
|
|
61
|
+
* @zh 自定义类名(字符串或数组)
|
|
62
|
+
* @en Custom class name (string or array)
|
|
63
|
+
*/
|
|
64
|
+
className?: string | string[];
|
|
65
|
+
/**
|
|
66
|
+
* @zh 自定义样式
|
|
67
|
+
* @en Custom style
|
|
68
|
+
*/
|
|
69
|
+
style?: React.CSSProperties;
|
|
70
|
+
/**
|
|
71
|
+
* @zh 最小尺寸(像素或百分比字符串,如 "20%")
|
|
72
|
+
* @en Minimum size (pixels or percentage string e.g. "20%")
|
|
73
|
+
*/
|
|
74
|
+
min?: number | string;
|
|
75
|
+
/**
|
|
76
|
+
* @zh 最大尺寸(像素或百分比字符串)
|
|
77
|
+
* @en Maximum size (pixels or percentage string)
|
|
78
|
+
*/
|
|
79
|
+
max?: number | string;
|
|
80
|
+
/**
|
|
81
|
+
* @zh 当前尺寸(像素或百分比字符串)
|
|
82
|
+
* @en Current size (pixels or percentage string)
|
|
83
|
+
*/
|
|
84
|
+
size?: number | string;
|
|
85
|
+
/**
|
|
86
|
+
* @zh 是否可折叠(或配置具体哪边可折叠)
|
|
87
|
+
* @en Whether collapsible (or configure which side is collapsible)
|
|
88
|
+
*/
|
|
89
|
+
collapsible?: boolean | {
|
|
90
|
+
/** @zh 起始边是否可折叠 */
|
|
91
|
+
start?: boolean;
|
|
92
|
+
/** @zh 结束边是否可折叠 */
|
|
93
|
+
end?: boolean;
|
|
94
|
+
};
|
|
95
|
+
/**
|
|
96
|
+
* @zh 是否可调整大小
|
|
97
|
+
* @defaultValue true
|
|
98
|
+
* @en Whether resizable
|
|
99
|
+
*/
|
|
100
|
+
resizable?: boolean;
|
|
101
|
+
/**
|
|
102
|
+
* @zh 默认尺寸(像素或百分比字符串)
|
|
103
|
+
* @en Default size (pixels or percentage string)
|
|
104
|
+
*/
|
|
105
|
+
defaultSize?: number | string;
|
|
106
|
+
}
|
|
107
|
+
/**
|
|
108
|
+
* 内部使用的 Panel 组件属性(继承自 PanelProps 并扩展)
|
|
109
|
+
*/
|
|
110
|
+
export interface InternalPanelProps extends PanelProps {
|
|
111
|
+
/** @zh 类名前缀 */
|
|
112
|
+
prefixCls?: string;
|
|
113
|
+
}
|
|
114
|
+
/**
|
|
115
|
+
* 调整大小相关属性
|
|
116
|
+
*/
|
|
117
|
+
export interface UseResizeProps extends Pick<SplitterProps, 'onResize'> {
|
|
118
|
+
/** @zh 基础尺寸状态 */
|
|
119
|
+
basicsState: number[];
|
|
120
|
+
/** @zh 面板项数组 */
|
|
121
|
+
items: PanelProps[];
|
|
122
|
+
/** @zh 面板引用数组 */
|
|
123
|
+
panelsRef: React.RefObject<(HTMLDivElement | null)[]>;
|
|
124
|
+
/** @zh 是否反向(RTL模式) */
|
|
125
|
+
reverse: boolean;
|
|
126
|
+
/** @zh 设置基础尺寸状态的函数 */
|
|
127
|
+
setBasicsState: React.Dispatch<React.SetStateAction<number[]>>;
|
|
128
|
+
}
|
|
129
|
+
/**
|
|
130
|
+
* 调整大小返回值接口
|
|
131
|
+
*/
|
|
132
|
+
export interface UseResize {
|
|
133
|
+
/** @zh 设置尺寸函数 */
|
|
134
|
+
setSize: (data: {
|
|
135
|
+
size: number;
|
|
136
|
+
index: number;
|
|
137
|
+
}[]) => void;
|
|
138
|
+
/** @zh 设置偏移量函数 */
|
|
139
|
+
setOffset: (offset: number, containerSize: number, index: number) => void;
|
|
140
|
+
}
|
|
141
|
+
/**
|
|
142
|
+
* 拖拽处理相关属性
|
|
143
|
+
*/
|
|
144
|
+
export interface UseHandleProps extends Pick<SplitterProps, 'layout' | 'onResizeStart' | 'onResizeEnd'> {
|
|
145
|
+
/** @zh 基础尺寸状态 */
|
|
146
|
+
basicsState: number[];
|
|
147
|
+
/** @zh 容器引用 */
|
|
148
|
+
containerRef?: React.RefObject<HTMLDivElement | null>;
|
|
149
|
+
/** @zh 设置偏移量函数 */
|
|
150
|
+
setOffset: UseResize['setOffset'];
|
|
151
|
+
/** @zh 设置调整状态函数 */
|
|
152
|
+
setResizing: React.Dispatch<React.SetStateAction<boolean>>;
|
|
153
|
+
}
|
|
154
|
+
/**
|
|
155
|
+
* 拖拽处理返回值接口
|
|
156
|
+
*/
|
|
157
|
+
export interface UseHandle {
|
|
158
|
+
/** @zh 开始拖拽函数 */
|
|
159
|
+
onStart: (x: number, y: number, index: number) => void;
|
|
160
|
+
}
|
|
161
|
+
/**
|
|
162
|
+
* 可折叠相关属性
|
|
163
|
+
*/
|
|
164
|
+
export interface UseCollapsibleProps {
|
|
165
|
+
/** @zh 基础尺寸状态 */
|
|
166
|
+
basicsState: number[];
|
|
167
|
+
/** @zh 可折叠配置 */
|
|
168
|
+
collapsible?: PanelProps['collapsible'];
|
|
169
|
+
/** @zh 当前索引 */
|
|
170
|
+
index: number;
|
|
171
|
+
/** @zh 是否反向 */
|
|
172
|
+
reverse: boolean;
|
|
173
|
+
/** @zh 设置尺寸函数 */
|
|
174
|
+
setSize?: UseResize['setSize'];
|
|
175
|
+
}
|
|
176
|
+
/**
|
|
177
|
+
* 可折叠返回值接口
|
|
178
|
+
*/
|
|
179
|
+
export interface UseCollapsible {
|
|
180
|
+
/** @zh 是否显示下一个图标 */
|
|
181
|
+
nextIcon: boolean;
|
|
182
|
+
/** @zh 是否重叠 */
|
|
183
|
+
overlap: boolean;
|
|
184
|
+
/** @zh 是否显示上一个图标 */
|
|
185
|
+
previousIcon: boolean;
|
|
186
|
+
/** @zh 折叠/展开函数 */
|
|
187
|
+
onFold: (type: 'previous' | 'next') => void;
|
|
188
|
+
/** @zh 保存旧尺寸函数 */
|
|
189
|
+
setOldBasics: () => void;
|
|
190
|
+
}
|
|
191
|
+
/**
|
|
192
|
+
* 可调整大小信息接口
|
|
193
|
+
*/
|
|
194
|
+
export interface ResizableInfo {
|
|
195
|
+
/** @zh 是否可调整大小 */
|
|
196
|
+
resizable: boolean;
|
|
197
|
+
/** @zh 起始边是否可折叠 */
|
|
198
|
+
startCollapsible: boolean;
|
|
199
|
+
/** @zh 结束边是否可折叠 */
|
|
200
|
+
endCollapsible: boolean;
|
|
201
|
+
}
|
|
202
|
+
/**
|
|
203
|
+
* 面板项类型(用于内部处理)
|
|
204
|
+
*/
|
|
205
|
+
export interface PanelItemType extends Omit<PanelProps, 'collapsible'> {
|
|
206
|
+
/** @zh 可折叠配置 */
|
|
207
|
+
collapsible: {
|
|
208
|
+
/** @zh 起始边是否可折叠 */
|
|
209
|
+
start?: boolean;
|
|
210
|
+
/** @zh 结束边是否可折叠 */
|
|
211
|
+
end?: boolean;
|
|
212
|
+
};
|
|
213
|
+
}
|
|
@@ -14,7 +14,6 @@ export interface StatisticProps {
|
|
|
14
14
|
/**
|
|
15
15
|
* @zh 数值小数部分的样式
|
|
16
16
|
* @en The style of the decimal part of the value
|
|
17
|
-
* @version 2.47.0
|
|
18
17
|
*/
|
|
19
18
|
styleDecimal?: CSSProperties;
|
|
20
19
|
/**
|
|
@@ -77,13 +76,11 @@ export interface StatisticProps {
|
|
|
77
76
|
/**
|
|
78
77
|
* @zh 自定义 render 函数。`formattedValue` 表示格式化后的值。
|
|
79
78
|
* @en Custom render function. `formattedValue` represents the formatted value.
|
|
80
|
-
* @version 2.36.0
|
|
81
79
|
*/
|
|
82
80
|
renderFormat?: (value: StatisticProps['value'], formattedValue: string) => ReactNode;
|
|
83
81
|
/**
|
|
84
82
|
* @zh 数字是否加载中
|
|
85
83
|
* @en Is the number loading
|
|
86
|
-
* @version 2.20.0
|
|
87
84
|
*/
|
|
88
85
|
loading?: boolean;
|
|
89
86
|
}
|
|
@@ -117,7 +114,6 @@ export interface CountdownProps {
|
|
|
117
114
|
/**
|
|
118
115
|
* @zh 自定义 render 函数。`valueDiff` 表示两个时间的时间差,`formattedDiff` 表示格式化后的时间差,
|
|
119
116
|
* @en Custom render function, the input parameter is the result formatted by `dayjs`
|
|
120
|
-
* @version 2.36.0
|
|
121
117
|
*/
|
|
122
118
|
renderFormat?: (valueDiff: number, formattedDiff: string) => ReactNode;
|
|
123
119
|
/**
|
|
@@ -70,13 +70,11 @@ export interface StepProps {
|
|
|
70
70
|
/**
|
|
71
71
|
* @zh 节点样式
|
|
72
72
|
* @en The additional css style
|
|
73
|
-
* @version 2.11.0
|
|
74
73
|
*/
|
|
75
74
|
style?: CSSProperties;
|
|
76
75
|
/**
|
|
77
76
|
* @zh 节点类名
|
|
78
77
|
* @en The additional css className
|
|
79
|
-
* @version 2.11.0
|
|
80
78
|
*/
|
|
81
79
|
className?: string | string[];
|
|
82
80
|
prefixCls?: string;
|
|
@@ -92,7 +90,6 @@ export interface StepProps {
|
|
|
92
90
|
/**
|
|
93
91
|
* @zh 点击回调
|
|
94
92
|
* @en Callback when item is clicked
|
|
95
|
-
* @version `e` in `2.40.0`
|
|
96
93
|
*/
|
|
97
94
|
onClick?: (index: number, id: any, e: any) => void;
|
|
98
95
|
onChange?: (index: number, id: any) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default useThResizable;
|
|
2
|
-
declare function useThResizable(props?: {}): {
|
|
2
|
+
declare function useThResizable(props?: {}, deps?: any[]): {
|
|
3
3
|
columns: any;
|
|
4
|
-
setColumns(
|
|
4
|
+
setColumns(c: any): void;
|
|
5
5
|
ThResizable: typeof ThResizable;
|
|
6
6
|
};
|
|
7
7
|
import ThResizable from '../th-resizable';
|
|
@@ -125,7 +125,6 @@ export interface TableProps<T = any> {
|
|
|
125
125
|
* @en
|
|
126
126
|
* Whether the header shows the tooltip for the next sorting. The object can be set,
|
|
127
127
|
* and all the parameters of the `Tooltip` component can be passed.
|
|
128
|
-
* @version 2.19.0
|
|
129
128
|
* @defaultValue true
|
|
130
129
|
*/
|
|
131
130
|
showSorterTooltip?: boolean | TooltipProps;
|
|
@@ -142,7 +141,6 @@ export interface TableProps<T = any> {
|
|
|
142
141
|
/**
|
|
143
142
|
* @zh 分页、排序、筛选时的回调
|
|
144
143
|
* @en Callback when pagination, sorting, and filtering changes
|
|
145
|
-
* @version extra in `2.19.0`, currentAllData in 2.53.0
|
|
146
144
|
*/
|
|
147
145
|
onChange?: (pagination: PaginationProps, sorter: SorterInfo | SorterInfo[], filters: Partial<Record<keyof T, string[]>>, extra: {
|
|
148
146
|
currentData: T[];
|
|
@@ -157,7 +155,6 @@ export interface TableProps<T = any> {
|
|
|
157
155
|
/**
|
|
158
156
|
* @zh 自定义分页渲染。
|
|
159
157
|
* @en Customized pagination render
|
|
160
|
-
* @version 2.11.0
|
|
161
158
|
*/
|
|
162
159
|
renderPagination?: (paginationNode?: ReactNode) => ReactNode;
|
|
163
160
|
/**
|
|
@@ -196,7 +193,6 @@ export interface TableProps<T = any> {
|
|
|
196
193
|
/**
|
|
197
194
|
* @zh 当单元格内容为空时,显示占位符,优先级低于 `column.placeholder`。
|
|
198
195
|
* @en When the cell content is empty, a placeholder is displayed, and the priority is lower than `column.placeholder`.
|
|
199
|
-
* @version 2.23.0
|
|
200
196
|
*/
|
|
201
197
|
placeholder?: ReactNode;
|
|
202
198
|
/**
|
|
@@ -240,13 +236,11 @@ export interface TableProps<T = any> {
|
|
|
240
236
|
* 用于配置虚拟滚动。
|
|
241
237
|
* @en
|
|
242
238
|
* Used to configure `VirtualList`.
|
|
243
|
-
* @version 2.46.0
|
|
244
239
|
*/
|
|
245
240
|
virtualListProps?: AvailableVirtualListProps;
|
|
246
241
|
/**
|
|
247
242
|
* @zh 总结栏
|
|
248
243
|
* @en Table Summary
|
|
249
|
-
* @version 2.17.0
|
|
250
244
|
*/
|
|
251
245
|
summary?: (currentData?: T[]) => ReactNode;
|
|
252
246
|
}
|
|
@@ -265,7 +259,6 @@ export interface RowSelectionProps<T = any> {
|
|
|
265
259
|
/**
|
|
266
260
|
* @zh 设置为 `false` 的时候父子选择会自动关联。
|
|
267
261
|
* @en When set to `false`, parent-child selections are automatically associated.
|
|
268
|
-
* @version 2.33.0
|
|
269
262
|
* @defaultValue true
|
|
270
263
|
*/
|
|
271
264
|
checkStrictly?: boolean;
|
|
@@ -304,25 +297,21 @@ export interface RowSelectionProps<T = any> {
|
|
|
304
297
|
/**
|
|
305
298
|
* @zh 用户手动选择/取消选择的回调
|
|
306
299
|
* @en Callback for user manual selection/deselection
|
|
307
|
-
* @version 2.22.0
|
|
308
300
|
*/
|
|
309
301
|
onSelect?: (selected: boolean, record: T, selectedRows: T[]) => void;
|
|
310
302
|
/**
|
|
311
303
|
* @zh 用户手动选择/取消选择所有行的回调
|
|
312
304
|
* @en Callback when the user to manually select/deselect all rows
|
|
313
|
-
* @version 2.6.0
|
|
314
305
|
*/
|
|
315
306
|
onSelectAll?: (selected: boolean, selectedRows: any) => void;
|
|
316
307
|
/**
|
|
317
308
|
* @zh 在数据项被删除时仍然保留选项的 `key`
|
|
318
309
|
* @en The `key` is still retained in `selectedRowKeys` when the data item is deleted
|
|
319
|
-
* @version 2.19.0
|
|
320
310
|
*/
|
|
321
311
|
preserveSelectedRowKeys?: boolean;
|
|
322
312
|
/**
|
|
323
313
|
* @zh 定制复选框,用法与 `column.render` 相同。
|
|
324
314
|
* @en Customize checkbox, the usage is same as `column.render`.
|
|
325
|
-
* @version 2.19.0
|
|
326
315
|
*/
|
|
327
316
|
renderCell?: (originNode: any, checked: boolean, record: T) => ReactNode;
|
|
328
317
|
/**
|
|
@@ -368,20 +357,17 @@ export interface ExpandProps<T = any> {
|
|
|
368
357
|
* @en
|
|
369
358
|
* Whether to allow row expansion. If this parameter is not specified,
|
|
370
359
|
* it will be determined by whether expandedRowRender has a return value. When performance problems occur, rowExpandable is recommended.
|
|
371
|
-
* @version 2.16.0
|
|
372
360
|
*/
|
|
373
361
|
rowExpandable?: (record: T) => boolean;
|
|
374
362
|
/**
|
|
375
363
|
* @zh 支持通过点击行来展开
|
|
376
364
|
* @en Clicking on the row to expand
|
|
377
|
-
* @version 2.19.0
|
|
378
365
|
*/
|
|
379
366
|
expandRowByClick?: boolean;
|
|
380
367
|
/**
|
|
381
368
|
* @zh 树形数据时,只有 `children` 是数组且长度大于 1 才显示展开图标。
|
|
382
369
|
* @en For tree data, only when `children` is an array and the length is greater than 1, the expand icon will be displayed.
|
|
383
370
|
* @defaultValue true
|
|
384
|
-
* @version 2.27.0
|
|
385
371
|
*/
|
|
386
372
|
strictTreeData?: boolean;
|
|
387
373
|
}
|
|
@@ -458,7 +444,6 @@ export interface ColumnProps<T = unknown> {
|
|
|
458
444
|
/**
|
|
459
445
|
* @zh 当单元格内容为空时,显示占位符,优先级低于 `render`。
|
|
460
446
|
* @en When the cell content is empty, a placeholder is displayed, and the priority is lower than `render`.
|
|
461
|
-
* @version 2.22.0
|
|
462
447
|
*/
|
|
463
448
|
placeholder?: ReactNode;
|
|
464
449
|
/**
|
|
@@ -572,6 +557,10 @@ export interface ColumnProps<T = unknown> {
|
|
|
572
557
|
columnFixedStyle?: CSSProperties;
|
|
573
558
|
column?: any;
|
|
574
559
|
[key: string]: any;
|
|
560
|
+
tooltip: TooltipProps & {
|
|
561
|
+
show: boolean;
|
|
562
|
+
render?: (record: any, trIndex: any, column: any) => ReactNode;
|
|
563
|
+
};
|
|
575
564
|
}
|
|
576
565
|
export type InternalColumnProps<T = any> = ColumnProps<T> & {
|
|
577
566
|
$$isOperation?: boolean;
|
|
@@ -50,7 +50,6 @@ export interface TabsProps {
|
|
|
50
50
|
/**
|
|
51
51
|
* @zh 定制下划线尺寸
|
|
52
52
|
* @en custom the size of underline
|
|
53
|
-
* @version 2.54.0
|
|
54
53
|
*/
|
|
55
54
|
inkBarSize?: {
|
|
56
55
|
width?: CSSProperties['width'];
|
|
@@ -60,7 +59,6 @@ export interface TabsProps {
|
|
|
60
59
|
* @zh 选项卡头部是否存在水平边距。仅对 `type`等于 `line`、`text`类型的选项卡生效
|
|
61
60
|
* @en Whether there is a horizontal margin on the tab. It only effect when `type` is `line` or `text`
|
|
62
61
|
* @defaultValue true
|
|
63
|
-
* @version 2.6.0
|
|
64
62
|
*/
|
|
65
63
|
headerPadding?: boolean;
|
|
66
64
|
/**
|
|
@@ -83,7 +81,6 @@ export interface TabsProps {
|
|
|
83
81
|
/**
|
|
84
82
|
* @zh 标签页头部 编辑/滚动/下拉 图标配置。对于不想展示的图标可以将其设置为`null`
|
|
85
83
|
* @en Tab header edit/scroll/dropdown icon configuration. You can set it to `null` for icons you don't want to display
|
|
86
|
-
* @version 2.15.0, `prev`,`next`,`dropdown` in `2.47.0`
|
|
87
84
|
*/
|
|
88
85
|
icons?: {
|
|
89
86
|
add?: ReactNode;
|
|
@@ -96,7 +93,6 @@ export interface TabsProps {
|
|
|
96
93
|
* @zh 是否在标签增减后,自动进行滚动调整(`editable`为`true`时生效)
|
|
97
94
|
* @en Whether to automatically scroll to the selected label after the label is dynamically increased or decreased (only effective when `editable` is `true`)
|
|
98
95
|
* @defaultValue { add: true, delete: true }
|
|
99
|
-
* @version 2.25.0
|
|
100
96
|
*/
|
|
101
97
|
scrollAfterEdit?: {
|
|
102
98
|
delete?: boolean;
|
|
@@ -126,19 +122,16 @@ export interface TabsProps {
|
|
|
126
122
|
/**
|
|
127
123
|
* @zh 自定义删除按钮
|
|
128
124
|
* @en Custom delete button
|
|
129
|
-
* @version 2.16.0
|
|
130
125
|
*/
|
|
131
126
|
deleteButton?: ReactNode;
|
|
132
127
|
/**
|
|
133
128
|
* @zh 自定义新增按钮
|
|
134
129
|
* @en Custom add button
|
|
135
|
-
* @version 2.16.0
|
|
136
130
|
*/
|
|
137
131
|
addButton?: ReactNode;
|
|
138
132
|
/**
|
|
139
133
|
* @zh 被选中 tab 的滚动位置,默认 auto 即会将 activeTab 滚动到可见区域,但不会特意做位置调整
|
|
140
134
|
* @en The scroll position of the selected tab, the default auto will scroll the activeTab to the visible area, but will not adjust the position intentionally
|
|
141
|
-
* @version 2.25.0
|
|
142
135
|
* @defaultValue auto
|
|
143
136
|
*/
|
|
144
137
|
scrollPosition?: 'start' | 'end' | 'center' | 'auto' | number;
|
package/types/pc/tag/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { TagProps } from './interface';
|
|
2
|
+
declare const COLORS: string[];
|
|
2
3
|
declare const TagComponent: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<unknown>>;
|
|
4
|
+
export { COLORS as TAG_COLORS };
|
|
3
5
|
export default TagComponent;
|
|
4
6
|
export type { TagProps };
|