@arco-design/mobile-react 2.24.1 → 2.25.0

package/umd/toast/index.d.ts

@@ -185,8 +185,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -196,8 +196,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -207,8 +207,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -218,8 +218,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -229,8 +229,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -240,8 +240,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };

package/umd/toast/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     methodsGenerator: true
@@ -34,38 +33,35 @@
     _exports[key] = _methods[key];
   });
   _loading = _interopRequireDefault(_loading);
-
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
   var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-        getContainer = props.getContainer,
-        _props$visible = props.visible,
-        visible = _props$visible === void 0 ? false : _props$visible,
-        onClose = props.onClose,
-        close = props.close,
-        _props$type = props.type,
-        type = _props$type === void 0 ? 'info' : _props$type,
-        icon = props.icon,
-        _props$layout = props.layout,
-        layout = _props$layout === void 0 ? 'vertical' : _props$layout,
-        _props$duration = props.duration,
-        duration = _props$duration === void 0 ? 3000 : _props$duration,
-        _props$transitionDura = props.transitionDuration,
-        transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-        content = props.content,
-        _props$loading = props.loading,
-        loading = _props$loading === void 0 ? false : _props$loading,
-        loadingIcon = props.loadingIcon,
-        _props$disableBodyTou = props.disableBodyTouch,
-        disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
-        loadingInner = props.loadingInner,
-        _props$direction = props.direction,
-        direction = _props$direction === void 0 ? 'center' : _props$direction,
-        typeIconMap = props.typeIconMap,
-        initialBodyOverflow = props.initialBodyOverflow;
+      getContainer = props.getContainer,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      onClose = props.onClose,
+      close = props.close,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'info' : _props$type,
+      icon = props.icon,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 3000 : _props$duration,
+      _props$transitionDura = props.transitionDuration,
+      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+      content = props.content,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
+      loadingIcon = props.loadingIcon,
+      _props$disableBodyTou = props.disableBodyTouch,
+      disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
+      loadingInner = props.loadingInner,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'center' : _props$direction,
+      typeIconMap = props.typeIconMap,
+      initialBodyOverflow = props.initialBodyOverflow;
     var closeTimerRef = (0, _react.useRef)();
     var domRef = (0, _react.useRef)(null);
     var isInitialMount = (0, _react.useRef)(false);
@@ -76,13 +72,11 @@
       };
     });
     (0, _helpers.usePreventBodyScroll)(visible, disableBodyTouch, initialBodyOverflow);
-
     function handleClose() {
       if (close) {
         close();
       }
     }
-
     function startCloseTimer() {
       if (duration) {
         clearTimeout(closeTimerRef.current);
@@ -91,13 +85,11 @@
         }, duration);
       }
     }
-
     function handleClickMask(e) {
       if (disableBodyTouch) {
         e.preventDefault();
       }
     }
-
     function getTypeIcons() {
       var map = typeIconMap || {};
       var defaultMap = {
@@ -107,31 +99,25 @@
       };
       return map[type] || defaultMap[type] || null;
     }
-
     (0, _react.useEffect)(function () {
       var mounted = isInitialMount.current;
-
       if (visible) {
         startCloseTimer();
       } else {
         clearTimeout(closeTimerRef.current);
-
         if (mounted) {
           setTimeout(function () {
             onClose && onClose();
           }, transitionDuration);
         }
       }
-
       isInitialMount.current = true;
     }, [visible]);
     (0, _react.useEffect)(function () {
       startCloseTimer();
     }, [duration]);
-
     function renderComponent(prefixClass) {
       var _cls;
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixClass + "-wrapper", "from-" + direction, {
           'no-event': !disableBodyTouch
@@ -152,7 +138,6 @@
         className: prefixClass + "-content"
       }, content) : null));
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement(_portal.default, {
@@ -167,7 +152,6 @@
       }, renderComponent(prefixCls + "-toast"))));
     });
   });
-
   function methodsGenerator(Comp) {
     return {
       /**
@@ -177,7 +161,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       toast: (0, _methods.toast)(Comp),
-
       /**
        * 展示常规提示框，同 Toast.toast
        * @desc {en} Show regular toast, the same as Toast.toast
@@ -185,7 +168,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       info: (0, _methods.toast)(Comp, 'info'),
-
       /**
        * 展示成功提示框(含成功icon)
        * @desc {en} Show success prompt toast (including success icon)
@@ -193,7 +175,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       success: (0, _methods.toast)(Comp, 'success'),
-
       /**
        * 展示错误提示框(含错误icon)
        * @desc {en} Display error prompt toast (including error icon)
@@ -201,7 +182,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       error: (0, _methods.toast)(Comp, 'error'),
-
       /**
        * 展示加载中提示框(含加载中icon)
        * @desc {en} Display loading prompt toast (including loading icon)
@@ -209,7 +189,6 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       loading: (0, _methods.toast)(Comp, 'loading'),
-
       /**
        * 展示警告提示框(含警告icon)
        * @desc {en} Display warning prompt toast (including warning icon)
@@ -219,8 +198,8 @@
       warn: (0, _methods.toast)(Comp, 'warn')
     };
   }
-
   var ToastWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Toast);
+
   /**
    * 轻提示组件，支持各个场景下调用方法。
    * @en The toast component, supports calling methods in various scenarios.
@@ -229,8 +208,6 @@
    * @name 轻提示
    * @name_en Toast
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Toast, methodsGenerator(ToastWithGlobalContext));
-
   _exports.default = _default;
 });

package/umd/toast/methods.js

@@ -14,40 +14,32 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.toast = toast;
   _extends2 = _interopRequireDefault(_extends2);
-
   function toast(Component, type) {
     return function (originConfig, context) {
       var config = typeof originConfig === 'string' ? {
         content: originConfig,
         type: 'info'
       } : originConfig;
-
       if (type !== void 0) {
         config.type = type;
         config.loading = type === 'loading';
       }
-
       var div = document.createElement('div');
       document.body.appendChild(div);
-
       var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
-          render = _ReactDOMRender.render,
-          unmount = _ReactDOMRender.unmount;
-
+        render = _ReactDOMRender.render,
+        unmount = _ReactDOMRender.unmount;
       function destroy() {
         var onClose = config.onClose;
         onClose && onClose();
         unmount();
-
         if (div.parentNode) {
           div.parentNode.removeChild(div);
         }
       }
-
       var dynamicProps = (0, _extends2.default)({}, config, {
         close: close,
         getContainer: function getContainer() {
@@ -57,18 +49,15 @@
         visible: false
       });
       var leaving = false;
-
       function update(newConfig) {
         dynamicProps = (0, _extends2.default)({}, dynamicProps, newConfig);
         render(dynamicProps);
       }
-
       function close() {
         leaving = true;
         dynamicProps.visible = false;
         render(dynamicProps);
       }
-
       render(dynamicProps);
       (0, _mobileUtils.nextTick)(function () {
         // 在即将打开时发现已经调用了close则取消打开操作

package/umd/transition/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = Transition;
   _extends2 = _interopRequireDefault(_extends2);
@@ -22,7 +21,6 @@
   _react = _interopRequireDefault(_react);
   _CSSTransition = _interopRequireDefault(_CSSTransition);
   var _excluded = ["children", "type", "in", "timeout", "mountOnEnter", "unmountOnExit"];
-
   /**
    * react-transition-group/CSSTransition 的简单封装。
    * @en Simple wrapper for react-transition-group/CSSTransition.
@@ -33,16 +31,16 @@
    */
   function Transition(props) {
     var _props$children = props.children,
-        children = _props$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _props$children,
-        type = props.type,
-        transIn = props.in,
-        _props$timeout = props.timeout,
-        timeout = _props$timeout === void 0 ? 300 : _props$timeout,
-        _props$mountOnEnter = props.mountOnEnter,
-        mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
-        _props$unmountOnExit = props.unmountOnExit,
-        unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
-        restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      children = _props$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _props$children,
+      type = props.type,
+      transIn = props.in,
+      _props$timeout = props.timeout,
+      timeout = _props$timeout === void 0 ? 300 : _props$timeout,
+      _props$mountOnEnter = props.mountOnEnter,
+      mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
+      _props$unmountOnExit = props.unmountOnExit,
+      unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
+      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement(_CSSTransition.default, (0, _extends2.default)({