@douyinfe/semi-ui 2.55.5 → 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);
           }
         };
@@ -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);
           }
         };
@@ -60110,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);
             }
           }
@@ -70923,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);
           }
         };
@@ -86589,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;
@@ -86604,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);
@@ -86772,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,
@@ -86806,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({
@@ -86829,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,
@@ -91806,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);
           }
         };