linkmore-design 1.0.50 → 1.0.54

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);
@@ -2004,6 +2025,19 @@
 	CheckCircleFilled$1.displayName = 'CheckCircleFilled';
 	var CheckCircleFilled$2 = /*#__PURE__*/React.forwardRef(CheckCircleFilled$1);
 
+	// This icon file is generated automatically.
+	var CheckCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z" } }, { "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" } }] }, "name": "check-circle", "theme": "outlined" };
+
+	var CheckCircleOutlined$1 = function CheckCircleOutlined$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: CheckCircleOutlined
+	  }));
+	};
+
+	CheckCircleOutlined$1.displayName = 'CheckCircleOutlined';
+	var CheckCircleOutlined$2 = /*#__PURE__*/React.forwardRef(CheckCircleOutlined$1);
+
 	// This icon file is generated automatically.
 	var ClockCircleFilled = { "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 64zm176.5 585.7l-28.6 39a7.99 7.99 0 01-11.2 1.7L483.3 569.8a7.92 7.92 0 01-3.3-6.5V288c0-4.4 3.6-8 8-8h48.1c4.4 0 8 3.6 8 8v247.5l142.6 103.1c3.6 2.5 4.4 7.5 1.8 11.1z" } }] }, "name": "clock-circle", "theme": "filled" };
 
@@ -2017,6 +2051,32 @@
 	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 CloseCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M685.4 354.8c0-4.4-3.6-8-8-8l-66 .3L512 465.6l-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 670a8.32 8.32 0 00-1.9 5.2c0 4.4 3.6 8 8 8l66.1-.3L512 564.4l99.3 118.4 66 .3c4.4 0 8-3.5 8-8 0-1.9-.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z" } }, { "tag": "path", "attrs": { "d": "M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }] }, "name": "close-circle", "theme": "outlined" };
+
+	var CloseCircleOutlined$1 = function CloseCircleOutlined$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: CloseCircleOutlined
+	  }));
+	};
+
+	CloseCircleOutlined$1.displayName = 'CloseCircleOutlined';
+	var CloseCircleOutlined$2 = /*#__PURE__*/React.forwardRef(CloseCircleOutlined$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 +2168,32 @@
 	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 ExclamationCircleOutlined = { "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 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z" } }] }, "name": "exclamation-circle", "theme": "outlined" };
+
+	var ExclamationCircleOutlined$1 = function ExclamationCircleOutlined$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: ExclamationCircleOutlined
+	  }));
+	};
+
+	ExclamationCircleOutlined$1.displayName = 'ExclamationCircleOutlined';
+	var ExclamationCircleOutlined$2 = /*#__PURE__*/React.forwardRef(ExclamationCircleOutlined$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 +2285,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 +26865,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 +28807,7 @@
 	            rect: activeRects
 	          }
 	        };
-	        require$$2.unstable_batchedUpdates(() => {
+	        ReactDOM.unstable_batchedUpdates(() => {
 	          dispatch({
 	            type: Action.DragStart,
 	            initialCoordinates,
@@ -28732,7 +28831,7 @@
 	      onEnd: createHandler(Action.DragEnd),
 	      onCancel: createHandler(Action.DragCancel)
 	    });
-	    require$$2.unstable_batchedUpdates(() => {
+	    ReactDOM.unstable_batchedUpdates(() => {
 	      setActiveSensor(sensorInstance);
 	      setActivatorEvent(event.nativeEvent);
 	    });
@@ -28768,7 +28867,7 @@
 	        }
 
 	        activeRef.current = null;
-	        require$$2.unstable_batchedUpdates(() => {
+	        ReactDOM.unstable_batchedUpdates(() => {
 	          dispatch({
 	            type
 	          });
@@ -28893,7 +28992,7 @@
 	      },
 	      over
 	    };
-	    require$$2.unstable_batchedUpdates(() => {
+	    ReactDOM.unstable_batchedUpdates(() => {
 	      setOver(over);
 	      setMonitorState({
 	        type: Action.DragOver,
@@ -58398,7 +58497,7 @@
 	    _createClass(WithSortableHandle, [{
 	      key: "componentDidMount",
 	      value: function componentDidMount() {
-	        var node = require$$2.findDOMNode(this);
+	        var node = ReactDOM.findDOMNode(this);
 	        node.sortableHandle = true;
 	      }
 	    }, {
@@ -59458,7 +59557,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 +59682,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 +68111,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 +68586,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 +68761,7 @@
 	    return node;
 	  }
 
-	  return require$$2__default['default'].findDOMNode(node);
+	  return ReactDOM__default['default'].findDOMNode(node);
 	}
 
 	/**
@@ -76605,7 +76704,7 @@
 
 	var _propTypes = _interopRequireDefault(propTypes);
 
-	var _reactDom = _interopRequireDefault(require$$2__default['default']);
+	var _reactDom = _interopRequireDefault(ReactDOM__default['default']);
 
 
 
@@ -77184,7 +77283,7 @@
 
 	var _propTypes = _interopRequireDefault(propTypes);
 
-	var _reactDom = _interopRequireDefault(require$$2__default['default']);
+	var _reactDom = _interopRequireDefault(ReactDOM__default['default']);
 
 	var _clsx2 = _interopRequireDefault(require$$3);
 
@@ -78355,7 +78454,6 @@
 	    var index = dataSource.findIndex(function (x) {
 	      return x[rowKey || 'index'] === restProps['data-row-key'];
 	    });
-	    console.log(dataSource, restProps, 222, index);
 	    return /*#__PURE__*/React__default['default'].createElement(SortableItem, _extends({
 	      index: index
 	    }, restProps));
@@ -78420,7 +78518,6 @@
 	        }
 	      });
 	    });
-	    console.log(sortOpen ? [sortDefaultColumnItem].concat(_toConsumableArray(result)) : result, 'sortOpen ? [sortDefaultColumnItem, ...result] : result');
 	    return sortOpen ? [sortDefaultColumnItem].concat(_toConsumableArray(result)) : result;
 	  }, [useColumns, sortOpen]);
 	  React.useEffect(function () {
@@ -78432,8 +78529,6 @@
 	        trigger = _Object$assign.trigger,
 	        highlight = _Object$assign.highlight;
 
-	    console.log(trigger, highlight, 'rowclick');
-
 	    if (highlight) {
 	      setActiveKey(record[rowKey]);
 	    }
@@ -78613,7 +78708,9 @@
 	        rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
 	      },
 	      checkboxRecords: useSelectedRows.selectedRows,
-	      columns: lodash.omit(useColumns, ['render', 'sorter', 'onFilter', 'filters'])
+	      columns: useColumns.map(function (item) {
+	        return lodash.omit(item, ['render', 'sorter', 'onFilter', 'filters']);
+	      })
 	    };
 	  }); // loading触发清空选中状态
 
@@ -81993,419 +82090,2620 @@
 	LMModal.destroyAll = _Modal__default['default'].destroyAll;
 	LMModal.config = _Modal__default['default'].config;
 
-	var _excluded$17 = ["visible", "wrapClassName", "onClose", "children"];
+	var fullClone = _objectSpread2({}, ReactDOM__namespace);
 
-	var Index$j = function Index(props) {
-	  var visible = props.visible,
-	      wrapClassName = props.wrapClassName,
-	      onClose = props.onClose,
-	      children = props.children,
-	      reset = _objectWithoutProperties(props, _excluded$17);
+	var version = fullClone.version,
+	    reactRender = fullClone.render,
+	    unmountComponentAtNode = fullClone.unmountComponentAtNode;
+	var createRoot;
 
-	  var handleClose = function handleClose() {
-	    onClose();
-	  };
+	try {
+	  var mainVersion = Number((version || '').split('.')[0]);
 
-	  var onSave = function onSave() {
-	    handleClose();
-	  };
+	  if (mainVersion >= 18) {
+	    createRoot = fullClone.createRoot;
+	  }
+	} catch (e) {// Do nothing;
+	}
 
-	  var config = {
-	    title: '新增',
-	    width: 480,
-	    visible: visible,
-	    onOk: handleClose,
-	    onCancel: handleClose,
-	    wrapClassName: wrapClassName ? "".concat(wrapClassName, " lm_addModal") : 'lm_addModal',
-	    okButtonProps: {
-	      size: 'default'
-	    },
-	    cancelButtonProps: {
-	      size: 'default'
-	    },
-	    footer: [/*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
-	      size: "large",
-	      type: "primary",
-	      key: "back",
-	      icon: /*#__PURE__*/React__default['default'].createElement(SaveOutlined$2, null),
-	      onClick: onSave
-	    }, "\u4FDD\u5B58")]
-	  };
-	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_Modal__default['default'], _extends({}, config, reset), children));
-	};
+	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;
 
-	var _excluded$18 = ["type"];
-	/*
-	  增加参数：
-	  type: 指定图片类型
-	*/
+	  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 Confirm = function Confirm(_ref) {
-	  var type = _ref.type,
-	      resetProps = _objectWithoutProperties(_ref, _excluded$18);
+	var MARK = '__rc_react_root__';
 
-	  var Icon = function Icon() {
-	    switch (type) {
-	      case 'success':
-	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	          type: "lmweb-check-circle",
-	          style: {
-	            color: '#56C22D'
-	          }
-	        });
+	function modernRender(node, container) {
+	  toggleWarning(true);
+	  var root = container[MARK] || createRoot(container);
+	  toggleWarning(false);
+	  root.render(node);
+	  container[MARK] = root;
+	}
 
-	      case 'error':
-	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	          type: "lmweb-close-circle",
-	          style: {
-	            color: '#FA4F53'
-	          }
-	        });
+	function legacyRender(node, container) {
+	  reactRender(node, container);
+	}
+	function render$3(node, container) {
+	  if (createRoot) {
+	    modernRender(node, container);
+	    return;
+	  }
 
-	      case 'warning':
-	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	          type: "lmweb-info-circle",
-	          style: {
-	            color: '#FD9727'
-	          }
-	        });
+	  legacyRender(node, container);
+	} // ========================= Unmount ==========================
 
-	      case 'info':
-	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	          type: "lmweb-info-circle",
-	          style: {
-	            color: '#1890fc'
-	          }
-	        });
+	function modernUnmount(_x) {
+	  return _modernUnmount.apply(this, arguments);
+	}
 
-	      default:
-	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	          type: "lmweb-info-circle",
-	          style: {
-	            color: '#FD9727'
-	          }
-	        });
-	    }
-	  };
+	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;
 
-	  return _Modal__default['default'].confirm(_objectSpread({
-	    title: 'Confirm',
-	    icon: Icon(),
-	    content: 'Bla bla ...',
-	    okText: '确认',
-	    cancelText: '取消',
-	    wrapClassName: 'lm_modal_confirm',
-	    closable: true
-	  }, resetProps));
-	};
+	              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
+	              delete container[MARK];
+	            }));
 
-	var _excluded$19 = ["visible", "wrapClassName", "children"];
+	          case 1:
+	          case "end":
+	            return _context.stop();
+	        }
+	      }
+	    }, _callee);
+	  }));
+	  return _modernUnmount.apply(this, arguments);
+	}
 
-	var Index$k = function Index(props) {
-	  var visible = props.visible,
-	      wrapClassName = props.wrapClassName,
-	      children = props.children,
-	      reset = _objectWithoutProperties(props, _excluded$19);
+	function legacyUnmount(container) {
+	  unmountComponentAtNode(container);
+	}
+	function unmount(_x2) {
+	  return _unmount.apply(this, arguments);
+	}
 
-	  var config = {
-	    title: '编辑',
-	    width: 480,
-	    visible: visible,
-	    centered: true,
-	    wrapClassName: wrapClassName ? "".concat(wrapClassName, " lm_editModal") : 'lm_editModal',
-	    okButtonProps: {
-	      size: 'default'
-	    },
-	    cancelButtonProps: {
-	      size: 'default'
-	    }
-	  };
-	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_Modal__default['default'], _extends({}, config, reset), children));
-	};
+	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;
+	            }
 
-	var _excluded$1a = ["visible", "onClose", "onSure", "down", "desc", "downEvent", "isType", "renderFileType"];
-	var downLink = [{
-	  id: '1',
-	  label: '成衣',
-	  value: 'link',
-	  icon: 'export'
-	}, {
-	  id: '2',
-	  label: '面料',
-	  value: 'link',
-	  icon: 'export'
-	}, {
-	  id: '3',
-	  label: '辅料',
-	  value: 'link',
-	  icon: 'export'
-	}];
-	var desc1 = [{
-	  id: '1',
-	  value: '红色为必填字段'
-	}, {
-	  id: '2',
-	  value: '导入仅允许新增供应商信息'
-	}];
-	/*
-	  文件上传区域
-	  multiple：是否多选
-	  accept：文件选择时的默认类型筛选："image/jpeg"、text/csv、application/msword、application/vnd.ms-excel => accept=".xlsx, .xls"
-	  type: 限制上传文件的类型
-	  size：文件大小（M）
-	*/
+	            return _context2.abrupt("return", modernUnmount(container));
 
-	var ImportBox = function ImportBox(_ref) {
-	  var value = _ref.value,
-	      multiple = _ref.multiple,
-	      _ref$fileLength = _ref.fileLength,
-	      fileLength = _ref$fileLength === void 0 ? 99 : _ref$fileLength,
-	      onChange = _ref.onChange,
-	      accept = _ref.accept,
-	      _ref$type = _ref.type,
-	      type = _ref$type === void 0 ? ['xls', 'xlsx'] : _ref$type,
-	      _ref$size = _ref.size,
-	      size = _ref$size === void 0 ? 100 : _ref$size;
-	  var fileRef = React.useRef(null); // 文件保存
-	  // 解决同文件的多次上传问题
+	          case 2:
+	            legacyUnmount(container);
 
-	  var clearFileValue = function clearFileValue() {
-	    fileRef.current.value = null;
+	          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')
 	  };
 
-	  var fileUpload = function fileUpload(e) {
-	    var file = e.target.files;
+	  if (domSupport) {
+	    if (!('AnimationEvent' in win)) {
+	      delete prefixes.animationend.animation;
+	    }
 
-	    if (fileLength > 0 && file.length + value.length > fileLength) {
-	      return _message__default['default'].warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u6700\u591A\u53EA\u80FD\u4E0A\u4F20".concat(fileLength, "\u4E2A\u6587\u4EF6"), 1.5);
-	    } // 循环文件检查是否存在不符合要求的文件
+	    if (!('TransitionEvent' in win)) {
+	      delete prefixes.transitionend.transition;
+	    }
+	  }
 
+	  return prefixes;
+	}
+	var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window !== 'undefined' ? window : {});
+	var style = {};
 
-	    for (var i = 0, len = file.length; i < len; i += 1) {
-	      var item = file[i];
+	if (canUseDom()) {
+	  var _document$createEleme = document.createElement('div');
 
-	      if (!type.includes(item.name.replace(/.*\./, '').toLowerCase())) {
-	        var content = type.join('、');
-	        return _message__default['default'].warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u4EC5\u652F\u6301".concat(content, "\u7684\u6587\u4EF6\u7C7B\u578B\uFF01"), 1.5);
-	      }
+	  style = _document$createEleme.style;
+	}
 
-	      if (item.size / 1024 / 1024 > size) {
-	        return _message__default['default'].warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(size, "M\uFF01"), 1.5);
+	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];
 	      }
 	    }
+	  }
 
-	    var nValue = [].concat(_toConsumableArray(value), _toConsumableArray(file));
-	    onChange === null || onChange === void 0 ? void 0 : onChange(nValue, 'files');
-	    return false;
-	  };
+	  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 /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "import_box"
-	  }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	    type: "lmweb-inbox",
-	    className: "import_icon"
-	  }), /*#__PURE__*/React__default['default'].createElement("input", {
-	    ref: fileRef,
-	    type: "file",
-	    multiple: multiple,
-	    accept: accept,
-	    className: "import_input",
-	    onClick: clearFileValue,
-	    onChange: fileUpload
-	  }), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "import_text"
-	  }, "\u70B9\u51FB\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u8FD9\u91CC\u4E0A\u4F20")));
+	  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 Index$l = function Index(_ref2) {
-	  var visible = _ref2.visible,
-	      onClose = _ref2.onClose,
-	      onSure = _ref2.onSure,
-	      _ref2$down = _ref2.down,
-	      down = _ref2$down === void 0 ? downLink : _ref2$down,
-	      _ref2$desc = _ref2.desc,
-	      desc = _ref2$desc === void 0 ? desc1 : _ref2$desc,
-	      downEvent = _ref2.downEvent,
-	      isType = _ref2.isType,
-	      renderFileType = _ref2.renderFileType,
-	      resetProps = _objectWithoutProperties(_ref2, _excluded$1a);
+	var caf = function caf(num) {
+	  return clearTimeout(num);
+	};
 
-	  var _useState = React.useState({
-	    files: []
-	  }),
-	      _useState2 = _slicedToArray(_useState, 2),
-	      fileValue = _useState2[0],
-	      setFileValue = _useState2[1]; // 数据改变事件
+	if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
+	  raf = function raf(callback) {
+	    return window.requestAnimationFrame(callback);
+	  };
 
+	  caf = function caf(handle) {
+	    return window.cancelAnimationFrame(handle);
+	  };
+	}
 
-	  var handleChange = function handleChange(e, field) {
-	    setFileValue(_objectSpread(_objectSpread({}, fileValue), {}, _defineProperty({}, field, e)));
-	  }; // 确定事件
+	var rafUUID = 0;
+	var rafIds = new Map();
 
+	function cleanup(id) {
+	  rafIds.delete(id);
+	}
 
-	  var handleClick = function handleClick() {
-	    var files = fileValue.files;
+	function wrapperRaf(callback) {
+	  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+	  rafUUID += 1;
+	  var id = rafUUID;
 
-	    if (!files.length) {
-	      return _message__default['default'].warning('请先选择文件!', 1.5);
+	  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);
 	    }
+	  }
 
-	    onSure(fileValue);
-	    onClose === null || onClose === void 0 ? void 0 : onClose();
-	    setFileValue(_objectSpread(_objectSpread({}, fileValue), {}, {
-	      files: []
-	    }));
-	    return false;
-	  }; // 删除事件
+	  callRef(times);
+	  return id;
+	}
 
+	wrapperRaf.cancel = function (id) {
+	  var realId = rafIds.get(id);
+	  cleanup(realId);
+	  return caf(realId);
+	};
 
-	  var handleDelete = function handleDelete(name) {
-	    var nValue = fileValue.files.filter(function (v) {
-	      return v.name !== name;
-	    });
-	    setFileValue(_objectSpread(_objectSpread({}, fileValue), {}, {
-	      files: nValue
-	    }));
-	  }; // 关闭弹框
+	var useNextFrame = (function () {
+	  var nextFrameRef = React.useRef(null);
 
+	  function cancelNextFrame() {
+	    wrapperRaf.cancel(nextFrameRef.current);
+	  }
 
-	  var handleClose = function handleClose() {
-	    onClose === null || onClose === void 0 ? void 0 : onClose();
-	    setFileValue({
-	      type: 1,
-	      files: []
+	  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;
+	  }
 
-	  var config = {
-	    title: '导入',
-	    visible: visible,
-	    onCancel: onClose,
-	    bodyStyle: {
-	      padding: 24
-	    },
-	    footer: [/*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
-	      key: "cancel",
-	      onClick: handleClose,
-	      size: "middle"
-	    }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
-	      type: "primary",
-	      key: "back",
-	      onClick: handleClick,
-	      size: "middle"
-	    }, "\u786E\u5B9A")]
-	  };
-	  return /*#__PURE__*/React__default['default'].createElement(Index$k, config, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "lm_file_body"
-	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_down file_item"
-	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_title"
-	  }, "\u4E0B\u8F7D\u6A21\u677F"), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_content"
-	  }, /*#__PURE__*/React__default['default'].createElement(_Space__default['default'], {
-	    size: [16, 8],
-	    wrap: true
-	  }, down === null || down === void 0 ? void 0 : down.map(function (v) {
-	    return /*#__PURE__*/React__default['default'].createElement("div", {
-	      key: v.value,
-	      className: "file_down_link",
-	      onClick: function onClick() {
-	        return downEvent(v);
+	  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);
+	          }
+	        });
 	      }
-	    }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	      type: "lmweb-file-excel"
-	    }), /*#__PURE__*/React__default['default'].createElement("div", null, v.label));
-	  })))), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_upload file_item"
-	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_title"
-	  }, "\u4E0A\u4F20\u6587\u4EF6"), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_content"
-	  }, /*#__PURE__*/React__default['default'].createElement(ImportBox, _extends({
-	    value: fileValue.files,
-	    onChange: handleChange
-	  }, resetProps)), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_view"
-	  }, fileValue.files.map(function (v, idx) {
-	    return (
-	      /*#__PURE__*/
-	      // eslint-disable-next-line react/no-array-index-key
-	      React__default['default'].createElement("div", {
-	        key: idx,
-	        className: "file_view_item"
-	      }, /*#__PURE__*/React__default['default'].createElement("div", {
-	        className: "file_view_item_label"
-	      }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	        type: "lmweb-file-excel"
-	      }), /*#__PURE__*/React__default['default'].createElement("span", null, v.name)), /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	        type: "lmweb-close1",
-	        className: "file_view_item_close",
-	        onClick: function onClick() {
-	          return handleDelete(v.name);
-	        }
-	      }))
-	    );
-	  })))), renderFileType && /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_type file_item"
-	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_title"
-	  }, "\u9009\u62E9\u7C7B\u578B"), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_content"
-	  }, typeof renderFileType === 'function' ? renderFileType(function (e, field) {
-	    return handleChange(e, field);
-	  }) : /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Group, {
-	    defaultValue: 0,
-	    onChange: function onChange(e) {
-	      return handleChange(e.target.value, 'type');
 	    }
-	  }, /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'], {
-	    value: 0
-	  }, "\u5FEB\u901F\u5BFC\u5165"), /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'], {
-	    value: 1
-	  }, "\u6309\u9700\u66F4\u65B0")))), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_desc file_item"
-	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_title"
-	  }, "\u89C4\u5219\u8BF4\u660E"), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "file_content"
-	  }, desc === null || desc === void 0 ? void 0 : desc.map(function (v) {
-	    return /*#__PURE__*/React__default['default'].createElement("div", {
-	      key: v.id
-	    }, "".concat(v.id, "\u3001").concat(v.value));
-	  })))));
-	};
+	  }, [status, step]);
+	  React.useEffect(function () {
+	    return function () {
+	      cancelNextFrame();
+	    };
+	  }, []);
+	  return [startQueue, step];
+	});
 
-	var Modal = {};
-	Modal.AddMoal = Index$j;
-	Modal.EditModal = Index$k;
-	Modal.ExportModal = Index$l;
-	Modal.Confirm = Confirm;
+	var useDomMotionEvents = (function (callback) {
+	  var cacheElementRef = React.useRef(); // Cache callback
 
-	var _excluded$1b = ["children", "className"];
-	var prefixCls$6 = 'lm_pagination';
+	  var callbackRef = React.useRef(callback);
+	  callbackRef.current = callback; // Internal motion event handler
 
-	var LMPagination = function LMPagination(props) {
-	  var children = props.children,
-	      className = props.className,
-	      others = _objectWithoutProperties(props, _excluded$1b);
+	  var onInternalMotionEnd = React.useCallback(function (event) {
+	    callbackRef.current(event);
+	  }, []); // Remove events
 
-	  return /*#__PURE__*/React__default['default'].createElement(_Pagination__default['default'], _objectSpread(_objectSpread({
-	    className: classnames(className, prefixCls$6),
-	    size: "small"
-	  }, others), {}, {
-	    locale: {
-	      items_per_page: '/条',
-	      jump_to: '前往',
-	      page: '页'
+	  function removeMotionEvents(element) {
+	    if (element) {
+	      element.removeEventListener(transitionEndName, onInternalMotionEnd);
+	      element.removeEventListener(animationEndName, onInternalMotionEnd);
 	    }
-	  }));
-	};
+	  } // Patch events
 
-	var _excluded$1c = ["columns", "dataSource", "total", "onClick", "onDoubleClick", "rowSelection", "rowKey", "scroll", "defaultActive", "onChange"];
 
-	/*
-	  接收参数：
+	  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$17 = ["component", "children", "onVisibleChanged", "onAllRemoved"],
+	    _excluded2$j = ["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$17);
+
+	        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$j);
+
+	          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$18 = ["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$18);
+
+	  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 createUseNotification(getNotificationInstance, getRCNoticeProps) {
+	  var useNotification = function useNotification() {
+	    // We can only get content by render
+	    var getPrefixCls; // 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('notification', customizePrefixCls);
+	      getNotificationInstance(_objectSpread(_objectSpread({}, args), {}, {
+	        prefixCls: mergedPrefixCls
+	      }), function (_ref) {
+	        var prefixCls = _ref.prefixCls,
+	            instance = _ref.instance;
+	        innerInstance = instance;
+	        hookNotify(getRCNoticeProps(args, prefixCls));
+	      });
+	    } // Fill functions
+
+
+	    var hookApiRef = React.useRef({});
+	    hookApiRef.current.open = notify;
+	    ['success', 'info', 'warning', 'error'].forEach(function (type) {
+	      hookApiRef.current[type] = function (args) {
+	        return hookApiRef.current.open(_objectSpread(_objectSpread({}, args), {}, {
+	          type: type
+	        }));
+	      };
+	    });
+	    return [hookApiRef.current, /*#__PURE__*/React.createElement(_ConfigProvider.ConfigConsumer, {
+	      key: "holder"
+	    }, function (context) {
+	      getPrefixCls = context.getPrefixCls;
+	      return holder;
+	    })];
+	  };
+
+	  return useNotification;
+	}
+
+	var notificationInstance = {};
+	var defaultDuration = 4.5;
+	var defaultTop = 24;
+	var defaultBottom = 24;
+	var defaultPrefixCls = '';
+	var defaultPlacement = 'topRight';
+	var defaultGetContainer;
+	var defaultCloseIcon;
+	var rtl = false;
+	var maxCount;
+
+	function setNotificationConfig(options) {
+	  var duration = options.duration,
+	      placement = options.placement,
+	      bottom = options.bottom,
+	      top = options.top,
+	      getContainer = options.getContainer,
+	      closeIcon = options.closeIcon,
+	      prefixCls = options.prefixCls;
+
+	  if (prefixCls !== undefined) {
+	    defaultPrefixCls = prefixCls;
+	  }
+
+	  if (duration !== undefined) {
+	    defaultDuration = duration;
+	  }
+
+	  if (placement !== undefined) {
+	    defaultPlacement = placement;
+	  } else if (options.rtl) {
+	    defaultPlacement = 'topLeft';
+	  }
+
+	  if (bottom !== undefined) {
+	    defaultBottom = bottom;
+	  }
+
+	  if (top !== undefined) {
+	    defaultTop = top;
+	  }
+
+	  if (getContainer !== undefined) {
+	    defaultGetContainer = getContainer;
+	  }
+
+	  if (closeIcon !== undefined) {
+	    defaultCloseIcon = closeIcon;
+	  }
+
+	  if (options.rtl !== undefined) {
+	    rtl = options.rtl;
+	  }
+
+	  if (options.maxCount !== undefined) {
+	    maxCount = options.maxCount;
+	  }
+	}
+
+	function getPlacementStyle(placement) {
+	  var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultTop;
+	  var bottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultBottom;
+	  var style;
+
+	  switch (placement) {
+	    case 'top':
+	      style = {
+	        left: '50%',
+	        transform: 'translateX(-50%)',
+	        right: 'auto',
+	        top: top,
+	        bottom: 'auto'
+	      };
+	      break;
+
+	    case 'topLeft':
+	      style = {
+	        left: 0,
+	        top: top,
+	        bottom: 'auto'
+	      };
+	      break;
+
+	    case 'topRight':
+	      style = {
+	        right: 0,
+	        top: top,
+	        bottom: 'auto'
+	      };
+	      break;
+
+	    case 'bottom':
+	      style = {
+	        left: '50%',
+	        transform: 'translateX(-50%)',
+	        right: 'auto',
+	        top: 'auto',
+	        bottom: bottom
+	      };
+	      break;
+
+	    case 'bottomLeft':
+	      style = {
+	        left: 0,
+	        top: 'auto',
+	        bottom: bottom
+	      };
+	      break;
+
+	    default:
+	      style = {
+	        right: 0,
+	        top: 'auto',
+	        bottom: bottom
+	      };
+	      break;
+	  }
+
+	  return style;
+	}
+
+	function getNotificationInstance(args, callback) {
+	  var _args$placement = args.placement,
+	      placement = _args$placement === void 0 ? defaultPlacement : _args$placement,
+	      top = args.top,
+	      bottom = args.bottom,
+	      _args$getContainer = args.getContainer,
+	      getContainer = _args$getContainer === void 0 ? defaultGetContainer : _args$getContainer,
+	      customizePrefixCls = args.prefixCls;
+
+	  var _globalConfig = _ConfigProvider.globalConfig(),
+	      getPrefixCls = _globalConfig.getPrefixCls,
+	      getIconPrefixCls = _globalConfig.getIconPrefixCls;
+
+	  var prefixCls = getPrefixCls('notification', customizePrefixCls || defaultPrefixCls);
+	  var iconPrefixCls = getIconPrefixCls();
+	  var cacheKey = "".concat(prefixCls, "-").concat(placement);
+	  var cacheInstance = notificationInstance[cacheKey];
+
+	  if (cacheInstance) {
+	    Promise.resolve(cacheInstance).then(function (instance) {
+	      callback({
+	        prefixCls: "".concat(prefixCls, "-notice"),
+	        iconPrefixCls: iconPrefixCls,
+	        instance: instance
+	      });
+	    });
+	    return;
+	  }
+
+	  var notificationClass = classnames("".concat(prefixCls, "-").concat(placement), _defineProperty({}, "".concat(prefixCls, "-rtl"), rtl === true));
+	  notificationInstance[cacheKey] = new Promise(function (resolve) {
+	    Notification.newInstance({
+	      prefixCls: prefixCls,
+	      className: notificationClass,
+	      style: getPlacementStyle(placement, top, bottom),
+	      getContainer: getContainer,
+	      maxCount: maxCount
+	    }, function (notification) {
+	      resolve(notification);
+	      callback({
+	        prefixCls: "".concat(prefixCls, "-notice"),
+	        iconPrefixCls: iconPrefixCls,
+	        instance: notification
+	      });
+	    });
+	  });
+	}
+
+	var typeToIcon = {
+	  success: CheckCircleOutlined$2,
+	  info: InfoCircleOutlined$2,
+	  error: CloseCircleOutlined$2,
+	  warning: ExclamationCircleOutlined$2
+	};
+
+	function getRCNoticeProps(args, prefixCls, iconPrefixCls) {
+	  var durationArg = args.duration,
+	      icon = args.icon,
+	      type = args.type,
+	      description = args.description,
+	      message = args.message,
+	      btn = args.btn,
+	      onClose = args.onClose,
+	      onClick = args.onClick,
+	      key = args.key,
+	      style = args.style,
+	      className = args.className,
+	      _args$closeIcon = args.closeIcon,
+	      closeIcon = _args$closeIcon === void 0 ? defaultCloseIcon : _args$closeIcon,
+	      _args$progress = args.progress,
+	      progress = _args$progress === void 0 ? true : _args$progress;
+	  var duration = durationArg === undefined ? defaultDuration : durationArg;
+	  var iconNode = null;
+
+	  if (icon) {
+	    iconNode = /*#__PURE__*/React.createElement("span", {
+	      className: "".concat(prefixCls, "-icon")
+	    }, args.icon);
+	  } else if (type) {
+	    iconNode = /*#__PURE__*/React.createElement(typeToIcon[type] || null, {
+	      className: "".concat(prefixCls, "-icon ").concat(prefixCls, "-icon-").concat(type)
+	    });
+	  }
+
+	  var closeIconToRender = /*#__PURE__*/React.createElement("span", {
+	    className: "".concat(prefixCls, "-close-x")
+	  }, closeIcon || /*#__PURE__*/React.createElement(CloseOutlined$2, {
+	    className: "".concat(prefixCls, "-close-icon")
+	  }));
+	  var autoMarginTag = !description && iconNode ? /*#__PURE__*/React.createElement("span", {
+	    className: "".concat(prefixCls, "-message-single-line-auto-margin")
+	  }) : null;
+	  return {
+	    content: /*#__PURE__*/React.createElement(_ConfigProvider__default['default'], {
+	      iconPrefixCls: iconPrefixCls
+	    }, /*#__PURE__*/React.createElement("div", {
+	      className: iconNode ? "".concat(prefixCls, "-with-icon") : '',
+	      role: "alert"
+	    }, iconNode, /*#__PURE__*/React.createElement("div", {
+	      className: "".concat(prefixCls, "-message")
+	    }, autoMarginTag, message), /*#__PURE__*/React.createElement("div", {
+	      className: "".concat(prefixCls, "-description")
+	    }, description), btn ? /*#__PURE__*/React.createElement("span", {
+	      className: "".concat(prefixCls, "-btn")
+	    }, btn) : null, progress && duration > 0 && /*#__PURE__*/React.createElement("div", {
+	      className: 'message_progress',
+	      style: {
+	        animationDuration: "".concat(duration, "s")
+	      }
+	    }))),
+	    duration: duration,
+	    closable: true,
+	    closeIcon: closeIconToRender,
+	    onClose: onClose,
+	    onClick: onClick,
+	    key: key,
+	    style: style || {},
+	    className: classnames(className, _defineProperty({}, "".concat(prefixCls, "-").concat(type), !!type), 'lm_notification')
+	  };
+	}
+
+	function notice(args) {
+	  getNotificationInstance(args, function (_ref) {
+	    var prefixCls = _ref.prefixCls,
+	        iconPrefixCls = _ref.iconPrefixCls,
+	        instance = _ref.instance;
+	    instance.notice(getRCNoticeProps(args, prefixCls, iconPrefixCls));
+	  });
+	}
+
+	var api = {
+	  open: notice,
+	  close: function close(key) {
+	    Object.keys(notificationInstance).forEach(function (cacheKey) {
+	      return Promise.resolve(notificationInstance[cacheKey]).then(function (instance) {
+	        instance.removeNotice(key);
+	      });
+	    });
+	  },
+	  config: setNotificationConfig,
+	  destroy: function destroy() {
+	    Object.keys(notificationInstance).forEach(function (cacheKey) {
+	      Promise.resolve(notificationInstance[cacheKey]).then(function (instance) {
+	        instance.destroy();
+	      });
+	      delete notificationInstance[cacheKey]; // lgtm[js/missing-await]
+	    });
+	  }
+	};
+	['success', 'info', 'warning', 'error'].forEach(function (type) {
+	  api[type] = function (args) {
+	    return api.open(_objectSpread(_objectSpread({}, args), {}, {
+	      type: type
+	    }));
+	  };
+	});
+	api.warn = api.warning;
+	api.useNotification = createUseNotification(getNotificationInstance, getRCNoticeProps);
+	api.antdNotification = _notification__default['default'];
+
+	var _excluded$19 = ["visible", "wrapClassName", "onClose", "children"];
+
+	var Index$j = function Index(props) {
+	  var visible = props.visible,
+	      wrapClassName = props.wrapClassName,
+	      onClose = props.onClose,
+	      children = props.children,
+	      reset = _objectWithoutProperties(props, _excluded$19);
+
+	  var handleClose = function handleClose() {
+	    onClose();
+	  };
+
+	  var onSave = function onSave() {
+	    handleClose();
+	  };
+
+	  var config = {
+	    title: '新增',
+	    width: 480,
+	    visible: visible,
+	    onOk: handleClose,
+	    onCancel: handleClose,
+	    wrapClassName: wrapClassName ? "".concat(wrapClassName, " lm_addModal") : 'lm_addModal',
+	    okButtonProps: {
+	      size: 'default'
+	    },
+	    cancelButtonProps: {
+	      size: 'default'
+	    },
+	    footer: [/*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
+	      size: "large",
+	      type: "primary",
+	      key: "back",
+	      icon: /*#__PURE__*/React__default['default'].createElement(SaveOutlined$2, null),
+	      onClick: onSave
+	    }, "\u4FDD\u5B58")]
+	  };
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_Modal__default['default'], _extends({}, config, reset), children));
+	};
+
+	var _excluded$1a = ["type"];
+	/*
+	  增加参数：
+	  type: 指定图片类型
+	*/
+
+	var Confirm = function Confirm(_ref) {
+	  var type = _ref.type,
+	      resetProps = _objectWithoutProperties(_ref, _excluded$1a);
+
+	  var Icon = function Icon() {
+	    switch (type) {
+	      case 'success':
+	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	          type: "lmweb-check-circle",
+	          style: {
+	            color: '#56C22D'
+	          }
+	        });
+
+	      case 'error':
+	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	          type: "lmweb-close-circle",
+	          style: {
+	            color: '#FA4F53'
+	          }
+	        });
+
+	      case 'warning':
+	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	          type: "lmweb-info-circle",
+	          style: {
+	            color: '#FD9727'
+	          }
+	        });
+
+	      case 'info':
+	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	          type: "lmweb-info-circle",
+	          style: {
+	            color: '#1890fc'
+	          }
+	        });
+
+	      default:
+	        return /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	          type: "lmweb-info-circle",
+	          style: {
+	            color: '#FD9727'
+	          }
+	        });
+	    }
+	  };
+
+	  return _Modal__default['default'].confirm(_objectSpread({
+	    title: 'Confirm',
+	    icon: Icon(),
+	    content: 'Bla bla ...',
+	    okText: '确认',
+	    cancelText: '取消',
+	    wrapClassName: 'lm_modal_confirm',
+	    closable: true
+	  }, resetProps));
+	};
+
+	var _excluded$1b = ["visible", "wrapClassName", "children"];
+
+	var Index$k = function Index(props) {
+	  var visible = props.visible,
+	      wrapClassName = props.wrapClassName,
+	      children = props.children,
+	      reset = _objectWithoutProperties(props, _excluded$1b);
+
+	  var config = {
+	    title: '编辑',
+	    width: 480,
+	    visible: visible,
+	    centered: true,
+	    wrapClassName: wrapClassName ? "".concat(wrapClassName, " lm_editModal") : 'lm_editModal',
+	    okButtonProps: {
+	      size: 'default'
+	    },
+	    cancelButtonProps: {
+	      size: 'default'
+	    }
+	  };
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_Modal__default['default'], _extends({}, config, reset), children));
+	};
+
+	var _excluded$1c = ["visible", "onClose", "onSure", "down", "desc", "downEvent", "isType", "renderFileType"];
+	var downLink = [{
+	  id: '1',
+	  label: '成衣',
+	  value: 'link',
+	  icon: 'export'
+	}, {
+	  id: '2',
+	  label: '面料',
+	  value: 'link',
+	  icon: 'export'
+	}, {
+	  id: '3',
+	  label: '辅料',
+	  value: 'link',
+	  icon: 'export'
+	}];
+	var desc1 = [{
+	  id: '1',
+	  value: '红色为必填字段'
+	}, {
+	  id: '2',
+	  value: '导入仅允许新增供应商信息'
+	}];
+	/*
+	  文件上传区域
+	  multiple：是否多选
+	  accept：文件选择时的默认类型筛选："image/jpeg"、text/csv、application/msword、application/vnd.ms-excel => accept=".xlsx, .xls"
+	  type: 限制上传文件的类型
+	  size：文件大小（M）
+	*/
+
+	var ImportBox = function ImportBox(_ref) {
+	  var value = _ref.value,
+	      multiple = _ref.multiple,
+	      _ref$fileLength = _ref.fileLength,
+	      fileLength = _ref$fileLength === void 0 ? 99 : _ref$fileLength,
+	      onChange = _ref.onChange,
+	      accept = _ref.accept,
+	      _ref$type = _ref.type,
+	      type = _ref$type === void 0 ? ['xls', 'xlsx'] : _ref$type,
+	      _ref$size = _ref.size,
+	      size = _ref$size === void 0 ? 100 : _ref$size;
+	  var fileRef = React.useRef(null); // 文件保存
+	  // 解决同文件的多次上传问题
+
+	  var clearFileValue = function clearFileValue() {
+	    fileRef.current.value = null;
+	  };
+
+	  var fileUpload = function fileUpload(e) {
+	    var file = e.target.files;
+
+	    if (fileLength > 0 && file.length + value.length > fileLength) {
+	      return _message__default['default'].warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u6700\u591A\u53EA\u80FD\u4E0A\u4F20".concat(fileLength, "\u4E2A\u6587\u4EF6"), 1.5);
+	    } // 循环文件检查是否存在不符合要求的文件
+
+
+	    for (var i = 0, len = file.length; i < len; i += 1) {
+	      var item = file[i];
+
+	      if (!type.includes(item.name.replace(/.*\./, '').toLowerCase())) {
+	        var content = type.join('、');
+	        return _message__default['default'].warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u4EC5\u652F\u6301".concat(content, "\u7684\u6587\u4EF6\u7C7B\u578B\uFF01"), 1.5);
+	      }
+
+	      if (item.size / 1024 / 1024 > size) {
+	        return _message__default['default'].warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(size, "M\uFF01"), 1.5);
+	      }
+	    }
+
+	    var nValue = [].concat(_toConsumableArray(value), _toConsumableArray(file));
+	    onChange === null || onChange === void 0 ? void 0 : onChange(nValue, 'files');
+	    return false;
+	  };
+
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "import_box"
+	  }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	    type: "lmweb-inbox",
+	    className: "import_icon"
+	  }), /*#__PURE__*/React__default['default'].createElement("input", {
+	    ref: fileRef,
+	    type: "file",
+	    multiple: multiple,
+	    accept: accept,
+	    className: "import_input",
+	    onClick: clearFileValue,
+	    onChange: fileUpload
+	  }), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "import_text"
+	  }, "\u70B9\u51FB\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u8FD9\u91CC\u4E0A\u4F20")));
+	};
+
+	var Index$l = function Index(_ref2) {
+	  var visible = _ref2.visible,
+	      onClose = _ref2.onClose,
+	      onSure = _ref2.onSure,
+	      _ref2$down = _ref2.down,
+	      down = _ref2$down === void 0 ? downLink : _ref2$down,
+	      _ref2$desc = _ref2.desc,
+	      desc = _ref2$desc === void 0 ? desc1 : _ref2$desc,
+	      downEvent = _ref2.downEvent,
+	      isType = _ref2.isType,
+	      renderFileType = _ref2.renderFileType,
+	      resetProps = _objectWithoutProperties(_ref2, _excluded$1c);
+
+	  var _useState = React.useState({
+	    files: []
+	  }),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      fileValue = _useState2[0],
+	      setFileValue = _useState2[1]; // 数据改变事件
+
+
+	  var handleChange = function handleChange(e, field) {
+	    setFileValue(_objectSpread(_objectSpread({}, fileValue), {}, _defineProperty({}, field, e)));
+	  }; // 确定事件
+
+
+	  var handleClick = function handleClick() {
+	    var files = fileValue.files;
+
+	    if (!files.length) {
+	      return _message__default['default'].warning('请先选择文件!', 1.5);
+	    }
+
+	    onSure(fileValue);
+	    onClose === null || onClose === void 0 ? void 0 : onClose();
+	    setFileValue(_objectSpread(_objectSpread({}, fileValue), {}, {
+	      files: []
+	    }));
+	    return false;
+	  }; // 删除事件
+
+
+	  var handleDelete = function handleDelete(name) {
+	    var nValue = fileValue.files.filter(function (v) {
+	      return v.name !== name;
+	    });
+	    setFileValue(_objectSpread(_objectSpread({}, fileValue), {}, {
+	      files: nValue
+	    }));
+	  }; // 关闭弹框
+
+
+	  var handleClose = function handleClose() {
+	    onClose === null || onClose === void 0 ? void 0 : onClose();
+	    setFileValue({
+	      type: 1,
+	      files: []
+	    });
+	  };
+
+	  var config = {
+	    title: '导入',
+	    visible: visible,
+	    onCancel: onClose,
+	    bodyStyle: {
+	      padding: 24
+	    },
+	    footer: [/*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
+	      key: "cancel",
+	      onClick: handleClose,
+	      size: "middle"
+	    }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
+	      type: "primary",
+	      key: "back",
+	      onClick: handleClick,
+	      size: "middle"
+	    }, "\u786E\u5B9A")]
+	  };
+	  return /*#__PURE__*/React__default['default'].createElement(Index$k, config, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "lm_file_body"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_down file_item"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_title"
+	  }, "\u4E0B\u8F7D\u6A21\u677F"), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_content"
+	  }, /*#__PURE__*/React__default['default'].createElement(_Space__default['default'], {
+	    size: [16, 8],
+	    wrap: true
+	  }, down === null || down === void 0 ? void 0 : down.map(function (v) {
+	    return /*#__PURE__*/React__default['default'].createElement("div", {
+	      key: v.value,
+	      className: "file_down_link",
+	      onClick: function onClick() {
+	        return downEvent(v);
+	      }
+	    }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	      type: "lmweb-file-excel"
+	    }), /*#__PURE__*/React__default['default'].createElement("div", null, v.label));
+	  })))), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_upload file_item"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_title"
+	  }, "\u4E0A\u4F20\u6587\u4EF6"), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_content"
+	  }, /*#__PURE__*/React__default['default'].createElement(ImportBox, _extends({
+	    value: fileValue.files,
+	    onChange: handleChange
+	  }, resetProps)), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_view"
+	  }, fileValue.files.map(function (v, idx) {
+	    return (
+	      /*#__PURE__*/
+	      // eslint-disable-next-line react/no-array-index-key
+	      React__default['default'].createElement("div", {
+	        key: idx,
+	        className: "file_view_item"
+	      }, /*#__PURE__*/React__default['default'].createElement("div", {
+	        className: "file_view_item_label"
+	      }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	        type: "lmweb-file-excel"
+	      }), /*#__PURE__*/React__default['default'].createElement("span", null, v.name)), /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	        type: "lmweb-close1",
+	        className: "file_view_item_close",
+	        onClick: function onClick() {
+	          return handleDelete(v.name);
+	        }
+	      }))
+	    );
+	  })))), renderFileType && /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_type file_item"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_title"
+	  }, "\u9009\u62E9\u7C7B\u578B"), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_content"
+	  }, typeof renderFileType === 'function' ? renderFileType(function (e, field) {
+	    return handleChange(e, field);
+	  }) : /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Group, {
+	    defaultValue: 0,
+	    onChange: function onChange(e) {
+	      return handleChange(e.target.value, 'type');
+	    }
+	  }, /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'], {
+	    value: 0
+	  }, "\u5FEB\u901F\u5BFC\u5165"), /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'], {
+	    value: 1
+	  }, "\u6309\u9700\u66F4\u65B0")))), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_desc file_item"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_title"
+	  }, "\u89C4\u5219\u8BF4\u660E"), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "file_content"
+	  }, desc === null || desc === void 0 ? void 0 : desc.map(function (v) {
+	    return /*#__PURE__*/React__default['default'].createElement("div", {
+	      key: v.id
+	    }, "".concat(v.id, "\u3001").concat(v.value));
+	  })))));
+	};
+
+	var Modal = {};
+	Modal.AddMoal = Index$j;
+	Modal.EditModal = Index$k;
+	Modal.ExportModal = Index$l;
+	Modal.Confirm = Confirm;
+
+	var _excluded$1d = ["children", "className"];
+	var prefixCls$6 = 'lm_pagination';
+
+	var LMPagination = function LMPagination(props) {
+	  var children = props.children,
+	      className = props.className,
+	      others = _objectWithoutProperties(props, _excluded$1d);
+
+	  return /*#__PURE__*/React__default['default'].createElement(_Pagination__default['default'], _objectSpread(_objectSpread({
+	    className: classnames(className, prefixCls$6),
+	    size: "small"
+	  }, others), {}, {
+	    locale: {
+	      items_per_page: '/条',
+	      jump_to: '前往',
+	      page: '页'
+	    }
+	  }));
+	};
+
+	var _excluded$1e = ["columns", "dataSource", "total", "onClick", "onDoubleClick", "rowSelection", "rowKey", "scroll", "defaultActive", "onChange"];
+
+	/*
+	  接收参数：
 	  total: 数据总数
 	  rowSelection: 选择框类型 单选 多选 checkbox/radio
 	*/
@@ -82422,7 +84720,7 @@
 	      scroll = props.scroll,
 	      defaultActive = props.defaultActive,
 	      onChange = props.onChange,
-	      resetProps = _objectWithoutProperties(props, _excluded$1c); // 行单击选中，增加高亮
+	      resetProps = _objectWithoutProperties(props, _excluded$1e); // 行单击选中，增加高亮
 
 
 	  var _useState = React.useState(defaultActive),
@@ -82489,7 +84787,7 @@
 	  }));
 	});
 
-	var _excluded$1d = ["columns", "data", "total", "rowSelection", "onChange", "getCheckboxRecords"];
+	var _excluded$1f = ["columns", "data", "total", "rowSelection", "onChange", "getCheckboxRecords"];
 
 	var Demo = function Demo(props) {
 	  var inputRef = React__default['default'].useRef();
@@ -82507,7 +84805,7 @@
 	      rowSelection = _props$rowSelection === void 0 ? true : _props$rowSelection,
 	      onChange = props.onChange,
 	      getCheckboxRecords = props.getCheckboxRecords,
-	      resetProps = _objectWithoutProperties(props, _excluded$1d);
+	      resetProps = _objectWithoutProperties(props, _excluded$1f);
 
 	  var _useState3 = React.useState('base'),
 	      _useState4 = _slicedToArray(_useState3, 2),
@@ -82603,8 +84901,8 @@
 
 	var Context$5 = /*#__PURE__*/React.createContext();
 
-	var _excluded$1e = ["width", "onResize", "children"],
-	    _excluded2$j = ["children"],
+	var _excluded$1g = ["width", "onResize", "children"],
+	    _excluded2$k = ["children"],
 	    _excluded3$6 = ["children", "style"],
 	    _excluded4$2 = ["children"],
 	    _excluded5$1 = ["style", "children"],
@@ -82719,7 +85017,7 @@
 	  var width = props.width,
 	      onResize = props.onResize,
 	      children = props.children,
-	      restProps = _objectWithoutProperties(props, _excluded$1e);
+	      restProps = _objectWithoutProperties(props, _excluded$1g);
 
 	  var _useState3 = React.useState(width || 0),
 	      _useState4 = _slicedToArray(_useState3, 2),
@@ -82771,7 +85069,7 @@
 
 	var VCell = function VCell(props) {
 	  var children = props.children,
-	      restProps = _objectWithoutProperties(props, _excluded2$j);
+	      restProps = _objectWithoutProperties(props, _excluded2$k);
 
 	  return /*#__PURE__*/React__default['default'].createElement("td", restProps, children);
 	};
@@ -83181,7 +85479,7 @@
 	  editConfig: editConfig$1
 	};
 
-	var _excluded$1f = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck"];
+	var _excluded$1h = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck"];
 	var Summary$1 = ProviderWarp.Summary;
 	var ResetTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
 	  var dataSource = props.dataSource,
@@ -83197,7 +85495,7 @@
 	      _props$virtual = props.virtual,
 	      virtual = _props$virtual === void 0 ? true : _props$virtual,
 	      customCheck = props.customCheck,
-	      resetProps = _objectWithoutProperties(props, _excluded$1f);
+	      resetProps = _objectWithoutProperties(props, _excluded$1h);
 
 	  var _resetProps$rowKey = resetProps.rowKey,
 	      rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
@@ -83481,7 +85779,7 @@
 
 	var Context$6 = /*#__PURE__*/React.createContext();
 
-	var _excluded$1g = ["desc"];
+	var _excluded$1i = ["desc"];
 	var Paragraph$2 = _Typography__default['default'].Paragraph;
 
 	var Access$1 = function Access(props) {
@@ -83511,7 +85809,7 @@
 
 	  var defaultConfig = React.useMemo(function () {
 	    var desc = config.desc,
-	        resetConfig = _objectWithoutProperties(config, _excluded$1g);
+	        resetConfig = _objectWithoutProperties(config, _excluded$1i);
 
 	    return _objectSpread({
 	      title: 'title',
@@ -83887,7 +86185,7 @@
 	  }, config));
 	};
 
-	var _excluded$1h = ["style", "defaultPage"];
+	var _excluded$1j = ["style", "defaultPage"];
 	var initialState$4 = {
 	  // 选中的数据
 	  checkList: [],
@@ -83928,7 +86226,7 @@
 	var ImgTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
 	  var style = props.style,
 	      defaultPage = props.defaultPage,
-	      resetProps = _objectWithoutProperties(props, _excluded$1h);
+	      resetProps = _objectWithoutProperties(props, _excluded$1j);
 
 	  var _useReducer = React.useReducer(reducer$5, initialState$4),
 	      _useReducer2 = _slicedToArray(_useReducer, 2),
@@ -83971,12 +86269,12 @@
 	ResizeSize$2.ImgTable = ImgTable$1;
 	ResizeSize$2.Summary = Summary$1;
 
-	var _excluded$1i = ["children"],
-	    _excluded2$k = ["children", "size", "buttonStyle", "direction", "className"];
+	var _excluded$1k = ["children"],
+	    _excluded2$l = ["children", "size", "buttonStyle", "direction", "className"];
 
 	var LMRadio = function LMRadio(props) {
 	  var children = props.children,
-	      restProps = _objectWithoutProperties(props, _excluded$1i);
+	      restProps = _objectWithoutProperties(props, _excluded$1k);
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'], _extends({
 	    className: "lm-radio"
@@ -83991,7 +86289,7 @@
 	      _props$direction = props.direction,
 	      direction = _props$direction === void 0 ? 'row' : _props$direction,
 	      className = props.className,
-	      restProps = _objectWithoutProperties(props, _excluded2$k);
+	      restProps = _objectWithoutProperties(props, _excluded2$l);
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Group, _extends({
 	    className: classnames(className, 'lm-radio-group', "lm-radio-group-".concat(direction)),
@@ -84001,7 +86299,7 @@
 
 	LMRadio.Button = _Radio__default['default'].Button;
 
-	var _excluded$1j = ["children", "className", "size", "dropdownClassName"];
+	var _excluded$1l = ["children", "className", "size", "dropdownClassName"];
 	var prefixCls$7 = 'lm_select';
 	var CLMSelect$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
 	  var children = props.children,
@@ -84009,7 +86307,7 @@
 	      _props$size = props.size,
 	      size = _props$size === void 0 ? 'middle' : _props$size,
 	      dropdownClassName = props.dropdownClassName,
-	      others = _objectWithoutProperties(props, _excluded$1j);
+	      others = _objectWithoutProperties(props, _excluded$1l);
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'], _objectSpread(_objectSpread({
 	    className: classnames(className, prefixCls$7),
@@ -84023,11 +86321,11 @@
 	LMSelect$1.Option = _Select__default['default'].Option;
 	LMSelect$1.OptGroup = _Select__default['default'].OptGroup;
 
-	var _excluded$1k = ["className"];
+	var _excluded$1m = ["className"];
 	var prefixCls$8 = 'lm_tree';
 	var LmTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
 	  var className = props.className,
-	      rest = _objectWithoutProperties(props, _excluded$1k);
+	      rest = _objectWithoutProperties(props, _excluded$1m);
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Tree__default['default'], _objectSpread(_objectSpread({
 	    ref: ref
@@ -84038,13 +86336,13 @@
 	LmTree.TreeNode = _Tree__default['default'].TreeNode;
 	LmTree.DirectoryTree = _Tree__default['default'].DirectoryTree;
 
-	var _excluded$1l = ["className", "color"];
+	var _excluded$1n = ["className", "color"];
 	var PresetColorTypes = ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime', 'theme'];
 	var prefixCls$9 = 'lm_tag';
 	var LmTag = /*#__PURE__*/React.forwardRef(function (props, ref) {
 	  var className = props.className,
 	      color = props.color,
-	      rest = _objectWithoutProperties(props, _excluded$1l);
+	      rest = _objectWithoutProperties(props, _excluded$1n);
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Tag__default['default'], _objectSpread(_objectSpread({
 	    ref: ref
@@ -84057,7 +86355,313 @@
 	});
 	LmTag.CheckableTag = _Tag__default['default'].CheckableTag;
 
-	var _excluded$1m = ["className", "size", "noBorder"];
+	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$1 = 3;
+	var defaultTop$1;
+	var key = 1;
+	var localPrefixCls = '';
+	var transitionName = 'move-up';
+	var hasTransitionName = false;
+	var getContainer$1;
+	var maxCount$1;
+	var rtl$1 = false;
+	function getKeyThenIncreaseKey() {
+	  return key++;
+	}
+
+	function setMessageConfig(options) {
+	  if (options.top !== undefined) {
+	    defaultTop$1 = options.top;
+	    messageInstance = null; // delete messageInstance for new defaultTop
+	  }
+
+	  if (options.duration !== undefined) {
+	    defaultDuration$1 = 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$1 = options.maxCount;
+	    messageInstance = null;
+	  }
+
+	  if (options.rtl !== undefined) {
+	    rtl$1 = 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$1
+	    },
+	    getContainer: getContainer$1 || getContextPopupContainer,
+	    maxCount: maxCount$1
+	  };
+	  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$1 = {
+	  info: InfoCircleFilled$2,
+	  success: CheckCircleFilled$2,
+	  error: CloseCircleFilled$2,
+	  warning: ExclamationCircleFilled$2,
+	  loading: LoadingOutlined$2
+	};
+	var typeList = Object.keys(typeToIcon$1);
+
+	function getRCNoticeProps$1(args, prefixCls, iconPrefixCls) {
+	  var _classNames;
+
+	  var duration = args.duration !== undefined ? args.duration : defaultDuration$1;
+	  var progress = args.progress === false ? false : true;
+	  var IconComponent = typeToIcon$1[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$1 === 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$1(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$1(_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$1 = {
+	  open: notice$1,
+	  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$1, type);
+	});
+	api$1.warn = api$1.warning;
+	api$1.useMessage = createUseMessage(getRCNotificationInstance, getRCNoticeProps$1);
+
+	var _excluded$1o = ["className", "size", "noBorder"];
 	var prefixCls$a = 'lm_tabs';
 
 	var LMTabs = function LMTabs(props) {
@@ -84066,7 +86670,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
@@ -84804,13 +87408,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,
@@ -84877,13 +87481,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
@@ -84923,8 +87527,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"],
@@ -84934,7 +87538,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),
@@ -84950,7 +87554,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),
@@ -85781,12 +88385,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 () {
@@ -85823,12 +88421,6 @@
 			return _Menu__default['default'];
 		}
 	});
-	Object.defineProperty(exports, 'notification', {
-		enumerable: true,
-		get: function () {
-			return _notification__default['default'];
-		}
-	});
 	exports.Button = LMButton;
 	exports.ButtonTags = ButtonTags;
 	exports.Cascader = LMCascader;
@@ -85866,6 +88458,8 @@
 	exports.Upload = LMUpload;
 	exports.UploadOss = UploadOss;
 	exports.VirtualList = VirList;
+	exports.message = api$1;
+	exports.notification = api;
 
 	Object.defineProperty(exports, '__esModule', { value: true });