linkmore-design 1.0.49 → 1.0.53

package/dist/index.umd.js

@@ -1,18 +1,39 @@
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd/es/button/style'), require('antd/es/button'), require('react'), require('antd/es/card/style'), require('antd/es/card'), require('antd/es/cascader/style'), require('antd/es/cascader'), require('antd/es/checkbox/style'), require('antd/es/checkbox'), require('antd/es/date-picker/style'), require('antd/es/date-picker'), require('react-dom'), require('antd/es/drawer/style'), require('antd/es/drawer'), require('antd/es/space/style'), require('antd/es/space'), require('antd/es/tag/style'), require('antd/es/tag'), require('antd/es/form/style'), require('antd/es/form'), require('antd/es/input/style'), require('antd/es/input'), require('antd/es/dropdown/style'), require('antd/es/dropdown'), require('antd/es/table/style'), require('antd/es/table'), require('antd/es/radio/style'), require('antd/es/radio'), require('antd/es/select/style'), require('antd/es/select'), require('antd/es/input-number/style'), require('antd/es/input-number'), require('antd/es/spin/style'), require('antd/es/spin'), require('antd/es/message/style'), require('antd/es/message'), require('antd/es/image/style'), require('antd/es/image'), require('antd/es/empty/style'), require('antd/es/empty'), require('antd/es/modal/style'), require('antd/es/modal'), require('antd/es/row/style'), require('antd/es/row'), require('antd/es/col/style'), require('antd/es/col'), require('antd/es/divider/style'), require('antd/es/divider'), require('antd/es/list/style'), require('antd/es/list'), require('antd/es/popover/style'), require('antd/es/popover'), require('antd/es/tree/style'), require('antd/es/tree'), require('antd/es/time-picker/style'), require('antd/es/time-picker'), require('antd/es/config-provider/style'), require('antd/es/config-provider'), require('antd/es/avatar/style'), require('antd/es/avatar'), require('react/jsx-runtime'), require('antd/es/locale/zh_CN'), require('antd/es/result/style'), require('antd/es/result'), require('antd/es/tooltip/style'), require('antd/es/tooltip'), require('antd/es/typography/style'), require('antd/es/typography'), require('antd/es/popconfirm/style'), require('antd/es/popconfirm'), require('antd/es/table/hooks/useLazyKVMap'), require('antd/es/badge/style'), require('antd/es/badge'), require('antd/es/progress/style'), require('antd/es/progress'), require('antd/es/rate/style'), require('antd/es/rate'), require('antd/es/switch/style'), require('antd/es/switch'), require('antd/es/tree-select/style'), require('antd/es/tree-select'), require('antd/es/tabs/style'), require('antd/es/tabs'), require('antd/es/grid/style'), require('antd/es/grid'), require('antd/es/steps/style'), require('antd/es/steps'), require('antd/es/upload/style'), require('antd/es/upload'), require('antd/es/alert/style'), require('antd/es/alert'), require('antd/es/menu/style'), require('antd/es/menu'), require('antd/es/notification/style'), require('antd/es/notification'), require('antd/es/pagination/style'), require('antd/es/pagination'), require('antd/lib/form/hooks/useFormInstance'), require('antd/lib/form/context'), require('antd/lib/form/Form')) :
 	typeof define === 'function' && define.amd ? define(['exports', 'antd/es/button/style', 'antd/es/button', 'react', 'antd/es/card/style', 'antd/es/card', 'antd/es/cascader/style', 'antd/es/cascader', 'antd/es/checkbox/style', 'antd/es/checkbox', 'antd/es/date-picker/style', 'antd/es/date-picker', 'react-dom', 'antd/es/drawer/style', 'antd/es/drawer', 'antd/es/space/style', 'antd/es/space', 'antd/es/tag/style', 'antd/es/tag', 'antd/es/form/style', 'antd/es/form', 'antd/es/input/style', 'antd/es/input', 'antd/es/dropdown/style', 'antd/es/dropdown', 'antd/es/table/style', 'antd/es/table', 'antd/es/radio/style', 'antd/es/radio', 'antd/es/select/style', 'antd/es/select', 'antd/es/input-number/style', 'antd/es/input-number', 'antd/es/spin/style', 'antd/es/spin', 'antd/es/message/style', 'antd/es/message', 'antd/es/image/style', 'antd/es/image', 'antd/es/empty/style', 'antd/es/empty', 'antd/es/modal/style', 'antd/es/modal', 'antd/es/row/style', 'antd/es/row', 'antd/es/col/style', 'antd/es/col', 'antd/es/divider/style', 'antd/es/divider', 'antd/es/list/style', 'antd/es/list', 'antd/es/popover/style', 'antd/es/popover', 'antd/es/tree/style', 'antd/es/tree', 'antd/es/time-picker/style', 'antd/es/time-picker', 'antd/es/config-provider/style', 'antd/es/config-provider', 'antd/es/avatar/style', 'antd/es/avatar', 'react/jsx-runtime', 'antd/es/locale/zh_CN', 'antd/es/result/style', 'antd/es/result', 'antd/es/tooltip/style', 'antd/es/tooltip', 'antd/es/typography/style', 'antd/es/typography', 'antd/es/popconfirm/style', 'antd/es/popconfirm', 'antd/es/table/hooks/useLazyKVMap', 'antd/es/badge/style', 'antd/es/badge', 'antd/es/progress/style', 'antd/es/progress', 'antd/es/rate/style', 'antd/es/rate', 'antd/es/switch/style', 'antd/es/switch', 'antd/es/tree-select/style', 'antd/es/tree-select', 'antd/es/tabs/style', 'antd/es/tabs', 'antd/es/grid/style', 'antd/es/grid', 'antd/es/steps/style', 'antd/es/steps', 'antd/es/upload/style', 'antd/es/upload', 'antd/es/alert/style', 'antd/es/alert', 'antd/es/menu/style', 'antd/es/menu', 'antd/es/notification/style', 'antd/es/notification', 'antd/es/pagination/style', 'antd/es/pagination', 'antd/lib/form/hooks/useFormInstance', 'antd/lib/form/context', 'antd/lib/form/Form'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.linkmoreDesign = {}, null, global._Button, global.React, null, global._Card, null, global._Cascader, null, global._Checkbox, null, global._DatePicker, global.require$$2, null, global._Drawer, null, global._Space, null, global._Tag, null, global._Form, null, global._Input, null, global._Dropdown, null, global._Table, null, global._Radio, null, global._Select, null, global._InputNumber, null, global._Spin, null, global._message, null, global._Image, null, global._Empty, null, global._Modal, null, global._Row, null, global._Col, null, global._Divider, null, global._List, null, global._Popover, null, global._Tree, null, global._TimePicker, null, global._ConfigProvider, null, global._Avatar, global.jsxRuntime, global.zh_CN, null, global._Result, null, global._Tooltip, null, global._Typography, null, global._Popconfirm, global.useLazyKVMap, null, global._Badge, null, global._Progress, null, global._Rate, null, global._Switch, null, global._TreeSelect, null, global._Tabs, null, global._Grid, null, global._Steps, null, global._Upload, null, global._Alert, null, global._Menu, null, global._notification, null, global._Pagination, global.useFormInstance, global.context$2, global.Form$2));
-}(this, (function (exports, style, _Button, React, style$1, _Card, style$2, _Cascader, style$3, _Checkbox, style$4, _DatePicker, require$$2, style$5, _Drawer, style$6, _Space, style$7, _Tag, style$8, _Form, style$9, _Input, style$a, _Dropdown, style$b, _Table, style$c, _Radio, style$d, _Select, style$e, _InputNumber, style$f, _Spin, style$g, _message, style$h, _Image, style$i, _Empty, style$j, _Modal, style$k, _Row, style$l, _Col, style$m, _Divider, style$n, _List, style$o, _Popover, style$p, _Tree, style$q, _TimePicker, style$r, _ConfigProvider, style$s, _Avatar, jsxRuntime, zh_CN, style$t, _Result, style$u, _Tooltip, style$v, _Typography, style$w, _Popconfirm, useLazyKVMap, style$x, _Badge, style$y, _Progress, style$z, _Rate, style$A, _Switch, style$B, _TreeSelect, style$C, _Tabs, style$D, _Grid, style$E, _Steps, style$F, _Upload, style$G, _Alert, style$H, _Menu, style$I, _notification, style$J, _Pagination, useFormInstance, context$2, Form$2) { 'use strict';
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.linkmoreDesign = {}, null, global._Button, global.React, null, global._Card, null, global._Cascader, null, global._Checkbox, null, global._DatePicker, global.ReactDOM, null, global._Drawer, null, global._Space, null, global._Tag, null, global._Form, null, global._Input, null, global._Dropdown, null, global._Table, null, global._Radio, null, global._Select, null, global._InputNumber, null, global._Spin, null, global._message, null, global._Image, null, global._Empty, null, global._Modal, null, global._Row, null, global._Col, null, global._Divider, null, global._List, null, global._Popover, null, global._Tree, null, global._TimePicker, null, global._ConfigProvider, null, global._Avatar, global.jsxRuntime, global.zh_CN, null, global._Result, null, global._Tooltip, null, global._Typography, null, global._Popconfirm, global.useLazyKVMap, null, global._Badge, null, global._Progress, null, global._Rate, null, global._Switch, null, global._TreeSelect, null, global._Tabs, null, global._Grid, null, global._Steps, null, global._Upload, null, global._Alert, null, global._Menu, null, global._notification, null, global._Pagination, global.useFormInstance, global.context$2, global.Form$2));
+}(this, (function (exports, style$1, _Button, React, style$2, _Card, style$3, _Cascader, style$4, _Checkbox, style$5, _DatePicker, ReactDOM, style$6, _Drawer, style$7, _Space, style$8, _Tag, style$9, _Form, style$a, _Input, style$b, _Dropdown, style$c, _Table, style$d, _Radio, style$e, _Select, style$f, _InputNumber, style$g, _Spin, style$h, _message, style$i, _Image, style$j, _Empty, style$k, _Modal, style$l, _Row, style$m, _Col, style$n, _Divider, style$o, _List, style$p, _Popover, style$q, _Tree, style$r, _TimePicker, style$s, _ConfigProvider, style$t, _Avatar, jsxRuntime, zh_CN, style$u, _Result, style$v, _Tooltip, style$w, _Typography, style$x, _Popconfirm, useLazyKVMap, style$y, _Badge, style$z, _Progress, style$A, _Rate, style$B, _Switch, style$C, _TreeSelect, style$D, _Tabs, style$E, _Grid, style$F, _Steps, style$G, _Upload, style$H, _Alert, style$I, _Menu, style$J, _notification, style$K, _Pagination, useFormInstance, context$2, Form$2) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+	function _interopNamespace(e) {
+		if (e && e.__esModule) return e;
+		var n = Object.create(null);
+		if (e) {
+			Object.keys(e).forEach(function (k) {
+				if (k !== 'default') {
+					var d = Object.getOwnPropertyDescriptor(e, k);
+					Object.defineProperty(n, k, d.get ? d : {
+						enumerable: true,
+						get: function () {
+							return e[k];
+						}
+					});
+				}
+			});
+		}
+		n['default'] = e;
+		return Object.freeze(n);
+	}
+
 	var _Button__default = /*#__PURE__*/_interopDefaultLegacy(_Button);
 	var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 	var _Card__default = /*#__PURE__*/_interopDefaultLegacy(_Card);
 	var _Cascader__default = /*#__PURE__*/_interopDefaultLegacy(_Cascader);
 	var _Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(_Checkbox);
 	var _DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(_DatePicker);
-	var require$$2__default = /*#__PURE__*/_interopDefaultLegacy(require$$2);
+	var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+	var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 	var _Drawer__default = /*#__PURE__*/_interopDefaultLegacy(_Drawer);
 	var _Space__default = /*#__PURE__*/_interopDefaultLegacy(_Space);
 	var _Tag__default = /*#__PURE__*/_interopDefaultLegacy(_Tag);
@@ -2017,6 +2038,19 @@
 	ClockCircleFilled$1.displayName = 'ClockCircleFilled';
 	var ClockCircleFilled$2 = /*#__PURE__*/React.forwardRef(ClockCircleFilled$1);
 
+	// This icon file is generated automatically.
+	var CloseCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" } }] }, "name": "close-circle", "theme": "filled" };
+
+	var CloseCircleFilled$1 = function CloseCircleFilled$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: CloseCircleFilled
+	  }));
+	};
+
+	CloseCircleFilled$1.displayName = 'CloseCircleFilled';
+	var CloseCircleFilled$2 = /*#__PURE__*/React.forwardRef(CloseCircleFilled$1);
+
 	// This icon file is generated automatically.
 	var CloseOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" } }] }, "name": "close", "theme": "outlined" };
 
@@ -2108,6 +2142,19 @@
 	EllipsisOutlined$1.displayName = 'EllipsisOutlined';
 	var EllipsisOutlined$2 = /*#__PURE__*/React.forwardRef(EllipsisOutlined$1);
 
+	// This icon file is generated automatically.
+	var ExclamationCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
+
+	var ExclamationCircleFilled$1 = function ExclamationCircleFilled$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: ExclamationCircleFilled
+	  }));
+	};
+
+	ExclamationCircleFilled$1.displayName = 'ExclamationCircleFilled';
+	var ExclamationCircleFilled$2 = /*#__PURE__*/React.forwardRef(ExclamationCircleFilled$1);
+
 	// This icon file is generated automatically.
 	var ExportOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M888.3 757.4h-53.8c-4.2 0-7.7 3.5-7.7 7.7v61.8H197.1V197.1h629.8v61.8c0 4.2 3.5 7.7 7.7 7.7h53.8c4.2 0 7.7-3.4 7.7-7.7V158.7c0-17-13.7-30.7-30.7-30.7H158.7c-17 0-30.7 13.7-30.7 30.7v706.6c0 17 13.7 30.7 30.7 30.7h706.6c17 0 30.7-13.7 30.7-30.7V765.1c0-4.3-3.5-7.7-7.7-7.7zm18.6-251.7L765 393.7c-5.3-4.2-13-.4-13 6.3v76H438c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 000-12.6z" } }] }, "name": "export", "theme": "outlined" };
 
@@ -2199,6 +2246,19 @@
 	HolderOutlined$1.displayName = 'HolderOutlined';
 	var HolderOutlined$2 = /*#__PURE__*/React.forwardRef(HolderOutlined$1);
 
+	// This icon file is generated automatically.
+	var InfoCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
+
+	var InfoCircleFilled$1 = function InfoCircleFilled$1(props, ref) {
+	  return /*#__PURE__*/React.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
+	    ref: ref,
+	    icon: InfoCircleFilled
+	  }));
+	};
+
+	InfoCircleFilled$1.displayName = 'InfoCircleFilled';
+	var InfoCircleFilled$2 = /*#__PURE__*/React.forwardRef(InfoCircleFilled$1);
+
 	// This icon file is generated automatically.
 	var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
 
@@ -26766,7 +26826,7 @@
 	    }
 
 	  }), [announce, announcements]));
-	  return mounted ? require$$2.createPortal(React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(HiddenText, {
+	  return mounted ? ReactDOM.createPortal(React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(HiddenText, {
 	    id: hiddenTextDescribedById,
 	    value: screenReaderInstructions.draggable
 	  }), React__default['default'].createElement(LiveRegion, {
@@ -28708,7 +28768,7 @@
 	            rect: activeRects
 	          }
 	        };
-	        require$$2.unstable_batchedUpdates(() => {
+	        ReactDOM.unstable_batchedUpdates(() => {
 	          dispatch({
 	            type: Action.DragStart,
 	            initialCoordinates,
@@ -28732,7 +28792,7 @@
 	      onEnd: createHandler(Action.DragEnd),
 	      onCancel: createHandler(Action.DragCancel)
 	    });
-	    require$$2.unstable_batchedUpdates(() => {
+	    ReactDOM.unstable_batchedUpdates(() => {
 	      setActiveSensor(sensorInstance);
 	      setActivatorEvent(event.nativeEvent);
 	    });
@@ -28768,7 +28828,7 @@
 	        }
 
 	        activeRef.current = null;
-	        require$$2.unstable_batchedUpdates(() => {
+	        ReactDOM.unstable_batchedUpdates(() => {
 	          dispatch({
 	            type
 	          });
@@ -28893,7 +28953,7 @@
 	      },
 	      over
 	    };
-	    require$$2.unstable_batchedUpdates(() => {
+	    ReactDOM.unstable_batchedUpdates(() => {
 	      setOver(over);
 	      setMonitorState({
 	        type: Action.DragOver,
@@ -58398,7 +58458,7 @@
 	    _createClass(WithSortableHandle, [{
 	      key: "componentDidMount",
 	      value: function componentDidMount() {
-	        var node = require$$2.findDOMNode(this);
+	        var node = ReactDOM.findDOMNode(this);
 	        node.sortableHandle = true;
 	      }
 	    }, {
@@ -59458,7 +59518,7 @@
 	        var getContainer = this.props.getContainer;
 
 	        if (typeof getContainer !== 'function') {
-	          return require$$2.findDOMNode(this);
+	          return ReactDOM.findDOMNode(this);
 	        }
 
 	        return getContainer(config.withRef ? this.getWrappedInstance() : undefined);
@@ -59583,7 +59643,7 @@
 	            collection = _this$props.collection,
 	            disabled = _this$props.disabled,
 	            index = _this$props.index;
-	        var node = require$$2.findDOMNode(this);
+	        var node = ReactDOM.findDOMNode(this);
 	        node.sortableInfo = {
 	          collection: collection,
 	          disabled: disabled,
@@ -68012,7 +68072,7 @@
 	  }, [(_context$locale3 = context.locale) === null || _context$locale3 === void 0 ? void 0 : (_context$locale3$Moda = _context$locale3.Modal) === null || _context$locale3$Moda === void 0 ? void 0 : _context$locale3$Moda.cancelText, (_context$locale4 = context.locale) === null || _context$locale4 === void 0 ? void 0 : (_context$locale4$Moda = _context$locale4.Modal) === null || _context$locale4$Moda === void 0 ? void 0 : _context$locale4$Moda.okText, drawerProps, rest.submitter, setVisible, loading, submitTimeout]);
 	  var contentRender = React.useCallback(function (formDom, submitter) {
 	    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-	      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/require$$2.createPortal(submitter, footerRef.current) : submitter]
+	      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/ReactDOM.createPortal(submitter, footerRef.current) : submitter]
 	    });
 	  }, []);
 	  var onFinishHandle = useRefFunction( /*#__PURE__*/function () {
@@ -68487,7 +68547,7 @@
 	  }, [(_context$locale3 = context.locale) === null || _context$locale3 === void 0 ? void 0 : (_context$locale3$Moda = _context$locale3.Modal) === null || _context$locale3$Moda === void 0 ? void 0 : _context$locale3$Moda.cancelText, (_context$locale4 = context.locale) === null || _context$locale4 === void 0 ? void 0 : (_context$locale4$Moda = _context$locale4.Modal) === null || _context$locale4$Moda === void 0 ? void 0 : _context$locale4$Moda.okText, modalProps, rest.submitter, setVisible, loading, submitTimeout]);
 	  var contentRender = React.useCallback(function (formDom, submitter) {
 	    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-	      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/require$$2.createPortal(submitter, footerRef.current) : submitter]
+	      children: [formDom, footerRef.current && submitter ? /*#__PURE__*/ReactDOM.createPortal(submitter, footerRef.current) : submitter]
 	    });
 	  }, []);
 	  var onFinishHandle = React.useCallback( /*#__PURE__*/function () {
@@ -68662,7 +68722,7 @@
 	    return node;
 	  }
 
-	  return require$$2__default['default'].findDOMNode(node);
+	  return ReactDOM__default['default'].findDOMNode(node);
 	}
 
 	/**
@@ -76605,7 +76665,7 @@
 
 	var _propTypes = _interopRequireDefault(propTypes);
 
-	var _reactDom = _interopRequireDefault(require$$2__default['default']);
+	var _reactDom = _interopRequireDefault(ReactDOM__default['default']);
 
 
 
@@ -77184,7 +77244,7 @@
 
 	var _propTypes = _interopRequireDefault(propTypes);
 
-	var _reactDom = _interopRequireDefault(require$$2__default['default']);
+	var _reactDom = _interopRequireDefault(ReactDOM__default['default']);
 
 	var _clsx2 = _interopRequireDefault(require$$3);
 
@@ -78243,7 +78303,7 @@
 	  editConfig: editConfig
 	};
 
-	var _excluded$$ = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
+	var _excluded$$ = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
 	    _excluded2$h = ["className", "style"],
 	    _excluded3$4 = ["onResize", "width", "onResizeStop"];
 	var Summary = ProviderWarp.Summary;
@@ -78281,6 +78341,7 @@
 	      _props$resizeable = props.resizeable,
 	      resizeable = _props$resizeable === void 0 ? false : _props$resizeable,
 	      customCheck = props.customCheck,
+	      components = props.components,
 	      rowSelection = props.rowSelection,
 	      columnsState = props.columnsState,
 	      onChange = props.onChange,
@@ -78354,7 +78415,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));
@@ -78430,8 +78490,6 @@
 	        trigger = _Object$assign.trigger,
 	        highlight = _Object$assign.highlight;
 
-	    console.log(trigger, highlight, 'rowclick');
-
 	    if (highlight) {
 	      setActiveKey(record[rowKey]);
 	    }
@@ -78610,7 +78668,10 @@
 	        });
 	        rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
 	      },
-	      checkboxRecords: useSelectedRows.selectedRows
+	      checkboxRecords: useSelectedRows.selectedRows,
+	      columns: useColumns.map(function (item) {
+	        return lodash.omit(item, ['render', 'sorter', 'onFilter', 'filters']);
+	      })
 	    };
 	  }); // loading触发清空选中状态
 
@@ -78693,8 +78754,17 @@
 	      };
 	    }
 
+	    if (components) {
+	      var _components$body = components.body,
+	          body = _components$body === void 0 ? {} : _components$body,
+	          _components$header = components.header,
+	          header = _components$header === void 0 ? {} : _components$header;
+	      obj['body'] = _objectSpread(_objectSpread({}, obj['body']), body);
+	      obj['header'] = _objectSpread(_objectSpread({}, obj['header']), header);
+	    }
+
 	    return obj;
-	  }, [sortOpen, resizeable]);
+	  }, [sortOpen, resizeable, components]);
 	  return /*#__PURE__*/React__default['default'].createElement("div", {
 	    style: {
 	      height: '100%',
@@ -84045,786 +84115,3878 @@
 	});
 	LmTag.CheckableTag = _Tag__default['default'].CheckableTag;
 
-	var _excluded$1m = ["className", "size", "noBorder"];
-	var prefixCls$a = 'lm_tabs';
+	var fullClone = _objectSpread2({}, ReactDOM__namespace);
 
-	var LMTabs = function LMTabs(props) {
-	  var className = props.className,
-	      _props$size = props.size,
-	      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);
+	var version = fullClone.version,
+	    reactRender = fullClone.render,
+	    unmountComponentAtNode = fullClone.unmountComponentAtNode;
+	var createRoot;
 
-	  return /*#__PURE__*/React__default['default'].createElement(_Tabs__default['default'], _objectSpread(_objectSpread({
-	    size: size
-	  }, others), {}, {
-	    className: classnames(className, prefixCls$a, noBorder && 'lm_tabs_noborder')
+	try {
+	  var mainVersion = Number((version || '').split('.')[0]);
+
+	  if (mainVersion >= 18) {
+	    createRoot = fullClone.createRoot;
+	  }
+	} catch (e) {// Do nothing;
+	}
+
+	function toggleWarning(skip) {
+	  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+	  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof$1(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
+	    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+	  }
+	}
+
+	var MARK = '__rc_react_root__';
+
+	function modernRender(node, container) {
+	  toggleWarning(true);
+	  var root = container[MARK] || createRoot(container);
+	  toggleWarning(false);
+	  root.render(node);
+	  container[MARK] = root;
+	}
+
+	function legacyRender(node, container) {
+	  reactRender(node, container);
+	}
+	function render$3(node, container) {
+	  if (createRoot) {
+	    modernRender(node, container);
+	    return;
+	  }
+
+	  legacyRender(node, container);
+	} // ========================= Unmount ==========================
+
+	function modernUnmount(_x) {
+	  return _modernUnmount.apply(this, arguments);
+	}
+
+	function _modernUnmount() {
+	  _modernUnmount = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(container) {
+	    return _regeneratorRuntime().wrap(function _callee$(_context) {
+	      while (1) {
+	        switch (_context.prev = _context.next) {
+	          case 0:
+	            return _context.abrupt("return", Promise.resolve().then(function () {
+	              var _container$MARK;
+
+	              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
+	              delete container[MARK];
+	            }));
+
+	          case 1:
+	          case "end":
+	            return _context.stop();
+	        }
+	      }
+	    }, _callee);
 	  }));
-	};
+	  return _modernUnmount.apply(this, arguments);
+	}
 
-	LMTabs.TabPane = _Tabs__default['default'].TabPane;
+	function legacyUnmount(container) {
+	  unmountComponentAtNode(container);
+	}
+	function unmount(_x2) {
+	  return _unmount.apply(this, arguments);
+	}
 
-	var Search = LmInput.Search;
+	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 SortItem = function SortItem(props) {
-	  var _props$item, _props$item2, _props$item3, _props$item4;
+	            return _context2.abrupt("return", modernUnmount(container));
 
-	  var _useSortable = useSortable({
-	    id: "".concat(props.id)
-	  }),
-	      attributes = _useSortable.attributes,
-	      listeners = _useSortable.listeners,
-	      setNodeRef = _useSortable.setNodeRef,
-	      transform = _useSortable.transform,
-	      transition = _useSortable.transition;
+	          case 2:
+	            legacyUnmount(container);
 
-	  var style = {
-	    transform: CSS.Transform.toString(transform),
-	    transition: transition
+	          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')
 	  };
-	  return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
-	    ref: setNodeRef,
-	    className: 'lm_custom_item',
-	    style: style
-	  }, attributes), /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
-	    checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) === false ? false : true,
-	    onChange: function onChange(e) {
-	      return props.toggleShow(e.target.checked, props.id);
-	    },
-	    className: "filter_item-content"
-	  }, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.title), /*#__PURE__*/React__default['default'].createElement("div", null, ((_props$item3 = props.item) === null || _props$item3 === void 0 ? void 0 : _props$item3.fixed) && /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	    type: "lmweb-vertical-align-middl",
-	    className: "lm_custom_icon hover_show",
-	    onClick: function onClick(e) {
-	      e.stopPropagation();
-	      props.clearFiexd(props.id);
-	    }
-	  }), !((_props$item4 = props.item) === null || _props$item4 === void 0 ? void 0 : _props$item4.fixed) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	    type: "lmweb-vertical-align-top",
-	    className: "lm_custom_icon hover_show icon_top",
-	    onClick: function onClick(e) {
-	      console.log(e, 'eee');
-	      e.stopPropagation();
-	      props.addFiexd(props.id, 'left');
-	    }
-	  }), /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	    type: "lmweb-vertical-align-botto",
-	    className: "lm_custom_icon hover_show icon_bottom",
-	    onClick: function onClick(e) {
-	      e.stopPropagation();
-	      props.addFiexd(props.id, 'right');
+
+	  if (domSupport) {
+	    if (!('AnimationEvent' in win)) {
+	      delete prefixes.animationend.animation;
 	    }
-	  })), /*#__PURE__*/React__default['default'].createElement(HolderOutlined$2, _objectSpread(_objectSpread({}, listeners), {}, {
-	    className: 'lm_custom_icon sort_item',
-	    style: {
-	      color: 'var(--tip-text-color)'
+
+	    if (!('TransitionEvent' in win)) {
+	      delete prefixes.transitionend.transition;
 	    }
-	  }))));
-	};
-	/** order show fixed */
+	  }
 
+	  return prefixes;
+	}
+	var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window !== 'undefined' ? window : {});
+	var style = {};
 
-	var ColumnsSort = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-	  var _sortMenu$leftSortIte, _sortMenu$leftSortIte2, _sortMenu$items, _sortMenu$items2, _sortMenu$items3, _sortMenu$rigthSortIt, _sortMenu$rigthSortIt2;
+	if (canUseDom()) {
+	  var _document$createEleme = document.createElement('div');
 
-	  var _ref$columns = _ref.columns,
-	      columns = _ref$columns === void 0 ? [] : _ref$columns,
-	      _ref$ColumnsStateValu = _ref.ColumnsStateValue,
-	      ColumnsStateValue = _ref$ColumnsStateValu === void 0 ? {} : _ref$ColumnsStateValu;
+	  style = _document$createEleme.style;
+	}
 
-	  var _useState = React.useState([]),
-	      _useState2 = _slicedToArray(_useState, 2),
-	      localColumns = _useState2[0],
-	      setLocalColumns = _useState2[1];
+	var prefixedEventNames = {};
+	function getVendorPrefixedEventName(eventName) {
+	  if (prefixedEventNames[eventName]) {
+	    return prefixedEventNames[eventName];
+	  }
 
-	  var _useState3 = React.useState({}),
-	      _useState4 = _slicedToArray(_useState3, 2),
-	      colStateValue = _useState4[0],
-	      setColStateValue = _useState4[1];
-	  /** 正在输入的查询条件 */
+	  var prefixMap = vendorPrefixes[eventName];
 
+	  if (prefixMap) {
+	    var stylePropList = Object.keys(prefixMap);
+	    var len = stylePropList.length;
 
-	  var _useState5 = React.useState(''),
-	      _useState6 = _slicedToArray(_useState5, 2),
-	      searchIngValue = _useState6[0],
-	      setSearchIngValue = _useState6[1];
+	    for (var i = 0; i < len; i += 1) {
+	      var styleProp = stylePropList[i];
 
-	  var _useState7 = React.useState(''),
-	      _useState8 = _slicedToArray(_useState7, 2),
-	      searchValue = _useState8[0],
-	      setSearchValue = _useState8[1];
+	      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
+	        prefixedEventNames[eventName] = prefixMap[styleProp];
+	        return prefixedEventNames[eventName];
+	      }
+	    }
+	  }
 
-	  var sortMenu = React.useMemo(function () {
-	    var _cloneDeep;
+	  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];
+	  }
 
-	    var cloneCol = (_cloneDeep = lodash.cloneDeep(localColumns)) === null || _cloneDeep === void 0 ? void 0 : _cloneDeep.filter(function (item) {
-	      var _item$title;
+	  return "".concat(transitionName, "-").concat(transitionType);
+	}
 
-	      return ((_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.indexOf(searchValue)) > -1;
-	    });
-	    cloneCol.forEach(function (item, index) {
-	      if (ColumnsStateValue === null || ColumnsStateValue === void 0 ? void 0 : ColumnsStateValue.hasOwnProperty(item.dataIndex)) {
-	        var _ColumnsStateValue$it, _ColumnsStateValue$it2, _ColumnsStateValue$it3;
+	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 order = (_ColumnsStateValue$it = ColumnsStateValue[item.dataIndex]) === null || _ColumnsStateValue$it === void 0 ? void 0 : _ColumnsStateValue$it.order;
-	        item.fixed = ((_ColumnsStateValue$it2 = ColumnsStateValue[item.dataIndex]) === null || _ColumnsStateValue$it2 === void 0 ? void 0 : _ColumnsStateValue$it2.fixed) || undefined;
-	        item.order = [undefined, null].includes(order) ? index : order;
-	        item.show = ((_ColumnsStateValue$it3 = ColumnsStateValue[item.dataIndex]) === null || _ColumnsStateValue$it3 === void 0 ? void 0 : _ColumnsStateValue$it3.show) === false ? false : true;
-	      }
-	    });
-	    var leftSortItem = [];
-	    var rigthSortItem = [];
-	    var items = [];
-	    cloneCol === null || cloneCol === void 0 ? void 0 : cloneCol.forEach(function (item) {
-	      if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
-	        rigthSortItem.push(item);
-	      } else if (!(item === null || item === void 0 ? void 0 : item.fixed)) {
-	        items.push(item);
-	      } else {
-	        leftSortItem.push(item);
-	      }
-	    });
-	    return {
-	      leftSortItem: leftSortItem,
-	      rigthSortItem: rigthSortItem,
-	      items: items
-	    };
-	  }, [localColumns, colStateValue, searchValue]);
-	  var isCheckAll = React.useMemo(function () {
-	    var showLength = localColumns.filter(function (item) {
-	      return item.show !== false;
-	    });
-	    return {
-	      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localColumns.length ? true : false,
-	      checkAll: showLength.length === localColumns.length
-	    };
-	  }, [localColumns]);
-	  /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+	var raf = function raf(callback) {
+	  return +setTimeout(callback, 16);
+	};
 
-	  var handleSearch = function handleSearch() {
-	    setSearchValue(searchIngValue);
+	var caf = function caf(num) {
+	  return clearTimeout(num);
+	};
+
+	if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
+	  raf = function raf(callback) {
+	    return window.requestAnimationFrame(callback);
 	  };
 
-	  React.useEffect(function () {
-	    setLocalColumns(columns);
-	    setColStateValue(ColumnsStateValue);
-	  }, []);
-	  var leftSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-	    coordinateGetter: sortableKeyboardCoordinates
-	  }));
-	  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-	    coordinateGetter: sortableKeyboardCoordinates
-	  }));
-	  var rightSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-	    coordinateGetter: sortableKeyboardCoordinates
-	  }));
-	  /** 排序结束回调 */
+	  caf = function caf(handle) {
+	    return window.cancelAnimationFrame(handle);
+	  };
+	}
 
-	  var handleDragEnd = function handleDragEnd(event) {
-	    var active = event.active,
-	        over = event.over;
+	var rafUUID = 0;
+	var rafIds = new Map();
 
-	    if (active.id !== over.id) {
-	      setLocalColumns(function (items) {
-	        var oldIndex = items.findIndex(function (s) {
-	          return s.dataIndex === active.id;
-	        });
-	        var newIndex = items.findIndex(function (s) {
-	          return s.dataIndex === over.id;
-	        });
-	        console.log(arrayMove(items, oldIndex, newIndex), 77);
-	        return arrayMove(items, oldIndex, newIndex).map(function (item, index) {
-	          return _objectSpread(_objectSpread({}, item), {}, {
-	            order: index
-	          });
-	        });
-	      });
+	function cleanup(id) {
+	  rafIds.delete(id);
+	}
+
+	function wrapperRaf(callback) {
+	  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+	  rafUUID += 1;
+	  var id = rafUUID;
+
+	  function callRef(leftTimes) {
+	    if (leftTimes === 0) {
+	      // Clean up
+	      cleanup(id); // Trigger
+
+	      callback();
+	    } else {
+	      // Next raf
+	      var realId = raf(function () {
+	        callRef(leftTimes - 1);
+	      }); // Bind real raf id
+
+	      rafIds.set(id, realId);
 	    }
-	  };
-	  /** 取消固定 */
+	  }
 
+	  callRef(times);
+	  return id;
+	}
 
-	  var clearFiexd = function clearFiexd(id) {
-	    var resultColumns = localColumns.map(function (item) {
-	      if (item.dataIndex === id) {
-	        return _objectSpread(_objectSpread({}, item), {}, {
-	          fixed: undefined
-	        });
-	      }
+	wrapperRaf.cancel = function (id) {
+	  var realId = rafIds.get(id);
+	  cleanup(realId);
+	  return caf(realId);
+	};
 
-	      return _objectSpread({}, item);
-	    });
-	    setLocalColumns(resultColumns);
-	  };
-	  /** 添加是否显示 */
+	var useNextFrame = (function () {
+	  var nextFrameRef = React.useRef(null);
 
+	  function cancelNextFrame() {
+	    wrapperRaf.cancel(nextFrameRef.current);
+	  }
 
-	  var toggleShow = function toggleShow(value, id) {
-	    var resultColumns = localColumns.map(function (item) {
-	      if (item.dataIndex === id) {
-	        return _objectSpread(_objectSpread({}, item), {}, {
-	          show: item.show === false ? true : false
+	  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);
 	      }
-
-	      return _objectSpread({}, item);
 	    });
-	    setLocalColumns(resultColumns);
-	  };
-	  /** 添加左右固定 */
+	    nextFrameRef.current = nextFrameId;
+	  }
 
+	  React.useEffect(function () {
+	    return function () {
+	      cancelNextFrame();
+	    };
+	  }, []);
+	  return [nextFrame, cancelNextFrame];
+	});
 
-	  var addFiexd = function addFiexd(id, type) {
-	    var resultColumns = localColumns.map(function (item) {
-	      if (item.dataIndex === id) {
-	        return _objectSpread(_objectSpread({}, item), {}, {
-	          fixed: type
-	        });
-	      }
+	var useIsomorphicLayoutEffect$3 = canUseDom() ? React.useLayoutEffect : React.useEffect;
 
-	      return _objectSpread({}, item);
-	    });
-	    setLocalColumns(resultColumns);
-	  };
-	  /** 切换是否全选 */
+	var STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];
+	/** Skip current step */
 
+	var SkipStep = false;
+	/** Current step should be update in */
 
-	  var onCheckAllChange = function onCheckAllChange() {
-	    var resultColumns = localColumns.map(function (item) {
-	      return _objectSpread(_objectSpread({}, item), {}, {
-	        show: isCheckAll.checkAll ? false : true
-	      });
-	    });
-	    setLocalColumns(resultColumns);
-	  };
+	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];
 
-	  React.useImperativeHandle(ref, function () {
-	    return {
-	      getColumns: function getColumns() {
-	        return localColumns;
-	      },
-	      getColStateValue: function getColStateValue() {
-	        var obj = {};
-	        localColumns.forEach(function (item) {
-	          obj[item.dataIndex] = {};
+	  var _useNextFrame = useNextFrame(),
+	      _useNextFrame2 = _slicedToArray$1(_useNextFrame, 2),
+	      nextFrame = _useNextFrame2[0],
+	      cancelNextFrame = _useNextFrame2[1];
 
-	          if (![undefined, null].includes(item.order)) {
-	            obj[item.dataIndex]['order'] = item.order;
-	          }
+	  function startQueue() {
+	    setStep(STEP_PREPARE, true);
+	  }
 
-	          if (![undefined, null].includes(item.show)) {
-	            obj[item.dataIndex]['show'] = item.show;
+	  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 (![undefined, null].includes(item.fixed)) {
-	            obj[item.dataIndex]['fixed'] = item.fixed;
+	          if (result === true) {
+	            doNext();
+	          } else {
+	            // Only promise should be async
+	            Promise.resolve(result).then(doNext);
 	          }
 	        });
-	        return obj;
 	      }
-	    };
-	  });
-	  return /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: 'lm_custom_option_columns'
-	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: 'global_search'
-	  }, /*#__PURE__*/React__default['default'].createElement(Search, {
-	    value: searchIngValue,
-	    onChange: function onChange(e) {
-	      return setSearchIngValue(e.target.value);
-	    },
-	    onSearch: handleSearch
-	  })), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: 'global_setting'
-	  }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
-	    indeterminate: isCheckAll.indeterminate,
-	    onChange: onCheckAllChange,
-	    checked: isCheckAll.checkAll
-	  }, "\u5168\u9009"), /*#__PURE__*/React__default['default'].createElement("span", {
-	    onClick: function onClick() {
-	      return setLocalColumns(columns);
 	    }
-	  }, "\u91CD\u7F6E")), !!((_sortMenu$leftSortIte = sortMenu.leftSortItem) === null || _sortMenu$leftSortIte === void 0 ? void 0 : _sortMenu$leftSortIte.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
-	    className: 'fixed_title'
-	  }, "\u56FA\u5B9A\u5728\u5DE6\u4FA7"), /*#__PURE__*/React__default['default'].createElement(DndContext, {
-	    sensors: leftSensors,
-	    collisionDetection: closestCenter,
-	    onDragEnd: handleDragEnd
-	  }, /*#__PURE__*/React__default['default'].createElement(SortableContext, {
-	    items: (_sortMenu$leftSortIte2 = sortMenu.leftSortItem) === null || _sortMenu$leftSortIte2 === void 0 ? void 0 : _sortMenu$leftSortIte2.map(function (v) {
-	      return "".concat(v.dataIndex);
-	    }),
-	    strategy: verticalListSortingStrategy
-	  }, sortMenu.leftSortItem.map(function (item) {
-	    return /*#__PURE__*/React__default['default'].createElement(SortItem, {
-	      key: item.dataIndex,
-	      item: item,
-	      toggleShow: toggleShow,
-	      clearFiexd: clearFiexd,
-	      id: item.dataIndex
-	    });
-	  })))), !!((_sortMenu$items = sortMenu.items) === null || _sortMenu$items === void 0 ? void 0 : _sortMenu$items.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
-	    className: 'fixed_title'
-	  }, " \u4E0D\u56FA\u5B9A "), /*#__PURE__*/React__default['default'].createElement(DndContext, {
-	    sensors: sensors,
-	    collisionDetection: closestCenter,
-	    onDragEnd: handleDragEnd
-	  }, /*#__PURE__*/React__default['default'].createElement(SortableContext, {
-	    items: (_sortMenu$items2 = sortMenu.items) === null || _sortMenu$items2 === void 0 ? void 0 : _sortMenu$items2.map(function (v) {
-	      return "".concat(v.dataIndex);
-	    }),
-	    strategy: verticalListSortingStrategy
-	  }, (_sortMenu$items3 = sortMenu.items) === null || _sortMenu$items3 === void 0 ? void 0 : _sortMenu$items3.map(function (item) {
-	    return /*#__PURE__*/React__default['default'].createElement(SortItem, {
-	      key: item.dataIndex,
-	      addFiexd: addFiexd,
-	      toggleShow: toggleShow,
-	      item: item,
-	      id: item.dataIndex
-	    });
-	  })))), !!((_sortMenu$rigthSortIt = sortMenu.rigthSortItem) === null || _sortMenu$rigthSortIt === void 0 ? void 0 : _sortMenu$rigthSortIt.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
-	    className: 'fixed_title'
-	  }, "\u56FA\u5B9A\u5728\u53F3\u4FA7"), /*#__PURE__*/React__default['default'].createElement(DndContext, {
-	    sensors: rightSensors,
-	    collisionDetection: closestCenter,
-	    onDragEnd: handleDragEnd
-	  }, /*#__PURE__*/React__default['default'].createElement(SortableContext, {
-	    items: (_sortMenu$rigthSortIt2 = sortMenu.rigthSortItem) === null || _sortMenu$rigthSortIt2 === void 0 ? void 0 : _sortMenu$rigthSortIt2.map(function (v) {
-	      return "".concat(v.dataIndex);
-	    }),
-	    strategy: verticalListSortingStrategy
-	  }, sortMenu.rigthSortItem.map(function (item) {
-	    return /*#__PURE__*/React__default['default'].createElement(SortItem, {
-	      key: item.dataIndex,
-	      toggleShow: toggleShow,
-	      clearFiexd: clearFiexd,
-	      item: item,
-	      id: item.dataIndex
-	    });
-	  })))));
+	  }, [status, step]);
+	  React.useEffect(function () {
+	    return function () {
+	      cancelNextFrame();
+	    };
+	  }, []);
+	  return [startQueue, step];
 	});
 
-	var UNLLVALUE = [null, undefined];
-	var Search$1 = LmInput.Search;
+	var useDomMotionEvents = (function (callback) {
+	  var cacheElementRef = React.useRef(); // Cache callback
 
-	var SortItem$1 = function SortItem(props) {
-	  var _props$item, _props$item2;
+	  var callbackRef = React.useRef(callback);
+	  callbackRef.current = callback; // Internal motion event handler
 
-	  var _useSortable = useSortable({
-	    id: "".concat(props.id)
-	  }),
-	      attributes = _useSortable.attributes,
-	      listeners = _useSortable.listeners,
-	      setNodeRef = _useSortable.setNodeRef,
-	      transform = _useSortable.transform,
-	      transition = _useSortable.transition;
+	  var onInternalMotionEnd = React.useCallback(function (event) {
+	    callbackRef.current(event);
+	  }, []); // Remove events
 
-	  var style = {
-	    transform: CSS.Transform.toString(transform),
-	    transition: transition
-	  };
-	  return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
-	    ref: setNodeRef,
-	    className: 'lm_custom_item',
-	    style: style
-	  }, attributes), /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
-	    checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) === false ? false : true,
-	    onChange: function onChange(e) {
-	      return props.toggleShow(e.target.checked, props.id);
-	    },
-	    className: "filter_item-content"
-	  }, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.title), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(HolderOutlined$2, _objectSpread(_objectSpread({}, listeners), {}, {
-	    className: 'lm_custom_icon sort_item'
-	  }))));
-	};
-	/** order show fixed */
+	  function removeMotionEvents(element) {
+	    if (element) {
+	      element.removeEventListener(transitionEndName, onInternalMotionEnd);
+	      element.removeEventListener(animationEndName, onInternalMotionEnd);
+	    }
+	  } // Patch events
 
 
-	var FilterSort = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-	  var _ref$filter = _ref.filter,
-	      filter = _ref$filter === void 0 ? [] : _ref$filter,
-	      _ref$filterStateValue = _ref.filterStateValue,
-	      filterStateValue = _ref$filterStateValue === void 0 ? {} : _ref$filterStateValue;
+	  function patchMotionEvents(element) {
+	    if (cacheElementRef.current && cacheElementRef.current !== element) {
+	      removeMotionEvents(cacheElementRef.current);
+	    }
 
-	  var _useState = React.useState([]),
-	      _useState2 = _slicedToArray(_useState, 2),
-	      localFilter = _useState2[0],
-	      setLocalFilter = _useState2[1];
+	    if (element && element !== cacheElementRef.current) {
+	      element.addEventListener(transitionEndName, onInternalMotionEnd);
+	      element.addEventListener(animationEndName, onInternalMotionEnd); // Save as cache in case dom removed trigger by `motionDeadline`
 
-	  var _useState3 = React.useState({}),
-	      _useState4 = _slicedToArray(_useState3, 2),
-	      colStateValue = _useState4[0],
-	      setColStateValue = _useState4[1];
-	  /** 正在输入的查询条件 */
+	      cacheElementRef.current = element;
+	    }
+	  } // Clean up when removed
 
 
-	  var _useState5 = React.useState(''),
-	      _useState6 = _slicedToArray(_useState5, 2),
-	      searchIngValue = _useState6[0],
-	      setSearchIngValue = _useState6[1];
+	  React.useEffect(function () {
+	    return function () {
+	      removeMotionEvents(cacheElementRef.current);
+	    };
+	  }, []);
+	  return [patchMotionEvents, removeMotionEvents];
+	});
 
-	  var _useState7 = React.useState(''),
-	      _useState8 = _slicedToArray(_useState7, 2),
-	      searchValue = _useState8[0],
-	      setSearchValue = _useState8[1];
+	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 sortMenu = React.useMemo(function () {
-	    var cloneCol = lodash.cloneDeep(localFilter);
-	    cloneCol.forEach(function (item, index) {
-	      var _filterStateValue$ite, _filterStateValue$ite2;
+	  var _useState3 = useSafeState(STATUS_NONE),
+	      _useState4 = _slicedToArray$1(_useState3, 2),
+	      status = _useState4[0],
+	      setStatus = _useState4[1];
 
-	      var order = (_filterStateValue$ite = filterStateValue[item.field]) === null || _filterStateValue$ite === void 0 ? void 0 : _filterStateValue$ite.order;
-	      item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
-	      item.show = ((_filterStateValue$ite2 = filterStateValue[item.field]) === null || _filterStateValue$ite2 === void 0 ? void 0 : _filterStateValue$ite2.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
-	    });
-	    return cloneCol.filter(function (item) {
-	      var _item$title;
+	  var _useState5 = useSafeState(null),
+	      _useState6 = _slicedToArray$1(_useState5, 2),
+	      style = _useState6[0],
+	      setStyle = _useState6[1];
 
-	      return ((_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.indexOf(searchValue)) > -1;
-	    });
-	  }, [localFilter, colStateValue, searchValue]);
-	  var isCheckAll = React.useMemo(function () {
-	    var showLength = localFilter.filter(function (item) {
-	      return item.show !== false;
+	  var mountedRef = React.useRef(false);
+	  var deadlineRef = React.useRef(null); // =========================== Dom Node ===========================
+
+	  function getDomElement() {
+	    return getElement();
+	  } // ========================== Motion End ==========================
+
+
+	  var activeRef = React.useRef(false);
+
+	  function onInternalMotionEnd(event) {
+	    var element = getDomElement();
+
+	    if (event && !event.deadline && event.target !== element) {
+	      // event exists
+	      // not initiated by deadline
+	      // transitionEnd not fired by inner elements
+	      return;
+	    }
+
+	    var currentActive = activeRef.current;
+	    var canEnd;
+
+	    if (status === STATUS_APPEAR && currentActive) {
+	      canEnd = onAppearEnd === null || onAppearEnd === void 0 ? void 0 : onAppearEnd(element, event);
+	    } else if (status === STATUS_ENTER && currentActive) {
+	      canEnd = onEnterEnd === null || onEnterEnd === void 0 ? void 0 : onEnterEnd(element, event);
+	    } else if (status === STATUS_LEAVE && currentActive) {
+	      canEnd = onLeaveEnd === null || onLeaveEnd === void 0 ? void 0 : onLeaveEnd(element, event);
+	    } // Only update status when `canEnd` and not destroyed
+
+
+	    if (status !== STATUS_NONE && currentActive && canEnd !== false) {
+	      setStatus(STATUS_NONE, true);
+	      setStyle(null, true);
+	    }
+	  }
+
+	  var _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd),
+	      _useDomMotionEvents2 = _slicedToArray$1(_useDomMotionEvents, 1),
+	      patchMotionEvents = _useDomMotionEvents2[0]; // ============================= Step =============================
+
+
+	  var eventHandlers = React.useMemo(function () {
+	    var _ref2, _ref3, _ref4;
+
+	    switch (status) {
+	      case STATUS_APPEAR:
+	        return _ref2 = {}, _defineProperty$1(_ref2, STEP_PREPARE, onAppearPrepare), _defineProperty$1(_ref2, STEP_START, onAppearStart), _defineProperty$1(_ref2, STEP_ACTIVE, onAppearActive), _ref2;
+
+	      case STATUS_ENTER:
+	        return _ref3 = {}, _defineProperty$1(_ref3, STEP_PREPARE, onEnterPrepare), _defineProperty$1(_ref3, STEP_START, onEnterStart), _defineProperty$1(_ref3, STEP_ACTIVE, onEnterActive), _ref3;
+
+	      case STATUS_LEAVE:
+	        return _ref4 = {}, _defineProperty$1(_ref4, STEP_PREPARE, onLeavePrepare), _defineProperty$1(_ref4, STEP_START, onLeaveStart), _defineProperty$1(_ref4, STEP_ACTIVE, onLeaveActive), _ref4;
+
+	      default:
+	        return {};
+	    }
+	  }, [status]);
+
+	  var _useStepQueue = useStepQueue(status, function (newStep) {
+	    // Only prepare step can be skip
+	    if (newStep === STEP_PREPARE) {
+	      var onPrepare = eventHandlers[STEP_PREPARE];
+
+	      if (!onPrepare) {
+	        return SkipStep;
+	      }
+
+	      return onPrepare(getDomElement());
+	    } // Rest step is sync update
+
+
+	    // Rest step is sync update
+	    if (step in eventHandlers) {
+	      var _eventHandlers$step;
+
+	      setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);
+	    }
+
+	    if (step === STEP_ACTIVE) {
+	      // Patch events when motion needed
+	      patchMotionEvents(getDomElement());
+
+	      if (motionDeadline > 0) {
+	        clearTimeout(deadlineRef.current);
+	        deadlineRef.current = setTimeout(function () {
+	          onInternalMotionEnd({
+	            deadline: true
+	          });
+	        }, motionDeadline);
+	      }
+	    }
+
+	    return DoStep;
+	  }),
+	      _useStepQueue2 = _slicedToArray$1(_useStepQueue, 2),
+	      startStep = _useStepQueue2[0],
+	      step = _useStepQueue2[1];
+
+	  var active = isActive(step);
+	  activeRef.current = active; // ============================ Status ============================
+	  // Update with new status
+
+	  useIsomorphicLayoutEffect$3(function () {
+	    setAsyncVisible(visible);
+	    var isMounted = mountedRef.current;
+	    mountedRef.current = true;
+
+	    if (!supportMotion) {
+	      return;
+	    }
+
+	    var nextStatus; // Appear
+
+	    if (!isMounted && visible && motionAppear) {
+	      nextStatus = STATUS_APPEAR;
+	    } // Enter
+
+
+	    if (isMounted && visible && motionEnter) {
+	      nextStatus = STATUS_ENTER;
+	    } // Leave
+
+
+	    if (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) {
+	      nextStatus = STATUS_LEAVE;
+	    } // Update to next status
+
+
+	    if (nextStatus) {
+	      setStatus(nextStatus);
+	      startStep();
+	    }
+	  }, [visible]); // ============================ Effect ============================
+	  // Reset when motion changed
+
+	  React.useEffect(function () {
+	    if ( // Cancel appear
+	    status === STATUS_APPEAR && !motionAppear || // Cancel enter
+	    status === STATUS_ENTER && !motionEnter || // Cancel leave
+	    status === STATUS_LEAVE && !motionLeave) {
+	      setStatus(STATUS_NONE);
+	    }
+	  }, [motionAppear, motionEnter, motionLeave]);
+	  React.useEffect(function () {
+	    return function () {
+	      mountedRef.current = false;
+	      clearTimeout(deadlineRef.current);
+	    };
+	  }, []); // Trigger `onVisibleChanged`
+
+	  React.useEffect(function () {
+	    if (asyncVisible !== undefined && status === STATUS_NONE) {
+	      onVisibleChanged === null || onVisibleChanged === void 0 ? void 0 : onVisibleChanged(asyncVisible);
+	    }
+	  }, [asyncVisible, status]); // ============================ Styles ============================
+
+	  var mergedStyle = style;
+
+	  if (eventHandlers[STEP_PREPARE] && step === STEP_START) {
+	    mergedStyle = _objectSpread2({
+	      transition: 'none'
+	    }, mergedStyle);
+	  }
+
+	  return [status, step, mergedStyle, asyncVisible !== null && asyncVisible !== void 0 ? asyncVisible : visible];
+	}
+
+	var DomWrapper$1 = /*#__PURE__*/function (_React$Component) {
+	  _inherits(DomWrapper, _React$Component);
+
+	  var _super = _createSuper(DomWrapper);
+
+	  function DomWrapper() {
+	    _classCallCheck(this, DomWrapper);
+
+	    return _super.apply(this, arguments);
+	  }
+
+	  _createClass(DomWrapper, [{
+	    key: "render",
+	    value: function render() {
+	      return this.props.children;
+	    }
+	  }]);
+
+	  return DomWrapper;
+	}(React.Component);
+
+	/**
+	 * `transitionSupport` is used for none transition test case.
+	 * Default we use browser transition event support check.
+	 */
+
+	function genCSSMotion(config) {
+	  var transitionSupport = config;
+
+	  if (_typeof$1(config) === 'object') {
+	    transitionSupport = config.transitionSupport;
+	  }
+
+	  function isSupportTransition(props) {
+	    return !!(props.motionName && transitionSupport);
+	  }
+
+	  var CSSMotion = /*#__PURE__*/React.forwardRef(function (props, ref) {
+	    var _props$visible = props.visible,
+	        visible = _props$visible === void 0 ? true : _props$visible,
+	        _props$removeOnLeave = props.removeOnLeave,
+	        removeOnLeave = _props$removeOnLeave === void 0 ? true : _props$removeOnLeave,
+	        forceRender = props.forceRender,
+	        children = props.children,
+	        motionName = props.motionName,
+	        leavedClassName = props.leavedClassName,
+	        eventProps = props.eventProps;
+	    var supportMotion = isSupportTransition(props); // Ref to the react node, it may be a HTMLElement
+
+	    var nodeRef = React.useRef(); // Ref to the dom wrapper in case ref can not pass to HTMLElement
+
+	    var wrapperNodeRef = React.useRef();
+
+	    function getDomElement() {
+	      try {
+	        // Here we're avoiding call for findDOMNode since it's deprecated
+	        // in strict mode. We're calling it only when node ref is not
+	        // an instance of DOM HTMLElement. Otherwise use
+	        // findDOMNode as a final resort
+	        return nodeRef.current instanceof HTMLElement ? nodeRef.current : findDOMNode(wrapperNodeRef.current);
+	      } catch (e) {
+	        // Only happen when `motionDeadline` trigger but element removed.
+	        return null;
+	      }
+	    }
+
+	    var _useStatus = useStatus(supportMotion, visible, getDomElement, props),
+	        _useStatus2 = _slicedToArray$1(_useStatus, 4),
+	        status = _useStatus2[0],
+	        statusStep = _useStatus2[1],
+	        statusStyle = _useStatus2[2],
+	        mergedVisible = _useStatus2[3]; // Record whether content has rendered
+	    // Will return null for un-rendered even when `removeOnLeave={false}`
+
+
+	    var renderedRef = React.useRef(mergedVisible);
+
+	    if (mergedVisible) {
+	      renderedRef.current = true;
+	    } // ====================== Refs ======================
+
+
+	    var setNodeRef = React.useCallback(function (node) {
+	      nodeRef.current = node;
+	      fillRef(ref, node);
+	    }, [ref]); // ===================== Render =====================
+
+	    var motionChildren;
+
+	    var mergedProps = _objectSpread2(_objectSpread2({}, eventProps), {}, {
+	      visible: visible
+	    });
+
+	    if (!children) {
+	      // No children
+	      motionChildren = null;
+	    } else if (status === STATUS_NONE || !isSupportTransition(props)) {
+	      // Stable children
+	      if (mergedVisible) {
+	        motionChildren = children(_objectSpread2({}, mergedProps), setNodeRef);
+	      } else if (!removeOnLeave && renderedRef.current) {
+	        motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
+	          className: leavedClassName
+	        }), setNodeRef);
+	      } else if (forceRender) {
+	        motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
+	          style: {
+	            display: 'none'
+	          }
+	        }), setNodeRef);
+	      } else {
+	        motionChildren = null;
+	      }
+	    } else {
+	      var _classNames;
+
+	      // In motion
+	      var statusSuffix;
+
+	      if (statusStep === STEP_PREPARE) {
+	        statusSuffix = 'prepare';
+	      } else if (isActive(statusStep)) {
+	        statusSuffix = 'active';
+	      } else if (statusStep === STEP_START) {
+	        statusSuffix = 'start';
+	      }
+
+	      motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
+	        className: classnames(getTransitionName(motionName, status), (_classNames = {}, _defineProperty$1(_classNames, getTransitionName(motionName, "".concat(status, "-").concat(statusSuffix)), statusSuffix), _defineProperty$1(_classNames, motionName, typeof motionName === 'string'), _classNames)),
+	        style: statusStyle
+	      }), setNodeRef);
+	    } // Auto inject ref if child node not have `ref` props
+
+
+	    if ( /*#__PURE__*/React.isValidElement(motionChildren) && supportRef(motionChildren)) {
+	      var _motionChildren = motionChildren,
+	          originNodeRef = _motionChildren.ref;
+
+	      if (!originNodeRef) {
+	        motionChildren = /*#__PURE__*/React.cloneElement(motionChildren, {
+	          ref: setNodeRef
+	        });
+	      }
+	    }
+
+	    return /*#__PURE__*/React.createElement(DomWrapper$1, {
+	      ref: wrapperNodeRef
+	    }, motionChildren);
+	  });
+	  CSSMotion.displayName = 'CSSMotion';
+	  return CSSMotion;
+	}
+	var CSSMotion = genCSSMotion(supportTransition);
+
+	var STATUS_ADD = 'add';
+	var STATUS_KEEP = 'keep';
+	var STATUS_REMOVE = 'remove';
+	var STATUS_REMOVED = 'removed';
+	function wrapKeyToObject(key) {
+	  var keyObj;
+
+	  if (key && _typeof$1(key) === 'object' && 'key' in key) {
+	    keyObj = key;
+	  } else {
+	    keyObj = {
+	      key: key
+	    };
+	  }
+
+	  return _objectSpread2(_objectSpread2({}, keyObj), {}, {
+	    key: String(keyObj.key)
+	  });
+	}
+	function parseKeys() {
+	  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	  return keys.map(wrapKeyToObject);
+	}
+	function diffKeys() {
+	  var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+	  var currentKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+	  var list = [];
+	  var currentIndex = 0;
+	  var currentLen = currentKeys.length;
+	  var prevKeyObjects = parseKeys(prevKeys);
+	  var currentKeyObjects = parseKeys(currentKeys); // Check prev keys to insert or keep
+
+	  prevKeyObjects.forEach(function (keyObj) {
+	    var hit = false;
+
+	    for (var i = currentIndex; i < currentLen; i += 1) {
+	      var currentKeyObj = currentKeyObjects[i];
+
+	      if (currentKeyObj.key === keyObj.key) {
+	        // New added keys should add before current key
+	        if (currentIndex < i) {
+	          list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function (obj) {
+	            return _objectSpread2(_objectSpread2({}, obj), {}, {
+	              status: STATUS_ADD
+	            });
+	          }));
+	          currentIndex = i;
+	        }
+
+	        list.push(_objectSpread2(_objectSpread2({}, currentKeyObj), {}, {
+	          status: STATUS_KEEP
+	        }));
+	        currentIndex += 1;
+	        hit = true;
+	        break;
+	      }
+	    } // If not hit, it means key is removed
+
+
+	    if (!hit) {
+	      list.push(_objectSpread2(_objectSpread2({}, keyObj), {}, {
+	        status: STATUS_REMOVE
+	      }));
+	    }
+	  }); // Add rest to the list
+
+	  if (currentIndex < currentLen) {
+	    list = list.concat(currentKeyObjects.slice(currentIndex).map(function (obj) {
+	      return _objectSpread2(_objectSpread2({}, obj), {}, {
+	        status: STATUS_ADD
+	      });
+	    }));
+	  }
+	  /**
+	   * Merge same key when it remove and add again:
+	   *    [1 - add, 2 - keep, 1 - remove] -> [1 - keep, 2 - keep]
+	   */
+
+
+	  var keys = {};
+	  list.forEach(function (_ref) {
+	    var key = _ref.key;
+	    keys[key] = (keys[key] || 0) + 1;
+	  });
+	  var duplicatedKeys = Object.keys(keys).filter(function (key) {
+	    return keys[key] > 1;
+	  });
+	  duplicatedKeys.forEach(function (matchKey) {
+	    // Remove `STATUS_REMOVE` node.
+	    list = list.filter(function (_ref2) {
+	      var key = _ref2.key,
+	          status = _ref2.status;
+	      return key !== matchKey || status !== STATUS_REMOVE;
+	    }); // Update `STATUS_ADD` to `STATUS_KEEP`
+
+	    list.forEach(function (node) {
+	      if (node.key === matchKey) {
+	        // eslint-disable-next-line no-param-reassign
+	        node.status = STATUS_KEEP;
+	      }
+	    });
+	  });
+	  return list;
+	}
+
+	var _excluded$1m = ["component", "children", "onVisibleChanged", "onAllRemoved"],
+	    _excluded2$l = ["status"];
+	var MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
+	/**
+	 * Generate a CSSMotionList component with config
+	 * @param transitionSupport No need since CSSMotionList no longer depends on transition support
+	 * @param CSSMotion CSSMotion component
+	 */
+
+	function genCSSMotionList(transitionSupport) {
+	  var CSSMotion$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : CSSMotion;
+
+	  var CSSMotionList = /*#__PURE__*/function (_React$Component) {
+	    _inherits(CSSMotionList, _React$Component);
+
+	    var _super = _createSuper(CSSMotionList);
+
+	    function CSSMotionList() {
+	      var _this;
+
+	      _classCallCheck(this, CSSMotionList);
+
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+
+	      _this = _super.call.apply(_super, [this].concat(args));
+	      _this.state = {
+	        keyEntities: []
+	      };
+
+	      _this.removeKey = function (removeKey) {
+	        var keyEntities = _this.state.keyEntities;
+	        var nextKeyEntities = keyEntities.map(function (entity) {
+	          if (entity.key !== removeKey) return entity;
+	          return _objectSpread2(_objectSpread2({}, entity), {}, {
+	            status: STATUS_REMOVED
+	          });
+	        });
+
+	        _this.setState({
+	          keyEntities: nextKeyEntities
+	        });
+
+	        return nextKeyEntities.filter(function (_ref) {
+	          var status = _ref.status;
+	          return status !== STATUS_REMOVED;
+	        }).length;
+	      };
+
+	      return _this;
+	    }
+
+	    _createClass(CSSMotionList, [{
+	      key: "render",
+	      value: function render() {
+	        var _this2 = this;
+
+	        var keyEntities = this.state.keyEntities;
+
+	        var _this$props = this.props,
+	            component = _this$props.component,
+	            children = _this$props.children,
+	            _onVisibleChanged = _this$props.onVisibleChanged,
+	            onAllRemoved = _this$props.onAllRemoved,
+	            restProps = _objectWithoutProperties$1(_this$props, _excluded$1m);
+
+	        var Component = component || React.Fragment;
+	        var motionProps = {};
+	        MOTION_PROP_NAMES.forEach(function (prop) {
+	          motionProps[prop] = restProps[prop];
+	          delete restProps[prop];
+	        });
+	        delete restProps.keys;
+	        return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2) {
+	          var status = _ref2.status,
+	              eventProps = _objectWithoutProperties$1(_ref2, _excluded2$l);
+
+	          var visible = status === STATUS_ADD || status === STATUS_KEEP;
+	          return /*#__PURE__*/React.createElement(CSSMotion$1, _extends$5({}, motionProps, {
+	            key: eventProps.key,
+	            visible: visible,
+	            eventProps: eventProps,
+	            onVisibleChanged: function onVisibleChanged(changedVisible) {
+	              _onVisibleChanged === null || _onVisibleChanged === void 0 ? void 0 : _onVisibleChanged(changedVisible, {
+	                key: eventProps.key
+	              });
+
+	              if (!changedVisible) {
+	                var restKeysCount = _this2.removeKey(eventProps.key);
+
+	                if (restKeysCount === 0 && onAllRemoved) {
+	                  onAllRemoved();
+	                }
+	              }
+	            }
+	          }), children);
+	        }));
+	      }
+	    }], [{
+	      key: "getDerivedStateFromProps",
+	      value: function getDerivedStateFromProps(_ref3, _ref4) {
+	        var keys = _ref3.keys;
+	        var keyEntities = _ref4.keyEntities;
+	        var parsedKeyObjects = parseKeys(keys);
+	        var mixedKeyEntities = diffKeys(keyEntities, parsedKeyObjects);
+	        return {
+	          keyEntities: mixedKeyEntities.filter(function (entity) {
+	            var prevEntity = keyEntities.find(function (_ref5) {
+	              var key = _ref5.key;
+	              return entity.key === key;
+	            }); // Remove if already mark as removed
+
+	            if (prevEntity && prevEntity.status === STATUS_REMOVED && entity.status === STATUS_REMOVE) {
+	              return false;
+	            }
+
+	            return true;
+	          })
+	        };
+	      } // ZombieJ: Return the count of rest keys. It's safe to refactor if need more info.
+
+	    }]);
+
+	    return CSSMotionList;
+	  }(React.Component);
+
+	  CSSMotionList.defaultProps = {
+	    component: 'div'
+	  };
+	  return CSSMotionList;
+	}
+	var CSSMotionList = genCSSMotionList(supportTransition);
+
+	var Notice = /*#__PURE__*/function (_Component) {
+	  _inherits(Notice, _Component);
+
+	  var _super = _createSuper(Notice);
+
+	  function Notice() {
+	    var _this;
+
+	    _classCallCheck(this, Notice);
+
+	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    _this = _super.call.apply(_super, [this].concat(args));
+	    _this.closeTimer = null;
+
+	    _this.close = function (e) {
+	      if (e) {
+	        e.stopPropagation();
+	      }
+
+	      _this.clearCloseTimer();
+
+	      var _this$props = _this.props,
+	          onClose = _this$props.onClose,
+	          noticeKey = _this$props.noticeKey;
+
+	      if (onClose) {
+	        onClose(noticeKey);
+	      }
+	    };
+
+	    _this.startCloseTimer = function () {
+	      if (_this.props.duration) {
+	        _this.closeTimer = window.setTimeout(function () {
+	          _this.close();
+	        }, _this.props.duration * 1000);
+	      }
+	    };
+
+	    _this.clearCloseTimer = function () {
+	      if (_this.closeTimer) {
+	        clearTimeout(_this.closeTimer);
+	        _this.closeTimer = null;
+	      }
+	    };
+
+	    return _this;
+	  }
+
+	  _createClass(Notice, [{
+	    key: "componentDidMount",
+	    value: function componentDidMount() {
+	      this.startCloseTimer();
+	    }
+	  }, {
+	    key: "componentDidUpdate",
+	    value: function componentDidUpdate(prevProps) {
+	      if (this.props.duration !== prevProps.duration || this.props.updateMark !== prevProps.updateMark || // Visible again need reset timer
+	      this.props.visible !== prevProps.visible && this.props.visible) {
+	        this.restartCloseTimer();
+	      }
+	    }
+	  }, {
+	    key: "componentWillUnmount",
+	    value: function componentWillUnmount() {
+	      this.clearCloseTimer();
+	    }
+	  }, {
+	    key: "restartCloseTimer",
+	    value: function restartCloseTimer() {
+	      this.clearCloseTimer();
+	      this.startCloseTimer();
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      var _this2 = this;
+
+	      var _this$props2 = this.props,
+	          prefixCls = _this$props2.prefixCls,
+	          className = _this$props2.className,
+	          closable = _this$props2.closable,
+	          closeIcon = _this$props2.closeIcon,
+	          style = _this$props2.style,
+	          onClick = _this$props2.onClick,
+	          children = _this$props2.children,
+	          holder = _this$props2.holder;
+	      var componentClass = "".concat(prefixCls, "-notice");
+	      var dataOrAriaAttributeProps = Object.keys(this.props).reduce(function (acc, key) {
+	        if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
+	          acc[key] = _this2.props[key];
+	        }
+
+	        return acc;
+	      }, {});
+	      var node = /*#__PURE__*/React.createElement("div", _extends$5({
+	        className: classnames(componentClass, className, _defineProperty$1({}, "".concat(componentClass, "-closable"), closable)),
+	        style: style,
+	        onMouseEnter: this.clearCloseTimer,
+	        onMouseLeave: this.startCloseTimer,
+	        onClick: onClick
+	      }, dataOrAriaAttributeProps), /*#__PURE__*/React.createElement("div", {
+	        className: "".concat(componentClass, "-content")
+	      }, children), closable ? /*#__PURE__*/React.createElement("a", {
+	        tabIndex: 0,
+	        onClick: this.close,
+	        className: "".concat(componentClass, "-close")
+	      }, closeIcon || /*#__PURE__*/React.createElement("span", {
+	        className: "".concat(componentClass, "-close-x")
+	      })) : null);
+
+	      if (holder) {
+	        return /*#__PURE__*/ReactDOM__default['default'].createPortal(node, holder);
+	      }
+
+	      return node;
+	    }
+	  }]);
+
+	  return Notice;
+	}(React.Component);
+
+	Notice.defaultProps = {
+	  onClose: function onClose() {},
+	  duration: 1.5
+	};
+
+	function useNotification(notificationInstance) {
+	  var createdRef = React.useRef({});
+
+	  var _React$useState = React.useState([]),
+	      _React$useState2 = _slicedToArray$1(_React$useState, 2),
+	      elements = _React$useState2[0],
+	      setElements = _React$useState2[1];
+
+	  function notify(noticeProps) {
+	    var firstMount = true;
+	    notificationInstance.add(noticeProps, function (div, props) {
+	      var key = props.key;
+
+	      if (div && (!createdRef.current[key] || firstMount)) {
+	        var noticeEle = /*#__PURE__*/React.createElement(Notice, _extends$5({}, props, {
+	          holder: div
+	        }));
+	        createdRef.current[key] = noticeEle;
+	        setElements(function (originElements) {
+	          var index = originElements.findIndex(function (ele) {
+	            return ele.key === props.key;
+	          });
+
+	          if (index === -1) {
+	            return [].concat(_toConsumableArray$1(originElements), [noticeEle]);
+	          }
+
+	          var cloneList = _toConsumableArray$1(originElements);
+
+	          cloneList[index] = noticeEle;
+	          return cloneList;
+	        });
+	      }
+
+	      firstMount = false;
+	    });
+	  }
+
+	  return [notify, /*#__PURE__*/React.createElement(React.Fragment, null, elements)];
+	}
+
+	var _excluded$1n = ["getContainer"];
+	var seed = 0;
+	var now$3 = Date.now();
+
+	function getUuid() {
+	  var id = seed;
+	  seed += 1;
+	  return "rcNotification_".concat(now$3, "_").concat(id);
+	}
+
+	var Notification = /*#__PURE__*/function (_Component) {
+	  _inherits(Notification, _Component);
+
+	  var _super = _createSuper(Notification);
+
+	  function Notification() {
+	    var _this;
+
+	    _classCallCheck(this, Notification);
+
+	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    _this = _super.call.apply(_super, [this].concat(args));
+	    _this.state = {
+	      notices: []
+	    };
+	    _this.hookRefs = new Map();
+
+	    _this.add = function (originNotice, holderCallback) {
+	      var key = originNotice.key || getUuid();
+
+	      var notice = _objectSpread2(_objectSpread2({}, originNotice), {}, {
+	        key: key
+	      });
+
+	      var maxCount = _this.props.maxCount;
+
+	      _this.setState(function (previousState) {
+	        var notices = previousState.notices;
+	        var noticeIndex = notices.map(function (v) {
+	          return v.notice.key;
+	        }).indexOf(key);
+	        var updatedNotices = notices.concat();
+
+	        if (noticeIndex !== -1) {
+	          updatedNotices.splice(noticeIndex, 1, {
+	            notice: notice,
+	            holderCallback: holderCallback
+	          });
+	        } else {
+	          if (maxCount && notices.length >= maxCount) {
+	            // XXX, use key of first item to update new added (let React to move exsiting
+	            // instead of remove and mount). Same key was used before for both a) external
+	            // manual control and b) internal react 'key' prop , which is not that good.
+	            // eslint-disable-next-line no-param-reassign
+	            // zombieJ: Not know why use `updateKey`. This makes Notice infinite loop in jest.
+	            // Change to `updateMark` for compare instead.
+	            // https://github.com/react-component/notification/commit/32299e6be396f94040bfa82517eea940db947ece
+	            notice.key = updatedNotices[0].notice.key;
+	            notice.updateMark = getUuid(); // zombieJ: That's why. User may close by key directly.
+	            // We need record this but not re-render to avoid upper issue
+	            // https://github.com/react-component/notification/issues/129
+
+	            notice.userPassKey = key;
+	            updatedNotices.shift();
+	          }
+
+	          updatedNotices.push({
+	            notice: notice,
+	            holderCallback: holderCallback
+	          });
+	        }
+
+	        return {
+	          notices: updatedNotices
+	        };
+	      });
+	    };
+
+	    _this.remove = function (removeKey) {
+	      _this.setState(function (_ref) {
+	        var notices = _ref.notices;
+	        return {
+	          notices: notices.filter(function (_ref2) {
+	            var _ref2$notice = _ref2.notice,
+	                key = _ref2$notice.key,
+	                userPassKey = _ref2$notice.userPassKey;
+	            var mergedKey = userPassKey || key;
+	            return mergedKey !== removeKey;
+	          })
+	        };
+	      });
+	    };
+
+	    _this.noticePropsMap = {};
+	    return _this;
+	  }
+
+	  _createClass(Notification, [{
+	    key: "getTransitionName",
+	    value: function getTransitionName() {
+	      var _this$props = this.props,
+	          prefixCls = _this$props.prefixCls,
+	          animation = _this$props.animation;
+	      var transitionName = this.props.transitionName;
+
+	      if (!transitionName && animation) {
+	        transitionName = "".concat(prefixCls, "-").concat(animation);
+	      }
+
+	      return transitionName;
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      var _this2 = this;
+
+	      var notices = this.state.notices;
+	      var _this$props2 = this.props,
+	          prefixCls = _this$props2.prefixCls,
+	          className = _this$props2.className,
+	          closeIcon = _this$props2.closeIcon,
+	          style = _this$props2.style;
+	      var noticeKeys = [];
+	      notices.forEach(function (_ref3, index) {
+	        var notice = _ref3.notice,
+	            holderCallback = _ref3.holderCallback;
+	        var updateMark = index === notices.length - 1 ? notice.updateMark : undefined;
+	        var key = notice.key,
+	            userPassKey = notice.userPassKey;
+
+	        var noticeProps = _objectSpread2(_objectSpread2(_objectSpread2({
+	          prefixCls: prefixCls,
+	          closeIcon: closeIcon
+	        }, notice), notice.props), {}, {
+	          key: key,
+	          noticeKey: userPassKey || key,
+	          updateMark: updateMark,
+	          onClose: function onClose(noticeKey) {
+	            var _notice$onClose;
+
+	            _this2.remove(noticeKey);
+
+	            (_notice$onClose = notice.onClose) === null || _notice$onClose === void 0 ? void 0 : _notice$onClose.call(notice);
+	          },
+	          onClick: notice.onClick,
+	          children: notice.content
+	        }); // Give to motion
+
+
+	        noticeKeys.push(key);
+	        _this2.noticePropsMap[key] = {
+	          props: noticeProps,
+	          holderCallback: holderCallback
+	        };
+	      });
+	      return /*#__PURE__*/React.createElement("div", {
+	        className: classnames(prefixCls, className),
+	        style: style
+	      }, /*#__PURE__*/React.createElement(CSSMotionList, {
+	        keys: noticeKeys,
+	        motionName: this.getTransitionName(),
+	        onVisibleChanged: function onVisibleChanged(changedVisible, _ref4) {
+	          var key = _ref4.key;
+
+	          if (!changedVisible) {
+	            delete _this2.noticePropsMap[key];
+	          }
+	        }
+	      }, function (_ref5) {
+	        var key = _ref5.key,
+	            motionClassName = _ref5.className,
+	            motionStyle = _ref5.style,
+	            visible = _ref5.visible;
+	        var _this2$noticePropsMap = _this2.noticePropsMap[key],
+	            noticeProps = _this2$noticePropsMap.props,
+	            holderCallback = _this2$noticePropsMap.holderCallback;
+
+	        if (holderCallback) {
+	          return /*#__PURE__*/React.createElement("div", {
+	            key: key,
+	            className: classnames(motionClassName, "".concat(prefixCls, "-hook-holder")),
+	            style: _objectSpread2({}, motionStyle),
+	            ref: function ref(div) {
+	              if (typeof key === 'undefined') {
+	                return;
+	              }
+
+	              if (div) {
+	                _this2.hookRefs.set(key, div);
+
+	                holderCallback(div, noticeProps);
+	              } else {
+	                _this2.hookRefs.delete(key);
+	              }
+	            }
+	          });
+	        }
+
+	        return /*#__PURE__*/React.createElement(Notice, _extends$5({}, noticeProps, {
+	          className: classnames(motionClassName, noticeProps === null || noticeProps === void 0 ? void 0 : noticeProps.className),
+	          style: _objectSpread2(_objectSpread2({}, motionStyle), noticeProps === null || noticeProps === void 0 ? void 0 : noticeProps.style),
+	          visible: visible
+	        }));
+	      }));
+	    }
+	  }]);
+
+	  return Notification;
+	}(React.Component);
+
+	Notification.newInstance = void 0;
+	Notification.defaultProps = {
+	  prefixCls: 'rc-notification',
+	  animation: 'fade',
+	  style: {
+	    top: 65,
+	    left: '50%'
+	  }
+	};
+
+	Notification.newInstance = function newNotificationInstance(properties, callback) {
+	  var _ref6 = properties || {},
+	      getContainer = _ref6.getContainer,
+	      props = _objectWithoutProperties$1(_ref6, _excluded$1n);
+
+	  var div = document.createElement('div');
+
+	  if (getContainer) {
+	    var root = getContainer();
+	    root.appendChild(div);
+	  } else {
+	    document.body.appendChild(div);
+	  }
+
+	  var called = false;
+
+	  function ref(notification) {
+	    if (called) {
+	      return;
+	    }
+
+	    called = true;
+	    callback({
+	      notice: function notice(noticeProps) {
+	        notification.add(noticeProps);
+	      },
+	      removeNotice: function removeNotice(key) {
+	        notification.remove(key);
+	      },
+	      component: notification,
+	      destroy: function destroy() {
+	        unmount(div);
+
+	        if (div.parentNode) {
+	          div.parentNode.removeChild(div);
+	        }
+	      },
+	      // Hooks
+	      useNotification: function useNotification$1() {
+	        return useNotification(notification);
+	      }
 	    });
+	  } // Only used for test case usage
+
+	  render$3( /*#__PURE__*/React.createElement(Notification, _extends$5({}, props, {
+	    ref: ref
+	  })), div);
+	};
+
+	var interopRequireWildcard = createCommonjsModule(function (module) {
+	var _typeof = _typeof_1["default"];
+
+	function _getRequireWildcardCache(nodeInterop) {
+	  if (typeof WeakMap !== "function") return null;
+	  var cacheBabelInterop = new WeakMap();
+	  var cacheNodeInterop = new WeakMap();
+	  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
+	    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+	  })(nodeInterop);
+	}
+
+	function _interopRequireWildcard(obj, nodeInterop) {
+	  if (!nodeInterop && obj && obj.__esModule) {
+	    return obj;
+	  }
+
+	  if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {
 	    return {
-	      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localFilter.length ? true : false,
-	      checkAll: showLength.length === localFilter.length
+	      "default": obj
 	    };
-	  }, [localFilter]);
-	  /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+	  }
+
+	  var cache = _getRequireWildcardCache(nodeInterop);
+
+	  if (cache && cache.has(obj)) {
+	    return cache.get(obj);
+	  }
+
+	  var newObj = {};
+	  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+
+	  for (var key in obj) {
+	    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+	      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+
+	      if (desc && (desc.get || desc.set)) {
+	        Object.defineProperty(newObj, key, desc);
+	      } else {
+	        newObj[key] = obj[key];
+	      }
+	    }
+	  }
+
+	  newObj["default"] = obj;
+
+	  if (cache) {
+	    cache.set(obj, newObj);
+	  }
+
+	  return newObj;
+	}
+
+	module.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var interopRequireDefault = createCommonjsModule(function (module) {
+	function _interopRequireDefault(obj) {
+	  return obj && obj.__esModule ? obj : {
+	    "default": obj
+	  };
+	}
+
+	module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var classCallCheck$1 = createCommonjsModule(function (module) {
+	function _classCallCheck(instance, Constructor) {
+	  if (!(instance instanceof Constructor)) {
+	    throw new TypeError("Cannot call a class as a function");
+	  }
+	}
+
+	module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var createClass$1 = createCommonjsModule(function (module) {
+	function _defineProperties(target, props) {
+	  for (var i = 0; i < props.length; i++) {
+	    var descriptor = props[i];
+	    descriptor.enumerable = descriptor.enumerable || false;
+	    descriptor.configurable = true;
+	    if ("value" in descriptor) descriptor.writable = true;
+	    Object.defineProperty(target, descriptor.key, descriptor);
+	  }
+	}
+
+	function _createClass(Constructor, protoProps, staticProps) {
+	  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+	  if (staticProps) _defineProperties(Constructor, staticProps);
+	  Object.defineProperty(Constructor, "prototype", {
+	    writable: false
+	  });
+	  return Constructor;
+	}
+
+	module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var setPrototypeOf = createCommonjsModule(function (module) {
+	function _setPrototypeOf(o, p) {
+	  module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+	    o.__proto__ = p;
+	    return o;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  return _setPrototypeOf(o, p);
+	}
+
+	module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var inherits$1 = createCommonjsModule(function (module) {
+	function _inherits(subClass, superClass) {
+	  if (typeof superClass !== "function" && superClass !== null) {
+	    throw new TypeError("Super expression must either be null or a function");
+	  }
+
+	  subClass.prototype = Object.create(superClass && superClass.prototype, {
+	    constructor: {
+	      value: subClass,
+	      writable: true,
+	      configurable: true
+	    }
+	  });
+	  Object.defineProperty(subClass, "prototype", {
+	    writable: false
+	  });
+	  if (superClass) setPrototypeOf(subClass, superClass);
+	}
+
+	module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var getPrototypeOf = createCommonjsModule(function (module) {
+	function _getPrototypeOf(o) {
+	  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+	    return o.__proto__ || Object.getPrototypeOf(o);
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  return _getPrototypeOf(o);
+	}
+
+	module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var isNativeReflectConstruct = createCommonjsModule(function (module) {
+	function _isNativeReflectConstruct() {
+	  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+	  if (Reflect.construct.sham) return false;
+	  if (typeof Proxy === "function") return true;
+
+	  try {
+	    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+	    return true;
+	  } catch (e) {
+	    return false;
+	  }
+	}
+
+	module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var assertThisInitialized = createCommonjsModule(function (module) {
+	function _assertThisInitialized(self) {
+	  if (self === void 0) {
+	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+	  }
+
+	  return self;
+	}
+
+	module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var possibleConstructorReturn$1 = createCommonjsModule(function (module) {
+	var _typeof = _typeof_1["default"];
+
+
+
+	function _possibleConstructorReturn(self, call) {
+	  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+	    return call;
+	  } else if (call !== void 0) {
+	    throw new TypeError("Derived constructors may only return object or undefined");
+	  }
+
+	  return assertThisInitialized(self);
+	}
+
+	module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var createSuper = createCommonjsModule(function (module) {
+	function _createSuper(Derived) {
+	  var hasNativeReflectConstruct = isNativeReflectConstruct();
+	  return function _createSuperInternal() {
+	    var Super = getPrototypeOf(Derived),
+	        result;
+
+	    if (hasNativeReflectConstruct) {
+	      var NewTarget = getPrototypeOf(this).constructor;
+	      result = Reflect.construct(Super, arguments, NewTarget);
+	    } else {
+	      result = Super.apply(this, arguments);
+	    }
+
+	    return possibleConstructorReturn$1(this, result);
+	  };
+	}
+
+	module.exports = _createSuper, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	});
+
+	var Notice_1 = createCommonjsModule(function (module, exports) {
+
+
+
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.default = void 0;
+
+	var _extends2 = interopRequireDefault(_extends_1);
+
+	var _defineProperty2 = interopRequireDefault(defineProperty);
+
+	var _classCallCheck2 = interopRequireDefault(classCallCheck$1);
+
+	var _createClass2 = interopRequireDefault(createClass$1);
+
+	var _inherits2 = interopRequireDefault(inherits$1);
+
+	var _createSuper2 = interopRequireDefault(createSuper);
+
+	var React = interopRequireWildcard(React__default['default']);
+
+	var _reactDom = interopRequireDefault(ReactDOM__default['default']);
+
+	var _classnames = interopRequireDefault(classnames);
+
+	var Notice = /*#__PURE__*/function (_Component) {
+	  (0, _inherits2.default)(Notice, _Component);
+
+	  var _super = (0, _createSuper2.default)(Notice);
+
+	  function Notice() {
+	    var _this;
+
+	    (0, _classCallCheck2.default)(this, Notice);
+
+	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    _this = _super.call.apply(_super, [this].concat(args));
+	    _this.closeTimer = null;
+
+	    _this.close = function (e) {
+	      if (e) {
+	        e.stopPropagation();
+	      }
+
+	      _this.clearCloseTimer();
+
+	      var _this$props = _this.props,
+	          onClose = _this$props.onClose,
+	          noticeKey = _this$props.noticeKey;
+
+	      if (onClose) {
+	        onClose(noticeKey);
+	      }
+	    };
+
+	    _this.startCloseTimer = function () {
+	      if (_this.props.duration) {
+	        _this.closeTimer = window.setTimeout(function () {
+	          _this.close();
+	        }, _this.props.duration * 1000);
+	      }
+	    };
+
+	    _this.clearCloseTimer = function () {
+	      if (_this.closeTimer) {
+	        clearTimeout(_this.closeTimer);
+	        _this.closeTimer = null;
+	      }
+	    };
+
+	    return _this;
+	  }
+
+	  (0, _createClass2.default)(Notice, [{
+	    key: "componentDidMount",
+	    value: function componentDidMount() {
+	      this.startCloseTimer();
+	    }
+	  }, {
+	    key: "componentDidUpdate",
+	    value: function componentDidUpdate(prevProps) {
+	      if (this.props.duration !== prevProps.duration || this.props.updateMark !== prevProps.updateMark || // Visible again need reset timer
+	      this.props.visible !== prevProps.visible && this.props.visible) {
+	        this.restartCloseTimer();
+	      }
+	    }
+	  }, {
+	    key: "componentWillUnmount",
+	    value: function componentWillUnmount() {
+	      this.clearCloseTimer();
+	    }
+	  }, {
+	    key: "restartCloseTimer",
+	    value: function restartCloseTimer() {
+	      this.clearCloseTimer();
+	      this.startCloseTimer();
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      var _this2 = this;
+
+	      var _this$props2 = this.props,
+	          prefixCls = _this$props2.prefixCls,
+	          className = _this$props2.className,
+	          closable = _this$props2.closable,
+	          closeIcon = _this$props2.closeIcon,
+	          style = _this$props2.style,
+	          onClick = _this$props2.onClick,
+	          children = _this$props2.children,
+	          holder = _this$props2.holder;
+	      var componentClass = "".concat(prefixCls, "-notice");
+	      var dataOrAriaAttributeProps = Object.keys(this.props).reduce(function (acc, key) {
+	        if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
+	          acc[key] = _this2.props[key];
+	        }
+
+	        return acc;
+	      }, {});
+	      var node = /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+	        className: (0, _classnames.default)(componentClass, className, (0, _defineProperty2.default)({}, "".concat(componentClass, "-closable"), closable)),
+	        style: style,
+	        onMouseEnter: this.clearCloseTimer,
+	        onMouseLeave: this.startCloseTimer,
+	        onClick: onClick
+	      }, dataOrAriaAttributeProps), /*#__PURE__*/React.createElement("div", {
+	        className: "".concat(componentClass, "-content")
+	      }, children), closable ? /*#__PURE__*/React.createElement("a", {
+	        tabIndex: 0,
+	        onClick: this.close,
+	        className: "".concat(componentClass, "-close")
+	      }, closeIcon || /*#__PURE__*/React.createElement("span", {
+	        className: "".concat(componentClass, "-close-x")
+	      })) : null);
+
+	      if (holder) {
+	        return /*#__PURE__*/_reactDom.default.createPortal(node, holder);
+	      }
+
+	      return node;
+	    }
+	  }]);
+	  return Notice;
+	}(React.Component);
+
+	exports.default = Notice;
+	Notice.defaultProps = {
+	  onClose: function onClose() {},
+	  duration: 1.5
+	};
+	});
+
+	var useNotification_1 = createCommonjsModule(function (module, exports) {
+
+
+
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.default = useNotification;
+
+	var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
+
+	var _extends2 = interopRequireDefault(_extends_1);
+
+	var _slicedToArray2 = interopRequireDefault(slicedToArray);
+
+	var React = interopRequireWildcard(React__default['default']);
+
+	var _Notice = interopRequireDefault(Notice_1);
+
+	function useNotification(notificationInstance) {
+	  var createdRef = React.useRef({});
+
+	  var _React$useState = React.useState([]),
+	      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+	      elements = _React$useState2[0],
+	      setElements = _React$useState2[1];
+
+	  function notify(noticeProps) {
+	    var firstMount = true;
+	    notificationInstance.add(noticeProps, function (div, props) {
+	      var key = props.key;
+
+	      if (div && (!createdRef.current[key] || firstMount)) {
+	        var noticeEle = /*#__PURE__*/React.createElement(_Notice.default, (0, _extends2.default)({}, props, {
+	          holder: div
+	        }));
+	        createdRef.current[key] = noticeEle;
+	        setElements(function (originElements) {
+	          var index = originElements.findIndex(function (ele) {
+	            return ele.key === props.key;
+	          });
+
+	          if (index === -1) {
+	            return [].concat((0, _toConsumableArray2.default)(originElements), [noticeEle]);
+	          }
+
+	          var cloneList = (0, _toConsumableArray2.default)(originElements);
+	          cloneList[index] = noticeEle;
+	          return cloneList;
+	        });
+	      }
+
+	      firstMount = false;
+	    });
+	  }
+
+	  return [notify, /*#__PURE__*/React.createElement(React.Fragment, null, elements)];
+	}
+	});
+
+	var useRCNotification = /*@__PURE__*/getDefaultExportFromCjs(useNotification_1);
+
+	function createUseMessage(getRcNotificationInstance, getRCNoticeProps) {
+	  var useMessage = function useMessage() {
+	    // We can only get content by render
+	    var getPrefixCls;
+	    var getPopupContainer; // We create a proxy to handle delay created instance
+
+	    var innerInstance = null;
+	    var proxy = {
+	      add: function add(noticeProps, holderCallback) {
+	        var _innerInstance;
+
+	        (_innerInstance = innerInstance) === null || _innerInstance === void 0 ? void 0 : _innerInstance.component.add(noticeProps, holderCallback);
+	      }
+	    };
+
+	    var _useRCNotification = useRCNotification(proxy),
+	        _useRCNotification2 = _slicedToArray(_useRCNotification, 2),
+	        hookNotify = _useRCNotification2[0],
+	        holder = _useRCNotification2[1];
+
+	    function notify(args) {
+	      var customizePrefixCls = args.prefixCls;
+	      var mergedPrefixCls = getPrefixCls('message', customizePrefixCls);
+	      var rootPrefixCls = getPrefixCls();
+	      var target = args.key || getKeyThenIncreaseKey();
+	      var closePromise = new Promise(function (resolve) {
+	        var callback = function callback() {
+	          if (typeof args.onClose === 'function') {
+	            args.onClose();
+	          }
+
+	          return resolve(true);
+	        };
+
+	        getRcNotificationInstance(_objectSpread(_objectSpread({}, args), {}, {
+	          prefixCls: mergedPrefixCls,
+	          rootPrefixCls: rootPrefixCls,
+	          getPopupContainer: getPopupContainer
+	        }), function (_ref) {
+	          var prefixCls = _ref.prefixCls,
+	              instance = _ref.instance;
+	          innerInstance = instance;
+	          hookNotify(getRCNoticeProps(_objectSpread(_objectSpread({}, args), {}, {
+	            key: target,
+	            onClose: callback
+	          }), prefixCls));
+	        });
+	      });
+
+	      var result = function result() {
+	        if (innerInstance) {
+	          innerInstance.removeNotice(target);
+	        }
+	      };
+
+	      result.then = function (filled, rejected) {
+	        return closePromise.then(filled, rejected);
+	      };
+
+	      result.promise = closePromise;
+	      return result;
+	    } // Fill functions
+
+
+	    var hookApiRef = React.useRef({});
+	    hookApiRef.current.open = notify;
+	    typeList.forEach(function (type) {
+	      return attachTypeApi(hookApiRef.current, type);
+	    });
+	    return [hookApiRef.current, /*#__PURE__*/React.createElement(_ConfigProvider.ConfigConsumer, {
+	      key: "holder"
+	    }, function (context) {
+	      getPrefixCls = context.getPrefixCls;
+	      getPopupContainer = context.getPopupContainer;
+	      return holder;
+	    })];
+	  };
+
+	  return useMessage;
+	}
+
+	var messageInstance;
+	var defaultDuration = 3;
+	var defaultTop;
+	var key = 1;
+	var localPrefixCls = '';
+	var transitionName = 'move-up';
+	var hasTransitionName = false;
+	var getContainer$1;
+	var maxCount;
+	var rtl = false;
+	function getKeyThenIncreaseKey() {
+	  return key++;
+	}
+
+	function setMessageConfig(options) {
+	  if (options.top !== undefined) {
+	    defaultTop = options.top;
+	    messageInstance = null; // delete messageInstance for new defaultTop
+	  }
+
+	  if (options.duration !== undefined) {
+	    defaultDuration = options.duration;
+	  }
+
+	  if (options.prefixCls !== undefined) {
+	    localPrefixCls = options.prefixCls;
+	  }
+
+	  if (options.getContainer !== undefined) {
+	    getContainer$1 = options.getContainer;
+	    messageInstance = null; // delete messageInstance for new getContainer
+	  }
+
+	  if (options.transitionName !== undefined) {
+	    transitionName = options.transitionName;
+	    messageInstance = null; // delete messageInstance for new transitionName
+
+	    hasTransitionName = true;
+	  }
+
+	  if (options.maxCount !== undefined) {
+	    maxCount = options.maxCount;
+	    messageInstance = null;
+	  }
+
+	  if (options.rtl !== undefined) {
+	    rtl = options.rtl;
+	  }
+	}
+
+	function getRCNotificationInstance(args, callback) {
+	  var customizePrefixCls = args.prefixCls,
+	      getContextPopupContainer = args.getPopupContainer;
+
+	  var _globalConfig = _ConfigProvider.globalConfig(),
+	      getPrefixCls = _globalConfig.getPrefixCls,
+	      getRootPrefixCls = _globalConfig.getRootPrefixCls,
+	      getIconPrefixCls = _globalConfig.getIconPrefixCls;
+
+	  var prefixCls = getPrefixCls('message', customizePrefixCls || localPrefixCls);
+	  var rootPrefixCls = getRootPrefixCls(args.rootPrefixCls, prefixCls);
+	  var iconPrefixCls = getIconPrefixCls();
+
+	  if (messageInstance) {
+	    callback({
+	      prefixCls: prefixCls,
+	      rootPrefixCls: rootPrefixCls,
+	      iconPrefixCls: iconPrefixCls,
+	      instance: messageInstance
+	    });
+	    return;
+	  }
+
+	  var instanceConfig = {
+	    prefixCls: prefixCls,
+	    transitionName: hasTransitionName ? transitionName : "".concat(rootPrefixCls, "-").concat(transitionName),
+	    style: {
+	      top: defaultTop
+	    },
+	    getContainer: getContainer$1 || getContextPopupContainer,
+	    maxCount: maxCount
+	  };
+	  Notification.newInstance(instanceConfig, function (instance) {
+	    if (messageInstance) {
+	      callback({
+	        prefixCls: prefixCls,
+	        rootPrefixCls: rootPrefixCls,
+	        iconPrefixCls: iconPrefixCls,
+	        instance: messageInstance
+	      });
+	      return;
+	    }
+
+	    messageInstance = instance;
+
+	    callback({
+	      prefixCls: prefixCls,
+	      rootPrefixCls: rootPrefixCls,
+	      iconPrefixCls: iconPrefixCls,
+	      instance: instance
+	    });
+	  });
+	}
+
+	var typeToIcon = {
+	  info: InfoCircleFilled$2,
+	  success: CheckCircleFilled$2,
+	  error: CloseCircleFilled$2,
+	  warning: ExclamationCircleFilled$2,
+	  loading: LoadingOutlined$2
+	};
+	var typeList = Object.keys(typeToIcon);
+
+	function getRCNoticeProps(args, prefixCls, iconPrefixCls) {
+	  var _classNames;
+
+	  var duration = args.duration !== undefined ? args.duration : defaultDuration;
+	  var progress = args.progress === false ? false : true;
+	  var IconComponent = typeToIcon[args.type];
+	  var messageClass = classnames("".concat(prefixCls, "-custom-content"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(args.type), args.type), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), rtl === true), _classNames));
+	  return {
+	    key: args.key,
+	    duration: duration,
+	    style: args.style || {},
+	    className: classnames(args.className, 'lm_message'),
+	    content: /*#__PURE__*/React__default['default'].createElement(_ConfigProvider__default['default'], {
+	      iconPrefixCls: iconPrefixCls
+	    }, /*#__PURE__*/React__default['default'].createElement("div", {
+	      className: messageClass
+	    }, args.icon || IconComponent && /*#__PURE__*/React__default['default'].createElement(IconComponent, null), /*#__PURE__*/React__default['default'].createElement("span", null, args.content), progress && duration > 0 && /*#__PURE__*/React__default['default'].createElement("div", {
+	      className: 'message_progress',
+	      style: {
+	        animationDuration: "".concat(duration, "s")
+	      }
+	    }))),
+	    onClose: args.onClose,
+	    onClick: args.onClick
+	  };
+	}
+
+	function notice(args) {
+	  var target = args.key || getKeyThenIncreaseKey();
+	  var closePromise = new Promise(function (resolve) {
+	    var callback = function callback() {
+	      if (typeof args.onClose === 'function') {
+	        args.onClose();
+	      }
+
+	      return resolve(true);
+	    };
+
+	    getRCNotificationInstance(args, function (_ref) {
+	      var prefixCls = _ref.prefixCls,
+	          iconPrefixCls = _ref.iconPrefixCls,
+	          instance = _ref.instance;
+	      instance.notice(getRCNoticeProps(_objectSpread(_objectSpread({}, args), {}, {
+	        key: target,
+	        onClose: callback
+	      }), prefixCls, iconPrefixCls));
+	    });
+	  });
+
+	  var result = function result() {
+	    if (messageInstance) {
+	      messageInstance.removeNotice(target);
+	    }
+	  };
+
+	  result.then = function (filled, rejected) {
+	    return closePromise.then(filled, rejected);
+	  };
+
+	  result.promise = closePromise;
+	  return result;
+	}
+
+	function isArgsProps(content) {
+	  return Object.prototype.toString.call(content) === '[object Object]' && !!content.content;
+	}
+
+	var api = {
+	  open: notice,
+	  config: setMessageConfig,
+	  destroy: function destroy(messageKey) {
+	    if (messageInstance) {
+	      if (messageKey) {
+	        var _messageInstance = messageInstance,
+	            removeNotice = _messageInstance.removeNotice;
+	        removeNotice(messageKey);
+	      } else {
+	        var _messageInstance2 = messageInstance,
+	            destroy = _messageInstance2.destroy;
+	        destroy();
+	        messageInstance = null;
+	      }
+	    }
+	  }
+	};
+	function attachTypeApi(originalApi, type) {
+	  originalApi[type] = function (content, duration, onClose) {
+	    if (isArgsProps(content)) {
+	      return originalApi.open(_objectSpread(_objectSpread({}, content), {}, {
+	        type: type
+	      }));
+	    }
+
+	    if (typeof duration === 'function') {
+	      onClose = duration;
+	      duration = undefined;
+	    }
+
+	    return originalApi.open({
+	      content: content,
+	      duration: duration,
+	      type: type,
+	      onClose: onClose
+	    });
+	  };
+	}
+	typeList.forEach(function (type) {
+	  return attachTypeApi(api, type);
+	});
+	api.warn = api.warning;
+	api.useMessage = createUseMessage(getRCNotificationInstance, getRCNoticeProps);
+
+	var _excluded$1o = ["className", "size", "noBorder"];
+	var prefixCls$a = 'lm_tabs';
+
+	var LMTabs = function LMTabs(props) {
+	  var className = props.className,
+	      _props$size = props.size,
+	      size = _props$size === void 0 ? "middle" : _props$size,
+	      _props$noBorder = props.noBorder,
+	      noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
+	      others = _objectWithoutProperties(props, _excluded$1o);
+
+	  return /*#__PURE__*/React__default['default'].createElement(_Tabs__default['default'], _objectSpread(_objectSpread({
+	    size: size
+	  }, others), {}, {
+	    className: classnames(className, prefixCls$a, noBorder && 'lm_tabs_noborder')
+	  }));
+	};
+
+	LMTabs.TabPane = _Tabs__default['default'].TabPane;
+
+	var Search = LmInput.Search;
+
+	var SortItem = function SortItem(props) {
+	  var _props$item, _props$item2, _props$item3, _props$item4;
+
+	  var _useSortable = useSortable({
+	    id: "".concat(props.id)
+	  }),
+	      attributes = _useSortable.attributes,
+	      listeners = _useSortable.listeners,
+	      setNodeRef = _useSortable.setNodeRef,
+	      transform = _useSortable.transform,
+	      transition = _useSortable.transition;
+
+	  var style = {
+	    transform: CSS.Transform.toString(transform),
+	    transition: transition
+	  };
+	  return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
+	    ref: setNodeRef,
+	    className: 'lm_custom_item',
+	    style: style
+	  }, attributes), /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
+	    checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) === false ? false : true,
+	    onChange: function onChange(e) {
+	      return props.toggleShow(e.target.checked, props.id);
+	    },
+	    className: "filter_item-content"
+	  }, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.title), /*#__PURE__*/React__default['default'].createElement("div", null, ((_props$item3 = props.item) === null || _props$item3 === void 0 ? void 0 : _props$item3.fixed) && /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	    type: "lmweb-vertical-align-middl",
+	    className: "lm_custom_icon hover_show",
+	    onClick: function onClick(e) {
+	      e.stopPropagation();
+	      props.clearFiexd(props.id);
+	    }
+	  }), !((_props$item4 = props.item) === null || _props$item4 === void 0 ? void 0 : _props$item4.fixed) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	    type: "lmweb-vertical-align-top",
+	    className: "lm_custom_icon hover_show icon_top",
+	    onClick: function onClick(e) {
+	      console.log(e, 'eee');
+	      e.stopPropagation();
+	      props.addFiexd(props.id, 'left');
+	    }
+	  }), /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	    type: "lmweb-vertical-align-botto",
+	    className: "lm_custom_icon hover_show icon_bottom",
+	    onClick: function onClick(e) {
+	      e.stopPropagation();
+	      props.addFiexd(props.id, 'right');
+	    }
+	  })), /*#__PURE__*/React__default['default'].createElement(HolderOutlined$2, _objectSpread(_objectSpread({}, listeners), {}, {
+	    className: 'lm_custom_icon sort_item',
+	    style: {
+	      color: 'var(--tip-text-color)'
+	    }
+	  }))));
+	};
+	/** order show fixed */
+
+
+	var ColumnsSort = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+	  var _sortMenu$leftSortIte, _sortMenu$leftSortIte2, _sortMenu$items, _sortMenu$items2, _sortMenu$items3, _sortMenu$rigthSortIt, _sortMenu$rigthSortIt2;
+
+	  var _ref$columns = _ref.columns,
+	      columns = _ref$columns === void 0 ? [] : _ref$columns,
+	      _ref$ColumnsStateValu = _ref.ColumnsStateValue,
+	      ColumnsStateValue = _ref$ColumnsStateValu === void 0 ? {} : _ref$ColumnsStateValu;
+
+	  var _useState = React.useState([]),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      localColumns = _useState2[0],
+	      setLocalColumns = _useState2[1];
+
+	  var _useState3 = React.useState({}),
+	      _useState4 = _slicedToArray(_useState3, 2),
+	      colStateValue = _useState4[0],
+	      setColStateValue = _useState4[1];
+	  /** 正在输入的查询条件 */
+
+
+	  var _useState5 = React.useState(''),
+	      _useState6 = _slicedToArray(_useState5, 2),
+	      searchIngValue = _useState6[0],
+	      setSearchIngValue = _useState6[1];
+
+	  var _useState7 = React.useState(''),
+	      _useState8 = _slicedToArray(_useState7, 2),
+	      searchValue = _useState8[0],
+	      setSearchValue = _useState8[1];
+
+	  var sortMenu = React.useMemo(function () {
+	    var _cloneDeep;
+
+	    var cloneCol = (_cloneDeep = lodash.cloneDeep(localColumns)) === null || _cloneDeep === void 0 ? void 0 : _cloneDeep.filter(function (item) {
+	      var _item$title;
+
+	      return ((_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.indexOf(searchValue)) > -1;
+	    });
+	    cloneCol.forEach(function (item, index) {
+	      if (colStateValue === null || colStateValue === void 0 ? void 0 : colStateValue.hasOwnProperty(item.dataIndex)) {
+	        var _colStateValue$item$d, _colStateValue$item$d2, _colStateValue$item$d3;
+
+	        var order = (_colStateValue$item$d = colStateValue[item.dataIndex]) === null || _colStateValue$item$d === void 0 ? void 0 : _colStateValue$item$d.order;
+	        item.fixed = ((_colStateValue$item$d2 = colStateValue[item.dataIndex]) === null || _colStateValue$item$d2 === void 0 ? void 0 : _colStateValue$item$d2.fixed) || undefined;
+	        item.order = [undefined, null].includes(order) ? index : order;
+	        item.show = ((_colStateValue$item$d3 = colStateValue[item.dataIndex]) === null || _colStateValue$item$d3 === void 0 ? void 0 : _colStateValue$item$d3.show) === false ? false : true;
+	      }
+	    });
+	    var leftSortItem = [];
+	    var rigthSortItem = [];
+	    var items = [];
+	    cloneCol === null || cloneCol === void 0 ? void 0 : cloneCol.forEach(function (item) {
+	      if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
+	        rigthSortItem.push(item);
+	      } else if (!(item === null || item === void 0 ? void 0 : item.fixed)) {
+	        items.push(item);
+	      } else {
+	        leftSortItem.push(item);
+	      }
+	    });
+	    return {
+	      leftSortItem: leftSortItem,
+	      rigthSortItem: rigthSortItem,
+	      items: items
+	    };
+	  }, [localColumns, colStateValue, searchValue]);
+	  var isCheckAll = React.useMemo(function () {
+	    var showLength = localColumns.filter(function (item) {
+	      return item.show !== false;
+	    });
+	    return {
+	      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localColumns.length ? true : false,
+	      checkAll: showLength.length === localColumns.length
+	    };
+	  }, [localColumns]);
+	  /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+
+	  var handleSearch = function handleSearch() {
+	    setSearchValue(searchIngValue);
+	  };
+
+	  React.useEffect(function () {
+	    setLocalColumns(columns);
+	    setColStateValue(ColumnsStateValue);
+	  }, [columns]);
+	  var leftSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+	    coordinateGetter: sortableKeyboardCoordinates
+	  }));
+	  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+	    coordinateGetter: sortableKeyboardCoordinates
+	  }));
+	  var rightSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+	    coordinateGetter: sortableKeyboardCoordinates
+	  }));
+	  /** 排序结束回调 */
+
+	  var handleDragEnd = function handleDragEnd(event) {
+	    var active = event.active,
+	        over = event.over;
+
+	    if (active.id !== over.id) {
+	      setLocalColumns(function (items) {
+	        var oldIndex = items.findIndex(function (s) {
+	          return s.dataIndex === active.id;
+	        });
+	        var newIndex = items.findIndex(function (s) {
+	          return s.dataIndex === over.id;
+	        });
+	        console.log(arrayMove(items, oldIndex, newIndex), 77);
+	        return arrayMove(items, oldIndex, newIndex).map(function (item, index) {
+	          return _objectSpread(_objectSpread({}, item), {}, {
+	            order: index
+	          });
+	        });
+	      });
+	    }
+	  };
+	  /** 取消固定 */
+
+
+	  var clearFiexd = function clearFiexd(id) {
+	    var resultColumns = localColumns.map(function (item) {
+	      if (item.dataIndex === id) {
+	        return _objectSpread(_objectSpread({}, item), {}, {
+	          fixed: undefined
+	        });
+	      }
+
+	      return _objectSpread({}, item);
+	    });
+	    setLocalColumns(resultColumns);
+	  };
+	  /** 添加是否显示 */
+
+
+	  var toggleShow = function toggleShow(value, id) {
+	    var resultColumns = localColumns.map(function (item) {
+	      if (item.dataIndex === id) {
+	        return _objectSpread(_objectSpread({}, item), {}, {
+	          show: item.show === false ? true : false
+	        });
+	      }
+
+	      return _objectSpread({}, item);
+	    });
+	    setLocalColumns(resultColumns);
+	  };
+	  /** 添加左右固定 */
+
+
+	  var addFiexd = function addFiexd(id, type) {
+	    var resultColumns = localColumns.map(function (item) {
+	      if (item.dataIndex === id) {
+	        return _objectSpread(_objectSpread({}, item), {}, {
+	          fixed: type
+	        });
+	      }
+
+	      return _objectSpread({}, item);
+	    });
+	    setLocalColumns(resultColumns);
+	  };
+	  /** 切换是否全选 */
+
+
+	  var onCheckAllChange = function onCheckAllChange() {
+	    var resultColumns = localColumns.map(function (item) {
+	      return _objectSpread(_objectSpread({}, item), {}, {
+	        show: isCheckAll.checkAll ? false : true
+	      });
+	    });
+	    setLocalColumns(resultColumns);
+	  };
+
+	  React.useImperativeHandle(ref, function () {
+	    return {
+	      getColumns: function getColumns() {
+	        return localColumns;
+	      },
+	      getColStateValue: function getColStateValue() {
+	        var obj = {};
+	        localColumns.forEach(function (item) {
+	          obj[item.dataIndex] = {};
+
+	          if (![undefined, null].includes(item.order)) {
+	            obj[item.dataIndex]['order'] = item.order;
+	          }
+
+	          if (![undefined, null].includes(item.show)) {
+	            obj[item.dataIndex]['show'] = item.show;
+	          }
+
+	          if (![undefined, null].includes(item.fixed)) {
+	            obj[item.dataIndex]['fixed'] = item.fixed;
+	          }
+	        });
+	        return obj;
+	      }
+	    };
+	  });
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: 'lm_custom_option_columns'
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: 'global_search'
+	  }, /*#__PURE__*/React__default['default'].createElement(Search, {
+	    value: searchIngValue,
+	    onChange: function onChange(e) {
+	      return setSearchIngValue(e.target.value);
+	    },
+	    onSearch: handleSearch
+	  })), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: 'global_setting'
+	  }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
+	    indeterminate: isCheckAll.indeterminate,
+	    onChange: onCheckAllChange,
+	    checked: isCheckAll.checkAll
+	  }, "\u5168\u9009"), /*#__PURE__*/React__default['default'].createElement("span", {
+	    onClick: function onClick() {
+	      return setLocalColumns(columns);
+	    }
+	  }, "\u91CD\u7F6E")), !!((_sortMenu$leftSortIte = sortMenu.leftSortItem) === null || _sortMenu$leftSortIte === void 0 ? void 0 : _sortMenu$leftSortIte.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
+	    className: 'fixed_title'
+	  }, "\u56FA\u5B9A\u5728\u5DE6\u4FA7"), /*#__PURE__*/React__default['default'].createElement(DndContext, {
+	    sensors: leftSensors,
+	    collisionDetection: closestCenter,
+	    onDragEnd: handleDragEnd
+	  }, /*#__PURE__*/React__default['default'].createElement(SortableContext, {
+	    items: (_sortMenu$leftSortIte2 = sortMenu.leftSortItem) === null || _sortMenu$leftSortIte2 === void 0 ? void 0 : _sortMenu$leftSortIte2.map(function (v) {
+	      return "".concat(v.dataIndex);
+	    }),
+	    strategy: verticalListSortingStrategy
+	  }, sortMenu.leftSortItem.map(function (item) {
+	    return /*#__PURE__*/React__default['default'].createElement(SortItem, {
+	      key: item.dataIndex,
+	      item: item,
+	      toggleShow: toggleShow,
+	      clearFiexd: clearFiexd,
+	      id: item.dataIndex
+	    });
+	  })))), !!((_sortMenu$items = sortMenu.items) === null || _sortMenu$items === void 0 ? void 0 : _sortMenu$items.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
+	    className: 'fixed_title'
+	  }, " \u4E0D\u56FA\u5B9A "), /*#__PURE__*/React__default['default'].createElement(DndContext, {
+	    sensors: sensors,
+	    collisionDetection: closestCenter,
+	    onDragEnd: handleDragEnd
+	  }, /*#__PURE__*/React__default['default'].createElement(SortableContext, {
+	    items: (_sortMenu$items2 = sortMenu.items) === null || _sortMenu$items2 === void 0 ? void 0 : _sortMenu$items2.map(function (v) {
+	      return "".concat(v.dataIndex);
+	    }),
+	    strategy: verticalListSortingStrategy
+	  }, (_sortMenu$items3 = sortMenu.items) === null || _sortMenu$items3 === void 0 ? void 0 : _sortMenu$items3.map(function (item) {
+	    return /*#__PURE__*/React__default['default'].createElement(SortItem, {
+	      key: item.dataIndex,
+	      addFiexd: addFiexd,
+	      toggleShow: toggleShow,
+	      item: item,
+	      id: item.dataIndex
+	    });
+	  })))), !!((_sortMenu$rigthSortIt = sortMenu.rigthSortItem) === null || _sortMenu$rigthSortIt === void 0 ? void 0 : _sortMenu$rigthSortIt.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
+	    className: 'fixed_title'
+	  }, "\u56FA\u5B9A\u5728\u53F3\u4FA7"), /*#__PURE__*/React__default['default'].createElement(DndContext, {
+	    sensors: rightSensors,
+	    collisionDetection: closestCenter,
+	    onDragEnd: handleDragEnd
+	  }, /*#__PURE__*/React__default['default'].createElement(SortableContext, {
+	    items: (_sortMenu$rigthSortIt2 = sortMenu.rigthSortItem) === null || _sortMenu$rigthSortIt2 === void 0 ? void 0 : _sortMenu$rigthSortIt2.map(function (v) {
+	      return "".concat(v.dataIndex);
+	    }),
+	    strategy: verticalListSortingStrategy
+	  }, sortMenu.rigthSortItem.map(function (item) {
+	    return /*#__PURE__*/React__default['default'].createElement(SortItem, {
+	      key: item.dataIndex,
+	      toggleShow: toggleShow,
+	      clearFiexd: clearFiexd,
+	      item: item,
+	      id: item.dataIndex
+	    });
+	  })))));
+	});
+
+	var UNLLVALUE = [null, undefined];
+	var Search$1 = LmInput.Search;
+
+	var SortItem$1 = function SortItem(props) {
+	  var _props$item, _props$item2;
+
+	  var _useSortable = useSortable({
+	    id: "".concat(props.id)
+	  }),
+	      attributes = _useSortable.attributes,
+	      listeners = _useSortable.listeners,
+	      setNodeRef = _useSortable.setNodeRef,
+	      transform = _useSortable.transform,
+	      transition = _useSortable.transition;
+
+	  var style = {
+	    transform: CSS.Transform.toString(transform),
+	    transition: transition
+	  };
+	  return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
+	    ref: setNodeRef,
+	    className: 'lm_custom_item',
+	    style: style
+	  }, attributes), /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
+	    checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) === false ? false : true,
+	    onChange: function onChange(e) {
+	      return props.toggleShow(e.target.checked, props.id);
+	    },
+	    className: "filter_item-content"
+	  }, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.title), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(HolderOutlined$2, _objectSpread(_objectSpread({}, listeners), {}, {
+	    className: 'lm_custom_icon sort_item'
+	  }))));
+	};
+	/** order show fixed */
+
+
+	var FilterSort = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+	  var _ref$filter = _ref.filter,
+	      filter = _ref$filter === void 0 ? [] : _ref$filter,
+	      _ref$filterStateValue = _ref.filterStateValue,
+	      filterStateValue = _ref$filterStateValue === void 0 ? {} : _ref$filterStateValue;
+
+	  var _useState = React.useState([]),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      localFilter = _useState2[0],
+	      setLocalFilter = _useState2[1];
+
+	  var _useState3 = React.useState({}),
+	      _useState4 = _slicedToArray(_useState3, 2),
+	      colStateValue = _useState4[0],
+	      setColStateValue = _useState4[1];
+	  /** 正在输入的查询条件 */
+
+
+	  var _useState5 = React.useState(''),
+	      _useState6 = _slicedToArray(_useState5, 2),
+	      searchIngValue = _useState6[0],
+	      setSearchIngValue = _useState6[1];
+
+	  var _useState7 = React.useState(''),
+	      _useState8 = _slicedToArray(_useState7, 2),
+	      searchValue = _useState8[0],
+	      setSearchValue = _useState8[1];
+
+	  var sortMenu = React.useMemo(function () {
+	    var cloneCol = lodash.cloneDeep(localFilter);
+	    cloneCol.forEach(function (item, index) {
+	      var _colStateValue$item$f, _colStateValue$item$f2;
+
+	      var order = (_colStateValue$item$f = colStateValue[item.field]) === null || _colStateValue$item$f === void 0 ? void 0 : _colStateValue$item$f.order;
+	      item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
+	      item.show = ((_colStateValue$item$f2 = colStateValue[item.field]) === null || _colStateValue$item$f2 === void 0 ? void 0 : _colStateValue$item$f2.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
+	    });
+	    return cloneCol.filter(function (item) {
+	      var _item$title;
+
+	      return ((_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.indexOf(searchValue)) > -1;
+	    });
+	  }, [localFilter, colStateValue, searchValue]);
+	  var isCheckAll = React.useMemo(function () {
+	    var showLength = localFilter.filter(function (item) {
+	      return item.show !== false;
+	    });
+	    return {
+	      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localFilter.length ? true : false,
+	      checkAll: showLength.length === localFilter.length
+	    };
+	  }, [localFilter]);
+	  /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+
+	  var handleSearch = function handleSearch() {
+	    setSearchValue(searchIngValue);
+	  };
+
+	  React.useEffect(function () {
+	    console.log(localFilter, 'localFilter');
+	  }, [localFilter]);
+	  React.useEffect(function () {
+	    setLocalFilter(filter);
+	    setColStateValue(filterStateValue);
+	  }, [filter]);
+	  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+	    coordinateGetter: sortableKeyboardCoordinates
+	  }));
+	  /** 排序结束回调 */
+
+	  var handleDragEnd = function handleDragEnd(event) {
+	    var active = event.active,
+	        over = event.over;
+
+	    if (active.id !== over.id) {
+	      setLocalFilter(function (items) {
+	        var oldIndex = items.findIndex(function (s) {
+	          return s.field === active.id;
+	        });
+	        var newIndex = items.findIndex(function (s) {
+	          return s.field === over.id;
+	        });
+	        return arrayMove(items, oldIndex, newIndex).map(function (item, index) {
+	          return _objectSpread(_objectSpread({}, item), {}, {
+	            order: index
+	          });
+	        });
+	      });
+	    }
+	  };
+	  /** 添加是否显示 */
+
+
+	  var toggleShow = function toggleShow(value, id) {
+	    var resultColumns = localFilter.map(function (item) {
+	      if (item.field === id) {
+	        return _objectSpread(_objectSpread({}, item), {}, {
+	          show: item.show === false ? true : false
+	        });
+	      }
+
+	      return _objectSpread({}, item);
+	    });
+	    setLocalFilter(resultColumns);
+	  };
+	  /** 切换是否全选 */
+
+
+	  var onCheckAllChange = function onCheckAllChange() {
+	    var resultColumns = localFilter.map(function (item) {
+	      return _objectSpread(_objectSpread({}, item), {}, {
+	        show: isCheckAll.checkAll ? false : true
+	      });
+	    });
+	    console.log(resultColumns, 'resultColumns');
+	    setLocalFilter(resultColumns);
+	  };
+
+	  React.useImperativeHandle(ref, function () {
+	    return {
+	      getLocalFilter: function getLocalFilter() {
+	        return localFilter;
+	      },
+	      getFilterStateValue: function getFilterStateValue() {
+	        var obj = {};
+	        localFilter.forEach(function (item) {
+	          obj[item.field] = {};
+
+	          if (![undefined, null].includes(item.order)) {
+	            obj[item.field]['order'] = item.order;
+	          }
+
+	          if (![undefined, null].includes(item.show)) {
+	            obj[item.field]['show'] = item.show;
+	          }
+	        });
+	        return obj;
+	      }
+	    };
+	  });
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: 'lm_custom_option_columns'
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: 'global_search'
+	  }, /*#__PURE__*/React__default['default'].createElement(Search$1, {
+	    value: searchIngValue,
+	    onChange: function onChange(e) {
+	      return setSearchIngValue(e.target.value);
+	    },
+	    onSearch: handleSearch
+	  })), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: 'global_setting'
+	  }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
+	    indeterminate: isCheckAll.indeterminate,
+	    onChange: onCheckAllChange,
+	    checked: isCheckAll.checkAll
+	  }, "\u5168\u9009"), /*#__PURE__*/React__default['default'].createElement("span", {
+	    onClick: function onClick() {
+	      return setLocalFilter(filter);
+	    }
+	  }, "\u91CD\u7F6E")), !!(sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DndContext, {
+	    sensors: sensors,
+	    collisionDetection: closestCenter,
+	    onDragEnd: handleDragEnd
+	  }, /*#__PURE__*/React__default['default'].createElement(SortableContext, {
+	    items: sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (v) {
+	      return "".concat(v.field);
+	    }),
+	    strategy: verticalListSortingStrategy
+	  }, sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (item) {
+	    return /*#__PURE__*/React__default['default'].createElement(SortItem$1, {
+	      key: item.field,
+	      toggleShow: toggleShow,
+	      item: item,
+	      id: item.field
+	    });
+	  })))));
+	});
+
+	var SmallImg = require('./assets/option1.png');
+
+	var DefaultImg = require('./assets/option2.png');
+
+	var MiddleImg = require('./assets/option3.png');
+
+	var TabPane$1 = LMTabs.TabPane;
+	var optionsWithDisabled = [{
+	  label: '默认',
+	  value: 'default',
+	  imgUrl: DefaultImg
+	}, {
+	  label: '紧凑',
+	  value: 'small',
+	  imgUrl: SmallImg
+	}, {
+	  label: '宽松',
+	  value: 'middle',
+	  imgUrl: MiddleImg
+	}];
+	var prefixCls$b = 'lm_custom-table-option';
+	var LMCustomTableOption = /*#__PURE__*/React.forwardRef(function (props, ref) {
+	  var className = props.className,
+	      _props$tooltip = props.tooltip,
+	      tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
+	  var filterRef = React.useRef(null);
+	  var columnsRef = React.useRef(null); // const sizeRef = useRef(null)
+
+	  var _useState = React.useState(false),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      visible = _useState2[0],
+	      setVisible = _useState2[1];
+	  /** 是否记住页面使用状态 */
+
+
+	  var _useState3 = React.useState(true),
+	      _useState4 = _slicedToArray(_useState3, 2),
+	      saveSetting = _useState4[0],
+	      setSaveSetting = _useState4[1];
+
+	  var _useState5 = React.useState({
+	    filter: [],
+	    columns: [],
+	    size: 'default'
+	  }),
+	      _useState6 = _slicedToArray(_useState5, 2),
+	      lmOptions = _useState6[0],
+	      setLmOptions = _useState6[1];
+
+	  var openSetting = function openSetting() {
+	    setVisible(true);
+	  };
+
+	  React.useEffect(function () {
+	    setLmOptions({
+	      filter: props.filter,
+	      columns: props.columns,
+	      size: props.size || 'default'
+	    });
+	  }, [props.filter, props.columns, props.size]);
+	  /** 提交按钮 */
+
+	  var onOk = function onOk() {
+	    var _columnsRef$current, _columnsRef$current2, _filterRef$current, _filterRef$current2, _props$onSave;
+
+	    /** tableInfo */
+	    var columnsData = (_columnsRef$current = columnsRef.current) === null || _columnsRef$current === void 0 ? void 0 : _columnsRef$current.getColumns();
+	    var ColStateValue = (_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColStateValue();
+	    /** filterInfo */
+
+	    var filterData = (_filterRef$current = filterRef.current) === null || _filterRef$current === void 0 ? void 0 : _filterRef$current.getLocalFilter();
+	    var filterStateValue = (_filterRef$current2 = filterRef.current) === null || _filterRef$current2 === void 0 ? void 0 : _filterRef$current2.getFilterStateValue();
+	    console.log('--columnsData:', columnsData, ColStateValue, '--filterData:', filterData, filterStateValue, 'size:', lmOptions.size);
+	    (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, {
+	      columnsData: columnsData,
+	      ColStateValue: ColStateValue,
+	      filterData: filterData,
+	      filterStateValue: filterStateValue,
+	      size: lmOptions.size,
+	      saveSetting: saveSetting
+	    });
+	    setVisible(false);
+	  };
+
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_Tooltip__default['default'], _objectSpread({}, tooltip), /*#__PURE__*/React__default['default'].createElement(LMButton, {
+	    onClick: openSetting,
+	    icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	      type: 'lmweb-setting'
+	    })
+	  })), /*#__PURE__*/React__default['default'].createElement(LMDrawer, {
+	    className: classnames(className, prefixCls$b),
+	    title: "\u7B5B\u9009\u8BBE\u7F6E",
+	    visible: visible,
+	    extra: /*#__PURE__*/React__default['default'].createElement(_Space__default['default'], null, /*#__PURE__*/React__default['default'].createElement(LMButton, {
+	      size: "small",
+	      onClick: function onClick() {
+	        return setVisible(false);
+	      }
+	    }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(LMButton, {
+	      size: "small",
+	      onClick: onOk,
+	      type: "primary"
+	    }, "\u786E\u8BA4")),
+	    onClose: function onClose() {
+	      return setVisible(false);
+	    }
+	  }, /*#__PURE__*/React__default['default'].createElement(LMTabs, {
+	    defaultActiveKey: "1"
+	  }, /*#__PURE__*/React__default['default'].createElement(TabPane$1, {
+	    tab: "\u4E2A\u6027\u5316\u7B5B\u9009",
+	    key: "1",
+	    forceRender: true
+	  }, /*#__PURE__*/React__default['default'].createElement(FilterSort, {
+	    ref: filterRef,
+	    filter: lmOptions.filter
+	  })), /*#__PURE__*/React__default['default'].createElement(TabPane$1, {
+	    tab: "\u5217\u8868\u5B57\u6BB5\u8BBE\u7F6E",
+	    key: "2",
+	    forceRender: true
+	  }, /*#__PURE__*/React__default['default'].createElement(ColumnsSort, {
+	    ref: columnsRef,
+	    columns: lmOptions.columns
+	  })), /*#__PURE__*/React__default['default'].createElement(TabPane$1, {
+	    tab: "\u5176\u4ED6",
+	    key: "3",
+	    forceRender: true
+	  }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u5217\u8868\u6837\u5F0F"), /*#__PURE__*/React__default['default'].createElement(LMRadio.Group, {
+	    onChange: function onChange(e) {
+	      return setLmOptions(_objectSpread(_objectSpread({}, lmOptions), {}, {
+	        size: e.target.value
+	      }));
+	    },
+	    className: 'lm_size_radio_group',
+	    value: lmOptions.size
+	  }, optionsWithDisabled.map(function (item) {
+	    return /*#__PURE__*/React__default['default'].createElement("div", {
+	      className: 'lm_custom_size_warp',
+	      key: item.value
+	    }, /*#__PURE__*/React__default['default'].createElement("img", {
+	      onClick: function onClick() {
+	        return setLmOptions(_objectSpread(_objectSpread({}, lmOptions), {}, {
+	          size: item.value
+	        }));
+	      },
+	      src: item.imgUrl
+	    }), /*#__PURE__*/React__default['default'].createElement(LMRadio, {
+	      value: item.value
+	    }, item.label));
+	  })), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: 'save_setting'
+	  }, /*#__PURE__*/React__default['default'].createElement("span", null, "\u662F\u5426\u8BB0\u4F4F\u9875\u9762\u4F7F\u7528\u72B6\u6001"), /*#__PURE__*/React__default['default'].createElement(_Switch__default['default'], {
+	    checked: saveSetting,
+	    onChange: setSaveSetting
+	  }))))));
+	});
+
+	var LMUpload = function LMUpload(props) {
+	  var listType = props.listType;
+
+	  var renderUploadItem = function renderUploadItem(originNode, file) {
+	    return !listType ? /*#__PURE__*/React__default['default'].createElement(_Tooltip__default['default'], {
+	      placement: 'bottom',
+	      title: file.name
+	    }, originNode.props.children) : originNode;
+	  };
+
+	  return /*#__PURE__*/React__default['default'].createElement(_Upload__default['default'], _objectSpread({
+	    itemRender: renderUploadItem,
+	    listType: listType
+	  }, props));
+	};
+
+	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$1p);
+
+	  return /*#__PURE__*/React__default['default'].createElement(_Form__default['default'], _objectSpread({
+	    ref: ref,
+	    className: classnames(classNamePrefix, className),
+	    colon: false
+	  }, restProps), children);
+	};
+
+	var Reform = /*#__PURE__*/React__default['default'].forwardRef(LMForm);
+	var Form$1 = Reform;
+	Form$1.Item = _Form__default['default'].Item;
+	Form$1.List = _List__default['default'];
+	Form$1.ErrorList = _Form__default['default'].ErrorList;
+	Form$1.useForm = Form$2.useForm;
+	Form$1.useFormInstance = useFormInstance__default['default'];
+	Form$1.useWatch = Form$2.useWatch;
+	Form$1.Provider = context$2.FormProvider;
+
+	Form$1.create = function () {
+	  warning$3();
+	};
+
+	function warning$3(arg0, arg1, arg2) {
+	  throw new Error('Function not implemented.');
+	}
+
+	function n(n){for(var r=arguments.length,t=Array(r>1?r-1:0),e=1;e<r;e++)t[e-1]=arguments[e];{var i=Y[n],o=i?"function"==typeof i?i.apply(null,t):i:"unknown error nr: "+n;throw Error("[Immer] "+o)}}function r(n){return !!n&&!!n[Q]}function t(n){return !!n&&(function(n){if(!n||"object"!=typeof n)return !1;var r=Object.getPrototypeOf(n);if(null===r)return !0;var t=Object.hasOwnProperty.call(r,"constructor")&&r.constructor;return t===Object||"function"==typeof t&&Function.toString.call(t)===Z}(n)||Array.isArray(n)||!!n[L]||!!n.constructor[L]||s(n)||v(n))}function i(n,r,t){void 0===t&&(t=!1),0===o(n)?(t?Object.keys:nn)(n).forEach((function(e){t&&"symbol"==typeof e||r(e,n[e],n);})):n.forEach((function(t,e){return r(e,t,n)}));}function o(n){var r=n[Q];return r?r.i>3?r.i-4:r.i:Array.isArray(n)?1:s(n)?2:v(n)?3:0}function u(n,r){return 2===o(n)?n.has(r):Object.prototype.hasOwnProperty.call(n,r)}function a(n,r){return 2===o(n)?n.get(r):n[r]}function f(n,r,t){var e=o(n);2===e?n.set(r,t):3===e?(n.delete(r),n.add(t)):n[r]=t;}function c(n,r){return n===r?0!==n||1/n==1/r:n!=n&&r!=r}function s(n){return X&&n instanceof Map}function v(n){return q&&n instanceof Set}function p(n){return n.o||n.t}function l(n){if(Array.isArray(n))return Array.prototype.slice.call(n);var r=rn(n);delete r[Q];for(var t=nn(r),e=0;e<t.length;e++){var i=t[e],o=r[i];!1===o.writable&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(r[i]={configurable:!0,writable:!0,enumerable:o.enumerable,value:n[i]});}return Object.create(Object.getPrototypeOf(n),r)}function d(n,e){return void 0===e&&(e=!1),y(n)||r(n)||!t(n)?n:(o(n)>1&&(n.set=n.add=n.clear=n.delete=h),Object.freeze(n),e&&i(n,(function(n,r){return d(r,!0)}),!0),n)}function h(){n(2);}function y(n){return null==n||"object"!=typeof n||Object.isFrozen(n)}function b(r){var t=tn[r];return t||n(18,r),t}function _(){return U||n(0),U}function j(n,r){r&&(b("Patches"),n.u=[],n.s=[],n.v=r);}function O(n){g(n),n.p.forEach(S),n.p=null;}function g(n){n===U&&(U=n.l);}function w(n){return U={p:[],l:U,h:n,m:!0,_:0}}function S(n){var r=n[Q];0===r.i||1===r.i?r.j():r.O=!0;}function P(r,e){e._=e.p.length;var i=e.p[0],o=void 0!==r&&r!==i;return e.h.g||b("ES5").S(e,r,o),o?(i[Q].P&&(O(e),n(4)),t(r)&&(r=M(e,r),e.l||x(e,r)),e.u&&b("Patches").M(i[Q].t,r,e.u,e.s)):r=M(e,i,[]),O(e),e.u&&e.v(e.u,e.s),r!==H?r:void 0}function M(n,r,t){if(y(r))return r;var e=r[Q];if(!e)return i(r,(function(i,o){return A(n,e,r,i,o,t)}),!0),r;if(e.A!==n)return r;if(!e.P)return x(n,e.t,!0),e.t;if(!e.I){e.I=!0,e.A._--;var o=4===e.i||5===e.i?e.o=l(e.k):e.o;i(3===e.i?new Set(o):o,(function(r,i){return A(n,e,o,r,i,t)})),x(n,o,!1),t&&n.u&&b("Patches").R(e,t,n.u,n.s);}return e.o}function A(e,i,o,a,c,s){if(c===o&&n(5),r(c)){var v=M(e,c,s&&i&&3!==i.i&&!u(i.D,a)?s.concat(a):void 0);if(f(o,a,v),!r(v))return;e.m=!1;}if(t(c)&&!y(c)){if(!e.h.F&&e._<1)return;M(e,c),i&&i.A.l||x(e,c);}}function x(n,r,t){void 0===t&&(t=!1),n.h.F&&n.m&&d(r,t);}function z(n,r){var t=n[Q];return (t?p(t):n)[r]}function I(n,r){if(r in n)for(var t=Object.getPrototypeOf(n);t;){var e=Object.getOwnPropertyDescriptor(t,r);if(e)return e;t=Object.getPrototypeOf(t);}}function k(n){n.P||(n.P=!0,n.l&&k(n.l));}function E(n){n.o||(n.o=l(n.t));}function R(n,r,t){var e=s(r)?b("MapSet").N(r,t):v(r)?b("MapSet").T(r,t):n.g?function(n,r){var t=Array.isArray(n),e={i:t?1:0,A:r?r.A:_(),P:!1,I:!1,D:{},l:r,t:n,k:null,o:null,j:null,C:!1},i=e,o=en;t&&(i=[e],o=on);var u=Proxy.revocable(i,o),a=u.revoke,f=u.proxy;return e.k=f,e.j=a,f}(r,t):b("ES5").J(r,t);return (t?t.A:_()).p.push(e),e}function D(e){return r(e)||n(22,e),function n(r){if(!t(r))return r;var e,u=r[Q],c=o(r);if(u){if(!u.P&&(u.i<4||!b("ES5").K(u)))return u.t;u.I=!0,e=F(r,c),u.I=!1;}else e=F(r,c);return i(e,(function(r,t){u&&a(u.t,r)===t||f(e,r,n(t));})),3===c?new Set(e):e}(e)}function F(n,r){switch(r){case 2:return new Map(n);case 3:return Array.from(n)}return l(n)}var G,U,W="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),X="undefined"!=typeof Map,q="undefined"!=typeof Set,B="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,H=W?Symbol.for("immer-nothing"):((G={})["immer-nothing"]=!0,G),L=W?Symbol.for("immer-draftable"):"__$immer_draftable",Q=W?Symbol.for("immer-state"):"__$immer_state",Y={0:"Illegal state",1:"Immer drafts cannot have computed properties",2:"This object has been frozen and should not be mutated",3:function(n){return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+n},4:"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",5:"Immer forbids circular references",6:"The first or second argument to `produce` must be a function",7:"The third argument to `produce` must be a function or undefined",8:"First argument to `createDraft` must be a plain object, an array, or an immerable object",9:"First argument to `finishDraft` must be a draft returned by `createDraft`",10:"The given draft is already finalized",11:"Object.defineProperty() cannot be used on an Immer draft",12:"Object.setPrototypeOf() cannot be used on an Immer draft",13:"Immer only supports deleting array indices",14:"Immer only supports setting array indices and the 'length' property",15:function(n){return "Cannot apply patch, path doesn't resolve: "+n},16:'Sets cannot have "replace" patches.',17:function(n){return "Unsupported patch operation: "+n},18:function(n){return "The plugin for '"+n+"' has not been loaded into Immer. To enable the plugin, import and call `enable"+n+"()` when initializing your application."},20:"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available",21:function(n){return "produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '"+n+"'"},22:function(n){return "'current' expects a draft, got: "+n},23:function(n){return "'original' expects a draft, got: "+n},24:"Patching reserved attributes like __proto__, prototype and constructor is not allowed"},Z=""+Object.prototype.constructor,nn="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(n){return Object.getOwnPropertyNames(n).concat(Object.getOwnPropertySymbols(n))}:Object.getOwnPropertyNames,rn=Object.getOwnPropertyDescriptors||function(n){var r={};return nn(n).forEach((function(t){r[t]=Object.getOwnPropertyDescriptor(n,t);})),r},tn={},en={get:function(n,r){if(r===Q)return n;var e=p(n);if(!u(e,r))return function(n,r,t){var e,i=I(r,t);return i?"value"in i?i.value:null===(e=i.get)||void 0===e?void 0:e.call(n.k):void 0}(n,e,r);var i=e[r];return n.I||!t(i)?i:i===z(n.t,r)?(E(n),n.o[r]=R(n.A.h,i,n)):i},has:function(n,r){return r in p(n)},ownKeys:function(n){return Reflect.ownKeys(p(n))},set:function(n,r,t){var e=I(p(n),r);if(null==e?void 0:e.set)return e.set.call(n.k,t),!0;if(!n.P){var i=z(p(n),r),o=null==i?void 0:i[Q];if(o&&o.t===t)return n.o[r]=t,n.D[r]=!1,!0;if(c(t,i)&&(void 0!==t||u(n.t,r)))return !0;E(n),k(n);}return n.o[r]===t&&"number"!=typeof t&&(void 0!==t||r in n.o)||(n.o[r]=t,n.D[r]=!0,!0)},deleteProperty:function(n,r){return void 0!==z(n.t,r)||r in n.t?(n.D[r]=!1,E(n),k(n)):delete n.D[r],n.o&&delete n.o[r],!0},getOwnPropertyDescriptor:function(n,r){var t=p(n),e=Reflect.getOwnPropertyDescriptor(t,r);return e?{writable:!0,configurable:1!==n.i||"length"!==r,enumerable:e.enumerable,value:t[r]}:e},defineProperty:function(){n(11);},getPrototypeOf:function(n){return Object.getPrototypeOf(n.t)},setPrototypeOf:function(){n(12);}},on={};i(en,(function(n,r){on[n]=function(){return arguments[0]=arguments[0][0],r.apply(this,arguments)};})),on.deleteProperty=function(r,t){return isNaN(parseInt(t))&&n(13),on.set.call(this,r,t,void 0)},on.set=function(r,t,e){return "length"!==t&&isNaN(parseInt(t))&&n(14),en.set.call(this,r[0],t,e,r[0])};var un=function(){function e(r){var e=this;this.g=B,this.F=!0,this.produce=function(r,i,o){if("function"==typeof r&&"function"!=typeof i){var u=i;i=r;var a=e;return function(n){var r=this;void 0===n&&(n=u);for(var t=arguments.length,e=Array(t>1?t-1:0),o=1;o<t;o++)e[o-1]=arguments[o];return a.produce(n,(function(n){var t;return (t=i).call.apply(t,[r,n].concat(e))}))}}var f;if("function"!=typeof i&&n(6),void 0!==o&&"function"!=typeof o&&n(7),t(r)){var c=w(e),s=R(e,r,void 0),v=!0;try{f=i(s),v=!1;}finally{v?O(c):g(c);}return "undefined"!=typeof Promise&&f instanceof Promise?f.then((function(n){return j(c,o),P(n,c)}),(function(n){throw O(c),n})):(j(c,o),P(f,c))}if(!r||"object"!=typeof r){if(void 0===(f=i(r))&&(f=r),f===H&&(f=void 0),e.F&&d(f,!0),o){var p=[],l=[];b("Patches").M(r,f,p,l),o(p,l);}return f}n(21,r);},this.produceWithPatches=function(n,r){if("function"==typeof n)return function(r){for(var t=arguments.length,i=Array(t>1?t-1:0),o=1;o<t;o++)i[o-1]=arguments[o];return e.produceWithPatches(r,(function(r){return n.apply(void 0,[r].concat(i))}))};var t,i,o=e.produce(n,r,(function(n,r){t=n,i=r;}));return "undefined"!=typeof Promise&&o instanceof Promise?o.then((function(n){return [n,t,i]})):[o,t,i]},"boolean"==typeof(null==r?void 0:r.useProxies)&&this.setUseProxies(r.useProxies),"boolean"==typeof(null==r?void 0:r.autoFreeze)&&this.setAutoFreeze(r.autoFreeze);}var i=e.prototype;return i.createDraft=function(e){t(e)||n(8),r(e)&&(e=D(e));var i=w(this),o=R(this,e,void 0);return o[Q].C=!0,g(i),o},i.finishDraft=function(r,t){var e=r&&r[Q];(e&&e.C||n(9),e.I&&n(10));var i=e.A;return j(i,t),P(void 0,i)},i.setAutoFreeze=function(n){this.F=n;},i.setUseProxies=function(r){r&&!B&&n(20),this.g=r;},i.applyPatches=function(n,t){var e;for(e=t.length-1;e>=0;e--){var i=t[e];if(0===i.path.length&&"replace"===i.op){n=i.value;break}}e>-1&&(t=t.slice(e+1));var o=b("Patches").$;return r(n)?o(n,t):this.produce(n,(function(n){return o(n,t)}))},e}(),an=new un,fn=an.produce,cn=an.produceWithPatches.bind(an),sn=an.setAutoFreeze.bind(an),vn=an.setUseProxies.bind(an),pn=an.applyPatches.bind(an),ln=an.createDraft.bind(an),dn=an.finishDraft.bind(an);
+
+	var DndContainer$1 = function DndContainer(_ref) {
+	  var children = _ref.children,
+	      move = _ref.move;
+	  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+	    coordinateGetter: sortableKeyboardCoordinates
+	  })); // 拖拽结束
+
+	  var handleDragEnd = function handleDragEnd(event) {
+	    var active = event.active,
+	        over = event.over; // 未移入时触发
+
+	    if (!(over === null || over === void 0 ? void 0 : over.id)) {
+	      return;
+	    } // 移入时触发更新数据
+
+
+	    if (active.id !== over.id) {
+	      move(active.id, over.id);
+	    }
+	  };
+
+	  return /*#__PURE__*/React__default['default'].createElement(DndContext, {
+	    sensors: sensors,
+	    collisionDetection: closestCenter,
+	    onDragEnd: handleDragEnd,
+	    modifiers: [restrictToParentElement]
+	  }, children);
+	};
+
+	var SortableBox$1 = function SortableBox(_ref) {
+	  var items = _ref.items,
+	      children = _ref.children;
+	  return /*#__PURE__*/React__default['default'].createElement(SortableContext, {
+	    items: items,
+	    strategy: verticalListSortingStrategy
+	  }, children);
+	};
+
+	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$1q);
+
+	  var _useSortable = useSortable({
+	    id: key
+	  }),
+	      attributes = _useSortable.attributes,
+	      setNodeRef = _useSortable.setNodeRef,
+	      transform = _useSortable.transform,
+	      transition = _useSortable.transition;
+
+	  var style = {
+	    transform: CSS.Transform.toString(transform),
+	    transition: transition
+	  };
+	  return /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread(_objectSpread({}, resetField), {}, {
+	    ref: setNodeRef,
+	    key: key,
+	    style: style
+	  }, attributes), children);
+	};
+
+	var Dragger = function Dragger(_ref) {
+	  var id = _ref.id;
+
+	  var _useSortable = useSortable({
+	    id: id
+	  }),
+	      listeners = _useSortable.listeners,
+	      isDragging = _useSortable.isDragging;
+
+	  return /*#__PURE__*/React__default['default'].createElement(IconFont, _objectSpread(_objectSpread({
+	    type: "lmweb-icon-m-receipt"
+	  }, listeners), {}, {
+	    style: {
+	      touchAction: 'none'
+	    },
+	    className: 'icon_drag' + (isDragging ? 'bing' : '')
+	  }));
+	};
+
+	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"],
+	    _excluded6$1 = ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "size"];
+	var UploadBtn$1 = UploadOss.UploadBtn;
+	var EditableContext$1 = /*#__PURE__*/React__default['default'].createContext(null); // 表格行
+
+	var EditableRow$1 = function EditableRow(_ref) {
+	  var index = _ref.index,
+	      props = _objectWithoutProperties(_ref, _excluded$1r);
+
+	  var _Form$useForm = _Form__default['default'].useForm(),
+	      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+	      form = _Form$useForm2[0];
+
+	  return /*#__PURE__*/React__default['default'].createElement(_Form__default['default'], {
+	    form: form,
+	    component: false
+	  }, /*#__PURE__*/React__default['default'].createElement(EditableContext$1.Provider, {
+	    value: form
+	  }, /*#__PURE__*/React__default['default'].createElement("tr", _objectSpread({}, props))));
+	};
+
+	var EditableSortRow = function EditableSortRow(_ref2) {
+	  var index = _ref2.index,
+	      props = _objectWithoutProperties(_ref2, _excluded2$m);
+
+	  var _Form$useForm3 = _Form__default['default'].useForm(),
+	      _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
+	      form = _Form$useForm4[0];
+
+	  return /*#__PURE__*/React__default['default'].createElement(_Form__default['default'], {
+	    form: form,
+	    component: false
+	  }, /*#__PURE__*/React__default['default'].createElement(EditableContext$1.Provider, {
+	    value: form
+	  }, /*#__PURE__*/React__default['default'].createElement(SortableItem$1, _objectSpread({}, props))));
+	};
+
+	var UploadSingle$1 = function UploadSingle(props) {
+	  var value = props.value,
+	      onChange = props.onChange,
+	      editEnum = props.editEnum;
+
+	  var handleDelete = function handleDelete() {
+	    onChange === null || onChange === void 0 ? void 0 : onChange();
+	  };
+
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "upload_single"
+	  }, value ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	    type: "lmweb-link",
+	    style: {
+	      fontSize: 14,
+	      color: '#1890ff'
+	    }
+	  }), /*#__PURE__*/React__default['default'].createElement("a", {
+	    href: "".concat(value === null || value === void 0 ? void 0 : value.externalUrl, "/").concat(value === null || value === void 0 ? void 0 : value.filePath).concat(value === null || value === void 0 ? void 0 : value.realFileName),
+	    target: "_blank",
+	    rel: "noreferrer"
+	  }, value === null || value === void 0 ? void 0 : value.fileName), /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	    type: "lmweb-delete",
+	    style: {
+	      fontSize: 14,
+	      color: '#1890ff'
+	    },
+	    onClick: handleDelete
+	  })) : /*#__PURE__*/React__default['default'].createElement(UploadBtn$1, _objectSpread(_objectSpread({}, editEnum), {}, {
+	    value: value,
+	    onChange: onChange
+	  })));
+	};
+
+	var InputRange$1 = function InputRange(_ref3) {
+	  var _ref3$value = _ref3.value,
+	      value = _ref3$value === void 0 ? ['', ''] : _ref3$value,
+	      onChange = _ref3.onChange,
+	      editEnum = _objectWithoutProperties(_ref3, _excluded3$7);
+
+	  // 输入值改变
+	  var handleInput = function handleInput(e, type) {
+	    var v = e.target.value;
+
+	    var nValue = _toConsumableArray(value);
+
+	    if (type === 'prev') {
+	      nValue[0] = v;
+	    }
+
+	    if (type === 'next') {
+	      nValue[1] = v;
+	    }
+
+	    onChange(nValue);
+	  };
+
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "lm_editTable_wrapperRange"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "inputRange"
+	  }, /*#__PURE__*/React__default['default'].createElement(LmInput, _objectSpread({
+	    value: value === null || value === void 0 ? void 0 : value[0],
+	    placeholder: "\u8BF7\u8F93\u5165",
+	    onChange: function onChange(e) {
+	      return handleInput(e, 'prev');
+	    }
+	  }, editEnum)), "~", /*#__PURE__*/React__default['default'].createElement(LmInput, _objectSpread({
+	    value: value === null || value === void 0 ? void 0 : value[1],
+	    placeholder: "\u8BF7\u8F93\u5165",
+	    onChange: function onChange(e) {
+	      return handleInput(e, 'next');
+	    }
+	  }, editEnum))));
+	}; // 操作列
+
+
+	var Opetate$1 = function Opetate(_ref4) {
+	  var record = _ref4.record,
+	      rowKey = _ref4.rowKey,
+	      handleAdd = _ref4.handleAdd,
+	      handleDelete = _ref4.handleDelete;
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LMButton, {
+	    type: "link",
+	    size: "small",
+	    icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	      type: "lmweb-minus-circle",
+	      style: {
+	        fontSize: 16
+	      }
+	    }),
+	    onClick: function onClick() {
+	      return handleDelete(record[rowKey]);
+	    }
+	  }), /*#__PURE__*/React__default['default'].createElement(LMButton, {
+	    type: "link",
+	    size: "small",
+	    icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	      type: "lmweb-plus-circle",
+	      style: {
+	        fontSize: 16
+	      }
+	    }),
+	    onClick: function onClick() {
+	      return handleAdd(record);
+	    }
+	  }));
+	}; // const isValidValue = (verifyValue) => {
+	//   const toStringValue = JSON.stringify(verifyValue);
+	//   if (verifyValue === undefined || verifyValue === null || verifyValue === '' || toStringValue === '[]' || toStringValue === '{}') {
+	//     return false;
+	//   }
+	//   return true;
+	// }
+
+	/*
+	  表格单元格
+	  editEnum： 下拉框时的数据数组（非数组时是配置设置）
+	  valueType: 编辑框配置（多选）
+	*/
+
+
+	var EditableCell$1 = function EditableCell(props) {
+	  var _props$record = props.record,
+	      record = _props$record === void 0 ? {} : _props$record,
+	      rowKey = props.rowKey,
+	      isEdit = props.isEdit,
+	      _props$col = props.col,
+	      col = _props$col === void 0 ? {} : _props$col,
+	      handleTableRowDelete = props.handleTableRowDelete,
+	      handleTableRowAdd = props.handleTableRowAdd,
+	      getLength = props.getLength,
+	      isHoverEdit = props.isHoverEdit,
+	      editEnum = props.editEnum,
+	      valueType = props.valueType,
+	      children = props.children,
+	      handleSave = props.handleSave,
+	      handleAdd = props.handleAdd,
+	      handleDelete = props.handleDelete,
+	      itemProps = props.itemProps,
+	      setValid = props.setValid,
+	      reWriteOriginSource = props.reWriteOriginSource,
+	      restProps = _objectWithoutProperties(props, _excluded4$3);
+	  /** 去除移入移出功能，保留最纯粹的功能，优化性能 */
+
+
+	  var onMouseEnter = restProps.onMouseEnter,
+	      onMouseLeave = restProps.onMouseLeave,
+	      clearProps = _objectWithoutProperties(restProps, _excluded5$2);
+
+	  var _col$componentProps = col.componentProps,
+	      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps;
+	  var checkCellRef = React.useRef(null); // const focusCapturedRef = useRef(false);
+	  // const curValue = useMemo(() => {
+	  //   return record?.dataIndex
+	  // }, [record])
+	  // const curValueIsValid = isValidValue(curValue);
+	  // 校验保存
+
+	  var save = /*#__PURE__*/function () {
+	    var _ref5 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(row) {
+	      var values;
+	      return regenerator.wrap(function _callee$(_context) {
+	        while (1) {
+	          switch (_context.prev = _context.next) {
+	            case 0:
+	              console.log(row, 'rrr', form.getFieldsValue(), record);
+	              _context.prev = 1;
+	              _context.t0 = row;
+
+	              if (_context.t0) {
+	                _context.next = 7;
+	                break;
+	              }
+
+	              _context.next = 6;
+	              return form.getFieldsValue();
+
+	            case 6:
+	              _context.t0 = _context.sent;
+
+	            case 7:
+	              values = _context.t0;
+	              console.log(_objectSpread(_objectSpread({}, values), {}, _defineProperty({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), 'vvvv');
+	              console.time('testForEach');
+	              handleSave(_objectSpread(_objectSpread({}, values), {}, _defineProperty({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])));
+	              console.timeEnd('testForEach');
+	              _context.next = 14;
+	              return form.validateFields();
+
+	            case 14:
+	              _context.next = 18;
+	              break;
+
+	            case 16:
+	              _context.prev = 16;
+	              _context.t1 = _context["catch"](1);
+
+	            case 18:
+	            case "end":
+	              return _context.stop();
+	          }
+	        }
+	      }, _callee, null, [[1, 16]]);
+	    }));
+
+	    return function save(_x) {
+	      return _ref5.apply(this, arguments);
+	    };
+	  }(); // 触发保存
+
+
+	  var handleFormItemChange = function handleFormItemChange(e) {
+	    save === null || save === void 0 ? void 0 : save();
+	  };
+
+	  var Control = function Control(con) {
+	    switch (con) {
+	      case 'input':
+	        return /*#__PURE__*/React__default['default'].createElement(LmInput, _objectSpread(_objectSpread({
+	          onPressEnter: handleFormItemChange,
+	          onBlur: handleFormItemChange,
+	          ref: checkCellRef,
+	          placeholder: "\u8BF7\u8F93\u5165"
+	        }, componentProps), {}, {
+	          addonBefore: componentProps.addonBefore ? /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, {
+	            name: [col.dataIndex, 'addonBeforeValue'],
+	            noStyle: true
+	          }, /*#__PURE__*/React__default['default'].cloneElement(componentProps.addonBefore, {
+	            onChange: handleFormItemChange
+	          })) : null,
+	          addonAfter: componentProps.addonAfter ? /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, {
+	            name: [col.dataIndex, 'addonAfterValue'],
+	            noStyle: true
+	          }, /*#__PURE__*/React__default['default'].cloneElement(componentProps.addonAfter, {
+	            onChange: handleFormItemChange
+	          })) : null
+	        }));
+
+	      case 'inputRange':
+	        return /*#__PURE__*/React__default['default'].createElement(InputRange$1, _objectSpread({
+	          onChange: handleFormItemChange,
+	          ref: checkCellRef
+	        }, componentProps));
 
-	  var handleSearch = function handleSearch() {
-	    setSearchValue(searchIngValue);
-	  };
+	      case 'number':
+	        return /*#__PURE__*/React__default['default'].createElement(CInputNumber, _objectSpread({
+	          onPressEnter: handleFormItemChange,
+	          onBlur: handleFormItemChange,
+	          style: {
+	            width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
+	          },
+	          placeholder: "\u8BF7\u8F93\u5165",
+	          ref: checkCellRef
+	        }, componentProps));
 
-	  React.useEffect(function () {
-	    console.log(localFilter, 'localFilter');
-	  }, [localFilter]);
-	  React.useEffect(function () {
-	    setLocalFilter(filter);
-	    setColStateValue(filterStateValue);
-	  }, []);
-	  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-	    coordinateGetter: sortableKeyboardCoordinates
-	  }));
-	  /** 排序结束回调 */
+	      case 'date':
+	        // @ts-ignore
+	        return /*#__PURE__*/React__default['default'].createElement(_DatePicker__default['default'], _objectSpread({
+	          onChange: handleFormItemChange,
+	          ref: checkCellRef
+	        }, componentProps));
 
-	  var handleDragEnd = function handleDragEnd(event) {
-	    var active = event.active,
-	        over = event.over;
+	      case 'select':
+	        return /*#__PURE__*/React__default['default'].createElement(LMSelect$1, _objectSpread(_objectSpread({
+	          showSearch: true,
+	          allowClear: true,
+	          placeholder: "\u8BF7\u9009\u62E9",
+	          ref: checkCellRef,
+	          filterOption: function filterOption(input, option) {
+	            var _option$children, _option$children$toLo;
 
-	    if (active.id !== over.id) {
-	      setLocalFilter(function (items) {
-	        var oldIndex = items.findIndex(function (s) {
-	          return s.field === active.id;
-	        });
-	        var newIndex = items.findIndex(function (s) {
-	          return s.field === over.id;
+	            return ((_option$children = option.children) === null || _option$children === void 0 ? void 0 : (_option$children$toLo = _option$children.toLowerCase()) === null || _option$children$toLo === void 0 ? void 0 : _option$children$toLo.indexOf(input.toLowerCase())) >= 0;
+	          }
+	        }, componentProps), {}, {
+	          onChange: handleFormItemChange
+	        }));
+
+	      case 'multiple':
+	        return /*#__PURE__*/React__default['default'].createElement(LMSelect$1, _objectSpread({
+	          mode: "multiple",
+	          showSearch: true,
+	          allowClear: true,
+	          placeholder: "\u8BF7\u9009\u62E9",
+	          ref: checkCellRef,
+	          filterOption: function filterOption(input, option) {
+	            var _option$children2;
+
+	            return ((_option$children2 = option.children) === null || _option$children2 === void 0 ? void 0 : _option$children2.toLowerCase().indexOf(input.toLowerCase())) >= 0;
+	          },
+	          onChange: handleFormItemChange,
+	          onDeselect: handleFormItemChange
+	        }, componentProps));
+
+	      case 'checkbox':
+	        return /*#__PURE__*/React__default['default'].createElement(LMCheckBox.Group, _objectSpread({
+	          onChange: handleFormItemChange,
+	          ref: checkCellRef
+	        }, componentProps));
+
+	      case 'radio':
+	        return /*#__PURE__*/React__default['default'].createElement(LMRadio.Group, _objectSpread({
+	          onChange: handleFormItemChange,
+	          ref: checkCellRef
+	        }, componentProps), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
+	          return /*#__PURE__*/React__default['default'].createElement(LMRadio, {
+	            key: v.value,
+	            value: v.value
+	          }, v.label);
+	        }));
+
+	      case 'switch':
+	        return /*#__PURE__*/React__default['default'].createElement(_Switch__default['default'], {
+	          onChange: handleFormItemChange
 	        });
-	        return arrayMove(items, oldIndex, newIndex).map(function (item, index) {
-	          return _objectSpread(_objectSpread({}, item), {}, {
-	            order: index
-	          });
+
+	      case 'upload':
+	        return /*#__PURE__*/React__default['default'].createElement(UploadSingle$1, {
+	          editEnum: componentProps,
+	          ref: checkCellRef,
+	          onChange: handleFormItemChange
 	        });
-	      });
+
+	      case 'operate':
+	      case 'lm_edit_opetate':
+	        return /*#__PURE__*/React__default['default'].createElement(Opetate$1, _objectSpread({
+	          record: record,
+	          rowKey: rowKey,
+	          ref: checkCellRef,
+	          handleAdd: handleTableRowAdd,
+	          handleDelete: handleTableRowDelete,
+	          getLength: getLength
+	        }, componentProps));
+
+	      case 'render':
+	        {
+	          var render = componentProps.render;
+	          return render === null || render === void 0 ? void 0 : render(_objectSpread(_objectSpread({}, record), {}, {
+	            onChange: save
+	          }));
+	        }
+
+	      default:
+	        return /*#__PURE__*/React__default['default'].createElement(LmInput, _objectSpread({
+	          onPressEnter: handleFormItemChange,
+	          onBlur: handleFormItemChange,
+	          ref: checkCellRef
+	        }, componentProps));
 	    }
 	  };
-	  /** 添加是否显示 */
 
+	  var getMemoChildNode = React.useMemo(function () {
+	    var editable = col.editable,
+	        dataIndex = col.dataIndex,
+	        formProps = col.formProps,
+	        componentProps = col.componentProps;
+	    var childNode = children;
 
-	  var toggleShow = function toggleShow(value, id) {
-	    var resultColumns = localFilter.map(function (item) {
-	      if (item.field === id) {
-	        return _objectSpread(_objectSpread({}, item), {}, {
-	          show: item.show === false ? true : false
-	        });
+	    if (isEdit && editable) {
+	      childNode = /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _objectSpread(_objectSpread({
+	        style: {
+	          margin: 0
+	        }
+	      }, formProps), {}, {
+	        name: dataIndex
+	      }), Control(editable));
+
+	      if (editable === 'input' && ((componentProps === null || componentProps === void 0 ? void 0 : componentProps.addonBefore) || (componentProps === null || componentProps === void 0 ? void 0 : componentProps.addonAfter))) {
+	        childNode = /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _objectSpread(_objectSpread({
+	          style: {
+	            margin: 0
+	          }
+	        }, formProps), {}, {
+	          name: [dataIndex, 'value']
+	        }), Control(editable));
 	      }
+	    }
 
-	      return _objectSpread({}, item);
+	    return childNode;
+	  }, [col, isEdit]); // const [childNode, setChildNode] = useState(getMemoChildNode);
+
+	  var form = React.useContext(EditableContext$1); // 出现死循环找我
+
+	  React.useEffect(function () {
+	    var editable = col.editable,
+	        dataIndex = col.dataIndex;
+
+	    if (isEdit && editable && record[dataIndex] || isHoverEdit && editable && record[dataIndex]) {
+	      form.setFieldsValue(_defineProperty({}, dataIndex, editable === 'date' ? dayjs_min(record[dataIndex]) : record[dataIndex]));
+	    }
+	  }, [record]); // const isOpenEdit = (isEdit && focusCapturedRef.current) || (isHoverEdit && focusCapturedRef.current);
+	  // const classNames = cx({
+	  //   'lm_base_editTable_cell': true,
+	  //   'lm_base_editTable_cell_edit': isOpenEdit || (isHoverEdit && !curValueIsValid),
+	  // });
+	  // const extensionConfig = {};
+	  // const mouseEnterCell = () => {
+	  //   focusCapturedRef.current = true;
+	  //   const newChildNode = getMemoChildNode;
+	  //   setChildNode(newChildNode);
+	  // };
+	  // const mouseLeaveCell = () => {
+	  //   focusCapturedRef.current = false;
+	  //   const nextValue = form.getFieldValue(dataIndex);
+	  //   const prevValue = get(record, dataIndex);
+	  //   if (!eq(prevValue, nextValue)) {
+	  //     const rowValue = get(record, rowKey);
+	  //     reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue);
+	  //   } else {
+	  //     const newChildNode = getDefaultChildNode(false);
+	  //     setChildNode(newChildNode);
+	  //   }
+	  // };
+	  // if (isHoverEdit && record?.editable) {
+	  //   console.log('ssssbbb')
+	  //   set(extensionConfig, 'onMouseEnter', mouseEnterCell);
+	  //   set(extensionConfig, 'onMouseLeave', mouseLeaveCell);
+	  // }
+
+	  return /*#__PURE__*/React__default['default'].createElement("td", _objectSpread(_objectSpread({}, clearProps), {}, {
+	    key: "".concat(record[rowKey], "_").concat(record.dataIndex)
+	  }), getMemoChildNode); // return <td {...restProps} className={classNames} {...extensionConfig} key={`${get(record, rowKey)}_${dataIndex}`}>{childNode}</td>
+	};
+
+	var EditTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+	  var defaultData = props.value,
+	      columns = props.columns,
+	      isEdit = props.isEdit,
+	      _props$isAdd = props.isAdd,
+	      isAdd = _props$isAdd === void 0 ? false : _props$isAdd,
+	      onChange = props.onChange,
+	      _props$rowKey = props.rowKey,
+	      _rowKey = _props$rowKey === void 0 ? '_ID' : _props$rowKey,
+	      rowHoverEdit = props.rowHoverEdit,
+	      _props$isUseForm = props.isUseForm,
+	      isHoverEdit = props.isHoverEdit,
+	      useQuickOpetate = props.useQuickOpetate,
+	      rowSelection = props.rowSelection,
+	      sortOpen = props.sortOpen,
+	      _props$size = props.size,
+	      size = _props$size === void 0 ? 'small' : _props$size,
+	      resetProps = _objectWithoutProperties(props, _excluded6$1);
+
+	  var _useState = React.useState([]),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      dataSource = _useState2[0],
+	      setDataSource = _useState2[1]; // const [count, setCount] = useState(0);
+
+
+	  var _useState3 = React.useState({}),
+	      _useState4 = _slicedToArray(_useState3, 2),
+	      _valid = _useState4[0],
+	      setValid = _useState4[1];
+
+	  var _useState5 = React.useState([]),
+	      _useState6 = _slicedToArray(_useState5, 2),
+	      localRowSelectList = _useState6[0],
+	      setLocalRowSelectList = _useState6[1];
+
+	  var _useState7 = React.useState([]),
+	      _useState8 = _slicedToArray(_useState7, 2),
+	      sortEditTable = _useState8[0],
+	      setCallBackFalg = _useState8[1];
+
+	  var dataSourceRef = React.useRef([]);
+	  var sortDataSorceRef = React.useRef([]);
+
+	  var onSortEnd = function onSortEnd(active, over) {
+	    var cloneArr = _toConsumableArray(dataSourceRef.current);
+
+	    var oldIndex = cloneArr.findIndex(function (v) {
+	      return v[_rowKey] === active;
 	    });
-	    setLocalFilter(resultColumns);
+	    var newIndex = cloneArr.findIndex(function (v) {
+	      return v[_rowKey] === over;
+	    });
+	    onChange === null || onChange === void 0 ? void 0 : onChange(arrayMove(cloneArr, oldIndex, newIndex));
+	  }; // 删除
+
+
+	  var handleDelete = function handleDelete(key) {
+	    var nValue = dataSource.filter(function (item) {
+	      return item[_rowKey] !== key;
+	    });
+	    onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
 	  };
-	  /** 切换是否全选 */
+	  /** 点击添加按钮添加 */
 
 
-	  var onCheckAllChange = function onCheckAllChange() {
-	    var resultColumns = localFilter.map(function (item) {
-	      return _objectSpread(_objectSpread({}, item), {}, {
-	        show: isCheckAll.checkAll ? false : true
-	      });
+	  var handleAdd = function handleAdd(row) {
+	    var res = fn(dataSourceRef.current, function (draft) {
+	      draft.push(_defineProperty({}, _rowKey, "".concat(Date.now())));
 	    });
-	    console.log(resultColumns, 'resultColumns');
-	    setLocalFilter(resultColumns);
+	    setDataSource(res);
+	    onChange === null || onChange === void 0 ? void 0 : onChange(res);
 	  };
 
-	  React.useImperativeHandle(ref, function () {
-	    return {
-	      getLocalFilter: function getLocalFilter() {
-	        return localFilter;
-	      },
-	      getFilterStateValue: function getFilterStateValue() {
-	        var obj = {};
-	        localFilter.forEach(function (item) {
-	          obj[item.field] = {};
+	  React.useEffect(function () {
+	    dataSourceRef.current = dataSource;
 
-	          if (![undefined, null].includes(item.order)) {
-	            obj[item.field]['order'] = item.order;
-	          }
+	    if (sortOpen) {
+	      var _sortDataSorceRef$cur;
 
-	          if (![undefined, null].includes(item.show)) {
-	            obj[item.field]['show'] = item.show;
-	          }
-	        });
-	        return obj;
+	      var dataSourceKeys = dataSource.map(function (item) {
+	        return item[_rowKey];
+	      }).join(',');
+	      var setCallBackFalgKeys = ((_sortDataSorceRef$cur = sortDataSorceRef.current) === null || _sortDataSorceRef$cur === void 0 ? void 0 : _sortDataSorceRef$cur.map(function (item) {
+	        return item[_rowKey];
+	      }).join(',')) || '';
+
+	      if (dataSourceKeys !== setCallBackFalgKeys) {
+	        setCallBackFalg(dataSource);
+	        sortDataSorceRef.current = dataSource;
 	      }
-	    };
-	  });
-	  return /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: 'lm_custom_option_columns'
-	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: 'global_search'
-	  }, /*#__PURE__*/React__default['default'].createElement(Search$1, {
-	    value: searchIngValue,
-	    onChange: function onChange(e) {
-	      return setSearchIngValue(e.target.value);
-	    },
-	    onSearch: handleSearch
-	  })), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: 'global_setting'
-	  }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
-	    indeterminate: isCheckAll.indeterminate,
-	    onChange: onCheckAllChange,
-	    checked: isCheckAll.checkAll
-	  }, "\u5168\u9009"), /*#__PURE__*/React__default['default'].createElement("span", {
-	    onClick: function onClick() {
-	      return setLocalFilter(filter);
 	    }
-	  }, "\u91CD\u7F6E")), !!(sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DndContext, {
-	    sensors: sensors,
-	    collisionDetection: closestCenter,
-	    onDragEnd: handleDragEnd
-	  }, /*#__PURE__*/React__default['default'].createElement(SortableContext, {
-	    items: sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (v) {
-	      return "".concat(v.field);
-	    }),
-	    strategy: verticalListSortingStrategy
-	  }, sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (item) {
-	    return /*#__PURE__*/React__default['default'].createElement(SortItem$1, {
-	      key: item.field,
-	      toggleShow: toggleShow,
-	      item: item,
-	      id: item.field
-	    });
-	  })))));
-	});
-
-	var SmallImg = require('./assets/option1.png');
+	  }, [dataSource]);
+	  /** 本地缓存一个选择数据 */
 
-	var DefaultImg = require('./assets/option2.png');
+	  React.useEffect(function () {
+	    if (rowSelection) {
+	      var selectedRowKeys = rowSelection.selectedRowKeys;
 
-	var MiddleImg = require('./assets/option3.png');
+	      if (selectedRowKeys) {
+	        setLocalRowSelectList(localRowSelectList || []);
+	      }
+	    }
+	  }, [rowSelection]);
 
-	var TabPane$1 = LMTabs.TabPane;
-	var optionsWithDisabled = [{
-	  label: '默认',
-	  value: 'default',
-	  imgUrl: DefaultImg
-	}, {
-	  label: '紧凑',
-	  value: 'small',
-	  imgUrl: SmallImg
-	}, {
-	  label: '宽松',
-	  value: 'middle',
-	  imgUrl: MiddleImg
-	}];
-	var prefixCls$b = 'lm_custom-table-option';
-	var LMCustomTableOption = /*#__PURE__*/React.forwardRef(function (props, ref) {
-	  var className = props.className,
-	      _props$tooltip = props.tooltip,
-	      tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
-	  var filterRef = React.useRef(null);
-	  var columnsRef = React.useRef(null); // const sizeRef = useRef(null)
+	  var editTableRowChange = function editTableRowChange(selectRows) {
+	    var _rowSelection$onChang;
 
-	  var _useState = React.useState(false),
-	      _useState2 = _slicedToArray(_useState, 2),
-	      visible = _useState2[0],
-	      setVisible = _useState2[1];
-	  /** 是否记住页面使用状态 */
+	    setLocalRowSelectList(selectRows);
+	    rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 ? void 0 : _rowSelection$onChang.call(rowSelection, selectRows);
+	  };
 
+	  var handleSave = function handleSave(row) {
+	    var res = fn(dataSourceRef.current, function (draft) {
+	      var index = draft.findIndex(function (item) {
+	        return row[_rowKey] === item[_rowKey];
+	      });
 
-	  var _useState3 = React.useState(true),
-	      _useState4 = _slicedToArray(_useState3, 2),
-	      saveSetting = _useState4[0],
-	      setSaveSetting = _useState4[1];
+	      if (index !== -1) {
+	        draft[index] = row;
+	      }
+	    });
+	    console.time('b');
 
-	  var _useState5 = React.useState({
-	    filter: [],
-	    columns: [],
-	    size: 'default'
-	  }),
-	      _useState6 = _slicedToArray(_useState5, 2),
-	      lmOptions = _useState6[0],
-	      setLmOptions = _useState6[1];
+	    if (onChange) {
+	      onChange === null || onChange === void 0 ? void 0 : onChange(res);
+	    } else {
+	      setDataSource(res);
+	    }
 
-	  var openSetting = function openSetting() {
-	    setVisible(true);
+	    console.timeEnd('b');
 	  };
 
-	  React.useEffect(function () {
-	    setLmOptions({
-	      filter: props.filter,
-	      columns: props.columns,
-	      size: props.size || 'default'
+	  var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
+	    setDataSource(function (prevDataSource) {
+	      return prevDataSource.map(function (item) {
+	        if (lodash.get(item, rowKey) === rowValue) {
+	          lodash.set(item, dataIndex, nextValue);
+	        }
+
+	        return item;
+	      });
 	    });
-	  }, [props.filter, props.columns, props.size]);
-	  /** 提交按钮 */
+	  }; // 校验保存
+	  // const save = async (row) => {
+	  //   try {
+	  //     const values = row || (await form.getFieldsValue())
+	  //     handleSave({ ...record, ...values })
+	  //     await form.validateFields()
+	  //     // 清空异常校验
+	  //     setValid((old) => {
+	  //       const obj = { ...old }
+	  //       delete obj[record[rowKey]]
+	  //       return obj
+	  //     })
+	  //   } catch (errInfo) {
+	  //     // 加入异常校验
+	  //     setValid((old) => ({ ...old, [record[rowKey]]: errInfo.errorFields }))
+	  //   }
+	  // }
 
-	  var onOk = function onOk() {
-	    var _columnsRef$current, _columnsRef$current2, _filterRef$current, _filterRef$current2, _props$onSave;
 
-	    /** tableInfo */
-	    var columnsData = (_columnsRef$current = columnsRef.current) === null || _columnsRef$current === void 0 ? void 0 : _columnsRef$current.getColumns();
-	    var ColStateValue = (_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColStateValue();
-	    /** filterInfo */
+	  var handleTableRowDelete = function handleTableRowDelete(key) {
+	    var res = fn(dataSourceRef.current, function (draft) {
+	      var index = draft.findIndex(function (item) {
+	        return key === item[_rowKey];
+	      });
 
-	    var filterData = (_filterRef$current = filterRef.current) === null || _filterRef$current === void 0 ? void 0 : _filterRef$current.getLocalFilter();
-	    var filterStateValue = (_filterRef$current2 = filterRef.current) === null || _filterRef$current2 === void 0 ? void 0 : _filterRef$current2.getFilterStateValue();
-	    console.log('--columnsData:', columnsData, ColStateValue, '--filterData:', filterData, filterStateValue, 'size:', lmOptions.size);
-	    (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, {
-	      columnsData: columnsData,
-	      ColStateValue: ColStateValue,
-	      filterData: filterData,
-	      filterStateValue: filterStateValue,
-	      size: lmOptions.size,
-	      saveSetting: saveSetting
+	      if (index !== -1) {
+	        draft.splice(index, 1);
+	      }
 	    });
-	    setVisible(false);
+
+	    if (onChange) {
+	      onChange === null || onChange === void 0 ? void 0 : onChange(res);
+	    } else {
+	      setDataSource(res);
+	    } // setDataSource(res)
+	    // onChange?.(res)
+
 	  };
 
-	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_Tooltip__default['default'], _objectSpread({}, tooltip), /*#__PURE__*/React__default['default'].createElement(LMButton, {
-	    onClick: openSetting,
-	    icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	      type: 'lmweb-setting'
-	    })
-	  })), /*#__PURE__*/React__default['default'].createElement(LMDrawer, {
-	    className: classnames(className, prefixCls$b),
-	    title: "\u7B5B\u9009\u8BBE\u7F6E",
-	    visible: visible,
-	    extra: /*#__PURE__*/React__default['default'].createElement(_Space__default['default'], null, /*#__PURE__*/React__default['default'].createElement(LMButton, {
-	      size: "small",
-	      onClick: function onClick() {
-	        return setVisible(false);
-	      }
-	    }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(LMButton, {
-	      size: "small",
-	      onClick: onOk,
-	      type: "primary"
-	    }, "\u786E\u8BA4")),
-	    onClose: function onClose() {
-	      return setVisible(false);
-	    }
-	  }, /*#__PURE__*/React__default['default'].createElement(LMTabs, {
-	    defaultActiveKey: "1",
-	    destroyInactiveTabPane: true
-	  }, /*#__PURE__*/React__default['default'].createElement(TabPane$1, {
-	    tab: "\u4E2A\u6027\u5316\u7B5B\u9009",
-	    key: "1",
-	    forceRender: true
-	  }, /*#__PURE__*/React__default['default'].createElement(FilterSort, {
-	    ref: filterRef,
-	    filter: lmOptions.filter
-	  })), /*#__PURE__*/React__default['default'].createElement(TabPane$1, {
-	    tab: "\u5217\u8868\u5B57\u6BB5\u8BBE\u7F6E",
-	    key: "2",
-	    forceRender: true
-	  }, /*#__PURE__*/React__default['default'].createElement(ColumnsSort, {
-	    ref: columnsRef,
-	    columns: lmOptions.columns
-	  })), /*#__PURE__*/React__default['default'].createElement(TabPane$1, {
-	    tab: "\u5176\u4ED6",
-	    key: "3",
-	    forceRender: true
-	  }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u5217\u8868\u6837\u5F0F"), /*#__PURE__*/React__default['default'].createElement(LMRadio.Group, {
-	    onChange: function onChange(e) {
-	      return setLmOptions(_objectSpread(_objectSpread({}, lmOptions), {}, {
-	        size: e.target.value
-	      }));
-	    },
-	    className: 'lm_size_radio_group',
-	    value: lmOptions.size
-	  }, optionsWithDisabled.map(function (item) {
-	    return /*#__PURE__*/React__default['default'].createElement("div", {
-	      className: 'lm_custom_size_warp',
-	      key: item.value
-	    }, /*#__PURE__*/React__default['default'].createElement("img", {
-	      onClick: function onClick() {
-	        return setLmOptions(_objectSpread(_objectSpread({}, lmOptions), {}, {
-	          size: item.value
-	        }));
-	      },
-	      src: item.imgUrl
-	    }), /*#__PURE__*/React__default['default'].createElement(LMRadio, {
-	      value: item.value
-	    }, item.label));
-	  })), /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: 'save_setting'
-	  }, /*#__PURE__*/React__default['default'].createElement("span", null, "\u662F\u5426\u8BB0\u4F4F\u9875\u9762\u4F7F\u7528\u72B6\u6001"), /*#__PURE__*/React__default['default'].createElement(_Switch__default['default'], {
-	    checked: saveSetting,
-	    onChange: setSaveSetting
-	  }))))));
-	});
+	  var handleTableRowAdd = function handleTableRowAdd(record) {
+	    var res = fn(dataSourceRef.current, function (draft) {
+	      var index = draft.findIndex(function (item) {
+	        return record[_rowKey] === item[_rowKey];
+	      });
 
-	var LMUpload = function LMUpload(props) {
-	  var listType = props.listType;
+	      if (index !== -1) {
+	        draft.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
+	      }
+	    });
 
-	  var renderUploadItem = function renderUploadItem(originNode, file) {
-	    return !listType ? /*#__PURE__*/React__default['default'].createElement(_Tooltip__default['default'], {
-	      placement: 'bottom',
-	      title: file.name
-	    }, originNode.props.children) : originNode;
+	    if (onChange) {
+	      onChange === null || onChange === void 0 ? void 0 : onChange(res);
+	    } else {
+	      setDataSource(res);
+	    }
 	  };
 
-	  return /*#__PURE__*/React__default['default'].createElement(_Upload__default['default'], _objectSpread({
-	    itemRender: renderUploadItem,
-	    listType: listType
-	  }, props));
-	};
+	  var resultColumns = React.useMemo(function () {
+	    var localColumns = [sortOpen ? {
+	      title: '',
+	      dataIndex: 'sort',
+	      width: 32,
+	      maxWidth: 32,
+	      render: function render(_, record) {
+	        return /*#__PURE__*/React__default['default'].createElement(Dragger, {
+	          id: record[_rowKey] || record.id
+	        });
+	      }
+	    } : null].concat(_toConsumableArray(columns), [useQuickOpetate ? {
+	      title: '操作',
+	      dataIndex: 'lm_edit_opetate',
+	      width: 68,
+	      fixed: 'right',
+	      editable: 'lm_edit_opetate'
+	    } : null]).filter(function (item) {
+	      return item;
+	    });
+	    localColumns = localColumns.map(function (item, index) {
+	      return _objectSpread(_objectSpread({}, item), {}, {
+	        order: [null, undefined].includes(item.order) ? index : item.order
+	      });
+	    }).sort(function (a, b) {
+	      return a.order - b.order;
+	    });
+	    var leftColumns = [];
+	    var mainColumns = [];
+	    var rightColumns = [];
+	    localColumns.forEach(function (item) {
+	      if ((item === null || item === void 0 ? void 0 : item.fixed) === 'left') {
+	        leftColumns.push(item);
+	      } else if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
+	        rightColumns.push(item);
+	      } else {
+	        mainColumns.push(item);
+	      }
+	    });
+	    localColumns = [].concat(leftColumns, mainColumns, rightColumns);
+	    var res = localColumns.map(function (col) {
+	      if (!col.editable) {
+	        return col;
+	      }
 
-	var _excluded$1n = ["children", "className"];
-	var classNamePrefix = 'lm_form';
+	      return _objectSpread(_objectSpread({}, col), {}, {
+	        shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
+	          var dataIndex = col.dataIndex;
 
-	var LMForm = function LMForm(props, ref) {
-	  var children = props.children,
-	      className = props.className,
-	      restProps = _objectWithoutProperties(props, _excluded$1n);
+	          if (col === null || col === void 0 ? void 0 : col.fixed) {
+	            return true;
+	          }
 
-	  return /*#__PURE__*/React__default['default'].createElement(_Form__default['default'], _objectSpread({
-	    ref: ref,
-	    className: classnames(classNamePrefix, className),
-	    colon: false
-	  }, restProps), children);
-	};
+	          return record[dataIndex] === prevRecord[dataIndex] ? false : true;
+	        },
+	        onCell: function onCell(record) {
+	          return {
+	            getLength: function getLength() {
+	              return dataSource.length;
+	            },
+	            rowKey: _rowKey,
+	            record: record,
+	            col: col,
+	            handleTableRowDelete: handleTableRowDelete,
+	            handleTableRowAdd: handleTableRowAdd,
+	            editable: col.editable,
+	            dataIndex: col.dataIndex,
+	            itemProps: col.itemProps,
+	            setValid: setValid,
+	            isEdit: isEdit,
+	            isHoverEdit: isHoverEdit,
+	            handleAdd: handleAdd,
+	            handleDelete: handleDelete,
+	            editEnum: typeof col.editEnum === 'function' ? col.editEnum(record) : col.editEnum,
+	            valueType: typeof col.valueType === 'function' ? col.valueType(record) : col.valueType,
+	            handleSave: handleSave,
+	            reWriteOriginSource: reWriteOriginSource
+	          };
+	        }
+	      });
+	    });
+	    return res;
+	  }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable]);
+	  var DraggableContainer = React.useCallback(function (_ref6) {
+	    var _dataSourceRef$curren;
 
-	var Reform = /*#__PURE__*/React__default['default'].forwardRef(LMForm);
-	var Form$1 = Reform;
-	Form$1.Item = _Form__default['default'].Item;
-	Form$1.List = _List__default['default'];
-	Form$1.ErrorList = _Form__default['default'].ErrorList;
-	Form$1.useForm = Form$2.useForm;
-	Form$1.useFormInstance = useFormInstance__default['default'];
-	Form$1.useWatch = Form$2.useWatch;
-	Form$1.Provider = context$2.FormProvider;
+	    var props = _extends({}, _ref6);
 
-	Form$1.create = function () {
-	  warning$3();
-	};
+	    return /*#__PURE__*/React__default['default'].createElement(DndContainer$1, {
+	      move: onSortEnd
+	    }, /*#__PURE__*/React__default['default'].createElement(SortableBox$1, {
+	      items: (_dataSourceRef$curren = dataSourceRef.current) === null || _dataSourceRef$curren === void 0 ? void 0 : _dataSourceRef$curren.map(function (item) {
+	        return item[_rowKey];
+	      })
+	    }, /*#__PURE__*/React__default['default'].createElement("tbody", _objectSpread({}, props)))) // <tbody {...props} />
+	    ;
+	  }, [sortEditTable]);
+	  var config = React.useMemo(function () {
+	    return _objectSpread({
+	      pagination: false,
+	      tableLayout: 'fixed',
+	      scroll: {
+	        x: '100%'
+	      },
+	      rowKey: function rowKey(record) {
+	        return record[_rowKey] || record.index || Math.random();
+	      },
+	      components: {
+	        body: Object.assign({
+	          row: sortOpen ? EditableSortRow : EditableRow$1,
+	          cell: EditableCell$1 // wrapper: DraggableContainer
 
-	function warning$3(arg0, arg1, arg2) {
-	  throw new Error('Function not implemented.');
-	}
+	        }, sortOpen ? {
+	          wrapper: DraggableContainer
+	        } : {})
+	      }
+	    }, resetProps);
+	  }, [resultColumns, dataSource, sortOpen, size]);
+	  React.useEffect(function () {
+	    setDataSource(defaultData === null || defaultData === void 0 ? void 0 : defaultData.map(function (v, idx) {
+	      return _objectSpread(_objectSpread({}, v), {}, _defineProperty({}, _rowKey, v[_rowKey] || "v".concat(idx + 1)));
+	    }));
+	  }, [defaultData]);
+	  React.useImperativeHandle(ref, function () {
+	    return {
+	      setRow: handleSave,
+	      valid: function valid() {
+	        return _valid;
+	      }
+	    };
+	  });
+	  var isShowAddAction = React.useMemo(function () {
+	    return isEdit && isAdd || isHoverEdit && isAdd;
+	  }, [isEdit, isAdd, isHoverEdit]); // @ts-ignore
+
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "lm_editTable_warpper"
+	  }, /*#__PURE__*/React__default['default'].createElement(_Table__default['default'], _objectSpread(_objectSpread({}, config), {}, {
+	    size: size || 'small',
+	    columns: resultColumns,
+	    rowClassName: "editable-row",
+	    bordered: true,
+	    pagination: false,
+	    // components={tableComponents}
+	    rowSelection: !rowSelection ? undefined : {
+	      fixed: true,
+	      type: 'checkbox',
+	      columnWidth: 36,
+	      selectedRowKeys: localRowSelectList.map(function (v) {
+	        return v[_rowKey];
+	      }),
+	      onChange: function onChange(selectedRowKeys, selectedRows) {
+	        editTableRowChange(selectedRows);
+	      }
+	    },
+	    dataSource: dataSource
+	  })), isShowAddAction && /*#__PURE__*/React__default['default'].createElement(LMButton, {
+	    className: "lm_editTable_add_bar",
+	    type: "dashed",
+	    block: true,
+	    onClick: handleAdd,
+	    style: {
+	      marginTop: 8
+	    }
+	  }, /*#__PURE__*/React__default['default'].createElement(PlusCircleOutlined$2, {
+	    className: "lm_editTable_add_icon"
+	  }), "\u65B0\u589E"));
+	});
+	var LmEditTable = /*#__PURE__*/React.memo(EditTable$1);
 
 	Object.defineProperty(exports, 'Card', {
 		enumerable: true,
@@ -84850,12 +88012,6 @@
 			return _Spin__default['default'];
 		}
 	});
-	Object.defineProperty(exports, 'message', {
-		enumerable: true,
-		get: function () {
-			return _message__default['default'];
-		}
-	});
 	Object.defineProperty(exports, 'Image', {
 		enumerable: true,
 		get: function () {
@@ -84868,6 +88024,12 @@
 			return _Empty__default['default'];
 		}
 	});
+	Object.defineProperty(exports, 'List', {
+		enumerable: true,
+		get: function () {
+			return _List__default['default'];
+		}
+	});
 	Object.defineProperty(exports, 'Tooltip', {
 		enumerable: true,
 		get: function () {
@@ -84911,6 +88073,7 @@
 	exports.Input = LmInput;
 	exports.InputNumber = CInputNumber;
 	exports.LeftTable = LeftSide;
+	exports.LmEditTable = LmEditTable;
 	exports.LmSelect = LMSelect;
 	exports.LmTable = Table;
 	exports.LoadingPage = LoadingPage;
@@ -84928,6 +88091,7 @@
 	exports.Upload = LMUpload;
 	exports.UploadOss = UploadOss;
 	exports.VirtualList = VirList;
+	exports.message = api;
 
 	Object.defineProperty(exports, '__esModule', { value: true });