@douyinfe/semi-ui 2.55.4 → 2.56.0-alpha.0

package/dist/umd/semi-ui.js

@@ -47072,10 +47072,10 @@ class Cascader extends BaseComponent {
         displayRender,
         disableStrictly
       } = this.props;
-      const isDsiabled = disabled || keyEntities[nodeKey].data.disabled || disableStrictly && disabledKeys.has(nodeKey);
       if (keyEntities[nodeKey]) {
+        const isDisabled = disabled || keyEntities[nodeKey].data.disabled || disableStrictly && disabledKeys.has(nodeKey);
         const tagCls = classnames_default()(`${cascader_prefixcls}-selection-tag`, {
-          [`${cascader_prefixcls}-selection-tag-disabled`]: isDsiabled
+          [`${cascader_prefixcls}-selection-tag-disabled`]: isDisabled
         });
         // custom render tags
         if (isFunction_default()(displayRender)) {
@@ -47738,7 +47738,11 @@ class Cascader extends BaseComponent {
         formatItem.length > 0 && formatValuePath.push(formatItem);
       });
       // formatKeys is used to save key of value
-      const formatKeys = formatValuePath.map(v => getKeyByValuePath(v));
+      const formatKeys = formatValuePath.reduce((acc, cur) => {
+        const key = getKeyByValuePath(cur);
+        keyEntities[key] && acc.push(key);
+        return acc;
+      }, []);
       return formatKeys;
     };
     const needUpdateTreeData = needUpdate('treeData') || needUpdateData();
@@ -76010,7 +76014,8 @@ class SliderFoundation extends foundation {
     this.onHandleLeave = () => {
       // this._adapter.setEventDefault(e);
       const disabled = this._adapter.getState('disabled');
-      if (!disabled && this.getStates()['focusPos'] === "") {
+      const isDrag = this._adapter.getState('isDrag');
+      if (!disabled && !isDrag) {
         this._adapter.onHandleLeave();
       }
     };
@@ -87771,6 +87776,45 @@ class TreeFoundation extends foundation {
     const value = pick_default()(data, selectedPath);
     this._adapter.notifyChange(value);
   }
+  constructDataForValue(value) {
+    const {
+      keyMaps
+    } = this.getProps();
+    const keyName = get_default()(keyMaps, 'key', 'key');
+    const labelName = get_default()(keyMaps, 'label', 'label');
+    return {
+      [keyName]: value,
+      [labelName]: value
+    };
+  }
+  findDataForValue(findValue) {
+    const {
+      value,
+      defaultValue,
+      keyMaps
+    } = this.getProps();
+    const realValueName = get_default()(keyMaps, 'value', 'value');
+    const realKeyName = get_default()(keyMaps, 'key', 'key');
+    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[realValueName] === findValue || item[realKeyName] === findValue;
+    });
+  }
+  getDataForKeyNotInKeyEntities(value) {
+    const {
+      onChangeWithObject
+    } = this.getProps();
+    if (onChangeWithObject) {
+      return this.findDataForValue(value);
+    } else {
+      return this.constructDataForValue(value);
+    }
+  }
   notifyMultipleChange(key, e) {
     const {
       keyEntities
@@ -87783,14 +87827,15 @@ class TreeFoundation extends foundation {
     let value;
     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(key => keyEntities[key] ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key));
     if (this.getProp('onChangeWithObject')) {
-      value = keyList.map(itemKey => keyEntities[itemKey].data);
+      value = nodes;
     } else {
-      value = getValueOrKey(keyList.map(itemKey => keyEntities[itemKey].data), keyMaps);
+      value = getValueOrKey(nodes, keyMaps);
     }
     this._adapter.notifyChange(value);
   }
@@ -87949,7 +87994,7 @@ class TreeFoundation extends foundation {
       return this.calcCheckedKeys(eventKey, targetStatus);
     }
     const nonDisabled = descendantKeys.filter(key => !disabledKeys.has(key));
-    const newCheckedKeys = targetStatus ? [...nonDisabled, ...checkedKeys] : difference_default()(normalizeKeyList([...checkedKeys], keyEntities, true), nonDisabled);
+    const newCheckedKeys = targetStatus ? [...nonDisabled, ...checkedKeys] : difference_default()(normalizeKeyList([...checkedKeys], keyEntities, true, true), nonDisabled);
     return calcCheckedKeys(newCheckedKeys, keyEntities);
   }
   /*
@@ -88498,6 +88543,7 @@ class TreeNode extends external_root_React_commonjs2_react_commonjs_react_amd_re
       onNodeExpand(e, this.props);
     };
     this.onCheck = e => {
+      var _a, _b;
       if (this.isDisabled()) {
         return;
       }
@@ -88505,7 +88551,7 @@ class TreeNode extends external_root_React_commonjs2_react_commonjs_react_amd_re
         onNodeCheck
       } = this.context;
       e.stopPropagation();
-      e.nativeEvent.stopImmediatePropagation();
+      (_b = (_a = e.nativeEvent) === null || _a === void 0 ? void 0 : _a.stopImmediatePropagation) === null || _b === void 0 ? void 0 : _b.call(_a);
       onNodeCheck(e, this.props);
     };
     /**
@@ -90343,6 +90389,7 @@ class TreeSelectFoundation extends foundation {
     } = this.getProps();
     const realFilterProp = treeNodeFilterProp !== 'label' ? treeNodeFilterProp : get_default()(keyMaps, 'label', 'label');
     const newExpandedKeys = new Set(expandedKeys);
+    let filteredNodes = [];
     let filteredOptsKeys = [];
     let expandedOptsKeys = [];
     let newFlattenNodes = [];
@@ -90352,19 +90399,21 @@ class TreeSelectFoundation extends foundation {
       expandedOptsKeys.forEach(item => newExpandedKeys.add(item));
       newFlattenNodes = flattenTreeData(treeData, newExpandedKeys, keyMaps);
     } else {
-      filteredOptsKeys = Object.values(keyEntities).filter(item => {
+      const filteredOpts = Object.values(keyEntities).filter(item => {
         const {
           data
         } = item;
         return filter(sugInput, data, filterTreeNode, realFilterProp);
-      }).map(item => item.key);
+      });
+      filteredNodes = filteredOpts.map(item => item.data);
+      filteredOptsKeys = filteredOpts.map(item => item.key);
       expandedOptsKeys = findAncestorKeys(filteredOptsKeys, keyEntities, false);
       const shownChildKeys = findDescendantKeys(filteredOptsKeys, keyEntities, true);
       filteredShownKeys = new Set([...shownChildKeys, ...expandedOptsKeys]);
       newFlattenNodes = flattenTreeData(treeData, new Set(expandedOptsKeys), keyMaps, showFilteredOnly && filteredShownKeys);
     }
     const newFilteredExpandedKeys = new Set(expandedOptsKeys);
-    this._adapter.notifySearch(sugInput, Array.from(newFilteredExpandedKeys));
+    this._adapter.notifySearch(sugInput, Array.from(newFilteredExpandedKeys), filteredNodes);
     this._adapter.updateState({
       expandedKeys: newExpandedKeys,
       flattenNodes: newFlattenNodes,
@@ -91788,8 +91837,8 @@ class TreeSelect extends BaseComponent {
       notifySelect: (selectKey, bool, node) => {
         this.props.onSelect && this.props.onSelect(selectKey, bool, node);
       },
-      notifySearch: (input, filteredExpandedKeys) => {
-        this.props.onSearch && this.props.onSearch(input, filteredExpandedKeys);
+      notifySearch: (input, filteredExpandedKeys, filteredNodes) => {
+        this.props.onSearch && this.props.onSearch(input, filteredExpandedKeys, filteredNodes);
       },
       cacheFlattenNodes: bool => {
         this.setState({