@douyinfe/semi-ui 2.56.3 → 2.56.4-alpha.0

package/dist/umd/semi-ui.js

@@ -91127,15 +91127,17 @@ class TreeSelect extends BaseComponent {
           leafOnly,
           searchPosition,
           triggerRender,
-          borderless
+          borderless,
+          checkRelation
         } = _a,
-        rest = treeSelect_rest(_a, ["disabled", "multiple", "filterTreeNode", "validateStatus", "prefix", "suffix", "style", "size", "insetLabel", "className", "placeholder", "showClear", "leafOnly", "searchPosition", "triggerRender", "borderless"]);
+        rest = treeSelect_rest(_a, ["disabled", "multiple", "filterTreeNode", "validateStatus", "prefix", "suffix", "style", "size", "insetLabel", "className", "placeholder", "showClear", "leafOnly", "searchPosition", "triggerRender", "borderless", "checkRelation"]);
       const {
         inputValue,
         selectedKeys,
         checkedKeys,
         keyEntities,
-        isFocus
+        isFocus,
+        realCheckedKeys
       } = this.state;
       const filterable = Boolean(filterTreeNode);
       const useCustomTrigger = typeof triggerRender === 'function';
@@ -91163,31 +91165,45 @@ class TreeSelect extends BaseComponent {
         [`${treeSelect_prefixcls}-with-suffix`]: suffix,
         [`${treeSelect_prefixcls}-with-suffix`]: suffix
       }, className);
-      const triggerRenderKeys = multiple ? normalizeKeyList([...checkedKeys], keyEntities, leafOnly, true) : selectedKeys;
-      const inner = useCustomTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(trigger, {
-        inputValue: inputValue,
-        value: triggerRenderKeys.map(key => get_default()(keyEntities, [key, 'data'])),
-        disabled: disabled,
-        placeholder: placeholder,
-        onClear: this.handleClear,
-        componentName: 'TreeSelect',
-        triggerRender: triggerRender,
-        componentProps: Object.assign({}, this.props),
-        onSearch: this.search,
-        onRemove: this.removeTag
-      }) : [/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
-        key: 'prefix'
-      }, prefix || insetLabel ? this.renderPrefix() : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
-        key: 'selection'
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-        className: `${treeSelect_prefixcls}-selection`
-      }, this.renderSelectContent())), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
-        key: 'suffix'
-      }, suffix ? this.renderSuffix() : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
-        key: 'clearBtn'
-      }, showClear || isTriggerPositionSearch && inputValue ? this.renderClearBtn() : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
-        key: 'arrow'
-      }, this.renderArrow())];
+      let inner;
+      if (useCustomTrigger) {
+        let triggerRenderKeys = [];
+        if (multiple) {
+          if (checkRelation === 'related') {
+            triggerRenderKeys = normalizeKeyList(checkedKeys, keyEntities, leafOnly, true);
+          } else if (checkRelation === 'unRelated') {
+            triggerRenderKeys = [...realCheckedKeys];
+          }
+        } else {
+          triggerRenderKeys = selectedKeys;
+        }
+        inner = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(trigger, {
+          inputValue: inputValue,
+          value: triggerRenderKeys.map(key => get_default()(keyEntities, [key, 'data'])),
+          disabled: disabled,
+          placeholder: placeholder,
+          onClear: this.handleClear,
+          componentName: 'TreeSelect',
+          triggerRender: triggerRender,
+          componentProps: Object.assign({}, this.props),
+          onSearch: this.search,
+          onRemove: this.removeTag
+        });
+      } else {
+        inner = [/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
+          key: 'prefix'
+        }, prefix || insetLabel ? this.renderPrefix() : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
+          key: 'selection'
+        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+          className: `${treeSelect_prefixcls}-selection`
+        }, this.renderSelectContent())), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
+          key: 'suffix'
+        }, suffix ? this.renderSuffix() : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
+          key: 'clearBtn'
+        }, showClear || isTriggerPositionSearch && inputValue ? this.renderClearBtn() : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
+          key: 'arrow'
+        }, this.renderArrow())];
+      }
       const tabIndex = disabled ? null : 0;
       /**
        * Reasons for disabling the a11y eslint rule: