@douyinfe/semi-ui 2.25.1 → 2.26.0-beta.0

package/dist/umd/semi-ui.js

@@ -19114,7 +19114,7 @@ class foundation_Tooltip extends foundation {
           }
 
           if (shouldReverseLeftSide && widthIsBigger) {
-            position = this._adjustPos(position, true);
+            position = this._adjustPos(position);
           }
 
           if (isWidthOverFlow && (isViewXEnoughSideHalf || isContainerXEnoughSideHalf)) {
@@ -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
@@ -41293,9 +41312,9 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
     })) : null;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({
       "aria-label": this.props['aria-label'] || isString_default()(children) ? "".concat(closable ? 'Closable ' : '', "Tag: ").concat(children) : ''
-    }, wrapProps), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+    }, wrapProps), avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(tag_prefixCls, "-content")
-    }, avatarSrc ? this.renderAvatar() : null, children), closeIcon);
+    }, children), closeIcon);
   }
 
 }
@@ -43555,16 +43574,14 @@ function sortableElement(WrappedComponent) {
 
 
 
+const tagInput_prefixCls = tagInput_constants_cssClasses.PREFIX;
 const SortableItem = sortableElement(props => props.item);
 const SortableList = sortableContainer(_ref => {
   let {
     items
   } = _ref;
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-    style: {
-      display: 'flex',
-      flexFlow: 'row wrap'
-    }
+    className: "".concat(tagInput_prefixCls, "-sortable-list")
   }, items.map((item, index) =>
   /*#__PURE__*/
   // @ts-ignore skip SortableItem type check
@@ -43574,7 +43591,6 @@ const SortableList = sortableContainer(_ref => {
     item: item.item
   })));
 });
-const tagInput_prefixCls = tagInput_constants_cssClasses.PREFIX;
 
 class tagInput_TagInput extends baseComponent_BaseComponent {
   constructor(props) {
@@ -43680,13 +43696,15 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
             key: elementKey,
             visible: true,
             "aria-label": "".concat(!disabled ? 'Closable ' : '', "Tag: ").concat(value)
+          }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+            className: "".concat(tagInput_prefixCls, "-tag-content-wrapper")
           }, showIconHandler && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(DragHandle, null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(paragraph_Paragraph, {
             className: typoCls,
             ellipsis: {
               showTooltip: showContentTooltip,
               rows: 1
             }
-          }, value));
+          }, value)));
         }
       });
     };
@@ -80229,11 +80247,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");
     }
   }
@@ -80488,9 +80507,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) {
@@ -80608,7 +80628,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;
@@ -86250,6 +86270,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
 
 
@@ -92604,6 +92626,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 => {
@@ -92730,12 +92792,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);
@@ -92909,7 +92971,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;
@@ -93332,7 +93394,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;
   }
@@ -93399,6 +93467,8 @@ var treeSelect = __webpack_require__("uw59");
 
 
 
+
+
 
 
 
@@ -93471,6 +93541,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 */
 
 
@@ -93541,15 +93615,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') {
@@ -93563,12 +93637,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;
         }
 
@@ -93578,7 +93652,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
           color: 'white',
           visible: true,
           onClose,
-          key,
+          key: "tag-".concat(key, "-").concat(index),
           size: size === 'small' ? 'small' : 'large'
         };
 
@@ -93791,7 +93865,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
@@ -93855,8 +93929,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
@@ -93889,7 +93963,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;
@@ -93927,7 +94001,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
@@ -94652,7 +94726,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,