linkmore-design 1.1.28-alpha.5 → 1.1.28-alpha.7

package/lib/LmEditTable/EditTable.js

@@ -591,7 +591,13 @@ var EditableCell = function EditableCell(props) {
         onClick: toggleEdit
       }, childNode);
     } else if (isEdit && editable) {
-      childNode = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _util.isExpandRow)(childNode) && childNode[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
+      childNode = /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          flexWrap: 'nowrap'
+        }
+      }, (0, _util.isExpandRow)(childNode) && childNode[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
         errorPlacement: "right",
         valuePropName: editable === 'switch' ? 'checked' : 'value',
         style: {
@@ -603,7 +609,13 @@ var EditableCell = function EditableCell(props) {
       }), Control(editable)));
 
       if (editable === 'input' && ((resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.addonBefore) || (resultComponentProps === null || resultComponentProps === void 0 ? void 0 : resultComponentProps.addonAfter))) {
-        childNode = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _util.isExpandRow)(childNode) && childNode[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
+        childNode = /*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            display: 'flex',
+            flexDirection: 'row',
+            flexWrap: 'nowrap'
+          }
+        }, (0, _util.isExpandRow)(childNode) && childNode[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
           errorPlacement: "right",
           style: {
             margin: 0
@@ -808,80 +820,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       draft.push(Object.assign((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())), addDataInfo || {}));
     });
     setDataSource(res);
-  }, 40);
-
-  var handleSave = function handleSave(row, options) {
-    var _a, _b;
-
-    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[row[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
-    var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-      if (options === null || options === void 0 ? void 0 : options.only) {
-        var _ref = options === null || options === void 0 ? void 0 : options.only,
-            key = _ref.key,
-            value = _ref.value;
-
-        if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
-          var deeps = function deeps(children) {
-            children === null || children === void 0 ? void 0 : children.forEach(function (item) {
-              var _a;
-
-              if (preKeys.includes(item[_rowKey])) {
-                if (item[_rowKey] === row[_rowKey]) {
-                  children === null || children === void 0 ? void 0 : children.forEach(function (c) {
-                    c[key] = value;
-                  });
-                  (_a = Object.keys(item)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
-                    item[v] = row[v] || item[v];
-                  });
-                } else if (item.children) {
-                  deeps(item.children);
-                }
-              }
-            });
-          };
-
-          deeps(draft);
-        } else {
-          draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
-            if (row[_rowKey] === item[_rowKey]) {
-              draft[index] = row;
-            } else {
-              draft[index][key] = value;
-            }
-          });
-        }
-      } else {
-        if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
-          var _deeps = function _deeps(children) {
-            children === null || children === void 0 ? void 0 : children.forEach(function (item) {
-              var _a;
-
-              if (preKeys.includes(item[_rowKey])) {
-                if (item[_rowKey] === row[_rowKey]) {
-                  (_a = Object.keys(row)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
-                    item[v] = row[v] || item[v];
-                  });
-                } else if (item.children) {
-                  _deeps(item.children);
-                }
-              }
-            });
-          };
-
-          _deeps(draft);
-        } else {
-          var index = draft.findIndex(function (item) {
-            return row[_rowKey] === item[_rowKey];
-          });
-
-          if (index !== -1) {
-            draft[index] = row;
-          }
-        }
-      }
-    });
-    setDataSource(res);
-  }; // const reWriteOriginSource = (rowKey: string, rowValue, dataIndex: number, nextValue) => {
+  }, 40); // const reWriteOriginSource = (rowKey: string, rowValue, dataIndex: number, nextValue) => {
   //   setDataSource((prevDataSource) => {
   //     return prevDataSource?.map((item) => {
   //       if (get(item, rowKey) === rowValue) {
@@ -895,7 +834,6 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   /** 删除当前行 */
 
-
   var handleTableRowDelete = (0, _lodash.debounce)(function (key) {
     var _a, _b, _c;
 
@@ -968,7 +906,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     var res = deep(dataSourceRef.current);
     setDataSource(res);
-  }, 40);
+  }, 20);
   /** 快捷添加 */
 
   var handleTableRowAdd = (0, _lodash.debounce)(function (record, isAppendInChindren, defaultRecord) {
@@ -1051,8 +989,87 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     });
     setDataSource(res);
   }, 50);
+
+  var handleSave = function handleSave(row, options) {
+    var _a, _b;
+
+    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[row[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
+
+    if (options === null || options === void 0 ? void 0 : options.only) {
+      var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
+        if (options === null || options === void 0 ? void 0 : options.only) {
+          var _ref7 = options === null || options === void 0 ? void 0 : options.only,
+              key = _ref7.key,
+              value = _ref7.value;
+
+          if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
+            var deeps = function deeps(children) {
+              children === null || children === void 0 ? void 0 : children.forEach(function (item) {
+                var _a;
+
+                if (preKeys.includes(item[_rowKey])) {
+                  if (item[_rowKey] === row[_rowKey]) {
+                    children === null || children === void 0 ? void 0 : children.forEach(function (c) {
+                      c[key] = value;
+                    });
+                    (_a = Object.keys(item)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
+                      item[v] = row[v] || item[v];
+                    });
+                  } else if (item.children) {
+                    deeps(item.children);
+                  }
+                }
+              });
+            };
+
+            deeps(draft);
+          } else {
+            draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
+              if (row[_rowKey] === item[_rowKey]) {
+                draft[index] = row;
+              } else {
+                draft[index][key] = value;
+              }
+            });
+          }
+        } else {
+          if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
+            var _deeps = function _deeps(children) {
+              children === null || children === void 0 ? void 0 : children.forEach(function (item) {
+                var _a;
+
+                if (preKeys.includes(item[_rowKey])) {
+                  if (item[_rowKey] === row[_rowKey]) {
+                    (_a = Object.keys(row)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
+                      item[v] = row[v] || item[v];
+                    });
+                  } else if (item.children) {
+                    _deeps(item.children);
+                  }
+                }
+              });
+            };
+
+            _deeps(draft);
+          } else {
+            var index = draft.findIndex(function (item) {
+              return row[_rowKey] === item[_rowKey];
+            });
+
+            if (index !== -1) {
+              draft[index] = row;
+            }
+          }
+        }
+      });
+      setDataSource(res);
+    } else {
+      handleTableRowReplace(row[_rowKey], row);
+    }
+  };
   /** 快捷刷子功能 */
 
+
   var handleCopy = function handleCopy(key, value, type, rowIndex) {
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
       draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
@@ -1647,6 +1664,29 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       };
     }
   }, []);
+  var checkFormItem = (0, _react.useMemo)(function () {
+    var arr = [];
+    columns.forEach(function (item) {
+      var _a;
+
+      if (item.children) {
+        (_a = item.children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) {
+          arr.push( /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
+            noStyle: true,
+            key: c.dataIndex,
+            name: c.dataIndex
+          }, (c === null || c === void 0 ? void 0 : c['formProps']) || {}), c.dataIndex || 'text'));
+        });
+      } else {
+        arr.push( /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
+          noStyle: true,
+          key: item.dataIndex,
+          name: item.dataIndex
+        }, (item === null || item === void 0 ? void 0 : item['formProps']) || {}), item.dataIndex || 'text'));
+      }
+    });
+    return arr;
+  }, [columns]);
 
   if (colSortOpen) {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -1696,13 +1736,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
       form: checkForm,
       component: false
-    }, columns.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
-        noStyle: true,
-        key: item.dataIndex,
-        name: item.dataIndex
-      }, (item === null || item === void 0 ? void 0 : item['formProps']) || {}), item.dataIndex || 'text');
-    }))));
+    }, checkFormItem)));
   } // @ts-ignore
 
 
@@ -1762,13 +1796,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
     form: checkForm,
     component: false
-  }, columns.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
-      noStyle: true,
-      key: item.dataIndex,
-      name: item.dataIndex
-    }, (item === null || item === void 0 ? void 0 : item['formProps']) || {}), item.dataIndex || 'text');
-  }))));
+  }, checkFormItem)));
 });
 
 var _default = /*#__PURE__*/(0, _react.memo)(EditTable);

package/lib/LmEditTable/style/index.css

@@ -530,7 +530,7 @@ p {
   content: '-';
 }
 .lm_editTable_warpper .ant-table-thead .ant-table-cell {
-  height: 40px;
+  min-height: 40px;
   padding: 10px 8px;
   font-family: PingFangSC-Medium;
   font-size: 12px;
@@ -559,11 +559,6 @@ p {
 .lm_editTable_warpper .lm_custom_cell_td {
   position: relative;
 }
-.lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
 .lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append .ant-table-row-expand-icon {
   margin-right: 8px;
   flex: none;

package/lib/LmEditTable/style/variables.css

@@ -18,7 +18,7 @@
   content: '-';
 }
 .lm_editTable_warpper .ant-table-thead .ant-table-cell {
-  height: 40px;
+  min-height: 40px;
   padding: 10px 8px;
   font-family: PingFangSC-Medium;
   font-size: 12px;
@@ -47,11 +47,6 @@
 .lm_editTable_warpper .lm_custom_cell_td {
   position: relative;
 }
-.lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
 .lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append .ant-table-row-expand-icon {
   margin-right: 8px;
   flex: none;

package/lib/LmEditTable/util.js

@@ -49,9 +49,9 @@ function deepDataSourcePreKeys(dataSource, rowKey) {
 }
 
 function isExpandRow(children) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
 
-  return ['Collapse row', 'Expand row'].includes((_e = (_d = (_c = (_b = (_a = children === null || children === void 0 ? void 0 : children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e['aria-label']);
+  return ['Collapse row', 'Expand row'].includes((_e = (_d = (_c = (_b = (_a = children === null || children === void 0 ? void 0 : children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e['aria-label']) || ((_l = (_k = (_j = (_h = (_g = (_f = children === null || children === void 0 ? void 0 : children[0]) === null || _f === void 0 ? void 0 : _f.props) === null || _g === void 0 ? void 0 : _g.children) === null || _h === void 0 ? void 0 : _h[1]) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.className) === null || _l === void 0 ? void 0 : _l.indexOf('ant-table-row-expand-icon')) > -1;
 }
 
 function checkRowKeyByDataSource(dataSource, rowKey) {

package/lib/styles/variables.css

@@ -9734,7 +9734,7 @@ p {
   content: '-';
 }
 .lm_editTable_warpper .ant-table-thead .ant-table-cell {
-  height: 40px;
+  min-height: 40px;
   padding: 10px 8px;
   font-family: PingFangSC-Medium;
   font-size: 12px;
@@ -9763,11 +9763,6 @@ p {
 .lm_editTable_warpper .lm_custom_cell_td {
   position: relative;
 }
-.lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
 .lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append .ant-table-row-expand-icon {
   margin-right: 8px;
   flex: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.1.28-alpha.5",
+  "version": "1.1.28-alpha.7",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"