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

package/dist/umd/semi-ui.js

@@ -20518,7 +20518,10 @@ class Tooltip extends BaseComponent {
           let popupEl = this.containerEl && this.containerEl.current;
           el = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(el);
           popupEl = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(popupEl);
-          if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide && el && el.contains(e.target)) {
+          const target = e.target;
+          const path = e.composedPath && e.composedPath() || [target];
+          const isClickTriggerToHide = this.props.clickTriggerToHide ? el && el.contains(target) || path.includes(el) : false;
+          if (el && !el.contains(target) && popupEl && !popupEl.contains(target) && !(path.includes(popupEl) || path.includes(el)) || isClickTriggerToHide) {
             this.props.onClickOutSide(e);
             cb();
           }
@@ -26241,7 +26244,8 @@ class AutoComplete extends BaseComponent {
           const triggerDom = this.triggerRef && this.triggerRef.current;
           const optionsDom = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(optionInstance);
           const target = e.target;
-          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
+          const path = e.composedPath && e.composedPath() || [target];
+          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target) && !(path.includes(triggerDom) || path.includes(optionsDom))) {
             cb(e);
           }
         };
@@ -28082,6 +28086,7 @@ function IconChevronUp_SvgComponent(props) {
 const IconChevronUp_IconComponent = convertIcon(IconChevronUp_SvgComponent, 'chevron_up');
 /* harmony default export */ const IconChevronUp = (IconChevronUp_IconComponent);
 ;// CONCATENATED MODULE: ./backtop/index.tsx
+
 var backtop_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -28111,7 +28116,9 @@ class BackTop extends BaseComponent {
     this.foundation = new BackTopFoundation(this.adapter);
   }
   componentDidMount() {
+    var _a;
     this.foundation.init();
+    this.handler = throttle_default()(this.handleClick, (_a = this.props.duration) !== null && _a !== void 0 ? _a : BackTop.defaultProps.duration);
   }
   componentWillUnmount() {
     this.foundation.destroy();
@@ -28169,7 +28176,7 @@ class BackTop extends BaseComponent {
     external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({}, others, {
       className: preCls,
       style: style,
-      onClick: e => this.handleClick(e),
+      onClick: e => this.handler(e),
       "x-semi-prop": "children"
     }), backtopBtn) : null;
     return content;
@@ -34012,7 +34019,9 @@ class monthCalendar extends BaseComponent {
         const clickOutsideHandler = e => {
           const cardInstance = this.cardRef && this.cardRef.get(key);
           const cardDom = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(cardInstance);
-          if (cardDom && !cardDom.contains(e.target)) {
+          const target = e.target;
+          const path = e.composedPath && e.composedPath() || [target];
+          if (cardDom && !cardDom.contains(target) && !path.includes(cardDom)) {
             cb();
           }
         };
@@ -46700,7 +46709,8 @@ class TagInput extends BaseComponent {
         const clickOutsideHandler = e => {
           const tagInputDom = this.tagInputRef && this.tagInputRef.current;
           const target = e.target;
-          if (tagInputDom && !tagInputDom.contains(target)) {
+          const path = e.composedPath && e.composedPath() || [target];
+          if (tagInputDom && !tagInputDom.contains(target) && !path.includes(tagInputDom)) {
             cb(e);
           }
         };
@@ -47072,10 +47082,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)) {
@@ -47575,7 +47585,8 @@ class Cascader extends BaseComponent {
           const triggerDom = this.triggerRef && this.triggerRef.current;
           const optionsDom = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(optionInstance);
           const target = e.target;
-          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
+          const path = e.composedPath && e.composedPath() || [target];
+          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target) && !(path.includes(triggerDom) || path.includes(optionsDom))) {
             cb(e);
           }
         };
@@ -47738,7 +47749,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();
@@ -60106,15 +60121,11 @@ class DatePicker extends BaseComponent {
         this.clickOutSideHandler = e => {
           const triggerEl = this.triggerElRef && this.triggerElRef.current;
           const panelEl = this.panelRef && this.panelRef.current;
-          const isInTrigger = triggerEl && triggerEl.contains(e.target);
-          const isInPanel = panelEl && panelEl.contains(e.target);
-          const clickOutSide = !isInTrigger && !isInPanel && this._mounted;
-          if (this.adapter.needConfirm()) {
-            clickOutSide && this.props.onClickOutSide();
-            return;
-          } else {
-            if (clickOutSide) {
-              this.props.onClickOutSide();
+          const target = e.target;
+          const path = e.composedPath && e.composedPath() || [target];
+          if (!(triggerEl && triggerEl.contains(target)) && !(panelEl && panelEl.contains(target)) && !(path.includes(triggerEl) || path.includes(panelEl))) {
+            this.props.onClickOutSide();
+            if (!this.adapter.needConfirm()) {
               this.foundation.closePanel(e);
             }
           }
@@ -70919,9 +70930,9 @@ class Select extends BaseComponent {
           const optionInstance = this.optionsRef && this.optionsRef.current;
           const triggerDom = this.triggerRef && this.triggerRef.current;
           const optionsDom = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(optionInstance);
-          // let isInPanel = optionsDom && optionsDom.contains(e.target);
-          // let isInTrigger = triggerDom && triggerDom.contains(e.target);
-          if (optionsDom && !optionsDom.contains(e.target) && triggerDom && !triggerDom.contains(e.target)) {
+          const target = e.target;
+          const path = e.composedPath && e.composedPath() || [target];
+          if (!(optionsDom && optionsDom.contains(target)) && !(triggerDom && triggerDom.contains(target)) && !(path.includes(triggerDom) || path.includes(optionsDom))) {
             cb(e);
           }
         };
@@ -76010,7 +76021,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();
       }
     };
@@ -86584,6 +86596,7 @@ class TimePicker extends BaseComponent {
     this.foundation = new timePicker_foundation(this.adapter);
     this.timePickerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
     this.savePanelRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
+    this.useCustomTrigger = typeof this.props.triggerRender === 'function';
   }
   get adapter() {
     var _this2 = this;
@@ -86599,11 +86612,11 @@ class TimePicker extends BaseComponent {
         }
         this.clickOutSideHandler = e => {
           const panel = this.savePanelRef && this.savePanelRef.current;
-          const isInPanel = e.target && panel && panel.contains(e.target);
-          const isInTimepicker = this.timePickerRef && this.timePickerRef.current && this.timePickerRef.current.contains(e.target);
-          if (!isInTimepicker && !isInPanel) {
-            const clickedOutside = true;
-            this.foundation.handlePanelClose(clickedOutside, e);
+          const trigger = this.timePickerRef && this.timePickerRef.current;
+          const target = e.target;
+          const path = e.composedPath && e.composedPath() || [target];
+          if (!(panel && panel.contains(target)) && !(trigger && trigger.contains(target)) && !(path.includes(trigger) || path.includes(panel))) {
+            this.foundation.handlePanelClose(true, e);
           }
         };
         document.addEventListener('mousedown', this.clickOutSideHandler);
@@ -86767,7 +86780,6 @@ class TimePicker extends BaseComponent {
       rest = TimePicker_rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "dropdownMargin", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow", "stopPropagation"]);
     const format = this.foundation.getDefaultFormatIfNeed();
     const position = this.foundation.getPosition();
-    const useCustomTrigger = typeof triggerRender === 'function';
     const {
       open,
       inputValue,
@@ -86801,7 +86813,7 @@ class TimePicker extends BaseComponent {
       onBlur: this.handleBlur
     });
     const outerProps = {};
-    if (useCustomTrigger) {
+    if (this.useCustomTrigger) {
       outerProps.onClick = this.openPanel;
     }
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
@@ -86824,7 +86836,7 @@ class TimePicker extends BaseComponent {
       margin: dropdownMargin,
       autoAdjustOverflow: autoAdjustOverflow,
       stopPropagation: stopPropagation
-    }, useCustomTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(trigger, {
+    }, this.useCustomTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(trigger, {
       triggerRender: triggerRender,
       disabled: disabled,
       value: value,
@@ -87771,6 +87783,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 +87834,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 +88001,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 +88550,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 +88558,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);
     };
     /**
@@ -91760,7 +91813,8 @@ class TreeSelect extends BaseComponent {
           const triggerDom = this.triggerRef && this.triggerRef.current;
           const optionsDom = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(optionInstance);
           const target = e.target;
-          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
+          const path = e.composedPath && e.composedPath() || [target];
+          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target) && !(path.includes(triggerDom) || path.includes(optionsDom))) {
             cb(e);
           }
         };