@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.11

package/es/ProEditTable/utils/tools.js

@@ -1,43 +1,36 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _get from "lodash/get";
-import _isBoolean from "lodash/isBoolean";
-import _isFunction from "lodash/isFunction";
-import _transform from "lodash/transform";
-import _isEqual from "lodash/isEqual";
-import _isObject from "lodash/isObject";
-import _isString from "lodash/isString";
-import _cloneDeepWith from "lodash/cloneDeepWith";
-import _cloneDeep from "lodash/cloneDeep";
 /* eslint-disable no-await-in-loop */
 /* eslint-disable no-restricted-syntax */
 import React from 'react';
 import { tools, validate } from '@zat-design/utils';
+import { cloneDeep, cloneDeepWith, isString, isObject, isEqual, transform, isFunction, isBoolean, get } from 'lodash';
 /**
  * 生成随机字符串
  * @returns 随机字符串
  */
-export var getRandom = function getRandom() {
+export var getRandom = () => {
   return Math.random().toString(36).slice(-6);
 };
+
 /**
  * 深层次对比两个对象且取出来差异值
  * @param object 比较对象
  * @param base 基准对象
  * @returns 差异对象
  */
-export var difference = function difference(object, base) {
-  var _changes = function changes(object, base) {
-    return _transform(object, function (result, value, key) {
-      if (!_isEqual(value, base === null || base === void 0 ? void 0 : base[key])) {
-        result[key] = _isObject(value) && _isObject(base === null || base === void 0 ? void 0 : base[key]) ? _changes(value, base === null || base === void 0 ? void 0 : base[key]) : value;
+export var difference = (object, base) => {
+  var changes = (object, base) => {
+    return transform(object, (result, value, key) => {
+      if (!isEqual(value, base === null || base === void 0 ? void 0 : base[key])) {
+        result[key] = isObject(value) && isObject(base === null || base === void 0 ? void 0 : base[key]) ? changes(value, base === null || base === void 0 ? void 0 : base[key]) : value;
       }
     });
   };
-  return _changes(object, base);
+  return changes(object, base);
 };
+
 /**
  * 数组字段循环校验，解决validateFields无法批量校验的问题
  * @param validateKeys 校验键数组
@@ -45,74 +38,74 @@ export var difference = function difference(object, base) {
  * @param rowName 行名称路径
  * @returns 校验结果Promise
  */
-export var customValidate = function customValidate(validateKeys, form, rowName) {
+export var customValidate = (validateKeys, form, rowName) => {
   var array = [];
-  validateKeys.forEach(function (key) {
-    array.push([].concat(_toConsumableArray(Array.isArray(rowName) ? rowName : [rowName]), [key]));
+  validateKeys.forEach(key => {
+    array.push([...(Array.isArray(rowName) ? rowName : [rowName]), key]);
   });
   return form.validateFields(array);
 };
+
 /**
  * 拆解数组names
  * @param names 名称数组
  * @returns 拆解后的字符串
  */
-export var splitNames = function splitNames(names) {
+export var splitNames = names => {
   var result;
   var resultArray = [];
-  if (_isString(names[0])) {
+  if (isString(names[0])) {
     result = names.join('-');
     return result;
   }
-  names.forEach(function (item) {
-    if (_isString(item[0])) {
-      resultArray.push("".concat(item[0], "_").concat(item[1]));
+  names.forEach(item => {
+    if (isString(item[0])) {
+      resultArray.push(`${item[0]}_${item[1]}`);
     }
   });
   result = resultArray.join('-');
   return result;
 };
+
 /**
  * 获取中间formItem的name
  * @param name 名称路径
  * @param virtualKey 虚拟键
  * @returns 完整名称路径数组
  */
-export var getNamePath = function getNamePath(name, virtualKey) {
-  var nextName = _cloneDeep(Array.isArray(name) ? name : [name]);
+export var getNamePath = (name, virtualKey) => {
+  var nextName = cloneDeep(Array.isArray(name) ? name : [name]);
   var lastIndex = nextName.length - 1;
   // 确保最后一个元素是字符串类型
-  nextName[lastIndex] = "".concat(nextName[lastIndex]).concat(virtualKey ? "-".concat(virtualKey) : '');
+  nextName[lastIndex] = `${nextName[lastIndex]}${virtualKey ? `-${virtualKey}` : ''}`;
   return nextName;
 };
+
 /**
  * 删除操作
  * @param params 删除参数
  */
-export var onDelete = function onDelete(_ref) {
+export var onDelete = _ref => {
   var name = _ref.name,
     form = _ref.form,
     virtualKey = _ref.virtualKey,
     selectedRowKeys = _ref.selectedRowKeys;
   // 正常的form数据流处理
   var dataSource = form.getFieldValue(name);
-  dataSource = dataSource.filter(function (row) {
-    return !selectedRowKeys.includes(row.rowKey);
-  });
+  dataSource = dataSource.filter(row => !selectedRowKeys.includes(row.rowKey));
   form.setFieldValue(name, dataSource);
   // 单行模式数据流处理 重置中间正在编辑状态单行数据
   if (virtualKey) {
     var _virtualList;
     var namePath = getNamePath(name, virtualKey);
     var virtualList = form.getFieldValue(namePath);
-    if ((_virtualList = virtualList) === null || _virtualList === void 0 ? void 0 : _virtualList.length) {
-      virtualList = virtualList.filter(function (row) {
-        return !selectedRowKeys.includes(row.rowKey);
-      });
+    if ((_virtualList = virtualList) !== null && _virtualList !== void 0 && _virtualList.length) {
+      virtualList = virtualList.filter(row => !selectedRowKeys.includes(row.rowKey));
       form.setFieldValue(namePath, virtualList);
     }
   }
 };
+
 /**
  * 获取最终的disabled, 两种模式【子级优先，全局优先】
  * 全局优先：globalControl为true时，全局控制
@@ -120,7 +113,7 @@ export var onDelete = function onDelete(_ref) {
  * @param params 禁用参数
  * @returns 是否禁用
  */
-export var getDisabled = function getDisabled(_ref2) {
+export var getDisabled = _ref2 => {
   var _ref3, _column$disabled;
   var globalControl = _ref2.globalControl,
     formDisabled = _ref2.formDisabled,
@@ -129,7 +122,7 @@ export var getDisabled = function getDisabled(_ref2) {
     columnFieldProps = _ref2.columnFieldProps,
     params = _ref2.params,
     rowDisabled = _ref2.rowDisabled;
-  var convertToBoolean = function convertToBoolean(value) {
+  var convertToBoolean = value => {
     if (Array.isArray(value)) {
       return Boolean(value.length);
     }
@@ -141,16 +134,17 @@ export var getDisabled = function getDisabled(_ref2) {
     }
     return Boolean(value);
   };
+
   // 判断是否有column的disabled属性
-  var noColumnDisabled = function noColumnDisabled() {
-    if (_isFunction(column === null || column === void 0 ? void 0 : column.disabled) || _isFunction(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled) || _isBoolean(column === null || column === void 0 ? void 0 : column.disabled) || _isBoolean(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled)) {
+  var noColumnDisabled = () => {
+    if (isFunction(column === null || column === void 0 ? void 0 : column.disabled) || isFunction(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled) || isBoolean(column === null || column === void 0 ? void 0 : column.disabled) || isBoolean(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled)) {
       return false;
     }
     // 判断FieldProps是否有disabled属性
-    if (_isFunction(columnFieldProps)) {
-      var _columnFieldProps = columnFieldProps.apply(void 0, _toConsumableArray(params)),
+    if (isFunction(columnFieldProps)) {
+      var _columnFieldProps = columnFieldProps(...params),
         disabled = _columnFieldProps.disabled;
-      if (_isFunction(disabled) || _isBoolean(disabled)) {
+      if (isFunction(disabled) || isBoolean(disabled)) {
         return false;
       }
     }
@@ -162,6 +156,7 @@ export var getDisabled = function getDisabled(_ref2) {
   if (rowDisabled === 'empty') {
     return false;
   }
+
   // 日期范围选择器和数字范围选择器
   if (['RangePicker', 'ProNumberRange', 'Group'].includes(column.type)) {
     if (Array.isArray(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled)) {
@@ -170,38 +165,41 @@ export var getDisabled = function getDisabled(_ref2) {
     if (Array.isArray(column === null || column === void 0 ? void 0 : column.disabled)) {
       return column.disabled;
     }
-    if (_isFunction(column === null || column === void 0 ? void 0 : column.disabled)) {
-      return column === null || column === void 0 ? void 0 : column.disabled.apply(column, _toConsumableArray(params));
+    if (isFunction(column === null || column === void 0 ? void 0 : column.disabled)) {
+      return column === null || column === void 0 ? void 0 : column.disabled(...params);
     }
   }
+
   // 当表单含有diabled属性时，优先使用表单的disabled
-  if (_isFunction(rowDisabled) && noColumnDisabled()) {
+  if (isFunction(rowDisabled) && noColumnDisabled()) {
     return rowDisabled(params[1]);
   }
-  if (_isFunction(column === null || column === void 0 ? void 0 : column.disabled)) {
-    return convertToBoolean(column === null || column === void 0 ? void 0 : column.disabled.apply(column, _toConsumableArray(params)));
+  if (isFunction(column === null || column === void 0 ? void 0 : column.disabled)) {
+    return convertToBoolean(column === null || column === void 0 ? void 0 : column.disabled(...params));
   }
+
   // 表单FieldProps为函数时
-  if (_isFunction(columnFieldProps)) {
-    var _columnFieldProps2 = columnFieldProps.apply(void 0, _toConsumableArray(params)),
+  if (isFunction(columnFieldProps)) {
+    var _columnFieldProps2 = columnFieldProps(...params),
       disabled = _columnFieldProps2.disabled;
-    if (_isFunction(disabled)) {
-      return convertToBoolean(disabled.apply(void 0, _toConsumableArray(params)));
+    if (isFunction(disabled)) {
+      return convertToBoolean(disabled(...params));
     }
-    if (_isBoolean(disabled)) {
+    if (isBoolean(disabled)) {
       return convertToBoolean(disabled);
     }
   }
-  if (_isFunction(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled)) {
-    return convertToBoolean(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled.apply(columnFieldProps, _toConsumableArray(params)));
+  if (isFunction(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled)) {
+    return convertToBoolean(columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled(...params));
   }
   return convertToBoolean((_ref3 = (_column$disabled = column === null || column === void 0 ? void 0 : column.disabled) !== null && _column$disabled !== void 0 ? _column$disabled : columnFieldProps === null || columnFieldProps === void 0 ? void 0 : columnFieldProps.disabled) !== null && _ref3 !== void 0 ? _ref3 : tabledDisabled);
 };
+
 /**
  * 表格自动滚动到报错位置
  */
-export var handleScrollToError = function handleScrollToError() {
-  setTimeout(function () {
+export var handleScrollToError = () => {
+  setTimeout(() => {
     var errorDom = document.querySelector('[class*="form-item-has-error"]');
     if (errorDom) {
       var tableBody = errorDom.closest('[class*="table-content"]') || errorDom.closest('[class*="table-body"]');
@@ -214,27 +212,27 @@ export var handleScrollToError = function handleScrollToError() {
         var childOffsetTop = 0;
         while (previousSibling) {
           if (previousSibling.nodeType === 1) {
-            var _previousSibling, _previousSibling$clas, _previousSibling$clas2, _previousSibling$clas3;
+            var _previousSibling, _previousSibling$cont, _previousSibling2;
             var _ref4 = previousSibling.getBoundingClientRect() || {},
               _ref4$width = _ref4.width,
               width = _ref4$width === void 0 ? 0 : _ref4$width;
             childOffsetLeft += width;
-            if ((_previousSibling = previousSibling) === null || _previousSibling === void 0 ? void 0 : (_previousSibling$clas = _previousSibling.classList) === null || _previousSibling$clas === void 0 ? void 0 : (_previousSibling$clas2 = (_previousSibling$clas3 = _previousSibling$clas).contains) === null || _previousSibling$clas2 === void 0 ? void 0 : _previousSibling$clas2.call(_previousSibling$clas3, 'ant-table-cell-fix-left')) {
+            if ((_previousSibling = previousSibling) !== null && _previousSibling !== void 0 && (_previousSibling = _previousSibling.classList) !== null && _previousSibling !== void 0 && (_previousSibling$cont = (_previousSibling2 = _previousSibling).contains) !== null && _previousSibling$cont !== void 0 && _previousSibling$cont.call(_previousSibling2, 'ant-table-cell-fix-left')) {
               childFixedLeft += width;
             }
           }
           previousSibling = previousSibling.previousElementSibling;
         }
         if (tableRow) {
-          var _previousSibling2 = tableRow.previousElementSibling;
-          while (_previousSibling2) {
-            if (_previousSibling2.nodeType === 1) {
-              var _ref5 = _previousSibling2.getBoundingClientRect() || {},
+          var _previousSibling3 = tableRow.previousElementSibling;
+          while (_previousSibling3) {
+            if (_previousSibling3.nodeType === 1) {
+              var _ref5 = _previousSibling3.getBoundingClientRect() || {},
                 _ref5$height = _ref5.height,
                 height = _ref5$height === void 0 ? 0 : _ref5$height;
               childOffsetTop += height;
             }
-            _previousSibling2 = _previousSibling2.previousElementSibling;
+            _previousSibling3 = _previousSibling3.previousElementSibling;
           }
         }
         tableBody.scrollTo({
@@ -246,33 +244,33 @@ export var handleScrollToError = function handleScrollToError() {
     }
   }, 0);
 };
+
 /**
  * 深copy一个对象，并过滤掉其中的React节点
  * @param value 需要深拷贝的对象
  * @returns 深拷贝后的对象，其中的React节点会被保留
  */
 export function cloneDeepFilterNode(value) {
-  return _cloneDeepWith(value, function (val) {
-    if (/*#__PURE__*/React.isValidElement(val)) {
+  return cloneDeepWith(value, val => {
+    if ( /*#__PURE__*/React.isValidElement(val)) {
       return val;
     }
   });
 }
+
 /**
  * 判断值是否为空
  * @param value 需要判断的值
  * @returns 是否为空
  */
-var _isNull = function isNull(value) {
+var isNull = value => {
   if (Array.isArray(value) && value.length) {
-    return value.some(function (item) {
-      return _isNull(item);
-    });
+    return value.some(item => isNull(item));
   }
   return value === '' || value === undefined || value === null || Array.isArray(value) && value.length === 0;
 };
 var handleCheckCellValue = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(column, record) {
+  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(column, record) {
     var _column$names, _column$names2, _rules2;
     var value, _required, _rules, _labelRequired, res, _iterator, _step, rule;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -280,38 +278,38 @@ var handleCheckCellValue = /*#__PURE__*/function () {
         case 0:
           value = null;
           if (column.name) {
-            value = _get(record, column.name);
+            value = get(record, column.name);
           }
-          if ((_column$names = column.names) === null || _column$names === void 0 ? void 0 : _column$names.length) {
-            value = column.names.map(function (key) {
-              return _get(record, key);
+          if ((_column$names = column.names) !== null && _column$names !== void 0 && _column$names.length) {
+            value = column.names.map(key => {
+              return get(record, key);
             });
           }
           _required = column.required;
           _rules = column.rules;
           _labelRequired = column.labelRequired;
-          if (_isFunction(column.required)) {
+          if (isFunction(column.required)) {
             _required = column.required(value, record);
           }
-          if (_isFunction(column.rules)) {
+          if (isFunction(column.rules)) {
             _rules = column.rules(value, record);
           }
-          if (_isFunction(column.labelRequired)) {
+          if (isFunction(column.labelRequired)) {
             _labelRequired = column.labelRequired(value, record);
           }
-          if (!(((_column$names2 = column.names) === null || _column$names2 === void 0 ? void 0 : _column$names2.length) && _labelRequired !== null && _labelRequired !== undefined && _isNull(value))) {
+          if (!((_column$names2 = column.names) !== null && _column$names2 !== void 0 && _column$names2.length && _labelRequired !== null && _labelRequired !== undefined && isNull(value))) {
             _context.next = 11;
             break;
           }
           return _context.abrupt("return", false);
         case 11:
-          if (!(_required && _isNull(value))) {
+          if (!(_required && isNull(value))) {
             _context.next = 13;
             break;
           }
           return _context.abrupt("return", false);
         case 13:
-          if (!((_rules2 = _rules) === null || _rules2 === void 0 ? void 0 : _rules2.length)) {
+          if (!((_rules2 = _rules) !== null && _rules2 !== void 0 && _rules2.length)) {
             _context.next = 44;
             break;
           }
@@ -331,10 +329,10 @@ var handleCheckCellValue = /*#__PURE__*/function () {
           }
           return _context.abrupt("break", 35);
         case 22:
-          if (rule.required && _isNull(value)) {
+          if (rule.required && isNull(value)) {
             res = false;
           }
-          if (!_isFunction(rule.validator)) {
+          if (!isFunction(rule.validator)) {
             _context.next = 32;
             break;
           }
@@ -380,12 +378,13 @@ var handleCheckCellValue = /*#__PURE__*/function () {
     return _ref6.apply(this, arguments);
   };
 }();
+
 /**
  * 分页校验
  */
 export var onPageCheck = /*#__PURE__*/function () {
-  var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref7) {
-    var form, name, value, columns, setState, page, pagination, isView, disabled, pageNum, pageSize, pageArr, flag, errorNum, errorPageNum, _i, _pageArr, item, start, end, nextValues, _iterator2, _step2, record, _iterator3, _step3, column, result, nextState;
+  var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref7) {
+    var form, name, value, columns, setState, page, pagination, isView, disabled, pageNum, pageSize, pageArr, flag, errorNum, errorPageNum, _i, _pageArr, item, start, end, nextValues, _iterator2, _step2, _record, _iterator3, _step3, column, result, nextState;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -397,9 +396,7 @@ export var onPageCheck = /*#__PURE__*/function () {
           pageNum = page.pageNum, pageSize = page.pageSize;
           pageArr = Array.from({
             length: Math.ceil(tools.calc(value.length, '/', pageSize))
-          }, function (_, i) {
-            return i + 1;
-          });
+          }, (_, i) => i + 1);
           flag = false;
           errorNum = 0;
           errorPageNum = 0;
@@ -430,7 +427,7 @@ export var onPageCheck = /*#__PURE__*/function () {
             _context2.next = 48;
             break;
           }
-          record = _step2.value;
+          _record = _step2.value;
           _iterator3 = _createForOfIteratorHelper(columns);
           _context2.prev = 22;
           _iterator3.s();
@@ -442,7 +439,7 @@ export var onPageCheck = /*#__PURE__*/function () {
           column = _step3.value;
           _context2.prev = 26;
           _context2.next = 29;
-          return handleCheckCellValue(column, record);
+          return handleCheckCellValue(column, _record);
         case 29:
           result = _context2.sent;
           if (!result) {
@@ -502,7 +499,7 @@ export var onPageCheck = /*#__PURE__*/function () {
           if (pageNum !== errorPageNum) {
             nextState.page = {
               pageNum: errorPageNum,
-              pageSize: pageSize
+              pageSize
             };
           }
           setState(nextState);

package/es/ProEditTable/utils/transform.js

@@ -1,15 +1,11 @@
 import { transforms } from '@zat-design/utils';
 var transformDate = transforms.transformDate;
 export default {
-  RangePicker: function RangePicker() {
-    return transformDate({
-      type: 'RangePicker',
-      keys: ['form', 'to']
-    });
-  },
-  DatePicker: function DatePicker() {
-    return transformDate({
-      type: 'DatePicker'
-    });
-  }
+  RangePicker: () => transformDate({
+    type: 'RangePicker',
+    keys: ['form', 'to']
+  }),
+  DatePicker: () => transformDate({
+    type: 'DatePicker'
+  })
 };

package/es/ProEditTable/utils/useEditTableError.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _debounce from "lodash/debounce";
 import { useState, useEffect } from 'react';
-var useEditTableError = function useEditTableError(_ref) {
+import { debounce } from 'lodash';
+var useEditTableError = _ref => {
   var containerNode = _ref.containerNode,
     className = _ref.className,
     isEnabled = _ref.isEnabled;
@@ -9,28 +9,30 @@ var useEditTableError = function useEditTableError(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     errorLength = _useState2[0],
     setErrorLength = _useState2[1];
-  useEffect(function () {
+  useEffect(() => {
     // 如果 isEnabled 为 false 或容器节点不存在，直接跳过监听
     if (!isEnabled || !containerNode) {
       return; // 如果未启用监听或容器节点不存在，直接返回
     }
+
     // 防抖处理：将 setErrorLength 函数进行防抖
-    var debouncedSetErrorLength = _debounce(function (errorCount) {
+    var debouncedSetErrorLength = debounce(errorCount => {
       setErrorLength(errorCount); // 更新错误数量
     }, 300); // 300ms 后更新状态
-    var observer = new MutationObserver(function (mutations) {
-      mutations.forEach(function (mutation) {
+
+    var observer = new MutationObserver(mutations => {
+      mutations.forEach(mutation => {
         // 只处理节点的 class 属性变化
         if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
           var target = mutation.target;
+
           // 检查目标节点是否包含指定的类
           if (target.classList.contains(className)) {
             // 查找所有包含 className 的节点
-            var errorNodes = containerNode.querySelectorAll(".".concat(className));
+            var errorNodes = containerNode.querySelectorAll(`.${className}`);
+
             // 过滤这些节点，只保留那些类名完全为 `ant-form-item-explain-error` 的节点
-            var validErrorNodes = Array.from(errorNodes).filter(function (node) {
-              return node.classList.length === 1 && node.classList.contains('ant-form-item-explain-error');
-            });
+            var validErrorNodes = Array.from(errorNodes).filter(node => node.classList.length === 1 && node.classList.contains('ant-form-item-explain-error'));
             if (errorLength === 0) {
               debouncedSetErrorLength(0);
             }
@@ -41,13 +43,14 @@ var useEditTableError = function useEditTableError(_ref) {
             debouncedSetErrorLength(validErrorNodes.length);
           }
         }
+
         // 监听子节点的添加或删除
         if (mutation.type === 'childList') {
           // 检查删除的节点是否包含指定的类名
-          mutation.removedNodes.forEach(function (removedNode) {
+          mutation.removedNodes.forEach(removedNode => {
             if (removedNode instanceof HTMLElement && removedNode.classList.contains('ant-table-row')) {
               // 更新错误数量
-              var _errorNodes = containerNode.querySelectorAll(".".concat(className));
+              var _errorNodes = containerNode.querySelectorAll(`.${className}`);
               if (errorLength === 0) {
                 debouncedSetErrorLength(0);
               }
@@ -63,18 +66,24 @@ var useEditTableError = function useEditTableError(_ref) {
     });
     var config = {
       attributes: true,
+      // 监听属性的变化
       subtree: true,
+      // 监听子节点的变化
       attributeFilter: ['class'],
+      // 只监听 class 属性变化
       childList: true
     };
+
     // 启动 MutationObserver
     observer.observe(containerNode.querySelector('tbody'), config);
+
     // 清理 MutationObserver 和防抖定时器
-    return function () {
+    return () => {
       observer.disconnect();
       debouncedSetErrorLength.cancel(); // 取消防抖定时器
     };
   }, [containerNode, className, isEnabled]); // 当 isEnabled 改变时会重新启动或取消监听
+
   return [errorLength];
 };
 export default useEditTableError;

package/es/ProEnum/components/Group.js

@@ -1,8 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { useEffect, useRef, useState } from 'react';
-var Group = function Group(props) {
+import { jsx as _jsx } from "react/jsx-runtime";
+var Group = props => {
   var value = props.value,
     onChange = props.onChange,
     dataSource = props.dataSource,
@@ -17,52 +17,48 @@ var Group = function Group(props) {
     refresh = _useState2[0],
     setRefresh = _useState2[1];
   var idx = useRef(-1);
-  useEffect(function () {
-    var index = dataSource.findIndex(function (item) {
-      return item[fieldValue] === value;
-    });
+  useEffect(() => {
+    var index = dataSource.findIndex(item => item[fieldValue] === value);
     idx.current = index;
     setRefresh(!refresh);
   }, [value]);
-  var handleClick = function handleClick(val, index) {
+  var handleClick = (val, index) => {
     if (value === val) {
       if (!allowClear) {
         return false;
       }
-      onChange === null || onChange === void 0 ? void 0 : onChange('');
+      onChange === null || onChange === void 0 || onChange('');
       idx.current = -1;
     } else {
       idx.current = index;
-      onChange === null || onChange === void 0 ? void 0 : onChange(val);
+      onChange === null || onChange === void 0 || onChange(val);
     }
   };
   if (dataSource.length === 0) {
-    return _jsx("span", {
+    return /*#__PURE__*/_jsx("span", {
       children: "-"
     });
   }
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     id: id,
     className: classNames({
       'pro-enum-group-root': true,
       'pro-enum-group-root-disabled': disabled
     }),
-    children: dataSource.map(function (item, index) {
-      return _jsx("div", {
-        onClick: function onClick() {
-          if (!item.disabled && !disabled) {
-            handleClick(item[fieldValue], index);
-          }
-        },
-        className: classNames({
-          'pro-enum-group-item': true,
-          'pro-enum-group-item-selected': value === item[fieldValue],
-          'pro-enum-group-item-disabled-after': index === idx.current || index + 1 === idx.current,
-          'pro-enum-group-item-disabled': item.disabled
-        }),
-        children: item[fieldLabel]
-      }, item[fieldValue]);
-    })
+    children: dataSource.map((item, index) => /*#__PURE__*/_jsx("div", {
+      onClick: () => {
+        if (!item.disabled && !disabled) {
+          handleClick(item[fieldValue], index);
+        }
+      },
+      className: classNames({
+        'pro-enum-group-item': true,
+        'pro-enum-group-item-selected': value === item[fieldValue],
+        'pro-enum-group-item-disabled-after': index === idx.current || index + 1 === idx.current,
+        'pro-enum-group-item-disabled': item.disabled
+      }),
+      children: item[fieldLabel]
+    }, item[fieldValue]))
   });
 };
 export default Group;