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

package/lib/cjs/resizeObserver/index.js

@@ -89,13 +89,17 @@ class ReactResizeObserver extends _baseComponent.default {
         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) {

package/lib/cjs/sideSheet/index.js

@@ -148,6 +148,15 @@ class SideSheet extends _baseComponent.default {
         keepDOM
       } = _a,
       props = __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;
@@ -196,35 +205,27 @@ class SideSheet extends _baseComponent.default {
           animationStyle,
           animationEventsNeedBind
         } = _ref2;
-        return shouldRender ? /*#__PURE__*/_react.default.createElement(_SideSheetContent.default, Object.assign({}, contentProps, {
+        return shouldRender ? /*#__PURE__*/_react.default.createElement(_portal.default, {
+          getPopupContainer: getPopupContainer,
+          style: wrapperStyle
+        }, /*#__PURE__*/_react.default.createElement(_SideSheetContent.default, Object.assign({}, contentProps, {
           maskExtraProps: maskAnimationEventsNeedBind,
           wrapperExtraProps: animationEventsNeedBind,
           dialogClassName: animationClassName,
           maskClassName: maskAnimationClassName,
           maskStyle: Object.assign({}, maskStyle),
           style: Object.assign(Object.assign({}, animationStyle), style)
-        }), children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }), children)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
       });
     });
   }
   render() {
     const {
       zIndex,
-      getPopupContainer
+      getPopupContainer,
+      visible
     } = this.props;
-    let wrapperStyle = {
-      zIndex
-    };
-    if (getPopupContainer) {
-      wrapperStyle = {
-        zIndex,
-        position: 'static'
-      };
-    }
-    return /*#__PURE__*/_react.default.createElement(_portal.default, {
-      getPopupContainer: getPopupContainer,
-      style: wrapperStyle
-    }, this.renderContent());
+    return this.renderContent();
   }
 }
 exports.default = SideSheet;

package/lib/cjs/tagInput/index.d.ts

@@ -34,7 +34,7 @@ export interface TagInputProps {
     onFocus?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onInputChange?: (value: string, e: React.MouseEvent<HTMLInputElement>) => void;
     onInputExceed?: ((value: string) => void);
-    onKeyDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     onRemove?: (removedValue: string, idx: number) => void;
     placeholder?: string;
     insetLabel?: React.ReactNode;

package/lib/es/resizeObserver/index.js

@@ -81,13 +81,17 @@ export default 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) {

package/lib/es/sideSheet/index.js

@@ -141,6 +141,15 @@ export default class SideSheet extends BaseComponent {
         keepDOM
       } = _a,
       props = __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;
@@ -189,35 +198,27 @@ export default class SideSheet extends BaseComponent {
           animationStyle,
           animationEventsNeedBind
         } = _ref2;
-        return shouldRender ? /*#__PURE__*/React.createElement(SideSheetContent, Object.assign({}, contentProps, {
+        return shouldRender ? /*#__PURE__*/React.createElement(Portal, {
+          getPopupContainer: getPopupContainer,
+          style: wrapperStyle
+        }, /*#__PURE__*/React.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__*/React.createElement(React.Fragment, null);
+        }), children)) : /*#__PURE__*/React.createElement(React.Fragment, null);
       });
     });
   }
   render() {
     const {
       zIndex,
-      getPopupContainer
+      getPopupContainer,
+      visible
     } = this.props;
-    let wrapperStyle = {
-      zIndex
-    };
-    if (getPopupContainer) {
-      wrapperStyle = {
-        zIndex,
-        position: 'static'
-      };
-    }
-    return /*#__PURE__*/React.createElement(Portal, {
-      getPopupContainer: getPopupContainer,
-      style: wrapperStyle
-    }, this.renderContent());
+    return this.renderContent();
   }
 }
 SideSheet.contextType = ConfigContext;

package/lib/es/tagInput/index.d.ts

@@ -34,7 +34,7 @@ export interface TagInputProps {
     onFocus?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onInputChange?: (value: string, e: React.MouseEvent<HTMLInputElement>) => void;
     onInputExceed?: ((value: string) => void);
-    onKeyDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     onRemove?: (removedValue: string, idx: number) => void;
     placeholder?: string;
     insetLabel?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.53.0-beta.0",
+    "version": "2.53.1",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.53.0-beta.0",
-        "@douyinfe/semi-animation-react": "2.53.0-beta.0",
-        "@douyinfe/semi-foundation": "2.53.0-beta.0",
-        "@douyinfe/semi-icons": "2.53.0-beta.0",
-        "@douyinfe/semi-illustrations": "2.53.0-beta.0",
-        "@douyinfe/semi-theme-default": "2.53.0-beta.0",
+        "@douyinfe/semi-animation": "2.53.1",
+        "@douyinfe/semi-animation-react": "2.53.1",
+        "@douyinfe/semi-foundation": "2.53.1",
+        "@douyinfe/semi-icons": "2.53.1",
+        "@douyinfe/semi-illustrations": "2.53.1",
+        "@douyinfe/semi-theme-default": "2.53.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "89f93e5a8ad3b801d7b0db62e9bff8acbe0c50c0",
+    "gitHead": "b8b3c530eb1ab45650035ac880a024e8e994248a",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",