@douyinfe/semi-ui 2.51.3 → 2.51.4

package/dist/umd/semi-ui.js

@@ -18633,6 +18633,7 @@ class foundation_Tooltip extends foundation {
     return null;
   }
   calcPosStyle(props) {
+    var _a;
     const {
       spacing,
       isOverFlow
@@ -18683,6 +18684,10 @@ class foundation_Tooltip extends foundation {
     const isTriggerNearLeft = middleX - containerRect.left < containerRect.right - middleX;
     const isTriggerNearTop = middleY - containerRect.top < containerRect.bottom - middleY;
     const isWrapperWidthOverflow = wrapperRect.width > innerWidth;
+    const scaled = Math.abs((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.width) - ((_a = this._adapter.getContainer()) === null || _a === void 0 ? void 0 : _a.clientWidth)) > 1;
+    if (scaled) {
+      SPACING = SPACING * wrapperRect.width / this._adapter.getContainer().clientWidth;
+    }
     switch (position) {
       case 'top':
         // left = middleX;
@@ -18799,6 +18804,12 @@ class foundation_Tooltip extends foundation {
     // Calculate container positioning relative to window
     left = left - containerRect.left;
     top = top - containerRect.top;
+    if (scaled) {
+      left /= wrapperRect.width / this._adapter.getContainer().clientWidth;
+    }
+    if (scaled) {
+      top /= wrapperRect.height / this._adapter.getContainer().clientHeight;
+    }
     /**
      * container为body时，如果position不为relative或absolute，这时trigger计算出的top/left会根据html定位（initial containing block）
      * 此时如果body有margin，则计算出的位置相对于body会有问题 fix issue #1368
@@ -36994,10 +37005,12 @@ function util_traverseDataNodes(treeNodes, callback) {
     // Process node if is not root
     if (node) {
       const key = parent ? `${parent.key}${constants_VALUE_SPLIT}${node.value}` : node.value;
+      const pos = parent ? util_getPosition(parent.pos, ind) : `${ind}`;
       item = {
         data: Object.assign({}, node),
         ind,
         key,
+        pos,
         level: parent ? parent.level + 1 : 0,
         parentKey: parent ? parent.key : null,
         path: parent ? [...parent.path, key] : [key],
@@ -37030,6 +37043,17 @@ function getKeyByValuePath(valuePath) {
 function getValuePathByKey(key) {
   return key.split(VALUE_SPLIT);
 }
+function getKeyByPos(pos, treeData) {
+  const posArr = pos.split('-').map(item => Number(item));
+  let resultData = treeData;
+  let valuePath = [];
+  posArr.forEach((item, index) => {
+    var _a;
+    resultData = index === 0 ? resultData[item] : (_a = resultData === null || resultData === void 0 ? void 0 : resultData.children) === null || _a === void 0 ? void 0 : _a[item];
+    valuePath.push(resultData === null || resultData === void 0 ? void 0 : resultData.value);
+  });
+  return getKeyByValuePath(valuePath);
+}
 function util_convertDataToEntities(dataNodes) {
   const keyEntities = {};
   util_traverseDataNodes(dataNodes, data => {
@@ -37084,6 +37108,28 @@ class CascaderFoundation extends foundation {
         isSearching: false
       });
     };
+    this.handleTagRemoveByKey = key => {
+      var _a, _b;
+      const {
+        keyEntities
+      } = this.getStates();
+      const {
+        disabled
+      } = this.getProps();
+      if (disabled) {
+        /* istanbul ignore next */
+        return;
+      }
+      const removedItem = (_a = keyEntities[key]) !== null && _a !== void 0 ? _a : {};
+      !((_b = removedItem === null || removedItem === void 0 ? void 0 : removedItem.data) === null || _b === void 0 ? void 0 : _b.disable) && this._handleMultipleSelect(removedItem);
+    };
+    this.handleTagRemoveInTrigger = pos => {
+      const {
+        treeData
+      } = this.getStates();
+      const key = getKeyByPos(pos, treeData);
+      this.handleTagRemoveByKey(key);
+    };
   }
   init() {
     const isOpen = this.getProp('open') || this.getProp('defaultOpen');
@@ -37917,20 +37963,6 @@ class CascaderFoundation extends foundation {
       activeNode: data
     });
   }
-  handleTagRemove(e, tagValuePath) {
-    const {
-      keyEntities
-    } = this.getStates();
-    const {
-      disabled
-    } = this.getProps();
-    if (disabled) {
-      /* istanbul ignore next */
-      return;
-    }
-    const removedItem = Object.values(keyEntities).filter(item => isEqual_default()(item.valuePath, tagValuePath))[0];
-    !isEmpty_default()(removedItem) && !removedItem.data.disabled && this._handleMultipleSelect(removedItem);
-  }
 }
 // EXTERNAL MODULE: ../semi-foundation/cascader/cascader.scss
 var cascader = __webpack_require__("B2DP");
@@ -47589,14 +47621,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 {
@@ -47624,18 +47655,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);
     };
@@ -47835,6 +47866,7 @@ class Cascader extends BaseComponent {
       }, labelNode);
     };
     this.renderCustomTrigger = () => {
+      var _a;
       const {
         disabled,
         triggerRender,
@@ -47845,17 +47877,26 @@ class Cascader extends BaseComponent {
         inputValue,
         inputPlaceHolder,
         resolvedCheckedKeys,
-        checkedKeys
+        checkedKeys,
+        keyEntities
       } = this.state;
       let realValue;
       if (multiple) {
         if (this.mergeType === cascader_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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(trigger, {
         value: realValue,
@@ -47868,7 +47909,7 @@ class Cascader extends BaseComponent {
         componentName: 'Cascader',
         componentProps: Object.assign({}, this.props),
         onSearch: this.handleInputChange,
-        onRemove: this.handleRemoveByKey
+        onRemove: this.handleTagRemoveInTrigger
       });
     };
     this.handleMouseOver = () => {
@@ -48352,11 +48393,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
     });
@@ -53187,6 +53228,7 @@ function isValidTimeZone(timeZone) {
 
 
 
+
 /**
  * The datePicker foundation.js is responsible for maintaining the date value and the input box value, as well as the callback of both
  *  task 1. Accept the selected date change, update the date value, and update the input box value according to the date = > Notify the change
@@ -53290,6 +53332,8 @@ class DatePickerFoundation extends foundation {
             parsedV = zonedTimeToUtc(parsedV, prevTimeZone);
           }
           result.push(isValidTimeZone(timeZone) ? utcToZonedTime(parsedV, timeZone) : parsedV);
+        } else {
+          warning(true, `[Semi DatePicker] value cannot be parsed, value: ${String(v)}`);
         }
       }
     }
@@ -58919,16 +58963,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: _utils_getYears(props.startYear, props.endYear).map(year => ({
         value: year,
@@ -58938,8 +58972,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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
     this.monthRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
@@ -58976,11 +59016,19 @@ class YearAndMonth extends BaseComponent {
   }
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-    if (!isEqual_default()(props.currentYear, state.currentYear) && props.currentYear.left !== 0) {
-      willUpdateStates.currentYear = props.currentYear;
+    if (!isEqual_default()(props.currentYear, state.currentYear)) {
+      const nowYear = new Date().getFullYear();
+      willUpdateStates.currentYear = {
+        left: props.currentYear.left || nowYear,
+        right: props.currentYear.right || nowYear
+      };
     }
-    if (!isEqual_default()(props.currentMonth, state.currentMonth) && props.currentMonth.left !== 0) {
-      willUpdateStates.currentMonth = props.currentMonth;
+    if (!isEqual_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;
   }
@@ -60399,7 +60447,7 @@ class DatePicker extends BaseComponent {
     return /range/i.test(type) && !isFunction_default()(triggerRender);
   }
   componentDidUpdate(prevProps) {
-    if (prevProps.value !== this.props.value) {
+    if (!isEqual_default()(prevProps.value, this.props.value)) {
       this.foundation.initFromProps(Object.assign({}, this.props));
     } else if (this.props.timeZone !== prevProps.timeZone) {
       this.foundation.initFromProps({
@@ -62146,6 +62194,7 @@ const destroyFns = [];
 class Modal extends BaseComponent {
   constructor(props) {
     super(props);
+    this.bodyOverflow = null;
     this.handleCancel = e => {
       this.foundation.handleCancel(e);
     };
@@ -62285,7 +62334,6 @@ class Modal extends BaseComponent {
     };
     this.foundation = new ModalFoundation(this.adapter);
     this.modalRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
-    this.bodyOverflow = '';
     this.scrollBarWidth = 0;
     this.originBodyWidth = '100%';
   }
@@ -62306,7 +62354,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;
         }
@@ -70580,7 +70628,8 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
           value,
           label,
           children
-        }, rest), e)
+        }, rest), e),
+        className
       }, rest));
     }
     const config = {
@@ -84252,7 +84301,7 @@ const ResizableTable = function () {
       width: table_constants_numbers.DEFAULT_WIDTH_COLUMN_EXPAND
     });
   }
-  if (props.rowSelection && !find_default()(rawColumns, item => item.key === table_constants_strings.DEFAULT_KEY_COLUMN_SELECTION)) {
+  if (props.rowSelection && !get_default()(props.rowSelection, 'hidden') && !find_default()(rawColumns, item => item.key === table_constants_strings.DEFAULT_KEY_COLUMN_SELECTION)) {
     newColumns.unshift({
       width: get_default()(props, 'rowSelection.width', table_constants_numbers.DEFAULT_WIDTH_COLUMN_SELECTION),
       key: table_constants_strings.DEFAULT_KEY_COLUMN_SELECTION