pro-design-vue 1.3.20 → 1.3.22

package/dist/index.full.mjs

@@ -1,7 +1,7 @@
-/*! Pro Design Vue v1.3.20 */
+/*! Pro Design Vue v1.3.22 */
 
 import { Modal, theme as theme$1, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$1, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
-import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, createTextVNode, useAttrs, useTemplateRef, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, vModelText } from 'vue';
+import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, createTextVNode, useAttrs, useTemplateRef, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, triggerRef, onBeforeUnmount, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent } from 'vue';
 import antdDefaultLocale from 'ant-design-vue/es/locale/zh_CN.js';
 
 function _mergeNamespaces(n, m) {
@@ -30,7 +30,7 @@ const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
 const DEFAULT_NAMESPACE = "pro";
 const DEFAULT_LOCALE = "zh-CN";
 
-const version$1 = "1.3.20";
+const version$1 = "1.3.22";
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -764,7 +764,7 @@ function updateCSS(css, key) {
   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);
@@ -774,12 +774,12 @@ function _objectSpread$u(target) {
       }));
     }
     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 {
@@ -800,13 +800,13 @@ function isIconDefinition(target) {
 }
 function generate(node, key, rootProps) {
   if (!rootProps) {
-    return h(node.tag, _objectSpread$u({
+    return 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 h(node.tag, _objectSpread$u({
+  return 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));
@@ -890,7 +890,7 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
   }
   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);
@@ -900,12 +900,12 @@ function _objectSpread$t(target) {
       }));
     }
     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 {
@@ -925,10 +925,10 @@ function setTwoToneColors(_ref) {
   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 = {
@@ -942,11 +942,11 @@ var IconBase = function IconBase2(props, context) {
   }
   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",
@@ -1087,7 +1087,7 @@ function _iterableToArrayLimit(arr, i) {
 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);
@@ -1097,12 +1097,12 @@ function _objectSpread$s(target) {
       }));
     }
     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 {
@@ -1140,9 +1140,9 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
 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;
@@ -1152,7 +1152,7 @@ var Icon$1 = function Icon2(props, context) {
     transform: "rotate(".concat(rotate, "deg)")
   } : void 0;
   var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
-  return createVNode("span", _objectSpread$s({
+  return createVNode("span", _objectSpread$t({
     "role": "img",
     "aria-label": icon.name
   }, restProps, {
@@ -1179,7 +1179,7 @@ Icon$1.setTwoToneColor = setTwoToneColor;
 
 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);
@@ -1189,12 +1189,12 @@ function _objectSpread$r(target) {
       }));
     }
     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 {
@@ -1203,8 +1203,8 @@ function _defineProperty$s(obj, key, value) {
   return obj;
 }
 var CaretDownOutlined = function CaretDownOutlined2(props, context) {
-  var p = _objectSpread$r({}, props, context.attrs);
-  return createVNode(Icon$1, _objectSpread$r({}, p, {
+  var p = _objectSpread$s({}, props, context.attrs);
+  return createVNode(Icon$1, _objectSpread$s({}, p, {
     "icon": CaretDownOutlined$1
   }), null);
 };
@@ -1213,7 +1213,7 @@ CaretDownOutlined.inheritAttrs = false;
 
 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);
@@ -1223,12 +1223,12 @@ function _objectSpread$q(target) {
       }));
     }
     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 {
@@ -1237,8 +1237,8 @@ function _defineProperty$r(obj, key, value) {
   return obj;
 }
 var CaretUpOutlined = function CaretUpOutlined2(props, context) {
-  var p = _objectSpread$q({}, props, context.attrs);
-  return createVNode(Icon$1, _objectSpread$q({}, p, {
+  var p = _objectSpread$r({}, props, context.attrs);
+  return createVNode(Icon$1, _objectSpread$r({}, p, {
     "icon": CaretUpOutlined$1
   }), null);
 };
@@ -1247,6 +1247,40 @@ CaretUpOutlined.inheritAttrs = false;
 
 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 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]) : {};
@@ -1270,14 +1304,14 @@ function _defineProperty$q(obj, key, value) {
   }
   return obj;
 }
-var CheckCircleFilled = function CheckCircleFilled2(props, context) {
+var CloseCircleFilled = function CloseCircleFilled2(props, context) {
   var p = _objectSpread$p({}, props, context.attrs);
   return 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" };
 
@@ -2216,6 +2250,18 @@ function is$1(val, type) {
 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");
@@ -2229,6 +2275,9 @@ function isString$1(val) {
 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);
 }
@@ -23737,6 +23786,9 @@ const genColumnKey = (key, index) => {
 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];
 }
@@ -24057,10 +24109,18 @@ const baseTableProps = () => ({
     type: Boolean,
     default: void 0
   },
+  selectRowByClick: {
+    type: Boolean,
+    default: void 0
+  },
   expandIcon: {
     type: Function,
     default: void 0
   },
+  expandIconType: {
+    type: String,
+    default: void 0
+  },
   onExpand: {
     type: Function,
     default: void 0
@@ -24115,6 +24175,14 @@ const baseTableProps = () => ({
     type: Function,
     default: () => ({})
   },
+  editableKeys: {
+    type: Array,
+    default: void 0
+  },
+  rowEditable: {
+    type: Object,
+    default: void 0
+  },
   showHeader: {
     type: Boolean,
     default: true
@@ -24213,6 +24281,9 @@ const baseTableProps = () => ({
     type: Boolean,
     default: void 0
   },
+  editableCellState: {
+    type: Function
+  },
   paginationSticky: {
     type: [Boolean, Object],
     default: true
@@ -24266,6 +24337,15 @@ const baseTableProps = () => ({
     type: Function,
     default: void 0
   },
+  onDataChange: {
+    type: Function
+  },
+  onRowValidate: {
+    type: Function
+  },
+  onValidate: {
+    type: Function
+  },
   "onUpdate:pagination": {
     type: Function
   },
@@ -25018,41 +25098,305 @@ const ICON_TYPE_DOWN$1 = "ICON_TYPE_DOWN";
 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 = shallowRef([]);
-  const oldValuesMap = shallowRef({});
-  const openEditor = (key, values) => {
+  const editRowsMap = shallowRef({});
+  const intl = useIntl();
+  const editableType = computed(() => {
+    var _a2;
+    return (_a2 = props.rowEditable) == null ? void 0 : _a2.type;
+  });
+  const [mergedEditableKeys, setMergedEditableKeys] = useMergedState$1([], {
+    value: 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 = ref({});
+  const newLineRecordCache = shallowRef({});
+  const editableKeysSet = 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 = 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) {
+      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") {
+      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));
+      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
+    };
+    triggerRef(rawData);
+    return true;
+  };
+  const startEditable = (recordKey, recordValue) => {
+    var _a2;
+    if (!isRowEdit.value) {
+      return false;
+    }
+    if (editableKeysSet.value.size > 0 && editableType.value === "single") {
+      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));
+    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);
+      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]) || [];
+      }
+    }
+    triggerRef(rawData);
   };
   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 = () => {
@@ -25062,7 +25406,13 @@ const useEditInject = () => {
     },
     closeEditor: () => {
     },
-    oldValuesMap: shallowRef({})
+    // oldValuesMap: shallowRef({}),
+    editRowsMap: shallowRef({}),
+    editableType: computed(() => void 0),
+    isRowEdit: computed(() => false),
+    mergedEditableKeys: computed(() => []),
+    setEditingCell: () => {
+    }
   });
 };
 
@@ -25313,926 +25663,6 @@ const useInjectTable = () => {
   return 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 = computed(
-    () => {
-      var _a;
-      return (_a = flattenData.value[flattenData.value.length - 1]) == null ? void 0 : _a.flattenIndex;
-    }
-  );
-  const startFlattenIndex = 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 = 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;
-  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 = computed(() => !!rangeSelection.value);
-  const singleRangeSelection = computed(() => "single" === rangeSelection.value);
-  const rangeCellClass = computed(() => `${prefixCls.value}-body-cell-range-selected`);
-  const RangeSingleCellClass = computed(() => `${prefixCls.value}-body-cell-range-single-cell`);
-  const RangeTopClass = computed(() => `${prefixCls.value}-body-cell-range-top`);
-  const RangeRIghtClass = computed(() => `${prefixCls.value}-body-cell-range-right`);
-  const RangeBottomClass = computed(() => `${prefixCls.value}-body-cell-range-bottom`);
-  const RangeLeftClass = computed(() => `${prefixCls.value}-body-cell-range-left`);
-  const cellRanges = shallowRef([]);
-  const allDisplayedColumns = computed(
-    () => allColumns.value.filter((col) => !col.__Internal__Column__)
-  );
-  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);
-  });
-  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 = computed(() => 0 === cellRanges.value.length);
-  const Y = 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, 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 }, 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;
-  };
-  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
-  });
-  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 inject(RangeSymbolKey, {});
-};
-
 var MapShim = (function() {
   if (typeof Map !== "undefined") {
     return Map;
@@ -28676,6 +28106,31 @@ function useData(_props, rowPosition, flattenData, startIndex, endIndex, draggin
   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,
@@ -28688,6 +28143,10 @@ const useCellProps = ({
   leftWidth,
   centerWidth,
   getRowHeight,
+  cancelEditable,
+  startEditable,
+  saveEditable,
+  isEditable,
   customCell: contextCustomCell
 }) => {
   const allCellProps = shallowRef({});
@@ -28710,6 +28169,10 @@ const useCellProps = ({
         value,
         record,
         index: rowIndex,
+        cancelEditable,
+        startEditable,
+        saveEditable,
+        isEditable,
         column: originColumn
       });
       if (customCellRender && isObject$4(customCellRender) && !isArray$2(customCellRender) && !isVNode(customCellRender)) {
@@ -32187,114 +31650,6 @@ const useInjectBodyRow = () => {
   return 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",
@@ -32311,6 +31666,68 @@ const isEventSupported = (eventName) => {
   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 = 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 = defineComponent({
   name: "RowDragHandler",
   props: {
@@ -32834,188 +32251,6 @@ var BodyCellTooltip = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$n = 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 = ref(oldValue);
-    const inputRef = shallowRef(null);
-    const tableContext = useInjectTable();
-    onMounted(() => {
-      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 = 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 openBlock(), createElementBlock("div", {
-    class: normalizeClass(`${_ctx.prefixCls}-cell-edit-inner`),
-    "data-cell-auto": _ctx.autoHeight
-  }, [
-    _ctx.customEditable ? (openBlock(), createElementBlock(
-      Fragment,
-      { key: 0 },
-      [
-        _ctx.tableSlots.cellEditor ? (openBlock(), createBlock(
-          resolveDynamicComponent(_ctx.tableSlots.cellEditor),
-          normalizeProps(mergeProps({ key: 0 }, _ctx.getCustomEditorProps())),
-          null,
-          16
-          /* FULL_PROPS */
-        )) : createCommentVNode("v-if", true)
-      ],
-      64
-      /* STABLE_FRAGMENT */
-    )) : withDirectives((openBlock(), createElementBlock(
-      "input",
-      {
-        key: 1,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
-        ref: "inputRef",
-        class: 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 */
-    )), [
-      [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 },
@@ -33032,41 +32267,30 @@ const cellProps = {
   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;
@@ -33076,22 +32300,8 @@ const BodyCell = (props, { slots, emit }) => {
   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,
@@ -33112,7 +32322,6 @@ const BodyCell = (props, { slots, emit }) => {
   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,
@@ -33120,60 +32329,7 @@ const BodyCell = (props, { slots, emit }) => {
     [`${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,
@@ -33184,8 +32340,10 @@ const BodyCell = (props, { slots, emit }) => {
     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 : "-" : "";
@@ -33304,27 +32462,6 @@ const BodyCell = (props, { slots, emit }) => {
   } else {
     renderCellVNode = cellVNode;
   }
-  const onDblclick = () => {
-    editableTrigger.includes("dblClick") && openEditor();
-  };
-  const editInputRender = isEditing ? 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 createVNode(
     "div",
     mergeProps(cellProps2, {
@@ -33336,39 +32473,25 @@ const BodyCell = (props, { slots, emit }) => {
       "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"
@@ -33383,26 +32506,497 @@ const BodyCell = (props, { slots, emit }) => {
         },
         { label: () => bodyCell }
       ) : null,
-      renderCellVNode,
-      autoHeight && editInputRender ? createVNode(
-        "label",
-        {
-          class: `${prefixCls}-cell-edit-wrapper`,
-          onMousedown: (e) => e.stopPropagation()
-        },
-        [withDirectives(editInputRender, [[cellResize, cellResizeValue]])]
-      ) : editInputRender ? 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__ */ 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 = computed(() => props.column.columnKey);
+    const recordIndexs = computed(() => tableContext.getIndexsByKey(props.rowKey));
+    const childrenColumnName = computed(() => tableContext.props.childrenColumnName || "children");
+    const errorList = ref();
+    const {
+      editRowsMap,
+      setEditingCell
+    } = useEditInject();
+    const cellValue = computed(() => props.column.dataIndex ? get(!props.isRowEdit ? props.item : props.editRow, props.column.dataIndex) : void 0);
+    const cellRender = 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 = computed(() => cellRender.value.props || {});
+    const cellRowSpan = computed(() => cellProps.value.rowSpan);
+    const sorterState = computed(() => tableContext.sorterStates.value.find(({
+      key
+    }) => key === columnKey.value));
+    const sorterOrder = computed(() => {
+      var _a;
+      return sorterState.value ? (_a = sorterState.value) == null ? void 0 : _a.sortOrder : null;
+    });
+    const cellClass = 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 = 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 = computed(() => rules.value.length > 0);
+    const editValue = ref();
+    const cellParams = computed(() => ({
+      column: props.column,
+      record: !props.isRowEdit ? props.item : props.editRow,
+      recordIndexs: recordIndexs.value,
+      value: editValue.value
+    }));
+    const editOnListeners = 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 = computed(() => {
+      const {
+        edit = {}
+      } = props.column;
+      return isFunction$2(edit.props) ? edit.props(cellParams.value) : {
+        ...edit.props
+      };
+    });
+    const componentProps = 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;
+          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);
+          triggerRef(tableContext.rawData);
+        }
+      }
+      validateEdit();
+    };
+    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
+    });
+    onMounted(() => {
+      setEditingCell({
+        recordIndexs: recordIndexs.value,
+        column: props.column,
+        rowKey: props.rowKey,
+        originRecord: props.item,
+        rowIndex: props.rowIndex,
+        columnKey: props.column.columnKey,
+        validateEdit
+      }, true);
+    });
+    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 createVNode("div", 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();
+        }
+      }), [createVNode("div", {
+        "class": `${props.prefixCls}-cell-content`,
+        "style": "width: 100%; position:relative"
+      }, [createVNode(Component, 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 && createVNode(Popover, {
+        "arrowPointAtCenter": true,
+        "placement": "topRight",
+        "getPopupContainer": () => document.body
+      }, {
+        default: () => [createVNode("span", {
+          "class": `${props.prefixCls}-cell-content-error`
+        }, [createVNode(CloseCircleFilled, null, null)])],
+        content: () => {
+          var _a2;
+          return createVNode("div", {
+            "class": `${props.prefixCls}-cell-content-error-message`
+          }, [(_a2 = errorList.value) == null ? void 0 : _a2.map((error) => createVNode("div", {
+            "key": error.message
+          }, [error.message]))]);
+        }
+      })])]);
+    };
+  }
+});
+
+var _sfc_main$n = 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 = computed(() => {
+      var _a;
+      return (_a = props.column.edit) == null ? void 0 : _a.keepEditMode;
+    });
+    const cellValue = computed(
+      () => props.column.dataIndex ? get(props.item, props.column.dataIndex) : void 0
+    );
+    const key = computed(() => getCellKey(props.rowKey, props.column.columnKey));
+    const cellParams = computed(() => ({
+      column: props.column,
+      record: props.isRowEdit ? props.editRow : props.item,
+      recordIndexs: tableContext.getIndexsByKey(props.rowKey),
+      value: cellValue.value
+    }));
+    const editable = 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 = 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 = 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);
+    };
+    watch(key, () => {
+      var _a;
+      if (((_a = props.column.edit) == null ? void 0 : _a.defaultEditable) && !props.isRowEdit) {
+        openEditor();
+      }
+    });
+    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 = resolveComponent("BodyEditCell");
+  const _component_BodyTextCell = resolveComponent("BodyTextCell");
+  return _ctx.isEditing ? (openBlock(), 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"])) : (openBlock(), createBlock(_component_BodyTextCell, 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: withCtx(() => [
+      renderSlot(_ctx.$slots, "appendNode")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["style"]));
+}
+var BodyCell = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$j]]);
 
 var _sfc_main$m = defineComponent({
   name: "TableExpandedRow",
@@ -33482,7 +33076,7 @@ var _sfc_main$m = defineComponent({
   }
 });
 
-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 = resolveComponent("RenderVNode");
   const _directive_cell_resize = resolveDirective("cell-resize");
@@ -33514,7 +33108,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
           2
           /* CLASS */
         )
-      ], 10, _hoisted_1$7)), [
+      ], 10, _hoisted_1$8)), [
         [_directive_cell_resize, _ctx.cellResizeBind]
       ])
     ],
@@ -33532,16 +33126,18 @@ var _sfc_main$l = defineComponent({
     expanded: Boolean,
     expandable: Boolean,
     disabled: Boolean,
-    onExpand: Function
+    onExpand: Function,
+    expandIconType: String
   },
   emits: ["expand"],
   setup(props, { emit }) {
     const tableContext = useInjectTable();
     const className = computed(() => {
-      const { prefixCls, expanded, expandable, disabled } = props;
+      const { prefixCls, expanded, expandable, disabled, expandIconType } = props;
       const expandIconClass = `${prefixCls}-row-expand-icon`;
       return {
         [expandIconClass]: true,
+        [`${expandIconClass}-${expandIconType}`]: true,
         [`${expandIconClass}-spaced`]: !expandable,
         [`${expandIconClass}-expanded`]: expandable && expanded,
         [`${expandIconClass}-collapsed`]: expandable && !expanded,
@@ -33565,7 +33161,7 @@ var _sfc_main$l = defineComponent({
   }
 });
 
-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 ? (openBlock(), createElementBlock("span", {
     key: 0,
@@ -33579,7 +33175,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.className),
     "aria-label": _ctx.label,
     onClick: _cache[1] || (_cache[1] = 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]]);
 
@@ -33594,6 +33190,7 @@ var _sfc_main$k = defineComponent({
     record: { type: Object },
     rowKey: { type: [Number, String] },
     expanded: Boolean,
+    expandIconType: String,
     supportExpand: Boolean
   },
   setup(props) {
@@ -33777,8 +33374,8 @@ var _sfc_main$k = defineComponent({
   }
 });
 
-const _hoisted_1$5 = ["data-level"];
-const _hoisted_2$1 = {
+const _hoisted_1$6 = ["data-level"];
+const _hoisted_2$2 = {
   key: 2,
   draggable: true
 };
@@ -33831,16 +33428,17 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       "prefix-cls": _ctx.prefixCls,
       expandable: "",
+      expandIconType: _ctx.expandIconType,
       expanded: _ctx.expanded,
       record: _ctx.record,
       disabled: !_ctx.supportExpand,
       onExpand: _ctx.onInternalTriggerExpand
-    }, null, 8, ["prefix-cls", "expanded", "record", "disabled", "onExpand"])) : _ctx.column.type === "draggable" ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+    }, null, 8, ["prefix-cls", "expandIconType", "expanded", "record", "disabled", "onExpand"])) : _ctx.column.type === "draggable" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
       renderSlot(_ctx.$slots, "draggable-handle", {}, () => [
         createVNode(_component_MenuOutlined)
       ])
     ])) : createCommentVNode("v-if", true)
-  ], 16, _hoisted_1$5);
+  ], 16, _hoisted_1$6);
 }
 var BodyExtraCell = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$g]]);
 
@@ -33852,7 +33450,8 @@ var _sfc_main$j = defineComponent({
     BodyCell,
     ExpandedRow,
     BodyExtraCell,
-    RenderSlot
+    RenderSlot,
+    BodyTextCell: BodyCell$1
   },
   inheritAttrs: false,
   props: {
@@ -33874,11 +33473,17 @@ var _sfc_main$j = defineComponent({
     const tableContext = useInjectTable();
     const rowInstance = getCurrentInstance();
     const { table } = useProConfigInject();
-    const { editCellKeys, closeEditor, openEditor } = useEditInject();
+    const { editCellKeys, isRowEdit, mergedEditableKeys, editRowsMap, closeEditor, openEditor } = useEditInject();
+    const editRow = computed(() => editRowsMap.value[props.rowKey]);
     let isUnmount = false;
     const bodyRow = ref();
-    const { onCellMousedown, onCellMousemove, onCellClick } = useCellSelection();
-    const { onCellKeydown } = useCellKeyboard();
+    const isCurrentEditRow = 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;
@@ -33948,6 +33553,7 @@ var _sfc_main$j = defineComponent({
     });
     const isExpanded = ref(false);
     const expandedRowKeys = computed(() => tableContext.expandedRowKeys.value);
+    const expandIconType = computed(() => tableContext.expandIconType.value);
     const expanded = eagerComputed(() => {
       var _a, _b;
       return (_b = (_a = expandedRowKeys.value).has) == null ? void 0 : _b.call(_a, props.rowKey);
@@ -34079,6 +33685,7 @@ var _sfc_main$j = defineComponent({
       rowStyle,
       cellClass,
       tableContext,
+      isCurrentEditRow,
       mergedRowHeights,
       handleCellBlur,
       handleCellHover,
@@ -34094,6 +33701,7 @@ var _sfc_main$j = defineComponent({
       expandIconColumnIndex,
       indentSize,
       expanded,
+      expandIconType,
       onInternalTriggerExpand,
       customRowProps,
       expandColumnKey: ExpandColumnKey,
@@ -34105,29 +33713,29 @@ var _sfc_main$j = defineComponent({
       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 = resolveComponent("ExpandedRow");
   const _component_BodyExtraCell = resolveComponent("BodyExtraCell");
   const _component_ExpandIcon = resolveComponent("ExpandIcon");
   const _component_BodyCell = resolveComponent("BodyCell");
+  const _component_BodyTextCell = resolveComponent("BodyTextCell");
   const _component_RenderSlot = resolveComponent("RenderSlot");
   return _ctx.isExpandRow ? (openBlock(), createElementBlock(
     Fragment,
@@ -34149,7 +33757,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
           "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)) : createCommentVNode("v-if", true)
+      ], 14, _hoisted_1$5)) : createCommentVNode("v-if", true)
     ],
     64
     /* STABLE_FRAGMENT */
@@ -34167,7 +33775,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
           Fragment,
           null,
           renderList(_ctx.mergedColumns, (column, index) => {
-            var _a;
+            var _a, _b;
             return openBlock(), createElementBlock(
               Fragment,
               {
@@ -34182,11 +33790,12 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                   type: _ctx.type,
                   column: (_a = _ctx.mergedColumns) == null ? void 0 : _a[index],
                   expanded: _ctx.expanded,
+                  expandIconType: _ctx.expandIconType,
                   "support-expand": _ctx.mergedExpandable,
                   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", "support-expand", "record", "onMouseenter", "onMouseleave"])) : column ? (openBlock(), 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 ? (openBlock(), createBlock(_component_BodyCell, {
                   key: 1,
                   "prefix-cls": _ctx.prefixCls,
                   item: _ctx.record,
@@ -34203,14 +33812,13 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                   "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,
-                  onMousedown: _ctx.onCellMousedown,
-                  onMousemove: _ctx.onCellMousemove,
-                  onKeydown: _ctx.onCellKeydown,
-                  onClick: _ctx.onCellClick
+                  onCellLeave: _ctx.handleCellBlur
                 }, {
                   appendNode: withCtx(() => [
                     createElementVNode(
@@ -34231,12 +33839,13 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                         ),
                         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", "prefix-cls", "expandable", "record", "disabled", "onExpand"])
+                        }, null, 8, ["expanded", "expandIconType", "prefix-cls", "expandable", "record", "disabled", "onExpand"])
                       ],
                       2
                       /* CLASS */
@@ -34244,7 +33853,62 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 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"])) : 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", "editable-keys", "is-row-edit", "edit-row", "onCloseEditor", "onOpenEditor", "onMouseenter", "onCellLeave"])) : column ? (openBlock(), 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
+                }, {
+                  appendNode: withCtx(() => [
+                    createElementVNode(
+                      "div",
+                      {
+                        class: normalizeClass(`${_ctx.prefixCls}-append-node`)
+                      },
+                      [
+                        createElementVNode(
+                          "span",
+                          {
+                            style: normalizeStyle(`padding-left: ${(_ctx.indent || 0) * _ctx.indentSize}px`),
+                            class: normalizeClass(`${_ctx.prefixCls}-row-indent indent-level-${_ctx.indent}`)
+                          },
+                          null,
+                          6
+                          /* CLASS, STYLE */
+                        ),
+                        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", "onCloseEditor", "onOpenEditor", "onMouseenter", "onCellLeave"])) : createCommentVNode("v-if", true)
               ],
               64
               /* STABLE_FRAGMENT */
@@ -34267,7 +33931,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       2
       /* CLASS */
     )) : createCommentVNode("v-if", true)
-  ], 16, _hoisted_2));
+  ], 16, _hoisted_2$1));
 }
 var Row = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$f]]);
 
@@ -34910,7 +34574,7 @@ var _sfc_main$h = defineComponent({
   }
 });
 
-const _hoisted_1$3 = { style: {
+const _hoisted_1$4 = { style: {
   width: "100%",
   overflow: "hidden",
   position: "relative",
@@ -35022,7 +34686,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
           onKeydown: _cache[9] || (_cache[9] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
         },
         [
-          createElementVNode("div", _hoisted_1$3, [
+          createElementVNode("div", _hoisted_1$4, [
             createElementVNode(
               "div",
               {
@@ -35494,7 +35158,8 @@ var _sfc_main$g = defineComponent({
     "expandedRowsChange",
     "resizeColumn",
     "update:dataSource",
-    "cellKeydown"
+    "cellKeydown",
+    "data-change"
   ],
   slots: {},
   setup(props, { expose, emit, slots }) {
@@ -35506,7 +35171,6 @@ var _sfc_main$g = defineComponent({
     });
     const popupContainer = shallowRef(null);
     const customUiCls = usePrefixCls("custom-ui");
-    const { editCellKeys, openEditor, closeEditor } = useEditProvider();
     useProvidePopup();
     const getPopupContainer = computed(() => props.getPopupContainer);
     const { status, watermarkMsg } = useLicense();
@@ -35613,12 +35277,21 @@ var _sfc_main$g = defineComponent({
       },
       { immediate: true, deep: !!props.deepWatchColumns }
     );
+    watch(rawData, (newData) => {
+      emit("data-change", newData);
+    });
     const childrenColumnName = computed(
       () => {
         var _a, _b, _c;
         return (_c = (_b = props.childrenColumnName) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.childrenColumnName) != null ? _c : "children";
       }
     );
+    const expandIconType = computed(
+      () => {
+        var _a, _b, _c;
+        return (_c = (_b = props.expandIconType) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.expandIconType) != null ? _c : "default";
+      }
+    );
     const { getRecordByKey, getIndexsByKey, getKeyByIndexs, allDataRowKeys, allDataRootRowKeys } = useKVMap(rawData, childrenColumnName, getRowKey);
     const defaultExpandedRowKeys = shallowRef([]);
     watchEffect(() => {
@@ -35642,6 +35315,20 @@ var _sfc_main$g = defineComponent({
         return { spinning: false };
       }
     });
+    const {
+      validateRowData,
+      addEditRecord,
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      isEditable,
+      validateTableData
+    } = useEditProvider(props, {
+      getIndexsByKey,
+      getRecordByKey,
+      rawData,
+      getRowKey
+    });
     onActivated(() => {
       scrollTo({ left: 0, top: 0 });
     });
@@ -35951,7 +35638,11 @@ var _sfc_main$g = defineComponent({
       leftWidth,
       centerWidth,
       getRowHeight: cal.getRowHeight,
-      customCell: toRef$1(props, "customCell")
+      customCell: toRef$1(props, "customCell"),
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      isEditable
     });
     watch(
       [realHeaderHeight, scrollLeft],
@@ -35965,6 +35656,10 @@ var _sfc_main$g = defineComponent({
       ...cal,
       ...columns,
       ...cellProps,
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      isEditable,
       rootRef,
       rawData,
       getRowFlattenIndexByKey,
@@ -35974,6 +35669,7 @@ var _sfc_main$g = defineComponent({
       status,
       useAnimate,
       animateRows,
+      expandIconType,
       watermarkMsg,
       onResizeColumn: (w, col, action) => {
         var _a;
@@ -36181,99 +35877,22 @@ var _sfc_main$g = defineComponent({
     });
     const tabGuardTopRef = ref();
     const tabGuardBottomRef = ref();
-    const {
-      navigationService,
-      getSelectedRange,
-      clearAllSelectedRange,
-      copySelectedRange,
-      appendCellToSelectedRange,
-      onBodyKeydown
-    } = useProvideRangeStore({
-      allColumns: columns.allColumns,
-      flattenData,
-      rangeSelection: computed(() => props.rangeSelection),
-      getRowByFlattenIndex,
-      rootRef,
-      prefixCls: 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: 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: computed(() => props.copyDelimiter)
-    });
     expose({
       scrollTo,
       scrollLeft,
       scrollTop,
       rootRef,
       paginationRef,
+      validateRowData,
+      addEditRecord,
+      cancelEditable,
+      startEditable,
+      saveEditable,
+      validateTableData,
       bodyRef: 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,
@@ -36285,7 +35904,6 @@ var _sfc_main$g = defineComponent({
       watermarkMsg,
       rootStyle,
       rootClass,
-      onBodyKeydown,
       watermarkStyle: computed(() => ({
         minWidth: "100px!important",
         minHeight: "40px!important",
@@ -36330,12 +35948,6 @@ var _sfc_main$g = defineComponent({
         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,
@@ -36346,6 +35958,18 @@ var _sfc_main$g = defineComponent({
   }
 });
 
+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 = resolveComponent("Pagination");
   const _component_AutoHeightHeader = resolveComponent("AutoHeightHeader");
@@ -36375,16 +35999,10 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             }), null, 16, ["class", "onChange", "onShowSizeChange"])) : createCommentVNode("v-if", true),
             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 */
             ),
             createElementVNode(
               "div",
@@ -36417,20 +36035,19 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                 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 */
@@ -36438,16 +36055,10 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_HorizontalScroll),
             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 ? (openBlock(), createElementBlock(
               "div",
@@ -36472,7 +36083,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                 ref: "paginationRef",
                 style: normalizeStyle(_ctx.bottomPaginationStyle),
                 class: 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))
               },
               [
                 createVNode(_component_Pagination, mergeProps({ class: _ctx.paginationClass }, _ctx.paginationProps, {
@@ -38257,6 +37868,30 @@ var Table = /* @__PURE__ */ defineComponent({
         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: computed(() => {
         var _a2;
         return unref((_a2 = tableRef.value) == null ? void 0 : _a2.scrollLeft);
@@ -38277,18 +37912,6 @@ var Table = /* @__PURE__ */ defineComponent({
         var _a2;
         return 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 = [];
       },
@@ -38298,14 +37921,6 @@ var Table = /* @__PURE__ */ defineComponent({
         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,