@douyinfe/semi-ui 2.52.0-beta.1 → 2.52.1

package/lib/cjs/cascader/index.d.ts

@@ -191,9 +191,10 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: CascaderProps): void;
     handleInputChange: (value: string) => void;
-    handleTagRemove: (e: any, tagValuePath: Array<string | number>) => void;
-    handleRemoveByKey: (key: any) => void;
+    handleTagRemoveInTrigger: (pos: string) => void;
+    handleTagClose: (tagChildren: React.ReactNode, e: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
     renderTagItem: (nodeKey: string, idx: number) => string | number | boolean | React.ReactFragment | JSX.Element;
+    onRemoveInTagInput: (v: string) => void;
     renderTagInput(): JSX.Element;
     renderInput(): JSX.Element;
     handleItemClick: (e: MouseEvent | KeyboardEvent, item: Entity | Data) => void;

package/lib/cjs/cascader/index.js

@@ -43,14 +43,13 @@ class Cascader extends _baseComponent.default {
     this.handleInputChange = value => {
       this.foundation.handleInputChange(value);
     };
-    this.handleTagRemove = (e, tagValuePath) => {
-      this.foundation.handleTagRemove(e, tagValuePath);
+    this.handleTagRemoveInTrigger = pos => {
+      this.foundation.handleTagRemoveInTrigger(pos);
     };
-    this.handleRemoveByKey = key => {
-      const {
-        keyEntities
-      } = this.state;
-      this.handleTagRemove(null, keyEntities[key].valuePath);
+    this.handleTagClose = (tagChildren, e, tagKey) => {
+      // When value has not changed, prevent clicking tag closeBtn to close tag
+      e.preventDefault();
+      this.foundation.handleTagRemoveByKey(tagKey);
     };
     this.renderTagItem = (nodeKey, idx) => {
       const {
@@ -78,18 +77,18 @@ class Cascader extends _baseComponent.default {
             size: size === 'default' ? 'large' : size,
             key: `tag-${nodeKey}-${idx}`,
             color: "white",
+            tagKey: nodeKey,
             className: tagCls,
             closable: true,
-            onClose: (tagChildren, e) => {
-              // When value has not changed, prevent clicking tag closeBtn to close tag
-              e.preventDefault();
-              this.handleTagRemove(e, keyEntities[nodeKey].valuePath);
-            }
+            onClose: this.handleTagClose
           }, keyEntities[nodeKey].data[displayProp]);
         }
       }
       return null;
     };
+    this.onRemoveInTagInput = v => {
+      this.foundation.handleTagRemoveByKey(v);
+    };
     this.handleItemClick = (e, item) => {
       this.foundation.handleItemClick(e, item);
     };
@@ -289,6 +288,7 @@ class Cascader extends _baseComponent.default {
       }, labelNode);
     };
     this.renderCustomTrigger = () => {
+      var _a;
       const {
         disabled,
         triggerRender,
@@ -299,17 +299,26 @@ class Cascader extends _baseComponent.default {
         inputValue,
         inputPlaceHolder,
         resolvedCheckedKeys,
-        checkedKeys
+        checkedKeys,
+        keyEntities
       } = this.state;
       let realValue;
       if (multiple) {
         if (this.mergeType === _constants.strings.NONE_MERGE_TYPE) {
-          realValue = checkedKeys;
+          realValue = new Set();
+          checkedKeys.forEach(key => {
+            var _a;
+            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
+          });
         } else {
-          realValue = resolvedCheckedKeys;
+          realValue = new Set();
+          resolvedCheckedKeys.forEach(key => {
+            var _a;
+            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
+          });
         }
       } else {
-        realValue = [...selectedKeys][0];
+        realValue = (_a = keyEntities[[...selectedKeys][0]]) === null || _a === void 0 ? void 0 : _a.pos;
       }
       return /*#__PURE__*/_react.default.createElement(_trigger.default, {
         value: realValue,
@@ -322,7 +331,7 @@ class Cascader extends _baseComponent.default {
         componentName: 'Cascader',
         componentProps: Object.assign({}, this.props),
         onSearch: this.handleInputChange,
-        onRemove: this.handleRemoveByKey
+        onRemove: this.handleTagRemoveInTrigger
       });
     };
     this.handleMouseOver = () => {
@@ -353,11 +362,12 @@ class Cascader extends _baseComponent.default {
         selectedKeys,
         isOpen,
         isHovering,
-        checkedKeys
+        checkedKeys,
+        inputValue
       } = this.state;
       const hasValue = selectedKeys.size;
       const multipleWithHaveValue = multiple && checkedKeys.size;
-      return showClear && (hasValue || multipleWithHaveValue) && !disabled && (isOpen || isHovering);
+      return showClear && (inputValue || hasValue || multipleWithHaveValue) && !disabled && (isOpen || isHovering);
     };
     this.renderClearBtn = () => {
       const clearCls = (0, _classnames.default)(`${prefixcls}-clearbtn`);
@@ -806,11 +816,11 @@ class Cascader extends _baseComponent.default {
       showRestTagsPopover: showRestTagsPopover,
       restTagsPopoverProps: restTagsPopoverProps,
       maxTagCount: maxTagCount,
-      renderTagItem: (value, index) => this.renderTagItem(value, index),
+      renderTagItem: this.renderTagItem,
       inputValue: inputValue,
       onInputChange: this.handleInputChange,
       // TODO Modify logic, not modify type
-      onRemove: v => this.handleTagRemove(null, v),
+      onRemove: this.onRemoveInTagInput,
       placeholder: placeholder,
       expandRestTagsOnClick: false
     });

package/lib/cjs/datePicker/datePicker.js

@@ -471,7 +471,7 @@ class DatePicker extends _baseComponent.default {
     return /range/i.test(type) && !(0, _isFunction2.default)(triggerRender);
   }
   componentDidUpdate(prevProps) {
-    if (prevProps.value !== this.props.value) {
+    if (!(0, _isEqual2.default)(prevProps.value, this.props.value)) {
       this.foundation.initFromProps(Object.assign({}, this.props));
     } else if (this.props.timeZone !== prevProps.timeZone) {
       this.foundation.initFromProps({

package/lib/cjs/datePicker/yearAndMonth.js

@@ -48,16 +48,6 @@ class YearAndMonth extends _baseComponent.default {
       currentYear,
       currentMonth
     } = props;
-    const currentLeftYear = currentYear.left || now.getFullYear();
-    const currentLeftMonth = currentMonth.left || now.getMonth() + 1;
-    currentYear = {
-      left: currentLeftYear,
-      right: currentLeftYear
-    };
-    currentMonth = {
-      left: currentLeftMonth,
-      right: currentMonth.right || currentLeftMonth + 1
-    };
     this.state = {
       years: (0, _index2.getYears)(props.startYear, props.endYear).map(year => ({
         value: year,
@@ -67,8 +57,14 @@ class YearAndMonth extends _baseComponent.default {
         value: idx + 1,
         month: idx + 1
       })),
-      currentYear,
-      currentMonth
+      currentYear: {
+        left: currentYear.left || now.getFullYear(),
+        right: currentYear.right || now.getFullYear()
+      },
+      currentMonth: {
+        left: currentMonth.left || now.getMonth() + 1,
+        right: currentMonth.right || now.getMonth() + 2
+      }
     };
     this.yearRef = /*#__PURE__*/_react.default.createRef();
     this.monthRef = /*#__PURE__*/_react.default.createRef();
@@ -105,11 +101,19 @@ class YearAndMonth extends _baseComponent.default {
   }
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-    if (!(0, _isEqual2.default)(props.currentYear, state.currentYear) && props.currentYear.left !== 0) {
-      willUpdateStates.currentYear = props.currentYear;
+    if (!(0, _isEqual2.default)(props.currentYear, state.currentYear)) {
+      const nowYear = new Date().getFullYear();
+      willUpdateStates.currentYear = {
+        left: props.currentYear.left || nowYear,
+        right: props.currentYear.right || nowYear
+      };
     }
-    if (!(0, _isEqual2.default)(props.currentMonth, state.currentMonth) && props.currentMonth.left !== 0) {
-      willUpdateStates.currentMonth = props.currentMonth;
+    if (!(0, _isEqual2.default)(props.currentMonth, state.currentMonth)) {
+      const nowMonth = new Date().getMonth();
+      willUpdateStates.currentMonth = {
+        left: props.currentMonth.left || nowMonth + 1,
+        right: props.currentMonth.right || nowMonth + 2
+      };
     }
     return willUpdateStates;
   }

package/lib/cjs/form/hoc/withField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { WithFieldOption } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
-import { CommonFieldProps, CommonexcludeType } from '../interface';
-import { Subtract } from 'utility-types';
+import type { WithFieldOption } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
+import type { CommonFieldProps, CommonexcludeType } from '../interface';
+import type { Subtract } from 'utility-types';
 /**
  * withFiled is used to inject components
  * 1. Takes over the value and onChange of the component and synchronizes them to Form Foundation

package/lib/cjs/modal/Modal.js

@@ -36,6 +36,7 @@ exports.destroyFns = destroyFns;
 class Modal extends _baseComponent.default {
   constructor(props) {
     super(props);
+    this.bodyOverflow = null;
     this.handleCancel = e => {
       this.foundation.handleCancel(e);
     };
@@ -182,7 +183,6 @@ class Modal extends _baseComponent.default {
     };
     this.foundation = new _modalFoundation.default(this.adapter);
     this.modalRef = /*#__PURE__*/_react.default.createRef();
-    this.bodyOverflow = '';
     this.scrollBarWidth = 0;
     this.originBodyWidth = '100%';
   }
@@ -203,7 +203,7 @@ class Modal extends _baseComponent.default {
         const {
           getPopupContainer
         } = this.props;
-        if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
+        if (!getPopupContainer && this.bodyOverflow !== null && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = this.bodyOverflow;
           document.body.style.width = this.originBodyWidth;
         }

package/lib/cjs/resizeObserver/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-import ResizeObserver from 'resize-observer-polyfill';
 /** A parallel type to `ResizeObserverEntry` (from resize-observer-polyfill). */
 export interface ResizeEntry {
     contentRect: DOMRectReadOnly;

package/lib/cjs/resizeObserver/index.js

@@ -8,7 +8,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactDom = require("react-dom");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class ReactResizeObserver extends _baseComponent.default {
   constructor(props) {
@@ -32,7 +31,7 @@ class ReactResizeObserver extends _baseComponent.default {
         ref.current = node;
       }
     };
-    this.observer = new _resizeObserverPolyfill.default(props.onResize);
+    this.observer = new ResizeObserver(props.onResize);
   }
   componentDidMount() {
     this.observeElement();
@@ -51,7 +50,7 @@ class ReactResizeObserver extends _baseComponent.default {
     let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const element = this.getElement();
     if (!this.observer) {
-      this.observer = new _resizeObserverPolyfill.default(this.props.onResize);
+      this.observer = new ResizeObserver(this.props.onResize);
     }
     if (!(element && element instanceof Element)) {
       // stop everything if not defined

package/lib/cjs/select/option.js

@@ -110,7 +110,8 @@ class Option extends _react.PureComponent {
           value,
           label,
           children
-        }, rest), e)
+        }, rest), e),
+        className
       }, rest));
     }
     const config = {

package/lib/cjs/table/ResizableTable.js

@@ -67,7 +67,7 @@ const ResizableTable = function () {
       width: _constants.numbers.DEFAULT_WIDTH_COLUMN_EXPAND
     });
   }
-  if (props.rowSelection && !(0, _find2.default)(rawColumns, item => item.key === _constants.strings.DEFAULT_KEY_COLUMN_SELECTION)) {
+  if (props.rowSelection && !(0, _get2.default)(props.rowSelection, 'hidden') && !(0, _find2.default)(rawColumns, item => item.key === _constants.strings.DEFAULT_KEY_COLUMN_SELECTION)) {
     newColumns.unshift({
       width: (0, _get2.default)(props, 'rowSelection.width', _constants.numbers.DEFAULT_WIDTH_COLUMN_SELECTION),
       key: _constants.strings.DEFAULT_KEY_COLUMN_SELECTION

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -12,7 +12,7 @@ export interface Panel {
     panelHeader?: React.ReactNode | React.ReactNode[];
     panelFooter?: React.ReactNode | React.ReactNode[];
 }
-export type BaseValueType = string | number | Date;
+export type BaseValueType = string | number | Date | undefined;
 export type Type = 'time' | 'timeRange';
 export type TimePickerProps = {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];

package/lib/es/cascader/index.d.ts

@@ -191,9 +191,10 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: CascaderProps): void;
     handleInputChange: (value: string) => void;
-    handleTagRemove: (e: any, tagValuePath: Array<string | number>) => void;
-    handleRemoveByKey: (key: any) => void;
+    handleTagRemoveInTrigger: (pos: string) => void;
+    handleTagClose: (tagChildren: React.ReactNode, e: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
     renderTagItem: (nodeKey: string, idx: number) => string | number | boolean | React.ReactFragment | JSX.Element;
+    onRemoveInTagInput: (v: string) => void;
     renderTagInput(): JSX.Element;
     renderInput(): JSX.Element;
     handleItemClick: (e: MouseEvent | KeyboardEvent, item: Entity | Data) => void;

package/lib/es/cascader/index.js

@@ -34,14 +34,13 @@ class Cascader extends BaseComponent {
     this.handleInputChange = value => {
       this.foundation.handleInputChange(value);
     };
-    this.handleTagRemove = (e, tagValuePath) => {
-      this.foundation.handleTagRemove(e, tagValuePath);
+    this.handleTagRemoveInTrigger = pos => {
+      this.foundation.handleTagRemoveInTrigger(pos);
     };
-    this.handleRemoveByKey = key => {
-      const {
-        keyEntities
-      } = this.state;
-      this.handleTagRemove(null, keyEntities[key].valuePath);
+    this.handleTagClose = (tagChildren, e, tagKey) => {
+      // When value has not changed, prevent clicking tag closeBtn to close tag
+      e.preventDefault();
+      this.foundation.handleTagRemoveByKey(tagKey);
     };
     this.renderTagItem = (nodeKey, idx) => {
       const {
@@ -69,18 +68,18 @@ class Cascader extends BaseComponent {
             size: size === 'default' ? 'large' : size,
             key: `tag-${nodeKey}-${idx}`,
             color: "white",
+            tagKey: nodeKey,
             className: tagCls,
             closable: true,
-            onClose: (tagChildren, e) => {
-              // When value has not changed, prevent clicking tag closeBtn to close tag
-              e.preventDefault();
-              this.handleTagRemove(e, keyEntities[nodeKey].valuePath);
-            }
+            onClose: this.handleTagClose
           }, keyEntities[nodeKey].data[displayProp]);
         }
       }
       return null;
     };
+    this.onRemoveInTagInput = v => {
+      this.foundation.handleTagRemoveByKey(v);
+    };
     this.handleItemClick = (e, item) => {
       this.foundation.handleItemClick(e, item);
     };
@@ -280,6 +279,7 @@ class Cascader extends BaseComponent {
       }, labelNode);
     };
     this.renderCustomTrigger = () => {
+      var _a;
       const {
         disabled,
         triggerRender,
@@ -290,17 +290,26 @@ class Cascader extends BaseComponent {
         inputValue,
         inputPlaceHolder,
         resolvedCheckedKeys,
-        checkedKeys
+        checkedKeys,
+        keyEntities
       } = this.state;
       let realValue;
       if (multiple) {
         if (this.mergeType === strings.NONE_MERGE_TYPE) {
-          realValue = checkedKeys;
+          realValue = new Set();
+          checkedKeys.forEach(key => {
+            var _a;
+            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
+          });
         } else {
-          realValue = resolvedCheckedKeys;
+          realValue = new Set();
+          resolvedCheckedKeys.forEach(key => {
+            var _a;
+            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
+          });
         }
       } else {
-        realValue = [...selectedKeys][0];
+        realValue = (_a = keyEntities[[...selectedKeys][0]]) === null || _a === void 0 ? void 0 : _a.pos;
       }
       return /*#__PURE__*/React.createElement(Trigger, {
         value: realValue,
@@ -313,7 +322,7 @@ class Cascader extends BaseComponent {
         componentName: 'Cascader',
         componentProps: Object.assign({}, this.props),
         onSearch: this.handleInputChange,
-        onRemove: this.handleRemoveByKey
+        onRemove: this.handleTagRemoveInTrigger
       });
     };
     this.handleMouseOver = () => {
@@ -344,11 +353,12 @@ class Cascader extends BaseComponent {
         selectedKeys,
         isOpen,
         isHovering,
-        checkedKeys
+        checkedKeys,
+        inputValue
       } = this.state;
       const hasValue = selectedKeys.size;
       const multipleWithHaveValue = multiple && checkedKeys.size;
-      return showClear && (hasValue || multipleWithHaveValue) && !disabled && (isOpen || isHovering);
+      return showClear && (inputValue || hasValue || multipleWithHaveValue) && !disabled && (isOpen || isHovering);
     };
     this.renderClearBtn = () => {
       const clearCls = cls(`${prefixcls}-clearbtn`);
@@ -797,11 +807,11 @@ class Cascader extends BaseComponent {
       showRestTagsPopover: showRestTagsPopover,
       restTagsPopoverProps: restTagsPopoverProps,
       maxTagCount: maxTagCount,
-      renderTagItem: (value, index) => this.renderTagItem(value, index),
+      renderTagItem: this.renderTagItem,
       inputValue: inputValue,
       onInputChange: this.handleInputChange,
       // TODO Modify logic, not modify type
-      onRemove: v => this.handleTagRemove(null, v),
+      onRemove: this.onRemoveInTagInput,
       placeholder: placeholder,
       expandRestTagsOnClick: false
     });

package/lib/es/datePicker/datePicker.js

@@ -463,7 +463,7 @@ export default class DatePicker extends BaseComponent {
     return /range/i.test(type) && !_isFunction(triggerRender);
   }
   componentDidUpdate(prevProps) {
-    if (prevProps.value !== this.props.value) {
+    if (!_isEqual(prevProps.value, this.props.value)) {
       this.foundation.initFromProps(Object.assign({}, this.props));
     } else if (this.props.timeZone !== prevProps.timeZone) {
       this.foundation.initFromProps({

package/lib/es/datePicker/yearAndMonth.js

@@ -41,16 +41,6 @@ class YearAndMonth extends BaseComponent {
       currentYear,
       currentMonth
     } = props;
-    const currentLeftYear = currentYear.left || now.getFullYear();
-    const currentLeftMonth = currentMonth.left || now.getMonth() + 1;
-    currentYear = {
-      left: currentLeftYear,
-      right: currentLeftYear
-    };
-    currentMonth = {
-      left: currentLeftMonth,
-      right: currentMonth.right || currentLeftMonth + 1
-    };
     this.state = {
       years: getYears(props.startYear, props.endYear).map(year => ({
         value: year,
@@ -60,8 +50,14 @@ class YearAndMonth extends BaseComponent {
         value: idx + 1,
         month: idx + 1
       })),
-      currentYear,
-      currentMonth
+      currentYear: {
+        left: currentYear.left || now.getFullYear(),
+        right: currentYear.right || now.getFullYear()
+      },
+      currentMonth: {
+        left: currentMonth.left || now.getMonth() + 1,
+        right: currentMonth.right || now.getMonth() + 2
+      }
     };
     this.yearRef = /*#__PURE__*/React.createRef();
     this.monthRef = /*#__PURE__*/React.createRef();
@@ -98,11 +94,19 @@ class YearAndMonth extends BaseComponent {
   }
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-    if (!_isEqual(props.currentYear, state.currentYear) && props.currentYear.left !== 0) {
-      willUpdateStates.currentYear = props.currentYear;
+    if (!_isEqual(props.currentYear, state.currentYear)) {
+      const nowYear = new Date().getFullYear();
+      willUpdateStates.currentYear = {
+        left: props.currentYear.left || nowYear,
+        right: props.currentYear.right || nowYear
+      };
     }
-    if (!_isEqual(props.currentMonth, state.currentMonth) && props.currentMonth.left !== 0) {
-      willUpdateStates.currentMonth = props.currentMonth;
+    if (!_isEqual(props.currentMonth, state.currentMonth)) {
+      const nowMonth = new Date().getMonth();
+      willUpdateStates.currentMonth = {
+        left: props.currentMonth.left || nowMonth + 1,
+        right: props.currentMonth.right || nowMonth + 2
+      };
     }
     return willUpdateStates;
   }

package/lib/es/form/hoc/withField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { WithFieldOption } from '@douyinfe/semi-foundation/lib/es/form/interface';
-import { CommonFieldProps, CommonexcludeType } from '../interface';
-import { Subtract } from 'utility-types';
+import type { WithFieldOption } from '@douyinfe/semi-foundation/lib/es/form/interface';
+import type { CommonFieldProps, CommonexcludeType } from '../interface';
+import type { Subtract } from 'utility-types';
 /**
  * withFiled is used to inject components
  * 1. Takes over the value and onChange of the component and synchronizes them to Form Foundation

package/lib/es/modal/Modal.js

@@ -26,6 +26,7 @@ export const destroyFns = [];
 class Modal extends BaseComponent {
   constructor(props) {
     super(props);
+    this.bodyOverflow = null;
     this.handleCancel = e => {
       this.foundation.handleCancel(e);
     };
@@ -172,7 +173,6 @@ class Modal extends BaseComponent {
     };
     this.foundation = new ModalFoundation(this.adapter);
     this.modalRef = /*#__PURE__*/React.createRef();
-    this.bodyOverflow = '';
     this.scrollBarWidth = 0;
     this.originBodyWidth = '100%';
   }
@@ -193,7 +193,7 @@ class Modal extends BaseComponent {
         const {
           getPopupContainer
         } = this.props;
-        if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
+        if (!getPopupContainer && this.bodyOverflow !== null && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = this.bodyOverflow;
           document.body.style.width = this.originBodyWidth;
         }

package/lib/es/resizeObserver/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-import ResizeObserver from 'resize-observer-polyfill';
 /** A parallel type to `ResizeObserverEntry` (from resize-observer-polyfill). */
 export interface ResizeEntry {
     contentRect: DOMRectReadOnly;

package/lib/es/resizeObserver/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { findDOMNode } from 'react-dom';
 import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
-import ResizeObserver from 'resize-observer-polyfill';
 export default class ReactResizeObserver extends BaseComponent {
   constructor(props) {
     super(props);

package/lib/es/select/option.js

@@ -101,7 +101,8 @@ class Option extends PureComponent {
           value,
           label,
           children
-        }, rest), e)
+        }, rest), e),
+        className
       }, rest));
     }
     const config = {

package/lib/es/table/ResizableTable.js

@@ -57,7 +57,7 @@ const ResizableTable = function () {
       width: numbers.DEFAULT_WIDTH_COLUMN_EXPAND
     });
   }
-  if (props.rowSelection && !_find(rawColumns, item => item.key === strings.DEFAULT_KEY_COLUMN_SELECTION)) {
+  if (props.rowSelection && !_get(props.rowSelection, 'hidden') && !_find(rawColumns, item => item.key === strings.DEFAULT_KEY_COLUMN_SELECTION)) {
     newColumns.unshift({
       width: _get(props, 'rowSelection.width', numbers.DEFAULT_WIDTH_COLUMN_SELECTION),
       key: strings.DEFAULT_KEY_COLUMN_SELECTION

package/lib/es/timePicker/TimePicker.d.ts

@@ -12,7 +12,7 @@ export interface Panel {
     panelHeader?: React.ReactNode | React.ReactNode[];
     panelFooter?: React.ReactNode | React.ReactNode[];
 }
-export type BaseValueType = string | number | Date;
+export type BaseValueType = string | number | Date | undefined;
 export type Type = 'time' | 'timeRange';
 export type TimePickerProps = {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.52.0-beta.1",
+    "version": "2.52.1",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.52.0-beta.1",
-        "@douyinfe/semi-animation-react": "2.52.0-beta.1",
-        "@douyinfe/semi-foundation": "2.52.0-beta.1",
-        "@douyinfe/semi-icons": "2.52.0-beta.1",
-        "@douyinfe/semi-illustrations": "2.52.0-beta.1",
-        "@douyinfe/semi-theme-default": "2.52.0-beta.1",
+        "@douyinfe/semi-animation": "2.52.1",
+        "@douyinfe/semi-animation-react": "2.52.1",
+        "@douyinfe/semi-foundation": "2.52.1",
+        "@douyinfe/semi-icons": "2.52.1",
+        "@douyinfe/semi-illustrations": "2.52.1",
+        "@douyinfe/semi-theme-default": "2.52.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -35,7 +35,6 @@
         "prop-types": "^15.7.2",
         "react-resizable": "^3.0.5",
         "react-window": "^1.8.2",
-        "resize-observer-polyfill": "^1.5.1",
         "scroll-into-view-if-needed": "^2.2.24",
         "utility-types": "^3.10.0"
     },
@@ -75,7 +74,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "f06aca5797fda6a3f03a003ddd24591da9a4e6d4",
+    "gitHead": "aca346e8bf01599b2f0aa4aa3c1976638f87cdfb",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/dist/umd/semi-ui.min.js.LICENSE.txt

@@ -1,5 +0,0 @@
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/