@douyinfe/semi-ui 2.32.1-alpha.2 → 2.32.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 (75) hide show
  1. package/dist/css/semi.css +12 -25
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +10806 -5552
  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/datePicker/dateInput.d.ts +1 -1
  13. package/lib/cjs/datePicker/datePicker.d.ts +2 -2
  14. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  15. package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
  16. package/lib/cjs/form/baseForm.d.ts +1 -1
  17. package/lib/cjs/form/field.d.ts +1 -1
  18. package/lib/cjs/iconButton/index.d.ts +1 -0
  19. package/lib/cjs/iconButton/index.js +1 -0
  20. package/lib/cjs/input/index.d.ts +1 -1
  21. package/lib/cjs/input/inputGroup.d.ts +1 -1
  22. package/lib/cjs/modal/confirm.d.ts +17 -17
  23. package/lib/cjs/navigation/Footer.d.ts +1 -0
  24. package/lib/cjs/navigation/Footer.js +2 -1
  25. package/lib/cjs/navigation/Header.d.ts +1 -0
  26. package/lib/cjs/navigation/Header.js +2 -1
  27. package/lib/cjs/navigation/index.js +2 -2
  28. package/lib/cjs/rating/index.d.ts +1 -1
  29. package/lib/cjs/rating/item.d.ts +1 -1
  30. package/lib/cjs/switch/index.d.ts +1 -1
  31. package/lib/cjs/table/Column.d.ts +1 -0
  32. package/lib/cjs/table/Column.js +2 -1
  33. package/lib/cjs/table/Table.d.ts +2 -2
  34. package/lib/cjs/table/getColumns.js +1 -1
  35. package/lib/cjs/table/index.d.ts +1 -1
  36. package/lib/cjs/tagInput/index.d.ts +1 -1
  37. package/lib/cjs/timePicker/TimePicker.d.ts +1 -1
  38. package/lib/cjs/timePicker/index.d.ts +1 -1
  39. package/lib/cjs/tooltip/index.js +1 -1
  40. package/lib/cjs/typography/title.d.ts +1 -0
  41. package/lib/es/anchor/index.d.ts +1 -1
  42. package/lib/es/autoComplete/index.d.ts +1 -1
  43. package/lib/es/button/Button.d.ts +1 -1
  44. package/lib/es/button/buttonGroup.d.ts +1 -1
  45. package/lib/es/button/index.d.ts +1 -1
  46. package/lib/es/datePicker/dateInput.d.ts +1 -1
  47. package/lib/es/datePicker/datePicker.d.ts +2 -2
  48. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  49. package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
  50. package/lib/es/form/baseForm.d.ts +1 -1
  51. package/lib/es/form/field.d.ts +1 -1
  52. package/lib/es/iconButton/index.d.ts +1 -0
  53. package/lib/es/iconButton/index.js +1 -0
  54. package/lib/es/input/index.d.ts +1 -1
  55. package/lib/es/input/inputGroup.d.ts +1 -1
  56. package/lib/es/modal/confirm.d.ts +17 -17
  57. package/lib/es/navigation/Footer.d.ts +1 -0
  58. package/lib/es/navigation/Footer.js +2 -1
  59. package/lib/es/navigation/Header.d.ts +1 -0
  60. package/lib/es/navigation/Header.js +2 -1
  61. package/lib/es/navigation/index.js +2 -2
  62. package/lib/es/rating/index.d.ts +1 -1
  63. package/lib/es/rating/item.d.ts +1 -1
  64. package/lib/es/switch/index.d.ts +1 -1
  65. package/lib/es/table/Column.d.ts +1 -0
  66. package/lib/es/table/Column.js +2 -1
  67. package/lib/es/table/Table.d.ts +2 -2
  68. package/lib/es/table/getColumns.js +1 -1
  69. package/lib/es/table/index.d.ts +1 -1
  70. package/lib/es/tagInput/index.d.ts +1 -1
  71. package/lib/es/timePicker/TimePicker.d.ts +1 -1
  72. package/lib/es/timePicker/index.d.ts +1 -1
  73. package/lib/es/tooltip/index.js +1 -1
  74. package/lib/es/typography/title.d.ts +1 -0
  75. package/package.json +8 -8
@@ -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>;
@@ -140,12 +140,12 @@ export declare function withWarning(props: ModalReactProps): {
140
140
  type: "warning";
141
141
  };
142
142
  export declare function withError(props: ModalReactProps): {
143
- children?: React.ReactNode;
144
- motion?: boolean;
145
143
  title?: React.ReactNode;
144
+ children?: React.ReactNode;
146
145
  size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
147
146
  style?: React.CSSProperties;
148
147
  className?: string;
148
+ motion?: boolean;
149
149
  getPopupContainer?: () => HTMLElement;
150
150
  footer?: React.ReactNode;
151
151
  header?: React.ReactNode;
@@ -201,24 +201,34 @@ export declare function withError(props: ModalReactProps): {
201
201
  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
202
202
  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
203
203
  'aria-label'?: string;
204
- onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
205
- onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
206
204
  title?: string;
207
205
  name?: string;
208
206
  value?: string | number | readonly string[];
207
+ onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
208
+ onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
209
209
  form?: string;
210
210
  slot?: string;
211
211
  hidden?: boolean;
212
212
  color?: string;
213
+ onChange?: React.FormEventHandler<HTMLButtonElement>;
214
+ defaultChecked?: boolean;
213
215
  defaultValue?: string | number | readonly string[];
216
+ suppressContentEditableWarning?: boolean;
217
+ suppressHydrationWarning?: boolean;
214
218
  accessKey?: string;
219
+ autoFocus?: boolean;
220
+ formAction?: string;
221
+ formEncType?: string;
222
+ formMethod?: string;
223
+ formNoValidate?: boolean;
224
+ formTarget?: string;
215
225
  dir?: string;
216
226
  draggable?: boolean | "false" | "true";
217
227
  lang?: string;
218
- translate?: "yes" | "no";
228
+ translate?: "no" | "yes";
219
229
  prefix?: string;
220
230
  contentEditable?: "inherit" | (boolean | "false" | "true");
221
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
231
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
222
232
  tabIndex?: number;
223
233
  role?: React.AriaRole;
224
234
  onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
@@ -230,9 +240,6 @@ export declare function withError(props: ModalReactProps): {
230
240
  'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
231
241
  'aria-controls'?: string;
232
242
  'aria-describedby'?: string;
233
- defaultChecked?: boolean;
234
- suppressContentEditableWarning?: boolean;
235
- suppressHydrationWarning?: boolean;
236
243
  contextMenu?: string;
237
244
  placeholder?: string;
238
245
  spellCheck?: boolean | "false" | "true";
@@ -267,7 +274,7 @@ export declare function withError(props: ModalReactProps): {
267
274
  'aria-current'?: boolean | "time" | "page" | "false" | "true" | "location" | "step" | "date";
268
275
  'aria-details'?: string;
269
276
  'aria-disabled'?: boolean | "false" | "true";
270
- 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup";
277
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
271
278
  'aria-errormessage'?: string;
272
279
  'aria-flowto'?: string;
273
280
  'aria-grabbed'?: boolean | "false" | "true";
@@ -316,7 +323,6 @@ export declare function withError(props: ModalReactProps): {
316
323
  onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
317
324
  onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
318
325
  onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
319
- onChange?: React.FormEventHandler<HTMLButtonElement>;
320
326
  onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
321
327
  onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
322
328
  onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -451,12 +457,6 @@ export declare function withError(props: ModalReactProps): {
451
457
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
452
458
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
453
459
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
454
- autoFocus?: boolean;
455
- formAction?: string;
456
- formEncType?: string;
457
- formMethod?: string;
458
- formNoValidate?: boolean;
459
- formTarget?: string;
460
460
  };
461
461
  };
462
462
  export declare function withConfirm(props: ModalReactProps): {
@@ -20,6 +20,7 @@ export default class NavFooter extends PureComponent<NavFooterProps> {
20
20
  collapseButton: boolean;
21
21
  };
22
22
  context: NavContextType;
23
+ static elementType: string;
23
24
  renderCollapseButton: () => JSX.Element;
24
25
  render(): JSX.Element;
25
26
  }
@@ -73,4 +73,5 @@ NavFooter.propTypes = {
73
73
  };
74
74
  NavFooter.defaultProps = {
75
75
  collapseButton: false
76
- };
76
+ };
77
+ NavFooter.elementType = "NavFooter";
@@ -26,6 +26,7 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
26
26
  static defaultProps: {
27
27
  prefixCls: string;
28
28
  };
29
+ static elementType: string;
29
30
  context: NavContextType;
30
31
  renderLogo(logo: React.ReactNode): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
31
32
  render(): JSX.Element;
@@ -64,4 +64,5 @@ NavHeader.propTypes = {
64
64
  };
65
65
  NavHeader.defaultProps = {
66
66
  prefixCls: cssClasses.PREFIX
67
- };
67
+ };
68
+ NavHeader.elementType = "NavHeader";
@@ -255,12 +255,12 @@ class Nav extends BaseComponent {
255
255
  for (let i = 0; i < childrenLength; i++) {
256
256
  const child = children[i];
257
257
 
258
- if (child.type === Footer || _get(child, 'type.name') === 'NavFooter') {
258
+ if (child.type === Footer || _get(child, 'type.elementType') === 'NavFooter') {
259
259
  footers.push(child);
260
260
  children.splice(i, 1);
261
261
  i--;
262
262
  childrenLength--;
263
- } else if (child.type === Header || _get(child, 'type.name') === 'NavHeader') {
263
+ } else if (child.type === Header || _get(child, 'type.elementType') === 'NavHeader') {
264
264
  headers.push(child);
265
265
  children.splice(i, 1);
266
266
  i--;
@@ -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>;
@@ -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
  };
@@ -31,6 +31,7 @@ export default class Column extends React.PureComponent<ColumnProps> {
31
31
  useFullRender: import("prop-types").Requireable<boolean>;
32
32
  width: import("prop-types").Requireable<NonNullable<string | number>>;
33
33
  };
34
+ static elementType: string;
34
35
  constructor(props?: ColumnProps);
35
36
  render(): null;
36
37
  }
@@ -11,4 +11,5 @@ export default class Column extends React.PureComponent {
11
11
  }
12
12
 
13
13
  }
14
- Column.propTypes = Object.assign({}, ColumnShape);
14
+ Column.propTypes = Object.assign({}, ColumnShape);
15
+ Column.elementType = 'Column';
@@ -60,7 +60,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
60
60
  components: PropTypes.Requireable<any>;
61
61
  bordered: PropTypes.Requireable<boolean>;
62
62
  loading: PropTypes.Requireable<boolean>;
63
- size: PropTypes.Requireable<"small" | "default" | "middle">;
63
+ size: PropTypes.Requireable<"default" | "small" | "middle">;
64
64
  tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
65
65
  columns: PropTypes.Requireable<PropTypes.InferProps<{
66
66
  align: PropTypes.Requireable<"left" | "right" | "center">;
@@ -297,7 +297,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
297
297
  showTotal?: boolean;
298
298
  pageSize?: number;
299
299
  pageSizeOpts?: number[];
300
- size?: "small" | "default";
300
+ size?: "default" | "small";
301
301
  currentPage?: number;
302
302
  defaultCurrentPage?: number;
303
303
  onPageChange?: (currentPage: number) => void;
@@ -12,7 +12,7 @@ export default function getColumns(children) {
12
12
  if (children) {
13
13
  const columns = [];
14
14
  React.Children.forEach(children, child => {
15
- if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || _get(child, 'type.name') === Column.name)) {
15
+ if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || _get(child, 'type.elementType') === 'Column')) {
16
16
  const col = _omit(child.props, ['children']);
17
17
 
18
18
  if (Array.isArray(child.props.children) && child.props.children.length) {
@@ -16,7 +16,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
16
16
  components: PropTypes.Requireable<any>;
17
17
  bordered: PropTypes.Requireable<boolean>;
18
18
  loading: PropTypes.Requireable<boolean>;
19
- size: PropTypes.Requireable<"small" | "default" | "middle">;
19
+ size: PropTypes.Requireable<"default" | "small" | "middle">;
20
20
  tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
21
21
  columns: PropTypes.Requireable<PropTypes.InferProps<{
22
22
  align: PropTypes.Requireable<"left" | "right" | "center">;
@@ -96,7 +96,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
96
96
  onAdd: PropTypes.Requireable<(...args: any[]) => any>;
97
97
  onRemove: PropTypes.Requireable<(...args: any[]) => any>;
98
98
  onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
99
- size: PropTypes.Requireable<"small" | "default" | "large">;
99
+ size: PropTypes.Requireable<"default" | "small" | "large">;
100
100
  validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
101
101
  prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
102
102
  suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
@@ -130,7 +130,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
130
130
  secondStep: PropTypes.Requireable<number>;
131
131
  focusOnOpen: PropTypes.Requireable<boolean>;
132
132
  autoFocus: PropTypes.Requireable<boolean>;
133
- size: PropTypes.Requireable<"small" | "default" | "large">;
133
+ size: PropTypes.Requireable<"default" | "small" | "large">;
134
134
  panels: PropTypes.Requireable<PropTypes.InferProps<{
135
135
  panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
136
136
  panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
@@ -48,7 +48,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
48
48
  secondStep: import("prop-types").Requireable<number>;
49
49
  focusOnOpen: import("prop-types").Requireable<boolean>;
50
50
  autoFocus: import("prop-types").Requireable<boolean>;
51
- size: import("prop-types").Requireable<"small" | "default" | "large">;
51
+ size: import("prop-types").Requireable<"default" | "small" | "large">;
52
52
  panels: import("prop-types").Requireable<import("prop-types").InferProps<{
53
53
  panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
54
54
  panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
@@ -70,7 +70,7 @@ export default class Tooltip extends BaseComponent {
70
70
  /* Only judge the loading state of the Button, and no longer judge other components */
71
71
 
72
72
 
73
- const isButton = !_isEmpty(elem) && !_isEmpty(elem.type) && elem.type.name === 'Button' || elem.type.name === 'IconButton';
73
+ const isButton = !_isEmpty(elem) && !_isEmpty(elem.type) && (_get(elem, 'type.elementType') === 'Button' || _get(elem, 'type.elementType') === 'IconButton');
74
74
 
75
75
  if (loading && isButton) {
76
76
  return strings.STATUS_LOADING;
@@ -8,6 +8,7 @@ export interface CopyableConfig {
8
8
  content?: string;
9
9
  copyTip?: React.ReactNode;
10
10
  successTip?: React.ReactNode;
11
+ icon?: React.ReactNode;
11
12
  onCopy?(e: React.MouseEvent, content: string, res: boolean): void;
12
13
  }
13
14
  export declare type LinkType = React.AnchorHTMLAttributes<HTMLAnchorElement> | boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-ui",
3
- "version": "2.32.1-alpha.2",
3
+ "version": "2.32.2",
4
4
  "description": "",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
17
17
  "lib/*"
18
18
  ],
19
19
  "dependencies": {
20
- "@douyinfe/semi-animation": "2.32.1-alpha.0",
21
- "@douyinfe/semi-animation-react": "2.32.1-alpha.0",
22
- "@douyinfe/semi-foundation": "2.32.1-alpha.0",
23
- "@douyinfe/semi-icons": "2.32.1-alpha.0",
24
- "@douyinfe/semi-illustrations": "2.32.1-alpha.0",
25
- "@douyinfe/semi-theme-default": "2.32.1-alpha.0",
20
+ "@douyinfe/semi-animation": "2.32.2",
21
+ "@douyinfe/semi-animation-react": "2.32.2",
22
+ "@douyinfe/semi-foundation": "2.32.2",
23
+ "@douyinfe/semi-icons": "2.32.2",
24
+ "@douyinfe/semi-illustrations": "2.32.2",
25
+ "@douyinfe/semi-theme-default": "2.32.2",
26
26
  "async-validator": "^3.5.0",
27
27
  "classnames": "^2.2.6",
28
28
  "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
69
69
  ],
70
70
  "author": "",
71
71
  "license": "MIT",
72
- "gitHead": "34e404c2ef3d92be254109cd9c29ac72547de9bb",
72
+ "gitHead": "312de35a97b05593fee8063c5b33881a166de04c",
73
73
  "devDependencies": {
74
74
  "@babel/plugin-proposal-decorators": "^7.15.8",
75
75
  "@babel/plugin-transform-runtime": "^7.15.8",