@douyinfe/semi-ui 2.23.0-alpha.0 → 2.23.0-alpha.2

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 (63) hide show
  1. package/dist/css/semi.css +52 -2
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +384 -104
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/anchor/index.d.ts +1 -1
  8. package/lib/cjs/autoComplete/index.d.ts +1 -1
  9. package/lib/cjs/button/Button.d.ts +1 -1
  10. package/lib/cjs/button/buttonGroup.d.ts +1 -1
  11. package/lib/cjs/button/index.d.ts +1 -1
  12. package/lib/cjs/cascader/item.d.ts +1 -1
  13. package/lib/cjs/cascader/item.js +12 -6
  14. package/lib/cjs/datePicker/datePicker.d.ts +1 -1
  15. package/lib/cjs/form/baseForm.d.ts +1 -1
  16. package/lib/cjs/form/field.d.ts +1 -1
  17. package/lib/cjs/input/index.d.ts +1 -1
  18. package/lib/cjs/input/inputGroup.d.ts +1 -1
  19. package/lib/cjs/navigation/Item.d.ts +1 -1
  20. package/lib/cjs/navigation/Item.js +0 -9
  21. package/lib/cjs/navigation/index.d.ts +1 -7
  22. package/lib/cjs/navigation/index.js +2 -4
  23. package/lib/cjs/navigation/nav-context.d.ts +0 -1
  24. package/lib/cjs/rating/index.d.ts +1 -1
  25. package/lib/cjs/rating/item.d.ts +1 -1
  26. package/lib/cjs/select/index.js +1 -1
  27. package/lib/cjs/switch/index.d.ts +1 -1
  28. package/lib/cjs/table/Table.d.ts +2 -2
  29. package/lib/cjs/table/index.d.ts +1 -1
  30. package/lib/cjs/tagInput/index.d.ts +1 -1
  31. package/lib/cjs/timePicker/TimePicker.d.ts +1 -1
  32. package/lib/cjs/timePicker/index.d.ts +1 -1
  33. package/lib/cjs/tooltip/index.d.ts +8 -0
  34. package/lib/cjs/tooltip/index.js +5 -1
  35. package/lib/es/anchor/index.d.ts +1 -1
  36. package/lib/es/autoComplete/index.d.ts +1 -1
  37. package/lib/es/button/Button.d.ts +1 -1
  38. package/lib/es/button/buttonGroup.d.ts +1 -1
  39. package/lib/es/button/index.d.ts +1 -1
  40. package/lib/es/cascader/item.d.ts +1 -1
  41. package/lib/es/cascader/item.js +12 -6
  42. package/lib/es/datePicker/datePicker.d.ts +1 -1
  43. package/lib/es/form/baseForm.d.ts +1 -1
  44. package/lib/es/form/field.d.ts +1 -1
  45. package/lib/es/input/index.d.ts +1 -1
  46. package/lib/es/input/inputGroup.d.ts +1 -1
  47. package/lib/es/navigation/Item.d.ts +1 -1
  48. package/lib/es/navigation/Item.js +0 -9
  49. package/lib/es/navigation/index.d.ts +1 -7
  50. package/lib/es/navigation/index.js +2 -4
  51. package/lib/es/navigation/nav-context.d.ts +0 -1
  52. package/lib/es/rating/index.d.ts +1 -1
  53. package/lib/es/rating/item.d.ts +1 -1
  54. package/lib/es/select/index.js +1 -1
  55. package/lib/es/switch/index.d.ts +1 -1
  56. package/lib/es/table/Table.d.ts +2 -2
  57. package/lib/es/table/index.d.ts +1 -1
  58. package/lib/es/tagInput/index.d.ts +1 -1
  59. package/lib/es/timePicker/TimePicker.d.ts +1 -1
  60. package/lib/es/timePicker/index.d.ts +1 -1
  61. package/lib/es/tooltip/index.d.ts +8 -0
  62. package/lib/es/tooltip/index.js +4 -1
  63. package/package.json +7 -7
@@ -39,7 +39,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
39
39
  static contextType: React.Context<ContextValue>;
40
40
  static Link: typeof Link;
41
41
  static PropTypes: {
42
- size: PropTypes.Requireable<"small" | "default">;
42
+ size: PropTypes.Requireable<"default" | "small">;
43
43
  railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
44
44
  className: PropTypes.Requireable<string>;
45
45
  style: PropTypes.Requireable<object>;
@@ -123,7 +123,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
123
123
  renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
124
124
  suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
125
125
  showClear: PropTypes.Requireable<boolean>;
126
- size: PropTypes.Requireable<"small" | "default" | "large">;
126
+ size: PropTypes.Requireable<"default" | "small" | "large">;
127
127
  style: PropTypes.Requireable<object>;
128
128
  stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
129
129
  maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
47
47
  disabled: PropTypes.Requireable<boolean>;
48
48
  prefixCls: PropTypes.Requireable<string>;
49
49
  style: PropTypes.Requireable<object>;
50
- size: PropTypes.Requireable<"small" | "default" | "large">;
50
+ size: PropTypes.Requireable<"default" | "small" | "large">;
51
51
  type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
52
52
  block: PropTypes.Requireable<boolean>;
53
53
  onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
18
18
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
19
19
  disabled: PropTypes.Requireable<boolean>;
20
20
  type: PropTypes.Requireable<string>;
21
- size: PropTypes.Requireable<"small" | "default" | "large">;
21
+ size: PropTypes.Requireable<"default" | "small" | "large">;
22
22
  theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
23
23
  'aria-label': PropTypes.Requireable<string>;
24
24
  };
@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
22
22
  onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
23
23
  onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
24
24
  disabled: import("prop-types").Requireable<boolean>;
25
- size: import("prop-types").Requireable<"small" | "default" | "large">;
25
+ size: import("prop-types").Requireable<"default" | "small" | "large">;
26
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>;
@@ -71,7 +71,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
71
71
  selected: boolean;
72
72
  loading: boolean;
73
73
  };
74
- renderIcon: (type: string) => JSX.Element;
74
+ renderIcon: (type: string, haveMarginLeft?: boolean) => JSX.Element;
75
75
  highlight: (searchText: React.ReactNode[]) => React.ReactNode[];
76
76
  renderFlattenOption: (data: Data[]) => JSX.Element;
77
77
  renderItem(renderData: Array<Entity>, content?: Array<React.ReactNode>): React.ReactNode[];
@@ -118,27 +118,33 @@ class Item extends _react.PureComponent {
118
118
  return state;
119
119
  };
120
120
 
121
- this.renderIcon = type => {
121
+ this.renderIcon = function (type) {
122
+ let haveMarginLeft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
123
+
124
+ const finalCls = style => {
125
+ return style + (haveMarginLeft ? " ".concat(prefixcls, "-icon-left") : '');
126
+ };
127
+
122
128
  switch (type) {
123
129
  case 'child':
124
130
  return /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
125
- className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-expand")
131
+ className: finalCls("".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-expand"))
126
132
  });
127
133
 
128
134
  case 'tick':
129
135
  return /*#__PURE__*/_react.default.createElement(_semiIcons.IconTick, {
130
- className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-active")
136
+ className: finalCls("".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-active"))
131
137
  });
132
138
 
133
139
  case 'loading':
134
140
  return /*#__PURE__*/_react.default.createElement(_spin.default, {
135
- wrapperClassName: "".concat(prefixcls, "-spin-icon")
141
+ wrapperClassName: finalCls("".concat(prefixcls, "-spin-icon"))
136
142
  });
137
143
 
138
144
  case 'empty':
139
145
  return /*#__PURE__*/_react.default.createElement("span", {
140
146
  "aria-hidden": true,
141
- className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-empty")
147
+ className: finalCls("".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-empty"))
142
148
  });
143
149
 
144
150
  default:
@@ -288,7 +294,7 @@ class Item extends _react.PureComponent {
288
294
  indeterminate: halfCheckedKeys.has(item.key),
289
295
  checked: checkedKeys.has(item.key),
290
296
  className: "".concat(prefixcls, "-label-checkbox")
291
- }), /*#__PURE__*/_react.default.createElement("span", null, label)), showExpand ? this.renderIcon(loading ? 'loading' : 'child') : null);
297
+ }), /*#__PURE__*/_react.default.createElement("span", null, label)), showExpand ? this.renderIcon(loading ? 'loading' : 'child', true) : null);
292
298
  })));
293
299
 
294
300
  if (showChildItem) {
@@ -44,7 +44,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
44
44
  'aria-labelledby': PropTypes.Requireable<string>;
45
45
  'aria-required': PropTypes.Requireable<boolean>;
46
46
  type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
47
- size: PropTypes.Requireable<"small" | "default" | "large">;
47
+ size: PropTypes.Requireable<"default" | "small" | "large">;
48
48
  density: PropTypes.Requireable<"default" | "compact">;
49
49
  defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
50
50
  value: PropTypes.Requireable<NonNullable<string | number | object>>;
@@ -128,7 +128,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
128
128
  preventScroll?: boolean;
129
129
  showRestTagsPopover?: boolean;
130
130
  restTagsPopoverProps?: import("../popover").PopoverProps;
131
- } & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
131
+ } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
132
132
  static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
133
133
  static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
134
134
  static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
@@ -76,7 +76,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
76
76
  preventScroll?: boolean;
77
77
  showRestTagsPopover?: boolean;
78
78
  restTagsPopoverProps?: import("../popover").PopoverProps;
79
- } & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
79
+ } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
80
80
  declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
81
81
  declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
82
82
  declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
@@ -82,7 +82,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
82
82
  showClear: PropTypes.Requireable<boolean>;
83
83
  hideSuffix: PropTypes.Requireable<boolean>;
84
84
  placeholder: PropTypes.Requireable<any>;
85
- size: PropTypes.Requireable<"small" | "default" | "large">;
85
+ size: PropTypes.Requireable<"default" | "small" | "large">;
86
86
  className: PropTypes.Requireable<string>;
87
87
  style: PropTypes.Requireable<object>;
88
88
  validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
21
21
  static propTypes: {
22
22
  className: PropTypes.Requireable<string>;
23
23
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
24
- size: PropTypes.Requireable<"small" | "default" | "large">;
24
+ size: PropTypes.Requireable<"default" | "small" | "large">;
25
25
  style: PropTypes.Requireable<object>;
26
26
  onBlur: PropTypes.Requireable<(...args: any[]) => any>;
27
27
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
@@ -69,5 +69,5 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
69
69
  wrapTooltip: (node: React.ReactNode) => JSX.Element;
70
70
  handleClick: (e: React.MouseEvent) => void;
71
71
  handleKeyPress: (e: React.KeyboardEvent) => void;
72
- render(): React.ReactNode;
72
+ render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
73
73
  }
@@ -269,15 +269,6 @@ class NavItem extends _baseComponent.default {
269
269
  itemDom = this.wrapTooltip(itemDom);
270
270
  }
271
271
 
272
- if (typeof this.context.renderWrapper === 'function') {
273
- return this.context.renderWrapper({
274
- itemElement: itemDom,
275
- isSubNav: isSubNav,
276
- isInSubNav: isInSubNav,
277
- props: this.props
278
- });
279
- }
280
-
281
272
  return itemDom;
282
273
  }
283
274
 
@@ -1,5 +1,5 @@
1
1
  import BaseComponent, { BaseProps } from '../_base/baseComponent';
2
- import React, { ReactElement, ReactNode } from 'react';
2
+ import React from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { NavigationAdapter } from '@douyinfe/semi-foundation/lib/cjs/navigation/foundation';
5
5
  import SubNav, { SubNavProps } from './SubNav';
@@ -63,12 +63,6 @@ export interface NavProps extends BaseProps {
63
63
  isOpen: boolean;
64
64
  }) => void;
65
65
  onSelect?: (data: OnSelectedData) => void;
66
- renderWrapper?: ({ itemElement, isSubNav, isInSubNav, props }: {
67
- itemElement: ReactElement;
68
- isInSubNav: boolean;
69
- isSubNav: boolean;
70
- props: NavItemProps | SubNavProps;
71
- }) => ReactNode;
72
66
  }
73
67
  export interface NavState {
74
68
  isCollapsed: boolean;
@@ -234,8 +234,7 @@ class Nav extends _baseComponent.default {
234
234
  footer,
235
235
  header,
236
236
  toggleIconPosition,
237
- limitIndent,
238
- renderWrapper
237
+ limitIndent
239
238
  } = this.props;
240
239
  const {
241
240
  selectedKeys,
@@ -342,8 +341,7 @@ class Nav extends _baseComponent.default {
342
341
  locale,
343
342
  prefixCls,
344
343
  toggleIconPosition,
345
- limitIndent,
346
- renderWrapper
344
+ limitIndent
347
345
  }
348
346
  }, /*#__PURE__*/_react.default.createElement("div", {
349
347
  className: finalCls,
@@ -18,7 +18,6 @@ export interface NavContextType {
18
18
  subNavCloseDelay?: NavProps['subNavCloseDelay'];
19
19
  subNavOpenDelay?: NavProps['subNavOpenDelay'];
20
20
  canUpdateOpenKeys?: boolean;
21
- renderWrapper?: NavProps['renderWrapper'];
22
21
  }
23
22
  declare const NavContext: React.Context<NavContextType>;
24
23
  export default NavContext;
@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
69
69
  onBlur: PropTypes.Requireable<(...args: any[]) => any>;
70
70
  onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
71
71
  autoFocus: PropTypes.Requireable<boolean>;
72
- size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
72
+ size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
73
73
  tooltips: PropTypes.Requireable<string[]>;
74
74
  id: PropTypes.Requireable<string>;
75
75
  preventScroll: PropTypes.Requireable<boolean>;
@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
40
40
  disabled: PropTypes.Requireable<boolean>;
41
41
  count: PropTypes.Requireable<number>;
42
42
  ariaLabelPrefix: PropTypes.Requireable<string>;
43
- size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
43
+ size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
44
44
  'aria-describedby': PropTypes.Requireable<string>;
45
45
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
46
46
  onBlur: PropTypes.Requireable<(...args: any[]) => any>;
@@ -451,7 +451,7 @@ class Select extends _baseComponent.default {
451
451
  } // Add isOptionChanged: There may be cases where the value is unchanged, but the optionList is updated. At this time, the label corresponding to the value may change, and the selected item needs to be updated
452
452
 
453
453
 
454
- if (prevProps.value !== this.props.value || isOptionsChanged) {
454
+ if (!(0, _isEqual2.default)(this.props.value, prevProps.value) || isOptionsChanged) {
455
455
  if ('value' in this.props) {
456
456
  this.foundation.handleValueChange(this.props.value);
457
457
  } else {
@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
45
45
  onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
46
46
  onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
47
47
  style: PropTypes.Requireable<object>;
48
- size: PropTypes.Requireable<"small" | "default" | "large">;
48
+ size: PropTypes.Requireable<"default" | "small" | "large">;
49
49
  uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
50
50
  id: PropTypes.Requireable<string>;
51
51
  };
@@ -52,7 +52,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
52
52
  components: PropTypes.Requireable<any>;
53
53
  bordered: PropTypes.Requireable<boolean>;
54
54
  loading: PropTypes.Requireable<boolean>;
55
- size: PropTypes.Requireable<"small" | "default" | "middle">;
55
+ size: PropTypes.Requireable<"default" | "small" | "middle">;
56
56
  tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
57
57
  columns: PropTypes.Requireable<PropTypes.InferProps<{
58
58
  align: PropTypes.Requireable<"left" | "right" | "center">;
@@ -289,7 +289,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
289
289
  showTotal?: boolean;
290
290
  pageSize?: number;
291
291
  pageSizeOpts?: number[];
292
- size?: "small" | "default";
292
+ size?: "default" | "small";
293
293
  currentPage?: number;
294
294
  defaultCurrentPage?: number;
295
295
  onPageChange?: (currentPage: number) => void;
@@ -15,7 +15,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
15
15
  components: PropTypes.Requireable<any>;
16
16
  bordered: PropTypes.Requireable<boolean>;
17
17
  loading: PropTypes.Requireable<boolean>;
18
- size: PropTypes.Requireable<"small" | "default" | "middle">;
18
+ size: PropTypes.Requireable<"default" | "small" | "middle">;
19
19
  tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
20
20
  columns: PropTypes.Requireable<PropTypes.InferProps<{
21
21
  align: PropTypes.Requireable<"left" | "right" | "center">;
@@ -89,7 +89,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
89
89
  onAdd: PropTypes.Requireable<(...args: any[]) => any>;
90
90
  onRemove: PropTypes.Requireable<(...args: any[]) => any>;
91
91
  onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
92
- size: PropTypes.Requireable<"small" | "default" | "large">;
92
+ size: PropTypes.Requireable<"default" | "small" | "large">;
93
93
  validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
94
94
  prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
95
95
  suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
@@ -125,7 +125,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
125
125
  secondStep: PropTypes.Requireable<number>;
126
126
  focusOnOpen: PropTypes.Requireable<boolean>;
127
127
  autoFocus: PropTypes.Requireable<boolean>;
128
- size: PropTypes.Requireable<"small" | "default" | "large">;
128
+ size: PropTypes.Requireable<"default" | "small" | "large">;
129
129
  panels: PropTypes.Requireable<PropTypes.InferProps<{
130
130
  panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
131
131
  panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
@@ -46,7 +46,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
46
46
  secondStep: import("prop-types").Requireable<number>;
47
47
  focusOnOpen: import("prop-types").Requireable<boolean>;
48
48
  autoFocus: import("prop-types").Requireable<boolean>;
49
- size: import("prop-types").Requireable<"small" | "default" | "large">;
49
+ size: import("prop-types").Requireable<"default" | "small" | "large">;
50
50
  panels: import("prop-types").Requireable<import("prop-types").InferProps<{
51
51
  panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
52
52
  panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
@@ -37,6 +37,12 @@ export interface TooltipProps extends BaseProps {
37
37
  onVisibleChange?: (visible: boolean) => void;
38
38
  onClickOutSide?: (e: React.MouseEvent) => void;
39
39
  spacing?: number;
40
+ margin?: number | {
41
+ marginLeft: number;
42
+ marginTop: number;
43
+ marginRight: number;
44
+ marginBottom: number;
45
+ };
40
46
  showArrow?: boolean | React.ReactNode;
41
47
  zIndex?: number;
42
48
  rePosKey?: string | number;
@@ -96,6 +102,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
96
102
  onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
97
103
  onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
98
104
  spacing: PropTypes.Requireable<number>;
105
+ margin: PropTypes.Requireable<NonNullable<number | object>>;
99
106
  showArrow: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
100
107
  zIndex: PropTypes.Requireable<number>;
101
108
  rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
@@ -134,6 +141,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
134
141
  onVisibleChange: (...args: any[]) => void;
135
142
  onClickOutSide: (...args: any[]) => void;
136
143
  spacing: 8;
144
+ margin: 0;
137
145
  showArrow: boolean;
138
146
  wrapWhenSpecial: boolean;
139
147
  zIndex: 1060;
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
+ var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
9
+
8
10
  var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
9
11
 
10
12
  var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
@@ -615,7 +617,7 @@ class Tooltip extends _baseComponent.default {
615
617
  this.props.visible ? this.foundation.delayShow() : this.foundation.delayHide();
616
618
  }
617
619
 
618
- if (prevProps.rePosKey !== this.props.rePosKey) {
620
+ if (!(0, _isEqual2.default)(prevProps.rePosKey, this.props.rePosKey)) {
619
621
  this.rePosition();
620
622
  }
621
623
  }
@@ -728,6 +730,7 @@ Tooltip.propTypes = {
728
730
  onVisibleChange: _propTypes.default.func,
729
731
  onClickOutSide: _propTypes.default.func,
730
732
  spacing: _propTypes.default.number,
733
+ margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
731
734
  showArrow: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
732
735
  zIndex: _propTypes.default.number,
733
736
  rePosKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
@@ -757,6 +760,7 @@ Tooltip.defaultProps = {
757
760
  onVisibleChange: _noop2.default,
758
761
  onClickOutSide: _noop2.default,
759
762
  spacing: _constants2.numbers.SPACING,
763
+ margin: _constants2.numbers.MARGIN,
760
764
  showArrow: true,
761
765
  wrapWhenSpecial: true,
762
766
  zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
@@ -39,7 +39,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
39
39
  static contextType: React.Context<ContextValue>;
40
40
  static Link: typeof Link;
41
41
  static PropTypes: {
42
- size: PropTypes.Requireable<"small" | "default">;
42
+ size: PropTypes.Requireable<"default" | "small">;
43
43
  railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
44
44
  className: PropTypes.Requireable<string>;
45
45
  style: PropTypes.Requireable<object>;
@@ -123,7 +123,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
123
123
  renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
124
124
  suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
125
125
  showClear: PropTypes.Requireable<boolean>;
126
- size: PropTypes.Requireable<"small" | "default" | "large">;
126
+ size: PropTypes.Requireable<"default" | "small" | "large">;
127
127
  style: PropTypes.Requireable<object>;
128
128
  stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
129
129
  maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
47
47
  disabled: PropTypes.Requireable<boolean>;
48
48
  prefixCls: PropTypes.Requireable<string>;
49
49
  style: PropTypes.Requireable<object>;
50
- size: PropTypes.Requireable<"small" | "default" | "large">;
50
+ size: PropTypes.Requireable<"default" | "small" | "large">;
51
51
  type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
52
52
  block: PropTypes.Requireable<boolean>;
53
53
  onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
18
18
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
19
19
  disabled: PropTypes.Requireable<boolean>;
20
20
  type: PropTypes.Requireable<string>;
21
- size: PropTypes.Requireable<"small" | "default" | "large">;
21
+ size: PropTypes.Requireable<"default" | "small" | "large">;
22
22
  theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
23
23
  'aria-label': PropTypes.Requireable<string>;
24
24
  };
@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
22
22
  onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
23
23
  onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
24
24
  disabled: import("prop-types").Requireable<boolean>;
25
- size: import("prop-types").Requireable<"small" | "default" | "large">;
25
+ size: import("prop-types").Requireable<"default" | "small" | "large">;
26
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>;
@@ -71,7 +71,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
71
71
  selected: boolean;
72
72
  loading: boolean;
73
73
  };
74
- renderIcon: (type: string) => JSX.Element;
74
+ renderIcon: (type: string, haveMarginLeft?: boolean) => JSX.Element;
75
75
  highlight: (searchText: React.ReactNode[]) => React.ReactNode[];
76
76
  renderFlattenOption: (data: Data[]) => JSX.Element;
77
77
  renderItem(renderData: Array<Entity>, content?: Array<React.ReactNode>): React.ReactNode[];
@@ -93,27 +93,33 @@ export default class Item extends PureComponent {
93
93
  return state;
94
94
  };
95
95
 
96
- this.renderIcon = type => {
96
+ this.renderIcon = function (type) {
97
+ let haveMarginLeft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
98
+
99
+ const finalCls = style => {
100
+ return style + (haveMarginLeft ? " ".concat(prefixcls, "-icon-left") : '');
101
+ };
102
+
97
103
  switch (type) {
98
104
  case 'child':
99
105
  return /*#__PURE__*/React.createElement(IconChevronRight, {
100
- className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-expand")
106
+ className: finalCls("".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-expand"))
101
107
  });
102
108
 
103
109
  case 'tick':
104
110
  return /*#__PURE__*/React.createElement(IconTick, {
105
- className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-active")
111
+ className: finalCls("".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-active"))
106
112
  });
107
113
 
108
114
  case 'loading':
109
115
  return /*#__PURE__*/React.createElement(Spin, {
110
- wrapperClassName: "".concat(prefixcls, "-spin-icon")
116
+ wrapperClassName: finalCls("".concat(prefixcls, "-spin-icon"))
111
117
  });
112
118
 
113
119
  case 'empty':
114
120
  return /*#__PURE__*/React.createElement("span", {
115
121
  "aria-hidden": true,
116
- className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-empty")
122
+ className: finalCls("".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-empty"))
117
123
  });
118
124
 
119
125
  default:
@@ -261,7 +267,7 @@ export default class Item extends PureComponent {
261
267
  indeterminate: halfCheckedKeys.has(item.key),
262
268
  checked: checkedKeys.has(item.key),
263
269
  className: "".concat(prefixcls, "-label-checkbox")
264
- }), /*#__PURE__*/React.createElement("span", null, label)), showExpand ? this.renderIcon(loading ? 'loading' : 'child') : null);
270
+ }), /*#__PURE__*/React.createElement("span", null, label)), showExpand ? this.renderIcon(loading ? 'loading' : 'child', true) : null);
265
271
  })));
266
272
 
267
273
  if (showChildItem) {
@@ -44,7 +44,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
44
44
  'aria-labelledby': PropTypes.Requireable<string>;
45
45
  'aria-required': PropTypes.Requireable<boolean>;
46
46
  type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
47
- size: PropTypes.Requireable<"small" | "default" | "large">;
47
+ size: PropTypes.Requireable<"default" | "small" | "large">;
48
48
  density: PropTypes.Requireable<"default" | "compact">;
49
49
  defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
50
50
  value: PropTypes.Requireable<NonNullable<string | number | object>>;
@@ -128,7 +128,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
128
128
  preventScroll?: boolean;
129
129
  showRestTagsPopover?: boolean;
130
130
  restTagsPopoverProps?: import("../popover").PopoverProps;
131
- } & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
131
+ } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
132
132
  static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
133
133
  static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
134
134
  static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
@@ -76,7 +76,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
76
76
  preventScroll?: boolean;
77
77
  showRestTagsPopover?: boolean;
78
78
  restTagsPopoverProps?: import("../popover").PopoverProps;
79
- } & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
79
+ } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
80
80
  declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
81
81
  declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
82
82
  declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
@@ -82,7 +82,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
82
82
  showClear: PropTypes.Requireable<boolean>;
83
83
  hideSuffix: PropTypes.Requireable<boolean>;
84
84
  placeholder: PropTypes.Requireable<any>;
85
- size: PropTypes.Requireable<"small" | "default" | "large">;
85
+ size: PropTypes.Requireable<"default" | "small" | "large">;
86
86
  className: PropTypes.Requireable<string>;
87
87
  style: PropTypes.Requireable<object>;
88
88
  validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
21
21
  static propTypes: {
22
22
  className: PropTypes.Requireable<string>;
23
23
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
24
- size: PropTypes.Requireable<"small" | "default" | "large">;
24
+ size: PropTypes.Requireable<"default" | "small" | "large">;
25
25
  style: PropTypes.Requireable<object>;
26
26
  onBlur: PropTypes.Requireable<(...args: any[]) => any>;
27
27
  onFocus: PropTypes.Requireable<(...args: any[]) => any>;
@@ -69,5 +69,5 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
69
69
  wrapTooltip: (node: React.ReactNode) => JSX.Element;
70
70
  handleClick: (e: React.MouseEvent) => void;
71
71
  handleKeyPress: (e: React.KeyboardEvent) => void;
72
- render(): React.ReactNode;
72
+ render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
73
73
  }
@@ -247,15 +247,6 @@ export default class NavItem extends BaseComponent {
247
247
  itemDom = this.wrapTooltip(itemDom);
248
248
  }
249
249
 
250
- if (typeof this.context.renderWrapper === 'function') {
251
- return this.context.renderWrapper({
252
- itemElement: itemDom,
253
- isSubNav: isSubNav,
254
- isInSubNav: isInSubNav,
255
- props: this.props
256
- });
257
- }
258
-
259
250
  return itemDom;
260
251
  }
261
252