@douyinfe/semi-ui 2.57.0 → 2.57.1-alpha.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 (25) hide show
  1. package/dist/css/semi.css +21 -2
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +13 -6
  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/datePicker/monthsGrid.d.ts +1 -1
  8. package/lib/cjs/form/baseForm.d.ts +2 -2
  9. package/lib/cjs/form/field.d.ts +2 -2
  10. package/lib/cjs/modal/confirm.d.ts +9 -9
  11. package/lib/cjs/slider/index.js +4 -2
  12. package/lib/cjs/table/Body/BaseRow.js +1 -1
  13. package/lib/cjs/table/interface.d.ts +1 -1
  14. package/lib/cjs/tagInput/index.js +8 -3
  15. package/lib/cjs/typography/title.d.ts +1 -1
  16. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  17. package/lib/es/form/baseForm.d.ts +2 -2
  18. package/lib/es/form/field.d.ts +2 -2
  19. package/lib/es/modal/confirm.d.ts +9 -9
  20. package/lib/es/slider/index.js +4 -2
  21. package/lib/es/table/Body/BaseRow.js +1 -1
  22. package/lib/es/table/interface.d.ts +1 -1
  23. package/lib/es/tagInput/index.js +8 -3
  24. package/lib/es/typography/title.d.ts +1 -1
  25. package/package.json +8 -8
package/lib/cjs/datePicker/monthsGrid.d.ts CHANGED
@@ -86,7 +86,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
86
86
  renderMonth(month: Date, panelType: PanelType): JSX.Element;
87
87
  handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
88
88
  reselect: () => void;
89
- getYAMOpenType: () => "both" | "none" | "left" | "right";
89
+ getYAMOpenType: () => "none" | "left" | "right" | "both";
90
90
  renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
91
91
  renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
92
92
  renderSwitch(panelType: PanelType): JSX.Element;
package/lib/cjs/form/baseForm.d.ts CHANGED
@@ -86,7 +86,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
86
86
  onDropdownVisibleChange?: (visible: boolean) => void;
87
87
  zIndex?: number;
88
88
  position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
89
- onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
89
+ onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
90
90
  dropdownClassName?: string;
91
91
  dropdownStyle?: React.CSSProperties;
92
92
  dropdownMargin?: number | {
@@ -140,7 +140,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
140
140
  preventScroll?: boolean;
141
141
  showRestTagsPopover?: boolean;
142
142
  restTagsPopoverProps?: import("../popover").PopoverProps;
143
- } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
143
+ } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
144
144
  static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
145
145
  static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
146
146
  static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
package/lib/cjs/form/field.d.ts CHANGED
@@ -32,7 +32,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
32
32
  onDropdownVisibleChange?: (visible: boolean) => void;
33
33
  zIndex?: number;
34
34
  position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
35
- onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
35
+ onSearch?: (value: string, event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void;
36
36
  dropdownClassName?: string;
37
37
  dropdownStyle?: import("react").CSSProperties;
38
38
  dropdownMargin?: number | {
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
86
86
  preventScroll?: boolean;
87
87
  showRestTagsPopover?: boolean;
88
88
  restTagsPopoverProps?: import("../popover").PopoverProps;
89
- } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
89
+ } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
90
90
  declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
91
91
  declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
92
92
  declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
package/lib/cjs/modal/confirm.d.ts CHANGED
@@ -146,19 +146,19 @@ export declare function withWarning(props: ModalReactProps): {
146
146
  type: "warning";
147
147
  };
148
148
  export declare function withError(props: ModalReactProps): {
149
- title?: React.ReactNode;
150
149
  children?: React.ReactNode;
151
- size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
152
150
  style?: React.CSSProperties;
153
151
  className?: string;
154
- motion?: boolean;
155
152
  getPopupContainer?: () => HTMLElement;
156
153
  footer?: React.ReactNode;
157
154
  header?: React.ReactNode;
155
+ title?: React.ReactNode;
158
156
  direction?: any;
159
157
  mask?: boolean;
160
158
  visible?: boolean;
161
159
  zIndex?: number;
160
+ size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
161
+ motion?: boolean;
162
162
  width?: string | number;
163
163
  height?: string | number;
164
164
  content?: React.ReactNode;
@@ -209,13 +209,10 @@ export declare function withError(props: ModalReactProps): {
209
209
  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
210
210
  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
211
211
  'aria-label'?: string;
212
- title?: string;
213
- name?: string;
214
212
  value?: string | number | readonly string[];
215
- onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
216
- onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
217
213
  form?: string;
218
214
  slot?: string;
215
+ title?: string;
219
216
  prefix?: string;
220
217
  dangerouslySetInnerHTML?: {
221
218
  __html: string | TrustedHTML;
@@ -370,7 +367,9 @@ export declare function withError(props: ModalReactProps): {
370
367
  onScrollCapture?: React.UIEventHandler<HTMLButtonElement>;
371
368
  onWheel?: React.WheelEventHandler<HTMLButtonElement>;
372
369
  onWheelCapture?: React.WheelEventHandler<HTMLButtonElement>;
370
+ onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
373
371
  onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement>;
372
+ onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
374
373
  onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement>;
375
374
  onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement>;
376
375
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
@@ -384,6 +383,7 @@ export declare function withError(props: ModalReactProps): {
384
383
  suppressHydrationWarning?: boolean;
385
384
  accessKey?: string;
386
385
  autoFocus?: boolean;
386
+ name?: string;
387
387
  contextMenu?: string;
388
388
  dir?: string;
389
389
  draggable?: boolean | "true" | "false";
@@ -391,7 +391,7 @@ export declare function withError(props: ModalReactProps): {
391
391
  translate?: "no" | "yes";
392
392
  role?: React.AriaRole;
393
393
  contentEditable?: "inherit" | (boolean | "true" | "false");
394
- inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
394
+ inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
395
395
  nonce?: string;
396
396
  tabIndex?: number;
397
397
  content?: string;
@@ -425,7 +425,7 @@ export declare function withError(props: ModalReactProps): {
425
425
  is?: string;
426
426
  'aria-activedescendant'?: string;
427
427
  'aria-atomic'?: boolean | "true" | "false";
428
- 'aria-autocomplete'?: "both" | "none" | "list" | "inline";
428
+ 'aria-autocomplete'?: "none" | "list" | "both" | "inline";
429
429
  'aria-busy'?: boolean | "true" | "false";
430
430
  'aria-checked'?: boolean | "true" | "false" | "mixed";
431
431
  'aria-colcount'?: number;
package/lib/cjs/slider/index.js CHANGED
@@ -392,11 +392,13 @@ class Slider extends _baseComponent.default {
392
392
  var _this = this;
393
393
  return Object.assign(Object.assign({}, super.adapter), {
394
394
  getSliderLengths: () => {
395
+ var _a;
395
396
  if (this.sliderEl && this.sliderEl.current) {
396
397
  const rect = this.sliderEl.current.getBoundingClientRect();
398
+ const offsetParentRect = (_a = this.sliderEl.current.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
397
399
  const offset = {
398
- x: this.sliderEl.current.offsetLeft,
399
- y: this.sliderEl.current.offsetTop
400
+ x: offsetParentRect ? rect.left - offsetParentRect.left : this.sliderEl.current.offsetLeft,
401
+ y: offsetParentRect ? rect.top - offsetParentRect.top : this.sliderEl.current.offsetTop
400
402
  };
401
403
  return {
402
404
  sliderX: offset.x,
package/lib/cjs/table/Body/BaseRow.js CHANGED
@@ -281,7 +281,7 @@ class TableRow extends _baseComponent.default {
281
281
  rowProps = __rest(_a, ["className", "style"]);
282
282
  this.adapter.setCache('customRowProps', Object.assign({}, rowProps));
283
283
  const baseRowStyle = Object.assign(Object.assign({}, style), customStyle);
284
- const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? replaceClassName : (0, _classnames.default)(className, `${prefixCls}-row`, {
284
+ const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? (0, _classnames.default)(replaceClassName, customClassName) : (0, _classnames.default)(className, `${prefixCls}-row`, {
285
285
  [`${prefixCls}-row-selected`]: selected,
286
286
  [`${prefixCls}-row-expanded`]: expanded,
287
287
  [`${prefixCls}-row-hovered`]: hovered,
package/lib/cjs/table/interface.d.ts CHANGED
@@ -173,7 +173,7 @@ export interface OnRowReturnObject extends Omit<React.DetailedHTMLProps<React.HT
173
173
  style?: React.CSSProperties;
174
174
  onClick?: (e: React.MouseEvent) => void;
175
175
  }
176
- export interface OnGroupedRowReturnObject extends Omit<React.HTMLAttributes<HTMLTableRowElement>, 'className'> {
176
+ export interface OnGroupedRowReturnObject extends React.HTMLAttributes<HTMLTableRowElement> {
177
177
  [x: string]: any;
178
178
  style?: React.CSSProperties;
179
179
  onClick?: (e: React.MouseEvent) => void;
package/lib/cjs/tagInput/index.js CHANGED
@@ -448,9 +448,12 @@ class TagInput extends _baseComponent.default {
448
448
  className,
449
449
  disabled,
450
450
  placeholder,
451
- validateStatus
451
+ validateStatus,
452
+ prefix,
453
+ insetLabel,
454
+ suffix
452
455
  } = _a,
453
- rest = __rest(_a, ["size", "style", "className", "disabled", "placeholder", "validateStatus"]);
456
+ rest = __rest(_a, ["size", "style", "className", "disabled", "placeholder", "validateStatus", "prefix", "insetLabel", "suffix"]);
454
457
  const {
455
458
  focusing,
456
459
  hovering,
@@ -465,7 +468,9 @@ class TagInput extends _baseComponent.default {
465
468
  [`${prefixCls}-error`]: validateStatus === 'error',
466
469
  [`${prefixCls}-warning`]: validateStatus === 'warning',
467
470
  [`${prefixCls}-small`]: size === 'small',
468
- [`${prefixCls}-large`]: size === 'large'
471
+ [`${prefixCls}-large`]: size === 'large',
472
+ [`${prefixCls}-with-prefix`]: !!prefix || !!insetLabel,
473
+ [`${prefixCls}-with-suffix`]: !!suffix
469
474
  });
470
475
  const inputCls = (0, _classnames.default)(`${prefixCls}-wrapper-input`, `${prefixCls}-wrapper-input-${size}`);
471
476
  const wrapperCls = (0, _classnames.default)(`${prefixCls}-wrapper`);
package/lib/cjs/typography/title.d.ts CHANGED
@@ -60,7 +60,7 @@ export default class Title extends PureComponent<TitleProps> {
60
60
  underline: PropTypes.Requireable<boolean>;
61
61
  strong: PropTypes.Requireable<boolean>;
62
62
  type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "danger" | "tertiary" | "quaternary">;
63
- heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
63
+ heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
64
64
  style: PropTypes.Requireable<object>;
65
65
  className: PropTypes.Requireable<string>;
66
66
  component: PropTypes.Requireable<string>;
package/lib/es/datePicker/monthsGrid.d.ts CHANGED
@@ -86,7 +86,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
86
86
  renderMonth(month: Date, panelType: PanelType): JSX.Element;
87
87
  handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
88
88
  reselect: () => void;
89
- getYAMOpenType: () => "both" | "none" | "left" | "right";
89
+ getYAMOpenType: () => "none" | "left" | "right" | "both";
90
90
  renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
91
91
  renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
92
92
  renderSwitch(panelType: PanelType): JSX.Element;
package/lib/es/form/baseForm.d.ts CHANGED
@@ -86,7 +86,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
86
86
  onDropdownVisibleChange?: (visible: boolean) => void;
87
87
  zIndex?: number;
88
88
  position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
89
- onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
89
+ onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
90
90
  dropdownClassName?: string;
91
91
  dropdownStyle?: React.CSSProperties;
92
92
  dropdownMargin?: number | {
@@ -140,7 +140,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
140
140
  preventScroll?: boolean;
141
141
  showRestTagsPopover?: boolean;
142
142
  restTagsPopoverProps?: import("../popover").PopoverProps;
143
- } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
143
+ } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
144
144
  static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
145
145
  static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
146
146
  static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
package/lib/es/form/field.d.ts CHANGED
@@ -32,7 +32,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
32
32
  onDropdownVisibleChange?: (visible: boolean) => void;
33
33
  zIndex?: number;
34
34
  position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
35
- onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
35
+ onSearch?: (value: string, event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void;
36
36
  dropdownClassName?: string;
37
37
  dropdownStyle?: import("react").CSSProperties;
38
38
  dropdownMargin?: number | {
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
86
86
  preventScroll?: boolean;
87
87
  showRestTagsPopover?: boolean;
88
88
  restTagsPopoverProps?: import("../popover").PopoverProps;
89
- } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
89
+ } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
90
90
  declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
91
91
  declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
92
92
  declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
package/lib/es/modal/confirm.d.ts CHANGED
@@ -146,19 +146,19 @@ export declare function withWarning(props: ModalReactProps): {
146
146
  type: "warning";
147
147
  };
148
148
  export declare function withError(props: ModalReactProps): {
149
- title?: React.ReactNode;
150
149
  children?: React.ReactNode;
151
- size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
152
150
  style?: React.CSSProperties;
153
151
  className?: string;
154
- motion?: boolean;
155
152
  getPopupContainer?: () => HTMLElement;
156
153
  footer?: React.ReactNode;
157
154
  header?: React.ReactNode;
155
+ title?: React.ReactNode;
158
156
  direction?: any;
159
157
  mask?: boolean;
160
158
  visible?: boolean;
161
159
  zIndex?: number;
160
+ size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
161
+ motion?: boolean;
162
162
  width?: string | number;
163
163
  height?: string | number;
164
164
  content?: React.ReactNode;
@@ -209,13 +209,10 @@ export declare function withError(props: ModalReactProps): {
209
209
  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
210
210
  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
211
211
  'aria-label'?: string;
212
- title?: string;
213
- name?: string;
214
212
  value?: string | number | readonly string[];
215
- onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
216
- onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
217
213
  form?: string;
218
214
  slot?: string;
215
+ title?: string;
219
216
  prefix?: string;
220
217
  dangerouslySetInnerHTML?: {
221
218
  __html: string | TrustedHTML;
@@ -370,7 +367,9 @@ export declare function withError(props: ModalReactProps): {
370
367
  onScrollCapture?: React.UIEventHandler<HTMLButtonElement>;
371
368
  onWheel?: React.WheelEventHandler<HTMLButtonElement>;
372
369
  onWheelCapture?: React.WheelEventHandler<HTMLButtonElement>;
370
+ onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
373
371
  onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement>;
372
+ onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
374
373
  onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement>;
375
374
  onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement>;
376
375
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
@@ -384,6 +383,7 @@ export declare function withError(props: ModalReactProps): {
384
383
  suppressHydrationWarning?: boolean;
385
384
  accessKey?: string;
386
385
  autoFocus?: boolean;
386
+ name?: string;
387
387
  contextMenu?: string;
388
388
  dir?: string;
389
389
  draggable?: boolean | "true" | "false";
@@ -391,7 +391,7 @@ export declare function withError(props: ModalReactProps): {
391
391
  translate?: "no" | "yes";
392
392
  role?: React.AriaRole;
393
393
  contentEditable?: "inherit" | (boolean | "true" | "false");
394
- inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
394
+ inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
395
395
  nonce?: string;
396
396
  tabIndex?: number;
397
397
  content?: string;
@@ -425,7 +425,7 @@ export declare function withError(props: ModalReactProps): {
425
425
  is?: string;
426
426
  'aria-activedescendant'?: string;
427
427
  'aria-atomic'?: boolean | "true" | "false";
428
- 'aria-autocomplete'?: "both" | "none" | "list" | "inline";
428
+ 'aria-autocomplete'?: "none" | "list" | "both" | "inline";
429
429
  'aria-busy'?: boolean | "true" | "false";
430
430
  'aria-checked'?: boolean | "true" | "false" | "mixed";
431
431
  'aria-colcount'?: number;
package/lib/es/slider/index.js CHANGED
@@ -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,
package/lib/es/table/Body/BaseRow.js CHANGED
@@ -271,7 +271,7 @@ export default class TableRow extends BaseComponent {
271
271
  rowProps = __rest(_a, ["className", "style"]);
272
272
  this.adapter.setCache('customRowProps', Object.assign({}, rowProps));
273
273
  const baseRowStyle = Object.assign(Object.assign({}, style), customStyle);
274
- const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? replaceClassName : classnames(className, `${prefixCls}-row`, {
274
+ const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? classnames(replaceClassName, customClassName) : classnames(className, `${prefixCls}-row`, {
275
275
  [`${prefixCls}-row-selected`]: selected,
276
276
  [`${prefixCls}-row-expanded`]: expanded,
277
277
  [`${prefixCls}-row-hovered`]: hovered,
package/lib/es/table/interface.d.ts CHANGED
@@ -173,7 +173,7 @@ export interface OnRowReturnObject extends Omit<React.DetailedHTMLProps<React.HT
173
173
  style?: React.CSSProperties;
174
174
  onClick?: (e: React.MouseEvent) => void;
175
175
  }
176
- export interface OnGroupedRowReturnObject extends Omit<React.HTMLAttributes<HTMLTableRowElement>, 'className'> {
176
+ export interface OnGroupedRowReturnObject extends React.HTMLAttributes<HTMLTableRowElement> {
177
177
  [x: string]: any;
178
178
  style?: React.CSSProperties;
179
179
  onClick?: (e: React.MouseEvent) => void;
package/lib/es/tagInput/index.js CHANGED
@@ -441,9 +441,12 @@ class TagInput extends BaseComponent {
441
441
  className,
442
442
  disabled,
443
443
  placeholder,
444
- validateStatus
444
+ validateStatus,
445
+ prefix,
446
+ insetLabel,
447
+ suffix
445
448
  } = _a,
446
- rest = __rest(_a, ["size", "style", "className", "disabled", "placeholder", "validateStatus"]);
449
+ rest = __rest(_a, ["size", "style", "className", "disabled", "placeholder", "validateStatus", "prefix", "insetLabel", "suffix"]);
447
450
  const {
448
451
  focusing,
449
452
  hovering,
@@ -458,7 +461,9 @@ class TagInput extends BaseComponent {
458
461
  [`${prefixCls}-error`]: validateStatus === 'error',
459
462
  [`${prefixCls}-warning`]: validateStatus === 'warning',
460
463
  [`${prefixCls}-small`]: size === 'small',
461
- [`${prefixCls}-large`]: size === 'large'
464
+ [`${prefixCls}-large`]: size === 'large',
465
+ [`${prefixCls}-with-prefix`]: !!prefix || !!insetLabel,
466
+ [`${prefixCls}-with-suffix`]: !!suffix
462
467
  });
463
468
  const inputCls = cls(`${prefixCls}-wrapper-input`, `${prefixCls}-wrapper-input-${size}`);
464
469
  const wrapperCls = cls(`${prefixCls}-wrapper`);
package/lib/es/typography/title.d.ts CHANGED
@@ -60,7 +60,7 @@ export default class Title extends PureComponent<TitleProps> {
60
60
  underline: PropTypes.Requireable<boolean>;
61
61
  strong: PropTypes.Requireable<boolean>;
62
62
  type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "danger" | "tertiary" | "quaternary">;
63
- heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
63
+ heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
64
64
  style: PropTypes.Requireable<object>;
65
65
  className: PropTypes.Requireable<string>;
66
66
  component: PropTypes.Requireable<string>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-ui",
3
- "version": "2.57.0",
3
+ "version": "2.57.1-alpha.0",
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.57.0",
24
- "@douyinfe/semi-animation-react": "2.57.0",
25
- "@douyinfe/semi-foundation": "2.57.0",
26
- "@douyinfe/semi-icons": "2.57.0",
27
- "@douyinfe/semi-illustrations": "2.57.0",
28
- "@douyinfe/semi-theme-default": "2.57.0",
23
+ "@douyinfe/semi-animation": "2.57.1-alpha.0",
24
+ "@douyinfe/semi-animation-react": "2.57.1-alpha.0",
25
+ "@douyinfe/semi-foundation": "2.57.1-alpha.0",
26
+ "@douyinfe/semi-icons": "2.57.1-alpha.0",
27
+ "@douyinfe/semi-illustrations": "2.57.1-alpha.0",
28
+ "@douyinfe/semi-theme-default": "2.57.1-alpha.0",
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": "57571d206421c8044245b6eaf70b49cce034f939",
78
+ "gitHead": "d911c08d3b5e459aa328fa56a426526e05ef3ce8",
79
79
  "devDependencies": {
80
80
  "@babel/plugin-proposal-decorators": "^7.15.8",
81
81
  "@babel/plugin-transform-runtime": "^7.15.8",