linkmore-design 1.1.32 → 1.1.33

package/es/EditTable/EditTable.js

@@ -1,57 +1,97 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 require("antd/es/table/style");
+
 var _table = _interopRequireDefault(require("antd/es/table"));
+
 require("antd/es/radio/style");
+
 var _radio = _interopRequireDefault(require("antd/es/radio"));
+
 require("antd/es/checkbox/style");
+
 var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+
 require("antd/es/select/style");
+
 var _select = _interopRequireDefault(require("antd/es/select"));
+
 require("antd/es/date-picker/style");
+
 var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
+
 require("antd/es/input-number/style");
+
 var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+
 var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 require("antd/es/form/style");
+
 var _form = _interopRequireDefault(require("antd/es/form"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 require("antd/es/button/style");
+
 var _button = _interopRequireDefault(require("antd/es/button"));
+
 require("antd/es/input/style");
+
 var _input = _interopRequireDefault(require("antd/es/input"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _linkmoreDesign = require("linkmore-design");
+
 var _dayjs = _interopRequireDefault(require("dayjs"));
+
 var _UploadOss = _interopRequireDefault(require("../UploadOss"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _lodash = require("lodash");
+
 var _icons = require("@ant-design/icons");
+
 var _excluded = ["value", "onChange"],
-  _excluded2 = ["index"],
-  _excluded3 = ["isEdit", "isHoverEdit", "editEnum", "valueType", "editable", "children", "dataIndex", "record", "handleSave", "rowKey", "handleAdd", "handleDelete", "getLength", "itemProps", "setValid", "reWriteOriginSource"],
-  _excluded4 = ["value", "onChange", "columns", "isEdit", "isAdd", "rowKey", "isHoverEdit"];
+    _excluded2 = ["index"],
+    _excluded3 = ["isEdit", "isHoverEdit", "editEnum", "valueType", "editable", "children", "dataIndex", "record", "handleSave", "rowKey", "handleAdd", "handleDelete", "getLength", "itemProps", "setValid", "reWriteOriginSource"],
+    _excluded4 = ["value", "onChange", "columns", "isEdit", "isAdd", "rowKey", "isHoverEdit"];
 var UploadBtn = _UploadOss.default.UploadBtn;
+
 var EditableContext = /*#__PURE__*/_react.default.createContext(null);
+
 var UploadSingle = function UploadSingle(props) {
   var value = props.value,
-    onChange = props.onChange,
-    editEnum = props.editEnum;
+      onChange = props.onChange,
+      editEnum = props.editEnum;
+
   var handleDelete = function handleDelete() {
     onChange === null || onChange === void 0 ? void 0 : onChange();
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "upload_single"
   }, value ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
@@ -76,23 +116,29 @@ var UploadSingle = function UploadSingle(props) {
     onChange: onChange
   })));
 };
+
 var InputRange = function InputRange(_ref) {
   var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? ['', ''] : _ref$value,
-    onChange = _ref.onChange,
-    editEnum = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+      value = _ref$value === void 0 ? ['', ''] : _ref$value,
+      onChange = _ref.onChange,
+      editEnum = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
   // 输入值改变
   var handleInput = function handleInput(e, type) {
     var v = e.target.value;
     var nValue = (0, _toConsumableArray2.default)(value);
+
     if (type === 'prev') {
       nValue[0] = v;
     }
+
     if (type === 'next') {
       nValue[1] = v;
     }
+
     onChange(nValue);
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_base_editTable_wrapperRange"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -110,17 +156,17 @@ var InputRange = function InputRange(_ref) {
       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;
+      rowKey = _ref2.rowKey,
+      handleAdd = _ref2.handleAdd,
+      handleDelete = _ref2.handleDelete,
+      getLength = _ref2.getLength,
+      removeEnum = _ref2.removeEnum,
+      addEnum = _ref2.addEnum;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({
     type: "link",
     size: "small",
@@ -149,15 +195,17 @@ var Opetate = function Opetate(_ref2) {
       return handleAdd(record);
     }
   })));
-};
+}; // 表格行
+
 
-// 表格行
 var EditableRow = function EditableRow(_ref3) {
   var index = _ref3.index,
-    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+
   var _Form$useForm = _form.default.useForm(),
-    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-    form = _Form$useForm2[0];
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
   return /*#__PURE__*/_react.default.createElement(_form.default, {
     form: form,
     component: false
@@ -165,47 +213,55 @@ var EditableRow = function EditableRow(_ref3) {
     value: form
   }, /*#__PURE__*/_react.default.createElement("tr", props)));
 };
+
 var isValidValue = function isValidValue(verifyValue) {
   var toStringValue = JSON.stringify(verifyValue);
+
   if (verifyValue === undefined || verifyValue === null || verifyValue === '' || toStringValue === '[]' || toStringValue === '{}') {
     return false;
   }
+
   return true;
 };
-
-/*
-  表格单元格
-  editEnum： 下拉框时的数据数组（非数组时是配置设置）
-  valueType: 编辑框配置（多选）
+/*
+  表格单元格
+  editEnum： 下拉框时的数据数组（非数组时是配置设置）
+  valueType: 编辑框配置（多选）
 */
+
+
 var EditableCell = function EditableCell(props) {
   var isEdit = props.isEdit,
-    isHoverEdit = props.isHoverEdit,
-    editEnum = props.editEnum,
-    valueType = props.valueType,
-    editable = props.editable,
-    children = props.children,
-    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,
-    reWriteOriginSource = props.reWriteOriginSource,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
+      isHoverEdit = props.isHoverEdit,
+      editEnum = props.editEnum,
+      valueType = props.valueType,
+      editable = props.editable,
+      children = props.children,
+      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,
+      reWriteOriginSource = props.reWriteOriginSource,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
+
   var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    editing = _useState2[0],
-    setEditing = _useState2[1];
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      editing = _useState2[0],
+      setEditing = _useState2[1];
+
   var focusCapturedRef = (0, _react.useRef)(false);
   var curValue = (0, _lodash.get)(record, dataIndex);
   var curValueIsValid = isValidValue(curValue);
+
   var getDefaultChildNode = function getDefaultChildNode() {
     var focusCaptured = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var childNode = children;
+
     if (!isHoverEdit) {
       if (isEdit && editable) {
         childNode = /*#__PURE__*/_react.default.createElement(_form.default.Item, (0, _extends2.default)({
@@ -217,6 +273,7 @@ var EditableCell = function EditableCell(props) {
         }), Control(editable));
       }
     }
+
     if (isHoverEdit && editable) {
       if (focusCaptured) {
         childNode = /*#__PURE__*/_react.default.createElement(_form.default.Item, (0, _extends2.default)({
@@ -227,6 +284,7 @@ var EditableCell = function EditableCell(props) {
           name: dataIndex
         }), Control(editable));
       }
+
       if (!curValueIsValid) {
         childNode = /*#__PURE__*/_react.default.createElement(_form.default.Item, (0, _extends2.default)({
           style: {
@@ -237,47 +295,53 @@ var EditableCell = function EditableCell(props) {
         }), Control(editable));
       }
     }
+
     return childNode;
   };
+
   var _useState3 = (0, _react.useState)(getDefaultChildNode),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    childNode = _useState4[0],
-    setChildNode = _useState4[1];
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      childNode = _useState4[0],
+      setChildNode = _useState4[1];
+
   var form = (0, _react.useContext)(EditableContext);
   (0, _react.useEffect)(function () {
     setChildNode(getDefaultChildNode(focusCapturedRef.current));
-  }, [children]);
+  }, [children]); // 出现死循环找我
 
-  // 出现死循环找我
   (0, _react.useEffect)(function () {
     if (isEdit && editable && record[dataIndex] || isHoverEdit && editable && record[dataIndex]) {
       form.setFieldsValue((0, _defineProperty2.default)({}, dataIndex, editable === 'date' ? (0, _dayjs.default)(record[dataIndex]) : record[dataIndex]));
     }
-  }, [record]);
+  }, [record]); // 校验保存
 
-  // 校验保存
   var save = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(row) {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(row) {
       var values;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               _context.t0 = row;
+
               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((0, _objectSpread5.default)((0, _objectSpread5.default)({}, record), values));
               _context.next = 10;
               return form.validateFields();
+
             case 10:
               // 清空异常校验
               setValid(function (old) {
@@ -287,6 +351,7 @@ var EditableCell = function EditableCell(props) {
               });
               _context.next = 16;
               break;
+
             case 13:
               _context.prev = 13;
               _context.t1 = _context["catch"](0);
@@ -294,6 +359,7 @@ var EditableCell = function EditableCell(props) {
               setValid(function (old) {
                 return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, old), {}, (0, _defineProperty2.default)({}, record[rowKey], _context.t1.errorFields));
               });
+
             case 16:
             case "end":
               return _context.stop();
@@ -301,17 +367,18 @@ var EditableCell = function EditableCell(props) {
         }
       }, _callee, null, [[0, 13]]);
     }));
+
     return function save(_x) {
       return _ref4.apply(this, arguments);
     };
-  }();
+  }(); // 触发保存
+
 
-  // 触发保存
   var handleFormItemChange = function handleFormItemChange() {
     save === null || save === void 0 ? void 0 : save();
-  };
+  }; // 输入框
+
 
-  // 输入框
   function Control(con) {
     switch (con) {
       case 'input':
@@ -320,10 +387,12 @@ var EditableCell = function EditableCell(props) {
           onBlur: handleFormItemChange,
           placeholder: "\u8BF7\u8F93\u5165"
         }, editEnum));
+
       case 'inputRange':
         return /*#__PURE__*/_react.default.createElement(InputRange, (0, _extends2.default)({
           onChange: handleFormItemChange
         }, editEnum));
+
       case 'number':
         return /*#__PURE__*/_react.default.createElement(_inputNumber.default, (0, _extends2.default)({
           onPressEnter: handleFormItemChange,
@@ -333,10 +402,12 @@ var EditableCell = function EditableCell(props) {
           },
           placeholder: "\u8BF7\u8F93\u5165"
         }, editEnum));
+
       case 'date':
         return /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _extends2.default)({
           onChange: handleFormItemChange
         }, editEnum));
+
       case 'select':
         return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({
           showSearch: true,
@@ -353,6 +424,7 @@ var EditableCell = function EditableCell(props) {
             value: v.value
           }, v.label);
         }));
+
       case 'multiple':
         return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({
           mode: "multiple",
@@ -371,6 +443,7 @@ var EditableCell = function EditableCell(props) {
             value: v.value
           }, v.label);
         }));
+
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, (0, _extends2.default)({
           onChange: handleFormItemChange
@@ -380,6 +453,7 @@ var EditableCell = function EditableCell(props) {
             value: v.value
           }, v.label);
         }));
+
       case 'radio':
         return /*#__PURE__*/_react.default.createElement(_radio.default.Group, {
           onChange: handleFormItemChange
@@ -389,11 +463,13 @@ var EditableCell = function EditableCell(props) {
             value: v.value
           }, v.label);
         }));
+
       case 'upload':
         return /*#__PURE__*/_react.default.createElement(UploadSingle, {
           editEnum: editEnum,
           onChange: handleFormItemChange
         });
+
       case 'operate':
         return /*#__PURE__*/_react.default.createElement(Opetate, (0, _extends2.default)({}, editEnum, {
           record: record,
@@ -402,6 +478,7 @@ var EditableCell = function EditableCell(props) {
           handleDelete: handleDelete,
           getLength: getLength
         }));
+
       case 'render':
         {
           var render = editEnum.render;
@@ -409,6 +486,7 @@ var EditableCell = function EditableCell(props) {
             onChange: save
           }));
         }
+
       default:
         return /*#__PURE__*/_react.default.createElement(_input.default, {
           onPressEnter: handleFormItemChange,
@@ -416,21 +494,25 @@ var EditableCell = function EditableCell(props) {
         });
     }
   }
+
   var isOpenEdit = isEdit && focusCapturedRef.current || isHoverEdit && focusCapturedRef.current;
   var classNames = (0, _classnames.default)({
     'lm_base_editTable_cell': true,
     'lm_base_editTable_cell_edit': isOpenEdit || isHoverEdit && !curValueIsValid
   });
   var extensionConfig = {};
+
   var mouseEnterCell = function mouseEnterCell() {
     focusCapturedRef.current = true;
     var newChildNode = getDefaultChildNode(true);
     setChildNode(newChildNode);
   };
+
   var mouseLeaveCell = function mouseLeaveCell() {
     focusCapturedRef.current = false;
     var nextValue = form.getFieldValue(dataIndex);
     var prevValue = (0, _lodash.get)(record, dataIndex);
+
     if (!(0, _lodash.eq)(prevValue, nextValue)) {
       var rowValue = (0, _lodash.get)(record, rowKey);
       reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue);
@@ -439,54 +521,62 @@ var EditableCell = function EditableCell(props) {
       setChildNode(newChildNode);
     }
   };
+
   if (isHoverEdit && editable) {
     (0, _lodash.set)(extensionConfig, 'onMouseEnter', mouseEnterCell);
     (0, _lodash.set)(extensionConfig, 'onMouseLeave', mouseLeaveCell);
   }
+
   return /*#__PURE__*/_react.default.createElement("td", (0, _extends2.default)({}, restProps, {
     className: classNames
   }, extensionConfig, {
     key: "".concat((0, _lodash.get)(record, rowKey), "_").concat(dataIndex)
   }), childNode);
 };
+
 var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var defaultData = props.value,
-    onChange = props.onChange,
-    columns = props.columns,
-    isEdit = props.isEdit,
-    _props$isAdd = props.isAdd,
-    isAdd = _props$isAdd === void 0 ? true : _props$isAdd,
-    _props$rowKey = props.rowKey,
-    _rowKey = _props$rowKey === void 0 ? '_ID' : _props$rowKey,
-    isHoverEdit = props.isHoverEdit,
-    resetProps = (0, _objectWithoutProperties2.default)(props, _excluded4);
+      onChange = props.onChange,
+      columns = props.columns,
+      isEdit = props.isEdit,
+      _props$isAdd = props.isAdd,
+      isAdd = _props$isAdd === void 0 ? true : _props$isAdd,
+      _props$rowKey = props.rowKey,
+      _rowKey = _props$rowKey === void 0 ? '_ID' : _props$rowKey,
+      isHoverEdit = props.isHoverEdit,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded4);
+
   var _useState5 = (0, _react.useState)(function () {
-      return defaultData === null || defaultData === void 0 ? void 0 : defaultData.map(function (v, idx) {
-        return (0, _objectSpread5.default)((0, _defineProperty2.default)({}, _rowKey, "v".concat(idx + 1)), v);
-      });
-    }),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    dataSource = _useState6[0],
-    setDataSource = _useState6[1];
+    return defaultData === null || defaultData === void 0 ? void 0 : defaultData.map(function (v, idx) {
+      return (0, _objectSpread5.default)((0, _defineProperty2.default)({}, _rowKey, "v".concat(idx + 1)), v);
+    });
+  }),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      dataSource = _useState6[0],
+      setDataSource = _useState6[1];
+
   var _useState7 = (0, _react.useState)(2),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    count = _useState8[0],
-    setCount = _useState8[1];
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      count = _useState8[0],
+      setCount = _useState8[1];
+
   var _useState9 = (0, _react.useState)({}),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    _valid = _useState10[0],
-    setValid = _useState10[1];
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      _valid = _useState10[0],
+      setValid = _useState10[1]; // 删除
+
 
-  // 删除
   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 = (0, _defineProperty2.default)({}, _rowKey, count + 1);
     var nValue = [];
+
     if (row) {
       var arr = (0, _toConsumableArray2.default)(dataSource);
       var index = arr.findIndex(function (item) {
@@ -497,9 +587,11 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } else {
       nValue = [].concat((0, _toConsumableArray2.default)(dataSource), [newData]);
     }
+
     setCount(count + 1);
     onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
   };
+
   var handleSave = function handleSave(row) {
     var newData = (0, _toConsumableArray2.default)(dataSource);
     var index = newData.findIndex(function (item) {
@@ -510,16 +602,19 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     setDataSource(newData);
     onChange === null || onChange === void 0 ? void 0 : onChange(newData);
   };
+
   var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
     setDataSource(function (prevDataSource) {
       return prevDataSource.map(function (item) {
         if ((0, _lodash.get)(item, rowKey) === rowValue) {
           (0, _lodash.set)(item, dataIndex, nextValue);
         }
+
         return item;
       });
     });
   };
+
   var config = (0, _react.useMemo)(function () {
     return (0, _objectSpread5.default)({
       size: 'small',
@@ -541,6 +636,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         if (!col.editable) {
           return col;
         }
+
         return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, col), {}, {
           render: function render(value) {
             return value;