linkmore-design 1.0.49 → 1.0.53

package/es/LmEditTable/EditTable.js

@@ -0,0 +1,892 @@
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/* eslint-disable no-unused-vars */
+
+
+import { PlusCircleOutlined } from '@ant-design/icons';
+import dayjs from 'dayjs';
+import { arrayMove } from '@dnd-kit/sortable';
+import { Button, Checkbox, IconFont, Input, InputNumber, Radio, Select, Table, Switch } from 'linkmore-design';
+import { get, set } from 'lodash';
+import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, memo, useCallback } from 'react';
+import { produce } from 'immer';
+import DndContainer from './DndContainer';
+import SortableBox from './sortableBox';
+import SortableItem from './sortableItem';
+import DragHandle from './DragHandle';
+import UploadOss from '../UploadOss';
+var UploadBtn = UploadOss.UploadBtn;
+var EditableContext = /*#__PURE__*/React.createContext(null); // 表格行
+
+var EditableRow = function EditableRow(_a) {
+  var index = _a.index,
+      props = __rest(_a, ["index"]);
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  return /*#__PURE__*/React.createElement(_Form, {
+    form: form,
+    component: false
+  }, /*#__PURE__*/React.createElement(EditableContext.Provider, {
+    value: form
+  }, /*#__PURE__*/React.createElement("tr", Object.assign({}, props))));
+};
+
+var EditableSortRow = function EditableSortRow(_a) {
+  var index = _a.index,
+      props = __rest(_a, ["index"]);
+
+  var _Form$useForm3 = _Form.useForm(),
+      _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
+      form = _Form$useForm4[0];
+
+  return /*#__PURE__*/React.createElement(_Form, {
+    form: form,
+    component: false
+  }, /*#__PURE__*/React.createElement(EditableContext.Provider, {
+    value: form
+  }, /*#__PURE__*/React.createElement(SortableItem, Object.assign({}, props))));
+};
+
+var UploadSingle = 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.createElement("div", {
+    className: "upload_single"
+  }, value ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-link",
+    style: {
+      fontSize: 14,
+      color: '#1890ff'
+    }
+  }), /*#__PURE__*/React.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.createElement(IconFont, {
+    type: "lmweb-delete",
+    style: {
+      fontSize: 14,
+      color: '#1890ff'
+    },
+    onClick: handleDelete
+  })) : /*#__PURE__*/React.createElement(UploadBtn, Object.assign({}, editEnum, {
+    value: value,
+    onChange: onChange
+  })));
+};
+
+var InputRange = function InputRange(_a) {
+  var _a$value = _a.value,
+      value = _a$value === void 0 ? ['', ''] : _a$value,
+      onChange = _a.onChange,
+      editEnum = __rest(_a, ["value", "onChange"]); // 输入值改变
+
+
+  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.createElement("div", {
+    className: "lm_editTable_wrapperRange"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "inputRange"
+  }, /*#__PURE__*/React.createElement(Input, Object.assign({
+    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.createElement(Input, Object.assign({
+    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 = function Opetate(_ref) {
+  var record = _ref.record,
+      rowKey = _ref.rowKey,
+      handleAdd = _ref.handleAdd,
+      handleDelete = _ref.handleDelete;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "lmweb-minus-circle",
+      style: {
+        fontSize: 16
+      }
+    }),
+    onClick: function onClick() {
+      return handleDelete(record[rowKey]);
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/React.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 = 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 = __rest(props, ["record", "rowKey", "isEdit", "col", "handleTableRowDelete", "handleTableRowAdd", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "itemProps", "setValid", "reWriteOriginSource"]);
+  /** 去除移入移出功能，保留最纯粹的功能，优化性能 */
+
+
+  var onMouseEnter = restProps.onMouseEnter,
+      onMouseLeave = restProps.onMouseLeave,
+      clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
+
+  var _col$componentProps = col.componentProps,
+      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps;
+  var checkCellRef = useRef(null); // const focusCapturedRef = useRef(false);
+  // const curValue = useMemo(() => {
+  //   return record?.dataIndex
+  // }, [record])
+  // const curValueIsValid = isValidValue(curValue);
+  // 校验保存
+
+  var save = function save(row) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var values;
+      return _regeneratorRuntime.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(Object.assign(Object.assign({}, values), _defineProperty({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), 'vvvv');
+              console.time('testForEach');
+              handleSave(Object.assign(Object.assign({}, 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]]);
+    }));
+  }; // 触发保存
+
+
+  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.createElement(Input, Object.assign({
+          onPressEnter: handleFormItemChange,
+          onBlur: handleFormItemChange,
+          ref: checkCellRef,
+          placeholder: "\u8BF7\u8F93\u5165"
+        }, componentProps, {
+          addonBefore: componentProps.addonBefore ? /*#__PURE__*/React.createElement(_Form.Item, {
+            name: [col.dataIndex, 'addonBeforeValue'],
+            noStyle: true
+          }, /*#__PURE__*/React.cloneElement(componentProps.addonBefore, {
+            onChange: handleFormItemChange
+          })) : null,
+          addonAfter: componentProps.addonAfter ? /*#__PURE__*/React.createElement(_Form.Item, {
+            name: [col.dataIndex, 'addonAfterValue'],
+            noStyle: true
+          }, /*#__PURE__*/React.cloneElement(componentProps.addonAfter, {
+            onChange: handleFormItemChange
+          })) : null
+        }));
+
+      case 'inputRange':
+        return /*#__PURE__*/React.createElement(InputRange, Object.assign({
+          onChange: handleFormItemChange,
+          ref: checkCellRef
+        }, componentProps));
+
+      case 'number':
+        return /*#__PURE__*/React.createElement(InputNumber, Object.assign({
+          onPressEnter: handleFormItemChange,
+          onBlur: handleFormItemChange,
+          style: {
+            width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
+          },
+          placeholder: "\u8BF7\u8F93\u5165",
+          ref: checkCellRef
+        }, componentProps));
+
+      case 'date':
+        // @ts-ignore
+        return /*#__PURE__*/React.createElement(_DatePicker, Object.assign({
+          onChange: handleFormItemChange,
+          ref: checkCellRef
+        }, componentProps));
+
+      case 'select':
+        return /*#__PURE__*/React.createElement(Select, Object.assign({
+          showSearch: true,
+          allowClear: true,
+          placeholder: "\u8BF7\u9009\u62E9",
+          ref: checkCellRef,
+          filterOption: function filterOption(input, option) {
+            var _a, _b;
+
+            return ((_b = (_a = option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf(input.toLowerCase())) >= 0;
+          }
+        }, componentProps, {
+          onChange: handleFormItemChange
+        }));
+
+      case 'multiple':
+        return /*#__PURE__*/React.createElement(Select, Object.assign({
+          mode: "multiple",
+          showSearch: true,
+          allowClear: true,
+          placeholder: "\u8BF7\u9009\u62E9",
+          ref: checkCellRef,
+          filterOption: function filterOption(input, option) {
+            var _a;
+
+            return ((_a = option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(input.toLowerCase())) >= 0;
+          },
+          onChange: handleFormItemChange,
+          onDeselect: handleFormItemChange
+        }, componentProps));
+
+      case 'checkbox':
+        return /*#__PURE__*/React.createElement(Checkbox.Group, Object.assign({
+          onChange: handleFormItemChange,
+          ref: checkCellRef
+        }, componentProps));
+
+      case 'radio':
+        return /*#__PURE__*/React.createElement(Radio.Group, Object.assign({
+          onChange: handleFormItemChange,
+          ref: checkCellRef
+        }, componentProps), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
+          return /*#__PURE__*/React.createElement(Radio, {
+            key: v.value,
+            value: v.value
+          }, v.label);
+        }));
+
+      case 'switch':
+        return /*#__PURE__*/React.createElement(Switch, {
+          onChange: handleFormItemChange
+        });
+
+      case 'upload':
+        return /*#__PURE__*/React.createElement(UploadSingle, {
+          editEnum: componentProps,
+          ref: checkCellRef,
+          onChange: handleFormItemChange
+        });
+
+      case 'operate':
+      case 'lm_edit_opetate':
+        return /*#__PURE__*/React.createElement(Opetate, Object.assign({
+          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(Object.assign(Object.assign({}, record), {
+            onChange: save
+          }));
+        }
+
+      default:
+        return /*#__PURE__*/React.createElement(Input, Object.assign({
+          onPressEnter: handleFormItemChange,
+          onBlur: handleFormItemChange,
+          ref: checkCellRef
+        }, componentProps));
+    }
+  };
+
+  var getMemoChildNode = useMemo(function () {
+    var editable = col.editable,
+        dataIndex = col.dataIndex,
+        formProps = col.formProps,
+        componentProps = col.componentProps;
+    var childNode = children;
+
+    if (isEdit && editable) {
+      childNode = /*#__PURE__*/React.createElement(_Form.Item, Object.assign({
+        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.createElement(_Form.Item, Object.assign({
+          style: {
+            margin: 0
+          }
+        }, formProps, {
+          name: [dataIndex, 'value']
+        }), Control(editable));
+      }
+    }
+
+    return childNode;
+  }, [col, isEdit]); // const [childNode, setChildNode] = useState(getMemoChildNode);
+
+  var form = useContext(EditableContext); // 出现死循环找我
+
+  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(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.createElement("td", Object.assign({}, clearProps, {
+    key: "".concat(record[rowKey], "_").concat(record.dataIndex)
+  }), getMemoChildNode); // return <td {...restProps} className={classNames} {...extensionConfig} key={`${get(record, rowKey)}_${dataIndex}`}>{childNode}</td>
+};
+
+var EditTable = /*#__PURE__*/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,
+      isUseForm = _props$isUseForm === void 0 ? true : _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 = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "size"]);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      dataSource = _useState2[0],
+      setDataSource = _useState2[1]; // const [count, setCount] = useState(0);
+
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      _valid = _useState4[0],
+      setValid = _useState4[1];
+
+  var _useState5 = useState([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      localRowSelectList = _useState6[0],
+      setLocalRowSelectList = _useState6[1];
+
+  var _useState7 = useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      sortEditTable = _useState8[0],
+      setCallBackFalg = _useState8[1];
+
+  var dataSourceRef = useRef([]);
+  var sortDataSorceRef = useRef([]);
+
+  var onSortEnd = function onSortEnd(active, over) {
+    var cloneArr = _toConsumableArray(dataSourceRef.current);
+
+    var oldIndex = cloneArr.findIndex(function (v) {
+      return v[_rowKey] === active;
+    });
+    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 handleAdd = function handleAdd(row) {
+    var res = produce(dataSourceRef.current, function (draft) {
+      draft.push(_defineProperty({}, _rowKey, "".concat(Date.now())));
+    });
+    setDataSource(res);
+    onChange === null || onChange === void 0 ? void 0 : onChange(res);
+  };
+
+  useEffect(function () {
+    var _a;
+
+    dataSourceRef.current = dataSource;
+
+    if (sortOpen) {
+      var dataSourceKeys = dataSource.map(function (item) {
+        return item[_rowKey];
+      }).join(',');
+      var setCallBackFalgKeys = ((_a = sortDataSorceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+        return item[_rowKey];
+      }).join(',')) || '';
+
+      if (dataSourceKeys !== setCallBackFalgKeys) {
+        setCallBackFalg(dataSource);
+        sortDataSorceRef.current = dataSource;
+      }
+    }
+  }, [dataSource]);
+  /** 本地缓存一个选择数据 */
+
+  useEffect(function () {
+    if (rowSelection) {
+      var selectedRowKeys = rowSelection.selectedRowKeys;
+
+      if (selectedRowKeys) {
+        setLocalRowSelectList(localRowSelectList || []);
+      }
+    }
+  }, [rowSelection]);
+
+  var editTableRowChange = function editTableRowChange(selectRows) {
+    var _a;
+
+    setLocalRowSelectList(selectRows);
+    (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, selectRows);
+  };
+
+  var handleSave = function handleSave(row) {
+    var res = produce(dataSourceRef.current, function (draft) {
+      var index = draft.findIndex(function (item) {
+        return row[_rowKey] === item[_rowKey];
+      });
+
+      if (index !== -1) {
+        draft[index] = row;
+      }
+    });
+    console.time('b');
+
+    if (onChange) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(res);
+    } else {
+      setDataSource(res);
+    }
+
+    console.timeEnd('b');
+  };
+
+  var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
+    setDataSource(function (prevDataSource) {
+      return prevDataSource.map(function (item) {
+        if (get(item, rowKey) === rowValue) {
+          set(item, dataIndex, nextValue);
+        }
+
+        return item;
+      });
+    });
+  }; // 校验保存
+  // 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 handleTableRowDelete = function handleTableRowDelete(key) {
+    var res = produce(dataSourceRef.current, function (draft) {
+      var index = draft.findIndex(function (item) {
+        return key === item[_rowKey];
+      });
+
+      if (index !== -1) {
+        draft.splice(index, 1);
+      }
+    });
+
+    if (onChange) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(res);
+    } else {
+      setDataSource(res);
+    } // setDataSource(res)
+    // onChange?.(res)
+
+  };
+
+  var handleTableRowAdd = function handleTableRowAdd(record) {
+    var res = produce(dataSourceRef.current, function (draft) {
+      var index = draft.findIndex(function (item) {
+        return record[_rowKey] === item[_rowKey];
+      });
+
+      if (index !== -1) {
+        draft.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
+      }
+    });
+
+    if (onChange) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(res);
+    } else {
+      setDataSource(res);
+    }
+  };
+
+  var resultColumns = useMemo(function () {
+    var localColumns = [sortOpen ? {
+      title: '',
+      dataIndex: 'sort',
+      width: 32,
+      maxWidth: 32,
+      render: function render(_, record) {
+        return /*#__PURE__*/React.createElement(DragHandle, {
+          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 Object.assign(Object.assign({}, 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;
+      }
+
+      return Object.assign(Object.assign({}, col), {
+        shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
+          var dataIndex = col.dataIndex;
+
+          if (col === null || col === void 0 ? void 0 : col.fixed) {
+            return true;
+          }
+
+          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 = useCallback(function (_a) {
+    var _b;
+
+    var props = __rest(_a, []);
+
+    return /*#__PURE__*/React.createElement(DndContainer, {
+      move: onSortEnd
+    }, /*#__PURE__*/React.createElement(SortableBox, {
+      items: (_b = dataSourceRef.current) === null || _b === void 0 ? void 0 : _b.map(function (item) {
+        return item[_rowKey];
+      })
+    }, /*#__PURE__*/React.createElement("tbody", Object.assign({}, props)))) // <tbody {...props} />
+    ;
+  }, [sortEditTable]);
+  var config = useMemo(function () {
+    return Object.assign({
+      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,
+          cell: EditableCell // wrapper: DraggableContainer
+
+        }, sortOpen ? {
+          wrapper: DraggableContainer
+        } : {})
+      }
+    }, resetProps);
+  }, [resultColumns, dataSource, sortOpen, size]);
+  useEffect(function () {
+    setDataSource(defaultData === null || defaultData === void 0 ? void 0 : defaultData.map(function (v, idx) {
+      return Object.assign(Object.assign({}, v), _defineProperty({}, _rowKey, v[_rowKey] || "v".concat(idx + 1)));
+    }));
+  }, [defaultData]);
+  useImperativeHandle(ref, function () {
+    return {
+      setRow: handleSave,
+      valid: function valid() {
+        return _valid;
+      }
+    };
+  });
+  var isShowAddAction = useMemo(function () {
+    return isEdit && isAdd || isHoverEdit && isAdd;
+  }, [isEdit, isAdd, isHoverEdit]); // @ts-ignore
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm_editTable_warpper"
+  }, /*#__PURE__*/React.createElement(Table, Object.assign({}, 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.createElement(Button, {
+    className: "lm_editTable_add_bar",
+    type: "dashed",
+    block: true,
+    onClick: handleAdd,
+    style: {
+      marginTop: 8
+    }
+  }, /*#__PURE__*/React.createElement(PlusCircleOutlined, {
+    className: "lm_editTable_add_icon"
+  }), "\u65B0\u589E"));
+});
+export default /*#__PURE__*/memo(EditTable);