@douyinfe/semi-ui 2.53.0-beta.0 → 2.53.0

package/dist/umd/semi-ui.js

@@ -22792,13 +22792,17 @@ class ReactResizeObserver extends BaseComponent {
         ref.current = node;
       }
     };
-    this.observer = new ResizeObserver(this.handleResizeEventTriggered);
+    if (globalThis['ResizeObserver']) {
+      this.observer = new ResizeObserver(this.handleResizeEventTriggered);
+    }
   }
   componentDidMount() {
-    this.observeElement();
+    var _a;
+    (_a = this.observeElement) === null || _a === void 0 ? void 0 : _a.call(this);
   }
   componentDidUpdate(prevProps) {
-    this.observeElement(this.props.observeParent !== prevProps.observeParent);
+    var _a;
+    (_a = this.observeElement) === null || _a === void 0 ? void 0 : _a.call(this, this.props.observeParent !== prevProps.observeParent);
   }
   componentWillUnmount() {
     if (this.observer) {
@@ -36439,7 +36443,7 @@ function util_traverseDataNodes(treeNodes, callback) {
     let item = null;
     // Process node if is not root
     if (node) {
-      const key = parent ? `${parent.key}${constants_VALUE_SPLIT}${node.value}` : node.value;
+      const key = parent ? `${parent.key}${constants_VALUE_SPLIT}${node.value}` : `${node.value}`;
       const pos = parent ? util_getPosition(parent.pos, ind) : `${ind}`;
       item = {
         data: Object.assign({}, node),
@@ -75240,6 +75244,15 @@ class SideSheet extends BaseComponent {
         keepDOM
       } = _a,
       props = sideSheet_rest(_a, ["placement", "className", "children", "width", "height", "motion", "visible", "style", "maskStyle", "size", "zIndex", "getPopupContainer", "keepDOM"]);
+    let wrapperStyle = {
+      zIndex
+    };
+    if (getPopupContainer) {
+      wrapperStyle = {
+        zIndex,
+        position: 'static'
+      };
+    }
     const {
       direction
     } = this.context;
@@ -75288,35 +75301,27 @@ class SideSheet extends BaseComponent {
           animationStyle,
           animationEventsNeedBind
         } = _ref2;
-        return shouldRender ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(SideSheetContent, Object.assign({}, contentProps, {
+        return shouldRender ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_portal, {
+          getPopupContainer: getPopupContainer,
+          style: wrapperStyle
+        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(SideSheetContent, Object.assign({}, contentProps, {
           maskExtraProps: maskAnimationEventsNeedBind,
           wrapperExtraProps: animationEventsNeedBind,
           dialogClassName: animationClassName,
           maskClassName: maskAnimationClassName,
           maskStyle: Object.assign({}, maskStyle),
           style: Object.assign(Object.assign({}, animationStyle), style)
-        }), children) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null);
+        }), children)) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null);
       });
     });
   }
   render() {
     const {
       zIndex,
-      getPopupContainer
+      getPopupContainer,
+      visible
     } = this.props;
-    let wrapperStyle = {
-      zIndex
-    };
-    if (getPopupContainer) {
-      wrapperStyle = {
-        zIndex,
-        position: 'static'
-      };
-    }
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_portal, {
-      getPopupContainer: getPopupContainer,
-      style: wrapperStyle
-    }, this.renderContent());
+    return this.renderContent();
   }
 }
 SideSheet.contextType = context;