@rc-component/dialog 1.0.1 → 1.2.0

package/es/Dialog/Content/Panel.d.ts

@@ -7,9 +7,9 @@ export interface PanelProps extends Omit<IDialogPropTypes, 'getOpenCount'> {
     onMouseUp?: React.MouseEventHandler;
     holderRef?: React.Ref<HTMLDivElement>;
 }
-export type ContentRef = {
+export type PanelRef = {
     focus: () => void;
     changeActive: (next: boolean) => void;
 };
-declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<ContentRef>>;
+declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<PanelRef>>;
 export default Panel;

package/es/Dialog/Content/Panel.js

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import classNames from 'classnames';
 import { useComposeRef } from "@rc-component/util/es/ref";
 import React, { useMemo, useRef } from 'react';

package/es/Dialog/Content/index.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-import type { PanelProps, ContentRef } from './Panel';
+import type { PanelProps, PanelRef } from './Panel';
+import type { CSSMotionRef } from '@rc-component/motion/es/CSSMotion';
+export type CSSMotionStateRef = Pick<CSSMotionRef, 'inMotion' | 'enableMotion'>;
+export type ContentRef = PanelRef & CSSMotionStateRef;
 export type ContentProps = {
     motionName: string;
     ariaId: string;

package/es/Dialog/Content/index.js

@@ -1,8 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from 'react';
 import { useRef } from 'react';
 import classNames from 'classnames';
-import CSSMotion from 'rc-motion';
+import CSSMotion from '@rc-component/motion';
 import { offset } from "../../util";
 import Panel from "./Panel";
 const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -20,6 +20,14 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     mousePosition
   } = props;
   const dialogRef = useRef();
+  const panelRef = useRef();
+
+  // ============================== Refs ==============================
+  React.useImperativeHandle(ref, () => ({
+    ...panelRef.current,
+    inMotion: dialogRef.current.inMotion,
+    enableMotion: dialogRef.current.enableMotion
+  }));
 
   // ============================= Style ==============================
   const [transformOrigin, setTransformOrigin] = React.useState();
@@ -28,7 +36,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     contentStyle.transformOrigin = transformOrigin;
   }
   function onPrepare() {
-    const elementOffset = offset(dialogRef.current);
+    const elementOffset = offset(dialogRef.current.nativeElement);
     setTransformOrigin(mousePosition && (mousePosition.x || mousePosition.y) ? `${mousePosition.x - elementOffset.left}px ${mousePosition.y - elementOffset.top}px` : '');
   }
 
@@ -46,7 +54,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     className: motionClassName,
     style: motionStyle
   }, motionRef) => /*#__PURE__*/React.createElement(Panel, _extends({}, props, {
-    ref: ref,
+    ref: panelRef,
     title: title,
     ariaId: ariaId,
     prefixCls: prefixCls,

package/es/Dialog/Mask.js

@@ -1,7 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from 'react';
 import classNames from 'classnames';
-import CSSMotion from 'rc-motion';
+import CSSMotion from '@rc-component/motion';
 const Mask = props => {
   const {
     prefixCls,

package/es/Dialog/index.js

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import classNames from 'classnames';
 import contains from "@rc-component/util/es/Dom/contains";
 import useId from "@rc-component/util/es/hooks/useId";
@@ -69,28 +69,34 @@ const Dialog = props => {
   }
 
   // ========================= Events =========================
+  // Close action will trigger by:
+  //   1. When hide motion end
+  //   2. Controlled `open` to `false` immediately after set to `true` which will not trigger motion
+  function doClose() {
+    // Clean up scroll bar & focus back
+    setAnimatedVisible(false);
+    if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {
+      try {
+        lastOutSideActiveElementRef.current.focus({
+          preventScroll: true
+        });
+      } catch (e) {
+        // Do nothing
+      }
+      lastOutSideActiveElementRef.current = null;
+    }
+
+    // Trigger afterClose only when change visible from true to false
+    if (animatedVisible) {
+      afterClose?.();
+    }
+  }
   function onDialogVisibleChanged(newVisible) {
     // Try to focus
     if (newVisible) {
       focusDialogContent();
     } else {
-      // Clean up scroll bar & focus back
-      setAnimatedVisible(false);
-      if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {
-        try {
-          lastOutSideActiveElementRef.current.focus({
-            preventScroll: true
-          });
-        } catch (e) {
-          // Do nothing
-        }
-        lastOutSideActiveElementRef.current = null;
-      }
-
-      // Trigger afterClose only when change visible from true to false
-      if (animatedVisible) {
-        afterClose?.();
-      }
+      doClose();
     }
     afterOpenChange?.(newVisible);
   }
@@ -143,6 +149,8 @@ const Dialog = props => {
     if (visible) {
       setAnimatedVisible(true);
       saveLastOutSideActiveElementRef();
+    } else if (animatedVisible && contentRef.current.enableMotion() && !contentRef.current.inMotion()) {
+      doClose();
     }
   }, [visible]);
 

package/es/DialogWrap.js

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import Portal from '@rc-component/portal';
 import * as React from 'react';
 import { RefContext } from "./context";

package/lib/Dialog/Content/Panel.d.ts

@@ -7,9 +7,9 @@ export interface PanelProps extends Omit<IDialogPropTypes, 'getOpenCount'> {
     onMouseUp?: React.MouseEventHandler;
     holderRef?: React.Ref<HTMLDivElement>;
 }
-export type ContentRef = {
+export type PanelRef = {
     focus: () => void;
     changeActive: (next: boolean) => void;
 };
-declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<ContentRef>>;
+declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<PanelRef>>;
 export default Panel;

package/lib/Dialog/Content/Panel.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ref = require("@rc-component/util/lib/ref");
 var _react = _interopRequireWildcard(require("react"));
@@ -14,6 +12,8 @@ var _MemoChildren = _interopRequireDefault(require("./MemoChildren"));
 var _pickAttrs = _interopRequireDefault(require("@rc-component/util/lib/pickAttrs"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const sentinelStyle = {
   width: 0,
   height: 0,
@@ -120,7 +120,7 @@ const Panel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, [closable, closeIcon, prefixCls]);
   const ariaProps = (0, _pickAttrs.default)(closableObj, true);
   const closeBtnIsDisabled = typeof closable === 'object' && closable.disabled;
-  const closerNode = closable ? /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+  const closerNode = closable ? /*#__PURE__*/_react.default.createElement("button", _extends({
     type: "button",
     onClick: onClose,
     "aria-label": "Close"
@@ -131,7 +131,7 @@ const Panel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const content = /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(`${prefixCls}-section`, modalClassNames?.section),
     style: modalStyles?.section
-  }, closerNode, headerNode, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  }, closerNode, headerNode, /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(`${prefixCls}-body`, modalClassNames?.body),
     style: {
       ...bodyStyle,

package/lib/Dialog/Content/index.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-import type { PanelProps, ContentRef } from './Panel';
+import type { PanelProps, PanelRef } from './Panel';
+import type { CSSMotionRef } from '@rc-component/motion/es/CSSMotion';
+export type CSSMotionStateRef = Pick<CSSMotionRef, 'inMotion' | 'enableMotion'>;
+export type ContentRef = PanelRef & CSSMotionStateRef;
 export type ContentProps = {
     motionName: string;
     ariaId: string;

package/lib/Dialog/Content/index.js

@@ -1,19 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _rcMotion = _interopRequireDefault(require("rc-motion"));
+var _motion = _interopRequireDefault(require("@rc-component/motion"));
 var _util = require("../../util");
 var _Panel = _interopRequireDefault(require("./Panel"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     prefixCls,
@@ -29,6 +29,14 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     mousePosition
   } = props;
   const dialogRef = (0, _react.useRef)();
+  const panelRef = (0, _react.useRef)();
+
+  // ============================== Refs ==============================
+  React.useImperativeHandle(ref, () => ({
+    ...panelRef.current,
+    inMotion: dialogRef.current.inMotion,
+    enableMotion: dialogRef.current.enableMotion
+  }));
 
   // ============================= Style ==============================
   const [transformOrigin, setTransformOrigin] = React.useState();
@@ -37,12 +45,12 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     contentStyle.transformOrigin = transformOrigin;
   }
   function onPrepare() {
-    const elementOffset = (0, _util.offset)(dialogRef.current);
+    const elementOffset = (0, _util.offset)(dialogRef.current.nativeElement);
     setTransformOrigin(mousePosition && (mousePosition.x || mousePosition.y) ? `${mousePosition.x - elementOffset.left}px ${mousePosition.y - elementOffset.top}px` : '');
   }
 
   // ============================= Render =============================
-  return /*#__PURE__*/React.createElement(_rcMotion.default, {
+  return /*#__PURE__*/React.createElement(_motion.default, {
     visible: visible,
     onVisibleChanged: onVisibleChanged,
     onAppearPrepare: onPrepare,
@@ -54,8 +62,8 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, ({
     className: motionClassName,
     style: motionStyle
-  }, motionRef) => /*#__PURE__*/React.createElement(_Panel.default, (0, _extends2.default)({}, props, {
-    ref: ref,
+  }, motionRef) => /*#__PURE__*/React.createElement(_Panel.default, _extends({}, props, {
+    ref: panelRef,
     title: title,
     ariaId: ariaId,
     prefixCls: prefixCls,

package/lib/Dialog/Mask.js

@@ -1,16 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _rcMotion = _interopRequireDefault(require("rc-motion"));
+var _motion = _interopRequireDefault(require("@rc-component/motion"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Mask = props => {
   const {
     prefixCls,
@@ -20,7 +20,7 @@ const Mask = props => {
     motionName,
     className
   } = props;
-  return /*#__PURE__*/React.createElement(_rcMotion.default, {
+  return /*#__PURE__*/React.createElement(_motion.default, {
     key: "mask",
     visible: visible,
     motionName: motionName,
@@ -28,7 +28,7 @@ const Mask = props => {
   }, ({
     className: motionClassName,
     style: motionStyle
-  }, ref) => /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+  }, ref) => /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     style: {
       ...motionStyle,

package/lib/Dialog/index.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _contains = _interopRequireDefault(require("@rc-component/util/lib/Dom/contains"));
 var _useId = _interopRequireDefault(require("@rc-component/util/lib/hooks/useId"));
@@ -19,6 +17,8 @@ var _Mask = _interopRequireDefault(require("./Mask"));
 var _warning = require("@rc-component/util/lib/warning");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Dialog = props => {
   const {
     prefixCls = 'rc-dialog',
@@ -78,28 +78,34 @@ const Dialog = props => {
   }
 
   // ========================= Events =========================
+  // Close action will trigger by:
+  //   1. When hide motion end
+  //   2. Controlled `open` to `false` immediately after set to `true` which will not trigger motion
+  function doClose() {
+    // Clean up scroll bar & focus back
+    setAnimatedVisible(false);
+    if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {
+      try {
+        lastOutSideActiveElementRef.current.focus({
+          preventScroll: true
+        });
+      } catch (e) {
+        // Do nothing
+      }
+      lastOutSideActiveElementRef.current = null;
+    }
+
+    // Trigger afterClose only when change visible from true to false
+    if (animatedVisible) {
+      afterClose?.();
+    }
+  }
   function onDialogVisibleChanged(newVisible) {
     // Try to focus
     if (newVisible) {
       focusDialogContent();
     } else {
-      // Clean up scroll bar & focus back
-      setAnimatedVisible(false);
-      if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {
-        try {
-          lastOutSideActiveElementRef.current.focus({
-            preventScroll: true
-          });
-        } catch (e) {
-          // Do nothing
-        }
-        lastOutSideActiveElementRef.current = null;
-      }
-
-      // Trigger afterClose only when change visible from true to false
-      if (animatedVisible) {
-        afterClose?.();
-      }
+      doClose();
     }
     afterOpenChange?.(newVisible);
   }
@@ -152,6 +158,8 @@ const Dialog = props => {
     if (visible) {
       setAnimatedVisible(true);
       saveLastOutSideActiveElementRef();
+    } else if (animatedVisible && contentRef.current.enableMotion() && !contentRef.current.inMotion()) {
+      doClose();
     }
   }, [visible]);
 
@@ -167,7 +175,7 @@ const Dialog = props => {
   };
 
   // ========================= Render =========================
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: (0, _classnames.default)(`${prefixCls}-root`, rootClassName),
     style: rootStyle
   }, (0, _pickAttrs.default)(props, {
@@ -183,14 +191,14 @@ const Dialog = props => {
     },
     maskProps: maskProps,
     className: modalClassNames?.mask
-  }), /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+  }), /*#__PURE__*/React.createElement("div", _extends({
     tabIndex: -1,
     onKeyDown: onWrapperKeyDown,
     className: (0, _classnames.default)(`${prefixCls}-wrap`, wrapClassName, modalClassNames?.wrapper),
     ref: wrapperRef,
     onClick: onWrapperClick,
     style: mergedStyle
-  }, wrapProps), /*#__PURE__*/React.createElement(_Content.default, (0, _extends2.default)({}, props, {
+  }, wrapProps), /*#__PURE__*/React.createElement(_Content.default, _extends({}, props, {
     onMouseDown: onContentMouseDown,
     onMouseUp: onContentMouseUp,
     ref: contentRef,

package/lib/DialogWrap.js

@@ -1,17 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _portal = _interopRequireDefault(require("@rc-component/portal"));
 var React = _interopRequireWildcard(require("react"));
 var _context = require("./context");
 var _Dialog = _interopRequireDefault(require("./Dialog"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 // fix issue #10656
 /*
  * getContainer remarks
@@ -51,7 +51,7 @@ const DialogWrap = props => {
     autoDestroy: false,
     getContainer: getContainer,
     autoLock: visible || animatedVisible
-  }, /*#__PURE__*/React.createElement(_Dialog.default, (0, _extends2.default)({}, props, {
+  }, /*#__PURE__*/React.createElement(_Dialog.default, _extends({}, props, {
     destroyOnClose: destroyOnClose,
     afterClose: () => {
       afterClose?.();

package/lib/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,4 +12,5 @@ Object.defineProperty(exports, "Panel", {
 exports.default = void 0;
 var _DialogWrap = _interopRequireDefault(require("./DialogWrap"));
 var _Panel = _interopRequireDefault(require("./Dialog/Content/Panel"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = _DialogWrap.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/dialog",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "description": "dialog ui component for react",
   "keywords": [
     "react",
@@ -37,10 +37,11 @@
     "lint:tsc": "tsc -p tsconfig.json --noEmit",
     "now-build": "npm run docs:build",
     "prepare": "husky install",
-    "prepublishOnly": "npm run compile && np --yolo --no-publish",
+    "prepublishOnly": "npm run compile && rc-np",
     "prettier": "prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"",
     "start": "dumi dev",
-    "test": "rc-test"
+    "test": "rc-test",
+    "tsc": "bunx tsc --noEmit"
   },
   "lint-staged": {
     "**/*.{js,jsx,tsx,ts,md,json}": [
@@ -49,17 +50,18 @@
     ]
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.1",
-    "@rc-component/portal": "^1.0.0-8",
+    "@rc-component/motion": "^1.1.3",
+    "@rc-component/portal": "^2.0.0",
     "@rc-component/util": "^1.0.1",
-    "classnames": "^2.2.6",
-    "rc-motion": "^2.3.0"
+    "classnames": "^2.2.6"
   },
   "devDependencies": {
-    "@rc-component/father-plugin": "^2.0.1",
+    "@rc-component/drawer": "^1.0.0",
+    "@rc-component/select": "^1.0.0",
+    "@rc-component/father-plugin": "^2.0.2",
+    "@rc-component/np": "^1.0.3",
     "@testing-library/jest-dom": "^6.1.6",
-    "@testing-library/react": "^12.0.0",
-    "@types/enzyme": "^3.10.7",
+    "@testing-library/react": "^13.0.0",
     "@types/jest": "^29.4.0",
     "@types/keyv": "3.1.4",
     "@types/react": "^18.0.24",
@@ -69,9 +71,6 @@
     "cheerio": "1.0.0-rc.12",
     "cross-env": "^7.0.0",
     "dumi": "^2.1.3",
-    "enzyme": "^3.1.1",
-    "enzyme-adapter-react-16": "^1.0.1",
-    "enzyme-to-json": "^3.1.2",
     "eslint": "^7.1.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-react": "^7.20.6",
@@ -81,18 +80,15 @@
     "husky": "^8.0.3",
     "less": "^4.1.3",
     "lint-staged": "^15.2.0",
-    "np": "^10.0.5",
     "prettier": "^3.2.1",
-    "rc-drawer": "^7.0.0",
-    "rc-select": "^14.11.0",
     "rc-test": "^7.0.14",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-draggable": "^4.4.3",
     "typescript": "^5.4.3"
   },
   "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   }
 }