linkmore-design 1.1.27-alpha.2 → 1.1.27-alpha.4

package/dist/index.umd.js

@@ -312897,6 +312897,7 @@
   var VirtualTable$1 = /*#__PURE__*/React__default['default'].memo(function (tableProps) {
     var _bodyRef$current, _tableProps$children$3, _tableProps$children$4, _bodyRef$current2;
 
+    var fn = tableProps.fn;
     var bodyRef = React.useRef(null);
 
     var _useRealive = useRealive$1(),
@@ -312915,7 +312916,8 @@
         return state.rowHeight;
       }, [state.rowHeight]),
       overscan: 5
-    }); // 列动态宽度
+    });
+    fn.current = rowVirtual.scrollToIndex; // 列动态宽度
 
     var columnEstimateSize = React.useCallback(function (i) {
       var _tableProps$children$, _tableProps$children$2;
@@ -313022,6 +313024,8 @@
   var _excluded$2Q = ["children", "pref"];
 
   var useOptions$3 = function useOptions(_ref) {
+    var _sliceColumns$centerC4;
+
     var children = _ref.children,
         ref = _ref.ref,
         trRef = _ref.trRef;
@@ -313035,7 +313039,9 @@
     var rowHeight = state.rowHeight,
         totalLen = state.totalLen;
     var sliceColumns = React.useMemo(function () {
-      return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
+      var _children$reduce;
+
+      return children === null || children === void 0 ? void 0 : (_children$reduce = children.reduce) === null || _children$reduce === void 0 ? void 0 : _children$reduce.call(children, function (pre, cur) {
         var _cur$props, _cur$props2;
 
         if (typeof ((_cur$props = cur.props) === null || _cur$props === void 0 ? void 0 : _cur$props.fixLeft) === 'number') {
@@ -313064,9 +313070,9 @@
     }, [sliceColumns]); // 非固定列长度
 
     var centerColumnsLen = React.useMemo(function () {
-      var _sliceColumns$centerC;
+      var _sliceColumns$centerC, _sliceColumns$centerC2;
 
-      return (_sliceColumns$centerC = sliceColumns.centerColumns.length) !== null && _sliceColumns$centerC !== void 0 ? _sliceColumns$centerC : 0;
+      return (_sliceColumns$centerC = sliceColumns === null || sliceColumns === void 0 ? void 0 : (_sliceColumns$centerC2 = sliceColumns.centerColumns) === null || _sliceColumns$centerC2 === void 0 ? void 0 : _sliceColumns$centerC2.length) !== null && _sliceColumns$centerC !== void 0 ? _sliceColumns$centerC : 0;
     }, [sliceColumns]);
     React.useEffect(function () {
       if (state.columnsLen !== centerColumnsLen) {
@@ -313102,8 +313108,10 @@
     }, [virtualItems]); // 右侧隐藏数量
 
     var rightColSpan = React.useMemo(function () {
-      return sliceColumns.centerColumns.length - virtualItems.length - leftColSpan || 0;
-    }, [sliceColumns.centerColumns.length, virtualItems.length, leftColSpan]);
+      var _sliceColumns$centerC3;
+
+      return (sliceColumns === null || sliceColumns === void 0 ? void 0 : (_sliceColumns$centerC3 = sliceColumns.centerColumns) === null || _sliceColumns$centerC3 === void 0 ? void 0 : _sliceColumns$centerC3.length) - (virtualItems === null || virtualItems === void 0 ? void 0 : virtualItems.length) - leftColSpan || 0;
+    }, [sliceColumns === null || sliceColumns === void 0 ? void 0 : (_sliceColumns$centerC4 = sliceColumns.centerColumns) === null || _sliceColumns$centerC4 === void 0 ? void 0 : _sliceColumns$centerC4.length, virtualItems.length, leftColSpan]);
     return _objectSpread(_objectSpread({
       virtualItems: virtualItems
     }, sliceColumns), {}, {
@@ -313333,7 +313341,7 @@
     return isExpandRow(children) ? children === null || children === void 0 ? void 0 : (_children$2 = children[0]) === null || _children$2 === void 0 ? void 0 : (_children$2$props = _children$2.props) === null || _children$2$props === void 0 ? void 0 : (_children$2$props$chi = _children$2$props.children) === null || _children$2$props$chi === void 0 ? void 0 : (_children$2$props$chi2 = _children$2$props$chi[1]) === null || _children$2$props$chi2 === void 0 ? void 0 : (_children$2$props$chi3 = _children$2$props$chi2.props) === null || _children$2$props$chi3 === void 0 ? void 0 : _children$2$props$chi3['aria-label'] : '';
   }
   function checkMemoShouldUploadSpecialFun(prev, next) {
-    var _prevCol$componentPro, _nextCol$componentPro, _prevCol$componentPro2, _nextCol$componentPro2, _prevCol$componentPro3, _nextCol$componentPro3, _prevCol$componentPro4, _nextCol$componentPro4, _prevCol$componentPro5, _nextCol$componentPro5, _prevCol$componentPro6, _nextCol$componentPro6;
+    var _prevCol$componentPro, _nextCol$componentPro, _prevCol$componentPro2, _nextCol$componentPro2, _prevCol$componentPro3, _nextCol$componentPro3, _prevCol$componentPro4, _nextCol$componentPro4, _prevCol$componentPro5, _nextCol$componentPro5, _next$className, _prevCol$componentPro6, _nextCol$componentPro6;
 
     var checkExpandStatus = getExpandStatus(prev.children) === getExpandStatus(next.children);
 
@@ -313387,6 +313395,10 @@
       return lodash.isEqual(prev.style, next.style);
     }
 
+    if (((_next$className = next.className) === null || _next$className === void 0 ? void 0 : _next$className.indexOf('ant-table-row-expand-icon-cell')) > -1) {
+      return false;
+    }
+
     if (next.className.indexOf('ant-table-selection-column') > -1) {
       var _prev$children, _prev$children$, _next$children, _next$children$;
 
@@ -313524,7 +313536,6 @@
         move(active.id, over.id);
       }
     }; // @ts-ignore
-
     return /*#__PURE__*/React__default['default'].createElement(DndContext, {
       sensors: sensors,
       onDragStart: handleDragStart,
@@ -313756,6 +313767,9 @@
         _Form$useForm2 = _slicedToArray$1(_Form$useForm, 1),
         form = _Form$useForm2[0];
 
+    var dataKey = props.dataKey,
+        pushAllForm = props.pushAllForm;
+    pushAllForm === null || pushAllForm === void 0 ? void 0 : pushAllForm(form, dataKey, index);
     return /*#__PURE__*/React__default['default'].createElement(Form$4, {
       form: form,
       disabled: props.disabled || false,
@@ -313773,6 +313787,9 @@
         _Form$useForm4 = _slicedToArray$1(_Form$useForm3, 1),
         form = _Form$useForm4[0];
 
+    var dataKey = props.dataKey,
+        pushAllForm = props.pushAllForm;
+    pushAllForm === null || pushAllForm === void 0 ? void 0 : pushAllForm(form, dataKey, index);
     return /*#__PURE__*/React__default['default'].createElement(Form$4, {
       form: form,
       disabled: props.disabled || false,
@@ -314409,6 +314426,12 @@
     disabledDataSourceRowKeys.current = checkTableRowIsDisable(deepDataSourceRef.current, localDisabledRows.disabledRows, _rowKey);
     var tableWarpRef = React.useRef(null);
     var autoSizerRef = React.useRef(null);
+    var allFormListRef = React.useRef({});
+    var scrollToIndexRef = React.useRef(null);
+
+    var _Form$useForm5 = Form$4.useForm(),
+        _Form$useForm6 = _slicedToArray$1(_Form$useForm5, 1),
+        checkForm = _Form$useForm6[0];
 
     var onColSortEnd = function onColSortEnd(active, over) {
       var _arrayMove;
@@ -314963,12 +314986,257 @@
         },
         columns: columns.map(function (item) {
           return lodash.omit(item, ['render', 'sorter', 'onFilter', 'filters', 'componentProps', 'formProps', 'editable']);
-        })
+        }),
+        // verify: async () => {
+        //   let allRule = {}
+        //   let time
+        //   let fullNum = 0
+        //   columns.forEach((col: any) => {
+        //     if (col?.formProps?.rules) {
+        //       allRule[col.dataIndex] = col?.formProps?.rules || []
+        //     }
+        //   })
+        //   const validator = new AsyncValidator(allRule);
+        //   let flag = true
+        //   let messageIndex = null
+        //   let errorRowKey = null
+        //   let errorInfo = null
+        //   const deepValidator = async (data, index) => {
+        //     for (let i = 0; i < data.length; i++) {
+        //       if (flag) {
+        //         try {
+        //           await validator.validate(data[i], (errors, fields) => {
+        //             if (errors) {
+        //               errorInfo = { errors, fields, value: data[i] };
+        //               flag = false
+        //               messageIndex = index === null ? i : index
+        //               errorRowKey = data?.[i]?.[rowKey]
+        //             } else if (data[i].children) {
+        //               deepValidator(data[i].children, i)
+        //             }
+        //           })
+        //         } catch (error) {
+        //           break;
+        //         }
+        //       }
+        //     }
+        //   }
+        //   await deepValidator(dataSource, null)
+        //   console.log(flag, 'fff')
+        //   if (flag) {
+        //     return Promise.resolve(dataSource)
+        //   } else {
+        //     setTimeout(() => {
+        //       if (messageIndex !== null) {
+        //         scrollToIndexRef.current?.(messageIndex, { align: 'center' })
+        //         time = setInterval(async () => {
+        //           fullNum++
+        //           if (fullNum > 5) {
+        //             clearInterval(time)
+        //           } else {
+        //             const form = (Object.values(allFormListRef.current || []).find((item: any) => item.key === errorRowKey) as any)?.form
+        //             if (form) {
+        //               try {
+        //                 await form.validateFields()
+        //                 console.log('验证成功')
+        //               } catch (error) {
+        //                 console.log('验证失败', error)
+        //                 return error
+        //               } finally {
+        //                 clearInterval(time)
+        //               }
+        //             }
+        //           }
+        //         }, 500)
+        //       }
+        //     }, 100)
+        //     return Promise.reject(errorInfo)
+        //   }
+        // },
+        verify: function () {
+          var _verify = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime$1().mark(function _callee4() {
+            var time, fullNum, flag, messageIndex, errorRowKey, errorInfo, deepValidator;
+            return _regeneratorRuntime$1().wrap(function _callee4$(_context4) {
+              while (1) {
+                switch (_context4.prev = _context4.next) {
+                  case 0:
+                    fullNum = 0;
+                    flag = true;
+                    messageIndex = null;
+                    errorRowKey = null;
+                    errorInfo = null;
+
+                    deepValidator = /*#__PURE__*/function () {
+                      var _ref13 = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime$1().mark(function _callee2(data, index) {
+                        var i, _data$i;
+
+                        return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
+                          while (1) {
+                            switch (_context2.prev = _context2.next) {
+                              case 0:
+                                i = 0;
+
+                              case 1:
+                                if (!(i < data.length)) {
+                                  _context2.next = 21;
+                                  break;
+                                }
+
+                                if (!flag) {
+                                  _context2.next = 18;
+                                  break;
+                                }
+
+                                _context2.prev = 3;
+                                checkForm.resetFields();
+                                checkForm.setFieldsValue(data[i]);
+                                _context2.next = 8;
+                                return checkForm.validateFields();
+
+                              case 8:
+                                if (data[i].children) {
+                                  deepValidator(data[i].children, i);
+                                }
+
+                                _context2.next = 18;
+                                break;
+
+                              case 11:
+                                _context2.prev = 11;
+                                _context2.t0 = _context2["catch"](3);
+                                errorInfo = {
+                                  error: _context2.t0,
+                                  value: data[i]
+                                };
+                                flag = false;
+                                messageIndex = index === null ? i : index;
+                                errorRowKey = data === null || data === void 0 ? void 0 : (_data$i = data[i]) === null || _data$i === void 0 ? void 0 : _data$i[_rowKey];
+                                return _context2.abrupt("break", 21);
+
+                              case 18:
+                                i++;
+                                _context2.next = 1;
+                                break;
+
+                              case 21:
+                              case "end":
+                                return _context2.stop();
+                            }
+                          }
+                        }, _callee2, null, [[3, 11]]);
+                      }));
+
+                      return function deepValidator(_x2, _x3) {
+                        return _ref13.apply(this, arguments);
+                      };
+                    }();
+
+                    _context4.next = 8;
+                    return deepValidator(dataSource, null);
+
+                  case 8:
+                    if (!flag) {
+                      _context4.next = 12;
+                      break;
+                    }
+
+                    return _context4.abrupt("return", Promise.resolve(dataSource));
+
+                  case 12:
+                    setTimeout(function () {
+                      if (messageIndex !== null) {
+                        var _scrollToIndexRef$cur;
+
+                        (_scrollToIndexRef$cur = scrollToIndexRef.current) === null || _scrollToIndexRef$cur === void 0 ? void 0 : _scrollToIndexRef$cur.call(scrollToIndexRef, messageIndex, {
+                          align: 'center'
+                        });
+                        time = setInterval( /*#__PURE__*/_asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime$1().mark(function _callee3() {
+                          var _Object$values$find, form;
+
+                          return _regeneratorRuntime$1().wrap(function _callee3$(_context3) {
+                            while (1) {
+                              switch (_context3.prev = _context3.next) {
+                                case 0:
+                                  fullNum++;
+
+                                  if (!(fullNum > 5)) {
+                                    _context3.next = 5;
+                                    break;
+                                  }
+
+                                  clearInterval(time);
+                                  _context3.next = 20;
+                                  break;
+
+                                case 5:
+                                  form = (_Object$values$find = Object.values(allFormListRef.current || []).find(function (item) {
+                                    return item.key === errorRowKey;
+                                  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.form;
+
+                                  if (!form) {
+                                    _context3.next = 20;
+                                    break;
+                                  }
+
+                                  _context3.prev = 7;
+                                  _context3.next = 10;
+                                  return form.validateFields();
+
+                                case 10:
+                                  console.log('验证成功');
+                                  _context3.next = 17;
+                                  break;
+
+                                case 13:
+                                  _context3.prev = 13;
+                                  _context3.t0 = _context3["catch"](7);
+                                  console.log('验证失败', _context3.t0);
+                                  return _context3.abrupt("return", _context3.t0);
+
+                                case 17:
+                                  _context3.prev = 17;
+                                  clearInterval(time);
+                                  return _context3.finish(17);
+
+                                case 20:
+                                case "end":
+                                  return _context3.stop();
+                              }
+                            }
+                          }, _callee3, null, [[7, 13, 17, 20]]);
+                        })), 500);
+                      }
+                    }, 100);
+                    return _context4.abrupt("return", Promise.reject(errorInfo));
+
+                  case 14:
+                  case "end":
+                    return _context4.stop();
+                }
+              }
+            }, _callee4);
+          }));
+
+          function verify() {
+            return _verify.apply(this, arguments);
+          }
+
+          return verify;
+        }()
       };
     });
     var isShowAddAction = React.useMemo(function () {
       return isEdit && isAdd || isHoverEdit && isAdd;
     }, [isEdit, isAdd, isHoverEdit]);
+
+    var pushAllForm = function pushAllForm(form, key, index) {
+      allFormListRef.current[key] = {
+        form: form,
+        key: key,
+        index: index
+      };
+    };
+
     var config = React.useRef(_objectSpread({
       pagination: false,
       tableLayout: 'fixed',
@@ -314979,7 +315247,11 @@
         return record[_rowKey] || record.index || Math.random();
       },
       components: {
-        table: virtual ? VirtualTable$1 : null,
+        table: virtual ? function (props) {
+          return /*#__PURE__*/React__default['default'].createElement(VirtualTable$1, _objectSpread(_objectSpread({}, props), {}, {
+            fn: scrollToIndexRef
+          }));
+        } : null,
         body: Object.assign({
           row: function row(rowProps) {
             return sortOpen ? EditableSortRow(_objectSpread(_objectSpread({}, rowProps), {}, {
@@ -314988,7 +315260,7 @@
               virtual: virtual
             }));
           },
-          cell: MemoEditableCell
+          cell: props.shouldUpdate ? EditableCell$1 : MemoEditableCell
         }, sortOpen ? {
           wrapper: function wrapper(wrapperProps) {
             var _dataSourceRef$curren2, _tableWarpRef$current, _tableWarpRef$current2;
@@ -315015,7 +315287,10 @@
         var _disabledDataSourceRo;
 
         return {
-          disabled: disabled || !!((_disabledDataSourceRo = disabledDataSourceRowKeys.current) === null || _disabledDataSourceRo === void 0 ? void 0 : _disabledDataSourceRo.includes(record[_rowKey]))
+          disabled: disabled || !!((_disabledDataSourceRo = disabledDataSourceRowKeys.current) === null || _disabledDataSourceRo === void 0 ? void 0 : _disabledDataSourceRo.includes(record[_rowKey])),
+          dataKey: record[_rowKey],
+          index: index,
+          pushAllForm: pushAllForm
         };
       }
     }, resetProps));
@@ -315089,7 +315364,15 @@
         isShowAddAction: isShowAddAction,
         recordCreatorProps: recordCreatorProps,
         handleAdd: handleAdd
-      }));
+      }), /*#__PURE__*/React__default['default'].createElement(Form$4, {
+        form: checkForm,
+        component: false
+      }, columns.map(function (item) {
+        return /*#__PURE__*/React__default['default'].createElement(Form$4.Item, _objectSpread({
+          noStyle: true,
+          name: item.dataIndex
+        }, (item === null || item === void 0 ? void 0 : item['formProps']) || {}));
+      })));
     } // @ts-ignore
 
 
@@ -315142,7 +315425,15 @@
       isShowAddAction: isShowAddAction,
       recordCreatorProps: recordCreatorProps,
       handleAdd: handleAdd
-    }));
+    }), /*#__PURE__*/React__default['default'].createElement(Form$4, {
+      form: checkForm,
+      component: false
+    }, columns.map(function (item) {
+      return /*#__PURE__*/React__default['default'].createElement(Form$4.Item, _objectSpread({
+        noStyle: true,
+        name: item.dataIndex
+      }, (item === null || item === void 0 ? void 0 : item['formProps']) || {}));
+    })));
   });
   var LmEditTable = /*#__PURE__*/React.memo(EditTable$1);