@douyinfe/semi-ui 2.51.2 → 2.51.4

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);
     };
@@ -165,7 +166,6 @@ class Modal extends BaseComponent {
     };
     this.foundation = new ModalFoundation(this.adapter);
     this.modalRef = /*#__PURE__*/React.createRef();
-    this.bodyOverflow = '';
     this.scrollBarWidth = 0;
     this.originBodyWidth = '100%';
   }
@@ -186,7 +186,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/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/Body/BaseRow.d.ts

@@ -46,6 +46,50 @@ export interface BaseRowProps {
     /** whether display none */
     displayNone?: boolean;
 }
+/**
+ * avoid affected by https://www.npmjs.com/package/babel-plugin-transform-react-remove-prop-types
+ */
+export declare const baseRowPropTypes: {
+    anyColumnFixed: PropTypes.Requireable<boolean>;
+    cellWidths: PropTypes.Validator<any[]>;
+    className: PropTypes.Requireable<string>;
+    columns: PropTypes.Validator<any[]>;
+    components: PropTypes.Validator<object>;
+    disabled: PropTypes.Requireable<boolean>;
+    expandIcon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+    expandableRow: PropTypes.Requireable<boolean>;
+    expanded: PropTypes.Requireable<boolean>;
+    displayNone: PropTypes.Requireable<boolean>;
+    expandedRow: PropTypes.Requireable<boolean>;
+    fixed: PropTypes.Requireable<NonNullable<string | boolean>>;
+    height: PropTypes.Requireable<NonNullable<string | number>>;
+    hideExpandedColumn: PropTypes.Requireable<boolean>;
+    hovered: PropTypes.Validator<boolean>;
+    indent: PropTypes.Requireable<number>;
+    indentSize: PropTypes.Requireable<number>;
+    index: PropTypes.Requireable<number>;
+    isSection: PropTypes.Requireable<boolean>;
+    level: PropTypes.Requireable<number>;
+    onDidUpdate: PropTypes.Requireable<(...args: any[]) => any>;
+    onHover: PropTypes.Requireable<(...args: any[]) => any>;
+    onRow: PropTypes.Requireable<(...args: any[]) => any>;
+    onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
+    onRowContextMenu: PropTypes.Requireable<(...args: any[]) => any>;
+    onRowDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
+    onRowMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+    onRowMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+    prefixCls: PropTypes.Requireable<string>;
+    record: PropTypes.Requireable<object>;
+    renderExpandIcon: PropTypes.Requireable<(...args: any[]) => any>;
+    replaceClassName: PropTypes.Requireable<string>;
+    rowExpandable: PropTypes.Requireable<(...args: any[]) => any>;
+    rowKey: PropTypes.Validator<NonNullable<NonNullable<string | number>>>;
+    selected: PropTypes.Requireable<boolean>;
+    store: PropTypes.Requireable<object>;
+    style: PropTypes.Requireable<object>;
+    virtualized: PropTypes.Requireable<NonNullable<boolean | object>>;
+    visible: PropTypes.Validator<boolean>;
+};
 export default class TableRow extends BaseComponent<BaseRowProps, Record<string, any>> {
     static propTypes: {
         anyColumnFixed: PropTypes.Requireable<boolean>;

package/lib/es/table/Body/BaseRow.js

@@ -22,6 +22,50 @@ import TableRowFoundation from '@douyinfe/semi-foundation/lib/es/table/tableRowF
 import { isLastLeftFixed, arrayAdd, isFixedLeft, isFixedRight, isScrollbarColumn, isFirstFixedRight, isInnerColumnKey, isExpandedColumn } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BaseComponent from '../../_base/baseComponent';
 import TableCell from '../TableCell';
+/**
+ * avoid affected by https://www.npmjs.com/package/babel-plugin-transform-react-remove-prop-types
+ */
+export const baseRowPropTypes = {
+  anyColumnFixed: PropTypes.bool,
+  cellWidths: PropTypes.array.isRequired,
+  className: PropTypes.string,
+  columns: PropTypes.array.isRequired,
+  components: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  expandIcon: PropTypes.oneOfType([PropTypes.bool, PropTypes.func, PropTypes.node]),
+  expandableRow: PropTypes.bool,
+  expanded: PropTypes.bool,
+  displayNone: PropTypes.bool,
+  expandedRow: PropTypes.bool,
+  fixed: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  hideExpandedColumn: PropTypes.bool,
+  hovered: PropTypes.bool.isRequired,
+  indent: PropTypes.number,
+  indentSize: PropTypes.number,
+  index: PropTypes.number,
+  isSection: PropTypes.bool,
+  level: PropTypes.number,
+  onDidUpdate: PropTypes.func,
+  onHover: PropTypes.func,
+  onRow: PropTypes.func,
+  onRowClick: PropTypes.func,
+  onRowContextMenu: PropTypes.func,
+  onRowDoubleClick: PropTypes.func,
+  onRowMouseEnter: PropTypes.func,
+  onRowMouseLeave: PropTypes.func,
+  prefixCls: PropTypes.string,
+  record: PropTypes.object,
+  renderExpandIcon: PropTypes.func,
+  replaceClassName: PropTypes.string,
+  rowExpandable: PropTypes.func,
+  rowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  selected: PropTypes.bool,
+  store: PropTypes.object,
+  style: PropTypes.object,
+  virtualized: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+  visible: PropTypes.bool.isRequired
+};
 export default class TableRow extends BaseComponent {
   get adapter() {
     var _this = this;
@@ -262,47 +306,7 @@ export default class TableRow extends BaseComponent {
     }), this.renderCells());
   }
 }
-TableRow.propTypes = {
-  anyColumnFixed: PropTypes.bool,
-  cellWidths: PropTypes.array.isRequired,
-  className: PropTypes.string,
-  columns: PropTypes.array.isRequired,
-  components: PropTypes.object.isRequired,
-  disabled: PropTypes.bool,
-  expandIcon: PropTypes.oneOfType([PropTypes.bool, PropTypes.func, PropTypes.node]),
-  expandableRow: PropTypes.bool,
-  expanded: PropTypes.bool,
-  displayNone: PropTypes.bool,
-  expandedRow: PropTypes.bool,
-  fixed: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  hideExpandedColumn: PropTypes.bool,
-  hovered: PropTypes.bool.isRequired,
-  indent: PropTypes.number,
-  indentSize: PropTypes.number,
-  index: PropTypes.number,
-  isSection: PropTypes.bool,
-  level: PropTypes.number,
-  onDidUpdate: PropTypes.func,
-  onHover: PropTypes.func,
-  onRow: PropTypes.func,
-  onRowClick: PropTypes.func,
-  onRowContextMenu: PropTypes.func,
-  onRowDoubleClick: PropTypes.func,
-  onRowMouseEnter: PropTypes.func,
-  onRowMouseLeave: PropTypes.func,
-  prefixCls: PropTypes.string,
-  record: PropTypes.object,
-  renderExpandIcon: PropTypes.func,
-  replaceClassName: PropTypes.string,
-  rowExpandable: PropTypes.func,
-  rowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  selected: PropTypes.bool,
-  store: PropTypes.object,
-  style: PropTypes.object,
-  virtualized: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-  visible: PropTypes.bool.isRequired
-};
+TableRow.propTypes = baseRowPropTypes;
 TableRow.defaultProps = {
   columns: [],
   rowExpandable: _stubTrue,

package/lib/es/table/Body/SectionRow.d.ts

@@ -24,6 +24,30 @@ export interface SectionRowProps {
     store?: Store;
     rowKey?: RowKey<any>;
 }
+/**
+ * avoid affected by https://www.npmjs.com/package/babel-plugin-transform-react-remove-prop-types
+ */
+export declare const sectionRowPropTypes: {
+    record: PropTypes.Requireable<object>;
+    index: PropTypes.Requireable<number>;
+    columns: PropTypes.Requireable<any[]>;
+    group: PropTypes.Validator<object>;
+    groupKey: PropTypes.Validator<NonNullable<NonNullable<string | number>>>;
+    data: PropTypes.Requireable<any[]>;
+    renderGroupSection: PropTypes.Requireable<(...args: any[]) => any>;
+    onGroupedRow: PropTypes.Requireable<(...args: any[]) => any>;
+    clickGroupedRowToExpand: PropTypes.Requireable<boolean>;
+    components: PropTypes.Requireable<object>;
+    expanded: PropTypes.Requireable<boolean>;
+    prefixCls: PropTypes.Requireable<string>;
+    onExpand: PropTypes.Requireable<(...args: any[]) => any>;
+    virtualized: PropTypes.Requireable<NonNullable<boolean | object>>;
+    style: PropTypes.Requireable<object>;
+    renderExpandIcon: PropTypes.Requireable<(...args: any[]) => any>;
+    className: PropTypes.Requireable<string>;
+    store: PropTypes.Requireable<object>;
+    rowKey: PropTypes.Requireable<NonNullable<string | number | ((...args: any[]) => any)>>;
+};
 /**
  * Grouping component title row
  */

package/lib/es/table/Body/SectionRow.js

@@ -15,6 +15,30 @@ import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/table/cons
 import { filterColumns } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BaseRow from './BaseRow';
 import TableContext from '../table-context';
+/**
+ * avoid affected by https://www.npmjs.com/package/babel-plugin-transform-react-remove-prop-types
+ */
+export const sectionRowPropTypes = {
+  record: PropTypes.object,
+  index: PropTypes.number,
+  columns: PropTypes.array,
+  group: PropTypes.object.isRequired,
+  groupKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  data: PropTypes.array,
+  renderGroupSection: PropTypes.func,
+  onGroupedRow: PropTypes.func,
+  clickGroupedRowToExpand: PropTypes.bool,
+  components: PropTypes.object,
+  expanded: PropTypes.bool,
+  prefixCls: PropTypes.string,
+  onExpand: PropTypes.func,
+  virtualized: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+  style: PropTypes.object,
+  renderExpandIcon: PropTypes.func,
+  className: PropTypes.string,
+  store: PropTypes.object,
+  rowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.func])
+};
 /**
  * Grouping component title row
  */
@@ -145,27 +169,7 @@ class SectionRow extends PureComponent {
   }
 }
 SectionRow.contextType = TableContext;
-SectionRow.propTypes = {
-  record: PropTypes.object,
-  index: PropTypes.number,
-  columns: PropTypes.array,
-  group: PropTypes.object.isRequired,
-  groupKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  data: PropTypes.array,
-  renderGroupSection: PropTypes.func,
-  onGroupedRow: PropTypes.func,
-  clickGroupedRowToExpand: PropTypes.bool,
-  components: PropTypes.object,
-  expanded: PropTypes.bool,
-  prefixCls: PropTypes.string,
-  onExpand: PropTypes.func,
-  virtualized: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-  style: PropTypes.object,
-  renderExpandIcon: PropTypes.func,
-  className: PropTypes.string,
-  store: PropTypes.object,
-  rowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.func])
-};
+SectionRow.propTypes = sectionRowPropTypes;
 SectionRow.defaultProps = {
   prefixCls: cssClasses.PREFIX,
   components: {

package/lib/es/table/Body/index.js

@@ -24,9 +24,9 @@ import { strings } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import BaseComponent from '../../_base/baseComponent';
 import { logger } from '../utils';
 import ColGroup from '../ColGroup';
-import BaseRow from './BaseRow';
+import BaseRow, { baseRowPropTypes } from './BaseRow';
 import ExpandedRow from './ExpandedRow';
-import SectionRow from './SectionRow';
+import SectionRow, { sectionRowPropTypes } from './SectionRow';
 import TableHeader from '../TableHeader';
 import TableContext from '../table-context';
 class Body extends BaseComponent {
@@ -271,7 +271,7 @@ class Body extends BaseComponent {
         groupKey,
         index
       } = props;
-      const sectionRowPickKeys = Object.keys(SectionRow.propTypes);
+      const sectionRowPickKeys = Object.keys(sectionRowPropTypes);
       const sectionRowProps = _pick(props, sectionRowPickKeys);
       const {
         handleRowExpanded
@@ -595,7 +595,7 @@ class Body extends BaseComponent {
       disabledRowKeysSet,
       expandRowByClick
     } = props;
-    const baseRowPickKeys = Object.keys(BaseRow.propTypes);
+    const baseRowPickKeys = Object.keys(baseRowPropTypes);
     const baseRowProps = _pick(props, baseRowPickKeys);
     let key = getRecordKey(record, rowKey);
     if (key == null) {

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.51.2",
+    "version": "2.51.4",
     "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.51.2",
-        "@douyinfe/semi-animation-react": "2.51.2",
-        "@douyinfe/semi-foundation": "2.51.2",
-        "@douyinfe/semi-icons": "2.51.2",
-        "@douyinfe/semi-illustrations": "2.51.2",
-        "@douyinfe/semi-theme-default": "2.51.2",
+        "@douyinfe/semi-animation": "2.51.4",
+        "@douyinfe/semi-animation-react": "2.51.4",
+        "@douyinfe/semi-foundation": "2.51.4",
+        "@douyinfe/semi-icons": "2.51.4",
+        "@douyinfe/semi-illustrations": "2.51.4",
+        "@douyinfe/semi-theme-default": "2.51.4",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "424e683a18b7d3c2a55e21b625f292e31df13ac2",
+    "gitHead": "b8cad87796be9b6b10409a95d3a5b4cb8b9592e6",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",