@opentinyvue/vue-grid 2.27.0 → 2.28.0

package/lib/index.js

@@ -4,8 +4,8 @@ import { Interceptor, StoreMap } from '@opentinyvue/vue-renderless/grid/core';
 import { throttle, addClass, removeClass, debounce, PopupManager, PopperJS, extend, browserInfo, isObject, isEmptyObject, isServer, getDataset, random, isNull, getActualTarget, fastdom, toDecimal, logger, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, isNumber as isNumber$1, toBoolValue, on, toDate, getDateWithNewTimezone, isDate, formatDateByPattern, toDateStr, off, Validator as Validator$1, getObj, getStyle, preventDefault, callInterceptor, hasClass } from '@opentinyvue/utils';
 import { iconError, iconSortTriangleDescending, iconSortTriangleAscending, iconSortTriangle, iconUnfilter, iconEdit, iconConmentRefresh, iconMinscreen, iconFullscreen, iconSetting, iconChevronRight, iconChevronDown, iconGridNoData, iconRadio, iconRadioselected, iconSearch, iconCheckedSur, iconCheck, iconHalfselect, iconArrowBottom, IconEllipsis, iconClose, iconYes, iconExpand, iconPutAway, iconEllipsis, iconMarkOn } from '@opentinyvue/vue-icon';
 import { $prefix, hooks, defineComponent, h, $install, isVue2, isVnode, $props, mergeClass, resolveTheme, useInstanceSlots, useRelation, emitter, resolveMode, useBreakpoint, setup as setup$1 } from '@opentinyvue/vue-common';
-import { uniqueId, toNumber as toNumber$1, isBoolean, each, isObject as isObject$1, isFunction, isArray, findIndexOf, get, set, clone, clear, destructuring, mapTree, has, isUndefined, find as find$1, isEqual, filterTree, arrayEach, isNumber, findTree as findTree$1, sum, template, assign, objectMap, eachTree, sortBy, isString, remove, toStringJSON, toArray, arrayIndexOf } from '@opentinyvue/vue-renderless/grid/static/';
-import { emitEvent, getOffsetPos, getFuncText, getDomNode, getRowid, getEventTargetNode, isScale, hasChildrenList, getListeners, updateCellTitle, getFilters, getColumnConfig, formatText, getRowkey, dfsCopy, getRowUniqueId, setCellValue, getColumnList, repairFixed, rowToVisible, colToVisible, getCell, assemColumn, GlobalEvent, getCellValue, getClass, isPx, getRowNodes, getCellNodeIndex } from '@opentinyvue/vue-renderless/grid/utils';
+import { uniqueId, toNumber as toNumber$1, isBoolean, each, isObject as isObject$1, isFunction, isArray, findIndexOf, get, set, clone, clear, destructuring, mapTree, eachTree, has, isUndefined, isEqual, find as find$1, filterTree, arrayEach, isNumber, findTree as findTree$1, sum, template, assign, objectMap, sortBy, isString, remove, toStringJSON, toArray, arrayIndexOf } from '@opentinyvue/vue-renderless/grid/static/';
+import { emitEvent, getOffsetPos, getFuncText, getDomNode, getRowid, getEventTargetNode, isScale, hasChildrenList, getListeners, updateCellTitle, getFilters, getColumnConfig, formatText, getRowkey, getRowUniqueId, setCellValue, getColumnList, repairFixed, rowToVisible, colToVisible, getCell, assemColumn, GlobalEvent, getCellValue, getClass, isPx, getRowNodes, getCellNodeIndex } from '@opentinyvue/vue-renderless/grid/utils';
 import Tooltip$1 from '@opentinyvue/vue-tooltip';
 import { toNumber, findTree, find, isEqual as isEqual$1, arrayEach as arrayEach$1 } from '@opentinyvue/vue-renderless/grid/static';
 import { AutoTip } from '@opentinyvue/vue-directive';
@@ -1833,7 +1833,7 @@ var useData = function useData2(props) {
   }], function(_ref15) {
     _ref15[0]; var length = _ref15[1];
     tiledLength.value = length;
-    $table == null ? void 0 : $table.handleDataChange();
+    $table.updateRawData(props.data);
   });
   return {
     tiledLength
@@ -1856,7 +1856,7 @@ var calcHeader = function calcHeader2(collectColumn2) {
         levelMap.set(item, level);
         _traverseTree(item.children, level + 1, item);
       });
-    } else {
+    } else if (parent) {
       leafColumns.push(parent);
     }
   };
@@ -1942,12 +1942,12 @@ var useHeader = function useHeader2(props, bodyVm, headerRowHeight) {
   };
 };
 var getEventSource = function getEventSource2(e, $table) {
-  var _tableEl$dataset, _$table$getColumnNode, _rowEl$dataset, _rowEl$dataset$rowid;
+  var _tableEl$dataset, _$table$getColumnNode, _rowEl$dataset, _rowid;
   var target = e.target;
   var tableEl = target.closest(".tiny-grid__body");
   if (((_tableEl$dataset = tableEl.dataset) == null ? void 0 : _tableEl$dataset.tableid) !== String($table.id)) return;
   var cellEl = target.closest(".tiny-grid-header__column");
-  var rowEl, part, rowType, row2, column;
+  var rowEl, part, rowType, row2, column, rowid2;
   if (cellEl) {
     rowEl = cellEl.parentNode;
     part = "header";
@@ -1960,12 +1960,17 @@ var getEventSource = function getEventSource2(e, $table) {
   }
   if (!part || !cellEl || !rowEl) return;
   column = (_$table$getColumnNode = $table.getColumnNode(cellEl)) == null ? void 0 : _$table$getColumnNode.item;
-  if ((_rowEl$dataset = rowEl.dataset) != null && (_rowEl$dataset$rowid = _rowEl$dataset.rowid) != null && _rowEl$dataset$rowid.startsWith("row_g_")) {
+  rowid2 = (_rowEl$dataset = rowEl.dataset) == null ? void 0 : _rowEl$dataset.rowid;
+  if ((_rowid = rowid2) != null && _rowid.startsWith("row_g_")) {
     rowType = "virtual";
   } else if (part === "body") {
-    var _$table$getRowNode;
     rowType = "normal";
-    row2 = (_$table$getRowNode = $table.getRowNode(rowEl)) == null ? void 0 : _$table$getRowNode.item;
+    if ($table.editStore.insertMap.has(rowid2)) {
+      row2 = $table.editStore.insertMap.get(rowid2);
+    } else {
+      var _$table$getRowNode;
+      row2 = (_$table$getRowNode = $table.getRowNode(rowEl)) == null ? void 0 : _$table$getRowNode.item;
+    }
   }
   return {
     part,
@@ -2544,6 +2549,69 @@ var adjustColspan = function adjustColspan2(table, pos, isLeft) {
     }
   }
 };
+var useNormalData = function useNormalData2(_ref34) {
+  var _hooks$getCurrentInst4;
+  var props = _ref34.props, tableFullColumn = _ref34.tableFullColumn;
+  var $table = (_hooks$getCurrentInst4 = hooks.getCurrentInstance()) == null ? void 0 : _hooks$getCurrentInst4.proxy;
+  var rawData = hooks.ref([]);
+  var rawDataVersion = hooks.ref(0);
+  var editorColumns = hooks.ref([]);
+  var editorColumnKey = hooks.ref("");
+  hooks.watch(tableFullColumn, function(_tableFullColumn) {
+    var columns2 = [];
+    var columnKeys = [];
+    for (var i = 0; i < _tableFullColumn.length; i++) {
+      var column = _tableFullColumn[i];
+      if (column.property && column.editor) {
+        columns2.push(column);
+        columnKeys.push(column.propety);
+      }
+    }
+    var keyString = columnKeys.sort().join();
+    if (editorColumnKey.value !== keyString) {
+      editorColumnKey.value = keyString;
+      editorColumns.value = columns2;
+    }
+  });
+  hooks.watch(editorColumns, function(_editorColumns) {
+    if (props.editConfig && _editorColumns.length > 0) {
+      var _insertData = $table.editStore.insertList || [];
+      var _rawData = rawData.value || [];
+      var _data = [].concat(_insertData, _rawData);
+      if (Array.isArray(_data)) {
+        _data.forEach(function(row2) {
+          return $table.defineField(row2, false, _editorColumns, true);
+        });
+      }
+    }
+  });
+  hooks.watch(rawData, function(_rawData) {
+    var _editorColumns = editorColumns.value;
+    if (props.editConfig && _editorColumns.length > 0) {
+      var _data = _rawData || [];
+      if (Array.isArray(_data)) {
+        _data.forEach(function(row2) {
+          return $table.defineField(row2, false, _editorColumns);
+        });
+      }
+    }
+    rawDataVersion.value += 1;
+  });
+  hooks.watch(rawDataVersion, function() {
+    var optimizeOpts = $table.optimizeOpts;
+    var scrollY = optimizeOpts.scrollY;
+    var _rawData = rawData.value || [];
+    var tableFullData = Array.isArray(_rawData) ? _rawData.slice(0) : [];
+    $table.tableFullData = tableFullData;
+    $table.scrollYLoad = scrollY && scrollY.gt > 0 && scrollY.gt <= tableFullData.length;
+    $table.updateCache(true, props.saveSource === "deep");
+    $table.handleDataChange();
+  });
+  return {
+    rawData,
+    rawDataVersion
+  };
+};
 var toRaw = hooks.toRaw;
 var VIRTUAL_ROW_KEY = "_$virtual_";
 var difference$1 = function difference$12(arr, other) {
@@ -2643,7 +2711,7 @@ var orderingGroupBy = function orderingGroupBy2(arr, key, equals, active, rowKey
 };
 var buildRowGroupFullData = function buildRowGroupFullData2(fullData, _vm) {
   var treeConfig = _vm.treeConfig, rowGroup = _vm.rowGroup;
-  var _ref34 = rowGroup || {}, field = _ref34.field, equals = _ref34.equals, activeMethod = _ref34.activeMethod;
+  var _ref35 = rowGroup || {}, field = _ref35.field, equals = _ref35.equals, activeMethod = _ref35.activeMethod;
   _vm.hasVirtualRow = !treeConfig && rowGroup && field && fullData.length > 0;
   if (_vm.hasVirtualRow) {
     _vm.groupFullData = orderingGroupBy(fullData, field, equals || isEqual$1, activeMethod, getRowkey(_vm));
@@ -2667,14 +2735,14 @@ var handleRowGroupFold = function handleRowGroupFold2(row2, _vm) {
   buildRenderGraph(_vm);
   _vm.handleTableData().then(_vm.recalculate);
 };
-var getFixedStyle = function getFixedStyle2(_ref35, _ref36) {
-  var fixedDetails = _ref35.fixedDetails;
-  var overflowX = _ref36.overflowX;
+var getFixedStyle = function getFixedStyle2(_ref36, _ref37) {
+  var fixedDetails = _ref36.fixedDetails;
+  var overflowX = _ref37.overflowX;
   return fixedDetails && overflowX ? fixedDetails.getStyle() : {};
 };
-var getFixedClass = function getFixedClass2(_ref37, _ref38) {
-  var fixedDetails = _ref37.fixedDetails;
-  var overflowX = _ref38.overflowX;
+var getFixedClass = function getFixedClass2(_ref38, _ref39) {
+  var fixedDetails = _ref38.fixedDetails;
+  var overflowX = _ref39.overflowX;
   return _extends({
     "fixed__column": fixedDetails && overflowX
   }, fixedDetails && overflowX ? fixedDetails.getClass() : {});
@@ -2801,21 +2869,21 @@ var renderBorder = function renderBorder2(type) {
     "class": "tiny-grid-border-left"
   })]);
 };
-function renderColumn(_ref39) {
-  var _normalRows$rowid, _ref41;
-  var $columnIndex = _ref39.$columnIndex, $table = _ref39.$table, _vm = _ref39._vm, column = _ref39.column, id3 = _ref39.id, row2 = _ref39.row, rowid2 = _ref39.rowid, seq = _ref39.seq, used = _ref39.used;
+function renderColumn(_ref40) {
+  var _normalRows$rowid, _ref42;
+  var $columnIndex = _ref40.$columnIndex, $table = _ref40.$table, _vm = _ref40._vm, column = _ref40.column, id3 = _ref40.id, row2 = _ref40.row, rowid2 = _ref40.rowid, seq = _ref40.seq, used = _ref40.used;
   var allAlign = $table.align, cellClassName = $table.cellClassName, _$table$dropConfig = $table.dropConfig, dropConfig = _$table$dropConfig === void 0 ? {} : _$table$dropConfig, editConfig = $table.editConfig, editRules = $table.editRules, editStore = $table.editStore;
   var height2 = $table.height, rowId = $table.rowId, scrollXLoad = $table.scrollXLoad, scrollYLoad = $table.scrollYLoad, validOpts2 = $table.validOpts, validStore = $table.validStore, validatedMap = $table.validatedMap;
   var normalRows = _vm.normalRows;
-  var _ref40 = ((_normalRows$rowid = normalRows[rowid2]) == null ? void 0 : _normalRows$rowid[column.id]) || {}, _ref40$attrs = _ref40.attrs, attrs = _ref40$attrs === void 0 ? {
+  var _ref41 = ((_normalRows$rowid = normalRows[rowid2]) == null ? void 0 : _normalRows$rowid[column.id]) || {}, _ref41$attrs = _ref41.attrs, attrs = _ref41$attrs === void 0 ? {
     rowspan: 1,
     colspan: 1,
     visible: true
-  } : _ref40$attrs, _ref40$params = _ref40.params, params = _ref40$params === void 0 ? {
+  } : _ref41$attrs, _ref41$params = _ref41.params, params = _ref41$params === void 0 ? {
     $table,
     row: row2,
     column
-  } : _ref40$params;
+  } : _ref41$params;
   var isMessageDefault = validOpts2.isMessageDefault, isMessageInline = validOpts2.isMessageInline, highlightError = validOpts2.highlightError;
   var actived = editStore.actived;
   var validated = validatedMap[column.id + "-" + row2[rowId]];
@@ -2845,7 +2913,7 @@ function renderColumn(_ref39) {
       "rowspan": attrs.rowspan > 1 ? attrs.rowspan : void 0,
       "colspan": attrs.colspan > 1 ? attrs.colspan : void 0
     },
-    "class": ["tiny-grid-body__column", column.id, (_ref41 = {}, _ref41["col__" + cellAlign] = cellAlign, _ref41["col__edit"] = editor, _ref41["col__index"] = column.type === "index", _ref41["col__radio"] = column.type === "radio", _ref41["col__selection"] = column.type === "selection", _ref41["col__ellipsis"] = cellOverflowHint, _ref41["edit__visible"] = editor && editor.type === "visible", _ref41["col__dirty"] = isDirty, _ref41["col__actived"] = columnActived, _ref41["col__highlight-error"] = highlightError && validated, _ref41["col__valid-error"] = validError && validated, _ref41["col__valid-success"] = columnActived ? !validError && !validated : isDirty && !validated, _ref41["col__treenode"] = column.treeNode, _ref41), getClass(className, params), getClass(cellClassName, params), getFixedClass(column, $table), attrs._stickyClass || ""]
+    "class": ["tiny-grid-body__column", column.id, (_ref42 = {}, _ref42["col__" + cellAlign] = cellAlign, _ref42["col__edit"] = editor, _ref42["col__index"] = column.type === "index", _ref42["col__radio"] = column.type === "radio", _ref42["col__selection"] = column.type === "selection", _ref42["col__ellipsis"] = cellOverflowHint, _ref42["edit__visible"] = editor && editor.type === "visible", _ref42["col__dirty"] = isDirty, _ref42["col__actived"] = columnActived, _ref42["col__highlight-error"] = highlightError && validated, _ref42["col__valid-error"] = validError && validated, _ref42["col__valid-success"] = columnActived ? !validError && !validated : isDirty && !validated, _ref42["col__treenode"] = column.treeNode, _ref42), getClass(className, params), getClass(cellClassName, params), getFixedClass(column, $table), attrs._stickyClass || ""]
   }, [[
     // 行拖拽手柄
     dropConfig.rowHandle === "index" && column.type === "index" ? h("div", {
@@ -2892,9 +2960,9 @@ function renderHeaderRows(_vm) {
         $table,
         $rowIndex
       }) : headerRowClassName : ""]
-    }, [cols.map(function(_ref42, $columnIndex) {
-      var _column$children, _ref43;
-      var id3 = _ref42.id, column = _ref42.column, colspan = _ref42.colspan, rowspan = _ref42.rowspan, height2 = _ref42.height, top = _ref42.top;
+    }, [cols.map(function(_ref43, $columnIndex) {
+      var _column$children, _ref44;
+      var id3 = _ref43.id, column = _ref43.column, colspan = _ref43.colspan, rowspan = _ref43.rowspan, height2 = _ref43.height, top = _ref43.top;
       var isColGroup = (_column$children = column.children) == null ? void 0 : _column$children.length;
       var headerAlign = column.headerAlign, align = column.align, headerClassName = column.headerClassName;
       var _getConfigOverflow3 = getConfigOverflow(column, $table), headerTip = _getConfigOverflow3.headerTip, headerOverflowTitle = _getConfigOverflow3.headerOverflowTitle, headerOverflowTooltip = _getConfigOverflow3.headerOverflowTooltip, headerOverflowEllipsis = _getConfigOverflow3.headerOverflowEllipsis, headerOverflowHint = _getConfigOverflow3.headerOverflowHint;
@@ -2925,7 +2993,7 @@ function renderHeaderRows(_vm) {
           top: top + "px",
           zIndex: column.fixed ? 20 : 10
         }],
-        "class": ["tiny-grid-header__column", column.id, (_ref43 = {}, _ref43["col__" + headAlign] = headAlign, _ref43["col__fixed"] = column.fixed, _ref43["col__index"] = column.type === "index", _ref43["col__radio"] = column.type === "radio", _ref43["col__selection"] = column.type === "selection", _ref43["col__group"] = isColGroup, _ref43["col__ellipsis"] = headerOverflowHint, _ref43["is__sortable"] = !["index", "radio", "selection"].includes(column.type) && column.sortable, _ref43["is__editable"] = column.editor, _ref43["is__filter"] = isObject(column.filter), _ref43["filter__active"] = column.filter && column.filter.hasFilter, _ref43["is__multilevel"] = rowspan > 1, _ref43), getClass(headerClassName, params), getClass(headerCellClassName, params), getFixedClass(column, $table)]
+        "class": ["tiny-grid-header__column", column.id, (_ref44 = {}, _ref44["col__" + headAlign] = headAlign, _ref44["col__fixed"] = column.fixed, _ref44["col__index"] = column.type === "index", _ref44["col__radio"] = column.type === "radio", _ref44["col__selection"] = column.type === "selection", _ref44["col__group"] = isColGroup, _ref44["col__ellipsis"] = headerOverflowHint, _ref44["is__sortable"] = !["index", "radio", "selection"].includes(column.type) && column.sortable, _ref44["is__editable"] = column.editor, _ref44["is__filter"] = isObject(column.filter), _ref44["filter__active"] = column.filter && column.filter.hasFilter, _ref44["is__multilevel"] = rowspan > 1, _ref44), getClass(headerClassName, params), getClass(headerCellClassName, params), getFixedClass(column, $table)]
       }, [[
         !isColGroup && !(isBoolean(column.resizable) ? column.resizable : resizable) && column.type !== "index" ? h("div", {
           "class": {
@@ -2981,20 +3049,20 @@ function renderFooterRows(_vm) {
         $table,
         $rowIndex
       }) : footerRowClassName : ""]
-    }, [columnPool.map(function(_ref44, $columnIndex) {
-      var _footerRows$$rowIndex, _ref46;
-      var id3 = _ref44.id, column = _ref44.item, used = _ref44.used;
+    }, [columnPool.map(function(_ref45, $columnIndex) {
+      var _footerRows$$rowIndex, _ref47;
+      var id3 = _ref45.id, column = _ref45.item, used = _ref45.used;
       var footerAlign = column.footerAlign, align = column.align, footerClassName = column.footerClassName;
       var ftAlign = footerAlign || align || allFooterAlign || allAlign;
       var _getConfigOverflow4 = getConfigOverflow(column, $table), cellOverflowHint = _getConfigOverflow4.cellOverflowHint;
-      var _ref45 = ((_footerRows$$rowIndex = footerRows[$rowIndex]) == null ? void 0 : _footerRows$$rowIndex[column.id]) || {}, _ref45$attrs = _ref45.attrs, attrs = _ref45$attrs === void 0 ? {
+      var _ref46 = ((_footerRows$$rowIndex = footerRows[$rowIndex]) == null ? void 0 : _footerRows$$rowIndex[column.id]) || {}, _ref46$attrs = _ref46.attrs, attrs = _ref46$attrs === void 0 ? {
         rowspan: 1,
         colspan: 1,
         visible: true
-      } : _ref45$attrs, _ref45$params = _ref45.params, params = _ref45$params === void 0 ? {
+      } : _ref46$attrs, _ref46$params = _ref46.params, params = _ref46$params === void 0 ? {
         $table,
         column
-      } : _ref45$params;
+      } : _ref46$params;
       var rowspan = (attrs == null ? void 0 : attrs.rowspan) || 1;
       var tdBottom = trBottom - (rowspan > 1 ? (rowspan - 1) * rowHeight : 0);
       params.$columnIndex = $columnIndex;
@@ -3011,7 +3079,7 @@ function renderFooterRows(_vm) {
           zIndex: column.fixed ? 20 : 10,
           display: used && attrs.visible ? void 0 : "none"
         }],
-        "class": ["tiny-grid-footer__column", column.id, (_ref46 = {}, _ref46["col__" + ftAlign] = ftAlign, _ref46["col__ellipsis"] = cellOverflowHint, _ref46["filter__active"] = column.filter && column.filter.hasFilter, _ref46), getClass(footerClassName, params), getClass(footerCellClassName, params), getFixedClass(column, $table), attrs._stickyClass || ""]
+        "class": ["tiny-grid-footer__column", column.id, (_ref47 = {}, _ref47["col__" + ftAlign] = ftAlign, _ref47["col__ellipsis"] = cellOverflowHint, _ref47["filter__active"] = column.filter && column.filter.hasFilter, _ref47), getClass(footerClassName, params), getClass(footerCellClassName, params), getFixedClass(column, $table), attrs._stickyClass || ""]
       }, [h("div", {
         "class": {
           "tiny-grid-cell": true,
@@ -3028,17 +3096,13 @@ function renderRows(_vm) {
   var expandMethod = expandConfig.activeMethod;
   var startIndex = scrollYStore.startIndex;
   var isOrdered = treeConfig ? !!treeOrdered : false;
-  var _ref47 = treeConfig || {}, hideMethod = _ref47.hideMethod;
+  var _ref48 = treeConfig || {}, hideMethod = _ref48.hideMethod;
   var actived = editStore.actived;
   var rows = [];
   var seqCount = {
     value: 0
   };
   var $seq = "";
-  var lastVisibleIndex = rowPool.findLastIndex(function(_ref48) {
-    var used = _ref48.used;
-    return Boolean(used);
-  });
   rowPool.forEach(function(_ref49, $rowIndex) {
     var id3 = _ref49.id, _ref49$item = _ref49.item, row2 = _ref49$item.payload, rowLevel = _ref49$item.level, used = _ref49.used;
     var rowActived = editConfig && actived.row === row2;
@@ -3077,8 +3141,7 @@ function renderRows(_vm) {
       isSkipRowRender,
       row: row2,
       rowActived,
-      rowClassName,
-      lastVisibleIndex
+      rowClassName
     };
     Object.assign(args, {
       rowIndex,
@@ -3177,7 +3240,7 @@ function renderRowAfter(_ref50) {
 function renderRow(args) {
   var _ref51;
   var $rowIndex = args.$rowIndex, $seq = args.$seq, $table = args.$table, _vm = args._vm, editStore = args.editStore, id3 = args.id, isSkipRowRender = args.isSkipRowRender, row2 = args.row, rowActived = args.rowActived, rowClassName = args.rowClassName;
-  var rowIndex = args.rowIndex, rowLevel = args.rowLevel, rowid2 = args.rowid, rows = args.rows, selection = args.selection, selectRow = args.selectRow, seq = args.seq, treeConfig = args.treeConfig, used = args.used, lastVisibleIndex = args.lastVisibleIndex;
+  var rowIndex = args.rowIndex, rowLevel = args.rowLevel, rowid2 = args.rowid, rows = args.rows, selection = args.selection, selectRow = args.selectRow, seq = args.seq, treeConfig = args.treeConfig, used = args.used;
   if (isSkipRowRender) {
     return;
   }
@@ -3201,7 +3264,7 @@ function renderRow(args) {
     "style": {
       display: used ? void 0 : "none"
     },
-    "class": ["tiny-grid-body__row", (_ref51 = {}, _ref51["row__level-" + rowLevel] = treeConfig, _ref51["row__new"] = editStore.insertList.includes(row2), _ref51["row__selected"] = selection.includes(row2), _ref51["row__radio"] = selectRow === row2, _ref51["row__actived"] = rowActived, _ref51["row__last-visible"] = lastVisibleIndex === $rowIndex, _ref51), rowClassName ? isFunction(rowClassName) ? rowClassName({
+    "class": ["tiny-grid-body__row", (_ref51 = {}, _ref51["row__level-" + rowLevel] = treeConfig, _ref51["row__new"] = editStore.insertList.includes(row2), _ref51["row__selected"] = selection.includes(row2), _ref51["row__radio"] = selectRow === row2, _ref51["row__actived"] = rowActived, _ref51), rowClassName ? isFunction(rowClassName) ? rowClassName({
       $table,
       $seq,
       seq,
@@ -3440,9 +3503,9 @@ var Body = defineComponent({
     footerData: Array
   },
   setup: function setup3(props, _ref57) {
-    var _hooks$getCurrentInst4;
+    var _hooks$getCurrentInst5;
     var slots = _ref57.slots;
-    var vm = (_hooks$getCurrentInst4 = hooks.getCurrentInstance()) == null ? void 0 : _hooks$getCurrentInst4.proxy;
+    var vm = (_hooks$getCurrentInst5 = hooks.getCurrentInstance()) == null ? void 0 : _hooks$getCurrentInst5.proxy;
     var $table = vm == null ? void 0 : vm.$parent;
     var rowHeight = hooks.computed(function() {
       return $table.rowHeight;
@@ -3595,8 +3658,6 @@ var Body = defineComponent({
         "no-data": isNoData && $table.isShapeTable
       },
       "style": {
-        "--body-container-scroll-height": containerScrollHeight + "px",
-        "--body-container-scroll-width": containerScrollWidth + "px",
         height: bodyWrapperHeight ? bodyWrapperHeight + "px" : void 0,
         minHeight: bodyWrapperMinHeight ? bodyWrapperMinHeight + "px" : void 0,
         maxHeight: bodyWrapperMaxHeight ? bodyWrapperMaxHeight + "px" : void 0
@@ -7645,7 +7706,7 @@ var Methods$d = {
       _this16.tableData = [];
       _this16.cellStatus.clear();
       _this16.clearValidateMap();
-      return _this16.loadTableData(data7 || _this16.tableFullData);
+      return _this16.updateRawData(data7 || _this16.tableFullData);
     };
     return this.$nextTick().then(next);
   },
@@ -7697,18 +7758,10 @@ var Methods$d = {
   // 全量加载表格数据
   loadTableData: function loadTableData(datas, notRefresh) {
     var _this18 = this;
-    var editStore = this.editStore, height2 = this.height, maxHeight = this.maxHeight, lastScrollLeft = this.lastScrollLeft, lastScrollTop = this.lastScrollTop, optimizeOpts = this.optimizeOpts;
-    var scrollY = optimizeOpts.scrollY;
-    var tableFullData = isArray(datas) ? datas.slice(0) : [];
-    var scrollYLoad = scrollY && scrollY.gt > 0 && scrollY.gt <= tableFullData.length;
+    var editStore = this.editStore, height2 = this.height, maxHeight = this.maxHeight, lastScrollLeft = this.lastScrollLeft, lastScrollTop = this.lastScrollTop, scrollYLoad = this.scrollYLoad;
     editStore.insertList = [];
+    editStore.insertMap = /* @__PURE__ */ new Map();
     editStore.removeList = [];
-    Object.assign(this, {
-      tableFullData,
-      tableSynchData: datas,
-      scrollYLoad
-    });
-    this.updateCache(true, true);
     if (scrollYLoad && !(height2 || maxHeight)) {
       error("ui.grid.error.scrollYHeight");
     }
@@ -7724,31 +7777,51 @@ var Methods$d = {
           lastScrollTop
         });
       }
+    }).then(function() {
+      var _this18$resolveMap$lo;
+      if (((_this18$resolveMap$lo = _this18.resolveMap.loadDataResolve) == null ? void 0 : _this18$resolveMap$lo.data) === datas) {
+        _this18.resolveMap.loadDataResolve.resolveQueue.forEach(function(resolve) {
+          return resolve();
+        });
+        _this18.resolveMap.loadDataResolve = null;
+      }
     });
   },
   // 重新加载数据
   reloadData: function reloadData(datas) {
     var _this19 = this;
     return this.clearAll().then(function() {
-      return _this19.loadTableData(datas);
+      return _this19.updateRawData(datas);
     });
   },
   // 加载全量数据
   loadData: function loadData(datas) {
     var _this20 = this;
     return new Promise(function(resolve) {
-      _this20.loadTableData(datas);
-      resolve();
+      _this20.updateRawData(datas);
+      if (_this20.resolveMap.loadDataResolve) {
+        _this20.resolveMap.loadDataResolve.data = datas;
+        _this20.resolveMap.loadDataResolve.resolveQueue.push(resolve);
+      } else {
+        _this20.resolveMap.loadDataResolve = {
+          data: datas,
+          resolveQueue: [resolve]
+        };
+      }
     });
   },
+  updateRawData: function updateRawData(datas) {
+    this.rawData = datas;
+    this.rawDataVersion += 1;
+  },
   getOriginRow: function getOriginRow(row2) {
-    var backupMap = this.backupMap;
-    return backupMap.has(row2) ? backupMap.get(row2) : null;
+    var rowid2 = getRowid(this, row2);
+    return rowid2 ? this.rowidCacheMap.get(rowid2) : null;
   },
   setOriginRow: function setOriginRow(row2, record) {
-    var backupMap = this.backupMap;
-    if (backupMap.has(row2) && record) {
-      backupMap.set(row2, record);
+    var rowid2 = getRowid(this, row2);
+    if (rowid2 && record) {
+      this.rowidCacheMap.set(rowid2, record);
     }
   },
   reloadRow: function reloadRow(row2, record, field) {
@@ -7822,14 +7895,14 @@ var Methods$d = {
     if (deepCopy === void 0) {
       deepCopy = false;
     }
-    var tableFullData = this.tableFullData, treeConfig = this.treeConfig, treeOrdered = this.treeOrdered;
+    var tableFullData = this.tableFullData, treeConfig = this.treeConfig, treeOrdered = this.treeOrdered, editConfig = this.editConfig, _this$saveSource = this.saveSource, saveSource = _this$saveSource === void 0 ? false : _this$saveSource;
     var rowKey = getRowkey(this);
     var _ref157 = treeConfig || {}, childrenKey = _ref157.children, _ref157$temporaryInde = _ref157.temporaryIndex, temporaryIndex = _ref157$temporaryInde === void 0 ? "_$index_" : _ref157$temporaryInde;
     var isTreeOrderedFalse = treeConfig && !treeOrdered;
-    var backupMap = /* @__PURE__ */ new WeakMap();
-    this.fullDataRowIdData = {};
-    this.fullDataRowMap.clear();
-    var copyRow = function copyRow2(row2, index2, parent) {
+    var fullDataRowIdData = this.fullDataRowIdData = {};
+    var fullDataRowMap = this.fullDataRowMap;
+    fullDataRowMap.clear();
+    eachTree(tableFullData, function(row2, index2, _array, _path, parent) {
       var rowId = getRowid(_this23, row2);
       if (!rowId) {
         rowId = getRowUniqueId();
@@ -7840,31 +7913,78 @@ var Methods$d = {
         rowid: rowId,
         index: index2
       };
-      _this23.fullDataRowIdData[rowId] = rowCache;
-      _this23.fullDataRowMap.set(hooks.toRaw(row2), rowCache);
-      if (backup) {
-        var _ref158;
-        if (isTreeOrderedFalse) {
-          var parentIndex;
-          if (parent) {
-            parentIndex = get(parent, temporaryIndex);
-          }
-          set(row2, temporaryIndex, (parentIndex ? parentIndex + "." : "") + (index2 + 1));
+      if (fullDataRowIdData[rowId]) {
+        warn("ui.grid.error.duplicateRowId", rowId);
+      }
+      fullDataRowIdData[rowId] = rowCache;
+      fullDataRowMap.set(_this23.getRaw(row2), rowCache);
+      if (isTreeOrderedFalse) {
+        var parentIndex;
+        if (parent) {
+          parentIndex = get(parent, temporaryIndex);
         }
-        var childrenField = treeConfig ? (_ref158 = {}, _ref158[childrenKey] = void 0, _ref158) : {};
-        var backupRow = deepCopy ? clone(_extends({}, row2, childrenField), true) : _extends({}, row2, childrenField);
-        backupMap.set(row2, backupRow);
-        return backupRow;
+        set(row2, temporaryIndex, (parentIndex ? parentIndex + "." : "") + (index2 + 1));
       }
-    };
-    var backupData = dfsCopy(tableFullData, copyRow, void 0, treeConfig, childrenKey);
-    if (backup) {
-      Object.assign(this, {
-        tableSourceData: backupData,
-        backupMap
+    }, treeConfig);
+    if (backup && (editConfig || saveSource)) {
+      requestIdleCallback(function() {
+        var rowidCacheMap = /* @__PURE__ */ new Map();
+        var callback = function callback2(row2) {
+          var _extends6;
+          return rowidCacheMap.set(getRowid(_this23, row2), clone(childrenKey ? _extends({}, row2, (_extends6 = {}, _extends6[childrenKey] = null, _extends6)) : _extends({}, row2), deepCopy));
+        };
+        eachTree(tableFullData, callback, treeConfig);
+        _this23.rowidCacheMap = rowidCacheMap;
       });
     }
   },
+  getRaw: function getRaw(object) {
+    var hooks_vue = hooks;
+    return !isVue2 && hooks_vue.isProxy(object) ? hooks.toRaw(object) : object;
+  },
+  /**
+   * 递归地将 Proxy 对象（如 Vue 3 的响应式对象）转换为普通对象。
+   * @param {any} data 待处理的数据
+   * @returns {any} 转换后的普通对象或原始数据
+   */
+  deepUnwrap: function deepUnwrap(data7) {
+    if (data7 === null || typeof data7 !== "object") {
+      return data7;
+    }
+    if (data7 instanceof Map) {
+      return this.cloneMapAndUnwrap(data7);
+    }
+    if (data7 instanceof Set) {
+      return new Set(Array.from(data7).map(this.deepUnwrap));
+    }
+    if (Array.isArray(data7)) {
+      return data7.map(this.deepUnwrap);
+    }
+    var result = {};
+    for (var key in data7) {
+      if (Object.prototype.hasOwnProperty.call(data7, key)) {
+        result[key] = this.deepUnwrap(data7[key]);
+      }
+    }
+    return result;
+  },
+  /**
+   * 复制 Map，并递归地将 Map 的值中包含的 Proxy 转换为普通对象。
+   * @param {Map<any, any>} originalMap 原始 Map
+   * @returns {Map<any, any>} 复制并解包后的新 Map
+   */
+  cloneMapAndUnwrap: function cloneMapAndUnwrap(originalMap) {
+    if (!(originalMap instanceof Map)) {
+      return originalMap;
+    }
+    var newMap = /* @__PURE__ */ new Map();
+    for (var _iterator0 = _createForOfIteratorHelperLoose(originalMap.entries()), _step0; !(_step0 = _iterator0()).done; ) {
+      var _step0$value = _step0.value, key = _step0$value[0], value = _step0$value[1];
+      var unwrappedValue = this.deepUnwrap(value);
+      newMap.set(key, unwrappedValue);
+    }
+    return newMap;
+  },
   // 更新列的 Map
   cacheColumnMap: function cacheColumnMap(options) {
     var fullColumnMap = this.fullColumnMap;
@@ -7892,9 +8012,7 @@ var Methods$d = {
     return null;
   },
   getColumnNode: function getColumnNode(cell) {
-    if (!cell) {
-      return null;
-    }
+    if (!cell) return null;
     var fullColumnIdData = this.fullColumnIdData, tableFullColumn = this.tableFullColumn;
     var dataColid = cell.dataset.colid;
     var colCache = fullColumnIdData[dataColid];
@@ -7908,31 +8026,41 @@ var Methods$d = {
     return null;
   },
   getRowIndex: function getRowIndex(row2) {
-    var rawRow = hooks.toRaw(row2);
     var fullDataRowMap = this.fullDataRowMap;
-    return fullDataRowMap.has(rawRow) ? fullDataRowMap.get(rawRow).index : -1;
+    row2 = this.getRaw(row2);
+    return fullDataRowMap.has(row2) ? fullDataRowMap.get(row2).index : -1;
   },
   getColumnIndex: function getColumnIndex(column) {
     var fullColumnMap = this.fullColumnMap;
-    return fullColumnMap.has(column) ? fullColumnMap.get(column).index : -1;
+    return fullColumnMap.has(column) ? fullColumnMap.get(column).columnIndex : -1;
   },
   hasIndexColumn: function hasIndexColumn(column) {
     return (column == null ? void 0 : column.type) === "index";
   },
-  defineField: function defineField(row2, copy) {
-    if (!row2 || typeof row2 !== "object") {
-      return row2;
-    }
+  defineField: function defineField(row2, copy, editorColumns, cache) {
+    var _this24 = this;
+    if (!row2 || typeof row2 !== "object") return row2;
     if (copy) {
       row2 = clone(row2, true);
     }
     var rowKey = getRowkey(this);
-    this.visibleColumn.forEach(function(_ref159) {
-      var property = _ref159.property, editor = _ref159.editor;
+    var columns2 = editorColumns || this.visibleColumn;
+    columns2.forEach(function(column) {
+      var property = column.property, editor = column.editor;
       var propNotExist = property && !has(row2, property);
       var propDefaultValue = editor && !isUndefined(editor.defaultValue) ? editor.defaultValue : null;
       if (propNotExist) {
-        set(row2, property, propDefaultValue);
+        if (cache) {
+          var originRow = _this24.getOriginRow(row2);
+          if (originRow) {
+            originRow[property] = propDefaultValue;
+          }
+        }
+        if (isVue2) {
+          _this24.$set(row2, property, propDefaultValue);
+        } else {
+          set(row2, property, propDefaultValue);
+        }
       }
     });
     var rowId = get(row2, rowKey);
@@ -7942,11 +8070,8 @@ var Methods$d = {
     return row2;
   },
   isTemporaryRow: function isTemporaryRow(row2) {
-    var _this24 = this;
     var rowid2 = getRowid(this, row2);
-    return find$1(this.temporaryRows, function(r) {
-      return rowid2 === getRowid(_this24, r);
-    });
+    return this.editStore.insertMap.has(rowid2);
   },
   createData: function createData(records, copy) {
     var _this25 = this;
@@ -7986,7 +8111,7 @@ var Methods$d = {
     return this.$nextTick();
   },
   hasRowInsert: function hasRowInsert(row2) {
-    return this.editStore.insertList.includes(row2);
+    return this.isTemporaryRow(row2);
   },
   compareRow: function compareRow(row2, originalRow, field) {
     var value = get(row2, field);
@@ -8012,20 +8137,20 @@ var Methods$d = {
   },
   hasRowChange: function hasRowChange(row2, field) {
     var _editConfig$insertCha;
-    var treeConfig = this.treeConfig, visibleColumn = this.visibleColumn, backupMap = this.backupMap, editConfig = this.editConfig;
+    var treeConfig = this.treeConfig, visibleColumn = this.visibleColumn, _this$editConfig2 = this.editConfig, editConfig = _this$editConfig2 === void 0 ? {} : _this$editConfig2;
     var insertChanged = (_editConfig$insertCha = editConfig == null ? void 0 : editConfig.insertChanged) != null ? _editConfig$insertCha : false;
     var argsLength = arguments.length;
     var originRow;
     if (this.isTemporaryRow(row2)) {
       return insertChanged;
     }
-    var cacheRow = backupMap.get(row2);
+    var cacheRow = this.getOriginRow(row2);
     if (cacheRow) {
       if (treeConfig) {
-        var _extends6, _extends7;
+        var _extends7, _extends8;
         var children = treeConfig.children;
-        row2 = _extends({}, row2, (_extends6 = {}, _extends6[children] = null, _extends6));
-        originRow = _extends({}, cacheRow, (_extends7 = {}, _extends7[children] = null, _extends7));
+        row2 = _extends({}, row2, (_extends7 = {}, _extends7[children] = null, _extends7));
+        originRow = _extends({}, cacheRow, (_extends8 = {}, _extends8[children] = null, _extends8));
       } else {
         originRow = _extends({}, cacheRow);
       }
@@ -8072,7 +8197,7 @@ var Methods$d = {
   },
   // 获取表格所有数据
   getData: function getData(rowIndex) {
-    var allRows = this.data || this.tableSynchData;
+    var allRows = this.rawData || [];
     if (!arguments.length) {
       return allRows.slice(0);
     }
@@ -8086,7 +8211,7 @@ var Methods$d = {
     var _this$selectConfig = this.selectConfig, selectConfig = _this$selectConfig === void 0 ? {} : _this$selectConfig, selection = this.selection;
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
     var checkField = selectConfig.checkField;
-    var _ref160 = {}, _ref160$rowList = _ref160.rowList, rowList = _ref160$rowList === void 0 ? [] : _ref160$rowList;
+    var _ref158 = {}, _ref158$rowList = _ref158.rowList, rowList = _ref158$rowList === void 0 ? [] : _ref158$rowList;
     if (checkField && treeConfig) {
       rowList = filterTree(tableFullData, function(row2) {
         return get(row2, checkField);
@@ -8115,8 +8240,8 @@ var Methods$d = {
     var tableData = this.tableFullData;
     var updateFilter = function updateFilter2(tableData2) {
       var remoteFilter = _this27.remoteFilter, visibleColumn = _this27.visibleColumn;
-      var filterColumn = visibleColumn.filter(function(_ref161) {
-        var filter2 = _ref161.filter;
+      var filterColumn = visibleColumn.filter(function(_ref159) {
+        var filter2 = _ref159.filter;
         return !!filter2;
       });
       return tableData2.filter(function(row2) {
@@ -8145,8 +8270,8 @@ var Methods$d = {
         } else {
           var sortedFlag = false;
           if (sortOpts2.multipleColumnSort) {
-            var sortColumns = visibleColumn.filter(function(_ref162) {
-              var order2 = _ref162.order;
+            var sortColumns = visibleColumn.filter(function(_ref160) {
+              var order2 = _ref160.order;
               return !!order2;
             });
             if (sortColumns.length > 1) {
@@ -8208,9 +8333,10 @@ var Methods$d = {
     return this.scrollLoad ? this.scrollLoad.pageSize || 10 : ((_this$_graphInfo = this._graphInfo) == null ? void 0 : _this$_graphInfo.graphed.length) || 0;
   },
   getRowById: function getRowById(rowid2) {
-    var fullDataRowIdData = this.fullDataRowIdData;
-    var rowCache = fullDataRowIdData[rowid2];
-    return rowCache ? rowCache.row : null;
+    var _fullDataRowIdData$ro, _editStore$insertMap;
+    var fullDataRowIdData = this.fullDataRowIdData, editStore = this.editStore;
+    var rowCache = ((_fullDataRowIdData$ro = fullDataRowIdData[rowid2]) == null ? void 0 : _fullDataRowIdData$ro.row) || (editStore == null ? void 0 : (_editStore$insertMap = editStore.insertMap) == null ? void 0 : _editStore$insertMap.get(rowid2));
+    return rowCache || null;
   },
   // 获取处理后的表格数据
   getTableData: function getTableData() {
@@ -8254,7 +8380,7 @@ var Methods$d = {
       });
     }
     if (hasCustomsOrColWidth && !isGroupOrNonSort) {
-      var _ref163 = {}, _ref163$collectColumn = _ref163.collectColumn, collectColumn2 = _ref163$collectColumn === void 0 ? [] : _ref163$collectColumn, _ref163$customMap = _ref163.customMap, customMap = _ref163$customMap === void 0 ? {} : _ref163$customMap, _ref163$orderColumn = _ref163.orderColumn, orderColumn = _ref163$orderColumn === void 0 ? [] : _ref163$orderColumn;
+      var _ref161 = {}, _ref161$collectColumn = _ref161.collectColumn, collectColumn2 = _ref161$collectColumn === void 0 ? [] : _ref161$collectColumn, _ref161$customMap = _ref161.customMap, customMap = _ref161$customMap === void 0 ? {} : _ref161$customMap, _ref161$orderColumn = _ref161.orderColumn, orderColumn = _ref161$orderColumn === void 0 ? [] : _ref161$orderColumn;
       mapTree(customColumns, function(customCol) {
         var targetCol = find$1(fullColumn, function(item) {
           return customCol.property && item.property === customCol.property;
@@ -8320,7 +8446,8 @@ var Methods$d = {
     var options = {
       columnCaches: []
     };
-    var fullColumn = getColumnList(value, options);
+    this.markColumnIndex = 0;
+    var fullColumn = getColumnList(this, value, options);
     if (options.isGroup && options.hasFixed) {
       value.forEach(function(root) {
         return repairFixed(root);
@@ -8591,8 +8718,8 @@ var Methods$d = {
     }
     end && end();
   },
-  blurOutside: function blurOutside(_ref164, event) {
-    var row2 = _ref164.row, args = _ref164.args, column = _ref164.column;
+  blurOutside: function blurOutside(_ref162, event) {
+    var row2 = _ref162.row, args = _ref162.args, column = _ref162.column;
     var editConfig = this.editConfig, getEventTargetNode2 = this.getEventTargetNode, $el = this.$el;
     if (column && row2) {
       var editor = column.editor;
@@ -8652,7 +8779,7 @@ var Methods$d = {
   // 处理单选框默认勾选
   handleRadioDefChecked: function handleRadioDefChecked() {
     var fullDataRowIdData = this.fullDataRowIdData;
-    var _ref165 = this.radioConfig || {}, checkRowKey = _ref165.checkRowKey;
+    var _ref163 = this.radioConfig || {}, checkRowKey = _ref163.checkRowKey;
     var rowid2 = checkRowKey && encodeURIComponent(checkRowKey);
     var rowCache = fullDataRowIdData[rowid2];
     if (rowid2 && rowCache) {
@@ -8662,7 +8789,7 @@ var Methods$d = {
   // 单选，行选中事件
   triggerRadioRowEvent: function triggerRadioRowEvent(event, params) {
     var selectRow = this.selectRow;
-    var _ref166 = this.radioConfig || {}, checkMethod = _ref166.checkMethod;
+    var _ref164 = this.radioConfig || {}, checkMethod = _ref164.checkMethod;
     if (checkMethod && !checkMethod(params)) {
       return;
     }
@@ -8917,8 +9044,8 @@ var Methods$d = {
     this.groupExpandeds.push(row2);
   },
   // 展开行事件
-  triggerRowExpandEvent: function triggerRowExpandEvent(event, _ref167) {
-    var row2 = _ref167.row;
+  triggerRowExpandEvent: function triggerRowExpandEvent(event, _ref165) {
+    var row2 = _ref165.row;
     var rest = this.toggleRowExpansion(row2);
     var eventParams = {
       $table: this,
@@ -8935,7 +9062,7 @@ var Methods$d = {
   // 处理默认展开行
   handleDefaultRowExpand: function handleDefaultRowExpand() {
     var fullDataRowIdData = this.fullDataRowIdData, tableFullData = this.tableFullData;
-    var _ref168 = this.expandConfig || {}, expandAll = _ref168.expandAll, expandRowKeys = _ref168.expandRowKeys;
+    var _ref166 = this.expandConfig || {}, expandAll = _ref166.expandAll, expandRowKeys = _ref166.expandRowKeys;
     if (expandAll) {
       this.expandeds = tableFullData.slice(0);
       return;
@@ -8956,7 +9083,7 @@ var Methods$d = {
   // 设置展开行，二个参数设置这一行展开与否；支持单行；支持多行
   setRowExpansion: function setRowExpansion(rows, expanded) {
     var expandeds = this.expandeds;
-    var _ref169 = this.expandConfig || {}, accordion = _ref169.accordion;
+    var _ref167 = this.expandConfig || {}, accordion = _ref167.accordion;
     var isToggle = arguments.length === 1;
     var isAccordionCloseAll = false;
     if (!rows) {
@@ -9032,7 +9159,7 @@ var Methods$d = {
     var scrollXStore = this.scrollXStore, visibleColumn = this.visibleColumn;
     var offsetSize = scrollXStore.offsetSize, renderSize = scrollXStore.renderSize, startIndex = scrollXStore.startIndex, visibleIndex = scrollXStore.visibleIndex, visibleSize = scrollXStore.visibleSize;
     var scrollLeft = this.$refs.tableBody.$el.scrollLeft;
-    var _ref170 = {}, _ref170$preload = _ref170.preload, preload = _ref170$preload === void 0 ? false : _ref170$preload, _ref170$toVisibleInde = _ref170.toVisibleIndex, toVisibleIndex = _ref170$toVisibleInde === void 0 ? 0 : _ref170$toVisibleInde, _ref170$width = _ref170.width, width = _ref170$width === void 0 ? 0 : _ref170$width;
+    var _ref168 = {}, _ref168$preload = _ref168.preload, preload = _ref168$preload === void 0 ? false : _ref168$preload, _ref168$toVisibleInde = _ref168.toVisibleIndex, toVisibleIndex = _ref168$toVisibleInde === void 0 ? 0 : _ref168$toVisibleInde, _ref168$width = _ref168.width, width = _ref168$width === void 0 ? 0 : _ref168$width;
     for (var i = 0; i < visibleColumn.length; i++) {
       width += visibleColumn[i].renderWidth;
       if (scrollLeft < width) {
@@ -9222,7 +9349,7 @@ var Methods$d = {
     return this.$nextTick();
   },
   scrollToRow: function scrollToRow(row2, column, isDelay, move) {
-    var hasRowCache = this.fullDataRowMap.has(hooks.toRaw(row2));
+    var hasRowCache = this.fullDataRowMap.has(this.getRaw(row2));
     var isDelayArg = isDelay || isBoolean(column);
     row2 && hasRowCache && rowToVisible(this, row2);
     return this.scrollToColumn(column, isDelayArg, move);
@@ -9363,8 +9490,8 @@ var Methods$d = {
       return _this44.validCellRules(type, row2, column, cellValue).then(function() {
         refreshStatus();
         _this44.clearValidate();
-      }).catch(function(_ref171) {
-        var rule = _ref171.rule;
+      }).catch(function(_ref169) {
+        var rule = _ref169.rule;
         refreshStatus();
         _this44.showValidTooltip({
           rule,
@@ -9411,8 +9538,8 @@ var Methods$d = {
       return fetchColumns;
     }
     tableColumn2.forEach(function(col) {
-      var _ref172 = col.format || {}, async = _ref172.async;
-      var _ref173 = async || {}, fetch = _ref173.fetch, _ref173$splitConfig = _ref173.splitConfig, splitConfig = _ref173$splitConfig === void 0 ? {} : _ref173$splitConfig;
+      var _ref170 = col.format || {}, async = _ref170.async;
+      var _ref171 = async || {}, fetch = _ref171.fetch, _ref171$splitConfig = _ref171.splitConfig, splitConfig = _ref171$splitConfig === void 0 ? {} : _ref171$splitConfig;
       if (typeof fetch === "function") {
         var columnValues = [];
         tableData.forEach(function(row2) {
@@ -9472,8 +9599,8 @@ var Methods$d = {
     }, this));
   },
   // Publish methods 与工具栏对接
-  connect: function connect(_ref174) {
-    var toolbar = _ref174.toolbar;
+  connect: function connect(_ref172) {
+    var toolbar = _ref172.toolbar;
     this.$toolbar = toolbar;
   },
   // 检查触发源是否属于目标节点
@@ -9498,8 +9625,8 @@ var Methods$d = {
     return column.order ? column.order === "asc" ? "desc" : null : "asc";
   },
   handleDataChange: function handleDataChange() {
-    if (Array.isArray(this.data)) {
-      !this._isUpdateData && this.loadTableData(this.data);
+    if (Array.isArray(this.rawData)) {
+      !this._isUpdateData && this.loadTableData(this.rawData);
       this._isUpdateData = false;
     }
   },
@@ -9533,7 +9660,7 @@ var Methods$d = {
   // 尝试恢复滚动位置，规范了最大滚动位置的取值
   attemptRestoreScroll: function attemptRestoreScroll(options) {
     var _this47 = this;
-    var _ref175 = options || this, lastScrollTop = _ref175.lastScrollTop, lastScrollLeft = _ref175.lastScrollLeft;
+    var _ref173 = options || this, lastScrollTop = _ref173.lastScrollTop, lastScrollLeft = _ref173.lastScrollLeft;
     var scrollXLoad = this.scrollXLoad, scrollYLoad = this.scrollYLoad, elemStore = this.elemStore;
     var tableBodyElem = elemStore["main-body-wrapper"];
     if ((lastScrollTop || lastScrollLeft) && tableBodyElem) {
@@ -9805,8 +9932,8 @@ var __vue2_script$7 = defineComponent({
         return typeof hidden === "boolean" && hidden || typeof hidden === "function" && hidden(row2);
       };
       var handleItemClick = function handleItemClick2(name) {
-        var buttonConfig = visibleButtons.find(function(_ref176) {
-          var buttonName = _ref176.name;
+        var buttonConfig = visibleButtons.find(function(_ref174) {
+          var buttonName = _ref174.name;
           return buttonName === name;
         });
         buttonConfig.click(window.event || {}, _extends({
@@ -10621,7 +10748,7 @@ function mergeScrollDirStore(scrollDir, scrollDirStore) {
 }
 function loadStatic(data7, _vm) {
   if (data7 && data7.length > 0) {
-    _vm.loadTableData(data7, true);
+    _vm.updateRawData(data7);
     _vm.updateStyle();
   }
 }
@@ -11025,6 +11152,7 @@ var Table = defineComponent({
           columns: []
         },
         insertList: [],
+        insertMap: /* @__PURE__ */ new Map(),
         removeList: [],
         // 选中源
         selected: {
@@ -11106,15 +11234,7 @@ var Table = defineComponent({
       // 在编辑模式下 单元格在失去焦点验证的状态
       validatedMap: {},
       // 表格父容器的高度
-      parentHeight: 0,
-      // 水平滚动条的状态
-      horizonScroll: {
-        fixed: false,
-        threshold: 2,
-        max: 0,
-        isLeft: true,
-        isRight: false
-      }
+      parentHeight: 0
     };
   },
   computed: {
@@ -11239,9 +11359,10 @@ var Table = defineComponent({
     // 选项式监控在vue2可以检测到顶层数组splice项替换/$set项替换
     // array.splice(index, 1, newItem)
     // this.$set(array, index, newItem)
+    // 在数组中的行对象上动态添加字段也会触发此选项式监听
     data: function data5(array1, array2) {
       if (isVue2 && array1 === array2 && array1.length === array2.length) {
-        this.handleDataChange();
+        this.updateRawData(this.data);
       }
     }
   },
@@ -11258,8 +11379,6 @@ var Table = defineComponent({
       fullColumnMap: /* @__PURE__ */ new Map(),
       fullDataRowIdData: {},
       fullDataRowMap: /* @__PURE__ */ new Map(),
-      // 临时插入数据集
-      temporaryRows: [],
       // 最后滚动位置
       lastScrollLeft: 0,
       lastScrollTop: 0,
@@ -11353,6 +11472,13 @@ var Table = defineComponent({
       // 百分比最小宽度列表集合
       scaleMinList: []
     });
+    var horizonScroll = hooks.ref({
+      fixed: false,
+      threshold: 2,
+      max: 0,
+      isLeft: true,
+      isRight: false
+    });
     var bodyProps = hooks.computed(function() {
       return {
         collectColumn: collectColumn2.value,
@@ -11372,6 +11498,10 @@ var Table = defineComponent({
       };
     });
     var tableWrapper = hooks.ref();
+    var _useNormalData = useNormalData({
+      props,
+      tableFullColumn
+    }), rawData = _useNormalData.rawData, rawDataVersion = _useNormalData.rawDataVersion;
     var tinyTheme = hooks.ref(resolveTheme(props, context));
     var $table = hooks.getCurrentInstance().proxy;
     var $grid = hooks.inject("$grid", null);
@@ -11417,6 +11547,38 @@ var Table = defineComponent({
       columnStore
     });
     var _useData = useData(props), tiledLength = _useData.tiledLength;
+    var updateFixedClasses = function updateFixedClasses2(isLeft, isRight) {
+      if (!$table.$el) return;
+      var el = $table.$el;
+      var hasLeftClass = el.classList.contains("tiny-grid-fixed__left");
+      var hasRightClass = el.classList.contains("tiny-grid-fixed__right");
+      var shouldHaveLeft = !isLeft;
+      var shouldHaveRight = !isRight;
+      if (hasLeftClass !== shouldHaveLeft) {
+        if (shouldHaveLeft) {
+          el.classList.add("tiny-grid-fixed__left");
+        } else {
+          el.classList.remove("tiny-grid-fixed__left");
+        }
+      }
+      if (hasRightClass !== shouldHaveRight) {
+        if (shouldHaveRight) {
+          el.classList.add("tiny-grid-fixed__right");
+        } else {
+          el.classList.remove("tiny-grid-fixed__right");
+        }
+      }
+    };
+    var resolveMap = {};
+    hooks.watch(function() {
+      var _horizonScroll$value, _horizonScroll$value2;
+      return [(_horizonScroll$value = horizonScroll.value) == null ? void 0 : _horizonScroll$value.isLeft, (_horizonScroll$value2 = horizonScroll.value) == null ? void 0 : _horizonScroll$value2.isRight];
+    }, function(_ref175) {
+      var newIsLeft = _ref175[0], newIsRight = _ref175[1];
+      hooks.nextTick(function() {
+        return updateFixedClasses(newIsLeft, newIsRight);
+      });
+    });
     hooks.onMounted(function() {
       $table.addIntersectionObserver();
       if (tableWrapper.value) {
@@ -11424,6 +11586,18 @@ var Table = defineComponent({
       }
       hooks.nextTick(function() {
         $table.afterMounted = true;
+        setTimeout(function() {
+          if ($table.$el && $table.horizonScroll) {
+            var _horizonScroll$value3, _horizonScroll$value4;
+            var el = $table.$el;
+            if (!((_horizonScroll$value3 = horizonScroll.value) != null && _horizonScroll$value3.isLeft)) {
+              el.classList.add("tiny-grid-fixed__left");
+            }
+            if (!((_horizonScroll$value4 = horizonScroll.value) != null && _horizonScroll$value4.isRight)) {
+              el.classList.add("tiny-grid-fixed__right");
+            }
+          }
+        });
         if (props.autoResize && Grid$1._resize) {
           $table.bindResize();
         }
@@ -11447,6 +11621,7 @@ var Table = defineComponent({
       }
       unbindEvent($table);
       $table._tileInfo = $table._graphInfo = null;
+      $table.rowidCacheMap = null;
     });
     hooks.onActivated(function() {
       var lastScrollLeft = $table.lastScrollLeft, lastScrollTop = $table.lastScrollTop;
@@ -11465,6 +11640,8 @@ var Table = defineComponent({
       unbindEvent($table);
     });
     var tableListeners = getListeners(attrs, listeners);
+    var markColumnIndex = hooks.ref(0);
+    var rowidCacheMap = /* @__PURE__ */ new Map();
     return {
       slots,
       tableListeners,
@@ -11497,7 +11674,13 @@ var Table = defineComponent({
       bodyTableWidth,
       scrollLoadScrollHeight,
       columnStore,
-      tiledLength
+      tiledLength,
+      rawDataVersion,
+      rawData,
+      markColumnIndex,
+      rowidCacheMap,
+      horizonScroll,
+      resolveMap
     };
   },
   render: function render16() {
@@ -11515,7 +11698,7 @@ var Table = defineComponent({
     return h("div", {
       class: (_class4 = {
         "tiny-grid h-full sm:h-auto !bg-transparent sm:!bg-color-bg-1 after:border-none sm:after:border-solid": true
-      }, _class4["row__valid-" + validOpts2.message] = true, _class4["size__" + vSize3] = vSize3, _class4["tiny-grid-editable"] = editConfig, _class4["show__head"] = showHeader, _class4["show__foot"] = showFooter, _class4["scroll__y"] = overflowY, _class4["scroll__x"] = overflowX, _class4["all-overflow"] = showOverflow, _class4["all-head-overflow"] = showHeaderOverflow, _class4["tiny-grid-cell__highlight"] = highlightCell, _class4["tiny-grid__animat"] = optimizeOpts.animat, _class4["tiny-grid__stripe"] = !isThemeSaas3 && stripe, _class4["tiny-grid__stripe-saas"] = isThemeSaas3 && stripeSaas, _class4["tiny-grid__border"] = border || isGroup2, _class4["tiny-grid__border-saas"] = isThemeSaas3 && borderSaas, _class4["tiny-grid__group-saas"] = isThemeSaas3 && isGroup2, _class4["tiny-grid__border-vertical"] = borderVertical, _class4["tiny-grid__checked"] = mouseConfig.checked, _class4["tiny-grid__hover-align"] = mouseConfig.hover, _class4["mark-insert"] = editConfig && editConfig.markInsert, _class4["edit__no-border"] = editConfig && editConfig.showBorder === false, _class4["is__loading"] = loading, _class4["row__highlight"] = highlightHoverRow, _class4["column__highlight"] = highlightHoverColumn, _class4["is__row-span"] = rowSpan && rowSpan.length > 0 || typeof spanMethod === "function", _class4["row__drop-handle--index"] = dropConfig.rowHandle === "index", _class4["fixed__sticky"] = horizonScroll.fixed, _class4["tiny-grid-fixed__left"] = !horizonScroll.isLeft, _class4["tiny-grid-fixed__right"] = !horizonScroll.isRight, _class4)
+      }, _class4["row__valid-" + validOpts2.message] = true, _class4["size__" + vSize3] = vSize3, _class4["tiny-grid-editable"] = editConfig, _class4["show__head"] = showHeader, _class4["show__foot"] = showFooter, _class4["scroll__y"] = overflowY, _class4["scroll__x"] = overflowX, _class4["all-overflow"] = showOverflow, _class4["all-head-overflow"] = showHeaderOverflow, _class4["tiny-grid-cell__highlight"] = highlightCell, _class4["tiny-grid__animat"] = optimizeOpts.animat, _class4["tiny-grid__stripe"] = !isThemeSaas3 && stripe, _class4["tiny-grid__stripe-saas"] = isThemeSaas3 && stripeSaas, _class4["tiny-grid__border"] = border || isGroup2, _class4["tiny-grid__border-saas"] = isThemeSaas3 && borderSaas, _class4["tiny-grid__group-saas"] = isThemeSaas3 && isGroup2, _class4["tiny-grid__border-vertical"] = borderVertical, _class4["tiny-grid__checked"] = mouseConfig.checked, _class4["tiny-grid__hover-align"] = mouseConfig.hover, _class4["mark-insert"] = editConfig && editConfig.markInsert, _class4["edit__no-border"] = editConfig && editConfig.showBorder === false, _class4["is__loading"] = loading, _class4["row__highlight"] = highlightHoverRow, _class4["column__highlight"] = highlightHoverColumn, _class4["is__row-span"] = rowSpan && rowSpan.length > 0 || typeof spanMethod === "function", _class4["row__drop-handle--index"] = dropConfig.rowHandle === "index", _class4["fixed__sticky"] = horizonScroll.fixed, _class4)
     }, [
       // 隐藏列
       h("div", {
@@ -11746,8 +11929,8 @@ var Column = defineComponent({
       default: null
     }
   },
-  setup: function setup7(props, _ref177) {
-    var slots = _ref177.slots;
+  setup: function setup7(props, _ref176) {
+    var slots = _ref176.slots;
     var reactive = hooks.reactive, inject = hooks.inject, getCurrentInstance = hooks.getCurrentInstance, onUpdated = hooks.onUpdated, watch = hooks.watch, nextTick = hooks.nextTick;
     var currentInstance = getCurrentInstance();
     var instance = currentInstance.proxy;
@@ -11801,7 +11984,7 @@ var Column = defineComponent({
       warn("ui.grid.error.chainCallError");
     }
     var hasSubColumn = findTree(slotVnode, function(node) {
-      var _ref178 = node || {}, componentOptions = _ref178.componentOptions, type = _ref178.type;
+      var _ref177 = node || {}, componentOptions = _ref177.componentOptions, type = _ref177.type;
       var componentName = type && type.name || componentOptions && componentOptions.Ctor.extendOptions.name;
       return $table.isValidCustomColumn(componentName);
     }, null, null);
@@ -12049,8 +12232,8 @@ var Grid = defineComponent({
     var tinyTheme = hooks.ref(resolveTheme(props, context));
     var tinyMode = hooks.ref(resolveMode(props, context));
     var breakpoint = useBreakpoint();
-    var renderless = function renderless2(props2, hooks2, _ref179) {
-      var _ref179$designConfig = _ref179.designConfig, designConfig = _ref179$designConfig === void 0 ? null : _ref179$designConfig;
+    var renderless = function renderless2(props2, hooks2, _ref178) {
+      var _ref178$designConfig = _ref178.designConfig, designConfig = _ref178$designConfig === void 0 ? null : _ref178$designConfig;
       return {
         tableListeners,
         designConfig,
@@ -12157,8 +12340,8 @@ var Grid = defineComponent({
       this.tasks.updateParentHeight();
     },
     // 向缓存添加实例
-    connect: function connect2(_ref180) {
-      var name = _ref180.name, vm = _ref180.vm;
+    connect: function connect2(_ref179) {
+      var name = _ref179.name, vm = _ref179.vm;
       if (name && typeof name === "string" && vm) {
         this.vmStore[name] = vm;
       }
@@ -12230,30 +12413,25 @@ var Grid = defineComponent({
 Grid.install = function(Vue) {
   Vue.component(Grid.name, Grid);
 };
-function operArrs(_ref181) {
-  var _vm = _ref181._vm, editStore = _ref181.editStore, newRecords = _ref181.newRecords, newRecordsCopy = _ref181.newRecordsCopy, nowData = _ref181.nowData, row2 = _ref181.row, tableFullData = _ref181.tableFullData, tableSourceData = _ref181.tableSourceData;
+function operArrs(_ref180) {
+  var _vm = _ref180._vm, editStore = _ref180.editStore, newRecords = _ref180.newRecords, row2 = _ref180.row, tableFullData = _ref180.tableFullData;
   if (row2 === -1) {
-    Array.prototype.push.apply(nowData, newRecords);
     Array.prototype.push.apply(tableFullData, newRecords);
-    Array.prototype.push.apply(tableSourceData, newRecordsCopy);
   }
   if (row2 && row2 !== -1) {
-    var targetIndex = nowData.indexOf(row2);
-    if (targetIndex === -1) {
+    var insertIndex = tableFullData.indexOf(row2);
+    if (insertIndex === -1) {
       throw new Error(error("ui.grid.error.unableInsert"));
     }
-    var insertIndex = tableFullData.indexOf(row2);
-    Array.prototype.splice.apply(nowData, [targetIndex, 0].concat(newRecords));
     Array.prototype.splice.apply(tableFullData, [insertIndex, 0].concat(newRecords));
-    Array.prototype.splice.apply(tableSourceData, [insertIndex, 0].concat(newRecordsCopy));
   }
   if (!row2) {
-    Array.prototype.unshift.apply(nowData, newRecords);
     Array.prototype.unshift.apply(tableFullData, newRecords);
-    Array.prototype.unshift.apply(tableSourceData, newRecordsCopy);
   }
   Array.prototype.unshift.apply(editStore.insertList, newRecords);
-  Array.prototype.push.apply(_vm.temporaryRows, newRecordsCopy);
+  newRecords.forEach(function(row22) {
+    return editStore.insertMap.set(getRowid(_vm, row22), row22);
+  });
 }
 var _setActiveCell = function _setActiveCell2(row2, field) {
   var _this53 = this;
@@ -12298,35 +12476,27 @@ var Methods$c = {
   // 根据位置从指定行添加数据
   _insertAt: function _insertAt(records, row2) {
     var _this54 = this;
-    var afterFullData = this.afterFullData, editStore = this.editStore, isAsyncColumn = this.isAsyncColumn, scrollYLoad = this.scrollYLoad, tableFullData = this.tableFullData, _this$tableSourceData = this.tableSourceData, tableSourceData = _this$tableSourceData === void 0 ? [] : _this$tableSourceData, treeConfig = this.treeConfig;
+    var editStore = this.editStore, isAsyncColumn = this.isAsyncColumn, scrollYLoad = this.scrollYLoad, tableFullData = this.tableFullData, treeConfig = this.treeConfig, visibleColumn = this.visibleColumn;
     if (treeConfig) {
       throw new Error(error("ui.grid.error.treeInsert"));
     }
-    if (isAsyncColumn) {
-      var columnSet = this.getColumns();
-      columnSet.forEach(function(column) {
-        if (column.format && column.format.async && column.format.async.fetch) {
-          records[GlobalConfig$1.constant.insertedField] = true;
-        }
-      });
-    }
     if (!isArray(records)) {
       records = [records];
     }
-    var nowData = afterFullData;
+    var isColumnFormat = isAsyncColumn && visibleColumn.some(function(column) {
+      var _column$format, _column$format$async;
+      return (_column$format = column.format) == null ? void 0 : (_column$format$async = _column$format.async) == null ? void 0 : _column$format$async.fetch;
+    });
     var newRecords = records.map(function(record) {
-      return hooks.reactive(_this54.defineField(_extends({}, record)));
+      isColumnFormat && (record[GlobalConfig$1.constant.insertedField] = true);
+      return hooks.reactive(_this54.defineField(Object.assign({}, record)));
     });
-    var newRecordsCopy = clone(newRecords, true);
     operArrs({
       _vm: this,
       editStore,
-      newRecords,
-      newRecordsCopy,
-      nowData,
       row: row2,
       tableFullData,
-      tableSourceData
+      newRecords
     });
     this.updateCache();
     this.handleTableData(true);
@@ -12351,9 +12521,9 @@ var Methods$c = {
    */
   _remove: function _remove(rows) {
     var _this55 = this;
-    var afterFullData = this.afterFullData, scrollYLoad = this.scrollYLoad, _this$selectConfig3 = this.selectConfig, selectConfig = _this$selectConfig3 === void 0 ? {} : _this$selectConfig3;
-    var selection = this.selection, tableFullData = this.tableFullData, treeConfig = this.treeConfig, _this$tableSourceData2 = this.tableSourceData, tableSourceData = _this$tableSourceData2 === void 0 ? [] : _this$tableSourceData2;
-    var _this$editStore = this.editStore, insertList = _this$editStore.insertList, removeList = _this$editStore.removeList;
+    var afterFullData = this.afterFullData, _this$selectConfig3 = this.selectConfig, selectConfig = _this$selectConfig3 === void 0 ? {} : _this$selectConfig3;
+    var selection = this.selection, tableFullData = this.tableFullData, treeConfig = this.treeConfig;
+    var _this$editStore = this.editStore, insertList = _this$editStore.insertList, insertMap = _this$editStore.insertMap, removeList = _this$editStore.removeList;
     var checkField = selectConfig.checkField;
     var nowData = afterFullData;
     var rest = [];
@@ -12372,7 +12542,7 @@ var Methods$c = {
     }
     for (var i = 0; i < rows.length; i++) {
       var row2 = rows[i];
-      if (this.hasRowInsert(row2)) continue;
+      if (this.isTemporaryRow(row2)) continue;
       removeList.push(row2);
     }
     if (!checkField) {
@@ -12392,23 +12562,15 @@ var Methods$c = {
         return inArr(row3, rows);
       });
     }
-    remove(tableSourceData, function(row3) {
-      return find$1(insertList, function(r) {
-        return getRowid(_this55, r) === getRowid(_this55, row3);
-      }) && find$1(rows, function(r) {
-        return getRowid(_this55, r) === getRowid(_this55, row3);
-      });
-    });
     remove(insertList, function(row3) {
-      return inArr(row3, rows);
+      var exist = inArr(row3, rows);
+      exist && insertMap.delete(getRowid(_this55, row3));
+      return exist;
     });
     this.updateCache();
     this.handleTableData(true);
     this.checkSelectionStatus();
     this.updateFooter();
-    if (scrollYLoad) {
-      this.updateScrollYSpace();
-    }
     var res = {
       row: rows && rows.length ? rows[rows.length - 1] : null,
       rows: rest
@@ -12442,12 +12604,12 @@ var Methods$c = {
    * 如果还额外传了field则还原指定单元格。
    */
   _revertData: function _revertData(rows, field) {
-    var tableSynchData = this.tableSynchData;
+    var rawData = this.rawData;
     if (arguments.length && rows && !isArray(rows)) {
       rows = [rows];
     }
     if (!arguments.length) {
-      rows = tableSynchData || [];
+      rows = rawData || [];
     }
     for (var i = 0; i < rows.length; i++) {
       var row2 = rows[i];
@@ -12464,7 +12626,7 @@ var Methods$c = {
     if (arguments.length) {
       return this.$nextTick();
     }
-    return this.reloadData(tableSynchData);
+    return this.reloadData(rawData || []);
   },
   /**
    * 获取表格操作数据集
@@ -12599,7 +12761,7 @@ var Methods$c = {
    */
   _clearActived: function _clearActived(event) {
     var _this59 = this;
-    var _this$editConfig2 = this.editConfig, editConfig = _this$editConfig2 === void 0 ? {} : _this$editConfig2, editStore = this.editStore, tableColumn2 = this.tableColumn;
+    var _this$editConfig3 = this.editConfig, editConfig = _this$editConfig3 === void 0 ? {} : _this$editConfig3, editStore = this.editStore, tableColumn2 = this.tableColumn;
     var actived = editStore.actived;
     var args = actived.args, column = actived.column, row2 = actived.row;
     var isActived = row2 || column;
@@ -12616,7 +12778,7 @@ var Methods$c = {
       this.updateRowStatus(actived.row);
       this.updateFooter();
       var row22 = args.row, column2 = args.column;
-      var _ref182 = column2 || {}, editor = _ref182.editor;
+      var _ref181 = column2 || {}, editor = _ref181.editor;
       if ((editor == null ? void 0 : editor.component) === "input" && (editor == null ? void 0 : (_editor$attrs = editor.attrs) == null ? void 0 : _editor$attrs.type) === "number") {
         row22[column2.property] = +row22[column2.property];
       }
@@ -12737,7 +12899,7 @@ var Methods$c = {
     var _this61 = this;
     var editConfig = this.editConfig, editStore = this.editStore, elemStore = this.elemStore, _this$mouseConfig3 = this.mouseConfig, mouseConfig = _this$mouseConfig3 === void 0 ? {} : _this$mouseConfig3;
     var actived = editStore.actived, selected = editStore.selected;
-    var _ref183 = params || {}, cell = _ref183.cell, column = _ref183.column, row2 = _ref183.row;
+    var _ref182 = params || {}, cell = _ref182.cell, column = _ref182.column, row2 = _ref182.row;
     var selectMethod = function selectMethod2() {
       var _cell$parentNode;
       if (selected.row === row2 && selected.column === column || actived.row === row2 && (editConfig.mode !== "cell" || actived.column === column)) {
@@ -12918,7 +13080,7 @@ function handleCellMousedownEvent(args1) {
   var $el = args1.$el, _vm = args1._vm, bodyList = args1.bodyList, cell = args1.cell, cellFirstElementChild = args1.cellFirstElementChild;
   var cellLastElementChild = args1.cellLastElementChild, headStart = args1.headStart, headerList = args1.headerList, isIndex = args1.isIndex, startCellNode = args1.startCellNode;
   var _vm$mouseConfig2 = _vm.mouseConfig, mouseConfig = _vm$mouseConfig2 === void 0 ? {} : _vm$mouseConfig2;
-  var _ref184 = mouseConfig || {}, _ref184$updateInterva = _ref184.updateInterval, updateInterval = _ref184$updateInterva === void 0 ? 10 : _ref184$updateInterva;
+  var _ref183 = mouseConfig || {}, _ref183$updateInterva = _ref183.updateInterval, updateInterval = _ref183$updateInterva === void 0 ? 10 : _ref183$updateInterva;
   var oldMousemove = document.onmousemove;
   var oldMouseup = document.onmouseup;
   var updateEvent = function updateEvent2(event) {
@@ -12957,8 +13119,8 @@ function onCellMousedownSelectEditable(args) {
     _vm.handleSelected(params, event);
   }
 }
-function onCellMousedownSelect(_ref185) {
-  var _vm = _ref185._vm, editConfig = _ref185.editConfig, event = _ref185.event, mouseConfig = _ref185.mouseConfig, params = _ref185.params;
+function onCellMousedownSelect(_ref184) {
+  var _vm = _ref184._vm, editConfig = _ref184.editConfig, event = _ref184.event, mouseConfig = _ref184.mouseConfig, params = _ref184.params;
   if (!editConfig && mouseConfig.selected) {
     _vm.handleSelected(params, event);
   }
@@ -12977,8 +13139,8 @@ function onCellMousedownIndexColumn(args) {
     _vm.handleIndexChecked(getRowNodes(bodyList, getCellNodeIndex(firstCell), getCellNodeIndex(cell)));
   }
 }
-function onCellMousedownNotIndexColumn(_ref186) {
-  var _vm = _ref186._vm, cell = _ref186.cell, column = _ref186.column, event = _ref186.event, headerList = _ref186.headerList, isIndex = _ref186.isIndex, params = _ref186.params;
+function onCellMousedownNotIndexColumn(_ref185) {
+  var _vm = _ref185._vm, cell = _ref185.cell, column = _ref185.column, event = _ref185.event, headerList = _ref185.headerList, isIndex = _ref185.isIndex, params = _ref185.params;
   if (!isIndex) {
     var firstCell = cell.parentNode.firstElementChild;
     _vm.handleSelected(params, event);
@@ -12986,8 +13148,8 @@ function onCellMousedownNotIndexColumn(_ref186) {
     _vm.handleIndexChecked([[firstCell]]);
   }
 }
-function handleHeaderCellMousedownEvent(_ref187) {
-  var $el = _ref187.$el, _vm = _ref187._vm, bodyList = _ref187.bodyList, cell = _ref187.cell, headerList = _ref187.headerList, startCell = _ref187.startCell;
+function handleHeaderCellMousedownEvent(_ref186) {
+  var $el = _ref186.$el, _vm = _ref186._vm, bodyList = _ref186.bodyList, cell = _ref186.cell, headerList = _ref186.headerList, startCell = _ref186.startCell;
   var oldMousemove = document.onmousemove;
   var oldMouseup = document.onmouseup;
   var updateEvent = function updateEvent2(event) {
@@ -13020,8 +13182,8 @@ var removeCellClass = function removeCellClass2(bodyRef, clazz) {
     return removeClass(elem, clazz);
   });
 };
-var getCellIndex = function getCellIndex2(_ref188) {
-  var cell = _ref188.cell, bodyList = _ref188.bodyList;
+var getCellIndex = function getCellIndex2(_ref187) {
+  var cell = _ref187.cell, bodyList = _ref187.bodyList;
   var trElem = cell.parentNode;
   var cIndex = arrayIndexOf(trElem.children, cell);
   var rIndex = arrayIndexOf(bodyList, trElem);
@@ -13030,8 +13192,8 @@ var getCellIndex = function getCellIndex2(_ref188) {
     cIndex
   };
 };
-var getModify = function getModify2(_ref189) {
-  var offsetTop = _ref189.offsetTop, offsetLeft = _ref189.offsetLeft, cWidth = _ref189.cWidth, cHeight = _ref189.cHeight;
+var getModify = function getModify2(_ref188) {
+  var offsetTop = _ref188.offsetTop, offsetLeft = _ref188.offsetLeft, cWidth = _ref188.cWidth, cHeight = _ref188.cHeight;
   var modifyDomStyle = function modifyDomStyle2(dom, styleOptions) {
     return dom && Object.assign(dom.style, styleOptions);
   };
@@ -13058,8 +13220,8 @@ var getModify = function getModify2(_ref189) {
     });
   };
 };
-var writeClipboardText = function writeClipboardText2(_ref190) {
-  var $table = _ref190.$table, columns2 = _ref190.columns, rows = _ref190.rows, rowNodes = _ref190.rowNodes;
+var writeClipboardText = function writeClipboardText2(_ref189) {
+  var $table = _ref189.$table, columns2 = _ref189.columns, rows = _ref189.rows, rowNodes = _ref189.rowNodes;
   var _$table$keyboardConfi = $table.keyboardConfig, keyboardConfig = _$table$keyboardConfi === void 0 ? {} : _$table$keyboardConfi;
   var _keyboardConfig$clipb = keyboardConfig.clipboard, clipboard = _keyboardConfig$clipb === void 0 ? {} : _keyboardConfig$clipb;
   var writeMethod = clipboard.writeMethod, _clipboard$cellSplit = clipboard.cellSplit, cellSplit = _clipboard$cellSplit === void 0 ? "," : _clipboard$cellSplit, _clipboard$rowSplit = clipboard.rowSplit, rowSplit = _clipboard$rowSplit === void 0 ? ";" : _clipboard$rowSplit;
@@ -13106,7 +13268,7 @@ var Methods$b = {
     var params = _extends({}, args);
     var columnIndex = visibleColumn.indexOf(params.column);
     var rowIndex = tableData.indexOf(params.row);
-    var _ref191 = {}, targetColumn = _ref191.targetColumn, targetColumnIndex = _ref191.targetColumnIndex, targetRow = _ref191.targetRow, targetRowIndex = _ref191.targetRowIndex;
+    var _ref190 = {}, targetColumn = _ref190.targetColumn, targetColumnIndex = _ref190.targetColumnIndex, targetRow = _ref190.targetRow, targetRowIndex = _ref190.targetRowIndex;
     event.preventDefault();
     var checkColumn = function checkColumn2(column) {
       return !hasIndexColumn2(column) && (edit ? column.editor : true);
@@ -13200,9 +13362,9 @@ var Methods$b = {
     }
   },
   // 可编辑方向键移动处理
-  moveSelected: function moveSelected(_ref192) {
+  moveSelected: function moveSelected(_ref191) {
     var _this63 = this;
-    var args = _ref192.args, isLeftArrow = _ref192.isLeftArrow, isUpArrow = _ref192.isUpArrow, isRightArrow = _ref192.isRightArrow, isDownArrow = _ref192.isDownArrow, event = _ref192.event;
+    var args = _ref191.args, isLeftArrow = _ref191.isLeftArrow, isUpArrow = _ref191.isUpArrow, isRightArrow = _ref191.isRightArrow, isDownArrow = _ref191.isDownArrow, event = _ref191.event;
     var hasIndexColumn2 = this.hasIndexColumn, visibleColumn = this.tableColumn, tableData = this.tableFullData;
     var params = _extends({}, args);
     var column = params.column;
@@ -13424,7 +13586,7 @@ var Methods$b = {
   _getMouseCheckeds: function _getMouseCheckeds() {
     var _this65 = this;
     var _this$editStore$check = this.editStore.checked.rowNodes, rowNodes = _this$editStore$check === void 0 ? [] : _this$editStore$check;
-    var _ref193 = {}, _ref193$rows = _ref193.rows, rows = _ref193$rows === void 0 ? [] : _ref193$rows, _ref193$columns = _ref193.columns, columns2 = _ref193$columns === void 0 ? [] : _ref193$columns;
+    var _ref192 = {}, _ref192$rows = _ref192.rows, rows = _ref192$rows === void 0 ? [] : _ref192$rows, _ref192$columns = _ref192.columns, columns2 = _ref192$columns === void 0 ? [] : _ref192$columns;
     var res = {
       rows,
       columns: columns2,
@@ -13453,7 +13615,7 @@ var Methods$b = {
     if (!mouseConfig || !mouseConfig.checked) {
       return;
     }
-    var _ref194 = {}, cHeight = _ref194.cHeight, cWidth = _ref194.cWidth, offsetLeft = _ref194.offsetLeft, offsetTop = _ref194.offsetTop;
+    var _ref193 = {}, cHeight = _ref193.cHeight, cWidth = _ref193.cWidth, offsetLeft = _ref193.offsetLeft, offsetTop = _ref193.offsetTop;
     cWidth = cHeight = -2;
     offsetTop = offsetLeft = 0;
     this.clearChecked();
@@ -13582,7 +13744,7 @@ var Methods$b = {
     var editStore = this.editStore, tableColumn2 = this.tableColumn, tableData = this.tableData;
     var copyed = editStore.copyed;
     var rowNodes = editStore.checked.rowNodes;
-    var _ref195 = {}, cHeight = _ref195.cHeight, cWidth = _ref195.cWidth, offsetLeft = _ref195.offsetLeft, offsetTop = _ref195.offsetTop, _ref195$rows = _ref195.rows, rows = _ref195$rows === void 0 ? [] : _ref195$rows, _ref195$columns = _ref195.columns, columns2 = _ref195$columns === void 0 ? [] : _ref195$columns;
+    var _ref194 = {}, cHeight = _ref194.cHeight, cWidth = _ref194.cWidth, offsetLeft = _ref194.offsetLeft, offsetTop = _ref194.offsetTop, _ref194$rows = _ref194.rows, rows = _ref194$rows === void 0 ? [] : _ref194$rows, _ref194$columns = _ref194.columns, columns2 = _ref194$columns === void 0 ? [] : _ref194$columns;
     cWidth = cHeight = -3;
     offsetTop = offsetLeft = 0;
     this.clearCopyed();
@@ -13705,13 +13867,13 @@ function adjustParams(rows, cb, vaildDatas) {
     vaildDatas
   };
 }
-var columnHandler = function columnHandler2(_ref196) {
-  var _vm = _ref196._vm, colValidPromiseArr = _ref196.colValidPromiseArr, editRules = _ref196.editRules, isAll = _ref196.isAll, row2 = _ref196.row, validRest = _ref196.validRest;
+var columnHandler = function columnHandler2(_ref195) {
+  var _vm = _ref195._vm, colValidPromiseArr = _ref195.colValidPromiseArr, editRules = _ref195.editRules, isAll = _ref195.isAll, row2 = _ref195.row, validRest = _ref195.validRest;
   return function(column, columnIndex) {
     if (has(editRules, column.property)) {
       colValidPromiseArr.push(new Promise(function(resolve, reject) {
-        _vm.validCellRules("all", row2, column).then(resolve).catch(function(_ref197) {
-          var rule = _ref197.rule, rules = _ref197.rules;
+        _vm.validCellRules("all", row2, column).then(resolve).catch(function(_ref196) {
+          var rule = _ref196.rule, rules = _ref196.rules;
           var rowIndex = _vm.getRowIndex(row2);
           var rest = {
             rule,
@@ -13735,8 +13897,8 @@ var columnHandler = function columnHandler2(_ref196) {
     }
   };
 };
-function validTree(_ref198) {
-  var treeConfig = _ref198.treeConfig, handleVaild = _ref198.handleVaild, hasTreeExpand2 = _ref198.hasTreeExpand, vaildDatas = _ref198.vaildDatas, treeOpts = _ref198.treeOpts;
+function validTree(_ref197) {
+  var treeConfig = _ref197.treeConfig, handleVaild = _ref197.handleVaild, hasTreeExpand2 = _ref197.hasTreeExpand, vaildDatas = _ref197.vaildDatas, treeOpts = _ref197.treeOpts;
   if (treeConfig.validHidden === false) {
     var _recurValid = function recurValid(row2) {
       var children = row2[treeConfig.children || "children"];
@@ -13750,8 +13912,8 @@ function validTree(_ref198) {
     eachTree(vaildDatas, handleVaild, treeOpts);
   }
 }
-var realValid = function realValid2(_ref199) {
-  var _vm = _ref199._vm, editRules = _ref199.editRules, isAll = _ref199.isAll, validRest = _ref199.validRest, treeConfig = _ref199.treeConfig, hasTreeExpand2 = _ref199.hasTreeExpand, vaildDatas = _ref199.vaildDatas, treeOpts = _ref199.treeOpts;
+var realValid = function realValid2(_ref198) {
+  var _vm = _ref198._vm, editRules = _ref198.editRules, isAll = _ref198.isAll, validRest = _ref198.validRest, treeConfig = _ref198.treeConfig, hasTreeExpand2 = _ref198.hasTreeExpand, vaildDatas = _ref198.vaildDatas, treeOpts = _ref198.treeOpts;
   var rowValids = [];
   var columns2 = _vm.getColumns();
   var handleVaild = function handleVaild2(row2) {
@@ -13803,8 +13965,8 @@ var Rule = /* @__PURE__ */ (function() {
 var onRejected = function onRejected2(opt, _this) {
   var isAll = opt.isAll, validRest = opt.validRest, cb = opt.cb, afterFullData = opt.afterFullData, treeConfig = opt.treeConfig;
   return function(params) {
-    var _ref200;
-    var args = isAll ? validRest : (_ref200 = {}, _ref200[params.column.property] = params, _ref200);
+    var _ref199;
+    var args = isAll ? validRest : (_ref199 = {}, _ref199[params.column.property] = params, _ref199);
     var funcFinish = function funcFinish2(args2, reject, resolve) {
       return function() {
         opt.status = false;
@@ -13871,10 +14033,10 @@ var Methods$a = {
   },
   validatePromise: function validatePromise(row2, column, columnIndex, isAll, validRest) {
     var _this68 = this;
-    function onrejected(_ref202) {
-      var _vm = _ref202._vm, reject = _ref202.reject, resolve = _ref202.resolve;
-      return function(_ref203) {
-        var rule = _ref203.rule, rules = _ref203.rules;
+    function onrejected(_ref201) {
+      var _vm = _ref201._vm, reject = _ref201.reject, resolve = _ref201.resolve;
+      return function(_ref202) {
+        var rule = _ref202.rule, rules = _ref202.rules;
         var rest = {
           $table: _vm,
           column,
@@ -13910,7 +14072,7 @@ var Methods$a = {
    */
   beginValidate: function beginValidate(rows, callback, isAll) {
     var afterFullData = this.afterFullData, editRules = this.editRules, hasTreeExpand2 = this.hasTreeExpand, treeConfig = this.treeConfig, treeOpts = this.treeOpts;
-    var _ref204 = {}, _ref204$status = _ref204.status, status = _ref204$status === void 0 ? true : _ref204$status, _ref204$validRest = _ref204.validRest, validRest = _ref204$validRest === void 0 ? {} : _ref204$validRest;
+    var _ref203 = {}, _ref203$status = _ref203.status, status = _ref203$status === void 0 ? true : _ref203$status, _ref203$validRest = _ref203.validRest, validRest = _ref203$validRest === void 0 ? {} : _ref203$validRest;
     var _adjustParams = adjustParams(rows, callback, afterFullData), vaildDatas = _adjustParams.vaildDatas, cb = _adjustParams.cb;
     var opt = {
       isAll,
@@ -13948,8 +14110,8 @@ var Methods$a = {
     };
     return Promise.all(rowValids).then(onFulfilled).catch(onRejected(opt, this));
   },
-  hasCellRules: function hasCellRules(type, row2, _ref205) {
-    var property = _ref205.property;
+  hasCellRules: function hasCellRules(type, row2, _ref204) {
+    var property = _ref204.property;
     if (!property || !this.editRules) {
       return false;
     }
@@ -13982,7 +14144,7 @@ var Methods$a = {
     var _this69 = this;
     var editRules = this.editRules, rowId = this.rowId;
     var property = column.property;
-    var _ref206 = {}, _ref206$descriptor = _ref206.descriptor, descriptor = _ref206$descriptor === void 0 ? {} : _ref206$descriptor, _ref206$model = _ref206.model, model = _ref206$model === void 0 ? {} : _ref206$model;
+    var _ref205 = {}, _ref205$descriptor = _ref205.descriptor, descriptor = _ref205$descriptor === void 0 ? {} : _ref205$descriptor, _ref205$model = _ref205.model, model = _ref205$model === void 0 ? {} : _ref205$model;
     if (property && editRules) {
       var rules = get(editRules, property);
       var cellValue = isUndefined(defaultValue) ? get(row2, property) : defaultValue;
@@ -14007,8 +14169,8 @@ var Methods$a = {
           column
         }
       };
-      var onRejected3 = function onRejected32(_ref207) {
-        var fields = _ref207.fields;
+      var onRejected3 = function onRejected32(_ref206) {
+        var fields = _ref206.fields;
         var cellErrors = Object.keys(fields).map(function(prop) {
           var rules2 = _descriptor[prop];
           _descriptor[prop] = !rules2.message ? Object.assign(rules2, {
@@ -14067,8 +14229,8 @@ var Methods$a = {
     var onfulfilled = function onfulfilled2() {
       editConfig.mode === "row" && validStore.visible && validStore.row === row2 && validStore.column === column && _this70.clearValidate();
     };
-    var onrejected = function onrejected2(_ref208) {
-      var rule = _ref208.rule;
+    var onrejected = function onrejected2(_ref207) {
+      var rule = _ref207.rule;
       if (rule.trigger && type !== rule.trigger) {
         return Promise.resolve();
       }
@@ -14162,7 +14324,7 @@ var Methods$8 = {
   initFetchOption: function initFetchOption() {
     var _this$fetchData = this.fetchData, fetchData = _this$fetchData === void 0 ? {} : _this$fetchData, _this$dataset = this.dataset, dataset = _this$dataset === void 0 ? {} : _this$dataset;
     if (fetchData.api || dataset.source || dataset.value || dataset.api) {
-      var _ref209 = fetchData || dataset.source || dataset.api || {}, loading = _ref209.loading, fields = _ref209.fields, api = _ref209.api, reloadConfig = _ref209.reloadConfig;
+      var _ref208 = fetchData || dataset.source || dataset.api || {}, loading = _ref208.loading, fields = _ref208.fields, api = _ref208.api, reloadConfig = _ref208.reloadConfig;
       var isReloadFilter = false;
       var isReloadScroll = false;
       if (reloadConfig) {
@@ -14200,7 +14362,7 @@ var Methods$8 = {
       error("ui.grid.error.notQuery");
       return this.$nextTick();
     }
-    var _ref210 = fetchData || dataset.source || dataset.api || {}, args = _ref210.args, loading = _ref210.loading;
+    var _ref209 = fetchData || dataset.source || dataset.api || {}, args = _ref209.args, loading = _ref209.loading;
     var field = sortData.field, order = sortData.order, prop = sortData.prop, property = sortData.property;
     var sortByData = {
       field,
@@ -14308,8 +14470,8 @@ var Methods$7 = {
     }
   },
   // 表格内置分页渲染器
-  renderPager: function renderPager(_ref211) {
-    var $slots = _ref211.$slots, _vm = _ref211._vm, loading = _ref211.loading, pager = _ref211.pager, pagerConfig = _ref211.pagerConfig, tableLoading = _ref211.tableLoading, vSize3 = _ref211.vSize;
+  renderPager: function renderPager(_ref210) {
+    var $slots = _ref210.$slots, _vm = _ref210._vm, loading = _ref210.loading, pager = _ref210.pager, pagerConfig = _ref210.pagerConfig, tableLoading = _ref210.tableLoading, vSize3 = _ref210.vSize;
     var res = null;
     var fetchData = _vm.fetchData;
     if ($slots.pager) {
@@ -14403,8 +14565,8 @@ var Pager = {
     Object.assign(host.methods, Methods$7);
   }
 };
-function setBodyRecords(_ref212) {
-  var body = _ref212.body, insertRecords = _ref212.insertRecords, pendingRecords = _ref212.pendingRecords;
+function setBodyRecords(_ref211) {
+  var body = _ref211.body, insertRecords = _ref211.insertRecords, pendingRecords = _ref211.pendingRecords;
   if (insertRecords.length) {
     body.pendingRecords = pendingRecords.filter(function(row2) {
       return !insertRecords.includes(row2);
@@ -14419,8 +14581,8 @@ function setBodyRecords(_ref212) {
 function canInvokeSaveDataApi(body, removeRecords, updateRecords) {
   return body.insertRecords.length || removeRecords.length || updateRecords.length || body.pendingRecords.length;
 }
-function doRemoveOrShowMsg(_ref213) {
-  var _vm = _ref213._vm, canInvoke = _ref213.canInvoke, code = _ref213.code, isMsg2 = _ref213.isMsg, pendingRecords = _ref213.pendingRecords, resolve = _ref213.resolve, valid = _ref213.valid;
+function doRemoveOrShowMsg(_ref212) {
+  var _vm = _ref212._vm, canInvoke = _ref212.canInvoke, code = _ref212.code, isMsg2 = _ref212.isMsg, pendingRecords = _ref212.pendingRecords, resolve = _ref212.resolve, valid = _ref212.valid;
   if (valid && !canInvoke) {
     if (isMsg2) {
       if (pendingRecords.length) {
@@ -14436,8 +14598,8 @@ function doRemoveOrShowMsg(_ref213) {
     resolve();
   }
 }
-function invokeSaveDataApi(_ref214) {
-  var _vm = _ref214._vm, args = _ref214.args, body = _ref214.body, code = _ref214.code, removeRecords = _ref214.removeRecords, resolve = _ref214.resolve, saveData = _ref214.saveData, updateRecords = _ref214.updateRecords, valid = _ref214.valid;
+function invokeSaveDataApi(_ref213) {
+  var _vm = _ref213._vm, args = _ref213.args, body = _ref213.body, code = _ref213.code, removeRecords = _ref213.removeRecords, resolve = _ref213.resolve, saveData = _ref213.saveData, updateRecords = _ref213.updateRecords, valid = _ref213.valid;
   var canInvoke = false;
   if (valid) {
     canInvoke = canInvokeSaveDataApi(body, removeRecords, updateRecords);
@@ -14464,8 +14626,8 @@ function invokeSaveDataApi(_ref214) {
 }
 var Methods$6 = {
   // 表格工具栏渲染器
-  getRenderedToolbar: function getRenderedToolbar(_ref215) {
-    var $slots = _ref215.$slots, _vm = _ref215._vm, loading = _ref215.loading, tableLoading = _ref215.tableLoading, toolbar = _ref215.toolbar;
+  getRenderedToolbar: function getRenderedToolbar(_ref214) {
+    var $slots = _ref214.$slots, _vm = _ref214._vm, loading = _ref214.loading, tableLoading = _ref214.tableLoading, toolbar = _ref214.toolbar;
     return _vm.renderedToolbar = (function() {
       var res = null;
       if ($slots.toolbar) {
@@ -14567,9 +14729,9 @@ var Methods$6 = {
     };
     this.remove(selecteds).then(afterRemove);
   },
-  handleFullScreen: function handleFullScreen(_ref216) {
+  handleFullScreen: function handleFullScreen(_ref215) {
     var _this78 = this;
-    var show2 = _ref216[0];
+    var show2 = _ref215[0];
     this.fullScreenClass = show2 ? "tiny-fullscreen-full" : "";
     this.$nextTick(function() {
       _this78.recalculate();
@@ -14586,8 +14748,8 @@ var Methods$6 = {
     if (code === "insert") {
       this.insert();
     } else if (code === "insert_actived") {
-      this.insert().then(function(_ref217) {
-        var row2 = _ref217.row;
+      this.insert().then(function(_ref216) {
+        var row2 = _ref216.row;
         return _this79.setActiveRow(row2);
       });
     } else if (code === "mark_cancel") {
@@ -14674,7 +14836,7 @@ var Methods$6 = {
       });
     }
     if (selecteds.length) {
-      var _ref218 = {}, _ref218$plus = _ref218.plus, plus = _ref218$plus === void 0 ? [] : _ref218$plus, _ref218$minus = _ref218.minus, minus = _ref218$minus === void 0 ? [] : _ref218$minus, tmp = _ref218.tmp;
+      var _ref217 = {}, _ref217$plus = _ref217.plus, plus = _ref217$plus === void 0 ? [] : _ref217$plus, _ref217$minus = _ref217.minus, minus = _ref217$minus === void 0 ? [] : _ref217$minus, tmp = _ref217.tmp;
       selecteds.forEach(function(data7) {
         var selectedPending = pendings.includes(data7);
         tmp = selectedPending ? minus : plus;
@@ -14697,8 +14859,8 @@ var Toolbar = {
 };
 var Methods$5 = {
   renderColumnAnchor: function renderColumnAnchor(params, _vm) {
-    var _ref219 = params || {}, _ref219$anchors = _ref219.anchors, anchors = _ref219$anchors === void 0 ? [] : _ref219$anchors, _ref219$action = _ref219.action, action = _ref219$action === void 0 ? function() {
-    } : _ref219$action;
+    var _ref218 = params || {}, _ref218$anchors = _ref218.anchors, anchors = _ref218$anchors === void 0 ? [] : _ref218$anchors, _ref218$action = _ref218.action, action = _ref218$action === void 0 ? function() {
+    } : _ref218$action;
     var viewType2 = _vm.viewType;
     return h("div", {
       class: ["tiny-grid__column-anchor", _vm.viewCls("columnAnchor")],
@@ -14733,8 +14895,8 @@ var Methods$5 = {
       }, [iconVnode, spanVnode]);
     }));
   },
-  buildColumnAnchor: function buildColumnAnchor(_ref220) {
-    var property = _ref220.property, label = _ref220.label, anchors = _ref220.anchors, activeAnchor = _ref220.activeAnchor;
+  buildColumnAnchor: function buildColumnAnchor(_ref219) {
+    var property = _ref219.property, label = _ref219.label, anchors = _ref219.anchors, activeAnchor = _ref219.activeAnchor;
     var visibleColumn = this.getColumns();
     var column = visibleColumn.find(function(col) {
       return !col.type && col.property === property;
@@ -14825,8 +14987,8 @@ var Methods$5 = {
       }, activeAnchor.delay);
     };
   },
-  anchorAction: function anchorAction(_ref221) {
-    var field = _ref221.field, anchors = _ref221.anchors, _vm = _ref221._vm;
+  anchorAction: function anchorAction(_ref220) {
+    var field = _ref220.field, anchors = _ref220.anchors, _vm = _ref220._vm;
     var fromAnchor = anchors.find(function(anchor) {
       return anchor.active;
     });
@@ -14872,8 +15034,8 @@ var ColumnAnchor = {
     Object.assign(host.methods, Methods$5);
   }
 };
-var createHandlerOnEnd = function createHandlerOnEnd2(_ref222) {
-  var _vm = _ref222._vm, refresh = _ref222.refresh;
+var createHandlerOnEnd = function createHandlerOnEnd2(_ref221) {
+  var _vm = _ref221._vm, refresh = _ref221.refresh;
   return function(event) {
     var insertRecords = _vm.getInsertRecords();
     if (insertRecords.length) {
@@ -14885,7 +15047,7 @@ var createHandlerOnEnd = function createHandlerOnEnd2(_ref222) {
     var targetTrElem = event.item;
     var wrapperElem = targetTrElem.parentNode, prevEl = targetTrElem.previousElementSibling, nextEl = targetTrElem.nextElementSibling;
     var prevTrElem = prevEl && prevEl.classList.contains("tiny-grid-body__row") ? prevEl : prevEl && prevEl.previousElementSibling;
-    var tableTreeData = _vm.data || _vm.tableData;
+    var tableTreeData = _vm.rawData || _vm.tableData;
     var selfRow = _vm.getRowNode(targetTrElem).item;
     var selfNode = findTree$1(tableTreeData, function(row2) {
       return row2 === selfRow;
@@ -14919,7 +15081,7 @@ var createHandlerOnEnd = function createHandlerOnEnd2(_ref222) {
       _vm.tableFullData = [].concat(tableTreeData);
     }
     _vm.$emit("row-drop-end", event, _vm, _vm.scrollYLoad ? tableTreeData : _vm.tableFullData);
-    refresh && _vm.data && _vm.refreshData(_vm.data);
+    refresh && _vm.rawData && _vm.refreshData(_vm.rawData);
   };
 };
 var getSortColumns = function getSortColumns2(columns2) {
@@ -14942,7 +15104,7 @@ var Methods$4 = {
   // 处理列拖拽
   columnDrop: function columnDrop(headerEl) {
     var _this81 = this;
-    var _ref223 = this.dropConfig || {}, plugin = _ref223.plugin, onBeforeMove = _ref223.onBeforeMove, filter2 = _ref223.filter;
+    var _ref222 = this.dropConfig || {}, plugin = _ref222.plugin, onBeforeMove = _ref222.onBeforeMove, filter2 = _ref222.filter;
     var columnDropContainer = headerEl.querySelector(".tiny-grid-header__row");
     var columnDropOptions = _extends({}, this.dropConfig, {
       handle: ".tiny-grid-header__column:not(.col__fixed)",
@@ -15035,8 +15197,8 @@ var Sort = {
     Object.assign(host.methods, Methods$3);
   }
 };
-function createTooltipRange(_ref224) {
-  var _vm = _ref224._vm, cell = _ref224.cell, column = _ref224.column, isHeader = _ref224.isHeader;
+function createTooltipRange(_ref223) {
+  var _vm = _ref223._vm, cell = _ref223.cell, column = _ref223.column, isHeader = _ref223.isHeader;
   var range = document.createRange();
   var rangeEnd;
   range.setStart(cell, 0);
@@ -15054,8 +15216,8 @@ function createTooltipRange(_ref224) {
   range.setEnd(cell, rangeEnd);
   return range;
 }
-function processContentMethod(_ref225) {
-  var _vm = _ref225._vm, column = _ref225.column, content = _ref225.content, contentMethod = _ref225.contentMethod, event = _ref225.event, isHeader = _ref225.isHeader, row2 = _ref225.row, showTip = _ref225.showTip;
+function processContentMethod(_ref224) {
+  var _vm = _ref224._vm, column = _ref224.column, content = _ref224.content, contentMethod = _ref224.contentMethod, event = _ref224.event, isHeader = _ref224.isHeader, row2 = _ref224.row, showTip = _ref224.showTip;
   if (contentMethod) {
     _vm.tooltipContent = contentMethod({
       event,
@@ -15207,15 +15369,15 @@ var Tooltip = {
     Object.assign(host.methods, Methods$2);
   }
 };
-function onHalfSelectionProperty(_ref226) {
-  var checkStrictly = _ref226.checkStrictly, property = _ref226.property, row2 = _ref226.row, treeConfig = _ref226.treeConfig, treeIndeterminates = _ref226.treeIndeterminates, value = _ref226.value;
+function onHalfSelectionProperty(_ref225) {
+  var checkStrictly = _ref225.checkStrictly, property = _ref225.property, row2 = _ref225.row, treeConfig = _ref225.treeConfig, treeIndeterminates = _ref225.treeIndeterminates, value = _ref225.value;
   if (property && treeConfig && !checkStrictly && value === -1) {
     treeIndeterminates.push(row2);
     set(row2, property, false);
   }
 }
-function onFullSelectionProperty(_ref227) {
-  var checkMethod = _ref227.checkMethod, checkStrictly = _ref227.checkStrictly, property = _ref227.property, row2 = _ref227.row, treeConfig = _ref227.treeConfig, treeIndeterminates = _ref227.treeIndeterminates, value = _ref227.value;
+function onFullSelectionProperty(_ref226) {
+  var checkMethod = _ref226.checkMethod, checkStrictly = _ref226.checkStrictly, property = _ref226.property, row2 = _ref226.row, treeConfig = _ref226.treeConfig, treeIndeterminates = _ref226.treeIndeterminates, value = _ref226.value;
   if (property && treeConfig && !checkStrictly && value !== -1) {
     eachTree([row2], function(item, $rowIndex) {
       if (row2 === item || !checkMethod || checkMethod({
@@ -15230,8 +15392,8 @@ function onFullSelectionProperty(_ref227) {
     }, treeConfig);
   }
 }
-function getVItemsOnParentSlctProp(_ref228) {
-  var checkMethod = _ref228.checkMethod, matchObj = _ref228.matchObj;
+function getVItemsOnParentSlctProp(_ref227) {
+  var checkMethod = _ref227.checkMethod, matchObj = _ref227.matchObj;
   var tinyItems;
   if (checkMethod) {
     tinyItems = matchObj.items.filter(function(item, $rowIndex) {
@@ -15245,8 +15407,8 @@ function getVItemsOnParentSlctProp(_ref228) {
   }
   return tinyItems;
 }
-function getParentStatusOnParentSlctProp(_ref229) {
-  var indeterminatesItem = _ref229.indeterminatesItem, matchObj = _ref229.matchObj, property = _ref229.property, vItems = _ref229.vItems, value = _ref229.value;
+function getParentStatusOnParentSlctProp(_ref228) {
+  var indeterminatesItem = _ref228.indeterminatesItem, matchObj = _ref228.matchObj, property = _ref228.property, vItems = _ref228.vItems, value = _ref228.value;
   var parentStatus;
   if (indeterminatesItem) {
     parentStatus = -1;
@@ -15261,8 +15423,8 @@ function getParentStatusOnParentSlctProp(_ref229) {
   }
   return parentStatus;
 }
-function onHalfSelection(_ref230) {
-  var checkStrictly = _ref230.checkStrictly, property = _ref230.property, row2 = _ref230.row, selection = _ref230.selection, treeConfig = _ref230.treeConfig, treeIndeterminates = _ref230.treeIndeterminates, value = _ref230.value;
+function onHalfSelection(_ref229) {
+  var checkStrictly = _ref229.checkStrictly, property = _ref229.property, row2 = _ref229.row, selection = _ref229.selection, treeConfig = _ref229.treeConfig, treeIndeterminates = _ref229.treeIndeterminates, value = _ref229.value;
   if (!property && treeConfig && !checkStrictly && value === -1) {
     treeIndeterminates.push(row2);
     remove(selection, function(item) {
@@ -15273,8 +15435,8 @@ function onHalfSelection(_ref230) {
 var addSelection = function addSelection2(selection, item) {
   return !selection.includes(item) && selection.push(item);
 };
-function onFullSelection(_ref231) {
-  var checkMethod = _ref231.checkMethod, checkStrictly = _ref231.checkStrictly, property = _ref231.property, row2 = _ref231.row, selection = _ref231.selection, treeConfig = _ref231.treeConfig, treeIndeterminates = _ref231.treeIndeterminates, value = _ref231.value;
+function onFullSelection(_ref230) {
+  var checkMethod = _ref230.checkMethod, checkStrictly = _ref230.checkStrictly, property = _ref230.property, row2 = _ref230.row, selection = _ref230.selection, treeConfig = _ref230.treeConfig, treeIndeterminates = _ref230.treeIndeterminates, value = _ref230.value;
   if (!property && treeConfig && !checkStrictly && value !== -1) {
     eachTree([row2], function(item, $rowIndex) {
       if (row2 === item || !checkMethod || checkMethod({
@@ -15295,8 +15457,8 @@ function onFullSelection(_ref231) {
     }, treeConfig);
   }
 }
-function getParentStatusOnParentSelection(_ref232) {
-  var indeterminatesItem = _ref232.indeterminatesItem, matchObj = _ref232.matchObj, selection = _ref232.selection, vItems = _ref232.vItems, value = _ref232.value;
+function getParentStatusOnParentSelection(_ref231) {
+  var indeterminatesItem = _ref231.indeterminatesItem, matchObj = _ref231.matchObj, selection = _ref231.selection, vItems = _ref231.vItems, value = _ref231.value;
   var parentStatus;
   if (indeterminatesItem) {
     parentStatus = -1;
@@ -15309,8 +15471,8 @@ function getParentStatusOnParentSelection(_ref232) {
   }
   return parentStatus;
 }
-function hasCheckField(_ref233, value, _vm) {
-  var row2 = _ref233.row;
+function hasCheckField(_ref232, value, _vm) {
+  var row2 = _ref232.row;
   var tableFullData = _vm.tableFullData, _vm$selectConfig = _vm.selectConfig, selectConfig = _vm$selectConfig === void 0 ? {} : _vm$selectConfig, treeConfig = _vm.treeConfig, treeIndeterminates = _vm.treeIndeterminates;
   var property = selectConfig.checkField, checkStrictly = selectConfig.checkStrictly, checkMethod = selectConfig.checkMethod;
   onHalfSelectionProperty({
@@ -15358,8 +15520,8 @@ function hasCheckField(_ref233, value, _vm) {
     set(row2, property, value);
   }
 }
-function onSelectTreeCheckStrictly(_ref234, value, _vm) {
-  var row2 = _ref234.row;
+function onSelectTreeCheckStrictly(_ref233, value, _vm) {
+  var row2 = _ref233.row;
   var selection = _vm.selection, tableFullData = _vm.tableFullData, _vm$selectConfig2 = _vm.selectConfig, selectConfig = _vm$selectConfig2 === void 0 ? {} : _vm$selectConfig2, treeConfig = _vm.treeConfig, treeIndeterminates = _vm.treeIndeterminates;
   var property = selectConfig.checkField, checkStrictly = selectConfig.checkStrictly, checkMethod = selectConfig.checkMethod;
   onHalfSelection({
@@ -15403,8 +15565,8 @@ function onSelectTreeCheckStrictly(_ref234, value, _vm) {
     }
   }
 }
-function onSelectOther(_ref235, value, _vm) {
-  var row2 = _ref235.row;
+function onSelectOther(_ref234, value, _vm) {
+  var row2 = _ref234.row;
   var selection = _vm.selection, _vm$selectConfig3 = _vm.selectConfig, selectConfig = _vm$selectConfig3 === void 0 ? {} : _vm$selectConfig3, treeConfig = _vm.treeConfig;
   var property = selectConfig.checkField, checkStrictly = selectConfig.checkStrictly;
   if (!property && !(treeConfig && !checkStrictly)) {
@@ -15417,8 +15579,8 @@ function onSelectOther(_ref235, value, _vm) {
     }
   }
 }
-function hasNoCheckField(_ref236, value, _vm) {
-  var row2 = _ref236.row;
+function hasNoCheckField(_ref235, value, _vm) {
+  var row2 = _ref235.row;
   onSelectTreeCheckStrictly({
     row: row2
   }, value, _vm);
@@ -15426,8 +15588,8 @@ function hasNoCheckField(_ref236, value, _vm) {
     row: row2
   }, value, _vm);
 }
-function pushSelectRow(_ref237) {
-  var afterFullData = _ref237.afterFullData, checkMethod = _ref237.checkMethod, checkStrictly = _ref237.checkStrictly; _ref237.property; var selectRows = _ref237.selectRows, selection = _ref237.selection, treeConfig = _ref237.treeConfig, value = _ref237.value;
+function pushSelectRow(_ref236) {
+  var afterFullData = _ref236.afterFullData, checkMethod = _ref236.checkMethod, checkStrictly = _ref236.checkStrictly; _ref236.property; var selectRows = _ref236.selectRows, selection = _ref236.selection, treeConfig = _ref236.treeConfig, value = _ref236.value;
   if (!checkStrictly && value) {
     eachTree(afterFullData, function(row2, $rowIndex) {
       if (!checkMethod || checkMethod({
@@ -15449,8 +15611,8 @@ function pushSelectRow(_ref237) {
     }, treeConfig);
   }
 }
-function hasCheckFieldNoStrictly(_ref238) {
-  var afterFullData = _ref238.afterFullData, checkMethod = _ref238.checkMethod, checkStrictly = _ref238.checkStrictly, property = _ref238.property, selection = _ref238.selection, treeConfig = _ref238.treeConfig, value = _ref238.value;
+function hasCheckFieldNoStrictly(_ref237) {
+  var afterFullData = _ref237.afterFullData, checkMethod = _ref237.checkMethod, checkStrictly = _ref237.checkStrictly, property = _ref237.property, selection = _ref237.selection, treeConfig = _ref237.treeConfig, value = _ref237.value;
   if (!checkStrictly && property) {
     var indexKey = (treeConfig ? "$" : "") + "rowIndex";
     var setValFn = function setValFn2(row2, rowIndex) {
@@ -15476,8 +15638,8 @@ function hasCheckFieldNoStrictly(_ref238) {
     }
   }
 }
-function filterSelectRow(_ref239) {
-  var afterFullData = _ref239.afterFullData, checkMethod = _ref239.checkMethod, checkStrictly = _ref239.checkStrictly, selectRows = _ref239.selectRows, selection = _ref239.selection, value = _ref239.value;
+function filterSelectRow(_ref238) {
+  var afterFullData = _ref238.afterFullData, checkMethod = _ref238.checkMethod, checkStrictly = _ref238.checkStrictly, selectRows = _ref238.selectRows, selection = _ref238.selection, value = _ref238.value;
   if (!checkStrictly && value && checkMethod) {
     selectRows = afterFullData.filter(function(row2, rowIndex) {
       return selection.includes(row2) || checkMethod({
@@ -15499,8 +15661,8 @@ function filterSelectRow(_ref239) {
   }
   return selectRows;
 }
-function hasNoCheckFieldNoStrictly(_ref240) {
-  var afterFullData = _ref240.afterFullData, checkMethod = _ref240.checkMethod, checkStrictly = _ref240.checkStrictly, property = _ref240.property, selection = _ref240.selection, treeConfig = _ref240.treeConfig, value = _ref240.value;
+function hasNoCheckFieldNoStrictly(_ref239) {
+  var afterFullData = _ref239.afterFullData, checkMethod = _ref239.checkMethod, checkStrictly = _ref239.checkStrictly, property = _ref239.property, selection = _ref239.selection, treeConfig = _ref239.treeConfig, value = _ref239.value;
   var selectRows = [];
   if (treeConfig) {
     pushSelectRow({
@@ -15525,8 +15687,8 @@ function hasNoCheckFieldNoStrictly(_ref240) {
   }
   return selectRows;
 }
-function setSelectionNoStrictly(_ref241) {
-  var _vm = _ref241._vm, checkStrictly = _ref241.checkStrictly, reserve = _ref241.reserve, selectRows = _ref241.selectRows, selection = _ref241.selection, value = _ref241.value, afterFullData = _ref241.afterFullData;
+function setSelectionNoStrictly(_ref240) {
+  var _vm = _ref240._vm, checkStrictly = _ref240.checkStrictly, reserve = _ref240.reserve, selectRows = _ref240.selectRows, selection = _ref240.selection, value = _ref240.value, afterFullData = _ref240.afterFullData;
   if (!checkStrictly) {
     if (reserve) {
       var unCheckedRows = afterFullData.filter(function(row2) {
@@ -15546,7 +15708,7 @@ var Methods$1 = {
   // 处理默认勾选
   handleSelectionDefChecked: function handleSelectionDefChecked() {
     var fullDataRowIdData = this.fullDataRowIdData;
-    var _ref242 = this.selectConfig || {}, checkAll = _ref242.checkAll, checkRowKeys = _ref242.checkRowKeys;
+    var _ref241 = this.selectConfig || {}, checkAll = _ref241.checkAll, checkRowKeys = _ref241.checkRowKeys;
     if (checkAll) {
       this.setAllSelection(true);
       return;
@@ -15580,8 +15742,8 @@ var Methods$1 = {
     return this.$nextTick();
   },
   // 多选，行选中事件。value：选中true、不选false、不确定-1
-  handleSelectRow: function handleSelectRow(_ref243, value) {
-    var row2 = _ref243.row;
+  handleSelectRow: function handleSelectRow(_ref242, value) {
+    var row2 = _ref242.row;
     hasCheckField({
       row: row2
     }, value, this);
@@ -15592,7 +15754,7 @@ var Methods$1 = {
   },
   handleToggleCheckRowEvent: function handleToggleCheckRowEvent(params, event) {
     var selection = this.selection;
-    var _ref244 = this.selectConfig || {}, checkField = _ref244.checkField;
+    var _ref243 = this.selectConfig || {}, checkField = _ref243.checkField;
     var row2 = params.row;
     var value = checkField ? !get(row2, checkField) : !~selection.indexOf(row2);
     if (event) {
@@ -15660,8 +15822,8 @@ var Methods$1 = {
   // 根据表格选中状态，给头部复现框赋值状态（全选，半选，未选）
   checkSelectionStatus: function checkSelectionStatus() {
     var afterFullData = this.afterFullData, selection = this.selection, treeIndeterminates = this.treeIndeterminates;
-    var _ref245 = this.selectConfig || {}, checkField = _ref245.checkField, checkMethod = _ref245.checkMethod;
-    var _ref246 = {}, everyHandler = _ref246.everyHandler, someHandler = _ref246.someHandler;
+    var _ref244 = this.selectConfig || {}, checkField = _ref244.checkField, checkMethod = _ref244.checkMethod;
+    var _ref245 = {}, everyHandler = _ref245.everyHandler, someHandler = _ref245.someHandler;
     if (checkField) {
       everyHandler = checkMethod ? function(row2, rowIndex) {
         return !checkMethod({
@@ -15710,7 +15872,7 @@ var Methods$1 = {
   // 保留选中状态
   reserveCheckSelection: function reserveCheckSelection() {
     var fullDataRowIdData = this.fullDataRowIdData, selection = this.selection;
-    var _ref247 = this.selectConfig || {}, reserve = _ref247.reserve;
+    var _ref246 = this.selectConfig || {}, reserve = _ref246.reserve;
     var rowkey = getRowkey(this);
     if (reserve && selection.length) {
       this.selection = selection.map(function(row2) {
@@ -15738,7 +15900,7 @@ var Methods$1 = {
   },
   clearSelection: function clearSelection() {
     var tableFullData = this.tableFullData, treeConfig = this.treeConfig;
-    var _ref248 = this.selectConfig || {}, checkField = _ref248.checkField;
+    var _ref247 = this.selectConfig || {}, checkField = _ref247.checkField;
     if (checkField) {
       treeConfig ? eachTree(tableFullData, function(item) {
         return set(item, checkField, false);
@@ -15864,9 +16026,9 @@ var Checkbox = {
 };
 var Methods = {
   // 展开树节点事件
-  triggerTreeExpandEvent: function triggerTreeExpandEvent(event, _ref249) {
+  triggerTreeExpandEvent: function triggerTreeExpandEvent(event, _ref248) {
     var _this84 = this;
-    var row2 = _ref249.row;
+    var row2 = _ref248.row;
     var currentColumn = this.currentColumn, currentRow = this.currentRow;
     var rest = this.toggleTreeExpansion(row2);
     var eventParams = {