linkmore-design 1.0.3 → 1.0.4

package/dist/index.umd.js

@@ -1,12 +1,11 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd/es/button/style'), require('antd/es/button'), require('antd/es/table/style'), require('antd/es/table'), require('antd/es/radio/style'), require('antd/es/radio'), require('antd/es/checkbox/style'), require('antd/es/checkbox'), require('antd/es/select/style'), require('antd/es/select'), require('antd/es/date-picker/style'), require('antd/es/date-picker'), require('antd/es/input-number/style'), require('antd/es/input-number'), require('antd/es/form/style'), require('antd/es/form'), require('antd/es/input/style'), require('antd/es/input'), require('react'), 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/drawer/style'), require('antd/es/drawer'), require('antd/es/modal/style'), require('antd/es/modal'), require('antd/es/space/style'), require('antd/es/space'), 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/tag/style'), require('antd/es/tag'), 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/dropdown/style'), require('antd/es/dropdown'), require('antd/es/config-provider/style'), require('antd/es/config-provider'), require('antd/es/locale/zh_CN'), require('antd/es/avatar/style'), require('antd/es/avatar'), require('antd/es/tooltip/style'), require('antd/es/tooltip'), require('antd/es/popconfirm/style'), require('antd/es/popconfirm'), require('antd/es/table/hooks/useLazyKVMap'), require('antd/es/result/style'), require('antd/es/result'), require('antd/es/typography/style'), require('antd/es/typography'), require('antd/es/progress/style'), require('antd/es/progress'), require('antd/es/badge/style'), require('antd/es/badge'), require('antd/es/rate/style'), require('antd/es/rate'), require('antd/es/switch/style'), require('antd/es/switch'), require('antd/es/cascader/style'), require('antd/es/cascader'), 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/menu/style'), require('antd/es/menu'), require('antd/es/alert/style'), require('antd/es/alert'), require('react-dom'), require('antd/es/steps/style'), require('antd/es/steps'), require('antd/es/empty/style'), require('antd/es/empty'), require('antd/es/pagination/style'), require('antd/es/pagination')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'antd/es/button/style', 'antd/es/button', 'antd/es/table/style', 'antd/es/table', 'antd/es/radio/style', 'antd/es/radio', 'antd/es/checkbox/style', 'antd/es/checkbox', 'antd/es/select/style', 'antd/es/select', 'antd/es/date-picker/style', 'antd/es/date-picker', 'antd/es/input-number/style', 'antd/es/input-number', 'antd/es/form/style', 'antd/es/form', 'antd/es/input/style', 'antd/es/input', 'react', 'antd/es/spin/style', 'antd/es/spin', 'antd/es/message/style', 'antd/es/message', 'antd/es/image/style', 'antd/es/image', 'antd/es/drawer/style', 'antd/es/drawer', 'antd/es/modal/style', 'antd/es/modal', 'antd/es/space/style', 'antd/es/space', '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/tag/style', 'antd/es/tag', '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/dropdown/style', 'antd/es/dropdown', 'antd/es/config-provider/style', 'antd/es/config-provider', 'antd/es/locale/zh_CN', 'antd/es/avatar/style', 'antd/es/avatar', 'antd/es/tooltip/style', 'antd/es/tooltip', 'antd/es/popconfirm/style', 'antd/es/popconfirm', 'antd/es/table/hooks/useLazyKVMap', 'antd/es/result/style', 'antd/es/result', 'antd/es/typography/style', 'antd/es/typography', 'antd/es/progress/style', 'antd/es/progress', 'antd/es/badge/style', 'antd/es/badge', 'antd/es/rate/style', 'antd/es/rate', 'antd/es/switch/style', 'antd/es/switch', 'antd/es/cascader/style', 'antd/es/cascader', '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/menu/style', 'antd/es/menu', 'antd/es/alert/style', 'antd/es/alert', 'react-dom', 'antd/es/steps/style', 'antd/es/steps', 'antd/es/empty/style', 'antd/es/empty', 'antd/es/pagination/style', 'antd/es/pagination'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.linkDesign = {}, null, global._Button, null, global._Table, null, global._Radio, null, global._Checkbox, null, global._Select, null, global._DatePicker, null, global._InputNumber, null, global._Form, null, global._Input, global.React, null, global._Spin, null, global._message, null, global._Image, null, global._Drawer, null, global._Modal, null, global._Space, null, global._Row, null, global._Col, null, global._Divider, null, global._List, null, global._Tag, null, global._Popover, null, global._Tree, null, global._TimePicker, null, global._Dropdown, null, global._ConfigProvider, global.zh_CN, null, global._Avatar, null, global._Tooltip, null, global._Popconfirm, global.useLazyKVMap, null, global._Result, null, global._Typography, null, global._Progress, null, global._Badge, null, global._Rate, null, global._Switch, null, global._Cascader, null, global._TreeSelect, null, global._Tabs, null, global._Grid, null, global._Menu, null, global._Alert, global.require$$2, null, global._Steps, null, global._Empty, null, global._Pagination));
-}(this, (function (exports, style, _Button, style$1, _Table, style$2, _Radio, style$3, _Checkbox, style$4, _Select, style$5, _DatePicker, style$6, _InputNumber, style$7, _Form, style$8, _Input, React, style$9, _Spin, style$a, _message, style$b, _Image, style$c, _Drawer, style$d, _Modal, style$e, _Space, style$f, _Row, style$g, _Col, style$h, _Divider, style$i, _List, style$j, _Tag, style$k, _Popover, style$l, _Tree, style$m, _TimePicker, style$n, _Dropdown, style$o, _ConfigProvider, zh_CN, style$p, _Avatar, style$q, _Tooltip, style$r, _Popconfirm, useLazyKVMap, style$s, _Result, style$t, _Typography, style$u, _Progress, style$v, _Badge, style$w, _Rate, style$x, _Switch, style$y, _Cascader, style$z, _TreeSelect, style$A, _Tabs, style$B, _Grid, style$C, _Menu, style$D, _Alert, require$$2, style$E, _Steps, style$F, _Empty, style$G, _Pagination) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd/es/table/style'), require('antd/es/table'), require('antd/es/radio/style'), require('antd/es/radio'), require('antd/es/checkbox/style'), require('antd/es/checkbox'), require('antd/es/select/style'), require('antd/es/select'), require('antd/es/date-picker/style'), require('antd/es/date-picker'), require('antd/es/input-number/style'), require('antd/es/input-number'), require('antd/es/form/style'), require('antd/es/form'), require('antd/es/button/style'), require('antd/es/button'), require('antd/es/input/style'), require('antd/es/input'), require('react'), 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/drawer/style'), require('antd/es/drawer'), require('antd/es/modal/style'), require('antd/es/modal'), require('antd/es/space/style'), require('antd/es/space'), 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/tag/style'), require('antd/es/tag'), 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/dropdown/style'), require('antd/es/dropdown'), require('antd/es/config-provider/style'), require('antd/es/config-provider'), require('antd/es/locale/zh_CN'), require('antd/es/avatar/style'), require('antd/es/avatar'), require('antd/es/tooltip/style'), require('antd/es/tooltip'), require('antd/es/popconfirm/style'), require('antd/es/popconfirm'), require('antd/es/table/hooks/useLazyKVMap'), require('antd/es/result/style'), require('antd/es/result'), require('antd/es/typography/style'), require('antd/es/typography'), require('antd/es/progress/style'), require('antd/es/progress'), require('antd/es/badge/style'), require('antd/es/badge'), require('antd/es/rate/style'), require('antd/es/rate'), require('antd/es/switch/style'), require('antd/es/switch'), require('antd/es/cascader/style'), require('antd/es/cascader'), 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/menu/style'), require('antd/es/menu'), require('antd/es/alert/style'), require('antd/es/alert'), require('react-dom'), require('antd/es/steps/style'), require('antd/es/steps'), require('antd/es/empty/style'), require('antd/es/empty'), require('antd/es/pagination/style'), require('antd/es/pagination')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'antd/es/table/style', 'antd/es/table', 'antd/es/radio/style', 'antd/es/radio', 'antd/es/checkbox/style', 'antd/es/checkbox', 'antd/es/select/style', 'antd/es/select', 'antd/es/date-picker/style', 'antd/es/date-picker', 'antd/es/input-number/style', 'antd/es/input-number', 'antd/es/form/style', 'antd/es/form', 'antd/es/button/style', 'antd/es/button', 'antd/es/input/style', 'antd/es/input', 'react', 'antd/es/spin/style', 'antd/es/spin', 'antd/es/message/style', 'antd/es/message', 'antd/es/image/style', 'antd/es/image', 'antd/es/drawer/style', 'antd/es/drawer', 'antd/es/modal/style', 'antd/es/modal', 'antd/es/space/style', 'antd/es/space', '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/tag/style', 'antd/es/tag', '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/dropdown/style', 'antd/es/dropdown', 'antd/es/config-provider/style', 'antd/es/config-provider', 'antd/es/locale/zh_CN', 'antd/es/avatar/style', 'antd/es/avatar', 'antd/es/tooltip/style', 'antd/es/tooltip', 'antd/es/popconfirm/style', 'antd/es/popconfirm', 'antd/es/table/hooks/useLazyKVMap', 'antd/es/result/style', 'antd/es/result', 'antd/es/typography/style', 'antd/es/typography', 'antd/es/progress/style', 'antd/es/progress', 'antd/es/badge/style', 'antd/es/badge', 'antd/es/rate/style', 'antd/es/rate', 'antd/es/switch/style', 'antd/es/switch', 'antd/es/cascader/style', 'antd/es/cascader', '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/menu/style', 'antd/es/menu', 'antd/es/alert/style', 'antd/es/alert', 'react-dom', 'antd/es/steps/style', 'antd/es/steps', 'antd/es/empty/style', 'antd/es/empty', 'antd/es/pagination/style', 'antd/es/pagination'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.linkmoreDesign = {}, null, global._Table, null, global._Radio, null, global._Checkbox, null, global._Select, null, global._DatePicker, null, global._InputNumber, null, global._Form, null, global._Button, null, global._Input, global.React, null, global._Spin, null, global._message, null, global._Image, null, global._Drawer, null, global._Modal, null, global._Space, null, global._Row, null, global._Col, null, global._Divider, null, global._List, null, global._Tag, null, global._Popover, null, global._Tree, null, global._TimePicker, null, global._Dropdown, null, global._ConfigProvider, global.zh_CN, null, global._Avatar, null, global._Tooltip, null, global._Popconfirm, global.useLazyKVMap, null, global._Result, null, global._Typography, null, global._Progress, null, global._Badge, null, global._Rate, null, global._Switch, null, global._Cascader, null, global._TreeSelect, null, global._Tabs, null, global._Grid, null, global._Menu, null, global._Alert, global.require$$2, null, global._Steps, null, global._Empty, null, global._Pagination));
+}(this, (function (exports, style, _Table, style$1, _Radio, style$2, _Checkbox, style$3, _Select, style$4, _DatePicker, style$5, _InputNumber, style$6, _Form, style$7, _Button, style$8, _Input, React, style$9, _Spin, style$a, _message, style$b, _Image, style$c, _Drawer, style$d, _Modal, style$e, _Space, style$f, _Row, style$g, _Col, style$h, _Divider, style$i, _List, style$j, _Tag, style$k, _Popover, style$l, _Tree, style$m, _TimePicker, style$n, _Dropdown, style$o, _ConfigProvider, zh_CN, style$p, _Avatar, style$q, _Tooltip, style$r, _Popconfirm, useLazyKVMap, style$s, _Result, style$t, _Typography, style$u, _Progress, style$v, _Badge, style$w, _Rate, style$x, _Switch, style$y, _Cascader, style$z, _TreeSelect, style$A, _Tabs, style$B, _Grid, style$C, _Menu, style$D, _Alert, require$$2, style$E, _Steps, style$F, _Empty, style$G, _Pagination) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-	var _Button__default = /*#__PURE__*/_interopDefaultLegacy(_Button);
 	var _Table__default = /*#__PURE__*/_interopDefaultLegacy(_Table);
 	var _Radio__default = /*#__PURE__*/_interopDefaultLegacy(_Radio);
 	var _Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(_Checkbox);
@@ -14,6 +13,7 @@
 	var _DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(_DatePicker);
 	var _InputNumber__default = /*#__PURE__*/_interopDefaultLegacy(_InputNumber);
 	var _Form__default = /*#__PURE__*/_interopDefaultLegacy(_Form);
+	var _Button__default = /*#__PURE__*/_interopDefaultLegacy(_Button);
 	var _Input__default = /*#__PURE__*/_interopDefaultLegacy(_Input);
 	var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 	var _Spin__default = /*#__PURE__*/_interopDefaultLegacy(_Spin);
@@ -3070,7 +3070,7 @@
 	}
 
 	var IconFont = create({
-	  scriptUrl: '//at.alicdn.com/t/font_2966019_oo18nfy5zb.js' // 在 iconfont.cn 上生成
+	  scriptUrl: '//at.alicdn.com/t/font_2966019_r2sjvddyblq.js' // 在 iconfont.cn 上生成
 
 	});
 
@@ -3435,7 +3435,7 @@
 
 	var _excluded$4 = ["value", "onChange"],
 	    _excluded2 = ["index"],
-	    _excluded3 = ["isEdit", "editEnum", "valueType", "editable", "children", "dataIndex", "record", "handleSave"],
+	    _excluded3 = ["isEdit", "editEnum", "valueType", "editable", "children", "dataIndex", "record", "handleSave", "rowKey", "handleAdd", "handleDelete", "getLength", "itemProps", "setValid"],
 	    _excluded4 = ["value", "onChange", "columns", "isEdit", "isAdd", "rowKey"];
 	var UploadBtn = UploadOss.UploadBtn;
 	var EditableContext = /*#__PURE__*/React__default['default'].createContext(null);
@@ -3514,12 +3514,51 @@
 	      return handleInput(e, 'next');
 	    }
 	  }, editEnum))));
+	}; // 操作列
+
+
+	var Opetate = function Opetate(_ref2) {
+	  var record = _ref2.record,
+	      rowKey = _ref2.rowKey,
+	      handleAdd = _ref2.handleAdd,
+	      handleDelete = _ref2.handleDelete,
+	      getLength = _ref2.getLength,
+	      removeEnum = _ref2.removeEnum,
+	      addEnum = _ref2.addEnum;
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], _extends({
+	    type: "link",
+	    size: "small",
+	    icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	      type: "lmweb-minus-circle",
+	      style: {
+	        fontSize: 16
+	      }
+	    }),
+	    disabled: getLength() < 2 || !!(removeEnum === null || removeEnum === void 0 ? void 0 : removeEnum.disabled)
+	  }, removeEnum, {
+	    onClick: function onClick() {
+	      return handleDelete(record[rowKey]);
+	    }
+	  })), /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], _extends({
+	    type: "link",
+	    size: "small",
+	    icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	      type: "lmweb-plus-circle",
+	      style: {
+	        fontSize: 16
+	      }
+	    })
+	  }, addEnum, {
+	    onClick: function onClick() {
+	      return handleAdd(record);
+	    }
+	  })));
 	}; // 表格行
 
 
-	var EditableRow = function EditableRow(_ref2) {
-	  var index = _ref2.index,
-	      props = _objectWithoutProperties(_ref2, _excluded2);
+	var EditableRow = function EditableRow(_ref3) {
+	  var index = _ref3.index,
+	      props = _objectWithoutProperties(_ref3, _excluded2);
 
 	  var _Form$useForm = _Form__default['default'].useForm(),
 	      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -3548,6 +3587,12 @@
 	      dataIndex = props.dataIndex,
 	      record = props.record,
 	      handleSave = props.handleSave,
+	      rowKey = props.rowKey,
+	      handleAdd = props.handleAdd,
+	      handleDelete = props.handleDelete,
+	      getLength = props.getLength,
+	      itemProps = props.itemProps,
+	      setValid = props.setValid,
 	      restProps = _objectWithoutProperties(props, _excluded3);
 
 	  var _useState = React.useState(true),
@@ -3555,56 +3600,77 @@
 	      editing = _useState2[0],
 	      setEditing = _useState2[1];
 
-	  var form = React.useContext(EditableContext); // useEffect(() => {
-	  //   if (editing) {
-	  //     inputRef.current.focus();
-	  //   }
-	  // }, [editing]);
-	  // 出现死循环找我
+	  var form = React.useContext(EditableContext); // 出现死循环找我
 
 	  React.useEffect(function () {
 	    if (isEdit && editable && record[dataIndex]) {
 	      form.setFieldsValue(_defineProperty({}, dataIndex, editable === 'date' ? dayjs_min(record[dataIndex]) : record[dataIndex]));
 	    }
-	  }, [record]); // 切换编辑状态
+	  }, [record]); // 校验保存
 
 	  var save = /*#__PURE__*/function () {
-	    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+	    var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(row) {
 	      var values;
 	      return regenerator.wrap(function _callee$(_context) {
 	        while (1) {
 	          switch (_context.prev = _context.next) {
 	            case 0:
 	              _context.prev = 0;
-	              _context.next = 3;
-	              return form.validateFields();
+	              _context.t0 = row;
 
-	            case 3:
-	              values = _context.sent;
-	              // 传入服务器时格式化mount
-	              // values.endTime = values.endTime.format('YYYY-MM-DD');
-	              // toggleEdit();
+	              if (_context.t0) {
+	                _context.next = 6;
+	                break;
+	              }
+
+	              _context.next = 5;
+	              return form.getFieldsValue();
+
+	            case 5:
+	              _context.t0 = _context.sent;
+
+	            case 6:
+	              values = _context.t0;
 	              handleSave(_objectSpread(_objectSpread({}, record), values));
 	              _context.next = 10;
+	              return form.validateFields();
+
+	            case 10:
+	              // 清空异常校验
+	              setValid(function (old) {
+	                var obj = _objectSpread({}, old);
+
+	                delete obj[record[rowKey]];
+	                return obj;
+	              });
+	              _context.next = 16;
 	              break;
 
-	            case 7:
-	              _context.prev = 7;
-	              _context.t0 = _context["catch"](0);
-	              console.log('Save failedtext:', _context.t0);
+	            case 13:
+	              _context.prev = 13;
+	              _context.t1 = _context["catch"](0);
+	              // 加入异常校验
+	              setValid(function (old) {
+	                return _objectSpread(_objectSpread({}, old), {}, _defineProperty({}, record[rowKey], _context.t1.errorFields));
+	              });
 
-	            case 10:
+	            case 16:
 	            case "end":
 	              return _context.stop();
 	          }
 	        }
-	      }, _callee, null, [[0, 7]]);
+	      }, _callee, null, [[0, 13]]);
 	    }));
 
-	    return function save() {
-	      return _ref3.apply(this, arguments);
+	    return function save(_x) {
+	      return _ref4.apply(this, arguments);
 	    };
-	  }();
+	  }(); // 触发保存
+
+
+	  var handleFormItemChange = function handleFormItemChange() {
+	    save === null || save === void 0 ? void 0 : save();
+	  };
 
 	  var childNode = children; // 输入框
 
@@ -3612,20 +3678,20 @@
 	    switch (con) {
 	      case 'input':
 	        return /*#__PURE__*/React__default['default'].createElement(_Input__default['default'], _extends({
-	          onPressEnter: save,
-	          onBlur: save,
+	          onPressEnter: handleFormItemChange,
+	          onBlur: handleFormItemChange,
 	          placeholder: "\u8BF7\u8F93\u5165"
 	        }, editEnum));
 
 	      case 'inputRange':
 	        return /*#__PURE__*/React__default['default'].createElement(InputRange, _extends({
-	          onChange: save
+	          onChange: handleFormItemChange
 	        }, editEnum));
 
 	      case 'number':
 	        return /*#__PURE__*/React__default['default'].createElement(_InputNumber__default['default'], _extends({
-	          onPressEnter: save,
-	          onChange: save,
+	          onPressEnter: handleFormItemChange,
+	          onBlur: handleFormItemChange,
 	          style: {
 	            width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
 	          },
@@ -3634,20 +3700,20 @@
 
 	      case 'date':
 	        return /*#__PURE__*/React__default['default'].createElement(_DatePicker__default['default'], _extends({
-	          onChange: save
+	          onChange: handleFormItemChange
 	        }, editEnum));
 
 	      case 'select':
 	        return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'], _extends({
-	          onSelect: save,
-	          onClear: save,
 	          showSearch: true,
 	          allowClear: true,
 	          placeholder: "\u8BF7\u9009\u62E9",
 	          filterOption: function filterOption(input, option) {
 	            return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
 	          }
-	        }, valueType), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
+	        }, valueType, {
+	          onChange: handleFormItemChange
+	        }), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
 	          return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'].Option, {
 	            key: v.value,
 	            value: v.value
@@ -3657,15 +3723,16 @@
 	      case 'multiple':
 	        return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'], _extends({
 	          mode: "multiple",
-	          onSelect: save,
-	          onClear: save,
 	          showSearch: true,
 	          allowClear: true,
 	          placeholder: "\u8BF7\u9009\u62E9",
 	          filterOption: function filterOption(input, option) {
 	            return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
 	          }
-	        }, valueType), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
+	        }, valueType, {
+	          onChange: handleFormItemChange,
+	          onDeselect: handleFormItemChange
+	        }), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
 	          return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'].Option, {
 	            key: v.value,
 	            value: v.value
@@ -3673,9 +3740,9 @@
 	        }));
 
 	      case 'checkbox':
-	        return /*#__PURE__*/React__default['default'].createElement(_Checkbox__default['default'].Group, {
-	          onChange: save
-	        }, editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
+	        return /*#__PURE__*/React__default['default'].createElement(_Checkbox__default['default'].Group, _extends({
+	          onChange: handleFormItemChange
+	        }, valueType), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
 	          return /*#__PURE__*/React__default['default'].createElement(_Checkbox__default['default'], {
 	            key: v.value,
 	            value: v.value
@@ -3684,7 +3751,7 @@
 
 	      case 'radio':
 	        return /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Group, {
-	          onChange: save
+	          onChange: handleFormItemChange
 	        }, editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
 	          return /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'], {
 	            key: v.value,
@@ -3695,9 +3762,18 @@
 	      case 'upload':
 	        return /*#__PURE__*/React__default['default'].createElement(UploadSingle, {
 	          editEnum: editEnum,
-	          onChange: save
+	          onChange: handleFormItemChange
 	        });
 
+	      case 'operate':
+	        return /*#__PURE__*/React__default['default'].createElement(Opetate, _extends({}, editEnum, {
+	          record: record,
+	          rowKey: rowKey,
+	          handleAdd: handleAdd,
+	          handleDelete: handleDelete,
+	          getLength: getLength
+	        }));
+
 	      case 'render':
 	        {
 	          var render = editEnum.render;
@@ -3708,19 +3784,20 @@
 
 	      default:
 	        return /*#__PURE__*/React__default['default'].createElement(_Input__default['default'], {
-	          onPressEnter: save,
-	          onBlur: save
+	          onPressEnter: handleFormItemChange,
+	          onBlur: handleFormItemChange
 	        });
 	    }
 	  }
 
 	  if (isEdit && editable) {
-	    childNode = /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, {
+	    childNode = /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _extends({
 	      style: {
 	        margin: 0
-	      },
+	      }
+	    }, itemProps, {
 	      name: dataIndex
-	    }, Control(editable));
+	    }), Control(editable));
 	  }
 
 	  return /*#__PURE__*/React__default['default'].createElement("td", restProps, childNode);
@@ -3751,12 +3828,33 @@
 	      count = _useState6[0],
 	      setCount = _useState6[1]; // 删除
 
-	  var handleAdd = function handleAdd() {
+
+	  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 handleAdd = function handleAdd(row) {
 	    var newData = _defineProperty({}, _rowKey, count + 1);
 
-	    var nValue = [].concat(_toConsumableArray(dataSource), [newData]);
-	    setDataSource(nValue);
+	    var nValue = [];
+
+	    if (row) {
+	      var arr = _toConsumableArray(dataSource);
+
+	      var index = arr.findIndex(function (item) {
+	        return row[_rowKey] === item[_rowKey];
+	      });
+	      var map = arr.splice(0, index + 1);
+	      nValue = [].concat(_toConsumableArray(map), [newData], _toConsumableArray(arr));
+	    } else {
+	      nValue = [].concat(_toConsumableArray(dataSource), [newData]);
+	    }
+
 	    setCount(count + 1);
+	    onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
 	  };
 
 	  var handleSave = function handleSave(row) {
@@ -3796,10 +3894,18 @@
 	        return _objectSpread(_objectSpread({}, col), {}, {
 	          onCell: function onCell(record) {
 	            return {
+	              getLength: function getLength() {
+	                return dataSource.length;
+	              },
+	              setValid: setValid,
+	              rowKey: _rowKey,
 	              record: record,
 	              isEdit: isEdit,
+	              handleAdd: handleAdd,
+	              handleDelete: handleDelete,
 	              editable: col.editable,
 	              dataIndex: col.dataIndex,
+	              itemProps: col.itemProps,
 	              editEnum: typeof col.editEnum === 'function' ? col.editEnum(record) : col.editEnum,
 	              valueType: typeof col.valueType === 'function' ? col.valueType(record) : col.valueType,
 	              handleSave: handleSave
@@ -3816,7 +3922,20 @@
 	  }, [defaultData]);
 	  React.useImperativeHandle(ref, function () {
 	    return {
-	      setRow: handleSave
+	      setRow: handleSave,
+	      valid: function (_valid) {
+	        function valid() {
+	          return _valid.apply(this, arguments);
+	        }
+
+	        valid.toString = function () {
+	          return _valid.toString();
+	        };
+
+	        return valid;
+	      }(function () {
+	        return valid;
+	      })
 	    };
 	  });
 	  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5815,7 +5934,7 @@
 	    searchKey: 'search',
 	    levelGroupKey: 'levGroup',
 	    filter: true,
-	    complex: true
+	    complex: false
 	  },
 	  // 初始化数据
 	  visibleFields: [],
@@ -5830,6 +5949,8 @@
 	  // 一级筛选过滤的内容
 	  complexFilterValues: {},
 	  // 高级筛选过滤的内容
+	  nestedFilterValues: {},
+	  // 嵌套结构的过滤内容 {objType: {field: 'supplier', value: 's1', label: '一号供应商'}, ...}
 	  customDrawer: {
 	    visible: false,
 	    data: {}
@@ -5858,7 +5979,8 @@
 	      customModal = action.customModal,
 	      complexDrawer = action.complexDrawer,
 	      customFilterValues = action.customFilterValues,
-	      complexFilterValues = action.complexFilterValues;
+	      complexFilterValues = action.complexFilterValues,
+	      nestedFilterValues = action.nestedFilterValues;
 
 	  switch (action.type) {
 	    // 仅在初始化时触发
@@ -5917,6 +6039,12 @@
 	      return _objectSpread(_objectSpread({}, state), {}, {
 	        complexFilterValues: complexFilterValues
 	      });
+	    // 设置嵌套结构的内容
+
+	    case 'changeNestedFilterValues':
+	      return _objectSpread(_objectSpread({}, state), {}, {
+	        nestedFilterValues: nestedFilterValues
+	      });
 
 	    default:
 	      throw new Error();
@@ -29418,7 +29546,8 @@
 	    _excluded2$1 = ["item"],
 	    _excluded3$1 = ["item"],
 	    _excluded4$1 = ["item"],
-	    _excluded5 = ["type"];
+	    _excluded5 = ["item"],
+	    _excluded6 = ["type"];
 
 	var InputFilter = function InputFilter(_ref) {
 	  var getFilterValue = _ref.getFilterValue,
@@ -29445,7 +29574,8 @@
 
 
 	var SelectFilter = function SelectFilter(_ref2) {
-	  var filters = _ref2.filters,
+	  var _ref2$filters = _ref2.filters,
+	      filters = _ref2$filters === void 0 ? [] : _ref2$filters,
 	      getFilterValue = _ref2.getFilterValue,
 	      setFilterValue = _ref2.setFilterValue;
 	  var inputRef = React.useRef(null); // 搜索后的筛选项
@@ -29507,13 +29637,91 @@
 	  }), !options.length && /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "filter_empty"
 	  }, "\u6682\u65E0\u6570\u636E")));
-	}; // 自定义筛选下拉选过滤器
+	}; // 嵌套结构下拉单选过滤器
 
 
-	var CustomFilter = function CustomFilter(_ref4) {
+	var NestedFilter = function NestedFilter(_ref4) {
 	  var filters = _ref4.filters,
 	      getFilterValue = _ref4.getFilterValue,
 	      setFilterValue = _ref4.setFilterValue;
+	  var inputRef = React.useRef(null); // 搜索后的筛选项
+
+	  var _useState3 = React.useState(filters),
+	      _useState4 = _slicedToArray(_useState3, 2),
+	      options = _useState4[0],
+	      setOptions = _useState4[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+	  var isSearch = React.useMemo(function () {
+	    return filters.length > 8;
+	  }, [filters.length]); // 搜索
+
+	  var handleFilter = function handleFilter(val) {
+	    setOptions(filters.filter(function (v) {
+	      return v.label.indexOf(val) > -1;
+	    }));
+	  }; // 单选事件
+
+
+	  var onChange = function onChange(e, item) {
+	    e.preventDefault();
+	    setFilterValue(item.value);
+	  };
+
+	  var handleClick = function handleClick(e, item) {
+	    e.preventDefault();
+	    e.stopPropagation();
+	    setFilterValue(item, 'children');
+	  };
+
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "filter_dropdown"
+	  }, isSearch && /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "filter_header"
+	  }, /*#__PURE__*/React__default['default'].createElement(_Input__default['default'].Search, {
+	    ref: inputRef,
+	    allowClear: true,
+	    size: "small",
+	    placeholder: "\u8BF7\u8F93\u5165",
+	    onSearch: handleFilter,
+	    onChange: lodash.debounce(function (e) {
+	      return handleFilter(e.target.value);
+	    }, 500)
+	  })), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "filter_body"
+	  }, /*#__PURE__*/React__default['default'].createElement(VirList, {
+	    options: options,
+	    className: "filter_list"
+	  }, function (_ref5) {
+	    var item = _ref5.item,
+	        resetProps = _objectWithoutProperties(_ref5, _excluded2$1);
+
+	    return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, resetProps, {
+	      className: classnames('filter_item', {
+	        checked: item.value === getFilterValue
+	      }),
+	      onClick: function onClick(e) {
+	        return onChange(e, item);
+	      }
+	    }), /*#__PURE__*/React__default['default'].createElement("div", {
+	      className: "filter_item-content"
+	    }, item.label), /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	      type: "lmweb-gengduotianchong",
+	      onClick: function onClick(e) {
+	        return handleClick(e, item);
+	      }
+	    }));
+	  }), !options.length && /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "filter_empty"
+	  }, "\u6682\u65E0\u6570\u636E")));
+	}; // 自定义筛选下拉选过滤器
+
+
+	var CustomFilter = function CustomFilter(_ref6) {
+	  var _ref6$filters = _ref6.filters,
+	      filters = _ref6$filters === void 0 ? [] : _ref6$filters,
+	      getFilterValue = _ref6.getFilterValue,
+	      setFilterValue = _ref6.setFilterValue;
 
 	  // 单选事件
 	  var onChange = function onChange(e, item) {
@@ -29538,9 +29746,9 @@
 	  }, /*#__PURE__*/React__default['default'].createElement(VirList, {
 	    options: filters,
 	    className: "filter_list"
-	  }, function (_ref5) {
-	    var item = _ref5.item,
-	        resetProps = _objectWithoutProperties(_ref5, _excluded2$1);
+	  }, function (_ref7) {
+	    var item = _ref7.item,
+	        resetProps = _objectWithoutProperties(_ref7, _excluded3$1);
 
 	    return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, resetProps, {
 	      className: classnames('filter_item', {
@@ -29575,22 +29783,23 @@
 	}; // 下拉多选过滤器: 要过滤的数据, 当前选中项, 触发过滤, 过滤前的数据
 
 
-	var CheckboxFilter = function CheckboxFilter(_ref6) {
-	  var filters = _ref6.filters,
-	      getFilterValue = _ref6.getFilterValue,
-	      setFilterValue = _ref6.setFilterValue;
+	var CheckboxFilter = function CheckboxFilter(_ref8) {
+	  var _ref8$filters = _ref8.filters,
+	      filters = _ref8$filters === void 0 ? [] : _ref8$filters,
+	      getFilterValue = _ref8.getFilterValue,
+	      setFilterValue = _ref8.setFilterValue;
 	  var inputRef = React.useRef(null);
 
-	  var _useState3 = React.useState(getFilterValue || []),
-	      _useState4 = _slicedToArray(_useState3, 2),
-	      checkedValues = _useState4[0],
-	      setCheckedValues = _useState4[1]; // 搜索后的筛选项
+	  var _useState5 = React.useState(getFilterValue || []),
+	      _useState6 = _slicedToArray(_useState5, 2),
+	      checkedValues = _useState6[0],
+	      setCheckedValues = _useState6[1]; // 搜索后的筛选项
 
 
-	  var _useState5 = React.useState(filters),
-	      _useState6 = _slicedToArray(_useState5, 2),
-	      options = _useState6[0],
-	      setOptions = _useState6[1]; // 是否存在搜索, 当数据大于8时存在搜索
+	  var _useState7 = React.useState(filters),
+	      _useState8 = _slicedToArray(_useState7, 2),
+	      options = _useState8[0],
+	      setOptions = _useState8[1]; // 是否存在搜索, 当数据大于8时存在搜索
 
 
 	  var isSearch = React.useMemo(function () {
@@ -29669,9 +29878,9 @@
 	  }, /*#__PURE__*/React__default['default'].createElement(VirList, {
 	    options: options,
 	    className: "filter_list"
-	  }, function (_ref7) {
-	    var item = _ref7.item,
-	        resetProps = _objectWithoutProperties(_ref7, _excluded3$1);
+	  }, function (_ref9) {
+	    var item = _ref9.item,
+	        resetProps = _objectWithoutProperties(_ref9, _excluded4$1);
 
 	    return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, resetProps, {
 	      className: classnames('filter_item', {
@@ -29698,10 +29907,10 @@
 	}; // 更多筛选
 
 
-	var MoreFilter = function MoreFilter(_ref8) {
-	  var filters = _ref8.filters,
-	      getFilterValue = _ref8.getFilterValue,
-	      setFilterValue = _ref8.setFilterValue;
+	var MoreFilter = function MoreFilter(_ref10) {
+	  var filters = _ref10.filters,
+	      getFilterValue = _ref10.getFilterValue,
+	      setFilterValue = _ref10.setFilterValue;
 	  // 选中的数据
 	  var checkedValues = React.useMemo(function () {
 	    return getFilterValue;
@@ -29767,9 +29976,9 @@
 	  }, /*#__PURE__*/React__default['default'].createElement(VirList, {
 	    options: options,
 	    className: "filter_list"
-	  }, function (_ref9) {
-	    var item = _ref9.item,
-	        resetProps = _objectWithoutProperties(_ref9, _excluded4$1);
+	  }, function (_ref11) {
+	    var item = _ref11.item,
+	        resetProps = _objectWithoutProperties(_ref11, _excluded5);
 
 	    return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, resetProps, {
 	      className: "filter_item",
@@ -29792,16 +30001,17 @@
 	}; // 日期范围选择器
 
 
-	var DatePickerFilter = function DatePickerFilter(_ref10) {
-	  var getFilterValue = _ref10.getFilterValue,
-	      setFilterValue = _ref10.setFilterValue,
-	      props = _ref10.props;
+	var DatePickerFilter = function DatePickerFilter(_ref12) {
+	  var getFilterValue = _ref12.getFilterValue,
+	      setFilterValue = _ref12.setFilterValue,
+	      props = _ref12.props,
+	      dateType = _ref12.dateType;
 	  // 对日期格式的转换, 日期组件仅接收moment格式
 	  var value = React.useMemo(function () {
 	    var nValue;
 
 	    if (getFilterValue) {
-	      nValue = [hooks(getFilterValue[0]), hooks(getFilterValue[1])];
+	      nValue = dateType === 'rangePicker' ? [hooks(getFilterValue[0]), hooks(getFilterValue[1])] : hooks(getFilterValue);
 	    }
 
 	    return nValue;
@@ -29818,59 +30028,75 @@
 	  }, []); // 选中时间段的触发
 
 	  var onChange = function onChange(dates, dateStrings) {
-	    setFilterValue(getIsHas(dateStrings.filter(function (v) {
-	      return !!v;
-	    })) ? dateStrings : null);
-	  }; // 最近的时间触发事件
+	    setFilterValue(getIsHas(dateStrings) ? dateStrings : null);
+	  };
 
+	  if (dateType === 'rangePicker') {
+	    // 选中时间段的触发
+	    var handleOnChange = function handleOnChange(dates, dateStrings) {
+	      onChange(dates, getIsHas(dateStrings.filter(function (v) {
+	        return !!v;
+	      })) ? dateStrings : null);
+	    }; // 最近的时间触发事件
 
-	  var handleLastDateOnChange = function handleLastDateOnChange(e) {
-	    var nValue = JSON.parse(e.target.value);
-	    setFilterValue(nValue);
-	  };
 
-	  var panelRender = function panelRender(panelNode) {
-	    return /*#__PURE__*/React__default['default'].createElement("div", {
-	      className: "filter_picker_box"
-	    }, /*#__PURE__*/React__default['default'].createElement("div", {
-	      className: "filter_picker_main"
-	    }, /*#__PURE__*/React__default['default'].createElement("div", {
-	      className: "filter_picker_header"
-	    }, /*#__PURE__*/React__default['default'].createElement("div", {
-	      className: "filter_picker_header_tip"
-	    }, getFilterValue && "".concat(getFilterValue[0], " - ").concat(getFilterValue[1])), /*#__PURE__*/React__default['default'].createElement("div", {
-	      className: "filter_picker_header_operate"
-	    }, /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Group, {
-	      value: JSON.stringify(getFilterValue),
-	      onChange: handleLastDateOnChange,
-	      size: "small"
-	    }, ranges.map(function (v) {
-	      return /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Button, {
-	        key: v.label,
-	        value: v.value
-	      }, v.label);
-	    })))), panelNode));
-	  };
+	    var handleLastDateOnChange = function handleLastDateOnChange(e) {
+	      var nValue = JSON.parse(e.target.value);
+	      setFilterValue(nValue);
+	    };
 
-	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_DatePicker__default['default'].RangePicker, _extends({
+	    var panelRender = function panelRender(panelNode) {
+	      return /*#__PURE__*/React__default['default'].createElement("div", {
+	        className: "filter_picker_box"
+	      }, /*#__PURE__*/React__default['default'].createElement("div", {
+	        className: "filter_picker_main"
+	      }, /*#__PURE__*/React__default['default'].createElement("div", {
+	        className: "filter_picker_header"
+	      }, /*#__PURE__*/React__default['default'].createElement("div", {
+	        className: "filter_picker_header_tip"
+	      }, getFilterValue && "".concat(getFilterValue[0], " - ").concat(getFilterValue[1])), /*#__PURE__*/React__default['default'].createElement("div", {
+	        className: "filter_picker_header_operate"
+	      }, /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Group, {
+	        value: JSON.stringify(getFilterValue),
+	        onChange: handleLastDateOnChange,
+	        size: "small"
+	      }, ranges.map(function (v) {
+	        return /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'].Button, {
+	          key: v.label,
+	          value: v.value
+	        }, v.label);
+	      })))), panelNode));
+	    };
+
+	    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_DatePicker__default['default'].RangePicker, _extends({
+	      picker: "date",
+	      separator: "\u81F3",
+	      placeholder: ['开始日期', '结束日期'],
+	      style: {
+	        width: 200
+	      }
+	    }, props, {
+	      value: value,
+	      onChange: handleOnChange,
+	      panelRender: panelRender,
+	      dropdownClassName: "filter_dropdown_picker",
+	      bordered: false,
+	      size: "small"
+	    })));
+	  }
+	  return /*#__PURE__*/React__default['default'].createElement(_DatePicker__default['default'], _extends({
+	    placeholder: "\u9009\u62E9\u65F6\u95F4"
+	  }, props, {
 	    value: value,
 	    onChange: onChange,
-	    panelRender: panelRender,
-	    dropdownClassName: "lm_filter_dropdown_picker",
 	    bordered: false,
-	    picker: "date",
-	    size: "small",
-	    separator: "\u81F3",
-	    placeholder: ['开始日期', '结束日期'],
-	    style: {
-	      width: 200
-	    }
-	  }, props)));
+	    size: "small"
+	  }));
 	};
 
 	var FilterComp = function FilterComp(props) {
 	  var type = props.type,
-	      resetProps = _objectWithoutProperties(props, _excluded5);
+	      resetProps = _objectWithoutProperties(props, _excluded6);
 
 	  switch (type) {
 	    case 'input':
@@ -29891,6 +30117,9 @@
 	    case 'more':
 	      return /*#__PURE__*/React__default['default'].createElement(MoreFilter, resetProps);
 
+	    case 'nested':
+	      return /*#__PURE__*/React__default['default'].createElement(NestedFilter, resetProps);
+
 	    default:
 	      return /*#__PURE__*/React__default['default'].createElement(CheckboxFilter, resetProps);
 	  }
@@ -30299,6 +30528,8 @@
 	      title = props.title,
 	      _props$type = props.type,
 	      type = _props$type === void 0 ? 'checkbox' : _props$type,
+	      _props$dateType = props.dateType,
+	      dateType = _props$dateType === void 0 ? 'date' : _props$dateType,
 	      data = props.data,
 	      comProps = props.props;
 
@@ -30317,13 +30548,37 @@
 	  }, [state.filterValues]); // 判断是否正在过滤
 
 	  var isFiltering = React.useMemo(function () {
-	    return getIsHas(filterValue);
+	    return getIsHas(filterValue) || getIsHas(state.nestedFilterValues[field]);
 	  }, [filterValue]); // 设置过滤的内容 filterType: 'single' 存在时 单个勾选时触发, 默认按钮触发
 
 	  var setFilterValue = React.useCallback(function (val, filterType) {
-	    var _state$instance$onCha, _state$instance;
+	    var _state$instance$onCha, _state$instance2;
 
-	    var nValue = _objectSpread({}, state.filterValues);
+	    // 嵌套结构时触发
+	    if (filterType === 'children') {
+	      var _state$instance$onNes, _state$instance;
+
+	      (_state$instance$onNes = (_state$instance = state.instance).onNested) === null || _state$instance$onNes === void 0 ? void 0 : _state$instance$onNes.call(_state$instance, val);
+	      setVisible(false);
+	      return;
+	    }
+
+	    var nValue = _objectSpread({}, state.filterValues); // 嵌套结构单选时删除嵌套数据
+
+
+	    if (type === 'nested') {
+	      data.forEach(function (element) {
+	        delete nValue[element.value];
+	      });
+
+	      var resetValue = _objectSpread({}, state.nestedFilterValues);
+
+	      delete resetValue[field];
+	      dispatch({
+	        type: 'changeNestedFilterValues',
+	        nestedFilterValues: resetValue
+	      });
+	    }
 
 	    getIsHas(val) ? nValue[field] = val : delete nValue[field];
 	    dispatch({
@@ -30331,7 +30586,7 @@
 	      filterValues: nValue
 	    }); // 触发外部查询, 单击时不关闭菜单
 
-	    (_state$instance$onCha = (_state$instance = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance, nValue, state.customFilterValues);
+	    (_state$instance$onCha = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance2, nValue, state.customFilterValues);
 	    !filterType && setVisible(false);
 	  }, [dispatch, field, state.filterValues, state.instance]); // 展示的内容
 
@@ -30339,17 +30594,23 @@
 	    if (type === 'date') {
 	      var obj = {
 	        props: comProps,
+	        dateType: dateType,
 	        getFilterValue: filterValue,
 	        setFilterValue: setFilterValue
 	      };
 	      return /*#__PURE__*/React__default['default'].createElement(FilterComp, _extends({
 	        type: "datePicker"
 	      }, obj));
+	    } // 是否存在嵌套结构
+
+
+	    if (getIsHas(state.nestedFilterValues[field])) {
+	      return state.nestedFilterValues[field].label;
 	    }
 
 	    if (!isFiltering) return '全部'; // select & checkbox
 
-	    if (['select', 'checkbox'].includes(type)) {
+	    if (['select', 'checkbox', 'nested'].includes(type)) {
 	      var findItem = data.find(function (v) {
 	        return Array.isArray(filterValue) ? filterValue.includes(v.value) : filterValue === v.value;
 	      });
@@ -30373,7 +30634,7 @@
 	    }
 
 	    return filterValue;
-	  }, [comProps, data, isFiltering, setFilterValue, type, filterValue]); // 下拉组件渲染
+	  }, [comProps, data, isFiltering, setFilterValue, type, filterValue, state.nestedFilterValues, field]); // 下拉组件渲染
 
 	  var FilterControl = React.useCallback(function () {
 	    var obj = {
@@ -30860,7 +31121,8 @@
 	      state = _useStore3.state,
 	      dispatch = _useStore3.dispatch;
 
-	  var _state$complexDrawer = state.complexDrawer,
+	  var instance = state.instance,
+	      _state$complexDrawer = state.complexDrawer,
 	      visible = _state$complexDrawer.visible,
 	      data = _state$complexDrawer.data,
 	      complexFilterValues = state.complexFilterValues;
@@ -30921,7 +31183,7 @@
 	    extra: /*#__PURE__*/React__default['default'].createElement(_Space__default['default'], null, /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
 	      onClick: onClose,
 	      size: "small"
-	    }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
+	    }, "\u53D6\u6D88"), !!instance.custom && /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
 	      onClick: onSave,
 	      size: "small"
 	    }, "\u4FDD\u5B58\u67E5\u8BE2"), /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
@@ -31174,7 +31436,7 @@
 	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "import_box"
 	  }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
-	    type: "lmweb-cloud-upload",
+	    type: "lmweb-inbox",
 	    className: "import_icon"
 	  }), /*#__PURE__*/React__default['default'].createElement("input", {
 	    ref: fileRef,
@@ -31642,7 +31904,7 @@
 	 *
 	 */
 
-	var Filter$1 = function Filter$1(props) {
+	var Filter$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
 	  var _useContent = useContent(),
 	      _useContent2 = _slicedToArray(_useContent, 2),
 	      state = _useContent2[0],
@@ -31651,15 +31913,9 @@
 	  var _state$instance = state.instance,
 	      custom = _state$instance.custom,
 	      levelGroup = _state$instance.levelGroup,
-	      complex = _state$instance.complex;
-	  React.useEffect(function () {
-	    dispatch({
-	      type: 'initOptions',
-	      instance: props
-	    });
-	  }, []); // 初始化过滤的值
+	      complex = _state$instance.complex; // 初始化
 
-	  React.useEffect(function () {
+	  var setOptions = React.useCallback(function () {
 	    var trigger = props.trigger,
 	        onChange = props.onChange,
 	        data = props.data,
@@ -31703,13 +31959,56 @@
 	    }); // 是否立即触发
 
 	    trigger === 'init' && (onChange === null || onChange === void 0 ? void 0 : onChange(filterValues, customFilterValues()));
+	  }, [dispatch, props]); // 初始化过滤的值
+
+	  React.useEffect(function () {
+	    setOptions();
 	  }, []);
 	  React.useEffect(function () {
 	    dispatch({
 	      type: 'initInstance',
 	      instance: props
 	    });
-	  }, [props]);
+	  }, [props]); // 外部控制
+
+	  var setFilter = function setFilter(_ref) {
+	    var _state$instance$onCha, _state$instance2;
+
+	    var field = _ref.field,
+	        value = _ref.value,
+	        label = _ref.label,
+	        relation = _ref.relation;
+
+	    var nValue = _objectSpread({}, state.filterValues);
+
+	    delete nValue[relation];
+	    state.instance.data.find(function (v) {
+	      return v.field === relation;
+	    }).data.forEach(function (element) {
+	      delete nValue[element.value];
+	    });
+	    getIsHas(value) ? nValue[field] = value : delete nValue[field];
+	    dispatch({
+	      type: 'changeFilterValues',
+	      filterValues: nValue
+	    });
+	    label && dispatch({
+	      type: 'changeNestedFilterValues',
+	      nestedFilterValues: _defineProperty({}, relation, {
+	        value: value,
+	        label: label,
+	        field: field
+	      })
+	    });
+	    (_state$instance$onCha = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance2, nValue, state.customFilterValues);
+	  };
+
+	  React.useImperativeHandle(ref, function () {
+	    return {
+	      setOptions: setOptions,
+	      setFilter: setFilter
+	    };
+	  });
 	  return /*#__PURE__*/React__default['default'].createElement(Context$1.Provider, {
 	    value: {
 	      state: state,
@@ -31720,7 +32019,7 @@
 	  }, custom && /*#__PURE__*/React__default['default'].createElement(Custom, null), levelGroup && /*#__PURE__*/React__default['default'].createElement(CustomGroup, null), (custom || levelGroup) && /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "line"
 	  }), /*#__PURE__*/React__default['default'].createElement(Filter, null), complex && /*#__PURE__*/React__default['default'].createElement(Custom$1, null), /*#__PURE__*/React__default['default'].createElement(ModalItem, null)));
-	};
+	});
 
 	var Icon$2 = function Icon(prop) {
 	  var className = prop.className;
@@ -67122,7 +67421,7 @@
 	    _excluded3$3 = ["children", "style"],
 	    _excluded4$2 = ["children"],
 	    _excluded5$1 = ["style", "children"],
-	    _excluded6 = ["width"];
+	    _excluded6$1 = ["width"];
 
 	var initialState$2 = {
 	  // 行高度
@@ -67385,7 +67684,7 @@
 	      rest = _objectWithoutProperties(props, _excluded5$1);
 
 	  var width = style.width,
-	      restStyle = _objectWithoutProperties(style, _excluded6);
+	      restStyle = _objectWithoutProperties(style, _excluded6$1);
 
 	  var _ref3 = otherParams !== null && otherParams !== void 0 ? otherParams : {},
 	      vid = _ref3.vid,
@@ -69240,7 +69539,9 @@
 	      footer = _useContext.footer,
 	      onClick = _useContext.onClick,
 	      _onDoubleClick = _useContext.onDoubleClick,
-	      expand = _useContext.expand;
+	      onTitleClick = _useContext.onTitleClick,
+	      expand = _useContext.expand,
+	      checkboxConfig = _useContext.checkboxConfig;
 
 	  var _useState = React.useState(false),
 	      _useState2 = _slicedToArray(_useState, 2),
@@ -69271,9 +69572,8 @@
 	    }, resetConfig);
 	  }, [config]); // 多选事件
 
-	  var onChange = function onChange(e) {
-	    var bol = e.target.checked;
-	    var nValue = bol ? [].concat(_toConsumableArray(defaultValue), [item]) : defaultValue.filter(function (v) {
+	  var _onChange = function onChange(val) {
+	    var nValue = val ? [].concat(_toConsumableArray(defaultValue), [item]) : defaultValue.filter(function (v) {
 	      return v[rowKey] !== item[rowKey];
 	    });
 	    dispatch({
@@ -69285,6 +69585,15 @@
 	  var handleClick = function handleClick(e) {
 	    e.stopPropagation();
 	    onClick === null || onClick === void 0 ? void 0 : onClick(item);
+
+	    if (checkboxConfig.trigger === 'row') {
+	      _onChange === null || _onChange === void 0 ? void 0 : _onChange(!useCheck);
+	    }
+	  };
+
+	  var handleOnTitleClick = function handleOnTitleClick(e) {
+	    e.stopPropagation();
+	    onTitleClick === null || onTitleClick === void 0 ? void 0 : onTitleClick(item);
 	  };
 
 	  React.useEffect(function () {
@@ -69313,13 +69622,16 @@
 	    }
 	  }, /*#__PURE__*/React__default['default'].createElement(_Checkbox__default['default'], {
 	    checked: useCheck,
-	    onChange: onChange
+	    onChange: function onChange(e) {
+	      return _onChange(e.target.checked);
+	    }
 	  })), /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "card_cell_info"
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "title"
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: "label"
+	    className: "label",
+	    onClick: handleOnTitleClick
 	  }, item[defaultConfig.title]), /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "icon"
 	  }, /*#__PURE__*/React__default['default'].createElement(defaultConfig.stateRender, {