@douyinfe/semi-ui 2.19.0-alpha.9 → 2.19.0-beta.0

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 (89) hide show
  1. package/_utils/index.ts +9 -5
  2. package/dist/css/semi.css +2 -7
  3. package/dist/css/semi.min.css +1 -1
  4. package/dist/umd/semi-ui.js +271 -258
  5. package/dist/umd/semi-ui.js.map +1 -1
  6. package/dist/umd/semi-ui.min.js +1 -1
  7. package/dist/umd/semi-ui.min.js.map +1 -1
  8. package/form/interface.ts +1 -1
  9. package/lib/cjs/_utils/index.js +4 -1
  10. package/lib/cjs/anchor/index.d.ts +1 -1
  11. package/lib/cjs/autoComplete/index.d.ts +1 -1
  12. package/lib/cjs/button/Button.d.ts +2 -2
  13. package/lib/cjs/button/buttonGroup.d.ts +1 -1
  14. package/lib/cjs/button/index.d.ts +1 -1
  15. package/lib/cjs/carousel/CarouselIndicator.d.ts +2 -2
  16. package/lib/cjs/carousel/index.d.ts +3 -3
  17. package/lib/cjs/cascader/index.d.ts +1 -1
  18. package/lib/cjs/cascader/item.d.ts +1 -1
  19. package/lib/cjs/datePicker/dateInput.d.ts +1 -1
  20. package/lib/cjs/datePicker/datePicker.d.ts +3 -3
  21. package/lib/cjs/datePicker/monthsGrid.d.ts +3 -3
  22. package/lib/cjs/datePicker/quickControl.d.ts +1 -1
  23. package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
  24. package/lib/cjs/dropdown/index.d.ts +1 -1
  25. package/lib/cjs/form/baseForm.d.ts +1 -1
  26. package/lib/cjs/form/field.d.ts +1 -1
  27. package/lib/cjs/form/interface.d.ts +1 -1
  28. package/lib/cjs/popconfirm/index.js +6 -6
  29. package/lib/cjs/popover/index.d.ts +2 -2
  30. package/lib/cjs/radio/radio.d.ts +1 -1
  31. package/lib/cjs/radio/radioGroup.d.ts +1 -1
  32. package/lib/cjs/select/index.d.ts +1 -1
  33. package/lib/cjs/table/Table.d.ts +2 -2
  34. package/lib/cjs/tabs/interface.d.ts +3 -2
  35. package/lib/cjs/tag/group.d.ts +1 -15
  36. package/lib/cjs/tag/interface.d.ts +6 -3
  37. package/lib/cjs/timePicker/TimePicker.d.ts +2 -2
  38. package/lib/cjs/timePicker/TimeShape.d.ts +1 -1
  39. package/lib/cjs/timePicker/index.d.ts +2 -2
  40. package/lib/cjs/tooltip/index.d.ts +2 -2
  41. package/lib/cjs/typography/base.d.ts +1 -1
  42. package/lib/cjs/typography/paragraph.d.ts +1 -1
  43. package/lib/cjs/typography/text.d.ts +1 -1
  44. package/lib/cjs/typography/title.d.ts +1 -1
  45. package/lib/cjs/upload/index.d.ts +1 -1
  46. package/lib/es/_utils/index.js +4 -1
  47. package/lib/es/anchor/index.d.ts +1 -1
  48. package/lib/es/autoComplete/index.d.ts +1 -1
  49. package/lib/es/button/Button.d.ts +2 -2
  50. package/lib/es/button/buttonGroup.d.ts +1 -1
  51. package/lib/es/button/index.d.ts +1 -1
  52. package/lib/es/carousel/CarouselIndicator.d.ts +2 -2
  53. package/lib/es/carousel/index.d.ts +3 -3
  54. package/lib/es/cascader/index.d.ts +1 -1
  55. package/lib/es/cascader/item.d.ts +1 -1
  56. package/lib/es/datePicker/dateInput.d.ts +1 -1
  57. package/lib/es/datePicker/datePicker.d.ts +3 -3
  58. package/lib/es/datePicker/monthsGrid.d.ts +3 -3
  59. package/lib/es/datePicker/quickControl.d.ts +1 -1
  60. package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
  61. package/lib/es/dropdown/index.d.ts +1 -1
  62. package/lib/es/form/baseForm.d.ts +1 -1
  63. package/lib/es/form/field.d.ts +1 -1
  64. package/lib/es/form/interface.d.ts +1 -1
  65. package/lib/es/popconfirm/index.js +6 -6
  66. package/lib/es/popover/index.d.ts +2 -2
  67. package/lib/es/radio/radio.d.ts +1 -1
  68. package/lib/es/radio/radioGroup.d.ts +1 -1
  69. package/lib/es/select/index.d.ts +1 -1
  70. package/lib/es/table/Table.d.ts +2 -2
  71. package/lib/es/tabs/interface.d.ts +3 -2
  72. package/lib/es/tag/group.d.ts +1 -15
  73. package/lib/es/tag/interface.d.ts +6 -3
  74. package/lib/es/timePicker/TimePicker.d.ts +2 -2
  75. package/lib/es/timePicker/TimeShape.d.ts +1 -1
  76. package/lib/es/timePicker/index.d.ts +2 -2
  77. package/lib/es/tooltip/index.d.ts +2 -2
  78. package/lib/es/typography/base.d.ts +1 -1
  79. package/lib/es/typography/paragraph.d.ts +1 -1
  80. package/lib/es/typography/text.d.ts +1 -1
  81. package/lib/es/typography/title.d.ts +1 -1
  82. package/lib/es/upload/index.d.ts +1 -1
  83. package/package.json +7 -7
  84. package/popconfirm/_story/popconfirm.stories.js +1 -1
  85. package/popconfirm/index.tsx +6 -6
  86. package/tabs/_story/Demo.tsx +14 -5
  87. package/tabs/interface.ts +3 -2
  88. package/tag/group.tsx +2 -16
  89. package/tag/interface.ts +9 -5
package/form/interface.ts CHANGED
@@ -102,7 +102,7 @@ interface setValuesConfig {
102
102
  isOverride: boolean;
103
103
  }
104
104
 
105
- export interface BaseFormProps {
105
+ export interface BaseFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange'> {
106
106
  'aria-label'?: React.AriaAttributes['aria-label'];
107
107
  onSubmit?: (values: Record<string, any>) => void;
108
108
  onSubmitFail?: (errors: Record<string, FieldError>, values: any) => void;
@@ -93,7 +93,10 @@ function cloneDeep(value, customizer) {
93
93
  (0, _set2.default)(newArray, key, v[key]);
94
94
  }); // internal-issues:887
95
95
 
96
- (0, _warning.default)((0, _get2.default)(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n The maximum length of an array is 4294967295.\n Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
96
+ try {
97
+ (0, _warning.default)((0, _get2.default)(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n The maximum length of an array is 4294967295.\n Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
98
+ } catch (e) {}
99
+
97
100
  return newArray;
98
101
  } else {
99
102
  return undefined;
@@ -46,7 +46,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
46
46
  offsetTop: PropTypes.Requireable<number>;
47
47
  targetOffset: PropTypes.Requireable<number>;
48
48
  showTooltip: PropTypes.Requireable<boolean>;
49
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
49
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
50
50
  maxWidth: PropTypes.Requireable<string | number>;
51
51
  maxHeight: PropTypes.Requireable<string | number>;
52
52
  getContainer: PropTypes.Requireable<(...args: any[]) => any>;
@@ -113,7 +113,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
113
113
  onBlur: PropTypes.Requireable<(...args: any[]) => any>;
114
114
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
115
115
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
116
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
116
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
117
117
  placeholder: PropTypes.Requireable<string>;
118
118
  prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
119
119
  onChangeWithObject: PropTypes.Requireable<boolean>;
@@ -48,14 +48,14 @@ export default class Button extends PureComponent<ButtonProps> {
48
48
  prefixCls: PropTypes.Requireable<string>;
49
49
  style: PropTypes.Requireable<object>;
50
50
  size: PropTypes.Requireable<"default" | "small" | "large">;
51
- type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
51
+ type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
52
52
  block: PropTypes.Requireable<boolean>;
53
53
  onClick: PropTypes.Requireable<(...args: any[]) => any>;
54
54
  onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
55
55
  circle: PropTypes.Requireable<boolean>;
56
56
  loading: PropTypes.Requireable<boolean>;
57
57
  htmlType: PropTypes.Requireable<"button" | "reset" | "submit">;
58
- theme: PropTypes.Requireable<"solid" | "borderless" | "light">;
58
+ theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
59
59
  className: PropTypes.Requireable<string>;
60
60
  onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
61
61
  onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
@@ -19,7 +19,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
19
19
  disabled: PropTypes.Requireable<boolean>;
20
20
  type: PropTypes.Requireable<string>;
21
21
  size: PropTypes.Requireable<"default" | "small" | "large">;
22
- theme: PropTypes.Requireable<"solid" | "borderless" | "light">;
22
+ theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
23
23
  'aria-label': PropTypes.Requireable<string>;
24
24
  };
25
25
  static defaultProps: {
@@ -23,7 +23,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
23
23
  onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
24
24
  disabled: import("prop-types").Requireable<boolean>;
25
25
  size: import("prop-types").Requireable<"default" | "small" | "large">;
26
- type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
26
+ type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
27
27
  block: import("prop-types").Requireable<boolean>;
28
28
  onClick: import("prop-types").Requireable<(...args: any[]) => any>;
29
29
  onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;
@@ -8,11 +8,11 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
8
8
  position: PropTypes.Requireable<"left" | "right" | "center">;
9
9
  size: PropTypes.Requireable<"small" | "medium">;
10
10
  style: PropTypes.Requireable<object>;
11
- theme: PropTypes.Requireable<"primary" | "light" | "dark">;
11
+ theme: PropTypes.Requireable<"primary" | "dark" | "light">;
12
12
  total: PropTypes.Requireable<number>;
13
13
  onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
14
14
  type: PropTypes.Requireable<"line" | "dot" | "columnar">;
15
- trigger: PropTypes.Requireable<"click" | "hover">;
15
+ trigger: PropTypes.Requireable<"hover" | "click">;
16
16
  };
17
17
  onIndicatorChange: (activeIndex: number) => void;
18
18
  handleIndicatorClick: (activeIndex: number) => void;
@@ -22,15 +22,15 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
22
22
  indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;
23
23
  indicatorSize: PropTypes.Requireable<"small" | "medium">;
24
24
  indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
25
- theme: PropTypes.Requireable<"primary" | "light" | "dark">;
25
+ theme: PropTypes.Requireable<"primary" | "dark" | "light">;
26
26
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
27
- arrowType: PropTypes.Requireable<"always" | "hover">;
27
+ arrowType: PropTypes.Requireable<"hover" | "always">;
28
28
  showArrow: PropTypes.Requireable<boolean>;
29
29
  showIndicator: PropTypes.Requireable<boolean>;
30
30
  slideDirection: PropTypes.Requireable<"left" | "right">;
31
31
  speed: PropTypes.Requireable<number>;
32
32
  style: PropTypes.Requireable<object>;
33
- trigger: PropTypes.Requireable<"click" | "hover">;
33
+ trigger: PropTypes.Requireable<"hover" | "click">;
34
34
  };
35
35
  static defaultProps: CarouselProps;
36
36
  foundation: CarouselFoundation;
@@ -107,7 +107,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
107
107
  zIndex: PropTypes.Requireable<number>;
108
108
  value: PropTypes.Requireable<string | number | any[]>;
109
109
  validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
110
- showNext: PropTypes.Requireable<"click" | "hover">;
110
+ showNext: PropTypes.Requireable<"hover" | "click">;
111
111
  stopPropagation: PropTypes.Requireable<string | boolean>;
112
112
  showClear: PropTypes.Requireable<boolean>;
113
113
  defaultOpen: PropTypes.Requireable<boolean>;
@@ -48,7 +48,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
48
48
  onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
49
49
  onItemHover: PropTypes.Requireable<(...args: any[]) => any>;
50
50
  multiple: PropTypes.Requireable<boolean>;
51
- showNext: PropTypes.Requireable<"click" | "hover">;
51
+ showNext: PropTypes.Requireable<"hover" | "click">;
52
52
  checkedKeys: PropTypes.Requireable<object>;
53
53
  halfCheckedKeys: PropTypes.Requireable<object>;
54
54
  onItemCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -26,7 +26,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
26
26
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
27
27
  value: PropTypes.Requireable<any[]>;
28
28
  disabled: PropTypes.Requireable<boolean>;
29
- type: PropTypes.Requireable<"date" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
29
+ type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
30
30
  showClear: PropTypes.Requireable<boolean>;
31
31
  format: PropTypes.Requireable<string>;
32
32
  inputStyle: PropTypes.Requireable<object>;
@@ -41,7 +41,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
41
41
  'aria-invalid': PropTypes.Requireable<boolean>;
42
42
  'aria-labelledby': PropTypes.Requireable<string>;
43
43
  'aria-required': PropTypes.Requireable<boolean>;
44
- type: PropTypes.Requireable<"date" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
44
+ type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
45
45
  size: PropTypes.Requireable<"default" | "small" | "large">;
46
46
  density: PropTypes.Requireable<"default" | "compact">;
47
47
  defaultValue: PropTypes.Requireable<string | number | object>;
@@ -56,7 +56,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
56
56
  max: PropTypes.Requireable<number>;
57
57
  placeholder: PropTypes.Requireable<string | any[]>;
58
58
  presets: PropTypes.Requireable<any[]>;
59
- presetPosition: PropTypes.Requireable<"bottom" | "left" | "right" | "top">;
59
+ presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
60
60
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
61
61
  onChangeWithDateFirst: PropTypes.Requireable<boolean>;
62
62
  weekStartsOn: PropTypes.Requireable<number>;
@@ -73,7 +73,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
73
73
  insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
74
74
  insetLabelId: PropTypes.Requireable<string>;
75
75
  zIndex: PropTypes.Requireable<number>;
76
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
76
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
77
77
  getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
78
78
  onCancel: PropTypes.Requireable<(...args: any[]) => any>;
79
79
  onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
@@ -17,7 +17,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
17
17
  export declare type MonthsGridState = MonthsGridFoundationState;
18
18
  export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
19
19
  static propTypes: {
20
- type: PropTypes.Requireable<"date" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
20
+ type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
21
21
  defaultValue: PropTypes.Requireable<string | number | object>;
22
22
  defaultPickerValue: PropTypes.Requireable<string | number | object>;
23
23
  multiple: PropTypes.Requireable<boolean>;
@@ -50,7 +50,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
50
50
  onPanelChange: PropTypes.Requireable<(...args: any[]) => any>;
51
51
  focusRecordsRef: PropTypes.Requireable<object>;
52
52
  triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
53
- presetPosition: PropTypes.Requireable<"bottom" | "left" | "right" | "top">;
53
+ presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
54
54
  renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
55
55
  renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
56
56
  };
@@ -85,7 +85,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
85
85
  renderMonth(month: Date, panelType: PanelType): JSX.Element;
86
86
  handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
87
87
  reselect: () => void;
88
- getYAMOpenType: () => "none" | "both" | "left" | "right";
88
+ getYAMOpenType: () => "left" | "right" | "none" | "both";
89
89
  renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
90
90
  renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
91
91
  renderSwitch(panelType: PanelType): JSX.Element;
@@ -13,7 +13,7 @@ export interface QuickControlProps {
13
13
  declare class QuickControl extends PureComponent<QuickControlProps> {
14
14
  static propTypes: {
15
15
  presets: PropTypes.Requireable<any[]>;
16
- presetPosition: PropTypes.Requireable<"bottom" | "left" | "right" | "top">;
16
+ presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
17
17
  onPresetClick: PropTypes.Requireable<(...args: any[]) => any>;
18
18
  type: PropTypes.Requireable<string>;
19
19
  insetInput: PropTypes.Requireable<boolean>;
@@ -20,7 +20,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
20
20
  noBackBtn: PropTypes.Requireable<boolean>;
21
21
  disabledDate: PropTypes.Requireable<(...args: any[]) => any>;
22
22
  density: PropTypes.Requireable<string>;
23
- presetPosition: PropTypes.Requireable<"bottom" | "left" | "right" | "top">;
23
+ presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
24
24
  renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
25
25
  renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
26
26
  };
@@ -59,7 +59,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
59
59
  render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
60
60
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
61
61
  visible: PropTypes.Requireable<boolean>;
62
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
62
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
63
63
  getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
64
64
  mouseEnterDelay: PropTypes.Requireable<number>;
65
65
  mouseLeaveDelay: PropTypes.Requireable<number>;
@@ -80,7 +80,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
80
80
  emptyContent?: React.ReactNode;
81
81
  onDropdownVisibleChange?: (visible: boolean) => void;
82
82
  zIndex?: number;
83
- position?: "bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
83
+ position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
84
84
  onSearch?: (value: string) => void;
85
85
  dropdownClassName?: string;
86
86
  dropdownStyle?: React.CSSProperties;
@@ -28,7 +28,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
28
28
  emptyContent?: import("react").ReactNode;
29
29
  onDropdownVisibleChange?: (visible: boolean) => void;
30
30
  zIndex?: number;
31
- position?: "bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
31
+ position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
32
32
  onSearch?: (value: string) => void;
33
33
  dropdownClassName?: string;
34
34
  dropdownStyle?: import("react").CSSProperties;
@@ -81,7 +81,7 @@ export interface FormFCChild<K extends Record<string, any> = any> {
81
81
  values: K;
82
82
  formApi: FormApi<K>;
83
83
  }
84
- export interface BaseFormProps {
84
+ export interface BaseFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange'> {
85
85
  'aria-label'?: React.AriaAttributes['aria-label'];
86
86
  onSubmit?: (values: Record<string, any>) => void;
87
87
  onSubmitFail?: (errors: Record<string, FieldError>, values: any) => void;
@@ -154,7 +154,7 @@ class Popconfirm extends _baseComponent.default {
154
154
  ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
155
155
  });
156
156
  const showTitle = title !== null && typeof title !== 'undefined';
157
- const showContent = content !== null || typeof content !== 'undefined';
157
+ const showContent = !(content === null || typeof content === 'undefined');
158
158
  return (
159
159
  /*#__PURE__*/
160
160
  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
@@ -174,17 +174,17 @@ class Popconfirm extends _baseComponent.default {
174
174
  }, showTitle ? /*#__PURE__*/_react.default.createElement("div", {
175
175
  className: "".concat(prefixCls, "-header-title"),
176
176
  "x-semi-prop": "title"
177
- }, title) : null, showContent ? /*#__PURE__*/_react.default.createElement("div", {
178
- className: "".concat(prefixCls, "-header-content"),
179
- "x-semi-prop": "content"
180
- }, content) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
177
+ }, title) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
181
178
  className: "".concat(prefixCls, "-btn-close"),
182
179
  icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
183
180
  size: "small",
184
181
  theme: 'borderless',
185
182
  type: cancelType,
186
183
  onClick: this.handleCancel
187
- })), /*#__PURE__*/_react.default.createElement("div", {
184
+ })), showContent ? /*#__PURE__*/_react.default.createElement("div", {
185
+ className: "".concat(prefixCls, "-body"),
186
+ "x-semi-prop": "content"
187
+ }, content) : null, /*#__PURE__*/_react.default.createElement("div", {
188
188
  className: "".concat(prefixCls, "-footer")
189
189
  }, this.renderControls())))
190
190
  );
@@ -52,10 +52,10 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
52
52
  visible: PropTypes.Requireable<boolean>;
53
53
  autoAdjustOverflow: PropTypes.Requireable<boolean>;
54
54
  motion: PropTypes.Requireable<boolean | object>;
55
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
55
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
56
56
  mouseEnterDelay: PropTypes.Requireable<number>;
57
57
  mouseLeaveDelay: PropTypes.Requireable<number>;
58
- trigger: PropTypes.Validator<"click" | "focus" | "custom" | "hover">;
58
+ trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;
59
59
  contentClassName: PropTypes.Requireable<string | any[]>;
60
60
  onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
61
61
  onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
@@ -82,7 +82,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
82
82
  prefixCls?: string;
83
83
  name?: string;
84
84
  onChange?: (e: RadioChangeEvent) => void;
85
- buttonSize?: "small" | "large" | "middle";
85
+ buttonSize?: "small" | "middle" | "large";
86
86
  isCardRadio?: boolean;
87
87
  isPureCardRadio?: boolean;
88
88
  };
@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
48
48
  disabled: PropTypes.Requireable<boolean>;
49
49
  name: PropTypes.Requireable<string>;
50
50
  options: PropTypes.Requireable<any[]>;
51
- buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
51
+ buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
52
52
  type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
53
53
  value: PropTypes.Requireable<any>;
54
54
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -168,7 +168,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
168
168
  emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
169
169
  onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
170
170
  zIndex: PropTypes.Requireable<number>;
171
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
171
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
172
172
  onSearch: PropTypes.Requireable<(...args: any[]) => any>;
173
173
  getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
174
174
  dropdownClassName: PropTypes.Requireable<string>;
@@ -280,7 +280,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
280
280
  * Combine pagination and table paging processing functions
281
281
  */
282
282
  mergePagination: (pagination: TablePaginationProps) => {
283
- position?: "bottom" | "top" | "both";
283
+ position?: "top" | "bottom" | "both";
284
284
  formatPageText?: import("./interface").FormatPageText;
285
285
  style?: React.CSSProperties;
286
286
  className?: string;
@@ -300,7 +300,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
300
300
  showSizeChanger?: boolean;
301
301
  showQuickJumper?: boolean;
302
302
  popoverZIndex?: number;
303
- popoverPosition?: "bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
303
+ popoverPosition?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
304
304
  hideOnSinglePage?: boolean;
305
305
  hoverShowPageSelect?: boolean;
306
306
  };
@@ -1,5 +1,6 @@
1
- import React, { ComponentType, CSSProperties, MouseEvent, ReactNode } from 'react';
1
+ import React, { CSSProperties, MouseEvent, ReactNode } from 'react';
2
2
  import { Motion } from '../_base/base';
3
+ import TabBar from './TabBar';
3
4
  export declare type TabType = 'line' | 'card' | 'button';
4
5
  export declare type TabSize = 'small' | 'medium' | 'large';
5
6
  export declare type TabPosition = 'top' | 'left';
@@ -21,7 +22,7 @@ export interface TabsProps {
21
22
  lazyRender?: boolean;
22
23
  onChange?: (activeKey: string) => void;
23
24
  onTabClick?: (activeKey: string, e: MouseEvent<Element>) => void;
24
- renderTabBar?: (tabBarProps: TabBarProps, defaultTabBar: ComponentType) => ReactNode;
25
+ renderTabBar?: (tabBarProps: TabBarProps, defaultTabBar: typeof TabBar) => ReactNode;
25
26
  size?: TabSize;
26
27
  style?: CSSProperties;
27
28
  tabBarClassName?: string;
@@ -1,21 +1,7 @@
1
1
  import React, { PureComponent } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import Tag from './index';
4
- import { PopoverProps } from '../popover/index';
5
- import { AvatarShape, TagProps } from './interface';
6
- export interface TagGroupProps<T> {
7
- style?: React.CSSProperties;
8
- className?: string;
9
- maxTagCount?: number;
10
- restCount?: number;
11
- tagList?: (T extends 'custom' ? React.ReactNode : TagProps)[];
12
- size?: 'small' | 'large';
13
- showPopover?: boolean;
14
- popoverProps?: PopoverProps;
15
- avatarShape?: AvatarShape;
16
- mode?: string;
17
- onTagClose: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
18
- }
4
+ import { TagGroupProps } from './interface';
19
5
  export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
20
6
  static defaultProps: {
21
7
  style: {};
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { PopoverProps } from '../popover/index';
2
3
  export declare type TagColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow' | 'white';
3
4
  export declare type TagType = 'ghost' | 'solid' | 'light';
4
5
  export declare type TagSize = 'default' | 'small' | 'large';
@@ -21,14 +22,16 @@ export interface TagProps {
21
22
  'aria-label'?: React.AriaAttributes['aria-label'];
22
23
  tabIndex?: number;
23
24
  }
24
- export interface TagGroupProps {
25
+ export interface TagGroupProps<T> {
25
26
  style?: React.CSSProperties;
26
27
  className?: string;
27
28
  maxTagCount?: number;
28
- tagList?: (TagProps | React.ReactNode)[];
29
+ restCount?: number;
30
+ tagList?: (T extends 'custom' ? React.ReactNode : TagProps)[];
29
31
  size?: 'small' | 'large';
30
32
  showPopover?: boolean;
31
- popoverProps?: any;
33
+ popoverProps?: PopoverProps;
32
34
  avatarShape?: AvatarShape;
33
35
  mode?: string;
36
+ onTagClose: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
34
37
  }
@@ -99,11 +99,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
99
99
  'aria-required': PropTypes.Requireable<boolean>;
100
100
  prefixCls: PropTypes.Requireable<string>;
101
101
  clearText: PropTypes.Requireable<string>;
102
- value: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
102
+ value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
103
103
  inputReadOnly: PropTypes.Requireable<boolean>;
104
104
  disabled: PropTypes.Requireable<boolean>;
105
105
  showClear: PropTypes.Requireable<boolean>;
106
- defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
106
+ defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
107
107
  open: PropTypes.Requireable<boolean>;
108
108
  defaultOpen: PropTypes.Requireable<boolean>;
109
109
  onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
6
6
  * - \[12:00:12, 12:21:12]
7
7
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
8
8
  */
9
- declare const TimeShape: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
9
+ declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
10
10
  export { TimeShape };
@@ -19,11 +19,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
19
19
  'aria-required': import("prop-types").Requireable<boolean>;
20
20
  prefixCls: import("prop-types").Requireable<string>;
21
21
  clearText: import("prop-types").Requireable<string>;
22
- value: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
22
+ value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
23
23
  inputReadOnly: import("prop-types").Requireable<boolean>;
24
24
  disabled: import("prop-types").Requireable<boolean>;
25
25
  showClear: import("prop-types").Requireable<boolean>;
26
- defaultValue: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
26
+ defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
27
27
  open: import("prop-types").Requireable<boolean>;
28
28
  defaultOpen: import("prop-types").Requireable<boolean>;
29
29
  onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;
@@ -80,11 +80,11 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
80
80
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
81
81
  motion: PropTypes.Requireable<boolean | object>;
82
82
  autoAdjustOverflow: PropTypes.Requireable<boolean>;
83
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
83
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
84
84
  getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
85
85
  mouseEnterDelay: PropTypes.Requireable<number>;
86
86
  mouseLeaveDelay: PropTypes.Requireable<number>;
87
- trigger: PropTypes.Validator<"click" | "focus" | "custom" | "hover">;
87
+ trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;
88
88
  className: PropTypes.Requireable<string>;
89
89
  wrapperClassName: PropTypes.Requireable<string>;
90
90
  clickToHide: PropTypes.Requireable<boolean>;
@@ -64,7 +64,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
64
64
  spacing: PropTypes.Requireable<"normal" | "extended">;
65
65
  strong: PropTypes.Requireable<boolean>;
66
66
  size: PropTypes.Requireable<"small" | "normal">;
67
- type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
67
+ type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
68
68
  style: PropTypes.Requireable<object>;
69
69
  className: PropTypes.Requireable<string>;
70
70
  icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -29,7 +29,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
29
29
  link: PropTypes.Requireable<boolean | object>;
30
30
  underline: PropTypes.Requireable<boolean>;
31
31
  strong: PropTypes.Requireable<boolean>;
32
- type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
32
+ type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
33
33
  size: PropTypes.Requireable<"small" | "normal">;
34
34
  spacing: PropTypes.Requireable<"normal" | "extended">;
35
35
  style: PropTypes.Requireable<object>;
@@ -32,7 +32,7 @@ export default class Text extends PureComponent<TextProps> {
32
32
  underline: PropTypes.Requireable<boolean>;
33
33
  link: PropTypes.Requireable<boolean | object>;
34
34
  strong: PropTypes.Requireable<boolean>;
35
- type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
35
+ type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
36
36
  size: PropTypes.Requireable<"small" | "normal">;
37
37
  style: PropTypes.Requireable<object>;
38
38
  className: PropTypes.Requireable<string>;
@@ -36,7 +36,7 @@ export default class Title extends PureComponent<TitleProps> {
36
36
  link: PropTypes.Requireable<boolean | object>;
37
37
  underline: PropTypes.Requireable<boolean>;
38
38
  strong: PropTypes.Requireable<boolean>;
39
- type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
39
+ type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
40
40
  heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
41
41
  style: PropTypes.Requireable<object>;
42
42
  className: PropTypes.Requireable<string>;
@@ -126,7 +126,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
126
126
  onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
127
127
  previewFile: PropTypes.Requireable<(...args: any[]) => any>;
128
128
  prompt: PropTypes.Requireable<PropTypes.ReactNodeLike>;
129
- promptPosition: PropTypes.Requireable<"bottom" | "left" | "right">;
129
+ promptPosition: PropTypes.Requireable<"left" | "right" | "bottom">;
130
130
  renderFileItem: PropTypes.Requireable<(...args: any[]) => any>;
131
131
  renderPicPreviewIcon: PropTypes.Requireable<(...args: any[]) => any>;
132
132
  renderFileOperation: PropTypes.Requireable<(...args: any[]) => any>;
@@ -64,7 +64,10 @@ export function cloneDeep(value, customizer) {
64
64
  }); // internal-issues:887
65
65
 
66
66
 
67
- warning(_get(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n The maximum length of an array is 4294967295.\n Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
67
+ try {
68
+ warning(_get(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n The maximum length of an array is 4294967295.\n Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
69
+ } catch (e) {}
70
+
68
71
  return newArray;
69
72
  } else {
70
73
  return undefined;
@@ -46,7 +46,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
46
46
  offsetTop: PropTypes.Requireable<number>;
47
47
  targetOffset: PropTypes.Requireable<number>;
48
48
  showTooltip: PropTypes.Requireable<boolean>;
49
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
49
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
50
50
  maxWidth: PropTypes.Requireable<string | number>;
51
51
  maxHeight: PropTypes.Requireable<string | number>;
52
52
  getContainer: PropTypes.Requireable<(...args: any[]) => any>;
@@ -113,7 +113,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
113
113
  onBlur: PropTypes.Requireable<(...args: any[]) => any>;
114
114
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
115
115
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
116
- position: PropTypes.Requireable<"bottom" | "left" | "right" | "top" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
116
+ position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
117
117
  placeholder: PropTypes.Requireable<string>;
118
118
  prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
119
119
  onChangeWithObject: PropTypes.Requireable<boolean>;