@douyinfe/semi-ui 2.53.3 → 2.54.0-alpha.1

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/dist/css/semi.css +29 -20
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +201 -67
  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/index.d.ts +1 -1
  11. package/lib/cjs/carousel/CarouselIndicator.d.ts +1 -1
  12. package/lib/cjs/carousel/index.d.ts +1 -1
  13. package/lib/cjs/cascader/index.d.ts +3 -0
  14. package/lib/cjs/cascader/index.js +11 -4
  15. package/lib/cjs/collapsible/index.d.ts +1 -0
  16. package/lib/cjs/collapsible/index.js +4 -3
  17. package/lib/cjs/datePicker/datePicker.d.ts +2 -2
  18. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  19. package/lib/cjs/datePicker/quickControl.d.ts +1 -1
  20. package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
  21. package/lib/cjs/descriptions/descriptions-context.d.ts +2 -0
  22. package/lib/cjs/descriptions/index.d.ts +17 -4
  23. package/lib/cjs/descriptions/index.js +52 -16
  24. package/lib/cjs/descriptions/item.d.ts +1 -0
  25. package/lib/cjs/descriptions/item.js +20 -13
  26. package/lib/cjs/dropdown/index.d.ts +1 -1
  27. package/lib/cjs/form/baseForm.d.ts +1 -1
  28. package/lib/cjs/form/field.d.ts +1 -1
  29. package/lib/cjs/image/interface.d.ts +1 -0
  30. package/lib/cjs/image/previewInner.js +6 -0
  31. package/lib/cjs/modal/Modal.d.ts +4 -4
  32. package/lib/cjs/modal/Modal.js +12 -11
  33. package/lib/cjs/modal/confirm.d.ts +100 -100
  34. package/lib/cjs/overflowList/index.d.ts +1 -1
  35. package/lib/cjs/popover/index.d.ts +1 -1
  36. package/lib/cjs/radio/radio.d.ts +1 -1
  37. package/lib/cjs/radio/radioGroup.d.ts +1 -1
  38. package/lib/cjs/select/index.d.ts +1 -1
  39. package/lib/cjs/slider/index.js +4 -2
  40. package/lib/cjs/table/Column.d.ts +1 -1
  41. package/lib/cjs/table/ColumnShape.d.ts +1 -1
  42. package/lib/cjs/table/Table.d.ts +2 -2
  43. package/lib/cjs/table/index.d.ts +1 -1
  44. package/lib/cjs/toast/index.js +3 -0
  45. package/lib/cjs/tooltip/index.d.ts +1 -1
  46. package/lib/cjs/typography/base.js +6 -4
  47. package/lib/cjs/upload/index.d.ts +3 -3
  48. package/lib/es/anchor/index.d.ts +1 -1
  49. package/lib/es/autoComplete/index.d.ts +1 -1
  50. package/lib/es/button/Button.d.ts +1 -1
  51. package/lib/es/button/index.d.ts +1 -1
  52. package/lib/es/carousel/CarouselIndicator.d.ts +1 -1
  53. package/lib/es/carousel/index.d.ts +1 -1
  54. package/lib/es/cascader/index.d.ts +3 -0
  55. package/lib/es/cascader/index.js +11 -4
  56. package/lib/es/collapsible/index.d.ts +1 -0
  57. package/lib/es/collapsible/index.js +4 -3
  58. package/lib/es/datePicker/datePicker.d.ts +2 -2
  59. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  60. package/lib/es/datePicker/quickControl.d.ts +1 -1
  61. package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
  62. package/lib/es/descriptions/descriptions-context.d.ts +2 -0
  63. package/lib/es/descriptions/index.d.ts +17 -4
  64. package/lib/es/descriptions/index.js +52 -14
  65. package/lib/es/descriptions/item.d.ts +1 -0
  66. package/lib/es/descriptions/item.js +20 -13
  67. package/lib/es/dropdown/index.d.ts +1 -1
  68. package/lib/es/form/baseForm.d.ts +1 -1
  69. package/lib/es/form/field.d.ts +1 -1
  70. package/lib/es/image/interface.d.ts +1 -0
  71. package/lib/es/image/previewInner.js +6 -0
  72. package/lib/es/modal/Modal.d.ts +4 -4
  73. package/lib/es/modal/Modal.js +12 -11
  74. package/lib/es/modal/confirm.d.ts +100 -100
  75. package/lib/es/overflowList/index.d.ts +1 -1
  76. package/lib/es/popover/index.d.ts +1 -1
  77. package/lib/es/radio/radio.d.ts +1 -1
  78. package/lib/es/radio/radioGroup.d.ts +1 -1
  79. package/lib/es/select/index.d.ts +1 -1
  80. package/lib/es/slider/index.js +4 -2
  81. package/lib/es/table/Column.d.ts +1 -1
  82. package/lib/es/table/ColumnShape.d.ts +1 -1
  83. package/lib/es/table/Table.d.ts +2 -2
  84. package/lib/es/table/index.d.ts +1 -1
  85. package/lib/es/toast/index.js +3 -0
  86. package/lib/es/tooltip/index.d.ts +1 -1
  87. package/lib/es/typography/base.js +6 -4
  88. package/lib/es/upload/index.d.ts +3 -3
  89. package/package.json +8 -8
@@ -153,12 +153,12 @@ export declare function withError(props: ModalReactProps): {
153
153
  footer?: React.ReactNode;
154
154
  header?: React.ReactNode;
155
155
  direction?: any;
156
- mask?: boolean;
157
- visible?: boolean;
158
- zIndex?: number;
159
156
  width?: string | number;
160
157
  height?: string | number;
158
+ visible?: boolean;
161
159
  content?: React.ReactNode;
160
+ mask?: boolean;
161
+ zIndex?: number;
162
162
  closeOnEsc?: boolean;
163
163
  preventScroll?: boolean;
164
164
  afterClose?: () => void;
@@ -166,6 +166,7 @@ export declare function withError(props: ModalReactProps): {
166
166
  icon: string | number | boolean | React.ReactFragment | JSX.Element;
167
167
  closable?: boolean;
168
168
  onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
169
+ lazyRender?: boolean;
169
170
  bodyStyle?: React.CSSProperties;
170
171
  cancelButtonProps?: import("../button").BaseButtonProps;
171
172
  cancelText?: string;
@@ -180,7 +181,6 @@ export declare function withError(props: ModalReactProps): {
180
181
  okType?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").OKType;
181
182
  onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
182
183
  closeIcon?: React.ReactNode;
183
- lazyRender?: boolean;
184
184
  fullScreen?: boolean;
185
185
  footerFill?: boolean;
186
186
  type: "error";
@@ -212,7 +212,103 @@ export declare function withError(props: ModalReactProps): {
212
212
  onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
213
213
  form?: string;
214
214
  slot?: string;
215
+ contextMenu?: string;
216
+ defaultValue?: string | number | readonly string[];
217
+ accessKey?: string;
218
+ dir?: string;
219
+ draggable?: boolean | "true" | "false";
220
+ hidden?: boolean;
221
+ lang?: string;
222
+ translate?: "yes" | "no";
215
223
  prefix?: string;
224
+ role?: React.AriaRole;
225
+ contentEditable?: "inherit" | (boolean | "true" | "false");
226
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
227
+ nonce?: string;
228
+ tabIndex?: number;
229
+ color?: string;
230
+ content?: string;
231
+ onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
232
+ onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
233
+ onFocus?: React.FocusEventHandler<HTMLButtonElement>;
234
+ onBlur?: React.FocusEventHandler<HTMLButtonElement>;
235
+ onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
236
+ onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
237
+ 'aria-expanded'?: boolean | "true" | "false";
238
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
239
+ 'aria-controls'?: string;
240
+ 'aria-describedby'?: string;
241
+ defaultChecked?: boolean;
242
+ suppressContentEditableWarning?: boolean;
243
+ suppressHydrationWarning?: boolean;
244
+ autoFocus?: boolean;
245
+ placeholder?: string;
246
+ spellCheck?: boolean | "true" | "false";
247
+ radioGroup?: string;
248
+ about?: string;
249
+ datatype?: string;
250
+ inlist?: any;
251
+ property?: string;
252
+ rel?: string;
253
+ resource?: string;
254
+ rev?: string;
255
+ typeof?: string;
256
+ vocab?: string;
257
+ autoCapitalize?: string;
258
+ autoCorrect?: string;
259
+ autoSave?: string;
260
+ itemProp?: string;
261
+ itemScope?: boolean;
262
+ itemType?: string;
263
+ itemID?: string;
264
+ itemRef?: string;
265
+ results?: number;
266
+ security?: string;
267
+ unselectable?: "on" | "off";
268
+ is?: string;
269
+ 'aria-activedescendant'?: string;
270
+ 'aria-atomic'?: boolean | "true" | "false";
271
+ 'aria-autocomplete'?: "both" | "none" | "inline" | "list";
272
+ 'aria-busy'?: boolean | "true" | "false";
273
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
274
+ 'aria-colcount'?: number;
275
+ 'aria-colindex'?: number;
276
+ 'aria-colspan'?: number;
277
+ 'aria-current'?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date";
278
+ 'aria-details'?: string;
279
+ 'aria-disabled'?: boolean | "true" | "false";
280
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
281
+ 'aria-errormessage'?: string;
282
+ 'aria-flowto'?: string;
283
+ 'aria-grabbed'?: boolean | "true" | "false";
284
+ 'aria-hidden'?: boolean | "true" | "false";
285
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
286
+ 'aria-keyshortcuts'?: string;
287
+ 'aria-labelledby'?: string;
288
+ 'aria-level'?: number;
289
+ 'aria-live'?: "off" | "assertive" | "polite";
290
+ 'aria-modal'?: boolean | "true" | "false";
291
+ 'aria-multiline'?: boolean | "true" | "false";
292
+ 'aria-multiselectable'?: boolean | "true" | "false";
293
+ 'aria-orientation'?: "horizontal" | "vertical";
294
+ 'aria-owns'?: string;
295
+ 'aria-placeholder'?: string;
296
+ 'aria-posinset'?: number;
297
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
298
+ 'aria-readonly'?: boolean | "true" | "false";
299
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
300
+ 'aria-required'?: boolean | "true" | "false";
301
+ 'aria-roledescription'?: string;
302
+ 'aria-rowcount'?: number;
303
+ 'aria-rowindex'?: number;
304
+ 'aria-rowspan'?: number;
305
+ 'aria-selected'?: boolean | "true" | "false";
306
+ 'aria-setsize'?: number;
307
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other";
308
+ 'aria-valuemax'?: number;
309
+ 'aria-valuemin'?: number;
310
+ 'aria-valuenow'?: number;
311
+ 'aria-valuetext'?: string;
216
312
  dangerouslySetInnerHTML?: {
217
313
  __html: string | TrustedHTML;
218
314
  };
@@ -228,9 +324,7 @@ export declare function withError(props: ModalReactProps): {
228
324
  onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement>;
229
325
  onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement>;
230
326
  onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
231
- onFocus?: React.FocusEventHandler<HTMLButtonElement>;
232
327
  onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
233
- onBlur?: React.FocusEventHandler<HTMLButtonElement>;
234
328
  onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
235
329
  onChange?: React.FormEventHandler<HTMLButtonElement>;
236
330
  onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -248,7 +342,6 @@ export declare function withError(props: ModalReactProps): {
248
342
  onLoadCapture?: React.ReactEventHandler<HTMLButtonElement>;
249
343
  onError?: React.ReactEventHandler<HTMLButtonElement>;
250
344
  onErrorCapture?: React.ReactEventHandler<HTMLButtonElement>;
251
- onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
252
345
  onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
253
346
  onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement>;
254
347
  onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
@@ -303,7 +396,6 @@ export declare function withError(props: ModalReactProps): {
303
396
  onAuxClick?: React.MouseEventHandler<HTMLButtonElement>;
304
397
  onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
305
398
  onClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
306
- onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
307
399
  onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement>;
308
400
  onDoubleClick?: React.MouseEventHandler<HTMLButtonElement>;
309
401
  onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
@@ -326,9 +418,7 @@ export declare function withError(props: ModalReactProps): {
326
418
  onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement>;
327
419
  onMouseMove?: React.MouseEventHandler<HTMLButtonElement>;
328
420
  onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement>;
329
- onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
330
421
  onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement>;
331
- onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
332
422
  onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement>;
333
423
  onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
334
424
  onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement>;
@@ -372,96 +462,6 @@ export declare function withError(props: ModalReactProps): {
372
462
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
373
463
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
374
464
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
375
- hidden?: boolean;
376
- color?: string;
377
- defaultChecked?: boolean;
378
- defaultValue?: string | number | readonly string[];
379
- suppressContentEditableWarning?: boolean;
380
- suppressHydrationWarning?: boolean;
381
- accessKey?: string;
382
- autoFocus?: boolean;
383
- contextMenu?: string;
384
- dir?: string;
385
- draggable?: boolean | "true" | "false";
386
- lang?: string;
387
- translate?: "no" | "yes";
388
- role?: React.AriaRole;
389
- contentEditable?: "inherit" | (boolean | "true" | "false");
390
- inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
391
- nonce?: string;
392
- tabIndex?: number;
393
- content?: string;
394
- 'aria-expanded'?: boolean | "true" | "false";
395
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
396
- 'aria-controls'?: string;
397
- 'aria-describedby'?: string;
398
- placeholder?: string;
399
- spellCheck?: boolean | "true" | "false";
400
- radioGroup?: string;
401
- about?: string;
402
- datatype?: string;
403
- inlist?: any;
404
- property?: string;
405
- rel?: string;
406
- resource?: string;
407
- rev?: string;
408
- typeof?: string;
409
- vocab?: string;
410
- autoCapitalize?: string;
411
- autoCorrect?: string;
412
- autoSave?: string;
413
- itemProp?: string;
414
- itemScope?: boolean;
415
- itemType?: string;
416
- itemID?: string;
417
- itemRef?: string;
418
- results?: number;
419
- security?: string;
420
- unselectable?: "on" | "off";
421
- is?: string;
422
- 'aria-activedescendant'?: string;
423
- 'aria-atomic'?: boolean | "true" | "false";
424
- 'aria-autocomplete'?: "both" | "none" | "list" | "inline";
425
- 'aria-busy'?: boolean | "true" | "false";
426
- 'aria-checked'?: boolean | "true" | "false" | "mixed";
427
- 'aria-colcount'?: number;
428
- 'aria-colindex'?: number;
429
- 'aria-colspan'?: number;
430
- 'aria-current'?: boolean | "time" | "true" | "false" | "date" | "location" | "page" | "step";
431
- 'aria-details'?: string;
432
- 'aria-disabled'?: boolean | "true" | "false";
433
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
434
- 'aria-errormessage'?: string;
435
- 'aria-flowto'?: string;
436
- 'aria-grabbed'?: boolean | "true" | "false";
437
- 'aria-hidden'?: boolean | "true" | "false";
438
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
439
- 'aria-keyshortcuts'?: string;
440
- 'aria-labelledby'?: string;
441
- 'aria-level'?: number;
442
- 'aria-live'?: "off" | "assertive" | "polite";
443
- 'aria-modal'?: boolean | "true" | "false";
444
- 'aria-multiline'?: boolean | "true" | "false";
445
- 'aria-multiselectable'?: boolean | "true" | "false";
446
- 'aria-orientation'?: "horizontal" | "vertical";
447
- 'aria-owns'?: string;
448
- 'aria-placeholder'?: string;
449
- 'aria-posinset'?: number;
450
- 'aria-pressed'?: boolean | "true" | "false" | "mixed";
451
- 'aria-readonly'?: boolean | "true" | "false";
452
- 'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
453
- 'aria-required'?: boolean | "true" | "false";
454
- 'aria-roledescription'?: string;
455
- 'aria-rowcount'?: number;
456
- 'aria-rowindex'?: number;
457
- 'aria-rowspan'?: number;
458
- 'aria-selected'?: boolean | "true" | "false";
459
- 'aria-setsize'?: number;
460
- 'aria-sort'?: "none" | "ascending" | "descending" | "other";
461
- 'aria-valuemax'?: number;
462
- 'aria-valuemin'?: number;
463
- 'aria-valuenow'?: number;
464
- 'aria-valuetext'?: string;
465
465
  formAction?: string;
466
466
  formEncType?: string;
467
467
  formMethod?: string;
@@ -81,7 +81,7 @@ declare class OverflowList extends BaseComponent<OverflowListProps, OverflowList
81
81
  className: string;
82
82
  style: {
83
83
  maxWidth: string;
84
- visibility: "hidden" | "visible";
84
+ visibility: "visible" | "hidden";
85
85
  accentColor?: import("csstype").Property.AccentColor;
86
86
  alignContent?: import("csstype").Property.AlignContent;
87
87
  alignItems?: import("csstype").Property.AlignItems;
@@ -58,7 +58,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
58
58
  visible: PropTypes.Requireable<boolean>;
59
59
  autoAdjustOverflow: PropTypes.Requireable<boolean>;
60
60
  motion: PropTypes.Requireable<boolean>;
61
- position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
61
+ position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
62
62
  margin: PropTypes.Requireable<NonNullable<number | object>>;
63
63
  mouseEnterDelay: PropTypes.Requireable<number>;
64
64
  mouseLeaveDelay: PropTypes.Requireable<number>;
@@ -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" | "middle" | "large";
85
+ buttonSize?: "small" | "large" | "middle";
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" | "middle" | "large">;
51
+ buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
52
52
  type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
53
53
  value: PropTypes.Requireable<any>;
54
54
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -200,7 +200,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
200
200
  expandRestTagsOnClick: PropTypes.Requireable<boolean>;
201
201
  onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
202
202
  zIndex: PropTypes.Requireable<number>;
203
- position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
203
+ position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
204
204
  onSearch: PropTypes.Requireable<(...args: any[]) => any>;
205
205
  getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
206
206
  dropdownClassName: PropTypes.Requireable<string>;
@@ -385,11 +385,13 @@ export default class Slider extends BaseComponent {
385
385
  var _this = this;
386
386
  return Object.assign(Object.assign({}, super.adapter), {
387
387
  getSliderLengths: () => {
388
+ var _a;
388
389
  if (this.sliderEl && this.sliderEl.current) {
389
390
  const rect = this.sliderEl.current.getBoundingClientRect();
391
+ const offsetParentRect = (_a = this.sliderEl.current.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
390
392
  const offset = {
391
- x: this.sliderEl.current.offsetLeft,
392
- y: this.sliderEl.current.offsetTop
393
+ x: offsetParentRect ? rect.left - offsetParentRect.left : this.sliderEl.current.offsetLeft,
394
+ y: offsetParentRect ? rect.top - offsetParentRect.top : this.sliderEl.current.offsetTop
393
395
  };
394
396
  return {
395
397
  sliderX: offset.x,
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { ColumnProps } from './interface';
3
3
  export default class Column extends React.PureComponent<ColumnProps> {
4
4
  static propTypes: {
5
- align: import("prop-types").Requireable<"center" | "left" | "right">;
5
+ align: import("prop-types").Requireable<"left" | "right" | "center">;
6
6
  className: import("prop-types").Requireable<string>;
7
7
  colSpan: import("prop-types").Requireable<number>;
8
8
  dataIndex: import("prop-types").Requireable<string>;
@@ -1,6 +1,6 @@
1
1
  import PropTypes from 'prop-types';
2
2
  declare const _default: {
3
- align: PropTypes.Requireable<"center" | "left" | "right">;
3
+ align: PropTypes.Requireable<"left" | "right" | "center">;
4
4
  className: PropTypes.Requireable<string>;
5
5
  colSpan: PropTypes.Requireable<number>;
6
6
  dataIndex: PropTypes.Requireable<string>;
@@ -63,7 +63,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
63
63
  size: PropTypes.Requireable<"default" | "small" | "middle">;
64
64
  tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
65
65
  columns: PropTypes.Requireable<PropTypes.InferProps<{
66
- align: PropTypes.Requireable<"center" | "left" | "right">;
66
+ align: PropTypes.Requireable<"left" | "right" | "center">;
67
67
  className: PropTypes.Requireable<string>;
68
68
  colSpan: PropTypes.Requireable<number>;
69
69
  dataIndex: PropTypes.Requireable<string>;
@@ -308,7 +308,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
308
308
  showSizeChanger?: boolean;
309
309
  showQuickJumper?: boolean;
310
310
  popoverZIndex?: number;
311
- popoverPosition?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
311
+ popoverPosition?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
312
312
  hideOnSinglePage?: boolean;
313
313
  hoverShowPageSelect?: boolean;
314
314
  disabled?: boolean;
@@ -19,7 +19,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
19
19
  size: PropTypes.Requireable<"default" | "small" | "middle">;
20
20
  tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
21
21
  columns: PropTypes.Requireable<PropTypes.InferProps<{
22
- align: PropTypes.Requireable<"center" | "left" | "right">;
22
+ align: PropTypes.Requireable<"left" | "right" | "center">;
23
23
  className: PropTypes.Requireable<string>;
24
24
  colSpan: PropTypes.Requireable<number>;
25
25
  dataIndex: PropTypes.Requireable<string>;
@@ -178,6 +178,9 @@ const createBaseToast = () => {
178
178
  ToastList.defaultOpts[pos] = opts[pos];
179
179
  }
180
180
  });
181
+ if (typeof opts.theme === 'string' && strings.themes.includes(opts.theme)) {
182
+ ToastList.defaultOpts.theme = opts.theme;
183
+ }
181
184
  if (typeof opts.zIndex === 'number') {
182
185
  ToastList.defaultOpts.zIndex = opts.zIndex;
183
186
  }
@@ -91,7 +91,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
91
91
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
92
92
  motion: PropTypes.Requireable<boolean>;
93
93
  autoAdjustOverflow: PropTypes.Requireable<boolean>;
94
- position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
94
+ position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
95
95
  getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
96
96
  mouseEnterDelay: PropTypes.Requireable<number>;
97
97
  mouseLeaveDelay: PropTypes.Requireable<number>;
@@ -138,7 +138,9 @@ export default class Base extends Component {
138
138
  expandable,
139
139
  expandText
140
140
  } = this.getEllipsisOpt();
141
- const overflowed = !expanded && (isOverflowed || isTruncated);
141
+ const canUseCSSEllipsis = this.canUseCSSEllipsis();
142
+ // If the css is truncated, use isOverflowed to judge. If the css is truncated, use isTruncated to judge.
143
+ const overflowed = !expanded && (canUseCSSEllipsis ? isOverflowed : isTruncated);
142
144
  const noExpandText = !expandable && _isUndefined(expandText);
143
145
  const show = noExpandText && overflowed && showTooltip;
144
146
  if (!show) {
@@ -420,11 +422,11 @@ export default class Base extends Component {
420
422
  copied: false,
421
423
  // ellipsis
422
424
  // if text is overflow in container
423
- isOverflowed: true,
425
+ isOverflowed: false,
424
426
  ellipsisContent: props.children,
425
427
  expanded: false,
426
428
  // if text is truncated with js
427
- isTruncated: true,
429
+ isTruncated: false,
428
430
  prevChildren: null
429
431
  };
430
432
  this.wrapperRef = /*#__PURE__*/React.createRef();
@@ -445,7 +447,7 @@ export default class Base extends Component {
445
447
  newState.prevChildren = props.children;
446
448
  if (props.ellipsis && prevChildren !== props.children) {
447
449
  // reset ellipsis state if children update
448
- newState.isOverflowed = true;
450
+ newState.isOverflowed = false;
449
451
  newState.ellipsisContent = props.children;
450
452
  newState.expanded = false;
451
453
  newState.isTruncated = true;
@@ -6,9 +6,9 @@ import BaseComponent from '../_base/baseComponent';
6
6
  import type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
7
7
  import { Locale } from '../locale/interface';
8
8
  import '@douyinfe/semi-foundation/lib/es/upload/upload.css';
9
- import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
9
+ import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult, FileItemStatus } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
10
10
  import type { ValidateStatus } from '../_base/baseComponent';
11
- export type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
11
+ export type { FileItem, FileItemStatus, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
12
12
  export interface UploadProps {
13
13
  accept?: string;
14
14
  action: string;
@@ -150,7 +150,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
150
150
  style: PropTypes.Requireable<object>;
151
151
  timeout: PropTypes.Requireable<number>;
152
152
  transformFile: PropTypes.Requireable<(...args: any[]) => any>;
153
- uploadTrigger: PropTypes.Requireable<"auto" | "custom">;
153
+ uploadTrigger: PropTypes.Requireable<"custom" | "auto">;
154
154
  validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
155
155
  validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
156
156
  withCredentials: PropTypes.Requireable<boolean>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-ui",
3
- "version": "2.53.3",
3
+ "version": "2.54.0-alpha.1",
4
4
  "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
20
20
  "@dnd-kit/core": "^6.0.8",
21
21
  "@dnd-kit/sortable": "^7.0.2",
22
22
  "@dnd-kit/utilities": "^3.2.1",
23
- "@douyinfe/semi-animation": "2.53.3",
24
- "@douyinfe/semi-animation-react": "2.53.3",
25
- "@douyinfe/semi-foundation": "2.53.3",
26
- "@douyinfe/semi-icons": "2.53.3",
27
- "@douyinfe/semi-illustrations": "2.53.3",
28
- "@douyinfe/semi-theme-default": "2.53.3",
23
+ "@douyinfe/semi-animation": "2.54.0-alpha.1",
24
+ "@douyinfe/semi-animation-react": "2.54.0-alpha.1",
25
+ "@douyinfe/semi-foundation": "2.54.0-alpha.1",
26
+ "@douyinfe/semi-icons": "2.54.0-alpha.1",
27
+ "@douyinfe/semi-illustrations": "2.54.0-alpha.1",
28
+ "@douyinfe/semi-theme-default": "2.54.0-alpha.1",
29
29
  "async-validator": "^3.5.0",
30
30
  "classnames": "^2.2.6",
31
31
  "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
75
75
  ],
76
76
  "author": "",
77
77
  "license": "MIT",
78
- "gitHead": "185222a3eca3ca40b81f143de74d980c12565406",
78
+ "gitHead": "9d5d3e56181ea19f6a412904c685356a8e91dcbd",
79
79
  "devDependencies": {
80
80
  "@babel/plugin-proposal-decorators": "^7.15.8",
81
81
  "@babel/plugin-transform-runtime": "^7.15.8",