pro-design-vue 1.3.21 → 1.3.22

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.21 */
+/*! Pro Design Vue v1.3.22 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
@@ -32,7 +32,7 @@
   const DEFAULT_NAMESPACE = "pro";
   const DEFAULT_LOCALE = "zh-CN";
 
-  const version$1 = "1.3.21";
+  const version$1 = "1.3.22";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -766,7 +766,7 @@
     return newNode;
   }
 
-  function _objectSpread$u(target) {
+  function _objectSpread$v(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -776,12 +776,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$v(target, key, source[key]);
+        _defineProperty$w(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$v(obj, key, value) {
+  function _defineProperty$w(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -802,13 +802,13 @@
   }
   function generate(node, key, rootProps) {
     if (!rootProps) {
-      return vue.h(node.tag, _objectSpread$u({
+      return vue.h(node.tag, _objectSpread$v({
         key
       }, node.attrs), (node.children || []).map(function(child, index) {
         return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
       }));
     }
-    return vue.h(node.tag, _objectSpread$u({
+    return vue.h(node.tag, _objectSpread$v({
       key
     }, rootProps, node.attrs), (node.children || []).map(function(child, index) {
       return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
@@ -892,7 +892,7 @@
     }
     return target;
   }
-  function _objectSpread$t(target) {
+  function _objectSpread$u(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -902,12 +902,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$u(target, key, source[key]);
+        _defineProperty$v(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$u(obj, key, value) {
+  function _defineProperty$v(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -927,10 +927,10 @@
     twoToneColorPalette.calculated = !!secondaryColor;
   }
   function getTwoToneColors() {
-    return _objectSpread$t({}, twoToneColorPalette);
+    return _objectSpread$u({}, twoToneColorPalette);
   }
   var IconBase = function IconBase2(props, context) {
-    var _props$context$attrs = _objectSpread$t({}, props, context.attrs), icon = _props$context$attrs.icon, primaryColor = _props$context$attrs.primaryColor, secondaryColor = _props$context$attrs.secondaryColor, restProps = _objectWithoutProperties$2(_props$context$attrs, _excluded$2);
+    var _props$context$attrs = _objectSpread$u({}, props, context.attrs), icon = _props$context$attrs.icon, primaryColor = _props$context$attrs.primaryColor, secondaryColor = _props$context$attrs.secondaryColor, restProps = _objectWithoutProperties$2(_props$context$attrs, _excluded$2);
     var colors = twoToneColorPalette;
     if (primaryColor) {
       colors = {
@@ -944,11 +944,11 @@
     }
     var target = icon;
     if (target && typeof target.icon === "function") {
-      target = _objectSpread$t({}, target, {
+      target = _objectSpread$u({}, target, {
         icon: target.icon(colors.primaryColor, colors.secondaryColor)
       });
     }
-    return generate(target.icon, "svg-".concat(target.name), _objectSpread$t({}, restProps, {
+    return generate(target.icon, "svg-".concat(target.name), _objectSpread$u({}, restProps, {
       "data-icon": target.name,
       width: "1em",
       height: "1em",
@@ -1089,7 +1089,7 @@
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
-  function _objectSpread$s(target) {
+  function _objectSpread$t(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -1099,12 +1099,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$t(target, key, source[key]);
+        _defineProperty$u(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$t(obj, key, value) {
+  function _defineProperty$u(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -1142,9 +1142,9 @@
   setTwoToneColor(blue.primary);
   var Icon$1 = function Icon2(props, context) {
     var _classObj;
-    var _props$context$attrs = _objectSpread$s({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties$1(_props$context$attrs, _excluded$1);
+    var _props$context$attrs = _objectSpread$t({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties$1(_props$context$attrs, _excluded$1);
     var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, rootClassName = _useInjectIconContext.rootClassName;
-    var classObj = (_classObj = {}, _defineProperty$t(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty$t(_classObj, prefixCls.value, true), _defineProperty$t(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty$t(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === "loading"), _classObj);
+    var classObj = (_classObj = {}, _defineProperty$u(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty$u(_classObj, prefixCls.value, true), _defineProperty$u(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty$u(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === "loading"), _classObj);
     var iconTabIndex = tabindex;
     if (iconTabIndex === void 0 && onClick) {
       iconTabIndex = -1;
@@ -1154,7 +1154,7 @@
       transform: "rotate(".concat(rotate, "deg)")
     } : void 0;
     var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
-    return vue.createVNode("span", _objectSpread$s({
+    return vue.createVNode("span", _objectSpread$t({
       "role": "img",
       "aria-label": icon.name
     }, restProps, {
@@ -1181,7 +1181,7 @@
 
   var CaretDownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" } }] }, "name": "caret-down", "theme": "outlined" };
 
-  function _objectSpread$r(target) {
+  function _objectSpread$s(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -1191,12 +1191,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$s(target, key, source[key]);
+        _defineProperty$t(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$s(obj, key, value) {
+  function _defineProperty$t(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -1205,8 +1205,8 @@
     return obj;
   }
   var CaretDownOutlined = function CaretDownOutlined2(props, context) {
-    var p = _objectSpread$r({}, props, context.attrs);
-    return vue.createVNode(Icon$1, _objectSpread$r({}, p, {
+    var p = _objectSpread$s({}, props, context.attrs);
+    return vue.createVNode(Icon$1, _objectSpread$s({}, p, {
       "icon": CaretDownOutlined$1
     }), null);
   };
@@ -1215,7 +1215,7 @@
 
   var CaretUpOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z" } }] }, "name": "caret-up", "theme": "outlined" };
 
-  function _objectSpread$q(target) {
+  function _objectSpread$r(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -1225,12 +1225,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$r(target, key, source[key]);
+        _defineProperty$s(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$r(obj, key, value) {
+  function _defineProperty$s(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -1239,8 +1239,8 @@
     return obj;
   }
   var CaretUpOutlined = function CaretUpOutlined2(props, context) {
-    var p = _objectSpread$q({}, props, context.attrs);
-    return vue.createVNode(Icon$1, _objectSpread$q({}, p, {
+    var p = _objectSpread$r({}, props, context.attrs);
+    return vue.createVNode(Icon$1, _objectSpread$r({}, p, {
       "icon": CaretUpOutlined$1
     }), null);
   };
@@ -1249,6 +1249,40 @@
 
   var CheckCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, "name": "check-circle", "theme": "filled" };
 
+  function _objectSpread$q(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? Object(arguments[i]) : {};
+      var ownKeys = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys.forEach(function(key) {
+        _defineProperty$r(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function _defineProperty$r(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var CheckCircleFilled = function CheckCircleFilled2(props, context) {
+    var p = _objectSpread$q({}, props, context.attrs);
+    return vue.createVNode(Icon$1, _objectSpread$q({}, p, {
+      "icon": CheckCircleFilled$1
+    }), null);
+  };
+  CheckCircleFilled.displayName = "CheckCircleFilled";
+  CheckCircleFilled.inheritAttrs = false;
+
+  var CloseCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
+
   function _objectSpread$p(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
@@ -1272,14 +1306,14 @@
     }
     return obj;
   }
-  var CheckCircleFilled = function CheckCircleFilled2(props, context) {
+  var CloseCircleFilled = function CloseCircleFilled2(props, context) {
     var p = _objectSpread$p({}, props, context.attrs);
     return vue.createVNode(Icon$1, _objectSpread$p({}, p, {
-      "icon": CheckCircleFilled$1
+      "icon": CloseCircleFilled$1
     }), null);
   };
-  CheckCircleFilled.displayName = "CheckCircleFilled";
-  CheckCircleFilled.inheritAttrs = false;
+  CloseCircleFilled.displayName = "CloseCircleFilled";
+  CloseCircleFilled.inheritAttrs = false;
 
   var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
 
@@ -2218,6 +2252,18 @@
   function isObject$4(val) {
     return val !== null && is$1(val, "Object");
   }
+  function isEmpty(val) {
+    if (isArray$2(val) || isString$1(val)) {
+      return val.length === 0;
+    }
+    if (val instanceof Map || val instanceof Set) {
+      return val.size === 0;
+    }
+    if (isObject$4(val)) {
+      return Object.keys(val).length === 0;
+    }
+    return false;
+  }
   const isNil = (value) => value === null || value === void 0;
   function isNumber$2(val) {
     return is$1(val, "Number");
@@ -2231,6 +2277,9 @@
   function isFunction$2(val) {
     return typeof val === "function";
   }
+  function isBoolean(val) {
+    return is$1(val, "Boolean");
+  }
   function isArray$2(val) {
     return val && Array.isArray(val);
   }
@@ -23739,6 +23788,9 @@
   function getColumnPos(index, pos) {
     return pos ? `${pos}-${index}` : `${index}`;
   }
+  function getCellKey(rowKey, colKey) {
+    return [rowKey, colKey].join("_");
+  }
   function objectToEmpty(obj) {
     for (const key in obj) Object.prototype.hasOwnProperty.call(obj, key) && delete obj[key];
   }
@@ -24059,6 +24111,10 @@
       type: Boolean,
       default: void 0
     },
+    selectRowByClick: {
+      type: Boolean,
+      default: void 0
+    },
     expandIcon: {
       type: Function,
       default: void 0
@@ -24121,6 +24177,14 @@
       type: Function,
       default: () => ({})
     },
+    editableKeys: {
+      type: Array,
+      default: void 0
+    },
+    rowEditable: {
+      type: Object,
+      default: void 0
+    },
     showHeader: {
       type: Boolean,
       default: true
@@ -24219,6 +24283,9 @@
       type: Boolean,
       default: void 0
     },
+    editableCellState: {
+      type: Function
+    },
     paginationSticky: {
       type: [Boolean, Object],
       default: true
@@ -24272,6 +24339,15 @@
       type: Function,
       default: void 0
     },
+    onDataChange: {
+      type: Function
+    },
+    onRowValidate: {
+      type: Function
+    },
+    onValidate: {
+      type: Function
+    },
     "onUpdate:pagination": {
       type: Function
     },
@@ -25024,41 +25100,305 @@
   const ICON_TYPE_FORBID$1 = "ICON_TYPE_FORBID";
 
   const EditKey = Symbol("edit");
-  const useEditProvider = () => {
+  const useEditProvider = (props, {
+    rawData,
+    getRowKey,
+    getIndexsByKey,
+    getRecordByKey
+  }) => {
+    var _a;
     const editCellKeys = vue.shallowRef([]);
-    const oldValuesMap = vue.shallowRef({});
-    const openEditor = (key, values) => {
+    const editRowsMap = vue.shallowRef({});
+    const intl = useIntl();
+    const editableType = vue.computed(() => {
+      var _a2;
+      return (_a2 = props.rowEditable) == null ? void 0 : _a2.type;
+    });
+    const [mergedEditableKeys, setMergedEditableKeys] = useMergedState$1([], {
+      value: vue.computed(() => {
+        var _a2;
+        return props.editableKeys || ((_a2 = props.rowEditable) == null ? void 0 : _a2.editableKeys);
+      }),
+      onChange: ((_a = props.rowEditable) == null ? void 0 : _a.onChange) ? (keys) => {
+        var _a2, _b, _c;
+        (_c = (_a2 = props.rowEditable) == null ? void 0 : _a2.onChange) == null ? void 0 : _c.call(
+          _a2,
+          // 计算编辑的key
+          keys != null ? keys : [],
+          (_b = keys == null ? void 0 : keys.map((key) => editRowsMap.value[key])) != null ? _b : []
+        );
+      } : void 0
+    });
+    const editingCells = vue.ref({});
+    const newLineRecordCache = vue.shallowRef({});
+    const editableKeysSet = vue.computed(() => {
+      var _a2;
+      const keys = editableType.value === "single" ? (_a2 = mergedEditableKeys.value) == null ? void 0 : _a2.slice(0, 1) : mergedEditableKeys.value;
+      return new Set(keys);
+    });
+    const isEditable = (recordKey) => {
+      var _a2;
+      if ((_a2 = mergedEditableKeys.value) == null ? void 0 : _a2.includes(recordKey)) return true;
+      return false;
+    };
+    const isRowEdit = vue.computed(() => !!editableType.value);
+    const openEditor = (key) => {
       if (key) {
+        const newKeys = [...editCellKeys.value];
         if (Array.isArray(key)) {
           editCellKeys.value = key;
         } else {
-          editCellKeys.value.includes(key) || (editCellKeys.value = [key]);
+          newKeys.includes(key) || newKeys.push(key);
         }
-        Object.assign(oldValuesMap.value, values || {});
+        editCellKeys.value = newKeys;
       }
     };
     const closeEditor = (key) => {
-      if (typeof key === "undefined") {
-        editCellKeys.value = [];
-        oldValuesMap.value = {};
-        return;
+      const closeKeys = editCellKeys.value.filter((cellKey) => cellKey !== key);
+      const closeCells = closeKeys.map((key2) => editingCells.value[key2]).filter((cell) => {
+        var _a2, _b;
+        return !((_b = (_a2 = cell.column) == null ? void 0 : _a2.edit) == null ? void 0 : _b.keepEditMode);
+      });
+      const list = closeCells.map(
+        (cell) => new Promise((resolve) => {
+          cell == null ? void 0 : cell.validateEdit().then((r) => {
+            if (r === true) {
+              const cellKey = getCellKey(cell.rowKey, cell.columnKey);
+              resolve(cellKey);
+            } else {
+              resolve(null);
+            }
+          });
+        })
+      );
+      Promise.all(list).then((keys) => {
+        const closeKeys2 = keys.filter((key2) => !!key2);
+        editCellKeys.value = editCellKeys.value.filter((key2) => !closeKeys2.includes(key2));
+      });
+    };
+    const setEditingCell = (params, isEdit) => {
+      const cellKey = getCellKey(params.rowKey, params.columnKey);
+      if (isEdit) {
+        editingCells.value[cellKey] = params;
+      } else {
+        delete editingCells.value[cellKey];
       }
-      const keys = Array.isArray(key) ? key : [key];
-      editCellKeys.value = editCellKeys.value.filter((key2) => !keys.includes(key2));
-      keys.forEach((key2) => {
-        delete oldValuesMap.value[key2];
+    };
+    const getErrorListMapByErrors = (errors) => {
+      const errorMap = {};
+      errors.forEach(({ rowKey, columnKey, errorList }) => {
+        const key = [rowKey, columnKey].join("__");
+        if (errorList == null ? void 0 : errorList.length) {
+          errorMap[key] = errorList;
+        } else {
+          delete errorMap[key];
+        }
+      });
+      return errorMap;
+    };
+    const validateOneRowData = (recordKey) => {
+      const cellKeys = Object.keys(editingCells.value);
+      const rowCellKeys = cellKeys.filter((cellKey) => cellKey.startsWith(`${recordKey}_`));
+      const list = rowCellKeys.map(
+        (cellKey) => new Promise((resolve) => {
+          const cell = editingCells.value[cellKey];
+          cell == null ? void 0 : cell.validateEdit().then((r) => {
+            if (r === true) {
+              resolve({ ...cell, errorList: [] });
+            } else {
+              resolve({ ...cell, errorList: r });
+            }
+          });
+        })
+      );
+      return new Promise((resolve, reject) => {
+        Promise.all(list).then((errors) => {
+          resolve({
+            errors: errors.filter((t) => {
+              var _a2;
+              return (_a2 = t.errorList) == null ? void 0 : _a2.length;
+            }),
+            errorMap: getErrorListMapByErrors(errors)
+          });
+        }, reject);
+      });
+    };
+    const validateRowData = (recordKey) => new Promise((resolve, reject) => {
+      validateOneRowData(recordKey).then(({ errors, errorMap }) => {
+        var _a2;
+        (_a2 = props.onRowValidate) == null ? void 0 : _a2.call(props, { errors, errorMap });
+        resolve({ errors, errorMap });
+      }, reject);
+    });
+    const validateTableCellData = () => {
+      const cellKeys = Object.keys(editingCells.value);
+      const list = cellKeys.map(
+        (cellKey) => new Promise((resolve) => {
+          const cell = editingCells.value[cellKey];
+          cell == null ? void 0 : cell.validateEdit().then((r) => {
+            if (r === true) {
+              resolve({ ...cell, errorList: [] });
+            } else {
+              resolve({ ...cell, errorList: r });
+            }
+          });
+        })
+      );
+      return new Promise((resolve, reject) => {
+        Promise.all(list).then((errors) => {
+          resolve({
+            errors: errors.filter((t) => {
+              var _a2;
+              return (_a2 = t.errorList) == null ? void 0 : _a2.length;
+            }),
+            errorMap: getErrorListMapByErrors(errors)
+          });
+        }, reject);
       });
     };
+    const validateTableData = () => new Promise((resolve, reject) => {
+      validateTableCellData().then(({ errors, errorMap }) => {
+        var _a2;
+        (_a2 = props.onValidate) == null ? void 0 : _a2.call(props, { errors, errorMap });
+        resolve({ errors, errorMap, data: (errors == null ? void 0 : errors.length) ? void 0 : rawData.value });
+      }, reject);
+    });
+    const addEditRecord = (recordValue, options) => {
+      var _a2, _b, _c, _d;
+      if (isRowEdit.value && ((_a2 = Object.keys(newLineRecordCache.value)) == null ? void 0 : _a2.length) && ((_b = props.rowEditable) == null ? void 0 : _b.onlyAddOneLineAlertMessage) !== false) {
+        antDesignVue.message.warning(
+          ((_c = props.rowEditable) == null ? void 0 : _c.onlyAddOneLineAlertMessage) || intl.getMessage("editableTable.onlyAddOneLine", "\u53EA\u80FD\u65B0\u589E\u4E00\u884C")
+        );
+        return false;
+      }
+      if (isRowEdit.value && editableKeysSet.value.size > 0 && editableType.value === "single") {
+        antDesignVue.message.warning(
+          ((_d = props.rowEditable) == null ? void 0 : _d.onlyOneLineEditorAlertMessage) || intl.getMessage("editableTable.onlyOneLineEditor", "\u53EA\u80FD\u540C\u65F6\u7F16\u8F91\u4E00\u884C")
+        );
+        return false;
+      }
+      const recordKey = getRowKey.value(recordValue, -1);
+      if (!recordKey) {
+        throw new Error("\u8BF7\u8BBE\u7F6E recordCreatorProps.record \u5E76\u8FD4\u56DE\u4E00\u4E2A\u552F\u4E00\u7684key");
+      }
+      if (isRowEdit.value) {
+        editableKeysSet.value.add(recordKey);
+        editRowsMap.value[recordKey] = cloneDeep(recordValue);
+        setMergedEditableKeys(Array.from(editableKeysSet.value));
+        vue.triggerRef(editRowsMap);
+      }
+      if ((options == null ? void 0 : options.position) === "top") {
+        rawData.value.unshift(recordValue);
+      } else {
+        rawData.value.push(recordValue);
+      }
+      newLineRecordCache.value[recordKey] = {
+        defaultValue: recordValue,
+        options
+      };
+      vue.triggerRef(rawData);
+      return true;
+    };
+    const startEditable = (recordKey, recordValue) => {
+      var _a2;
+      if (!isRowEdit.value) {
+        return false;
+      }
+      if (editableKeysSet.value.size > 0 && editableType.value === "single") {
+        antDesignVue.message.warning(
+          ((_a2 = props.rowEditable) == null ? void 0 : _a2.onlyOneLineEditorAlertMessage) || intl.getMessage("editableTable.onlyOneLineEditor", "\u53EA\u80FD\u540C\u65F6\u7F16\u8F91\u4E00\u884C")
+        );
+        return false;
+      }
+      editableKeysSet.value.add(recordKey);
+      editRowsMap.value[recordKey] = cloneDeep(recordValue != null ? recordValue : getRecordByKey(recordKey));
+      setMergedEditableKeys(Array.from(editableKeysSet.value));
+      vue.triggerRef(editRowsMap);
+      return true;
+    };
+    const cancelEditable = (recordKey) => {
+      if (!isRowEdit.value) {
+        return false;
+      }
+      const newLineRecord = newLineRecordCache.value[recordKey];
+      if (newLineRecord) {
+        delete newLineRecordCache.value[recordKey];
+        const rowIndex = rawData.value.findIndex((item) => getRowKey.value(item, -1) === recordKey);
+        rawData.value.splice(rowIndex, 1);
+        vue.triggerRef(rawData);
+      }
+      editableKeysSet.value.delete(recordKey);
+      delete editRowsMap.value[recordKey];
+      setMergedEditableKeys(Array.from(editableKeysSet.value));
+      return true;
+    };
+    const saveEditable = async (recordKey) => {
+      var _a2, _b;
+      if (!isRowEdit.value) {
+        return false;
+      }
+      const { errors } = await validateRowData(recordKey);
+      if (!!errors.length) {
+        return false;
+      }
+      const editRow = editRowsMap.value[recordKey];
+      const originRow = getRecordByKey(recordKey);
+      const success = await ((_b = (_a2 = props.rowEditable) == null ? void 0 : _a2.onSave) == null ? void 0 : _b.call(_a2, recordKey, editRow, originRow));
+      if (success === false) {
+        return false;
+      }
+      upadteRowData(recordKey, editRow);
+      const newLineRecord = newLineRecordCache.value[recordKey];
+      if (newLineRecord) {
+        delete newLineRecordCache.value[recordKey];
+      }
+      await cancelEditable(recordKey);
+      return true;
+    };
+    const upadteRowData = (recordKey, editRow) => {
+      const recordIndexs = getIndexsByKey(recordKey);
+      const indexsLen = recordIndexs.length;
+      if (indexsLen === 1) {
+        rawData.value.splice(recordIndexs[0], 1, editRow);
+      }
+      if (indexsLen > 1) {
+        let copyData = rawData.value;
+        let item;
+        const childrenColumnName = props.childrenColumnName || "children";
+        for (let i = 0; i < indexsLen; i++) {
+          item = copyData[recordIndexs[i]];
+          if (i === indexsLen - 2) {
+            const currentData = (item == null ? void 0 : item[childrenColumnName]) || [];
+            currentData.splice(recordIndexs[indexsLen - 1], 1, editRow);
+            break;
+          }
+          copyData = (item == null ? void 0 : item[childrenColumnName]) || [];
+        }
+      }
+      vue.triggerRef(rawData);
+    };
     vue.provide(EditKey, {
       editCellKeys,
       openEditor,
       closeEditor,
-      oldValuesMap
+      // oldValuesMap,
+      editableType,
+      mergedEditableKeys,
+      isRowEdit,
+      editRowsMap,
+      setEditingCell
     });
     return {
       editCellKeys,
       openEditor,
-      closeEditor
+      closeEditor,
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      isEditable,
+      validateTableData,
+      validateRowData,
+      addEditRecord
     };
   };
   const useEditInject = () => {
@@ -25068,7 +25408,13 @@
       },
       closeEditor: () => {
       },
-      oldValuesMap: vue.shallowRef({})
+      // oldValuesMap: shallowRef({}),
+      editRowsMap: vue.shallowRef({}),
+      editableType: vue.computed(() => void 0),
+      isRowEdit: vue.computed(() => false),
+      mergedEditableKeys: vue.computed(() => []),
+      setEditingCell: () => {
+      }
     });
   };
 
@@ -25319,926 +25665,6 @@
     return vue.inject(TableContextKey, {});
   };
 
-  const KeyCode = {
-    TAB: 9,
-    ENTER: 13,
-    ESC: 27,
-    LEFT: 37,
-    UP: 38,
-    RIGHT: 39,
-    DOWN: 40,
-    A: 65,
-    C: 67};
-
-  const useCellNavigation = (params) => {
-    const {
-      getDisplayedColBefore,
-      getDisplayedColAfter,
-      allDisplayedColumns,
-      setRangeToCell,
-      focusCell,
-      flattenData,
-      getRowByFlattenIndex,
-      allCellProps,
-      tabGuardTopRef,
-      tabGuardBottomRef
-    } = params;
-    const endFlattenIndex = vue.computed(
-      () => {
-        var _a;
-        return (_a = flattenData.value[flattenData.value.length - 1]) == null ? void 0 : _a.flattenIndex;
-      }
-    );
-    const startFlattenIndex = vue.computed(() => {
-      var _a;
-      return (_a = flattenData.value[0]) == null ? void 0 : _a.flattenIndex;
-    });
-    const getNextCellToFocus = (keyCode, focusedCell, ctrlPressed = false) => ctrlPressed ? h2(keyCode, focusedCell) : m(keyCode, focusedCell);
-    const h2 = (keyCode, focusedCell) => {
-      const isUp = keyCode === KeyCode.UP;
-      const isDown = keyCode === KeyCode.DOWN;
-      const isLeft = keyCode === KeyCode.LEFT;
-      let column, rowIndex;
-      if (isUp || isDown) {
-        rowIndex = isUp ? startFlattenIndex.value : endFlattenIndex.value;
-        column = focusedCell.column;
-      } else {
-        rowIndex = focusedCell.rowIndex;
-        column = isLeft !== false ? allDisplayedColumns.value[0] : allDisplayedColumns.value[allDisplayedColumns.value.length - 1];
-      }
-      return { rowIndex, rowPinned: null, column };
-    };
-    const m = (keyCode, focusedCell) => {
-      let cell = focusedCell;
-      let o2 = false;
-      for (; !o2; ) {
-        switch (keyCode) {
-          case KeyCode.UP:
-            cell = getCellAbove(cell);
-            break;
-          case KeyCode.DOWN:
-          case KeyCode.ENTER:
-            cell = x(cell);
-            break;
-          case KeyCode.RIGHT:
-            cell = w(cell);
-            break;
-          case KeyCode.LEFT:
-            cell = g(cell);
-            break;
-          default:
-            cell = null;
-            console.warn("Table: unknown key for navigation " + keyCode);
-        }
-        o2 = !cell || y(cell);
-      }
-      return cell;
-    }, y = (e3) => {
-      let t2;
-      switch (e3.rowPinned) {
-        case "top":
-        case "bottom":
-          break;
-        default:
-          t2 = getRowByFlattenIndex(e3.rowIndex);
-      }
-      return !!t2;
-    }, g = (e3) => {
-      if (!e3) return null;
-      const n2 = getDisplayedColBefore(e3.column);
-      return n2 ? { rowIndex: e3.rowIndex, column: n2, rowPinned: e3.rowPinned } : null;
-    }, w = (e3) => {
-      if (!e3) return null;
-      const t2 = getDisplayedColAfter(e3.column);
-      return t2 ? { rowIndex: e3.rowIndex, column: t2, rowPinned: e3.rowPinned } : null;
-    }, x = (e3) => {
-      if (!e3) return null;
-      const t2 = getRowBelow(e3);
-      return t2 ? { rowIndex: t2.rowIndex, column: e3.column, rowPinned: t2.rowPinned } : null;
-    }, getRowBelow = (e3) => {
-      const t2 = e3.rowIndex, n2 = e3.rowPinned;
-      return C(e3) ? null : { rowIndex: t2 + 1, rowPinned: n2 };
-    }, C = (e3) => {
-      const t2 = e3.rowIndex;
-      return endFlattenIndex.value <= t2;
-    }, getRowAbove = (e3) => {
-      const t2 = e3.rowIndex, n2 = e3.rowPinned;
-      return (n2 ? 0 === t2 : t2 === startFlattenIndex.value) ? null : { rowIndex: t2 - 1, rowPinned: n2 };
-    }, getCellAbove = (e3) => {
-      if (!e3) return null;
-      const t2 = getRowAbove({
-        rowIndex: e3.rowIndex,
-        rowPinned: e3.rowPinned
-      });
-      return t2 ? { rowIndex: t2.rowIndex, column: e3.column, rowPinned: t2.rowPinned } : null;
-    }, k = (e3) => e3.rowIndex >= startFlattenIndex.value && e3.rowIndex <= endFlattenIndex.value, getNextTabbedCell = (e3, t2) => t2 ? K(e3) : _(e3), _ = (e3) => {
-      const t2 = allDisplayedColumns.value;
-      let l2 = e3.rowIndex, r2 = e3.rowPinned, a2 = getDisplayedColAfter(e3.column);
-      if (!a2) {
-        a2 = t2[0];
-        const n2 = getRowBelow(e3);
-        if (!n2) return null;
-        if (!n2.rowPinned && !k(n2)) return null;
-        l2 = n2 ? n2.rowIndex : null, r2 = n2 ? n2.rowPinned : null;
-      }
-      return { rowIndex: l2, column: a2, rowPinned: r2 };
-    }, K = (e3) => {
-      const n2 = allDisplayedColumns.value;
-      let l2 = e3.rowIndex, r2 = e3.rowPinned, a2 = getDisplayedColBefore(e3.column);
-      if (!a2) {
-        a2 = n2[n2.length - 1];
-        const t2 = getRowAbove({
-          rowIndex: e3.rowIndex,
-          rowPinned: e3.rowPinned
-        });
-        if (!t2) return null;
-        if (!t2.rowPinned && !k(t2)) return null;
-        l2 = t2 ? t2.rowIndex : null, r2 = t2 ? t2.rowPinned : null;
-      }
-      return { rowIndex: l2, column: a2, rowPinned: r2 };
-    }, O = (e3) => {
-      const t2 = ((e4) => {
-        let t3, n2;
-        const l2 = null === (t3 = getRowByFlattenIndex(e4.rowIndex)) || void 0 === t3 ? void 0 : t3.rowKey, r2 = (((null === (n2 = allCellProps.value[l2]) || void 0 === n2 ? void 0 : n2[e4.column.columnKey]) || {}).props || {}).colSpan, a2 = [];
-        if (r2 > 1) {
-          const t4 = allDisplayedColumns.value.findIndex(
-            (t5) => t5.columnKey === e4.column.columnKey
-          );
-          for (let e5 = 0; e5 < r2; e5++) a2.push(allDisplayedColumns.value[t4 + e5]);
-        } else a2.push(e4.column);
-        return a2.filter((e5) => !!e5);
-      })(e3);
-      return 1 === t2.length ? e3 : {
-        rowIndex: e3.rowIndex,
-        column: t2[t2.length - 1],
-        rowPinned: e3.rowPinned
-      };
-    }, P = (e3) => {
-      let t2;
-      const n2 = getRowByFlattenIndex(e3.rowIndex), o2 = null == n2 ? void 0 : n2.rowKey, l2 = (((null === (t2 = allCellProps.value[o2]) || void 0 === t2 ? void 0 : t2[e3.column.columnKey]) || {}).props || {}).rowSpan;
-      return !!n2 && 0 !== l2 && !n2.isExpandRow;
-    }, tabToNextCellCommon = (e3, t2) => $(e3, t2), $ = (e3, t2) => {
-      const n2 = T(e3, t2);
-      return n2 && focusCell(n2), !!n2;
-    }, T = (t2, n2) => {
-      let o2 = t2;
-      for (; o2 && (o2 === t2 || !P(o2)); ) n2 || (o2 = O(o2)), o2 = getNextTabbedCell(o2, n2);
-      return o2 ? o2.rowIndex < 0 ? null : (params.ensureCellVisible(o2), setRangeToCell(o2), o2) : null;
-    };
-    return {
-      getNextCellToFocus,
-      getNextTabbedCell,
-      getLastBodyCell: () => ({ rowIndex: endFlattenIndex.value, rowPinned: null }),
-      navigateToNextCell: (t2, n2) => {
-        const o2 = t2.keyCode;
-        let r2 = n2, a2 = false;
-        for (; r2 && (r2 === n2 || !P(r2)); )
-          o2 === KeyCode.RIGHT && (r2 = O(r2)), r2 = getNextCellToFocus(o2, r2), a2 = !r2;
-        a2 && t2 && o2 === KeyCode.UP && (r2 = { rowIndex: -1, rowPinned: null, column: n2.column }), r2 && (r2.rowIndex < 0 || (params.ensureCellVisible(r2), setRangeToCell(r2)));
-      },
-      onTabKeyDown: (e3, t2) => {
-        let n2, o2;
-        const l2 = t2.shiftKey;
-        tabToNextCellCommon(e3, l2) || (l2 ? null === (n2 = tabGuardTopRef.value) || void 0 === n2 || n2.focus() : null === (o2 = tabGuardBottomRef.value) || void 0 === o2 || o2.focus()), t2.preventDefault();
-      },
-      tabToNextCellCommon,
-      getFirstCellToFocus: (t2) => {
-        const n2 = (() => {
-          const e3 = getRowByFlattenIndex(startFlattenIndex.value), t3 = allDisplayedColumns.value[0];
-          return e3 && t3 ? { rowIndex: e3.rowIndex, rowPinned: null, column: t3 } : null;
-        })();
-        P(n2) ? (params.ensureCellVisible(n2), setRangeToCell(n2)) : n2 && tabToNextCellCommon(n2, t2);
-      },
-      getLastCellToFocus: (t2) => {
-        const n2 = (() => {
-          const e3 = getRowByFlattenIndex(endFlattenIndex.value), t3 = allDisplayedColumns.value[allDisplayedColumns.value.length - 1];
-          return e3 && t3 ? { rowIndex: e3.rowIndex, rowPinned: null, column: t3 } : null;
-        })();
-        P(n2) ? (params.ensureCellVisible(n2), setRangeToCell(n2)) : n2 && tabToNextCellCommon(n2, t2);
-      },
-      getRowAbove,
-      getCellAbove,
-      getRowBelow
-    };
-  };
-
-  const useAutoScroll = (params) => {
-    const {
-      scrollContainer,
-      scrollAxis,
-      onScrollCallback = () => {
-      },
-      showVerticalScrollbar,
-      showHorizontalScrollbar
-    } = params;
-    let timer = null;
-    let i = 0;
-    let hasLeft = false;
-    let hasRight = false;
-    let hasTop = false;
-    let hasBottom = false;
-    const isXAxis = -1 !== scrollAxis.indexOf("x");
-    const isYAxis = -1 !== scrollAxis.indexOf("y");
-    const scrollByTick = vue.computed(() => {
-      var _a, _b;
-      return (_b = (_a = params.scrollByTick) == null ? void 0 : _a.value) != null ? _b : 20;
-    });
-    const exec = () => {
-      if (null === timer) {
-        timer = window.setInterval(handle, 100);
-        i = 0;
-      }
-    };
-    const handle = () => {
-      i++;
-      const boundary = i > 20 ? 200 : i > 10 ? 80 : 40;
-      if (isYAxis) {
-        const position = params.getVerticalPosition();
-        hasTop && params.setVerticalPosition(position - boundary), hasBottom && params.setVerticalPosition(position + boundary);
-      }
-      if (isXAxis) {
-        const position = params.getHorizontalPosition();
-        hasLeft && params.setHorizontalPosition(position - boundary), hasRight && params.setHorizontalPosition(position + boundary);
-      }
-      onScrollCallback();
-    };
-    const clear = () => {
-      if (timer) {
-        window.clearInterval(timer);
-        timer = null;
-      }
-    };
-    return {
-      check: (mouseEvent, forceSkipVerticalScroll = false) => {
-        const hasVerticalScroll = forceSkipVerticalScroll || !showVerticalScrollbar.value;
-        if (hasVerticalScroll && !showHorizontalScrollbar.value) return;
-        const clientRect = scrollContainer.value.getBoundingClientRect();
-        const tick = scrollByTick.value;
-        hasLeft = mouseEvent.clientX < clientRect.left + tick;
-        hasRight = mouseEvent.clientX > clientRect.right - tick;
-        hasTop = mouseEvent.clientY < clientRect.top + tick && !hasVerticalScroll;
-        hasBottom = mouseEvent.clientY > clientRect.bottom - tick && !hasVerticalScroll;
-        return hasLeft || hasRight || hasTop || hasBottom ? exec() : clear();
-      },
-      ensureCleared: clear
-    };
-  };
-
-  const isOverFormFieldElement = (mouseEvent) => {
-    var _a, _b;
-    const tagName = (_b = (_a = mouseEvent.target) == null ? void 0 : _a.tagName) == null ? void 0 : _b.toLocaleLowerCase();
-    return !!(tagName == null ? void 0 : tagName.match("^a$|textarea|input|select|button"));
-  };
-  const useDragSelection = (params) => {
-    let dragging = false;
-    let cacheStartTouch = null;
-    let startTarget = null;
-    let cacheTouch;
-    const destroyHandlers = [];
-    const batchEvent = (eventList) => {
-      eventList.forEach((config) => {
-        const { target, type, listener, options } = config;
-        target.addEventListener(type, listener, options);
-      });
-      destroyHandlers.push(() => {
-        eventList.forEach((config) => {
-          const { target, type, listener, options } = config;
-          target.removeEventListener(type, listener, options);
-        });
-      });
-    };
-    const getTouch = (touches) => {
-      for (let i = 0; i < touches.length; i++) {
-        if (touches[i].identifier === (cacheTouch == null ? void 0 : cacheTouch.identifier)) {
-          return touches[i];
-        }
-      }
-      return null;
-    };
-    const handleMouseMoveOrTouchMove = (event, cacheEvent) => {
-      if (!dragging) {
-        if (eventsClose(event, cacheEvent, DRAG_BUFF)) {
-          return;
-        }
-        dragging = true;
-        params.onDragStart(cacheEvent);
-      }
-    };
-    const handleMouseUpOrToucheEnd = () => {
-      if (dragging) {
-        dragging = false;
-      }
-      cacheStartTouch = null;
-      startTarget = null;
-      cacheTouch = null;
-      destroyHandlers.forEach((fn) => fn());
-      destroyHandlers.length = 0;
-    };
-    const isOverForm = (event) => !isOverFormFieldElement(event);
-    const mouseMoveHandler = (event) => {
-      if (isOverForm(event)) {
-        event.preventDefault();
-      }
-      handleMouseMoveOrTouchMove(event, cacheStartTouch);
-    };
-    const touchMoveHandler = (event) => {
-      getTouch(event.touches) && handleMouseMoveOrTouchMove(event, cacheStartTouch);
-    };
-    const touchEndHandler = (event) => {
-      getTouch(event.changedTouches) && handleMouseUpOrToucheEnd();
-    };
-    const onBodyMousedown = (e) => {
-      var _a, _b;
-      if (params.level !== ((_a = e.cellInfo) == null ? void 0 : _a.level)) return;
-      if (isOverForm(e)) {
-        e.preventDefault();
-      }
-      dragging = false;
-      cacheStartTouch = e;
-      startTarget = (_b = e.cellInfo) == null ? void 0 : _b.cellTarget;
-      params.bodyElementRef.value;
-      batchEvent([
-        {
-          target: document,
-          type: "mousemove",
-          listener: (e2) => mouseMoveHandler(e2)
-        },
-        {
-          target: document,
-          type: "mouseup",
-          listener: () => {
-            handleMouseUpOrToucheEnd();
-          }
-        },
-        {
-          target: document,
-          type: "contextmenu",
-          listener: (e2) => e2.preventDefault()
-        }
-      ]);
-      mouseMoveHandler(e);
-    };
-    let bodyTouchStartHandle;
-    vue.watch(
-      [() => params.bodyElementRef.value, params.enableRangeSelection],
-      ([bodyEl], [oldBodyEl]) => {
-        if (oldBodyEl) {
-          oldBodyEl.removeEventListener("mousedown", onBodyMousedown);
-          if (bodyTouchStartHandle) {
-            oldBodyEl.removeEventListener("touchstart", bodyTouchStartHandle);
-            bodyTouchStartHandle = null;
-            destroyHandlers.forEach((fn) => fn());
-            destroyHandlers.length = 0;
-          }
-        }
-        if (bodyEl && params.enableRangeSelection.value) {
-          bodyEl.addEventListener("mousedown", onBodyMousedown);
-          bodyTouchStartHandle = (e3) => {
-            e3.cancelable && (e3.preventDefault(), e3.stopPropagation());
-          };
-        }
-      }
-    );
-    return {
-      onBodyMousedown,
-      onBodyTouchstart: (touchEvent) => {
-        dragging = false;
-        const touch = touchEvent.touches[0];
-        cacheTouch = touch;
-        params.bodyElementRef.value;
-        const endHandle = (event) => touchEndHandler(event);
-        const target = touchEvent.target;
-        const body = document.body;
-        batchEvent([
-          {
-            target: body,
-            type: "touchmove",
-            listener: (e) => {
-              e.cancelable && e.preventDefault();
-            },
-            options: { passive: false }
-          },
-          {
-            target,
-            type: "touchmove",
-            listener: (e) => touchMoveHandler(e),
-            options: { passive: true }
-          },
-          {
-            target,
-            type: "touchend",
-            listener: endHandle,
-            options: { passive: true }
-          },
-          {
-            target,
-            type: "touchcancel",
-            listener: endHandle,
-            options: { passive: true }
-          }
-        ]);
-      },
-      getStartTarget: () => startTarget
-    };
-  };
-
-  function classNames(...args) {
-    const classes = [];
-    for (let i = 0; i < args.length; i++) {
-      const value = args[i];
-      if (!value) continue;
-      if (isString(value)) {
-        classes.push(value);
-      } else if (isArray(value)) {
-        for (let i2 = 0; i2 < value.length; i2++) {
-          const inner = classNames(value[i2]);
-          if (inner) {
-            classes.push(inner);
-          }
-        }
-      } else if (isObject(value)) {
-        for (const name in value) {
-          if (value[name]) {
-            classes.push(name);
-          }
-        }
-      }
-    }
-    return classes.join(" ");
-  }
-
-  const RangeSymbolKey = Symbol("rangeSymbolKey");
-  const useProvideRangeStore = (parmas) => {
-    const {
-      allColumns,
-      flattenData,
-      prefixCls,
-      rangeSelection,
-      getRowByFlattenIndex,
-      rootRef,
-      bodyRef,
-      latestRangeStartCell,
-      scrollLeft,
-      scrollTop,
-      scrollTo,
-      showVerticalScrollbar,
-      showHorizontalScrollbar,
-      getIndexsByKey,
-      formatRangeCellText,
-      copyDelimiter
-    } = parmas;
-    const level = useInjectLevel();
-    useAutoScroll({
-      scrollContainer: bodyRef,
-      scrollAxis: "xy",
-      getVerticalPosition: () => scrollTop.value,
-      setVerticalPosition: (pos) => {
-        scrollTo(pos);
-      },
-      getHorizontalPosition: () => scrollLeft.value,
-      setHorizontalPosition: (pos) => scrollTo({ left: pos }),
-      showVerticalScrollbar,
-      showHorizontalScrollbar
-    });
-    const enableRangeSelection = vue.computed(() => !!rangeSelection.value);
-    const singleRangeSelection = vue.computed(() => "single" === rangeSelection.value);
-    const rangeCellClass = vue.computed(() => `${prefixCls.value}-body-cell-range-selected`);
-    const RangeSingleCellClass = vue.computed(() => `${prefixCls.value}-body-cell-range-single-cell`);
-    const RangeTopClass = vue.computed(() => `${prefixCls.value}-body-cell-range-top`);
-    const RangeRIghtClass = vue.computed(() => `${prefixCls.value}-body-cell-range-right`);
-    const RangeBottomClass = vue.computed(() => `${prefixCls.value}-body-cell-range-bottom`);
-    const RangeLeftClass = vue.computed(() => `${prefixCls.value}-body-cell-range-left`);
-    const cellRanges = vue.shallowRef([]);
-    const allDisplayedColumns = vue.computed(
-      () => allColumns.value.filter((col) => !col.__Internal__Column__)
-    );
-    vue.watch(allDisplayedColumns, (newValue) => {
-      cellRanges.value.forEach((cellRange) => {
-        cellRange.columns = cellRange.columns.filter(
-          (column) => newValue.find((item) => item.columnKey === column.columnKey)
-        );
-      });
-      cellRanges.value = cellRanges.value.filter((cellRange) => cellRange.columns.length > 0);
-    });
-    vue.watch(flattenData, () => {
-      const lastIndex = flattenData.value.length - 1;
-      cellRanges.value.forEach((cellRange) => {
-        const { startRow, endRow } = cellRange;
-        if (startRow.rowIndex > lastIndex) {
-          cellRange.startRow = null;
-        }
-        if (endRow.rowIndex > lastIndex) {
-          cellRange.endRow = null;
-        }
-      });
-      cellRanges.value = cellRanges.value.filter(
-        (cellRange) => cellRange.startRow && cellRange.endRow
-      );
-    });
-    const onDragStart = (mouseEvent) => {
-      var _a;
-      (_a = mouseEvent.cellInfo) == null ? void 0 : _a.level;
-      if (!enableRangeSelection.value) return;
-      const { ctrlKey, metaKey, shiftKey } = mouseEvent;
-      const ctrlOrMetaKey = ctrlKey || metaKey;
-      const isMultiple = !singleRangeSelection.value && ctrlOrMetaKey;
-      const rangeLength = cellRanges.value.length;
-      const isRangeSelected = shiftKey && rangeLength > 0;
-      if (!(isMultiple || isRangeSelected)) {
-        clearAllSelectedRange();
-      }
-      mouseEvent.cellInfo.cellPosition;
-      return;
-    };
-    const onDragging = (mouseEvent) => {
-      return;
-    };
-    const onDragStop = () => {
-    };
-    const isSelectedEmpty = vue.computed(() => 0 === cellRanges.value.length);
-    const Y = vue.computed(() => {
-      const length = cellRanges.value.length;
-      if (0 === length) return false;
-      if (length > 1) return true;
-      const first = cellRanges.value[0];
-      const n = le(first);
-      const o = re2(first);
-      return n.rowPinned !== o.rowPinned || n.rowIndex !== o.rowIndex || 1 !== (first == null ? void 0 : first.columns.length);
-    });
-    useDragSelection({
-      onDragStart,
-      onDragging,
-      onDragStop,
-      rootElementRef: rootRef,
-      bodyElementRef: bodyRef,
-      level,
-      enableRangeSelection
-    });
-    const X = (startRow, endRow) => {
-      switch (startRow.rowPinned) {
-        case "top":
-          if ("top" !== endRow.rowPinned) return true;
-          break;
-        case "bottom":
-          if ("bottom" !== endRow.rowPinned) return false;
-          break;
-        default:
-          if (endRow.rowPinned) {
-            return "top" !== endRow.rowPinned;
-          }
-      }
-      return startRow.rowIndex < endRow.rowIndex;
-    };
-    const q = (e3) => {
-      let t2;
-      return e3.forEach((e4) => {
-        (void 0 === t2 || X(t2, e4)) && (t2 = e4);
-      }), t2;
-    };
-    const Q = (e3) => {
-      let t2;
-      return e3.forEach((e4) => {
-        (void 0 === t2 || X(e4, t2)) && (t2 = e4);
-      }), t2;
-    };
-    const Z = (e3, t2) => !e3 && !t2 || !(e3 && !t2 || !e3 && t2) && e3.rowIndex === t2.rowIndex && e3.rowPinned == t2.rowPinned;
-    const J = (e3, t2) => {
-      let n, o;
-      const l2 = e3 === t2 || e3.columnKey === t2.columnKey, r2 = allDisplayedColumns.value.findIndex((t3) => t3.columnKey === e3.columnKey);
-      if (r2 < 0)
-        return void console.warn(
-          `Table: column ${null !== (n = e3.originColumn.key) && void 0 !== n ? n : e3.originColumn.dataIndex} is not valid`
-        );
-      const a2 = l2 ? r2 : allDisplayedColumns.value.findIndex((e4) => e4.columnKey === t2.columnKey);
-      if (a2 < 0)
-        return void console.warn(
-          `Table: column ${null !== (o = t2.originColumn.key) && void 0 !== o ? o : t2.originColumn.dataIndex} is not valid`
-        );
-      if (l2) return [e3];
-      const i2 = Math.min(r2, a2), s2 = i2 === r2 ? a2 : r2, u2 = [];
-      for (let e4 = i2; e4 <= s2; e4++) u2.push(allDisplayedColumns.value[e4]);
-      return u2;
-    };
-    const setRangeToCell = (e3, t2 = false) => {
-      if (!enableRangeSelection.value) return;
-      const n = J(e3.column, e3.column);
-      if (!n) return;
-      if (latestRangeStartCell.value === e3) return;
-      !singleRangeSelection.value && t2 || (cellRanges.value = []);
-      const o = { rowIndex: e3.rowIndex, rowPinned: e3.rowPinned }, l2 = { startRow: o, endRow: o, columns: n, startColumn: e3.column };
-      cellRanges.value.push(l2), latestRangeStartCell.value = e3, vue.triggerRef(cellRanges);
-    };
-    const te = (e3, t2) => {
-      const n = t2.column, o = J(e3.startColumn, n);
-      o && !ne(e3, t2) && (e3.columns = o, e3.endRow = { rowIndex: t2.rowIndex, rowPinned: t2.rowPinned }, vue.triggerRef(cellRanges));
-    };
-    const ne = (e3, t2) => {
-      const { startRow: n, endRow: o } = e3, l2 = X(n, o) ? o : n, r2 = t2.rowIndex === l2.rowIndex && t2.rowPinned === l2.rowPinned, a2 = e3.columns[0], i2 = e3.columns[e3.columns.length - 1], s2 = e3.startColumn === a2 ? i2 : a2;
-      return t2.column === s2 && r2;
-    };
-    const oe = (e3, t2) => {
-      const n = null !== t2.columns && t2.columns.find((t3) => t3.columnKey === e3.column.columnKey), o = ae2(e3.rowIndex, e3.rowPinned, t2);
-      return n && o;
-    };
-    const le = (cellRange) => {
-      var _a;
-      if (cellRange.startRow && cellRange.endRow) {
-        return X(cellRange.startRow, cellRange.endRow) ? cellRange.startRow : cellRange.endRow;
-      }
-      return { rowIndex: (_a = flattenData.value[0]) == null ? void 0 : _a.rowIndex, rowPinned: null };
-    };
-    const re2 = (e3) => {
-      var _a;
-      return e3.startRow && e3.endRow ? X(e3.startRow, e3.endRow) ? e3.endRow : e3.startRow : {
-        rowIndex: (_a = flattenData.value[flattenData.value.length - 1]) == null ? void 0 : _a.rowIndex,
-        rowPinned: null
-      };
-    };
-    const ae2 = (e3, t2, n) => {
-      const o = le(n), l2 = re2(n), r2 = { rowIndex: e3, rowPinned: t2 }, a2 = r2.rowIndex === o.rowIndex && r2.rowPinned == o.rowPinned, i2 = r2.rowIndex === l2.rowIndex && r2.rowPinned == l2.rowPinned;
-      if (a2 || i2) return true;
-      const s2 = !X(r2, o), u2 = X(r2, l2);
-      return s2 && u2;
-    };
-    const getCellRangeCount = (cell2) => isSelectedEmpty.value ? 0 : cellRanges.value.filter((cellRange) => oe(cell2, cellRange)).length;
-    const getDisplayedColBefore = (e3) => {
-      const t2 = allDisplayedColumns.value, n = t2.findIndex((t3) => t3.columnKey === e3.columnKey);
-      return n > 0 ? t2[n - 1] : null;
-    };
-    const getDisplayedColAfter = (e3) => {
-      const t2 = allDisplayedColumns.value, n = t2.findIndex((t3) => t3.columnKey === e3.columnKey);
-      return n < t2.length - 1 ? t2[n + 1] : null;
-    };
-    const ce2 = (e3) => {
-      if (null == e3) return null;
-      const t2 = allDisplayedColumns.value.find((t3) => t3.columnKey === e3);
-      return t2 || console.warn("Table: could not find column " + e3), t2;
-    };
-    const de2 = () => cellRanges.value;
-    const clearAllSelectedRange = () => {
-      cellRanges.value = [];
-    };
-    const appendCellToSelectedRange = (e3) => {
-      if (!enableRangeSelection.value) return;
-      const t2 = ((e4) => {
-        let t3, n = false;
-        if (e4.columnsKey) t3 = e4.columnsKey.map((e5) => ce2(e5)).filter((e5) => e5);
-        else {
-          const o = ce2(e4.columnStartKey), l2 = ce2(e4.columnEndKey);
-          if (!o || !l2) return;
-          t3 = J(o, l2), t3 && t3.length && (n = t3[0] !== o);
-        }
-        if (!t3) return;
-        return {
-          startRow: null != e4.rowStartIndex ? { rowIndex: e4.rowStartIndex, rowPinned: null } : void 0,
-          endRow: null != e4.rowEndIndex ? { rowIndex: e4.rowEndIndex, rowPinned: null } : void 0,
-          columns: t3,
-          startColumn: n ? t3[t3.length - 1] : t3[0]
-        };
-      })(e3);
-      t2 && (t2.startRow && (latestRangeStartCell.value = {
-        rowIndex: t2.startRow.rowIndex,
-        rowPinned: t2.startRow.rowPinned,
-        column: t2.startColumn
-      }), cellRanges.value.push(t2));
-    };
-    const fe2 = (e3) => {
-      enableRangeSelection.value && (clearAllSelectedRange(), appendCellToSelectedRange(e3));
-    };
-    const focusCell = (e3) => {
-      let t2, n;
-      const o = null === (t2 = getRowByFlattenIndex(e3.rowIndex)) || void 0 === t2 ? void 0 : t2.rowKey, l2 = null === (n = e3.column) || void 0 === n ? void 0 : n.columnKey;
-      if (void 0 !== o && void 0 !== l2 && rootRef.value) {
-        const e4 = rootRef.value.querySelector(
-          `[data-row-key="${o}"] [data-column-key="${l2}"][data-level="${level}"]`
-        );
-        if (e4) {
-          const t4 = e4.getElementsByTagName("input")[0];
-          e4.focus();
-          t4 && t4.focus();
-        }
-      }
-    };
-    const intersectLastRange = (fromMouseClick = false) => {
-      if (singleRangeSelection.value) return;
-      if (isSelectedEmpty.value) return;
-      const lastCellRange2 = cellRanges.value[cellRanges.value.length - 1];
-      const n = le(lastCellRange2);
-      const o = re2(lastCellRange2);
-      const l2 = [];
-      cellRanges.value.slice(0, -1).forEach((e4) => {
-        const r2 = le(e4), a2 = re2(e4), i2 = e4.columns, s2 = i2.filter((e5) => -1 === (lastCellRange2 == null ? void 0 : lastCellRange2.columns.indexOf(e5)));
-        if (s2.length !== i2.length)
-          if (X(o, r2) || X(a2, n)) l2.push(e4);
-          else {
-            if (X(r2, n)) {
-              const e5 = {
-                columns: [...i2],
-                startColumn: lastCellRange2 == null ? void 0 : lastCellRange2.startColumn,
-                startRow: Object.assign({}, r2),
-                endRow: navigationService.getRowAbove(n)
-              };
-              l2.push(e5);
-            }
-            if (s2.length > 0) {
-              const e5 = {
-                columns: s2,
-                startColumn: s2.find((e6) => e6.columnKey === (lastCellRange2 == null ? void 0 : lastCellRange2.startColumn.columnKey)) ? lastCellRange2 == null ? void 0 : lastCellRange2.startColumn : s2[0],
-                startRow: q([Object.assign({}, n), Object.assign({}, r2)]),
-                endRow: Q([Object.assign({}, o), Object.assign({}, a2)])
-              };
-              l2.push(e5);
-            }
-            X(o, a2) && l2.push({
-              columns: [...i2],
-              startColumn: lastCellRange2 == null ? void 0 : lastCellRange2.startColumn,
-              startRow: navigationService.getRowBelow(o),
-              endRow: Object.assign({}, a2)
-            });
-          }
-        else l2.push(e4);
-      }), cellRanges.value = l2;
-    };
-    vue.watch(latestRangeStartCell, () => {
-      latestRangeStartCell.value && focusCell(latestRangeStartCell.value);
-    });
-    const ensureCellVisible = (cell2) => {
-      parmas.ensureCellRowVisible(cell2);
-      parmas.ensureCellColumnVisible(cell2);
-    };
-    const navigationService = useCellNavigation({
-      getDisplayedColBefore,
-      getDisplayedColAfter,
-      allDisplayedColumns,
-      setRangeToCell,
-      focusCell,
-      ensureCellVisible,
-      ...parmas
-    });
-    vue.provide(RangeSymbolKey, {
-      cellRanges,
-      extendLatestRangeToCell: (e3) => {
-        if (isSelectedEmpty.value || !latestRangeStartCell.value) return;
-        const t2 = cellRanges.value[cellRanges.value.length - 1];
-        te(t2, e3);
-      },
-      setRangeToCell,
-      onDragStart,
-      onDragging,
-      isCellInAnyRange: (cell2) => getCellRangeCount(cell2) > 0,
-      getRangeCellClass: (e3) => {
-        const t2 = getCellRangeCount(e3), n = ((e4) => {
-          let t3 = false, n2 = false, o2 = false, l3 = false;
-          const r3 = e4.column;
-          let a3, i3;
-          a3 = getDisplayedColBefore(r3), i3 = getDisplayedColAfter(r3);
-          const s2 = cellRanges.value.filter((t4) => oe(e4, t4));
-          a3 || (l3 = true), i3 || (n2 = true);
-          for (let r4 = 0; r4 < s2.length && !(t3 && n2 && o2 && l3); r4++) {
-            const u2 = s2[r4], c2 = le(u2), d = re2(u2);
-            !t3 && Z(c2, e4) && (t3 = true), !o2 && Z(d, e4) && (o2 = true), !l3 && a3 && u2.columns.findIndex((e5) => e5.columnKey === a3.columnKey) < 0 && (l3 = true), !n2 && i3 && u2.columns.findIndex((e5) => e5.columnKey === i3.columnKey) < 0 && (n2 = true);
-          }
-          return { top: t3, right: n2, bottom: o2, left: l3 };
-        })(e3), o = 1 === t2 && !Y.value, l2 = !o && n.top, r2 = !o && n.right, a2 = !o && n.bottom, i2 = !o && n.left;
-        return classNames({
-          [rangeCellClass.value]: 0 !== t2,
-          [`${rangeCellClass.value}-1`]: 1 === t2,
-          [`${rangeCellClass.value}-2`]: 2 === t2,
-          [`${rangeCellClass.value}-3`]: 3 === t2,
-          [`${rangeCellClass.value}-4`]: t2 >= 4,
-          [RangeSingleCellClass.value]: o,
-          [RangeTopClass.value]: l2,
-          [RangeRIghtClass.value]: r2,
-          [RangeBottomClass.value]: a2,
-          [RangeLeftClass.value]: i2
-        });
-      },
-      enableRangeSelection,
-      singleRangeSelection,
-      getDisplayedColBefore,
-      getDisplayedColAfter,
-      navigationService,
-      extendLatestRangeInDirection: (e3) => {
-        if (isSelectedEmpty.value || !latestRangeStartCell.value) return;
-        const t2 = e3.keyCode, n = e3.ctrlKey || e3.metaKey, o = cellRanges.value[cellRanges.value.length - 1], l2 = latestRangeStartCell.value, r2 = o.columns[0], a2 = o.columns[o.columns.length - 1], i2 = o.endRow.rowIndex, s2 = o.endRow.rowPinned, u2 = {
-          column: l2.column === r2 ? a2 : r2,
-          rowIndex: i2,
-          rowPinned: s2
-        }, d = navigationService.getNextCellToFocus(t2, u2, n);
-        return d ? (fe2({
-          rowStartIndex: l2.rowIndex,
-          rowEndIndex: d.rowIndex,
-          columnStartKey: l2.column.columnKey,
-          columnEndKey: d.column.columnKey
-        }), d) : void 0;
-      },
-      allDisplayedColumns,
-      focusCell,
-      ensureCellVisible,
-      getCellRangeCount,
-      intersectLastRange,
-      level
-    });
-    const copySelectedRange = () => {
-      const e3 = de2(), t2 = [];
-      let n = "";
-      e3.forEach((e4) => {
-        const { startRow: n2, endRow: o, columns: r2 } = e4, [a2, i2] = [n2.rowIndex, o.rowIndex].sort((e5, t3) => e5 - t3);
-        let s2 = allDisplayedColumns.value.findIndex((e5) => {
-          var _a;
-          return e5.columnKey === ((_a = r2[0]) == null ? void 0 : _a.columnKey);
-        }), u2 = allDisplayedColumns.value.findIndex(
-          (e5) => {
-            var _a;
-            return e5.columnKey === ((_a = r2[r2.length - 1]) == null ? void 0 : _a.columnKey);
-          }
-        );
-        [s2, u2] = [s2, u2].sort((e5, t3) => e5 - t3);
-        const c2 = [];
-        for (let e5 = a2; e5 <= i2; e5++) {
-          const t3 = flattenData.value[e5];
-          if (t3 && !t3.isExpandRow) {
-            const n3 = t3.rowKey, o2 = [], l2 = getIndexsByKey(n3);
-            for (let r3 = s2; r3 <= u2; r3++) {
-              const originColumn = allDisplayedColumns.value[r3].originColumn;
-              const i3 = originColumn.dataIndex ? getPathValue(t3.record, originColumn.dataIndex) : void 0;
-              if (originColumn) {
-                const r4 = {
-                  record: t3.record,
-                  column: originColumn,
-                  index: e5,
-                  recordIndexs: l2,
-                  key: n3,
-                  value: i3
-                };
-                o2.push(formatRangeCellText(r4));
-              }
-            }
-            c2.push(o2.join(copyDelimiter.value));
-          }
-        }
-        t2.push(c2);
-      }), n = t2.map((e4) => e4.join("prefixCls\n")).join("prefixCls\n"), ((e4) => {
-        let t3, n2;
-        const o = document.activeElement, l2 = document.createElement("textarea");
-        l2.style.position = "absolute", l2.style.opacity = "0", l2.style.width = "1px", l2.style.height = "1px", l2.value = e4 || " ", document.body.appendChild(l2), l2.select(), l2.focus({ preventScroll: true }), document.execCommand("copy") || console.warn("Table: copy failed, Browser did not allow document.execCommand('copy')"), document.body.removeChild(l2), null !== o && (null === (n2 = (t3 = o).focus) || void 0 === n2 || n2.call(t3, { preventScroll: true }));
-      })(n);
-    };
-    return {
-      getSelectedRange: () => {
-        const e3 = de2(), t2 = [];
-        return e3.forEach((e4) => {
-          const { startColumn: n, startRow: o, endRow: r2, columns: a2 } = e4, i2 = flattenData.value[o.rowIndex], s2 = flattenData.value[r2.rowIndex], u2 = {
-            startColumn: n.originColumn,
-            startRow: {
-              rowIndex: i2.rowIndex,
-              recordIndexs: getIndexsByKey(i2.rowKey)
-            },
-            endRow: {
-              rowIndex: s2.rowIndex,
-              recordIndexs: getIndexsByKey(s2.rowKey)
-            },
-            columns: a2.map((e5) => e5.originColumn),
-            flattenData: flattenData.value
-          };
-          t2.push(u2);
-        }), t2;
-      },
-      appendCellToSelectedRange,
-      clearAllSelectedRange,
-      setCellRanges: (e3) => {
-        enableRangeSelection.value && (cellRanges.value = e3);
-      },
-      getCellRangeCount,
-      navigationService,
-      copySelectedRange,
-      onBodyKeydown: (e3) => {
-        if (!e3.ctrlKey && !e3.metaKey || !enableRangeSelection.value) return;
-        if (isOverFormFieldElement(e3)) return;
-        switch (e3.keyCode) {
-          case KeyCode.C:
-            copySelectedRange();
-            break;
-          case KeyCode.A:
-            (() => {
-              if (!enableRangeSelection.value) return;
-              const e4 = allDisplayedColumns.value;
-              0 !== e4.length && fe2({
-                rowStartIndex: 0,
-                rowEndIndex: flattenData.value.length - 1,
-                columnStartKey: e4[0].columnKey,
-                columnEndKey: e4[e4.length - 1].columnKey
-              });
-            })();
-        }
-        e3.preventDefault();
-      }
-    };
-  };
-  const useInjectRangeStore = () => {
-    return vue.inject(RangeSymbolKey, {});
-  };
-
   var MapShim = (function() {
     if (typeof Map !== "undefined") {
       return Map;
@@ -28682,6 +28108,31 @@
     return { data, pos };
   }
 
+  function classNames(...args) {
+    const classes = [];
+    for (let i = 0; i < args.length; i++) {
+      const value = args[i];
+      if (!value) continue;
+      if (isString(value)) {
+        classes.push(value);
+      } else if (isArray(value)) {
+        for (let i2 = 0; i2 < value.length; i2++) {
+          const inner = classNames(value[i2]);
+          if (inner) {
+            classes.push(inner);
+          }
+        }
+      } else if (isObject(value)) {
+        for (const name in value) {
+          if (value[name]) {
+            classes.push(name);
+          }
+        }
+      }
+    }
+    return classes.join(" ");
+  }
+
   const useCellProps = ({
     leftColumns,
     rightColumns,
@@ -28694,6 +28145,10 @@
     leftWidth,
     centerWidth,
     getRowHeight,
+    cancelEditable,
+    startEditable,
+    saveEditable,
+    isEditable,
     customCell: contextCustomCell
   }) => {
     const allCellProps = vue.shallowRef({});
@@ -28716,6 +28171,10 @@
           value,
           record,
           index: rowIndex,
+          cancelEditable,
+          startEditable,
+          saveEditable,
+          isEditable,
           column: originColumn
         });
         if (customCellRender && isObject$4(customCellRender) && !isArray$2(customCellRender) && !vue.isVNode(customCellRender)) {
@@ -32193,114 +31652,6 @@
     return vue.inject(BodyRowContextKey, {});
   };
 
-  const useCellSelection = () => {
-    const {
-      isCellInAnyRange,
-      cellRanges,
-      extendLatestRangeToCell,
-      setRangeToCell,
-      enableRangeSelection,
-      getCellRangeCount,
-      intersectLastRange,
-      level
-    } = useInjectRangeStore();
-    return {
-      onCellMousedown: (mouseEvent, cellPosition) => {
-        const { ctrlKey, metaKey, shiftKey } = mouseEvent;
-        if (!(!isCellInAnyRange(cellPosition) || 2 !== mouseEvent.button)) return;
-        const isRanges = !cellRanges.value.length;
-        if (shiftKey && isRanges) {
-          mouseEvent.preventDefault();
-        }
-        if (shiftKey) {
-          extendLatestRangeToCell(cellPosition);
-        } else {
-          setRangeToCell(cellPosition, ctrlKey || metaKey);
-        }
-        mouseEvent.cellInfo = {
-          cellPosition,
-          cellTarget: mouseEvent.currentTarget,
-          level
-        };
-      },
-      onCellMousemove: (mouseEvent, cellPosition) => {
-        mouseEvent.cellInfo = {
-          cellPosition,
-          cellTarget: mouseEvent.currentTarget,
-          level
-        };
-      },
-      onCellClick: (mouseEvent, cellPosition) => {
-        const mouseKey = mouseEvent.ctrlKey || mouseEvent.metaKey;
-        enableRangeSelection.value && mouseKey && getCellRangeCount(cellPosition) > 1 && intersectLastRange(true);
-      }
-    };
-  };
-
-  const useCellKeyboard = () => {
-    const {
-      enableRangeSelection,
-      navigationService,
-      extendLatestRangeInDirection,
-      focusCell,
-      ensureCellVisible
-    } = useInjectRangeStore();
-    const directionOrEnterHandle = (event, payload) => {
-      if (!payload.isEditing) {
-        event.shiftKey && enableRangeSelection.value ? selectRange(event) : navigationService.navigateToNextCell(event, payload.cellPosition);
-        event.preventDefault();
-      }
-    };
-    const { props } = useInjectTable();
-    const selectRange = (event) => {
-      const latestRange = extendLatestRangeInDirection(event);
-      latestRange && ensureCellVisible(latestRange);
-    };
-    const escHandle = (_, payload) => {
-      payload.isEditing && focusCell(payload.cellPosition);
-    };
-    const tabHandle = (event, payload) => {
-      navigationService.onTabKeyDown(payload.cellPosition, event);
-    };
-    return {
-      onCellKeydown: (event, payload) => {
-        if (props.onCellKeydown && false === props.onCellKeydown(event, {
-          isEditing: payload.isEditing,
-          cellPosition: {
-            column: payload.cellPosition.column.originColumn,
-            rowIndex: payload.cellPosition.rowIndex
-          }
-        })) {
-          return;
-        }
-        const { keyCode } = event;
-        const target = event.target;
-        switch (keyCode) {
-          case KeyCode.RIGHT:
-          case KeyCode.LEFT:
-            if (!("INPUT" === (target == null ? void 0 : target.tagName) || "TEXTAREA" === (target == null ? void 0 : target.tagName) || (target == null ? void 0 : target.isContentEditable))) {
-              directionOrEnterHandle(event, payload);
-            }
-            break;
-          case KeyCode.DOWN:
-          case KeyCode.UP:
-          case KeyCode.ENTER:
-            if (!((target2) => "TEXTAREA" === target2.tagName || target2.isContentEditable)(
-              event.target
-            )) {
-              directionOrEnterHandle(event, payload);
-            }
-            break;
-          case KeyCode.ESC:
-            escHandle(event, payload);
-            break;
-          case KeyCode.TAB:
-            tabHandle(event, payload);
-        }
-      }
-    };
-  };
-
   const eventCache = {};
   const eventMap = {
     select: "input",
@@ -32317,6 +31668,68 @@
     return eventCache[eventName = "on" + eventName] = eventName in dom;
   };
 
+  const useAutoScroll = (params) => {
+    const {
+      scrollContainer,
+      scrollAxis,
+      onScrollCallback = () => {
+      },
+      showVerticalScrollbar,
+      showHorizontalScrollbar
+    } = params;
+    let timer = null;
+    let i = 0;
+    let hasLeft = false;
+    let hasRight = false;
+    let hasTop = false;
+    let hasBottom = false;
+    const isXAxis = -1 !== scrollAxis.indexOf("x");
+    const isYAxis = -1 !== scrollAxis.indexOf("y");
+    const scrollByTick = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = params.scrollByTick) == null ? void 0 : _a.value) != null ? _b : 20;
+    });
+    const exec = () => {
+      if (null === timer) {
+        timer = window.setInterval(handle, 100);
+        i = 0;
+      }
+    };
+    const handle = () => {
+      i++;
+      const boundary = i > 20 ? 200 : i > 10 ? 80 : 40;
+      if (isYAxis) {
+        const position = params.getVerticalPosition();
+        hasTop && params.setVerticalPosition(position - boundary), hasBottom && params.setVerticalPosition(position + boundary);
+      }
+      if (isXAxis) {
+        const position = params.getHorizontalPosition();
+        hasLeft && params.setHorizontalPosition(position - boundary), hasRight && params.setHorizontalPosition(position + boundary);
+      }
+      onScrollCallback();
+    };
+    const clear = () => {
+      if (timer) {
+        window.clearInterval(timer);
+        timer = null;
+      }
+    };
+    return {
+      check: (mouseEvent, forceSkipVerticalScroll = false) => {
+        const hasVerticalScroll = forceSkipVerticalScroll || !showVerticalScrollbar.value;
+        if (hasVerticalScroll && !showHorizontalScrollbar.value) return;
+        const clientRect = scrollContainer.value.getBoundingClientRect();
+        const tick = scrollByTick.value;
+        hasLeft = mouseEvent.clientX < clientRect.left + tick;
+        hasRight = mouseEvent.clientX > clientRect.right - tick;
+        hasTop = mouseEvent.clientY < clientRect.top + tick && !hasVerticalScroll;
+        hasBottom = mouseEvent.clientY > clientRect.bottom - tick && !hasVerticalScroll;
+        return hasLeft || hasRight || hasTop || hasBottom ? exec() : clear();
+      },
+      ensureCleared: clear
+    };
+  };
+
   var _sfc_main$o = vue.defineComponent({
     name: "RowDragHandler",
     props: {
@@ -32840,188 +32253,6 @@
     }
   });
 
-  var _sfc_main$n = vue.defineComponent({
-    inheritAttrs: false,
-    props: {
-      prefixCls: { type: String },
-      recordIndexs: { type: Array },
-      rowKey: { type: [Number, String] },
-      column: { type: Object, default: () => ({}) },
-      record: { type: Object, default: () => ({}) },
-      value: { validator: () => true },
-      customEditable: { type: Boolean, default: false },
-      multiple: { type: Boolean, default: false },
-      autoHeight: { type: Boolean, default: false },
-      cellKey: { type: String },
-      getPopupContainer: Function,
-      onCloseEditor: Function,
-      onKeydown: Function
-    },
-    emits: ["closeEditor", "keydown"],
-    setup(props, { expose, emit }) {
-      var _a, _b, _c;
-      const tableSlots = useInjectSlots();
-      const popup = useInjectPopup();
-      const oldValue = (_c = (_b = (_a = props.column) == null ? void 0 : _a.valueGetter) == null ? void 0 : _b.call(_a, {
-        value: props.value,
-        record: props.record,
-        column: props.column,
-        recordIndexs: props.recordIndexs
-      })) != null ? _c : props.value;
-      const modelValue = vue.ref(oldValue);
-      const inputRef = vue.shallowRef(null);
-      const tableContext = useInjectTable();
-      vue.onMounted(() => {
-        vue.nextTick(() => {
-          var _a2, _b2, _c2, _d;
-          if (inputRef.value && !props.multiple) {
-            (_b2 = (_a2 = inputRef.value) == null ? void 0 : _a2.focus) == null ? void 0 : _b2.call(_a2);
-            (_d = (_c2 = inputRef.value) == null ? void 0 : _c2.select) == null ? void 0 : _d.call(_c2);
-          }
-        });
-      });
-      expose({ value: modelValue, inputRef });
-      const onInput = (e, val) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = props.column).valueChange) == null ? void 0 : _b2.call(_a2, e, {
-          column: props.column,
-          record: props.record,
-          recordIndexs: props.recordIndexs,
-          newValue: val,
-          oldValue
-        });
-      };
-      const childrenColumnName = vue.computed(() => tableContext.props.childrenColumnName || "children");
-      const save = () => {
-        var _a2, _b2, _c2;
-        const recordIndexs = props.recordIndexs;
-        let dataSource = tableContext.props.dataSource || [];
-        let record = {};
-        recordIndexs.forEach((index) => {
-          record = dataSource[index];
-          dataSource = record[childrenColumnName.value] || [];
-        });
-        const value = (_c2 = (_b2 = (_a2 = props.column).valueParser) == null ? void 0 : _b2.call(_a2, {
-          column: props.column,
-          record,
-          recordIndexs,
-          newValue: modelValue.value,
-          oldValue
-        })) != null ? _c2 : modelValue.value;
-        const valueSetter = props.column.valueSetter;
-        if (valueSetter) {
-          const result = valueSetter({
-            column: props.column,
-            record,
-            recordIndexs,
-            newValue: modelValue.value,
-            oldValue
-          });
-          if (isPromise(result)) {
-            result.then((res) => {
-              res && emit("closeEditor", [props.cellKey]);
-            }).catch(() => {
-            });
-            return;
-          }
-          result && emit("closeEditor", [props.cellKey]);
-        } else {
-          devWarning(
-            void 0 !== props.column.dataIndex || null !== props.column.dataIndex,
-            "Editable",
-            "If not have column dataIndex, you should to set valueSetter for editable columns, otherwise the value cannot be modified."
-          );
-          set(record, props.column.dataIndex, value);
-          emit("closeEditor", [props.cellKey]);
-        }
-      };
-      let isKeyDown = false;
-      const closeEditor = (key) => {
-        emit("closeEditor", key != null ? key : [props.cellKey]);
-      };
-      return {
-        modelValue,
-        inputRef,
-        handleInput: (e) => {
-          var _a2;
-          onInput(e, (_a2 = e.target) == null ? void 0 : _a2.value);
-        },
-        handleKeyDown: (e) => {
-          const { which } = e;
-          if (which === KeyCode.ENTER) {
-            save();
-          } else {
-            if (which === KeyCode.ESC) {
-              isKeyDown = true;
-              emit("closeEditor", null);
-            }
-            emit("keydown", e);
-          }
-        },
-        handleBlur: () => {
-          isKeyDown || props.multiple || save();
-        },
-        tableSlots,
-        popup,
-        save,
-        closeEditor,
-        getCustomEditorProps: () => ({
-          modelValue,
-          save,
-          onInput,
-          closeEditor,
-          column: props.column.originColumn,
-          editorRef: inputRef,
-          getPopupContainer: props.getPopupContainer,
-          record: props.record,
-          recordIndexs: props.recordIndexs
-        })
-      };
-    }
-  });
-
-  const _hoisted_1$8 = ["data-cell-auto"];
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(`${_ctx.prefixCls}-cell-edit-inner`),
-      "data-cell-auto": _ctx.autoHeight
-    }, [
-      _ctx.customEditable ? (vue.openBlock(), vue.createElementBlock(
-        vue.Fragment,
-        { key: 0 },
-        [
-          _ctx.tableSlots.cellEditor ? (vue.openBlock(), vue.createBlock(
-            vue.resolveDynamicComponent(_ctx.tableSlots.cellEditor),
-            vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.getCustomEditorProps())),
-            null,
-            16
-            /* FULL_PROPS */
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : vue.withDirectives((vue.openBlock(), vue.createElementBlock(
-        "input",
-        {
-          key: 1,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
-          ref: "inputRef",
-          class: vue.normalizeClass(`${_ctx.prefixCls}-cell-edit-input`),
-          type: "text",
-          onInput: _cache[1] || (_cache[1] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
-          onKeydown: _cache[2] || (_cache[2] = (...args) => _ctx.handleKeyDown && _ctx.handleKeyDown(...args)),
-          onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args))
-        },
-        null,
-        34
-        /* CLASS, NEED_HYDRATION */
-      )), [
-        [vue.vModelText, _ctx.modelValue]
-      ])
-    ], 10, _hoisted_1$8);
-  }
-  var EditInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$j]]);
-
   const cellProps = {
     prefixCls: String,
     rowIndex: { type: Number, required: true },
@@ -33038,41 +32269,30 @@
     tooltipOpen: Boolean,
     getPopupContainer: Function,
     onCellLeave: Function,
-    editCellKeys: Array,
-    onOpenEditor: Function,
-    onCloseEditor: Function,
-    onMousedown: Function,
-    onMousemove: Function,
-    onKeydown: Function,
     onClick: Function
   };
   let lastClickTime = 0;
+  const hasSupportedDblclick = () => {
+    if (!isIOSUserAgent() || isEventSupported("dblclick")) return false;
+    const now = (/* @__PURE__ */ new Date()).getTime();
+    const is = now - lastClickTime < 200;
+    lastClickTime = now;
+    return is;
+  };
   const ValueStatusEnum = {
     success: "#03bf64",
     processing: "#315efb",
     error: "#e8353e",
     warning: "#eb8903"
   };
-  const BodyCell = (props, { slots, emit }) => {
+  const BodyCell$1 = (props, { slots, emit }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { table } = useProConfigInject();
     const tableSlotsContext = useInjectSlots();
     const tableContext = useInjectTable();
     const { onBodyCellContextmenu } = useInjectBody();
-    const { getRangeCellClass } = useInjectRangeStore();
     const level = useInjectLevel();
-    const { oldValuesMap } = useEditInject();
-    const {
-      prefixCls,
-      column,
-      wrapText,
-      rowKey,
-      item,
-      rowIndex,
-      hasAppendNode,
-      tooltipOpen,
-      editCellKeys
-    } = props;
+    const { prefixCls, column, wrapText, rowKey, item, rowIndex, hasAppendNode, tooltipOpen } = props;
     const columnKey = column.columnKey;
     const valueEnum = runFunction(column == null ? void 0 : column.valueEnum, props.item);
     const rowDrag = typeof column.rowDrag == "function" ? column.rowDrag({ record: item, column: column.originColumn }) : !!column.rowDrag;
@@ -33082,22 +32302,8 @@
     const sorterInfo = { sorterOrder };
     const key = `${props.rowKey} ${columnKey}`;
     const value = column.dataIndex ? column.renderText ? column.renderText(get(item, column.dataIndex), item, rowIndex) : get(item, column.dataIndex) : void 0;
-    const valueStatus = runFunction(column == null ? void 0 : column.valueStatus, value, props.item);
+    const valueStatus = runFunction(column == null ? void 0 : column.valueStatus, value, props.item, valueEnum == null ? void 0 : valueEnum[value]);
     const recordIndexs = tableContext.getIndexsByKey(rowKey);
-    let customEditable = false;
-    let isEditing = editCellKeys == null ? void 0 : editCellKeys.includes(key);
-    if (isEditing) {
-      const editable = "function" == typeof column.editable && column.editable({
-        record: item,
-        column: column.originColumn,
-        recordIndexs,
-        value
-      });
-      customEditable = "cellEditorSlot" === column.editable || "cellEditorSlot" === editable;
-      isEditing = isEditing && (customEditable && !!tableSlotsContext.cellEditor || true === column.editable || !!editable);
-    }
-    let { editableTrigger = ["dblClick"] } = column;
-    editableTrigger = Array.isArray(editableTrigger) ? editableTrigger : [editableTrigger];
     const cellInnerClass = { [`${prefixCls}-cell-inner`]: true };
     const cellContentClass = {
       [`${prefixCls}-cell-content`]: true,
@@ -33118,7 +32324,6 @@
     const cellRender = ((_b = (_a = tableContext.allCellProps.value) == null ? void 0 : _a[rowKey]) == null ? void 0 : _b[column.columnKey]) || {};
     const cellProps2 = cellRender.props || {};
     const cellRowSpan = cellProps2.rowSpan;
-    const cellPosition = { rowIndex: props.flattenRowIndex, rowPinned: null, column };
     const cellClass = {
       [`${prefixCls}-cell`]: true,
       [`${prefixCls}-first-cell`]: column.columnIndex === 0,
@@ -33126,60 +32331,7 @@
       [`${prefixCls}-cell-multi`]: cellRowSpan > 1,
       [`${prefixCls}-cell-hidden`]: cellRowSpan === 0,
       [`${prefixCls}-column-sort`]: sorterInfo.sorterOrder,
-      [`${prefixCls}-with-append`]: hasAppendNode,
-      [`${prefixCls}-cell-inline-edit`]: isEditing,
-      [getRangeCellClass(cellPosition)]: true
-    };
-    const openEditor = () => {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
-      const oldValue = (_c2 = (_b2 = (_a2 = props.column) == null ? void 0 : _a2.valueGetter) == null ? void 0 : _b2.call(_a2, {
-        value,
-        record: item,
-        column,
-        recordIndexs
-      })) != null ? _c2 : value;
-      const beforeOpen = (_e2 = (_d2 = tableContext.props) == null ? void 0 : _d2.onBeforeOpenEditor) == null ? void 0 : _e2.call(_d2, cellRenderArgs);
-      if (isPromise(beforeOpen)) {
-        beforeOpen.then((res) => {
-          var _a3, _b3;
-          if (res) {
-            emit("openEditor", key, { [key]: oldValue });
-            (_b3 = (_a3 = tableContext.props) == null ? void 0 : _a3.onOpenEditor) == null ? void 0 : _b3.call(_a3, cellRenderArgs);
-          }
-        });
-      } else {
-        if (false !== beforeOpen) {
-          emit("openEditor", key, { [key]: oldValue });
-          (_g2 = (_f2 = tableContext.props) == null ? void 0 : _f2.onOpenEditor) == null ? void 0 : _g2.call(_f2, cellRenderArgs);
-        }
-      }
-    };
-    const closeEditor = (currentKey) => {
-      var _a2, _b2, _c2, _d2;
-      const beforeClose = (_b2 = (_a2 = tableContext.props) == null ? void 0 : _a2.onBeforeCloseEditor) == null ? void 0 : _b2.call(_a2, {
-        ...cellRenderArgs,
-        oldValue: oldValuesMap.value[key]
-      });
-      if (isPromise(beforeClose)) {
-        beforeClose.then((res) => {
-          var _a3, _b3;
-          if (res) {
-            emit("closeEditor", currentKey != null ? currentKey : key);
-            (_b3 = (_a3 = tableContext.props) == null ? void 0 : _a3.onCloseEditor) == null ? void 0 : _b3.call(_a3, {
-              ...cellRenderArgs,
-              oldValue: oldValuesMap.value[key]
-            });
-          }
-        });
-      } else {
-        if (false !== beforeClose) {
-          emit("closeEditor", currentKey != null ? currentKey : key);
-          (_d2 = (_c2 = tableContext.props) == null ? void 0 : _c2.onCloseEditor) == null ? void 0 : _d2.call(_c2, {
-            ...cellRenderArgs,
-            oldValue: oldValuesMap.value[key]
-          });
-        }
-      }
+      [`${prefixCls}-with-append`]: hasAppendNode
     };
     const cellRenderArgs = {
       record: item,
@@ -33190,8 +32342,10 @@
       recordIndexs: tableContext.getIndexsByKey(rowKey),
       key,
       valueStatus,
-      openEditor,
-      closeEditor
+      cancelEditable: tableContext.cancelEditable,
+      startEditable: tableContext.startEditable,
+      saveEditable: tableContext.saveEditable,
+      isEditable: tableContext.isEditable
     };
     let bodyCell = recordIndexs && ((_c = tableSlotsContext.bodyCell) == null ? void 0 : _c.call(tableSlotsContext, cellRenderArgs)) || [];
     const emptyText = tableContext.props.columnEmptyText !== false ? (_f = (_e = tableContext.props.columnEmptyText) != null ? _e : (_d = table == null ? void 0 : table.value) == null ? void 0 : _d.columnEmptyText) != null ? _f : "-" : "";
@@ -33310,27 +32464,6 @@
     } else {
       renderCellVNode = cellVNode;
     }
-    const onDblclick = () => {
-      editableTrigger.includes("dblClick") && openEditor();
-    };
-    const editInputRender = isEditing ? vue.createVNode(
-      EditInput,
-      {
-        prefixCls,
-        recordIndexs,
-        rowKey,
-        cellKey: key,
-        column,
-        record: item,
-        onCloseEditor: closeEditor,
-        value,
-        customEditable,
-        getPopupContainer: props.getPopupContainer,
-        multiple: editCellKeys.length > 1,
-        autoHeight
-      },
-      null
-    ) : null;
     return vue.createVNode(
       "div",
       vue.mergeProps(cellProps2, {
@@ -33342,39 +32475,25 @@
         "data-column-key": columnKey,
         class: cellClass,
         onContextmenu: (e) => {
-          if ((tableContext.props.hasContextmenuPopup || tableContext.props.rangeSelection) && 0 === e.button && e.ctrlKey) {
+          if (tableContext.props.hasContextmenuPopup && 0 === e.button && e.ctrlKey) {
             e.preventDefault();
           } else {
             onBodyCellContextmenu(e, cellRenderArgs, props.type);
-            editableTrigger.includes("contextmenu") && openEditor();
+            emit("contextmenu", e);
           }
         },
-        onDblclick,
+        onDblclick: (e) => {
+          emit("dblClick", e);
+        },
         onClick: (e) => {
           var _a2, _b2;
           (_b2 = (_a2 = tableContext.props) == null ? void 0 : _a2.onCellClick) == null ? void 0 : _b2.call(_a2, e, cellRenderArgs);
-          if ((() => {
-            if (!isIOSUserAgent() || isEventSupported("dblclick")) return false;
-            const now = (/* @__PURE__ */ new Date()).getTime();
-            const is = now - lastClickTime < 200;
-            lastClickTime = now;
-            return is;
-          })()) {
-            onDblclick();
+          if (hasSupportedDblclick()) {
+            emit("dblclick", e);
             e.preventDefault();
             return;
           }
-          emit("click", e, cellPosition);
-          editableTrigger.includes("click") && openEditor();
-        },
-        onMousedown: (e) => {
-          emit("mousedown", e, cellPosition);
-        },
-        onMousemove: (e) => {
-          emit("mousemove", e, cellPosition);
-        },
-        onKeydown: (e) => {
-          emit("keydown", e, { cellPosition, isEditing });
+          emit("click", e);
         },
         "data-level": level,
         "aria-selected": "true"
@@ -33389,26 +32508,497 @@
           },
           { label: () => bodyCell }
         ) : null,
-        renderCellVNode,
-        autoHeight && editInputRender ? vue.createVNode(
-          "label",
-          {
-            class: `${prefixCls}-cell-edit-wrapper`,
-            onMousedown: (e) => e.stopPropagation()
-          },
-          [vue.withDirectives(editInputRender, [[cellResize, cellResizeValue]])]
-        ) : editInputRender ? vue.createVNode(
-          "label",
-          {
-            class: `${prefixCls}-cell-edit-wrapper`,
-            onMousedown: (e) => e.stopPropagation()
-          },
-          [editInputRender]
-        ) : null
+        renderCellVNode
       ]
     );
   };
-  BodyCell.props = cellProps;
+  BodyCell$1.props = cellProps;
+
+  function getCharacterLength(str, maxCharacter) {
+    const hasMaxCharacter = isNumber$2(maxCharacter);
+    if (!str || str.length === 0) {
+      if (hasMaxCharacter) {
+        return {
+          length: 0,
+          characters: str
+        };
+      }
+      return 0;
+    }
+    let len = 0;
+    for (let i = 0; i < str.length; i++) {
+      let currentStringLength = 0;
+      if (str.charCodeAt(i) > 127) {
+        currentStringLength = 2;
+      } else {
+        currentStringLength = 1;
+      }
+      if (hasMaxCharacter && len + currentStringLength > maxCharacter) {
+        return {
+          length: len,
+          characters: str.slice(0, i)
+        };
+      }
+      len += currentStringLength;
+    }
+    if (hasMaxCharacter) {
+      return {
+        length: len,
+        characters: str
+      };
+    }
+    return len;
+  }
+  function isValueEmpty(val) {
+    const type = Object.prototype.toString.call(val);
+    const typeMap = {
+      Date: "[object Date]"
+    };
+    if (type === typeMap.Date) {
+      return false;
+    }
+    return isObject$4(val) ? isEmpty(val) : ["", void 0, null].includes(val);
+  }
+  const VALIDATE_MAP = {
+    required: (val) => !isValueEmpty(val),
+    whitespace: (val) => !(/^\s+$/.test(val) || val === ""),
+    boolean: (val) => isBoolean(val),
+    max: (val, num) => isNumber$2(val) ? val <= num : getCharacterLength(val) <= num,
+    min: (val, num) => isNumber$2(val) ? val >= num : getCharacterLength(val) >= num,
+    len: (val, num) => getCharacterLength(String(val)) === num,
+    number: (val) => isNumber$2(val),
+    enum: (val, strs) => strs.includes(val),
+    idcard: (val) => /^(\d{18,18}|\d{15,15}|\d{17,17}x)$/i.test(val),
+    telnumber: (val) => /^1[3-9]\d{9}$/.test(val),
+    pattern: (val, regexp) => regexp.test(val),
+    // 自定义校验规则，可能是异步校验
+    validator: (val, validate2) => validate2(val)
+  };
+  async function validateOneRule(value, rule) {
+    let validateResult = { result: true };
+    const keys = Object.keys(rule);
+    let vOptions;
+    let vValidateFun;
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i];
+      if (!rule.required && isValueEmpty(value) && !rule.validator) {
+        return validateResult;
+      }
+      const validateRule = VALIDATE_MAP[key];
+      if (validateRule && (rule[key] || rule[key] === 0)) {
+        vOptions = rule[key] === true ? void 0 : rule[key];
+        vValidateFun = validateRule;
+        break;
+      }
+    }
+    if (vValidateFun) {
+      validateResult = await vValidateFun(value, vOptions);
+      if (isBoolean(validateResult)) {
+        return { ...rule, result: validateResult };
+      }
+      if (isObject$4(validateResult)) {
+        return validateResult;
+      }
+    }
+    return validateResult;
+  }
+  async function validate(value, rules) {
+    const all = rules.map((rule) => validateOneRule(value, rule));
+    const r = await Promise.all(all);
+    return r;
+  }
+
+  var BodyEditCell = /* @__PURE__ */ vue.defineComponent({
+    inheritAttrs: false,
+    props: {
+      prefixCls: String,
+      rowIndex: {
+        type: Number,
+        required: true
+      },
+      flattenRowIndex: {
+        type: Number,
+        required: true
+      },
+      rowKey: {
+        type: [Number, String]
+      },
+      column: {
+        type: Object,
+        default: () => ({})
+      },
+      item: {
+        type: Object,
+        default: () => ({})
+      },
+      isRowEdit: Boolean,
+      editRow: {
+        type: Object
+      }
+    },
+    emits: ["closeEditor", "keydown"],
+    setup(props) {
+      const tableContext = useInjectTable();
+      const level = useInjectLevel();
+      const columnKey = vue.computed(() => props.column.columnKey);
+      const recordIndexs = vue.computed(() => tableContext.getIndexsByKey(props.rowKey));
+      const childrenColumnName = vue.computed(() => tableContext.props.childrenColumnName || "children");
+      const errorList = vue.ref();
+      const {
+        editRowsMap,
+        setEditingCell
+      } = useEditInject();
+      const cellValue = vue.computed(() => props.column.dataIndex ? get(!props.isRowEdit ? props.item : props.editRow, props.column.dataIndex) : void 0);
+      const cellRender = vue.computed(() => {
+        var _a, _b;
+        return ((_b = (_a = tableContext.allCellProps.value) == null ? void 0 : _a[props.rowKey]) == null ? void 0 : _b[props.column.columnKey]) || {};
+      });
+      const cellProps = vue.computed(() => cellRender.value.props || {});
+      const cellRowSpan = vue.computed(() => cellProps.value.rowSpan);
+      const sorterState = vue.computed(() => tableContext.sorterStates.value.find(({
+        key
+      }) => key === columnKey.value));
+      const sorterOrder = vue.computed(() => {
+        var _a;
+        return sorterState.value ? (_a = sorterState.value) == null ? void 0 : _a.sortOrder : null;
+      });
+      const cellClass = vue.computed(() => ({
+        [`${props.prefixCls}-cell`]: true,
+        [`${props.prefixCls}-first-cell`]: props.column.columnIndex === 0,
+        [`${props.prefixCls}-body-cell`]: true,
+        [`${props.prefixCls}-cell-multi`]: cellRowSpan.value > 1,
+        [`${props.prefixCls}-cell-hidden`]: cellRowSpan.value === 0,
+        [`${props.prefixCls}-column-sort`]: sorterOrder.value
+      }));
+      const rules = vue.computed(() => {
+        var _a, _b;
+        return (_b = runFunction((_a = props.column.edit) == null ? void 0 : _a.rules, {
+          column: props.column,
+          record: props.isRowEdit ? props.editRow : props.item,
+          recordIndexs: recordIndexs.value,
+          newValue: cellValue.value
+        })) != null ? _b : [];
+      });
+      const validateEnabled = vue.computed(() => rules.value.length > 0);
+      const editValue = vue.ref();
+      const cellParams = vue.computed(() => ({
+        column: props.column,
+        record: !props.isRowEdit ? props.item : props.editRow,
+        recordIndexs: recordIndexs.value,
+        value: editValue.value
+      }));
+      const editOnListeners = vue.computed(() => {
+        var _a, _b;
+        return ((_b = (_a = props.column.edit) == null ? void 0 : _a.on) == null ? void 0 : _b.call(_a, {
+          ...cellParams.value
+        })) || {};
+      });
+      const editProps = vue.computed(() => {
+        const {
+          edit = {}
+        } = props.column;
+        return isFunction$2(edit.props) ? edit.props(cellParams.value) : {
+          ...edit.props
+        };
+      });
+      const componentProps = vue.computed(() => {
+        var _a;
+        const {
+          edit
+        } = props.column;
+        if (!edit) return {};
+        const tmpProps = {
+          ...editProps.value
+        };
+        delete tmpProps.onChange;
+        delete tmpProps.value;
+        (_a = edit.abortEditOnEvent) == null ? void 0 : _a.forEach((item) => {
+          delete tmpProps[item];
+        });
+        return tmpProps;
+      });
+      const validateEdit = () => {
+        return new Promise((resolve) => {
+          if (!validateEnabled.value) {
+            resolve(true);
+            return true;
+          }
+          validate(editValue.value, rules.value).then((result) => {
+            const list = result == null ? void 0 : result.filter((t) => !t.result);
+            if (!list || !list.length) {
+              errorList.value = [];
+              resolve(true);
+            } else {
+              errorList.value = list;
+              resolve(list);
+            }
+          });
+        });
+      };
+      const onEditChange = (val, ...args) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const params = {
+          column: props.column,
+          record: props.isRowEdit ? props.editRow : props.item,
+          recordIndexs: recordIndexs.value,
+          newValue: cellValue.value
+        };
+        const value = (_c = (_b = (_a = props.column.edit) == null ? void 0 : _a.valueParser) == null ? void 0 : _b.call(_a, params)) != null ? _c : editValue.value;
+        const valueSetter = (_d = props.column.edit) == null ? void 0 : _d.valueSetter;
+        if (valueSetter) {
+          valueSetter(params);
+        } else {
+          (_f = (_e = editProps.value) == null ? void 0 : _e.onChange) == null ? void 0 : _f.call(_e, val, ...args);
+          (_h = (_g = editOnListeners.value) == null ? void 0 : _g.onChange) == null ? void 0 : _h.call(_g, params);
+          if (props.isRowEdit) {
+            const record = {
+              ...props.editRow
+            };
+            set(record, props.column.dataIndex, value);
+            editRowsMap.value[props.rowKey] = record;
+            vue.triggerRef(editRowsMap);
+          } else {
+            let record = {};
+            let dataSource = tableContext.rawData.value || [];
+            recordIndexs.value.forEach((index) => {
+              record = dataSource[index];
+              dataSource = record[childrenColumnName.value] || [];
+            });
+            set(record, props.column.dataIndex, value);
+            vue.triggerRef(tableContext.rawData);
+          }
+        }
+        validateEdit();
+      };
+      vue.watch(cellValue, (value) => {
+        var _a, _b, _c;
+        editValue.value = (_c = (_b = (_a = props.column.edit) == null ? void 0 : _a.valueGetter) == null ? void 0 : _b.call(_a, cellParams.value)) != null ? _c : value;
+      }, {
+        immediate: true
+      });
+      vue.onMounted(() => {
+        setEditingCell({
+          recordIndexs: recordIndexs.value,
+          column: props.column,
+          rowKey: props.rowKey,
+          originRecord: props.item,
+          rowIndex: props.rowIndex,
+          columnKey: props.column.columnKey,
+          validateEdit
+        }, true);
+      });
+      vue.onUnmounted(() => {
+        var _a, _b, _c;
+        setEditingCell({
+          recordIndexs: recordIndexs.value,
+          column: props.column,
+          rowKey: props.rowKey,
+          originRecord: props.item,
+          rowIndex: props.rowIndex,
+          columnKey: props.column.columnKey,
+          validateEdit
+        }, false);
+        (_c = (_b = (_a = props.column) == null ? void 0 : _a.edit) == null ? void 0 : _b.onEdited) == null ? void 0 : _c.call(_b, {
+          column: props.column,
+          record: props.isRowEdit ? props.editRow : props.item,
+          recordIndexs: recordIndexs.value,
+          value: cellValue.value
+        });
+      });
+      return () => {
+        var _a, _b, _c;
+        const Component = (_a = props.column.edit) == null ? void 0 : _a.component;
+        const errorMessage = (_c = (_b = errorList.value) == null ? void 0 : _b[0]) == null ? void 0 : _c.message;
+        return vue.createVNode("div", vue.mergeProps(cellProps.value, {
+          "class": cellClass.value,
+          "tabindex": "-1",
+          "role": "cell",
+          "data-column-key": columnKey.value,
+          "data-level": level,
+          "aria-selected": "true",
+          "onClick": (e) => {
+            e.stopPropagation();
+          }
+        }), [vue.createVNode("div", {
+          "class": `${props.prefixCls}-cell-content`,
+          "style": "width: 100%; position:relative"
+        }, [vue.createVNode(Component, vue.mergeProps({
+          "style": "width: 100%",
+          "status": errorMessage ? "error" : void 0,
+          "value": editValue.value,
+          "onUpdate:value": ($event) => editValue.value = $event,
+          "getPopupContainer": () => document.body
+        }, componentProps.value, {
+          "onChange": onEditChange
+        }), null), errorMessage && vue.createVNode(antDesignVue.Popover, {
+          "arrowPointAtCenter": true,
+          "placement": "topRight",
+          "getPopupContainer": () => document.body
+        }, {
+          default: () => [vue.createVNode("span", {
+            "class": `${props.prefixCls}-cell-content-error`
+          }, [vue.createVNode(CloseCircleFilled, null, null)])],
+          content: () => {
+            var _a2;
+            return vue.createVNode("div", {
+              "class": `${props.prefixCls}-cell-content-error-message`
+            }, [(_a2 = errorList.value) == null ? void 0 : _a2.map((error) => vue.createVNode("div", {
+              "key": error.message
+            }, [error.message]))]);
+          }
+        })])]);
+      };
+    }
+  });
+
+  var _sfc_main$n = vue.defineComponent({
+    inheritAttrs: false,
+    props: {
+      prefixCls: String,
+      rowIndex: { type: Number, required: true },
+      flattenRowIndex: { type: Number, required: true },
+      rowKey: { type: [Number, String] },
+      column: { type: Object, default: () => ({}) },
+      item: { type: Object, default: () => ({}) },
+      wrapText: { type: Boolean, default: false },
+      type: { type: String },
+      height: Number,
+      hasAppendNode: Boolean,
+      resizeObserver: { type: Object },
+      editRow: { type: Object },
+      calMaxHeight: Function,
+      editCellKeys: Array,
+      editableKeys: Array,
+      isRowEdit: Boolean,
+      tooltipOpen: Boolean,
+      getPopupContainer: Function,
+      onOpenEditor: Function,
+      onCloseEditor: Function,
+      onCellLeave: Function,
+      onMouseenter: Function
+    },
+    emits: ["mouseenter", "cellLeave"],
+    components: { BodyTextCell: BodyCell$1, BodyEditCell },
+    setup(props) {
+      const tableContext = useInjectTable();
+      const isKeepEditMode = vue.computed(() => {
+        var _a;
+        return (_a = props.column.edit) == null ? void 0 : _a.keepEditMode;
+      });
+      const cellValue = vue.computed(
+        () => props.column.dataIndex ? get(props.item, props.column.dataIndex) : void 0
+      );
+      const key = vue.computed(() => getCellKey(props.rowKey, props.column.columnKey));
+      const cellParams = vue.computed(() => ({
+        column: props.column,
+        record: props.isRowEdit ? props.editRow : props.item,
+        recordIndexs: tableContext.getIndexsByKey(props.rowKey),
+        value: cellValue.value
+      }));
+      const editable = vue.computed(() => {
+        var _a, _b, _c, _d;
+        if (!((_a = props.column.edit) == null ? void 0 : _a.component)) {
+          return false;
+        }
+        if (props.isRowEdit && !((_b = props.editableKeys) == null ? void 0 : _b.includes(props.rowKey))) {
+          return false;
+        }
+        if (!((_c = props.column.edit) == null ? void 0 : _c.editable)) {
+          return true;
+        }
+        const cellEditable = (_d = props.column.edit) == null ? void 0 : _d.editable(cellParams.value);
+        return cellEditable;
+      });
+      const isEditing = vue.computed(() => {
+        var _a, _b;
+        if (props.isRowEdit) {
+          return editable.value && ((_a = props.editableKeys) == null ? void 0 : _a.includes(props.rowKey));
+        }
+        if (!editable.value) {
+          return false;
+        }
+        if (isKeepEditMode.value) {
+          return true;
+        }
+        if ((_b = props.editCellKeys) == null ? void 0 : _b.includes(key.value)) {
+          return true;
+        }
+        return false;
+      });
+      const editableTrigger = vue.computed(() => {
+        var _a;
+        let { editableTrigger: editableTrigger2 = ["click"] } = (_a = props.column.edit) != null ? _a : {};
+        editableTrigger2 = Array.isArray(editableTrigger2) ? editableTrigger2 : [editableTrigger2];
+        return editableTrigger2;
+      });
+      const onCellEvent = (e, trigger) => {
+        var _a;
+        if (editable.value && ((_a = editableTrigger.value) == null ? void 0 : _a.includes(trigger)) && !props.isRowEdit) {
+          openEditor();
+          closeEditor();
+          e.stopPropagation();
+          e.preventDefault();
+        }
+      };
+      const openEditor = () => {
+        var _a, _b, _c, _d;
+        const oldValue = (_c = (_b = (_a = props.column.edit) == null ? void 0 : _a.valueGetter) == null ? void 0 : _b.call(_a, cellParams.value)) != null ? _c : cellValue.value;
+        (_d = props.onOpenEditor) == null ? void 0 : _d.call(props, key.value, { [key.value]: oldValue });
+      };
+      const closeEditor = () => {
+        var _a;
+        (_a = props.onCloseEditor) == null ? void 0 : _a.call(props, key.value);
+      };
+      vue.watch(key, () => {
+        var _a;
+        if (((_a = props.column.edit) == null ? void 0 : _a.defaultEditable) && !props.isRowEdit) {
+          openEditor();
+        }
+      });
+      vue.onMounted(() => {
+        var _a;
+        if (((_a = props.column.edit) == null ? void 0 : _a.defaultEditable) && !props.isRowEdit) {
+          openEditor();
+        }
+      });
+      return {
+        props,
+        key,
+        isEditing,
+        editable,
+        onCellEvent
+      };
+    }
+  });
+
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_BodyEditCell = vue.resolveComponent("BodyEditCell");
+    const _component_BodyTextCell = vue.resolveComponent("BodyTextCell");
+    return _ctx.isEditing ? (vue.openBlock(), vue.createBlock(_component_BodyEditCell, {
+      key: _ctx.key,
+      prefixCls: _ctx.prefixCls,
+      rowIndex: _ctx.rowIndex,
+      flattenRowIndex: _ctx.flattenRowIndex,
+      rowKey: _ctx.rowKey,
+      column: _ctx.column,
+      item: _ctx.item,
+      "edit-row": _ctx.editRow,
+      "editable-keys": _ctx.editableKeys,
+      "is-row-edit": _ctx.isRowEdit
+    }, null, 8, ["prefixCls", "rowIndex", "flattenRowIndex", "rowKey", "column", "item", "edit-row", "editable-keys", "is-row-edit"])) : (vue.openBlock(), vue.createBlock(_component_BodyTextCell, vue.mergeProps({ key: 1 }, _ctx.props, {
+      style: { cursor: _ctx.editable ? "poiner" : "" },
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onCellEvent($event, "click")),
+      onDblClick: _cache[1] || (_cache[1] = ($event) => _ctx.onCellEvent($event, "dblClick")),
+      onContextmenu: _cache[2] || (_cache[2] = ($event) => _ctx.onCellEvent($event, "contextmenu"))
+    }), {
+      appendNode: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "appendNode")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["style"]));
+  }
+  var BodyCell = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$j]]);
 
   var _sfc_main$m = vue.defineComponent({
     name: "TableExpandedRow",
@@ -33488,7 +33078,7 @@
     }
   });
 
-  const _hoisted_1$7 = ["data-cell-auto"];
+  const _hoisted_1$8 = ["data-cell-auto"];
   function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_RenderVNode = vue.resolveComponent("RenderVNode");
     const _directive_cell_resize = vue.resolveDirective("cell-resize");
@@ -33520,7 +33110,7 @@
             2
             /* CLASS */
           )
-        ], 10, _hoisted_1$7)), [
+        ], 10, _hoisted_1$8)), [
           [_directive_cell_resize, _ctx.cellResizeBind]
         ])
       ],
@@ -33573,7 +33163,7 @@
     }
   });
 
-  const _hoisted_1$6 = ["aria-label"];
+  const _hoisted_1$7 = ["aria-label"];
   function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.expandIcon ? (vue.openBlock(), vue.createElementBlock("span", {
       key: 0,
@@ -33587,7 +33177,7 @@
       class: vue.normalizeClass(_ctx.className),
       "aria-label": _ctx.label,
       onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
-    }, null, 10, _hoisted_1$6));
+    }, null, 10, _hoisted_1$7));
   }
   var ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$h]]);
 
@@ -33786,8 +33376,8 @@
     }
   });
 
-  const _hoisted_1$5 = ["data-level"];
-  const _hoisted_2$1 = {
+  const _hoisted_1$6 = ["data-level"];
+  const _hoisted_2$2 = {
     key: 2,
     draggable: true
   };
@@ -33845,12 +33435,12 @@
         record: _ctx.record,
         disabled: !_ctx.supportExpand,
         onExpand: _ctx.onInternalTriggerExpand
-      }, null, 8, ["prefix-cls", "expandIconType", "expanded", "record", "disabled", "onExpand"])) : _ctx.column.type === "draggable" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
+      }, null, 8, ["prefix-cls", "expandIconType", "expanded", "record", "disabled", "onExpand"])) : _ctx.column.type === "draggable" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
         vue.renderSlot(_ctx.$slots, "draggable-handle", {}, () => [
           vue.createVNode(_component_MenuOutlined)
         ])
       ])) : vue.createCommentVNode("v-if", true)
-    ], 16, _hoisted_1$5);
+    ], 16, _hoisted_1$6);
   }
   var BodyExtraCell = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$g]]);
 
@@ -33862,7 +33452,8 @@
       BodyCell,
       ExpandedRow,
       BodyExtraCell,
-      RenderSlot
+      RenderSlot,
+      BodyTextCell: BodyCell$1
     },
     inheritAttrs: false,
     props: {
@@ -33884,11 +33475,17 @@
       const tableContext = useInjectTable();
       const rowInstance = vue.getCurrentInstance();
       const { table } = useProConfigInject();
-      const { editCellKeys, closeEditor, openEditor } = useEditInject();
+      const { editCellKeys, isRowEdit, mergedEditableKeys, editRowsMap, closeEditor, openEditor } = useEditInject();
+      const editRow = vue.computed(() => editRowsMap.value[props.rowKey]);
       let isUnmount = false;
       const bodyRow = vue.ref();
-      const { onCellMousedown, onCellMousemove, onCellClick } = useCellSelection();
-      const { onCellKeydown } = useCellKeyboard();
+      const isCurrentEditRow = vue.computed(() => {
+        var _a;
+        if (isRowEdit.value) {
+          return (_a = mergedEditableKeys.value) == null ? void 0 : _a.includes(props.rowKey);
+        }
+        return true;
+      });
       const calMaxHeight = () => {
         if (isUnmount) return;
         let rowHeight = 0;
@@ -34090,6 +33687,7 @@
         rowStyle,
         cellClass,
         tableContext,
+        isCurrentEditRow,
         mergedRowHeights,
         handleCellBlur,
         handleCellHover,
@@ -34117,29 +33715,29 @@
         resizeObserver,
         calMaxHeight,
         bodyRow,
+        editCellKeys,
+        isRowEdit,
+        editRow,
+        mergedEditableKeys,
+        openEditor,
+        closeEditor,
         hoverRowKey,
         hoverColumnKey,
         xVirtual: eagerComputed(() => tableContext.xVirtual.value),
         getPopupContainer: () => popupContainer.value,
-        editCellKeys,
-        closeEditor,
-        openEditor,
-        mergedTooltipOpen,
-        onCellMousedown,
-        onCellKeydown,
-        onCellMousemove,
-        onCellClick
+        mergedTooltipOpen
       };
     }
   });
 
-  const _hoisted_1$4 = ["data-row-key"];
-  const _hoisted_2 = ["data-row-key"];
+  const _hoisted_1$5 = ["data-row-key"];
+  const _hoisted_2$1 = ["data-row-key"];
   function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ExpandedRow = vue.resolveComponent("ExpandedRow");
     const _component_BodyExtraCell = vue.resolveComponent("BodyExtraCell");
     const _component_ExpandIcon = vue.resolveComponent("ExpandIcon");
     const _component_BodyCell = vue.resolveComponent("BodyCell");
+    const _component_BodyTextCell = vue.resolveComponent("BodyTextCell");
     const _component_RenderSlot = vue.resolveComponent("RenderSlot");
     return _ctx.isExpandRow ? (vue.openBlock(), vue.createElementBlock(
       vue.Fragment,
@@ -34161,7 +33759,7 @@
             "resize-observer": _ctx.resizeObserver,
             "cal-max-height": _ctx.calMaxHeight
           }, null, 8, ["prefix-cls", "item", "row-key", "row-index", "resize-observer", "cal-max-height"])
-        ], 14, _hoisted_1$4)) : vue.createCommentVNode("v-if", true)
+        ], 14, _hoisted_1$5)) : vue.createCommentVNode("v-if", true)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -34179,7 +33777,7 @@
             vue.Fragment,
             null,
             vue.renderList(_ctx.mergedColumns, (column, index) => {
-              var _a;
+              var _a, _b;
               return vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
                 {
@@ -34199,7 +33797,7 @@
                     record: _ctx.record,
                     onMouseenter: ($event) => _ctx.handleCellHover(_ctx.rowKey, column.columnKey, _ctx.tableContext.draggingRowKey.value),
                     onMouseleave: _ctx.handleCellBlur
-                  }, null, 8, ["prefix-cls", "row-key", "row-index", "type", "column", "expanded", "expandIconType", "support-expand", "record", "onMouseenter", "onMouseleave"])) : column ? (vue.openBlock(), vue.createBlock(_component_BodyCell, {
+                  }, null, 8, ["prefix-cls", "row-key", "row-index", "type", "column", "expanded", "expandIconType", "support-expand", "record", "onMouseenter", "onMouseleave"])) : column && ((_b = column.edit) == null ? void 0 : _b.component) && _ctx.isCurrentEditRow ? (vue.openBlock(), vue.createBlock(_component_BodyCell, {
                     key: 1,
                     "prefix-cls": _ctx.prefixCls,
                     item: _ctx.record,
@@ -34216,14 +33814,68 @@
                     "get-popup-container": _ctx.getPopupContainer,
                     "tooltip-open": _ctx.mergedTooltipOpen && _ctx.hoverColumnKey === column.columnKey,
                     "edit-cell-keys": _ctx.editCellKeys,
+                    "editable-keys": _ctx.mergedEditableKeys,
+                    "is-row-edit": _ctx.isRowEdit,
+                    "edit-row": _ctx.editRow,
+                    onCloseEditor: _ctx.closeEditor,
+                    onOpenEditor: _ctx.openEditor,
+                    onMouseenter: ($event) => _ctx.handleCellHover(_ctx.rowKey, column.columnKey, _ctx.tableContext.draggingRowKey.value),
+                    onCellLeave: _ctx.handleCellBlur
+                  }, {
+                    appendNode: vue.withCtx(() => [
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(`${_ctx.prefixCls}-append-node`)
+                        },
+                        [
+                          vue.createElementVNode(
+                            "span",
+                            {
+                              style: vue.normalizeStyle(`padding-left: ${(_ctx.indent || 0) * _ctx.indentSize}px`),
+                              class: vue.normalizeClass(`${_ctx.prefixCls}-row-indent indent-level-${_ctx.indent}`)
+                            },
+                            null,
+                            6
+                            /* CLASS, STYLE */
+                          ),
+                          vue.createVNode(_component_ExpandIcon, {
+                            expanded: _ctx.expanded,
+                            expandIconType: _ctx.expandIconType,
+                            "prefix-cls": _ctx.prefixCls,
+                            expandable: _ctx.hasNestChildren,
+                            record: _ctx.record,
+                            disabled: !_ctx.mergedExpandable,
+                            onExpand: _ctx.onInternalTriggerExpand
+                          }, null, 8, ["expanded", "expandIconType", "prefix-cls", "expandable", "record", "disabled", "onExpand"])
+                        ],
+                        2
+                        /* CLASS */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["prefix-cls", "item", "row-key", "type", "row-index", "flatten-row-index", "wrap-text", "column", "resize-observer", "cal-max-height", "has-append-node", "height", "get-popup-container", "tooltip-open", "edit-cell-keys", "editable-keys", "is-row-edit", "edit-row", "onCloseEditor", "onOpenEditor", "onMouseenter", "onCellLeave"])) : column ? (vue.openBlock(), vue.createBlock(_component_BodyTextCell, {
+                    key: 2,
+                    "prefix-cls": _ctx.prefixCls,
+                    item: _ctx.record,
+                    "row-key": _ctx.rowKey,
+                    type: _ctx.type,
+                    "row-index": _ctx.rowIndex,
+                    "flatten-row-index": _ctx.flattenRowIndex,
+                    "wrap-text": _ctx.wrapText,
+                    column,
+                    "resize-observer": _ctx.resizeObserver,
+                    "cal-max-height": _ctx.calMaxHeight,
+                    "has-append-node": column.columnIndex === _ctx.expandIconColumnIndex && _ctx.nestExpandable,
+                    height: _ctx.cellHeight,
+                    "get-popup-container": _ctx.getPopupContainer,
+                    "tooltip-open": _ctx.mergedTooltipOpen && _ctx.hoverColumnKey === column.columnKey,
+                    "edit-cell-keys": _ctx.editCellKeys,
                     onCloseEditor: _ctx.closeEditor,
                     onOpenEditor: _ctx.openEditor,
                     onMouseenter: ($event) => _ctx.handleCellHover(_ctx.rowKey, column.columnKey, _ctx.tableContext.draggingRowKey.value),
-                    onCellLeave: _ctx.handleCellBlur,
-                    onMousedown: _ctx.onCellMousedown,
-                    onMousemove: _ctx.onCellMousemove,
-                    onKeydown: _ctx.onCellKeydown,
-                    onClick: _ctx.onCellClick
+                    onCellLeave: _ctx.handleCellBlur
                   }, {
                     appendNode: vue.withCtx(() => [
                       vue.createElementVNode(
@@ -34258,7 +33910,7 @@
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["prefix-cls", "item", "row-key", "type", "row-index", "flatten-row-index", "wrap-text", "column", "resize-observer", "cal-max-height", "has-append-node", "height", "get-popup-container", "tooltip-open", "edit-cell-keys", "onCloseEditor", "onOpenEditor", "onMouseenter", "onCellLeave", "onMousedown", "onMousemove", "onKeydown", "onClick"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["prefix-cls", "item", "row-key", "type", "row-index", "flatten-row-index", "wrap-text", "column", "resize-observer", "cal-max-height", "has-append-node", "height", "get-popup-container", "tooltip-open", "edit-cell-keys", "onCloseEditor", "onOpenEditor", "onMouseenter", "onCellLeave"])) : vue.createCommentVNode("v-if", true)
                 ],
                 64
                 /* STABLE_FRAGMENT */
@@ -34281,7 +33933,7 @@
         2
         /* CLASS */
       )) : vue.createCommentVNode("v-if", true)
-    ], 16, _hoisted_2));
+    ], 16, _hoisted_2$1));
   }
   var Row = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$f]]);
 
@@ -34924,7 +34576,7 @@
     }
   });
 
-  const _hoisted_1$3 = { style: {
+  const _hoisted_1$4 = { style: {
     width: "100%",
     overflow: "hidden",
     position: "relative",
@@ -35036,7 +34688,7 @@
             onKeydown: _cache[9] || (_cache[9] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
           },
           [
-            vue.createElementVNode("div", _hoisted_1$3, [
+            vue.createElementVNode("div", _hoisted_1$4, [
               vue.createElementVNode(
                 "div",
                 {
@@ -35508,7 +35160,8 @@
       "expandedRowsChange",
       "resizeColumn",
       "update:dataSource",
-      "cellKeydown"
+      "cellKeydown",
+      "data-change"
     ],
     slots: {},
     setup(props, { expose, emit, slots }) {
@@ -35520,7 +35173,6 @@
       });
       const popupContainer = vue.shallowRef(null);
       const customUiCls = usePrefixCls("custom-ui");
-      const { editCellKeys, openEditor, closeEditor } = useEditProvider();
       useProvidePopup();
       const getPopupContainer = vue.computed(() => props.getPopupContainer);
       const { status, watermarkMsg } = useLicense();
@@ -35627,6 +35279,9 @@
         },
         { immediate: true, deep: !!props.deepWatchColumns }
       );
+      vue.watch(rawData, (newData) => {
+        emit("data-change", newData);
+      });
       const childrenColumnName = vue.computed(
         () => {
           var _a, _b, _c;
@@ -35662,6 +35317,20 @@
           return { spinning: false };
         }
       });
+      const {
+        validateRowData,
+        addEditRecord,
+        cancelEditable,
+        startEditable,
+        saveEditable,
+        isEditable,
+        validateTableData
+      } = useEditProvider(props, {
+        getIndexsByKey,
+        getRecordByKey,
+        rawData,
+        getRowKey
+      });
       vue.onActivated(() => {
         scrollTo({ left: 0, top: 0 });
       });
@@ -35971,7 +35640,11 @@
         leftWidth,
         centerWidth,
         getRowHeight: cal.getRowHeight,
-        customCell: vue.toRef(props, "customCell")
+        customCell: vue.toRef(props, "customCell"),
+        cancelEditable,
+        startEditable,
+        saveEditable,
+        isEditable
       });
       vue.watch(
         [realHeaderHeight, scrollLeft],
@@ -35985,6 +35658,10 @@
         ...cal,
         ...columns,
         ...cellProps,
+        cancelEditable,
+        startEditable,
+        saveEditable,
+        isEditable,
         rootRef,
         rawData,
         getRowFlattenIndexByKey,
@@ -36202,99 +35879,22 @@
       });
       const tabGuardTopRef = vue.ref();
       const tabGuardBottomRef = vue.ref();
-      const {
-        navigationService,
-        getSelectedRange,
-        clearAllSelectedRange,
-        copySelectedRange,
-        appendCellToSelectedRange,
-        onBodyKeydown
-      } = useProvideRangeStore({
-        allColumns: columns.allColumns,
-        flattenData,
-        rangeSelection: vue.computed(() => props.rangeSelection),
-        getRowByFlattenIndex,
-        rootRef,
-        prefixCls: vue.computed(() => props.prefixCls),
-        allCellProps: cellProps.allCellProps,
-        tabGuardTopRef,
-        tabGuardBottomRef,
-        ensureCellColumnVisible: (cell) => {
-          if (!cell.column || cell.column.fixed) return;
-          const sl = scrollLeft.value;
-          const pos2 = columns.getColumnPositionByKey(cell.column.columnKey);
-          if (pos2) {
-            const { width, left } = pos2;
-            const lw = leftWidth.value;
-            const rw = rightWidth.value;
-            left - lw < sl ? scrollLeft.value = left - lw : left + width > sl + bodyWidth.value - rw && (scrollLeft.value = left + width - bodyWidth.value + rw);
-          }
-        },
-        ensureCellRowVisible: (cell) => {
-          var _a;
-          const { rowIndex } = cell;
-          const st = scrollTop.value;
-          const row = getRowByFlattenIndex(rowIndex);
-          const pos2 = cal.getRowPositionByKey(row.rowKey);
-          const cprops = (((_a = cellProps.allCellProps.value[row.rowKey]) == null ? void 0 : _a[cell.column.columnKey]) || {}).props || {};
-          const height = cal.getRowHeight(rowIndex, cprops.rowSpan);
-          if (pos2 !== void 0) {
-            updateAnimate();
-            if (pos2 < st) {
-              scrollTop.value = pos2;
-            } else {
-              if (pos2 + height > st + bodyHeight.value) {
-                scrollTop.value = pos2 + height - bodyHeight.value;
-              }
-            }
-          }
-        },
-        latestRangeStartCell,
-        bodyRef: vue.computed(() => {
-          var _a;
-          return (_a = bodyRef.value) == null ? void 0 : _a.bodyRef;
-        }),
-        scrollLeft,
-        scrollTop,
-        scrollTo,
-        showVerticalScrollbar,
-        showHorizontalScrollbar,
-        getIndexsByKey,
-        formatRangeCellText: (parmas) => {
-          if (props.formatRangeCellText) {
-            return props.formatRangeCellText(parmas);
-          } else if (parmas.value) {
-            return parmas.value;
-          }
-          return "";
-        },
-        editCellKeys,
-        copyDelimiter: vue.computed(() => props.copyDelimiter)
-      });
       expose({
         scrollTo,
         scrollLeft,
         scrollTop,
         rootRef,
         paginationRef,
+        validateRowData,
+        addEditRecord,
+        cancelEditable,
+        startEditable,
+        saveEditable,
+        validateTableData,
         bodyRef: vue.computed(() => {
           var _a;
           return (_a = bodyRef.value) == null ? void 0 : _a.bodyRef;
-        }),
-        getSelectedRange,
-        clearAllSelectedRange,
-        copySelectedRange,
-        appendCellToSelectedRange,
-        openEditor: (cellInfos) => {
-          openEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`));
-        },
-        closeEditor: (cellInfos) => {
-          if (cellInfos) {
-            closeEditor(cellInfos.map((info) => `${info.rowKey} ${info.columnKey}`));
-          } else {
-            closeEditor();
-          }
-        }
+        })
       });
       return {
         bodyRef,
@@ -36306,7 +35906,6 @@
         watermarkMsg,
         rootStyle,
         rootClass,
-        onBodyKeydown,
         watermarkStyle: vue.computed(() => ({
           minWidth: "100px!important",
           minHeight: "40px!important",
@@ -36351,12 +35950,6 @@
           bottomPaginationHeight.value = e.detail.height;
         },
         popupContainer,
-        handleGuardTopKeydown: (e) => {
-          e.keyCode !== KeyCode.TAB || e.shiftKey || (navigationService.getFirstCellToFocus(e.shiftKey), e.preventDefault());
-        },
-        handleGuardBottomKeydown: (e) => {
-          e.keyCode === KeyCode.TAB && e.shiftKey && (navigationService.getLastCellToFocus(e.shiftKey), e.preventDefault());
-        },
         tabGuardTopRef,
         tabGuardBottomRef,
         onShowSizeChange,
@@ -36367,6 +35960,18 @@
     }
   });
 
+  const _hoisted_1$3 = {
+    ref: "tabGuardTopRef",
+    role: "presentation",
+    tabindex: "0",
+    style: { position: "absolute", width: "0", height: "0" }
+  };
+  const _hoisted_2 = {
+    ref: "tabGuardBottomRef",
+    role: "presentation",
+    tabindex: "0",
+    style: { position: "absolute", width: "0", height: "0" }
+  };
   function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Pagination = vue.resolveComponent("Pagination");
     const _component_AutoHeightHeader = vue.resolveComponent("AutoHeightHeader");
@@ -36396,16 +36001,10 @@
               }), null, 16, ["class", "onChange", "onShowSizeChange"])) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode(
                 "div",
-                {
-                  ref: "tabGuardTopRef",
-                  role: "presentation",
-                  tabindex: "0",
-                  style: { position: "absolute", width: "0", height: "0" },
-                  onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleGuardTopKeydown && _ctx.handleGuardTopKeydown(...args))
-                },
+                _hoisted_1$3,
                 null,
-                544
-                /* NEED_HYDRATION, NEED_PATCH */
+                512
+                /* NEED_PATCH */
               ),
               vue.createElementVNode(
                 "div",
@@ -36438,20 +36037,19 @@
                   vue.createVNode(_component_ProBody, {
                     ref: "bodyRef",
                     bodyScrollWidth: _ctx.bodyScrollWidth,
-                    "onUpdate:bodyScrollWidth": _cache[1] || (_cache[1] = ($event) => _ctx.bodyScrollWidth = $event),
+                    "onUpdate:bodyScrollWidth": _cache[0] || (_cache[0] = ($event) => _ctx.bodyScrollWidth = $event),
                     bodyWidth: _ctx.bodyWidth,
-                    "onUpdate:bodyWidth": _cache[2] || (_cache[2] = ($event) => _ctx.bodyWidth = $event),
+                    "onUpdate:bodyWidth": _cache[1] || (_cache[1] = ($event) => _ctx.bodyWidth = $event),
                     bodyHeight: _ctx.bodyHeight,
-                    "onUpdate:bodyHeight": _cache[3] || (_cache[3] = ($event) => _ctx.bodyHeight = $event),
+                    "onUpdate:bodyHeight": _cache[2] || (_cache[2] = ($event) => _ctx.bodyHeight = $event),
                     "prefix-cls": _ctx.prefixCls,
                     "wrap-text": _ctx.wrapText,
                     "scroll-x": _ctx.mergedScrollX,
                     height: _ctx.mergedScrollY,
                     "summary-fixed": _ctx.mergedSummaryFixed,
                     summary: _ctx.$slots.summary,
-                    "empty-text": _ctx.$slots.emptyText,
-                    onKeydown: _ctx.onBodyKeydown
-                  }, null, 8, ["bodyScrollWidth", "bodyWidth", "bodyHeight", "prefix-cls", "wrap-text", "scroll-x", "height", "summary-fixed", "summary", "empty-text", "onKeydown"])
+                    "empty-text": _ctx.$slots.emptyText
+                  }, null, 8, ["bodyScrollWidth", "bodyWidth", "bodyHeight", "prefix-cls", "wrap-text", "scroll-x", "height", "summary-fixed", "summary", "empty-text"])
                 ],
                 6
                 /* CLASS, STYLE */
@@ -36459,16 +36057,10 @@
               vue.createVNode(_component_HorizontalScroll),
               vue.createElementVNode(
                 "div",
-                {
-                  ref: "tabGuardBottomRef",
-                  role: "presentation",
-                  tabindex: "0",
-                  style: { position: "absolute", width: "0", height: "0" },
-                  onKeydown: _cache[4] || (_cache[4] = (...args) => _ctx.handleGuardBottomKeydown && _ctx.handleGuardBottomKeydown(...args))
-                },
+                _hoisted_2,
                 null,
-                544
-                /* NEED_HYDRATION, NEED_PATCH */
+                512
+                /* NEED_PATCH */
               ),
               _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
                 "div",
@@ -36493,7 +36085,7 @@
                   ref: "paginationRef",
                   style: vue.normalizeStyle(_ctx.bottomPaginationStyle),
                   class: vue.normalizeClass(`${_ctx.prefixCls}-pagination-wrap ${_ctx.prefixCls}-pagination-wrap-${_ctx.size}`),
-                  onResizeheight: _cache[5] || (_cache[5] = (...args) => _ctx.handlePaginationResize && _ctx.handlePaginationResize(...args))
+                  onResizeheight: _cache[3] || (_cache[3] = (...args) => _ctx.handlePaginationResize && _ctx.handlePaginationResize(...args))
                 },
                 [
                   vue.createVNode(_component_Pagination, vue.mergeProps({ class: _ctx.paginationClass }, _ctx.paginationProps, {
@@ -38278,6 +37870,30 @@
           var _a2;
           (_a2 = tableRef.value) == null ? void 0 : _a2.scrollTo(pos, behavior);
         },
+        validateRowData: (recordKey) => {
+          var _a2;
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.validateRowData(recordKey);
+        },
+        validateTableData: () => {
+          var _a2;
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.validateTableData();
+        },
+        addEditRecord: (recordValue, options) => {
+          var _a2;
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.addEditRecord(recordValue, options);
+        },
+        startEditable: (recordKey, recordValue) => {
+          var _a2;
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.startEditable(recordKey, recordValue);
+        },
+        cancelEditable: (recordValue, options) => {
+          var _a2;
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.cancelEditable(recordValue, options);
+        },
+        saveEditable: (recordKey) => {
+          var _a2;
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.saveEditable(recordKey);
+        },
         scrollLeft: vue.computed(() => {
           var _a2;
           return vue.unref((_a2 = tableRef.value) == null ? void 0 : _a2.scrollLeft);
@@ -38298,18 +37914,6 @@
           var _a2;
           return vue.unref((_a2 = tableRef.value) == null ? void 0 : _a2.paginationRef);
         }),
-        copySelectedRange: () => {
-          var _a2;
-          return (_a2 = tableRef.value) == null ? void 0 : _a2.copySelectedRange();
-        },
-        getSelectedRange: () => {
-          var _a2;
-          return (_a2 = tableRef.value) == null ? void 0 : _a2.getSelectedRange();
-        },
-        clearAllSelectedRange: () => {
-          var _a2;
-          return (_a2 = tableRef.value) == null ? void 0 : _a2.clearAllSelectedRange();
-        },
         clearDataSource: () => {
           dataSource.value = [];
         },
@@ -38319,14 +37923,6 @@
           var _a2;
           return (_a2 = tableRef.value) == null ? void 0 : _a2.appendCellToSelectedRange(params);
         },
-        openEditor: (cellInfos) => {
-          var _a2;
-          return (_a2 = tableRef.value) == null ? void 0 : _a2.openEditor(cellInfos);
-        },
-        closeEditor: (cellInfos) => {
-          var _a2;
-          return (_a2 = tableRef.value) == null ? void 0 : _a2.closeEditor(cellInfos);
-        },
         reload,
         reset,
         calcTableHeight,