linkmore-design 1.0.51 → 1.0.53

package/dist/index.umd.js

@@ -1,18 +1,39 @@
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd/es/button/style'), require('antd/es/button'), require('react'), require('antd/es/card/style'), require('antd/es/card'), require('antd/es/cascader/style'), require('antd/es/cascader'), require('antd/es/checkbox/style'), require('antd/es/checkbox'), require('antd/es/date-picker/style'), require('antd/es/date-picker'), require('react-dom'), require('antd/es/drawer/style'), require('antd/es/drawer'), require('antd/es/space/style'), require('antd/es/space'), require('antd/es/tag/style'), require('antd/es/tag'), require('antd/es/form/style'), require('antd/es/form'), require('antd/es/input/style'), require('antd/es/input'), require('antd/es/dropdown/style'), require('antd/es/dropdown'), require('antd/es/table/style'), require('antd/es/table'), require('antd/es/radio/style'), require('antd/es/radio'), require('antd/es/select/style'), require('antd/es/select'), require('antd/es/input-number/style'), require('antd/es/input-number'), require('antd/es/spin/style'), require('antd/es/spin'), require('antd/es/message/style'), require('antd/es/message'), require('antd/es/image/style'), require('antd/es/image'), require('antd/es/empty/style'), require('antd/es/empty'), require('antd/es/modal/style'), require('antd/es/modal'), require('antd/es/row/style'), require('antd/es/row'), require('antd/es/col/style'), require('antd/es/col'), require('antd/es/divider/style'), require('antd/es/divider'), require('antd/es/list/style'), require('antd/es/list'), require('antd/es/popover/style'), require('antd/es/popover'), require('antd/es/tree/style'), require('antd/es/tree'), require('antd/es/time-picker/style'), require('antd/es/time-picker'), require('antd/es/config-provider/style'), require('antd/es/config-provider'), require('antd/es/avatar/style'), require('antd/es/avatar'), require('react/jsx-runtime'), require('antd/es/locale/zh_CN'), require('antd/es/result/style'), require('antd/es/result'), require('antd/es/tooltip/style'), require('antd/es/tooltip'), require('antd/es/typography/style'), require('antd/es/typography'), require('antd/es/popconfirm/style'), require('antd/es/popconfirm'), require('antd/es/table/hooks/useLazyKVMap'), require('antd/es/badge/style'), require('antd/es/badge'), require('antd/es/progress/style'), require('antd/es/progress'), require('antd/es/rate/style'), require('antd/es/rate'), require('antd/es/switch/style'), require('antd/es/switch'), require('antd/es/tree-select/style'), require('antd/es/tree-select'), require('antd/es/tabs/style'), require('antd/es/tabs'), require('antd/es/grid/style'), require('antd/es/grid'), require('antd/es/steps/style'), require('antd/es/steps'), require('antd/es/upload/style'), require('antd/es/upload'), require('antd/es/alert/style'), require('antd/es/alert'), require('antd/es/menu/style'), require('antd/es/menu'), require('antd/es/notification/style'), require('antd/es/notification'), require('antd/es/pagination/style'), require('antd/es/pagination'), require('antd/lib/form/hooks/useFormInstance'), require('antd/lib/form/context'), require('antd/lib/form/Form')) :
 	typeof define === 'function' && define.amd ? define(['exports', 'antd/es/button/style', 'antd/es/button', 'react', 'antd/es/card/style', 'antd/es/card', 'antd/es/cascader/style', 'antd/es/cascader', 'antd/es/checkbox/style', 'antd/es/checkbox', 'antd/es/date-picker/style', 'antd/es/date-picker', 'react-dom', 'antd/es/drawer/style', 'antd/es/drawer', 'antd/es/space/style', 'antd/es/space', 'antd/es/tag/style', 'antd/es/tag', 'antd/es/form/style', 'antd/es/form', 'antd/es/input/style', 'antd/es/input', 'antd/es/dropdown/style', 'antd/es/dropdown', 'antd/es/table/style', 'antd/es/table', 'antd/es/radio/style', 'antd/es/radio', 'antd/es/select/style', 'antd/es/select', 'antd/es/input-number/style', 'antd/es/input-number', 'antd/es/spin/style', 'antd/es/spin', 'antd/es/message/style', 'antd/es/message', 'antd/es/image/style', 'antd/es/image', 'antd/es/empty/style', 'antd/es/empty', 'antd/es/modal/style', 'antd/es/modal', 'antd/es/row/style', 'antd/es/row', 'antd/es/col/style', 'antd/es/col', 'antd/es/divider/style', 'antd/es/divider', 'antd/es/list/style', 'antd/es/list', 'antd/es/popover/style', 'antd/es/popover', 'antd/es/tree/style', 'antd/es/tree', 'antd/es/time-picker/style', 'antd/es/time-picker', 'antd/es/config-provider/style', 'antd/es/config-provider', 'antd/es/avatar/style', 'antd/es/avatar', 'react/jsx-runtime', 'antd/es/locale/zh_CN', 'antd/es/result/style', 'antd/es/result', 'antd/es/tooltip/style', 'antd/es/tooltip', 'antd/es/typography/style', 'antd/es/typography', 'antd/es/popconfirm/style', 'antd/es/popconfirm', 'antd/es/table/hooks/useLazyKVMap', 'antd/es/badge/style', 'antd/es/badge', 'antd/es/progress/style', 'antd/es/progress', 'antd/es/rate/style', 'antd/es/rate', 'antd/es/switch/style', 'antd/es/switch', 'antd/es/tree-select/style', 'antd/es/tree-select', 'antd/es/tabs/style', 'antd/es/tabs', 'antd/es/grid/style', 'antd/es/grid', 'antd/es/steps/style', 'antd/es/steps', 'antd/es/upload/style', 'antd/es/upload', 'antd/es/alert/style', 'antd/es/alert', 'antd/es/menu/style', 'antd/es/menu', 'antd/es/notification/style', 'antd/es/notification', 'antd/es/pagination/style', 'antd/es/pagination', 'antd/lib/form/hooks/useFormInstance', 'antd/lib/form/context', 'antd/lib/form/Form'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.linkmoreDesign = {}, null, global._Button, global.React, null, global._Card, null, global._Cascader, null, global._Checkbox, null, global._DatePicker, global.require$$2, null, global._Drawer, null, global._Space, null, global._Tag, null, global._Form, null, global._Input, null, global._Dropdown, null, global._Table, null, global._Radio, null, global._Select, null, global._InputNumber, null, global._Spin, null, global._message, null, global._Image, null, global._Empty, null, global._Modal, null, global._Row, null, global._Col, null, global._Divider, null, global._List, null, global._Popover, null, global._Tree, null, global._TimePicker, null, global._ConfigProvider, null, global._Avatar, global.jsxRuntime, global.zh_CN, null, global._Result, null, global._Tooltip, null, global._Typography, null, global._Popconfirm, global.useLazyKVMap, null, global._Badge, null, global._Progress, null, global._Rate, null, global._Switch, null, global._TreeSelect, null, global._Tabs, null, global._Grid, null, global._Steps, null, global._Upload, null, global._Alert, null, global._Menu, null, global._notification, null, global._Pagination, global.useFormInstance, global.context$2, global.Form$2));
-}(this, (function (exports, style, _Button, React, style$1, _Card, style$2, _Cascader, style$3, _Checkbox, style$4, _DatePicker, require$$2, style$5, _Drawer, style$6, _Space, style$7, _Tag, style$8, _Form, style$9, _Input, style$a, _Dropdown, style$b, _Table, style$c, _Radio, style$d, _Select, style$e, _InputNumber, style$f, _Spin, style$g, _message, style$h, _Image, style$i, _Empty, style$j, _Modal, style$k, _Row, style$l, _Col, style$m, _Divider, style$n, _List, style$o, _Popover, style$p, _Tree, style$q, _TimePicker, style$r, _ConfigProvider, style$s, _Avatar, jsxRuntime, zh_CN, style$t, _Result, style$u, _Tooltip, style$v, _Typography, style$w, _Popconfirm, useLazyKVMap, style$x, _Badge, style$y, _Progress, style$z, _Rate, style$A, _Switch, style$B, _TreeSelect, style$C, _Tabs, style$D, _Grid, style$E, _Steps, style$F, _Upload, style$G, _Alert, style$H, _Menu, style$I, _notification, style$J, _Pagination, useFormInstance, context$2, Form$2) { 'use strict';
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.linkmoreDesign = {}, null, global._Button, global.React, null, global._Card, null, global._Cascader, null, global._Checkbox, null, global._DatePicker, global.ReactDOM, null, global._Drawer, null, global._Space, null, global._Tag, null, global._Form, null, global._Input, null, global._Dropdown, null, global._Table, null, global._Radio, null, global._Select, null, global._InputNumber, null, global._Spin, null, global._message, null, global._Image, null, global._Empty, null, global._Modal, null, global._Row, null, global._Col, null, global._Divider, null, global._List, null, global._Popover, null, global._Tree, null, global._TimePicker, null, global._ConfigProvider, null, global._Avatar, global.jsxRuntime, global.zh_CN, null, global._Result, null, global._Tooltip, null, global._Typography, null, global._Popconfirm, global.useLazyKVMap, null, global._Badge, null, global._Progress, null, global._Rate, null, global._Switch, null, global._TreeSelect, null, global._Tabs, null, global._Grid, null, global._Steps, null, global._Upload, null, global._Alert, null, global._Menu, null, global._notification, null, global._Pagination, global.useFormInstance, global.context$2, global.Form$2));
+}(this, (function (exports, style$1, _Button, React, style$2, _Card, style$3, _Cascader, style$4, _Checkbox, style$5, _DatePicker, ReactDOM, style$6, _Drawer, style$7, _Space, style$8, _Tag, style$9, _Form, style$a, _Input, style$b, _Dropdown, style$c, _Table, style$d, _Radio, style$e, _Select, style$f, _InputNumber, style$g, _Spin, style$h, _message, style$i, _Image, style$j, _Empty, style$k, _Modal, style$l, _Row, style$m, _Col, style$n, _Divider, style$o, _List, style$p, _Popover, style$q, _Tree, style$r, _TimePicker, style$s, _ConfigProvider, style$t, _Avatar, jsxRuntime, zh_CN, style$u, _Result, style$v, _Tooltip, style$w, _Typography, style$x, _Popconfirm, useLazyKVMap, style$y, _Badge, style$z, _Progress, style$A, _Rate, style$B, _Switch, style$C, _TreeSelect, style$D, _Tabs, style$E, _Grid, style$F, _Steps, style$G, _Upload, style$H, _Alert, style$I, _Menu, style$J, _notification, style$K, _Pagination, useFormInstance, context$2, Form$2) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+	function _interopNamespace(e) {
+		if (e && e.__esModule) return e;
+		var n = Object.create(null);
+		if (e) {
+			Object.keys(e).forEach(function (k) {
+				if (k !== 'default') {
+					var d = Object.getOwnPropertyDescriptor(e, k);
+					Object.defineProperty(n, k, d.get ? d : {
+						enumerable: true,
+						get: function () {
+							return e[k];
+						}
+					});
+				}
+			});
+		}
+		n['default'] = e;
+		return Object.freeze(n);
+	}
+
 	var _Button__default = /*#__PURE__*/_interopDefaultLegacy(_Button);
 	var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 	var _Card__default = /*#__PURE__*/_interopDefaultLegacy(_Card);
 	var _Cascader__default = /*#__PURE__*/_interopDefaultLegacy(_Cascader);
 	var _Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(_Checkbox);
 	var _DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(_DatePicker);
-	var require$$2__default = /*#__PURE__*/_interopDefaultLegacy(require$$2);
+	var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+	var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 	var _Drawer__default = /*#__PURE__*/_interopDefaultLegacy(_Drawer);
 	var _Space__default = /*#__PURE__*/_interopDefaultLegacy(_Space);
 	var _Tag__default = /*#__PURE__*/_interopDefaultLegacy(_Tag);
@@ -2017,6 +2038,19 @@
 	ClockCircleFilled$1.displayName = 'ClockCircleFilled';
 	var ClockCircleFilled$2 = /*#__PURE__*/React.forwardRef(ClockCircleFilled$1);
 
+	// This icon file is generated automatically.
+	var CloseCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" } }] }, "name": "close-circle", "theme": "filled" };
+
+	var CloseCircleFilled$1 = function CloseCircleFilled$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: CloseCircleFilled
+	  }));
+	};
+
+	CloseCircleFilled$1.displayName = 'CloseCircleFilled';
+	var CloseCircleFilled$2 = /*#__PURE__*/React.forwardRef(CloseCircleFilled$1);
+
 	// This icon file is generated automatically.
 	var CloseOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" } }] }, "name": "close", "theme": "outlined" };
 
@@ -2108,6 +2142,19 @@
 	EllipsisOutlined$1.displayName = 'EllipsisOutlined';
 	var EllipsisOutlined$2 = /*#__PURE__*/React.forwardRef(EllipsisOutlined$1);
 
+	// This icon file is generated automatically.
+	var ExclamationCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
+
+	var ExclamationCircleFilled$1 = function ExclamationCircleFilled$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: ExclamationCircleFilled
+	  }));
+	};
+
+	ExclamationCircleFilled$1.displayName = 'ExclamationCircleFilled';
+	var ExclamationCircleFilled$2 = /*#__PURE__*/React.forwardRef(ExclamationCircleFilled$1);
+
 	// This icon file is generated automatically.
 	var ExportOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zm18.6-251.7L765 393.7c-5.3-4.2-13-.4-13 6.3v76H438c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 000-12.6z" } }] }, "name": "export", "theme": "outlined" };
 
@@ -2199,6 +2246,19 @@
 	HolderOutlined$1.displayName = 'HolderOutlined';
 	var HolderOutlined$2 = /*#__PURE__*/React.forwardRef(HolderOutlined$1);
 
+	// This icon file is generated automatically.
+	var InfoCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
+
+	var InfoCircleFilled$1 = function InfoCircleFilled$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: InfoCircleFilled
+	  }));
+	};
+
+	InfoCircleFilled$1.displayName = 'InfoCircleFilled';
+	var InfoCircleFilled$2 = /*#__PURE__*/React.forwardRef(InfoCircleFilled$1);
+
 	// This icon file is generated automatically.
 	var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
 
@@ -26766,7 +26826,7 @@
 	    }
 
 	  }), [announce, announcements]));
-	  return mounted ? require$$2.createPortal(React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(HiddenText, {
+	  return mounted ? ReactDOM.createPortal(React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(HiddenText, {
 	    id: hiddenTextDescribedById,
 	    value: screenReaderInstructions.draggable
 	  }), React__default['default'].createElement(LiveRegion, {
@@ -28708,7 +28768,7 @@
 	            rect: activeRects
 	          }
 	        };
-	        require$$2.unstable_batchedUpdates(() => {
+	        ReactDOM.unstable_batchedUpdates(() => {
 	          dispatch({
 	            type: Action.DragStart,
 	            initialCoordinates,
@@ -28732,7 +28792,7 @@
 	      onEnd: createHandler(Action.DragEnd),
 	      onCancel: createHandler(Action.DragCancel)
 	    });
-	    require$$2.unstable_batchedUpdates(() => {
+	    ReactDOM.unstable_batchedUpdates(() => {
 	      setActiveSensor(sensorInstance);
 	      setActivatorEvent(event.nativeEvent);
 	    });
@@ -28768,7 +28828,7 @@
 	        }
 
 	        activeRef.current = null;
-	        require$$2.unstable_batchedUpdates(() => {
+	        ReactDOM.unstable_batchedUpdates(() => {
 	          dispatch({
 	            type
 	          });
@@ -28893,7 +28953,7 @@
 	      },
 	      over
 	    };
-	    require$$2.unstable_batchedUpdates(() => {
+	    ReactDOM.unstable_batchedUpdates(() => {
 	      setOver(over);
 	      setMonitorState({
 	        type: Action.DragOver,
@@ -58398,7 +58458,7 @@
 	    _createClass(WithSortableHandle, [{
 	      key: "componentDidMount",
 	      value: function componentDidMount() {
-	        var node = require$$2.findDOMNode(this);
+	        var node = ReactDOM.findDOMNode(this);
 	        node.sortableHandle = true;
 	      }
 	    }, {
@@ -59458,7 +59518,7 @@
 	        var getContainer = this.props.getContainer;
 
 	        if (typeof getContainer !== 'function') {
-	          return require$$2.findDOMNode(this);
+	          return ReactDOM.findDOMNode(this);
 	        }
 
 	        return getContainer(config.withRef ? this.getWrappedInstance() : undefined);
@@ -59583,7 +59643,7 @@
 	            collection = _this$props.collection,
 	            disabled = _this$props.disabled,
 	            index = _this$props.index;
-	        var node = require$$2.findDOMNode(this);
+	        var node = ReactDOM.findDOMNode(this);
 	        node.sortableInfo = {
 	          collection: collection,
 	          disabled: disabled,
@@ -68012,7 +68072,7 @@
 	  }, [(_context$locale3 = context.locale) === null || _context$locale3 === void 0 ? void 0 : (_context$locale3$Moda = _context$locale3.Modal) === null || _context$locale3$Moda === void 0 ? void 0 : _context$locale3$Moda.cancelText, (_context$locale4 = context.locale) === null || _context$locale4 === void 0 ? void 0 : (_context$locale4$Moda = _context$locale4.Modal) === null || _context$locale4$Moda === void 0 ? void 0 : _context$locale4$Moda.okText, drawerProps, rest.submitter, setVisible, loading, submitTimeout]);
 	  var contentRender = React.useCallback(function (formDom, submitter) {
 	    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-	      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/require$$2.createPortal(submitter, footerRef.current) : submitter]
+	      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/ReactDOM.createPortal(submitter, footerRef.current) : submitter]
 	    });
 	  }, []);
 	  var onFinishHandle = useRefFunction( /*#__PURE__*/function () {
@@ -68487,7 +68547,7 @@
 	  }, [(_context$locale3 = context.locale) === null || _context$locale3 === void 0 ? void 0 : (_context$locale3$Moda = _context$locale3.Modal) === null || _context$locale3$Moda === void 0 ? void 0 : _context$locale3$Moda.cancelText, (_context$locale4 = context.locale) === null || _context$locale4 === void 0 ? void 0 : (_context$locale4$Moda = _context$locale4.Modal) === null || _context$locale4$Moda === void 0 ? void 0 : _context$locale4$Moda.okText, modalProps, rest.submitter, setVisible, loading, submitTimeout]);
 	  var contentRender = React.useCallback(function (formDom, submitter) {
 	    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-	      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/require$$2.createPortal(submitter, footerRef.current) : submitter]
+	      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/ReactDOM.createPortal(submitter, footerRef.current) : submitter]
 	    });
 	  }, []);
 	  var onFinishHandle = React.useCallback( /*#__PURE__*/function () {
@@ -68662,7 +68722,7 @@
 	    return node;
 	  }
 
-	  return require$$2__default['default'].findDOMNode(node);
+	  return ReactDOM__default['default'].findDOMNode(node);
 	}
 
 	/**
@@ -76605,7 +76665,7 @@
 
 	var _propTypes = _interopRequireDefault(propTypes);
 
-	var _reactDom = _interopRequireDefault(require$$2__default['default']);
+	var _reactDom = _interopRequireDefault(ReactDOM__default['default']);
 
 
 
@@ -77184,7 +77244,7 @@
 
 	var _propTypes = _interopRequireDefault(propTypes);
 
-	var _reactDom = _interopRequireDefault(require$$2__default['default']);
+	var _reactDom = _interopRequireDefault(ReactDOM__default['default']);
 
 	var _clsx2 = _interopRequireDefault(require$$3);
 
@@ -84055,7 +84115,2180 @@
 	});
 	LmTag.CheckableTag = _Tag__default['default'].CheckableTag;
 
-	var _excluded$1m = ["className", "size", "noBorder"];
+	var fullClone = _objectSpread2({}, ReactDOM__namespace);
+
+	var version = fullClone.version,
+	    reactRender = fullClone.render,
+	    unmountComponentAtNode = fullClone.unmountComponentAtNode;
+	var createRoot;
+
+	try {
+	  var mainVersion = Number((version || '').split('.')[0]);
+
+	  if (mainVersion >= 18) {
+	    createRoot = fullClone.createRoot;
+	  }
+	} catch (e) {// Do nothing;
+	}
+
+	function toggleWarning(skip) {
+	  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+	  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof$1(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
+	    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+	  }
+	}
+
+	var MARK = '__rc_react_root__';
+
+	function modernRender(node, container) {
+	  toggleWarning(true);
+	  var root = container[MARK] || createRoot(container);
+	  toggleWarning(false);
+	  root.render(node);
+	  container[MARK] = root;
+	}
+
+	function legacyRender(node, container) {
+	  reactRender(node, container);
+	}
+	function render$3(node, container) {
+	  if (createRoot) {
+	    modernRender(node, container);
+	    return;
+	  }
+
+	  legacyRender(node, container);
+	} // ========================= Unmount ==========================
+
+	function modernUnmount(_x) {
+	  return _modernUnmount.apply(this, arguments);
+	}
+
+	function _modernUnmount() {
+	  _modernUnmount = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(container) {
+	    return _regeneratorRuntime().wrap(function _callee$(_context) {
+	      while (1) {
+	        switch (_context.prev = _context.next) {
+	          case 0:
+	            return _context.abrupt("return", Promise.resolve().then(function () {
+	              var _container$MARK;
+
+	              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
+	              delete container[MARK];
+	            }));
+
+	          case 1:
+	          case "end":
+	            return _context.stop();
+	        }
+	      }
+	    }, _callee);
+	  }));
+	  return _modernUnmount.apply(this, arguments);
+	}
+
+	function legacyUnmount(container) {
+	  unmountComponentAtNode(container);
+	}
+	function unmount(_x2) {
+	  return _unmount.apply(this, arguments);
+	}
+
+	function _unmount() {
+	  _unmount = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(container) {
+	    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+	      while (1) {
+	        switch (_context2.prev = _context2.next) {
+	          case 0:
+	            if (!(createRoot !== undefined)) {
+	              _context2.next = 2;
+	              break;
+	            }
+
+	            return _context2.abrupt("return", modernUnmount(container));
+
+	          case 2:
+	            legacyUnmount(container);
+
+	          case 3:
+	          case "end":
+	            return _context2.stop();
+	        }
+	      }
+	    }, _callee2);
+	  }));
+	  return _unmount.apply(this, arguments);
+	}
+
+	// Event wrapper. Copy from react source code
+
+	function makePrefixMap(styleProp, eventName) {
+	  var prefixes = {};
+	  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+	  prefixes["Webkit".concat(styleProp)] = "webkit".concat(eventName);
+	  prefixes["Moz".concat(styleProp)] = "moz".concat(eventName);
+	  prefixes["ms".concat(styleProp)] = "MS".concat(eventName);
+	  prefixes["O".concat(styleProp)] = "o".concat(eventName.toLowerCase());
+	  return prefixes;
+	}
+
+	function getVendorPrefixes(domSupport, win) {
+	  var prefixes = {
+	    animationend: makePrefixMap('Animation', 'AnimationEnd'),
+	    transitionend: makePrefixMap('Transition', 'TransitionEnd')
+	  };
+
+	  if (domSupport) {
+	    if (!('AnimationEvent' in win)) {
+	      delete prefixes.animationend.animation;
+	    }
+
+	    if (!('TransitionEvent' in win)) {
+	      delete prefixes.transitionend.transition;
+	    }
+	  }
+
+	  return prefixes;
+	}
+	var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window !== 'undefined' ? window : {});
+	var style = {};
+
+	if (canUseDom()) {
+	  var _document$createEleme = document.createElement('div');
+
+	  style = _document$createEleme.style;
+	}
+
+	var prefixedEventNames = {};
+	function getVendorPrefixedEventName(eventName) {
+	  if (prefixedEventNames[eventName]) {
+	    return prefixedEventNames[eventName];
+	  }
+
+	  var prefixMap = vendorPrefixes[eventName];
+
+	  if (prefixMap) {
+	    var stylePropList = Object.keys(prefixMap);
+	    var len = stylePropList.length;
+
+	    for (var i = 0; i < len; i += 1) {
+	      var styleProp = stylePropList[i];
+
+	      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
+	        prefixedEventNames[eventName] = prefixMap[styleProp];
+	        return prefixedEventNames[eventName];
+	      }
+	    }
+	  }
+
+	  return '';
+	}
+	var internalAnimationEndName = getVendorPrefixedEventName('animationend');
+	var internalTransitionEndName = getVendorPrefixedEventName('transitionend');
+	var supportTransition = !!(internalAnimationEndName && internalTransitionEndName);
+	var animationEndName = internalAnimationEndName || 'animationend';
+	var transitionEndName = internalTransitionEndName || 'transitionend';
+	function getTransitionName(transitionName, transitionType) {
+	  if (!transitionName) return null;
+
+	  if (_typeof$1(transitionName) === 'object') {
+	    var type = transitionType.replace(/-\w/g, function (match) {
+	      return match[1].toUpperCase();
+	    });
+	    return transitionName[type];
+	  }
+
+	  return "".concat(transitionName, "-").concat(transitionType);
+	}
+
+	var STATUS_NONE = 'none';
+	var STATUS_APPEAR = 'appear';
+	var STATUS_ENTER = 'enter';
+	var STATUS_LEAVE = 'leave';
+	var STEP_NONE = 'none';
+	var STEP_PREPARE = 'prepare';
+	var STEP_START = 'start';
+	var STEP_ACTIVE = 'active';
+	var STEP_ACTIVATED = 'end';
+
+	var raf = function raf(callback) {
+	  return +setTimeout(callback, 16);
+	};
+
+	var caf = function caf(num) {
+	  return clearTimeout(num);
+	};
+
+	if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
+	  raf = function raf(callback) {
+	    return window.requestAnimationFrame(callback);
+	  };
+
+	  caf = function caf(handle) {
+	    return window.cancelAnimationFrame(handle);
+	  };
+	}
+
+	var rafUUID = 0;
+	var rafIds = new Map();
+
+	function cleanup(id) {
+	  rafIds.delete(id);
+	}
+
+	function wrapperRaf(callback) {
+	  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+	  rafUUID += 1;
+	  var id = rafUUID;
+
+	  function callRef(leftTimes) {
+	    if (leftTimes === 0) {
+	      // Clean up
+	      cleanup(id); // Trigger
+
+	      callback();
+	    } else {
+	      // Next raf
+	      var realId = raf(function () {
+	        callRef(leftTimes - 1);
+	      }); // Bind real raf id
+
+	      rafIds.set(id, realId);
+	    }
+	  }
+
+	  callRef(times);
+	  return id;
+	}
+
+	wrapperRaf.cancel = function (id) {
+	  var realId = rafIds.get(id);
+	  cleanup(realId);
+	  return caf(realId);
+	};
+
+	var useNextFrame = (function () {
+	  var nextFrameRef = React.useRef(null);
+
+	  function cancelNextFrame() {
+	    wrapperRaf.cancel(nextFrameRef.current);
+	  }
+
+	  function nextFrame(callback) {
+	    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+	    cancelNextFrame();
+	    var nextFrameId = wrapperRaf(function () {
+	      if (delay <= 1) {
+	        callback({
+	          isCanceled: function isCanceled() {
+	            return nextFrameId !== nextFrameRef.current;
+	          }
+	        });
+	      } else {
+	        nextFrame(callback, delay - 1);
+	      }
+	    });
+	    nextFrameRef.current = nextFrameId;
+	  }
+
+	  React.useEffect(function () {
+	    return function () {
+	      cancelNextFrame();
+	    };
+	  }, []);
+	  return [nextFrame, cancelNextFrame];
+	});
+
+	var useIsomorphicLayoutEffect$3 = canUseDom() ? React.useLayoutEffect : React.useEffect;
+
+	var STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];
+	/** Skip current step */
+
+	var SkipStep = false;
+	/** Current step should be update in */
+
+	var DoStep = true;
+	function isActive(step) {
+	  return step === STEP_ACTIVE || step === STEP_ACTIVATED;
+	}
+	var useStepQueue = (function (status, callback) {
+	  var _useState = useSafeState(STEP_NONE),
+	      _useState2 = _slicedToArray$1(_useState, 2),
+	      step = _useState2[0],
+	      setStep = _useState2[1];
+
+	  var _useNextFrame = useNextFrame(),
+	      _useNextFrame2 = _slicedToArray$1(_useNextFrame, 2),
+	      nextFrame = _useNextFrame2[0],
+	      cancelNextFrame = _useNextFrame2[1];
+
+	  function startQueue() {
+	    setStep(STEP_PREPARE, true);
+	  }
+
+	  useIsomorphicLayoutEffect$3(function () {
+	    if (step !== STEP_NONE && step !== STEP_ACTIVATED) {
+	      var index = STEP_QUEUE.indexOf(step);
+	      var nextStep = STEP_QUEUE[index + 1];
+	      var result = callback(step);
+
+	      if (result === SkipStep) {
+	        // Skip when no needed
+	        setStep(nextStep, true);
+	      } else {
+	        // Do as frame for step update
+	        nextFrame(function (info) {
+	          function doNext() {
+	            // Skip since current queue is ood
+	            if (info.isCanceled()) return;
+	            setStep(nextStep, true);
+	          }
+
+	          if (result === true) {
+	            doNext();
+	          } else {
+	            // Only promise should be async
+	            Promise.resolve(result).then(doNext);
+	          }
+	        });
+	      }
+	    }
+	  }, [status, step]);
+	  React.useEffect(function () {
+	    return function () {
+	      cancelNextFrame();
+	    };
+	  }, []);
+	  return [startQueue, step];
+	});
+
+	var useDomMotionEvents = (function (callback) {
+	  var cacheElementRef = React.useRef(); // Cache callback
+
+	  var callbackRef = React.useRef(callback);
+	  callbackRef.current = callback; // Internal motion event handler
+
+	  var onInternalMotionEnd = React.useCallback(function (event) {
+	    callbackRef.current(event);
+	  }, []); // Remove events
+
+	  function removeMotionEvents(element) {
+	    if (element) {
+	      element.removeEventListener(transitionEndName, onInternalMotionEnd);
+	      element.removeEventListener(animationEndName, onInternalMotionEnd);
+	    }
+	  } // Patch events
+
+
+	  function patchMotionEvents(element) {
+	    if (cacheElementRef.current && cacheElementRef.current !== element) {
+	      removeMotionEvents(cacheElementRef.current);
+	    }
+
+	    if (element && element !== cacheElementRef.current) {
+	      element.addEventListener(transitionEndName, onInternalMotionEnd);
+	      element.addEventListener(animationEndName, onInternalMotionEnd); // Save as cache in case dom removed trigger by `motionDeadline`
+
+	      cacheElementRef.current = element;
+	    }
+	  } // Clean up when removed
+
+
+	  React.useEffect(function () {
+	    return function () {
+	      removeMotionEvents(cacheElementRef.current);
+	    };
+	  }, []);
+	  return [patchMotionEvents, removeMotionEvents];
+	});
+
+	function useStatus(supportMotion, visible, getElement, _ref) {
+	  var _ref$motionEnter = _ref.motionEnter,
+	      motionEnter = _ref$motionEnter === void 0 ? true : _ref$motionEnter,
+	      _ref$motionAppear = _ref.motionAppear,
+	      motionAppear = _ref$motionAppear === void 0 ? true : _ref$motionAppear,
+	      _ref$motionLeave = _ref.motionLeave,
+	      motionLeave = _ref$motionLeave === void 0 ? true : _ref$motionLeave,
+	      motionDeadline = _ref.motionDeadline,
+	      motionLeaveImmediately = _ref.motionLeaveImmediately,
+	      onAppearPrepare = _ref.onAppearPrepare,
+	      onEnterPrepare = _ref.onEnterPrepare,
+	      onLeavePrepare = _ref.onLeavePrepare,
+	      onAppearStart = _ref.onAppearStart,
+	      onEnterStart = _ref.onEnterStart,
+	      onLeaveStart = _ref.onLeaveStart,
+	      onAppearActive = _ref.onAppearActive,
+	      onEnterActive = _ref.onEnterActive,
+	      onLeaveActive = _ref.onLeaveActive,
+	      onAppearEnd = _ref.onAppearEnd,
+	      onEnterEnd = _ref.onEnterEnd,
+	      onLeaveEnd = _ref.onLeaveEnd,
+	      onVisibleChanged = _ref.onVisibleChanged;
+
+	  // Used for outer render usage to avoid `visible: false & status: none` to render nothing
+	  var _useState = useSafeState(),
+	      _useState2 = _slicedToArray$1(_useState, 2),
+	      asyncVisible = _useState2[0],
+	      setAsyncVisible = _useState2[1];
+
+	  var _useState3 = useSafeState(STATUS_NONE),
+	      _useState4 = _slicedToArray$1(_useState3, 2),
+	      status = _useState4[0],
+	      setStatus = _useState4[1];
+
+	  var _useState5 = useSafeState(null),
+	      _useState6 = _slicedToArray$1(_useState5, 2),
+	      style = _useState6[0],
+	      setStyle = _useState6[1];
+
+	  var mountedRef = React.useRef(false);
+	  var deadlineRef = React.useRef(null); // =========================== Dom Node ===========================
+
+	  function getDomElement() {
+	    return getElement();
+	  } // ========================== Motion End ==========================
+
+
+	  var activeRef = React.useRef(false);
+
+	  function onInternalMotionEnd(event) {
+	    var element = getDomElement();
+
+	    if (event && !event.deadline && event.target !== element) {
+	      // event exists
+	      // not initiated by deadline
+	      // transitionEnd not fired by inner elements
+	      return;
+	    }
+
+	    var currentActive = activeRef.current;
+	    var canEnd;
+
+	    if (status === STATUS_APPEAR && currentActive) {
+	      canEnd = onAppearEnd === null || onAppearEnd === void 0 ? void 0 : onAppearEnd(element, event);
+	    } else if (status === STATUS_ENTER && currentActive) {
+	      canEnd = onEnterEnd === null || onEnterEnd === void 0 ? void 0 : onEnterEnd(element, event);
+	    } else if (status === STATUS_LEAVE && currentActive) {
+	      canEnd = onLeaveEnd === null || onLeaveEnd === void 0 ? void 0 : onLeaveEnd(element, event);
+	    } // Only update status when `canEnd` and not destroyed
+
+
+	    if (status !== STATUS_NONE && currentActive && canEnd !== false) {
+	      setStatus(STATUS_NONE, true);
+	      setStyle(null, true);
+	    }
+	  }
+
+	  var _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd),
+	      _useDomMotionEvents2 = _slicedToArray$1(_useDomMotionEvents, 1),
+	      patchMotionEvents = _useDomMotionEvents2[0]; // ============================= Step =============================
+
+
+	  var eventHandlers = React.useMemo(function () {
+	    var _ref2, _ref3, _ref4;
+
+	    switch (status) {
+	      case STATUS_APPEAR:
+	        return _ref2 = {}, _defineProperty$1(_ref2, STEP_PREPARE, onAppearPrepare), _defineProperty$1(_ref2, STEP_START, onAppearStart), _defineProperty$1(_ref2, STEP_ACTIVE, onAppearActive), _ref2;
+
+	      case STATUS_ENTER:
+	        return _ref3 = {}, _defineProperty$1(_ref3, STEP_PREPARE, onEnterPrepare), _defineProperty$1(_ref3, STEP_START, onEnterStart), _defineProperty$1(_ref3, STEP_ACTIVE, onEnterActive), _ref3;
+
+	      case STATUS_LEAVE:
+	        return _ref4 = {}, _defineProperty$1(_ref4, STEP_PREPARE, onLeavePrepare), _defineProperty$1(_ref4, STEP_START, onLeaveStart), _defineProperty$1(_ref4, STEP_ACTIVE, onLeaveActive), _ref4;
+
+	      default:
+	        return {};
+	    }
+	  }, [status]);
+
+	  var _useStepQueue = useStepQueue(status, function (newStep) {
+	    // Only prepare step can be skip
+	    if (newStep === STEP_PREPARE) {
+	      var onPrepare = eventHandlers[STEP_PREPARE];
+
+	      if (!onPrepare) {
+	        return SkipStep;
+	      }
+
+	      return onPrepare(getDomElement());
+	    } // Rest step is sync update
+
+
+	    // Rest step is sync update
+	    if (step in eventHandlers) {
+	      var _eventHandlers$step;
+
+	      setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);
+	    }
+
+	    if (step === STEP_ACTIVE) {
+	      // Patch events when motion needed
+	      patchMotionEvents(getDomElement());
+
+	      if (motionDeadline > 0) {
+	        clearTimeout(deadlineRef.current);
+	        deadlineRef.current = setTimeout(function () {
+	          onInternalMotionEnd({
+	            deadline: true
+	          });
+	        }, motionDeadline);
+	      }
+	    }
+
+	    return DoStep;
+	  }),
+	      _useStepQueue2 = _slicedToArray$1(_useStepQueue, 2),
+	      startStep = _useStepQueue2[0],
+	      step = _useStepQueue2[1];
+
+	  var active = isActive(step);
+	  activeRef.current = active; // ============================ Status ============================
+	  // Update with new status
+
+	  useIsomorphicLayoutEffect$3(function () {
+	    setAsyncVisible(visible);
+	    var isMounted = mountedRef.current;
+	    mountedRef.current = true;
+
+	    if (!supportMotion) {
+	      return;
+	    }
+
+	    var nextStatus; // Appear
+
+	    if (!isMounted && visible && motionAppear) {
+	      nextStatus = STATUS_APPEAR;
+	    } // Enter
+
+
+	    if (isMounted && visible && motionEnter) {
+	      nextStatus = STATUS_ENTER;
+	    } // Leave
+
+
+	    if (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) {
+	      nextStatus = STATUS_LEAVE;
+	    } // Update to next status
+
+
+	    if (nextStatus) {
+	      setStatus(nextStatus);
+	      startStep();
+	    }
+	  }, [visible]); // ============================ Effect ============================
+	  // Reset when motion changed
+
+	  React.useEffect(function () {
+	    if ( // Cancel appear
+	    status === STATUS_APPEAR && !motionAppear || // Cancel enter
+	    status === STATUS_ENTER && !motionEnter || // Cancel leave
+	    status === STATUS_LEAVE && !motionLeave) {
+	      setStatus(STATUS_NONE);
+	    }
+	  }, [motionAppear, motionEnter, motionLeave]);
+	  React.useEffect(function () {
+	    return function () {
+	      mountedRef.current = false;
+	      clearTimeout(deadlineRef.current);
+	    };
+	  }, []); // Trigger `onVisibleChanged`
+
+	  React.useEffect(function () {
+	    if (asyncVisible !== undefined && status === STATUS_NONE) {
+	      onVisibleChanged === null || onVisibleChanged === void 0 ? void 0 : onVisibleChanged(asyncVisible);
+	    }
+	  }, [asyncVisible, status]); // ============================ Styles ============================
+
+	  var mergedStyle = style;
+
+	  if (eventHandlers[STEP_PREPARE] && step === STEP_START) {
+	    mergedStyle = _objectSpread2({
+	      transition: 'none'
+	    }, mergedStyle);
+	  }
+
+	  return [status, step, mergedStyle, asyncVisible !== null && asyncVisible !== void 0 ? asyncVisible : visible];
+	}
+
+	var DomWrapper$1 = /*#__PURE__*/function (_React$Component) {
+	  _inherits(DomWrapper, _React$Component);
+
+	  var _super = _createSuper(DomWrapper);
+
+	  function DomWrapper() {
+	    _classCallCheck(this, DomWrapper);
+
+	    return _super.apply(this, arguments);
+	  }
+
+	  _createClass(DomWrapper, [{
+	    key: "render",
+	    value: function render() {
+	      return this.props.children;
+	    }
+	  }]);
+
+	  return DomWrapper;
+	}(React.Component);
+
+	/**
+	 * `transitionSupport` is used for none transition test case.
+	 * Default we use browser transition event support check.
+	 */
+
+	function genCSSMotion(config) {
+	  var transitionSupport = config;
+
+	  if (_typeof$1(config) === 'object') {
+	    transitionSupport = config.transitionSupport;
+	  }
+
+	  function isSupportTransition(props) {
+	    return !!(props.motionName && transitionSupport);
+	  }
+
+	  var CSSMotion = /*#__PURE__*/React.forwardRef(function (props, ref) {
+	    var _props$visible = props.visible,
+	        visible = _props$visible === void 0 ? true : _props$visible,
+	        _props$removeOnLeave = props.removeOnLeave,
+	        removeOnLeave = _props$removeOnLeave === void 0 ? true : _props$removeOnLeave,
+	        forceRender = props.forceRender,
+	        children = props.children,
+	        motionName = props.motionName,
+	        leavedClassName = props.leavedClassName,
+	        eventProps = props.eventProps;
+	    var supportMotion = isSupportTransition(props); // Ref to the react node, it may be a HTMLElement
+
+	    var nodeRef = React.useRef(); // Ref to the dom wrapper in case ref can not pass to HTMLElement
+
+	    var wrapperNodeRef = React.useRef();
+
+	    function getDomElement() {
+	      try {
+	        // Here we're avoiding call for findDOMNode since it's deprecated
+	        // in strict mode. We're calling it only when node ref is not
+	        // an instance of DOM HTMLElement. Otherwise use
+	        // findDOMNode as a final resort
+	        return nodeRef.current instanceof HTMLElement ? nodeRef.current : findDOMNode(wrapperNodeRef.current);
+	      } catch (e) {
+	        // Only happen when `motionDeadline` trigger but element removed.
+	        return null;
+	      }
+	    }
+
+	    var _useStatus = useStatus(supportMotion, visible, getDomElement, props),
+	        _useStatus2 = _slicedToArray$1(_useStatus, 4),
+	        status = _useStatus2[0],
+	        statusStep = _useStatus2[1],
+	        statusStyle = _useStatus2[2],
+	        mergedVisible = _useStatus2[3]; // Record whether content has rendered
+	    // Will return null for un-rendered even when `removeOnLeave={false}`
+
+
+	    var renderedRef = React.useRef(mergedVisible);
+
+	    if (mergedVisible) {
+	      renderedRef.current = true;
+	    } // ====================== Refs ======================
+
+
+	    var setNodeRef = React.useCallback(function (node) {
+	      nodeRef.current = node;
+	      fillRef(ref, node);
+	    }, [ref]); // ===================== Render =====================
+
+	    var motionChildren;
+
+	    var mergedProps = _objectSpread2(_objectSpread2({}, eventProps), {}, {
+	      visible: visible
+	    });
+
+	    if (!children) {
+	      // No children
+	      motionChildren = null;
+	    } else if (status === STATUS_NONE || !isSupportTransition(props)) {
+	      // Stable children
+	      if (mergedVisible) {
+	        motionChildren = children(_objectSpread2({}, mergedProps), setNodeRef);
+	      } else if (!removeOnLeave && renderedRef.current) {
+	        motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
+	          className: leavedClassName
+	        }), setNodeRef);
+	      } else if (forceRender) {
+	        motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
+	          style: {
+	            display: 'none'
+	          }
+	        }), setNodeRef);
+	      } else {
+	        motionChildren = null;
+	      }
+	    } else {
+	      var _classNames;
+
+	      // In motion
+	      var statusSuffix;
+
+	      if (statusStep === STEP_PREPARE) {
+	        statusSuffix = 'prepare';
+	      } else if (isActive(statusStep)) {
+	        statusSuffix = 'active';
+	      } else if (statusStep === STEP_START) {
+	        statusSuffix = 'start';
+	      }
+
+	      motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
+	        className: classnames(getTransitionName(motionName, status), (_classNames = {}, _defineProperty$1(_classNames, getTransitionName(motionName, "".concat(status, "-").concat(statusSuffix)), statusSuffix), _defineProperty$1(_classNames, motionName, typeof motionName === 'string'), _classNames)),
+	        style: statusStyle
+	      }), setNodeRef);
+	    } // Auto inject ref if child node not have `ref` props
+
+
+	    if ( /*#__PURE__*/React.isValidElement(motionChildren) && supportRef(motionChildren)) {
+	      var _motionChildren = motionChildren,
+	          originNodeRef = _motionChildren.ref;
+
+	      if (!originNodeRef) {
+	        motionChildren = /*#__PURE__*/React.cloneElement(motionChildren, {
+	          ref: setNodeRef
+	        });
+	      }
+	    }
+
+	    return /*#__PURE__*/React.createElement(DomWrapper$1, {
+	      ref: wrapperNodeRef
+	    }, motionChildren);
+	  });
+	  CSSMotion.displayName = 'CSSMotion';
+	  return CSSMotion;
+	}
+	var CSSMotion = genCSSMotion(supportTransition);
+
+	var STATUS_ADD = 'add';
+	var STATUS_KEEP = 'keep';
+	var STATUS_REMOVE = 'remove';
+	var STATUS_REMOVED = 'removed';
+	function wrapKeyToObject(key) {
+	  var keyObj;
+
+	  if (key && _typeof$1(key) === 'object' && 'key' in key) {
+	    keyObj = key;
+	  } else {
+	    keyObj = {
+	      key: key
+	    };
+	  }
+
+	  return _objectSpread2(_objectSpread2({}, keyObj), {}, {
+	    key: String(keyObj.key)
+	  });
+	}
+	function parseKeys() {
+	  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	  return keys.map(wrapKeyToObject);
+	}
+	function diffKeys() {
+	  var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	  var currentKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+	  var list = [];
+	  var currentIndex = 0;
+	  var currentLen = currentKeys.length;
+	  var prevKeyObjects = parseKeys(prevKeys);
+	  var currentKeyObjects = parseKeys(currentKeys); // Check prev keys to insert or keep
+
+	  prevKeyObjects.forEach(function (keyObj) {
+	    var hit = false;
+
+	    for (var i = currentIndex; i < currentLen; i += 1) {
+	      var currentKeyObj = currentKeyObjects[i];
+
+	      if (currentKeyObj.key === keyObj.key) {
+	        // New added keys should add before current key
+	        if (currentIndex < i) {
+	          list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function (obj) {
+	            return _objectSpread2(_objectSpread2({}, obj), {}, {
+	              status: STATUS_ADD
+	            });
+	          }));
+	          currentIndex = i;
+	        }
+
+	        list.push(_objectSpread2(_objectSpread2({}, currentKeyObj), {}, {
+	          status: STATUS_KEEP
+	        }));
+	        currentIndex += 1;
+	        hit = true;
+	        break;
+	      }
+	    } // If not hit, it means key is removed
+
+
+	    if (!hit) {
+	      list.push(_objectSpread2(_objectSpread2({}, keyObj), {}, {
+	        status: STATUS_REMOVE
+	      }));
+	    }
+	  }); // Add rest to the list
+
+	  if (currentIndex < currentLen) {
+	    list = list.concat(currentKeyObjects.slice(currentIndex).map(function (obj) {
+	      return _objectSpread2(_objectSpread2({}, obj), {}, {
+	        status: STATUS_ADD
+	      });
+	    }));
+	  }
+	  /**
+	   * Merge same key when it remove and add again:
+	   *    [1 - add, 2 - keep, 1 - remove] -> [1 - keep, 2 - keep]
+	   */
+
+
+	  var keys = {};
+	  list.forEach(function (_ref) {
+	    var key = _ref.key;
+	    keys[key] = (keys[key] || 0) + 1;
+	  });
+	  var duplicatedKeys = Object.keys(keys).filter(function (key) {
+	    return keys[key] > 1;
+	  });
+	  duplicatedKeys.forEach(function (matchKey) {
+	    // Remove `STATUS_REMOVE` node.
+	    list = list.filter(function (_ref2) {
+	      var key = _ref2.key,
+	          status = _ref2.status;
+	      return key !== matchKey || status !== STATUS_REMOVE;
+	    }); // Update `STATUS_ADD` to `STATUS_KEEP`
+
+	    list.forEach(function (node) {
+	      if (node.key === matchKey) {
+	        // eslint-disable-next-line no-param-reassign
+	        node.status = STATUS_KEEP;
+	      }
+	    });
+	  });
+	  return list;
+	}
+
+	var _excluded$1m = ["component", "children", "onVisibleChanged", "onAllRemoved"],
+	    _excluded2$l = ["status"];
+	var MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
+	/**
+	 * Generate a CSSMotionList component with config
+	 * @param transitionSupport No need since CSSMotionList no longer depends on transition support
+	 * @param CSSMotion CSSMotion component
+	 */
+
+	function genCSSMotionList(transitionSupport) {
+	  var CSSMotion$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : CSSMotion;
+
+	  var CSSMotionList = /*#__PURE__*/function (_React$Component) {
+	    _inherits(CSSMotionList, _React$Component);
+
+	    var _super = _createSuper(CSSMotionList);
+
+	    function CSSMotionList() {
+	      var _this;
+
+	      _classCallCheck(this, CSSMotionList);
+
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+
+	      _this = _super.call.apply(_super, [this].concat(args));
+	      _this.state = {
+	        keyEntities: []
+	      };
+
+	      _this.removeKey = function (removeKey) {
+	        var keyEntities = _this.state.keyEntities;
+	        var nextKeyEntities = keyEntities.map(function (entity) {
+	          if (entity.key !== removeKey) return entity;
+	          return _objectSpread2(_objectSpread2({}, entity), {}, {
+	            status: STATUS_REMOVED
+	          });
+	        });
+
+	        _this.setState({
+	          keyEntities: nextKeyEntities
+	        });
+
+	        return nextKeyEntities.filter(function (_ref) {
+	          var status = _ref.status;
+	          return status !== STATUS_REMOVED;
+	        }).length;
+	      };
+
+	      return _this;
+	    }
+
+	    _createClass(CSSMotionList, [{
+	      key: "render",
+	      value: function render() {
+	        var _this2 = this;
+
+	        var keyEntities = this.state.keyEntities;
+
+	        var _this$props = this.props,
+	            component = _this$props.component,
+	            children = _this$props.children,
+	            _onVisibleChanged = _this$props.onVisibleChanged,
+	            onAllRemoved = _this$props.onAllRemoved,
+	            restProps = _objectWithoutProperties$1(_this$props, _excluded$1m);
+
+	        var Component = component || React.Fragment;
+	        var motionProps = {};
+	        MOTION_PROP_NAMES.forEach(function (prop) {
+	          motionProps[prop] = restProps[prop];
+	          delete restProps[prop];
+	        });
+	        delete restProps.keys;
+	        return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2) {
+	          var status = _ref2.status,
+	              eventProps = _objectWithoutProperties$1(_ref2, _excluded2$l);
+
+	          var visible = status === STATUS_ADD || status === STATUS_KEEP;
+	          return /*#__PURE__*/React.createElement(CSSMotion$1, _extends$5({}, motionProps, {
+	            key: eventProps.key,
+	            visible: visible,
+	            eventProps: eventProps,
+	            onVisibleChanged: function onVisibleChanged(changedVisible) {
+	              _onVisibleChanged === null || _onVisibleChanged === void 0 ? void 0 : _onVisibleChanged(changedVisible, {
+	                key: eventProps.key
+	              });
+
+	              if (!changedVisible) {
+	                var restKeysCount = _this2.removeKey(eventProps.key);
+
+	                if (restKeysCount === 0 && onAllRemoved) {
+	                  onAllRemoved();
+	                }
+	              }
+	            }
+	          }), children);
+	        }));
+	      }
+	    }], [{
+	      key: "getDerivedStateFromProps",
+	      value: function getDerivedStateFromProps(_ref3, _ref4) {
+	        var keys = _ref3.keys;
+	        var keyEntities = _ref4.keyEntities;
+	        var parsedKeyObjects = parseKeys(keys);
+	        var mixedKeyEntities = diffKeys(keyEntities, parsedKeyObjects);
+	        return {
+	          keyEntities: mixedKeyEntities.filter(function (entity) {
+	            var prevEntity = keyEntities.find(function (_ref5) {
+	              var key = _ref5.key;
+	              return entity.key === key;
+	            }); // Remove if already mark as removed
+
+	            if (prevEntity && prevEntity.status === STATUS_REMOVED && entity.status === STATUS_REMOVE) {
+	              return false;
+	            }
+
+	            return true;
+	          })
+	        };
+	      } // ZombieJ: Return the count of rest keys. It's safe to refactor if need more info.
+
+	    }]);
+
+	    return CSSMotionList;
+	  }(React.Component);
+
+	  CSSMotionList.defaultProps = {
+	    component: 'div'
+	  };
+	  return CSSMotionList;
+	}
+	var CSSMotionList = genCSSMotionList(supportTransition);
+
+	var Notice = /*#__PURE__*/function (_Component) {
+	  _inherits(Notice, _Component);
+
+	  var _super = _createSuper(Notice);
+
+	  function Notice() {
+	    var _this;
+
+	    _classCallCheck(this, Notice);
+
+	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    _this = _super.call.apply(_super, [this].concat(args));
+	    _this.closeTimer = null;
+
+	    _this.close = function (e) {
+	      if (e) {
+	        e.stopPropagation();
+	      }
+
+	      _this.clearCloseTimer();
+
+	      var _this$props = _this.props,
+	          onClose = _this$props.onClose,
+	          noticeKey = _this$props.noticeKey;
+
+	      if (onClose) {
+	        onClose(noticeKey);
+	      }
+	    };
+
+	    _this.startCloseTimer = function () {
+	      if (_this.props.duration) {
+	        _this.closeTimer = window.setTimeout(function () {
+	          _this.close();
+	        }, _this.props.duration * 1000);
+	      }
+	    };
+
+	    _this.clearCloseTimer = function () {
+	      if (_this.closeTimer) {
+	        clearTimeout(_this.closeTimer);
+	        _this.closeTimer = null;
+	      }
+	    };
+
+	    return _this;
+	  }
+
+	  _createClass(Notice, [{
+	    key: "componentDidMount",
+	    value: function componentDidMount() {
+	      this.startCloseTimer();
+	    }
+	  }, {
+	    key: "componentDidUpdate",
+	    value: function componentDidUpdate(prevProps) {
+	      if (this.props.duration !== prevProps.duration || this.props.updateMark !== prevProps.updateMark || // Visible again need reset timer
+	      this.props.visible !== prevProps.visible && this.props.visible) {
+	        this.restartCloseTimer();
+	      }
+	    }
+	  }, {
+	    key: "componentWillUnmount",
+	    value: function componentWillUnmount() {
+	      this.clearCloseTimer();
+	    }
+	  }, {
+	    key: "restartCloseTimer",
+	    value: function restartCloseTimer() {
+	      this.clearCloseTimer();
+	      this.startCloseTimer();
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      var _this2 = this;
+
+	      var _this$props2 = this.props,
+	          prefixCls = _this$props2.prefixCls,
+	          className = _this$props2.className,
+	          closable = _this$props2.closable,
+	          closeIcon = _this$props2.closeIcon,
+	          style = _this$props2.style,
+	          onClick = _this$props2.onClick,
+	          children = _this$props2.children,
+	          holder = _this$props2.holder;
+	      var componentClass = "".concat(prefixCls, "-notice");
+	      var dataOrAriaAttributeProps = Object.keys(this.props).reduce(function (acc, key) {
+	        if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
+	          acc[key] = _this2.props[key];
+	        }
+
+	        return acc;
+	      }, {});
+	      var node = /*#__PURE__*/React.createElement("div", _extends$5({
+	        className: classnames(componentClass, className, _defineProperty$1({}, "".concat(componentClass, "-closable"), closable)),
+	        style: style,
+	        onMouseEnter: this.clearCloseTimer,
+	        onMouseLeave: this.startCloseTimer,
+	        onClick: onClick
+	      }, dataOrAriaAttributeProps), /*#__PURE__*/React.createElement("div", {
+	        className: "".concat(componentClass, "-content")
+	      }, children), closable ? /*#__PURE__*/React.createElement("a", {
+	        tabIndex: 0,
+	        onClick: this.close,
+	        className: "".concat(componentClass, "-close")
+	      }, closeIcon || /*#__PURE__*/React.createElement("span", {
+	        className: "".concat(componentClass, "-close-x")
+	      })) : null);
+
+	      if (holder) {
+	        return /*#__PURE__*/ReactDOM__default['default'].createPortal(node, holder);
+	      }
+
+	      return node;
+	    }
+	  }]);
+
+	  return Notice;
+	}(React.Component);
+
+	Notice.defaultProps = {
+	  onClose: function onClose() {},
+	  duration: 1.5
+	};
+
+	function useNotification(notificationInstance) {
+	  var createdRef = React.useRef({});
+
+	  var _React$useState = React.useState([]),
+	      _React$useState2 = _slicedToArray$1(_React$useState, 2),
+	      elements = _React$useState2[0],
+	      setElements = _React$useState2[1];
+
+	  function notify(noticeProps) {
+	    var firstMount = true;
+	    notificationInstance.add(noticeProps, function (div, props) {
+	      var key = props.key;
+
+	      if (div && (!createdRef.current[key] || firstMount)) {
+	        var noticeEle = /*#__PURE__*/React.createElement(Notice, _extends$5({}, props, {
+	          holder: div
+	        }));
+	        createdRef.current[key] = noticeEle;
+	        setElements(function (originElements) {
+	          var index = originElements.findIndex(function (ele) {
+	            return ele.key === props.key;
+	          });
+
+	          if (index === -1) {
+	            return [].concat(_toConsumableArray$1(originElements), [noticeEle]);
+	          }
+
+	          var cloneList = _toConsumableArray$1(originElements);
+
+	          cloneList[index] = noticeEle;
+	          return cloneList;
+	        });
+	      }
+
+	      firstMount = false;
+	    });
+	  }
+
+	  return [notify, /*#__PURE__*/React.createElement(React.Fragment, null, elements)];
+	}
+
+	var _excluded$1n = ["getContainer"];
+	var seed = 0;
+	var now$3 = Date.now();
+
+	function getUuid() {
+	  var id = seed;
+	  seed += 1;
+	  return "rcNotification_".concat(now$3, "_").concat(id);
+	}
+
+	var Notification = /*#__PURE__*/function (_Component) {
+	  _inherits(Notification, _Component);
+
+	  var _super = _createSuper(Notification);
+
+	  function Notification() {
+	    var _this;
+
+	    _classCallCheck(this, Notification);
+
+	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    _this = _super.call.apply(_super, [this].concat(args));
+	    _this.state = {
+	      notices: []
+	    };
+	    _this.hookRefs = new Map();
+
+	    _this.add = function (originNotice, holderCallback) {
+	      var key = originNotice.key || getUuid();
+
+	      var notice = _objectSpread2(_objectSpread2({}, originNotice), {}, {
+	        key: key
+	      });
+
+	      var maxCount = _this.props.maxCount;
+
+	      _this.setState(function (previousState) {
+	        var notices = previousState.notices;
+	        var noticeIndex = notices.map(function (v) {
+	          return v.notice.key;
+	        }).indexOf(key);
+	        var updatedNotices = notices.concat();
+
+	        if (noticeIndex !== -1) {
+	          updatedNotices.splice(noticeIndex, 1, {
+	            notice: notice,
+	            holderCallback: holderCallback
+	          });
+	        } else {
+	          if (maxCount && notices.length >= maxCount) {
+	            // XXX, use key of first item to update new added (let React to move exsiting
+	            // instead of remove and mount). Same key was used before for both a) external
+	            // manual control and b) internal react 'key' prop , which is not that good.
+	            // eslint-disable-next-line no-param-reassign
+	            // zombieJ: Not know why use `updateKey`. This makes Notice infinite loop in jest.
+	            // Change to `updateMark` for compare instead.
+	            // https://github.com/react-component/notification/commit/32299e6be396f94040bfa82517eea940db947ece
+	            notice.key = updatedNotices[0].notice.key;
+	            notice.updateMark = getUuid(); // zombieJ: That's why. User may close by key directly.
+	            // We need record this but not re-render to avoid upper issue
+	            // https://github.com/react-component/notification/issues/129
+
+	            notice.userPassKey = key;
+	            updatedNotices.shift();
+	          }
+
+	          updatedNotices.push({
+	            notice: notice,
+	            holderCallback: holderCallback
+	          });
+	        }
+
+	        return {
+	          notices: updatedNotices
+	        };
+	      });
+	    };
+
+	    _this.remove = function (removeKey) {
+	      _this.setState(function (_ref) {
+	        var notices = _ref.notices;
+	        return {
+	          notices: notices.filter(function (_ref2) {
+	            var _ref2$notice = _ref2.notice,
+	                key = _ref2$notice.key,
+	                userPassKey = _ref2$notice.userPassKey;
+	            var mergedKey = userPassKey || key;
+	            return mergedKey !== removeKey;
+	          })
+	        };
+	      });
+	    };
+
+	    _this.noticePropsMap = {};
+	    return _this;
+	  }
+
+	  _createClass(Notification, [{
+	    key: "getTransitionName",
+	    value: function getTransitionName() {
+	      var _this$props = this.props,
+	          prefixCls = _this$props.prefixCls,
+	          animation = _this$props.animation;
+	      var transitionName = this.props.transitionName;
+
+	      if (!transitionName && animation) {
+	        transitionName = "".concat(prefixCls, "-").concat(animation);
+	      }
+
+	      return transitionName;
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      var _this2 = this;
+
+	      var notices = this.state.notices;
+	      var _this$props2 = this.props,
+	          prefixCls = _this$props2.prefixCls,
+	          className = _this$props2.className,
+	          closeIcon = _this$props2.closeIcon,
+	          style = _this$props2.style;
+	      var noticeKeys = [];
+	      notices.forEach(function (_ref3, index) {
+	        var notice = _ref3.notice,
+	            holderCallback = _ref3.holderCallback;
+	        var updateMark = index === notices.length - 1 ? notice.updateMark : undefined;
+	        var key = notice.key,
+	            userPassKey = notice.userPassKey;
+
+	        var noticeProps = _objectSpread2(_objectSpread2(_objectSpread2({
+	          prefixCls: prefixCls,
+	          closeIcon: closeIcon
+	        }, notice), notice.props), {}, {
+	          key: key,
+	          noticeKey: userPassKey || key,
+	          updateMark: updateMark,
+	          onClose: function onClose(noticeKey) {
+	            var _notice$onClose;
+
+	            _this2.remove(noticeKey);
+
+	            (_notice$onClose = notice.onClose) === null || _notice$onClose === void 0 ? void 0 : _notice$onClose.call(notice);
+	          },
+	          onClick: notice.onClick,
+	          children: notice.content
+	        }); // Give to motion
+
+
+	        noticeKeys.push(key);
+	        _this2.noticePropsMap[key] = {
+	          props: noticeProps,
+	          holderCallback: holderCallback
+	        };
+	      });
+	      return /*#__PURE__*/React.createElement("div", {
+	        className: classnames(prefixCls, className),
+	        style: style
+	      }, /*#__PURE__*/React.createElement(CSSMotionList, {
+	        keys: noticeKeys,
+	        motionName: this.getTransitionName(),
+	        onVisibleChanged: function onVisibleChanged(changedVisible, _ref4) {
+	          var key = _ref4.key;
+
+	          if (!changedVisible) {
+	            delete _this2.noticePropsMap[key];
+	          }
+	        }
+	      }, function (_ref5) {
+	        var key = _ref5.key,
+	            motionClassName = _ref5.className,
+	            motionStyle = _ref5.style,
+	            visible = _ref5.visible;
+	        var _this2$noticePropsMap = _this2.noticePropsMap[key],
+	            noticeProps = _this2$noticePropsMap.props,
+	            holderCallback = _this2$noticePropsMap.holderCallback;
+
+	        if (holderCallback) {
+	          return /*#__PURE__*/React.createElement("div", {
+	            key: key,
+	            className: classnames(motionClassName, "".concat(prefixCls, "-hook-holder")),
+	            style: _objectSpread2({}, motionStyle),
+	            ref: function ref(div) {
+	              if (typeof key === 'undefined') {
+	                return;
+	              }
+
+	              if (div) {
+	                _this2.hookRefs.set(key, div);
+
+	                holderCallback(div, noticeProps);
+	              } else {
+	                _this2.hookRefs.delete(key);
+	              }
+	            }
+	          });
+	        }
+
+	        return /*#__PURE__*/React.createElement(Notice, _extends$5({}, noticeProps, {
+	          className: classnames(motionClassName, noticeProps === null || noticeProps === void 0 ? void 0 : noticeProps.className),
+	          style: _objectSpread2(_objectSpread2({}, motionStyle), noticeProps === null || noticeProps === void 0 ? void 0 : noticeProps.style),
+	          visible: visible
+	        }));
+	      }));
+	    }
+	  }]);
+
+	  return Notification;
+	}(React.Component);
+
+	Notification.newInstance = void 0;
+	Notification.defaultProps = {
+	  prefixCls: 'rc-notification',
+	  animation: 'fade',
+	  style: {
+	    top: 65,
+	    left: '50%'
+	  }
+	};
+
+	Notification.newInstance = function newNotificationInstance(properties, callback) {
+	  var _ref6 = properties || {},
+	      getContainer = _ref6.getContainer,
+	      props = _objectWithoutProperties$1(_ref6, _excluded$1n);
+
+	  var div = document.createElement('div');
+
+	  if (getContainer) {
+	    var root = getContainer();
+	    root.appendChild(div);
+	  } else {
+	    document.body.appendChild(div);
+	  }
+
+	  var called = false;
+
+	  function ref(notification) {
+	    if (called) {
+	      return;
+	    }
+
+	    called = true;
+	    callback({
+	      notice: function notice(noticeProps) {
+	        notification.add(noticeProps);
+	      },
+	      removeNotice: function removeNotice(key) {
+	        notification.remove(key);
+	      },
+	      component: notification,
+	      destroy: function destroy() {
+	        unmount(div);
+
+	        if (div.parentNode) {
+	          div.parentNode.removeChild(div);
+	        }
+	      },
+	      // Hooks
+	      useNotification: function useNotification$1() {
+	        return useNotification(notification);
+	      }
+	    });
+	  } // Only used for test case usage
+
+	  render$3( /*#__PURE__*/React.createElement(Notification, _extends$5({}, props, {
+	    ref: ref
+	  })), div);
+	};
+
+	var interopRequireWildcard = createCommonjsModule(function (module) {
+	var _typeof = _typeof_1["default"];
+
+	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;
+	}
+
+	module.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var interopRequireDefault = createCommonjsModule(function (module) {
+	function _interopRequireDefault(obj) {
+	  return obj && obj.__esModule ? obj : {
+	    "default": obj
+	  };
+	}
+
+	module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var classCallCheck$1 = createCommonjsModule(function (module) {
+	function _classCallCheck(instance, Constructor) {
+	  if (!(instance instanceof Constructor)) {
+	    throw new TypeError("Cannot call a class as a function");
+	  }
+	}
+
+	module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var createClass$1 = createCommonjsModule(function (module) {
+	function _defineProperties(target, props) {
+	  for (var i = 0; i < props.length; i++) {
+	    var descriptor = props[i];
+	    descriptor.enumerable = descriptor.enumerable || false;
+	    descriptor.configurable = true;
+	    if ("value" in descriptor) descriptor.writable = true;
+	    Object.defineProperty(target, descriptor.key, descriptor);
+	  }
+	}
+
+	function _createClass(Constructor, protoProps, staticProps) {
+	  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+	  if (staticProps) _defineProperties(Constructor, staticProps);
+	  Object.defineProperty(Constructor, "prototype", {
+	    writable: false
+	  });
+	  return Constructor;
+	}
+
+	module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var setPrototypeOf = createCommonjsModule(function (module) {
+	function _setPrototypeOf(o, p) {
+	  module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+	    o.__proto__ = p;
+	    return o;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  return _setPrototypeOf(o, p);
+	}
+
+	module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var inherits$1 = createCommonjsModule(function (module) {
+	function _inherits(subClass, superClass) {
+	  if (typeof superClass !== "function" && superClass !== null) {
+	    throw new TypeError("Super expression must either be null or a function");
+	  }
+
+	  subClass.prototype = Object.create(superClass && superClass.prototype, {
+	    constructor: {
+	      value: subClass,
+	      writable: true,
+	      configurable: true
+	    }
+	  });
+	  Object.defineProperty(subClass, "prototype", {
+	    writable: false
+	  });
+	  if (superClass) setPrototypeOf(subClass, superClass);
+	}
+
+	module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var getPrototypeOf = createCommonjsModule(function (module) {
+	function _getPrototypeOf(o) {
+	  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+	    return o.__proto__ || Object.getPrototypeOf(o);
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  return _getPrototypeOf(o);
+	}
+
+	module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var isNativeReflectConstruct = createCommonjsModule(function (module) {
+	function _isNativeReflectConstruct() {
+	  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+	  if (Reflect.construct.sham) return false;
+	  if (typeof Proxy === "function") return true;
+
+	  try {
+	    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+	    return true;
+	  } catch (e) {
+	    return false;
+	  }
+	}
+
+	module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var assertThisInitialized = createCommonjsModule(function (module) {
+	function _assertThisInitialized(self) {
+	  if (self === void 0) {
+	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+	  }
+
+	  return self;
+	}
+
+	module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var possibleConstructorReturn$1 = createCommonjsModule(function (module) {
+	var _typeof = _typeof_1["default"];
+
+
+
+	function _possibleConstructorReturn(self, call) {
+	  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+	    return call;
+	  } else if (call !== void 0) {
+	    throw new TypeError("Derived constructors may only return object or undefined");
+	  }
+
+	  return assertThisInitialized(self);
+	}
+
+	module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var createSuper = createCommonjsModule(function (module) {
+	function _createSuper(Derived) {
+	  var hasNativeReflectConstruct = isNativeReflectConstruct();
+	  return function _createSuperInternal() {
+	    var Super = getPrototypeOf(Derived),
+	        result;
+
+	    if (hasNativeReflectConstruct) {
+	      var NewTarget = getPrototypeOf(this).constructor;
+	      result = Reflect.construct(Super, arguments, NewTarget);
+	    } else {
+	      result = Super.apply(this, arguments);
+	    }
+
+	    return possibleConstructorReturn$1(this, result);
+	  };
+	}
+
+	module.exports = _createSuper, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var Notice_1 = createCommonjsModule(function (module, exports) {
+
+
+
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.default = void 0;
+
+	var _extends2 = interopRequireDefault(_extends_1);
+
+	var _defineProperty2 = interopRequireDefault(defineProperty);
+
+	var _classCallCheck2 = interopRequireDefault(classCallCheck$1);
+
+	var _createClass2 = interopRequireDefault(createClass$1);
+
+	var _inherits2 = interopRequireDefault(inherits$1);
+
+	var _createSuper2 = interopRequireDefault(createSuper);
+
+	var React = interopRequireWildcard(React__default['default']);
+
+	var _reactDom = interopRequireDefault(ReactDOM__default['default']);
+
+	var _classnames = interopRequireDefault(classnames);
+
+	var Notice = /*#__PURE__*/function (_Component) {
+	  (0, _inherits2.default)(Notice, _Component);
+
+	  var _super = (0, _createSuper2.default)(Notice);
+
+	  function Notice() {
+	    var _this;
+
+	    (0, _classCallCheck2.default)(this, Notice);
+
+	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    _this = _super.call.apply(_super, [this].concat(args));
+	    _this.closeTimer = null;
+
+	    _this.close = function (e) {
+	      if (e) {
+	        e.stopPropagation();
+	      }
+
+	      _this.clearCloseTimer();
+
+	      var _this$props = _this.props,
+	          onClose = _this$props.onClose,
+	          noticeKey = _this$props.noticeKey;
+
+	      if (onClose) {
+	        onClose(noticeKey);
+	      }
+	    };
+
+	    _this.startCloseTimer = function () {
+	      if (_this.props.duration) {
+	        _this.closeTimer = window.setTimeout(function () {
+	          _this.close();
+	        }, _this.props.duration * 1000);
+	      }
+	    };
+
+	    _this.clearCloseTimer = function () {
+	      if (_this.closeTimer) {
+	        clearTimeout(_this.closeTimer);
+	        _this.closeTimer = null;
+	      }
+	    };
+
+	    return _this;
+	  }
+
+	  (0, _createClass2.default)(Notice, [{
+	    key: "componentDidMount",
+	    value: function componentDidMount() {
+	      this.startCloseTimer();
+	    }
+	  }, {
+	    key: "componentDidUpdate",
+	    value: function componentDidUpdate(prevProps) {
+	      if (this.props.duration !== prevProps.duration || this.props.updateMark !== prevProps.updateMark || // Visible again need reset timer
+	      this.props.visible !== prevProps.visible && this.props.visible) {
+	        this.restartCloseTimer();
+	      }
+	    }
+	  }, {
+	    key: "componentWillUnmount",
+	    value: function componentWillUnmount() {
+	      this.clearCloseTimer();
+	    }
+	  }, {
+	    key: "restartCloseTimer",
+	    value: function restartCloseTimer() {
+	      this.clearCloseTimer();
+	      this.startCloseTimer();
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      var _this2 = this;
+
+	      var _this$props2 = this.props,
+	          prefixCls = _this$props2.prefixCls,
+	          className = _this$props2.className,
+	          closable = _this$props2.closable,
+	          closeIcon = _this$props2.closeIcon,
+	          style = _this$props2.style,
+	          onClick = _this$props2.onClick,
+	          children = _this$props2.children,
+	          holder = _this$props2.holder;
+	      var componentClass = "".concat(prefixCls, "-notice");
+	      var dataOrAriaAttributeProps = Object.keys(this.props).reduce(function (acc, key) {
+	        if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
+	          acc[key] = _this2.props[key];
+	        }
+
+	        return acc;
+	      }, {});
+	      var node = /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+	        className: (0, _classnames.default)(componentClass, className, (0, _defineProperty2.default)({}, "".concat(componentClass, "-closable"), closable)),
+	        style: style,
+	        onMouseEnter: this.clearCloseTimer,
+	        onMouseLeave: this.startCloseTimer,
+	        onClick: onClick
+	      }, dataOrAriaAttributeProps), /*#__PURE__*/React.createElement("div", {
+	        className: "".concat(componentClass, "-content")
+	      }, children), closable ? /*#__PURE__*/React.createElement("a", {
+	        tabIndex: 0,
+	        onClick: this.close,
+	        className: "".concat(componentClass, "-close")
+	      }, closeIcon || /*#__PURE__*/React.createElement("span", {
+	        className: "".concat(componentClass, "-close-x")
+	      })) : null);
+
+	      if (holder) {
+	        return /*#__PURE__*/_reactDom.default.createPortal(node, holder);
+	      }
+
+	      return node;
+	    }
+	  }]);
+	  return Notice;
+	}(React.Component);
+
+	exports.default = Notice;
+	Notice.defaultProps = {
+	  onClose: function onClose() {},
+	  duration: 1.5
+	};
+	});
+
+	var useNotification_1 = createCommonjsModule(function (module, exports) {
+
+
+
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.default = useNotification;
+
+	var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
+
+	var _extends2 = interopRequireDefault(_extends_1);
+
+	var _slicedToArray2 = interopRequireDefault(slicedToArray);
+
+	var React = interopRequireWildcard(React__default['default']);
+
+	var _Notice = interopRequireDefault(Notice_1);
+
+	function useNotification(notificationInstance) {
+	  var createdRef = React.useRef({});
+
+	  var _React$useState = React.useState([]),
+	      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+	      elements = _React$useState2[0],
+	      setElements = _React$useState2[1];
+
+	  function notify(noticeProps) {
+	    var firstMount = true;
+	    notificationInstance.add(noticeProps, function (div, props) {
+	      var key = props.key;
+
+	      if (div && (!createdRef.current[key] || firstMount)) {
+	        var noticeEle = /*#__PURE__*/React.createElement(_Notice.default, (0, _extends2.default)({}, props, {
+	          holder: div
+	        }));
+	        createdRef.current[key] = noticeEle;
+	        setElements(function (originElements) {
+	          var index = originElements.findIndex(function (ele) {
+	            return ele.key === props.key;
+	          });
+
+	          if (index === -1) {
+	            return [].concat((0, _toConsumableArray2.default)(originElements), [noticeEle]);
+	          }
+
+	          var cloneList = (0, _toConsumableArray2.default)(originElements);
+	          cloneList[index] = noticeEle;
+	          return cloneList;
+	        });
+	      }
+
+	      firstMount = false;
+	    });
+	  }
+
+	  return [notify, /*#__PURE__*/React.createElement(React.Fragment, null, elements)];
+	}
+	});
+
+	var useRCNotification = /*@__PURE__*/getDefaultExportFromCjs(useNotification_1);
+
+	function createUseMessage(getRcNotificationInstance, getRCNoticeProps) {
+	  var useMessage = function useMessage() {
+	    // We can only get content by render
+	    var getPrefixCls;
+	    var getPopupContainer; // We create a proxy to handle delay created instance
+
+	    var innerInstance = null;
+	    var proxy = {
+	      add: function add(noticeProps, holderCallback) {
+	        var _innerInstance;
+
+	        (_innerInstance = innerInstance) === null || _innerInstance === void 0 ? void 0 : _innerInstance.component.add(noticeProps, holderCallback);
+	      }
+	    };
+
+	    var _useRCNotification = useRCNotification(proxy),
+	        _useRCNotification2 = _slicedToArray(_useRCNotification, 2),
+	        hookNotify = _useRCNotification2[0],
+	        holder = _useRCNotification2[1];
+
+	    function notify(args) {
+	      var customizePrefixCls = args.prefixCls;
+	      var mergedPrefixCls = getPrefixCls('message', customizePrefixCls);
+	      var rootPrefixCls = getPrefixCls();
+	      var target = args.key || getKeyThenIncreaseKey();
+	      var closePromise = new Promise(function (resolve) {
+	        var callback = function callback() {
+	          if (typeof args.onClose === 'function') {
+	            args.onClose();
+	          }
+
+	          return resolve(true);
+	        };
+
+	        getRcNotificationInstance(_objectSpread(_objectSpread({}, args), {}, {
+	          prefixCls: mergedPrefixCls,
+	          rootPrefixCls: rootPrefixCls,
+	          getPopupContainer: getPopupContainer
+	        }), function (_ref) {
+	          var prefixCls = _ref.prefixCls,
+	              instance = _ref.instance;
+	          innerInstance = instance;
+	          hookNotify(getRCNoticeProps(_objectSpread(_objectSpread({}, args), {}, {
+	            key: target,
+	            onClose: callback
+	          }), prefixCls));
+	        });
+	      });
+
+	      var result = function result() {
+	        if (innerInstance) {
+	          innerInstance.removeNotice(target);
+	        }
+	      };
+
+	      result.then = function (filled, rejected) {
+	        return closePromise.then(filled, rejected);
+	      };
+
+	      result.promise = closePromise;
+	      return result;
+	    } // Fill functions
+
+
+	    var hookApiRef = React.useRef({});
+	    hookApiRef.current.open = notify;
+	    typeList.forEach(function (type) {
+	      return attachTypeApi(hookApiRef.current, type);
+	    });
+	    return [hookApiRef.current, /*#__PURE__*/React.createElement(_ConfigProvider.ConfigConsumer, {
+	      key: "holder"
+	    }, function (context) {
+	      getPrefixCls = context.getPrefixCls;
+	      getPopupContainer = context.getPopupContainer;
+	      return holder;
+	    })];
+	  };
+
+	  return useMessage;
+	}
+
+	var messageInstance;
+	var defaultDuration = 3;
+	var defaultTop;
+	var key = 1;
+	var localPrefixCls = '';
+	var transitionName = 'move-up';
+	var hasTransitionName = false;
+	var getContainer$1;
+	var maxCount;
+	var rtl = false;
+	function getKeyThenIncreaseKey() {
+	  return key++;
+	}
+
+	function setMessageConfig(options) {
+	  if (options.top !== undefined) {
+	    defaultTop = options.top;
+	    messageInstance = null; // delete messageInstance for new defaultTop
+	  }
+
+	  if (options.duration !== undefined) {
+	    defaultDuration = options.duration;
+	  }
+
+	  if (options.prefixCls !== undefined) {
+	    localPrefixCls = options.prefixCls;
+	  }
+
+	  if (options.getContainer !== undefined) {
+	    getContainer$1 = options.getContainer;
+	    messageInstance = null; // delete messageInstance for new getContainer
+	  }
+
+	  if (options.transitionName !== undefined) {
+	    transitionName = options.transitionName;
+	    messageInstance = null; // delete messageInstance for new transitionName
+
+	    hasTransitionName = true;
+	  }
+
+	  if (options.maxCount !== undefined) {
+	    maxCount = options.maxCount;
+	    messageInstance = null;
+	  }
+
+	  if (options.rtl !== undefined) {
+	    rtl = options.rtl;
+	  }
+	}
+
+	function getRCNotificationInstance(args, callback) {
+	  var customizePrefixCls = args.prefixCls,
+	      getContextPopupContainer = args.getPopupContainer;
+
+	  var _globalConfig = _ConfigProvider.globalConfig(),
+	      getPrefixCls = _globalConfig.getPrefixCls,
+	      getRootPrefixCls = _globalConfig.getRootPrefixCls,
+	      getIconPrefixCls = _globalConfig.getIconPrefixCls;
+
+	  var prefixCls = getPrefixCls('message', customizePrefixCls || localPrefixCls);
+	  var rootPrefixCls = getRootPrefixCls(args.rootPrefixCls, prefixCls);
+	  var iconPrefixCls = getIconPrefixCls();
+
+	  if (messageInstance) {
+	    callback({
+	      prefixCls: prefixCls,
+	      rootPrefixCls: rootPrefixCls,
+	      iconPrefixCls: iconPrefixCls,
+	      instance: messageInstance
+	    });
+	    return;
+	  }
+
+	  var instanceConfig = {
+	    prefixCls: prefixCls,
+	    transitionName: hasTransitionName ? transitionName : "".concat(rootPrefixCls, "-").concat(transitionName),
+	    style: {
+	      top: defaultTop
+	    },
+	    getContainer: getContainer$1 || getContextPopupContainer,
+	    maxCount: maxCount
+	  };
+	  Notification.newInstance(instanceConfig, function (instance) {
+	    if (messageInstance) {
+	      callback({
+	        prefixCls: prefixCls,
+	        rootPrefixCls: rootPrefixCls,
+	        iconPrefixCls: iconPrefixCls,
+	        instance: messageInstance
+	      });
+	      return;
+	    }
+
+	    messageInstance = instance;
+
+	    callback({
+	      prefixCls: prefixCls,
+	      rootPrefixCls: rootPrefixCls,
+	      iconPrefixCls: iconPrefixCls,
+	      instance: instance
+	    });
+	  });
+	}
+
+	var typeToIcon = {
+	  info: InfoCircleFilled$2,
+	  success: CheckCircleFilled$2,
+	  error: CloseCircleFilled$2,
+	  warning: ExclamationCircleFilled$2,
+	  loading: LoadingOutlined$2
+	};
+	var typeList = Object.keys(typeToIcon);
+
+	function getRCNoticeProps(args, prefixCls, iconPrefixCls) {
+	  var _classNames;
+
+	  var duration = args.duration !== undefined ? args.duration : defaultDuration;
+	  var progress = args.progress === false ? false : true;
+	  var IconComponent = typeToIcon[args.type];
+	  var messageClass = classnames("".concat(prefixCls, "-custom-content"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(args.type), args.type), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), rtl === true), _classNames));
+	  return {
+	    key: args.key,
+	    duration: duration,
+	    style: args.style || {},
+	    className: classnames(args.className, 'lm_message'),
+	    content: /*#__PURE__*/React__default['default'].createElement(_ConfigProvider__default['default'], {
+	      iconPrefixCls: iconPrefixCls
+	    }, /*#__PURE__*/React__default['default'].createElement("div", {
+	      className: messageClass
+	    }, args.icon || IconComponent && /*#__PURE__*/React__default['default'].createElement(IconComponent, null), /*#__PURE__*/React__default['default'].createElement("span", null, args.content), progress && duration > 0 && /*#__PURE__*/React__default['default'].createElement("div", {
+	      className: 'message_progress',
+	      style: {
+	        animationDuration: "".concat(duration, "s")
+	      }
+	    }))),
+	    onClose: args.onClose,
+	    onClick: args.onClick
+	  };
+	}
+
+	function notice(args) {
+	  var target = args.key || getKeyThenIncreaseKey();
+	  var closePromise = new Promise(function (resolve) {
+	    var callback = function callback() {
+	      if (typeof args.onClose === 'function') {
+	        args.onClose();
+	      }
+
+	      return resolve(true);
+	    };
+
+	    getRCNotificationInstance(args, function (_ref) {
+	      var prefixCls = _ref.prefixCls,
+	          iconPrefixCls = _ref.iconPrefixCls,
+	          instance = _ref.instance;
+	      instance.notice(getRCNoticeProps(_objectSpread(_objectSpread({}, args), {}, {
+	        key: target,
+	        onClose: callback
+	      }), prefixCls, iconPrefixCls));
+	    });
+	  });
+
+	  var result = function result() {
+	    if (messageInstance) {
+	      messageInstance.removeNotice(target);
+	    }
+	  };
+
+	  result.then = function (filled, rejected) {
+	    return closePromise.then(filled, rejected);
+	  };
+
+	  result.promise = closePromise;
+	  return result;
+	}
+
+	function isArgsProps(content) {
+	  return Object.prototype.toString.call(content) === '[object Object]' && !!content.content;
+	}
+
+	var api = {
+	  open: notice,
+	  config: setMessageConfig,
+	  destroy: function destroy(messageKey) {
+	    if (messageInstance) {
+	      if (messageKey) {
+	        var _messageInstance = messageInstance,
+	            removeNotice = _messageInstance.removeNotice;
+	        removeNotice(messageKey);
+	      } else {
+	        var _messageInstance2 = messageInstance,
+	            destroy = _messageInstance2.destroy;
+	        destroy();
+	        messageInstance = null;
+	      }
+	    }
+	  }
+	};
+	function attachTypeApi(originalApi, type) {
+	  originalApi[type] = function (content, duration, onClose) {
+	    if (isArgsProps(content)) {
+	      return originalApi.open(_objectSpread(_objectSpread({}, content), {}, {
+	        type: type
+	      }));
+	    }
+
+	    if (typeof duration === 'function') {
+	      onClose = duration;
+	      duration = undefined;
+	    }
+
+	    return originalApi.open({
+	      content: content,
+	      duration: duration,
+	      type: type,
+	      onClose: onClose
+	    });
+	  };
+	}
+	typeList.forEach(function (type) {
+	  return attachTypeApi(api, type);
+	});
+	api.warn = api.warning;
+	api.useMessage = createUseMessage(getRCNotificationInstance, getRCNoticeProps);
+
+	var _excluded$1o = ["className", "size", "noBorder"];
 	var prefixCls$a = 'lm_tabs';
 
 	var LMTabs = function LMTabs(props) {
@@ -84064,7 +86297,7 @@
 	      size = _props$size === void 0 ? "middle" : _props$size,
 	      _props$noBorder = props.noBorder,
 	      noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
-	      others = _objectWithoutProperties(props, _excluded$1m);
+	      others = _objectWithoutProperties(props, _excluded$1o);
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Tabs__default['default'], _objectSpread(_objectSpread({
 	    size: size
@@ -84802,13 +87035,13 @@
 	  }, props));
 	};
 
-	var _excluded$1n = ["children", "className"];
+	var _excluded$1p = ["children", "className"];
 	var classNamePrefix = 'lm_form';
 
 	var LMForm = function LMForm(props, ref) {
 	  var children = props.children,
 	      className = props.className,
-	      restProps = _objectWithoutProperties(props, _excluded$1n);
+	      restProps = _objectWithoutProperties(props, _excluded$1p);
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Form__default['default'], _objectSpread({
 	    ref: ref,
@@ -84875,13 +87108,13 @@
 	  }, children);
 	};
 
-	var _excluded$1o = ["data-row-key", "children", "className"];
+	var _excluded$1q = ["data-row-key", "children", "className"];
 
 	var SortableItem$1 = function SortableItem(props) {
 	  var key = props['data-row-key'],
 	      children = props.children,
 	      className = props.className,
-	      resetField = _objectWithoutProperties(props, _excluded$1o);
+	      resetField = _objectWithoutProperties(props, _excluded$1q);
 
 	  var _useSortable = useSortable({
 	    id: key
@@ -84921,8 +87154,8 @@
 	  }));
 	};
 
-	var _excluded$1p = ["index"],
-	    _excluded2$l = ["index"],
+	var _excluded$1r = ["index"],
+	    _excluded2$m = ["index"],
 	    _excluded3$7 = ["value", "onChange"],
 	    _excluded4$3 = ["record", "rowKey", "isEdit", "col", "handleTableRowDelete", "handleTableRowAdd", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "itemProps", "setValid", "reWriteOriginSource"],
 	    _excluded5$2 = ["onMouseEnter", "onMouseLeave"],
@@ -84932,7 +87165,7 @@
 
 	var EditableRow$1 = function EditableRow(_ref) {
 	  var index = _ref.index,
-	      props = _objectWithoutProperties(_ref, _excluded$1p);
+	      props = _objectWithoutProperties(_ref, _excluded$1r);
 
 	  var _Form$useForm = _Form__default['default'].useForm(),
 	      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -84948,7 +87181,7 @@
 
 	var EditableSortRow = function EditableSortRow(_ref2) {
 	  var index = _ref2.index,
-	      props = _objectWithoutProperties(_ref2, _excluded2$l);
+	      props = _objectWithoutProperties(_ref2, _excluded2$m);
 
 	  var _Form$useForm3 = _Form__default['default'].useForm(),
 	      _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
@@ -85779,12 +88012,6 @@
 			return _Spin__default['default'];
 		}
 	});
-	Object.defineProperty(exports, 'message', {
-		enumerable: true,
-		get: function () {
-			return _message__default['default'];
-		}
-	});
 	Object.defineProperty(exports, 'Image', {
 		enumerable: true,
 		get: function () {
@@ -85864,6 +88091,7 @@
 	exports.Upload = LMUpload;
 	exports.UploadOss = UploadOss;
 	exports.VirtualList = VirList;
+	exports.message = api;
 
 	Object.defineProperty(exports, '__esModule', { value: true });