linkmore-design 1.1.24 → 1.1.25-beta.1

package/lib/EditTable/EditTable.js

@@ -1,97 +1,57 @@
 "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;
-
 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/regeneratorRuntime"));
-
 var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 require("antd/es/form/style");
-
 var _form = _interopRequireDefault(require("antd/es/form"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/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/toConsumableArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/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, {
@@ -116,29 +76,23 @@ 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", {
@@ -156,17 +110,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",
@@ -195,17 +149,15 @@ 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
@@ -213,55 +165,47 @@ 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: 编辑框配置（多选）
 */
-
-
 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)({
@@ -273,7 +217,6 @@ var EditableCell = function EditableCell(props) {
         }), Control(editable));
       }
     }
-
     if (isHoverEdit && editable) {
       if (focusCaptured) {
         childNode = /*#__PURE__*/_react.default.createElement(_form.default.Item, (0, _extends2.default)({
@@ -284,7 +227,6 @@ var EditableCell = function EditableCell(props) {
           name: dataIndex
         }), Control(editable));
       }
-
       if (!curValueIsValid) {
         childNode = /*#__PURE__*/_react.default.createElement(_form.default.Item, (0, _extends2.default)({
           style: {
@@ -295,26 +237,25 @@ 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 values;
@@ -324,24 +265,19 @@ var EditableCell = function EditableCell(props) {
             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) {
@@ -351,7 +287,6 @@ var EditableCell = function EditableCell(props) {
               });
               _context.next = 16;
               break;
-
             case 13:
               _context.prev = 13;
               _context.t1 = _context["catch"](0);
@@ -359,7 +294,6 @@ 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();
@@ -367,18 +301,17 @@ 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':
@@ -387,12 +320,10 @@ 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,
@@ -402,12 +333,10 @@ 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,
@@ -424,7 +353,6 @@ var EditableCell = function EditableCell(props) {
             value: v.value
           }, v.label);
         }));
-
       case 'multiple':
         return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({
           mode: "multiple",
@@ -443,7 +371,6 @@ 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
@@ -453,7 +380,6 @@ var EditableCell = function EditableCell(props) {
             value: v.value
           }, v.label);
         }));
-
       case 'radio':
         return /*#__PURE__*/_react.default.createElement(_radio.default.Group, {
           onChange: handleFormItemChange
@@ -463,13 +389,11 @@ 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,
@@ -478,7 +402,6 @@ var EditableCell = function EditableCell(props) {
           handleDelete: handleDelete,
           getLength: getLength
         }));
-
       case 'render':
         {
           var render = editEnum.render;
@@ -486,7 +409,6 @@ var EditableCell = function EditableCell(props) {
             onChange: save
           }));
         }
-
       default:
         return /*#__PURE__*/_react.default.createElement(_input.default, {
           onPressEnter: handleFormItemChange,
@@ -494,25 +416,21 @@ 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);
@@ -521,62 +439,54 @@ 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) {
@@ -587,11 +497,9 @@ 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) {
@@ -602,19 +510,16 @@ 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',
@@ -636,7 +541,6 @@ 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;

package/lib/EditTable/index.js

@@ -1,13 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _EditTable = _interopRequireDefault(require("./EditTable"));
-
 var _default = _EditTable.default;
 exports.default = _default;

package/lib/Empty/empty.js

@@ -1,20 +1,15 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _configProvider = require("antd/es/config-provider");
-
 var Empty = function Empty() {
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls('empty-img-default');
   return /*#__PURE__*/React.createElement("svg", {
     className: prefixCls,
@@ -61,6 +56,5 @@ var Empty = function Empty() {
     d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
   }))));
 };
-
 var _default = Empty;
 exports.default = _default;