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

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
@@ -36892,14 +36903,13 @@ function calcMotionKeys(oldKeySet, newKeySet, keyEntities) {
 /**
  * @returns whether option includes sugInput.
  * When filterTreeNode is a function,returns the result of filterTreeNode which called with (sugInput, target, option).
- * The filteredPath parameter will only be passed in when the Cascader calls the filter function
  */
-function filter(sugInput, option, filterTreeNode, filterProps, filteredPath) {
+function filter(sugInput, option, filterTreeNode, filterProps) {
   if (!filterTreeNode) {
     return true;
   }
   let filterFn = filterTreeNode;
-  let target = filteredPath !== null && filteredPath !== void 0 ? filteredPath : option;
+  let target = option;
   if (typeof filterTreeNode === 'boolean') {
     filterFn = (targetVal, val) => {
       const input = targetVal.toLowerCase();
@@ -37172,6 +37182,33 @@ function util_normalizedArr(val) {
     return val;
   }
 }
+/**
+ * @returns whether option includes sugInput.
+ * When filterTreeNode is a function,returns the result of filterTreeNode which called with (sugInput, target, option).
+ */
+function util_filter(sugInput, option, filterTreeNode, filteredPath) {
+  if (!filterTreeNode) {
+    return true;
+  }
+  let filterFn = filterTreeNode;
+  let target;
+  if (typeof filterTreeNode === 'boolean') {
+    filterFn = (targetVal, val) => {
+      const input = targetVal.toLowerCase();
+      return val.toLowerCase().includes(input);
+    };
+    // 当 filterTreeNode 是 bool 类型时，由 Cascader 内部判断是否符合筛选条件，使用 join('') 修复搜索英文逗号导致所有数据被匹配问题
+    // When the type of of filterTreeNode is bool, Cascader internally determines whether it meets the filtering conditions.
+    // Use join('') to fix the problem that searching for English commas causes all data to be matched.
+    target = filteredPath.join('');
+  } else {
+    // 当 filterTreeNode 为函数类型时，由用户判断是否符合筛选条件，使用 join(), 和原来保持一致
+    // When the type of of filterTreeNode is function, the user determines whether it meets the filtering conditions, 
+    // uses join() to be consistent with the previous version.
+    target = filteredPath.join();
+  }
+  return filterFn(sugInput, target, option);
+}
 /**
  * Traverse all the data by `treeData`.
  */
@@ -37182,10 +37219,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],
@@ -37218,6 +37257,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 => {
@@ -37272,6 +37322,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');
@@ -37980,8 +38052,8 @@ class CascaderFoundation extends foundation {
         if (_notExist) {
           return false;
         }
-        const filteredPath = this.getItemPropPath(key, treeNodeFilterProp).join();
-        return filter(sugInput, data, filterTreeNode, false, filteredPath);
+        const filteredPath = this.getItemPropPath(key, treeNodeFilterProp);
+        return util_filter(sugInput, data, filterTreeNode, filteredPath);
       }).filter(item => filterTreeNode && !filterLeafOnly || this._isLeaf(item)).map(item => item.key);
     }
     this._adapter.updateStates({
@@ -38003,6 +38075,7 @@ class CascaderFoundation extends foundation {
     const isControlled = this._isControlledComponent();
     const newState = {};
     if (multiple) {
+      newState.isSearching = false;
       this._adapter.updateInputValue('');
       this._adapter.notifyOnSearch('');
       newState.checkedKeys = new Set([]);
@@ -38105,20 +38178,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");
@@ -47777,14 +47836,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 {
@@ -47812,18 +47870,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);
     };
@@ -48023,6 +48081,7 @@ class Cascader extends BaseComponent {
       }, labelNode);
     };
     this.renderCustomTrigger = () => {
+      var _a;
       const {
         disabled,
         triggerRender,
@@ -48033,17 +48092,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,
@@ -48056,7 +48124,7 @@ class Cascader extends BaseComponent {
         componentName: 'Cascader',
         componentProps: Object.assign({}, this.props),
         onSearch: this.handleInputChange,
-        onRemove: this.handleRemoveByKey
+        onRemove: this.handleTagRemoveInTrigger
       });
     };
     this.handleMouseOver = () => {
@@ -48087,11 +48155,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 = classnames_default()(`${cascader_prefixcls}-clearbtn`);
@@ -48540,11 +48609,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
     });
@@ -53375,6 +53444,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
@@ -53478,6 +53548,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)}`);
         }
       }
     }
@@ -59109,16 +59181,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,
@@ -59128,8 +59190,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();
@@ -59166,11 +59234,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;
   }
@@ -60589,7 +60665,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({
@@ -62336,6 +62412,7 @@ const destroyFns = [];
 class Modal extends BaseComponent {
   constructor(props) {
     super(props);
+    this.bodyOverflow = null;
     this.handleCancel = e => {
       this.foundation.handleCancel(e);
     };
@@ -62482,7 +62559,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%';
   }
@@ -62503,7 +62579,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;
         }
@@ -70269,6 +70345,8 @@ class SelectFoundation extends foundation {
     if (filter) {
       this.clearInput(e);
     }
+    // after click showClear button, the select need to be focused
+    this.focus();
     this.clearSelected();
     // prevent this click open dropdown
     e.stopPropagation();
@@ -70779,7 +70857,8 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
           value,
           label,
           children
-        }, rest), e)
+        }, rest), e),
+        className
       }, rest));
     }
     const config = {
@@ -84570,7 +84649,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
@@ -100746,6 +100825,9 @@ class PreviewInnerFoundation extends foundation {
         return;
       }
       const preloadImages = getPreloadImagArr(imgSrc, currentIndex, preLoadGap, infinite);
+      if (preloadImages.length === 0) {
+        return;
+      }
       const Img = new Image();
       let index = 0;
       function callback(e) {