@douyinfe/semi-ui 2.25.2 → 2.26.0

package/dist/umd/semi-ui.js

@@ -24156,6 +24156,10 @@ const getRenderText = function (originEle, rows) {
   let ellipsisPos // eslint-disable-next-line max-params
   = arguments.length > 6 ? arguments[6] : undefined;
 
+  if (content.length === 0) {
+    return '';
+  }
+
   if (!ellipsisContainer) {
     ellipsisContainer = document.createElement('div');
     ellipsisContainer.setAttribute('aria-hidden', 'true');
@@ -38288,6 +38292,9 @@ function findKeysForValues(valueList, valueEntities) {
   valueList.forEach(val => {
     if (val in valueEntities) {
       res.push(valueEntities[val]);
+    } else {
+      // if val not in valueEntities, then value push to keys array
+      val && res.push(val);
     }
   });
   return res;
@@ -38557,15 +38564,22 @@ function normalizedArr(val) {
   } else {
     return val;
   }
-}
+} // flag is used to determine whether to return when the key does not belong to the keys in keyEntities
+// export function normalizeKeyList(keyList: any, keyEntities: KeyEntities, leafOnly = false) {
+
 function normalizeKeyList(keyList, keyEntities) {
   let leafOnly = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  let flag = arguments.length > 3 ? arguments[3] : undefined;
   const res = [];
   const keyListSet = new Set(keyList);
 
   if (!leafOnly) {
     keyList.forEach(key => {
       if (!keyEntities[key]) {
+        if (flag) {
+          res.push(key);
+        }
+
         return;
       }
 
@@ -38583,6 +38597,11 @@ function normalizeKeyList(keyList, keyEntities) {
     keyList.forEach(key => {
       if (keyEntities[key] && !treeUtil_isValid(keyEntities[key].children)) {
         res.push(key);
+      } // when key is not in keyEntities, if flag is true, key should be push in res
+
+
+      if (!keyEntities[key] && flag) {
+        res.push(key);
       }
     });
   }
@@ -38699,7 +38718,7 @@ function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedK
     }
   };
 
-  calcCurrLevel(nodeItem);
+  nodeItem && calcCurrLevel(nodeItem);
   return {
     checkedKeys,
     halfCheckedKeys
@@ -41403,7 +41422,66 @@ class foundation_TagInputFoundation extends foundation {
       const {
         value
       } = e.target;
-      this._checkInputChangeValid(value) && this._onInputChange(value, e);
+      const {
+        entering
+      } = this.getStates();
+
+      if (entering) {
+        // 如果处于输入法输入中，则先不检查输入是否有效，直接更新到inputValue，
+        // 因为对于输入法输入中而言，此时更新到 inputValue 的不是最后的结果，比如对于中文，此时 inputValue 中的内容是拼音
+        // 当输入法输入结束后，将在 handleInputCompositionEnd 中判断输入是否有效，处理结果
+        // If it is composition session, it does not check whether the input is valid, and directly updates to inputValue,
+        // Because for composition input, what is updated to inputValue at this time is not the final result.
+        // For example, for Chinese, the content in inputValue is pinyin at this time
+        // When the composition input is finished, it will be judged whether the input is valid in handleInputCompositionEnd and the result will be processed
+        this._onInputChange(value, e);
+      } else {
+        this._checkInputChangeValid(value) && this._onInputChange(value, e);
+      }
+    };
+
+    this.handleInputCompositionStart = e => {
+      this._adapter.setEntering(true);
+    };
+
+    this.handleInputCompositionEnd = e => {
+      this._adapter.setEntering(false);
+
+      const {
+        value
+      } = e.target;
+      const {
+        maxLength,
+        onInputExceed,
+        separator
+      } = this.getProps();
+      let allowChange = true;
+      const {
+        inputValue
+      } = this.getStates();
+
+      if (isNumber_default()(maxLength)) {
+        const inputArr = utils_getSplitedArray(inputValue, separator);
+        let index = 0;
+
+        for (; index < inputArr.length; index++) {
+          if (inputArr[index].length > maxLength) {
+            allowChange = false;
+            isFunction_default()(onInputExceed) && onInputExceed(value);
+            break;
+          }
+        }
+
+        if (!allowChange) {
+          const newInputArr = inputArr.slice(0, index);
+
+          if (index < inputArr.length) {
+            newInputArr.push(inputArr[index].slice(0, maxLength));
+          }
+
+          this._adapter.setInputValue(newInputArr.join(separator));
+        }
+      }
     };
     /**
      * check whether the input change is legal
@@ -43694,13 +43772,22 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
       this.foundation.handleSortEnd(callbackProps);
     };
 
+    this.handleInputCompositionStart = e => {
+      this.foundation.handleInputCompositionStart(e);
+    };
+
+    this.handleInputCompositionEnd = e => {
+      this.foundation.handleInputCompositionEnd(e);
+    };
+
     this.foundation = new tagInput_foundation(this.adapter);
     this.state = {
       tagsArray: props.defaultValue || [],
       inputValue: '',
       focusing: false,
       hovering: false,
-      active: false
+      active: false,
+      entering: false
     };
     this.inputRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.tagInputRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
@@ -43776,6 +43863,11 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
           active
         });
       },
+      setEntering: entering => {
+        this.setState({
+          entering
+        });
+      },
       getClickOutsideHandler: () => {
         return this.clickOutsideHandler;
       },
@@ -44065,7 +44157,9 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
         },
         onFocus: e => {
           this.handleInputFocus(e);
-        }
+        },
+        onCompositionStart: this.handleInputCompositionStart,
+        onCompositionEnd: this.handleInputCompositionEnd
       })), this.renderClearBtn(), this.renderSuffix())
     );
   }
@@ -80228,11 +80322,12 @@ function warnIfNoDataIndex(column) {
     const {
       filters,
       sorter,
-      dataIndex
+      dataIndex,
+      onFilter
     } = column;
     const logger = new utils_Logger('[@douyinfe/semi-ui Table]');
 
-    if ((Array.isArray(filters) || isFunction_default()(sorter)) && isNullOrUndefined(dataIndex)) {
+    if ((Array.isArray(filters) || isFunction_default()(onFilter) || isFunction_default()(sorter)) && isNullOrUndefined(dataIndex)) {
       logger.warn("The column with sorter or filter must pass the 'dataIndex' prop");
     }
   }
@@ -80487,9 +80582,10 @@ class foundation_TableFoundation extends foundation {
     const {
       defaultFilteredValue,
       filteredValue,
-      filters
+      onFilter
     } = column;
-    const hasFilter = Array.isArray(filters) && filters.length;
+
+    const hasFilter = isFunction_default()(onFilter);
 
     if (hasFilter && isUndefined_default()(filteredValue)) {
       if (Array.isArray(defaultFilteredValue) && defaultFilteredValue.length) {
@@ -80607,7 +80703,7 @@ class foundation_TableFoundation extends foundation {
        * When initializing we should use `defaultFilteredValue`, after clicking we should use `filteredValue`
        */
       const currentFilteredValue = query.filteredValue ? query.filteredValue : query.defaultFilteredValue;
-      return isFunction_default()(query.onFilter) && Array.isArray(query.filters) && query.filters.length && Array.isArray(currentFilteredValue) && currentFilteredValue.length;
+      return isFunction_default()(query.onFilter) && Array.isArray(currentFilteredValue) && currentFilteredValue.length;
     }));
     const sortedDataSource = this.sortDataSource(filteredDataSource, queries.filter(query => query && isFunction_default()(query.sorter)));
     return sortedDataSource;
@@ -86249,6 +86345,8 @@ class Table_Table extends baseComponent_BaseComponent {
         if (this.props.defaultExpandAllRows && handledProps.groups && handledProps.groups.size || this.props.expandAllRows || this.props.expandAllGroupRows) {
           this.foundation.initExpandedRowKeys(handledProps);
         }
+
+        states.pagination = handledProps.pagination;
       } // Centrally update paging related state
 
 
@@ -92603,6 +92701,46 @@ class foundation_TreeSelectFoundation extends foundation {
     return Boolean(inputValue) && showFilteredOnly;
   }
 
+  findDataForValue(findValue) {
+    const {
+      value,
+      defaultValue
+    } = this.getProps();
+    let valueArr = [];
+
+    if (value) {
+      valueArr = Array.isArray(value) ? value : [value];
+    } else if (defaultValue) {
+      valueArr = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+    }
+
+    return valueArr.find(item => {
+      return item.value === findValue || item.key === findValue;
+    });
+  }
+
+  constructDataForValue(value) {
+    const {
+      treeNodeLabelProp
+    } = this.getProps();
+    return {
+      key: value,
+      [treeNodeLabelProp]: value
+    };
+  }
+
+  getDataForKeyNotInKeyEntities(value) {
+    const {
+      onChangeWithObject
+    } = this.getProps();
+
+    if (onChangeWithObject) {
+      return this.findDataForValue(value);
+    } else {
+      return this.constructDataForValue(value);
+    }
+  }
+
   getCopyFromState(items) {
     const res = {};
     normalizedArr(items).forEach(key => {
@@ -92729,12 +92867,12 @@ class foundation_TreeSelectFoundation extends foundation {
     let keyList = [];
 
     if (checkRelation === 'related') {
-      keyList = normalizeKeyList(key, keyEntities, leafOnly);
+      keyList = normalizeKeyList(key, keyEntities, leafOnly, true);
     } else if (checkRelation === 'unRelated') {
       keyList = key;
     }
 
-    const nodes = keyList.map(i => keyEntities[i].data);
+    const nodes = keyList.map(key => keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key));
 
     if (this.getProp('onChangeWithObject')) {
       this._adapter.notifyChangeWithObject(nodes, e);
@@ -92908,7 +93046,7 @@ class foundation_TreeSelectFoundation extends foundation {
       disabledKeys,
       realCheckedKeys
     } = this.getStates();
-    const item = keyEntities[eventKey].data;
+    const item = keyEntities[eventKey] && keyEntities[eventKey].data.key === eventKey ? keyEntities[eventKey].data : this.getDataForKeyNotInKeyEntities(eventKey);
 
     if (item.disabled || disableStrictly && disabledKeys.has(eventKey)) {
       return;
@@ -93331,7 +93469,13 @@ class foundation_TreeSelectFoundation extends foundation {
       keyEntities
     } = this.getStates();
     const renderSelectedItem = isFunction_default()(propRenderSelectedItem) ? propRenderSelectedItem : item => get_default()(item, treeNodeLabelProp, null);
-    const item = selectedKeys.length && keyEntities[selectedKeys[0]] ? keyEntities[selectedKeys[0]].data : undefined;
+    let item;
+
+    if (selectedKeys.length) {
+      const key = selectedKeys[0];
+      item = keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key);
+    }
+
     const renderText = item && treeNodeLabelProp in item ? renderSelectedItem(item) : null;
     return renderText;
   }
@@ -93398,6 +93542,8 @@ var treeSelect = __webpack_require__("uw59");
 
 
 
+
+
 
 
 
@@ -93470,6 +93616,10 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
     this.handleClick = e => {
       this.foundation.handleClick(e);
     };
+
+    this.getDataForKeyNotInKeyEntities = key => {
+      return this.foundation.getDataForKeyNotInKeyEntities(key);
+    };
     /* istanbul ignore next */
 
 
@@ -93540,15 +93690,15 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       let renderKeys = [];
 
       if (checkRelation === 'related') {
-        renderKeys = normalizeKeyList([...checkedKeys], keyEntities, leafOnly);
+        renderKeys = normalizeKeyList([...checkedKeys], keyEntities, leafOnly, true);
       } else if (checkRelation === 'unRelated' && Object.keys(keyEntities).length > 0) {
         renderKeys = [...realCheckedKeys];
       }
 
       const tagList = []; // eslint-disable-next-line @typescript-eslint/no-shadow
 
-      renderKeys.forEach(key => {
-        const item = keyEntities[key].data;
+      renderKeys.forEach((key, index) => {
+        const item = keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key);
 
         const onClose = (tagContent, e) => {
           if (e && typeof e.preventDefault === 'function') {
@@ -93562,12 +93712,12 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         const {
           content,
           isRenderInTag
-        } = treeNodeLabelProp in item && item ? renderSelectedItem(item, {
-          index: key,
+        } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
+          index,
           onClose
         }) : null;
 
-        if (!content) {
+        if (isNull_default()(content) || isUndefined_default()(content)) {
           return;
         }
 
@@ -93577,7 +93727,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
           color: 'white',
           visible: true,
           onClose,
-          key,
+          key: "tag-".concat(key, "-").concat(index),
           size: size === 'small' ? 'small' : 'large'
         };
 
@@ -93790,7 +93940,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         ["".concat(treeSelect_prefixcls, "-with-suffix")]: suffix,
         ["".concat(treeSelect_prefixcls, "-with-suffix")]: suffix
       }, className);
-      const triggerRenderKeys = multiple ? normalizeKeyList([...checkedKeys], keyEntities, leafOnly) : selectedKeys;
+      const triggerRenderKeys = multiple ? normalizeKeyList([...checkedKeys], keyEntities, leafOnly, true) : selectedKeys;
       const inner = useCustomTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(trigger_0, {
         inputValue: inputValue,
         // eslint-disable-next-line @typescript-eslint/no-shadow
@@ -93854,8 +94004,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         renderSelectedItem: propRenderSelectedItem,
         treeNodeLabelProp
       } = this.props;
-      const keyList = normalizeKeyList([key], keyEntities, leafOnly);
-      const nodes = keyList.map(i => keyEntities[i].data);
+      const keyList = normalizeKeyList([key], keyEntities, leafOnly, true);
+      const nodes = keyList.map(i => keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key));
       const value = getValueOrKey(nodes);
       const tagCls = classnames_default()("".concat(treeSelect_prefixcls, "-selection-tag"), {
         ["".concat(treeSelect_prefixcls, "-selection-tag-disabled")]: disabled
@@ -93888,7 +94038,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         const {
           content,
           isRenderInTag
-        } = treeNodeLabelProp in item && item ? renderSelectedItem(item, {
+        } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index: idx,
           onClose
         }) : null;
@@ -93926,7 +94076,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       let keyList = [];
 
       if (checkRelation === 'related') {
-        keyList = normalizeKeyList(checkedKeys, keyEntities, leafOnly);
+        keyList = normalizeKeyList(checkedKeys, keyEntities, leafOnly, true);
       } else if (checkRelation === 'unRelated') {
         keyList = [...realCheckedKeys];
       } // auto focus search input divide into two parts
@@ -94651,7 +94801,7 @@ treeSelect_TreeSelect.propTypes = {
   arrowIcon: prop_types_default.a.node,
   clearIcon: prop_types_default.a.node,
   defaultOpen: prop_types_default.a.bool,
-  defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
+  defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array, prop_types_default.a.object]),
   defaultExpandAll: prop_types_default.a.bool,
   defaultExpandedKeys: prop_types_default.a.array,
   expandAll: prop_types_default.a.bool,