npm - @opentinyvue/vue-grid - Versions diffs - 3.27.0 → 3.28.0 - Mend

@opentinyvue/vue-grid 3.27.0 → 3.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/lib/index.js +494 -332
package/package.json +17 -17
package/src/composable/index.d.ts +1 -0
package/src/composable/useNormalData.d.ts +8 -0
package/src/config.d.ts +380 -20
package/src/table/src/methods.d.ts +15 -1
package/src/table/src/table.d.ts +19 -9

package/lib/index.js CHANGED Viewed

@@ -4,8 +4,8 @@ import { Interceptor, StoreMap } from '@opentinyvue/vue-renderless/grid/core';
 import { debounce, PopupManager, PopperJS, extend, browserInfo, isObject, isEmptyObject, isServer, throttle, addClass, removeClass, getDataset, random, isNull, getActualTarget, fastdom, toDecimal, logger, tryToCurrency, tryToDecimal, tryToInt, toFileSize, truncate, toRate, isNumber as isNumber$1, toBoolValue, toDate, getDateWithNewTimezone, isDate, formatDateByPattern, toDateStr, on, Validator as Validator$1, getObj, getStyle, preventDefault, off, 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 { getFuncText, getDomNode, getRowid, getEventTargetNode, isScale, emitEvent, hasChildrenList, getListeners, getOffsetPos, getFilters, getColumnConfig, formatText, getRowkey, dfsCopy, getRowUniqueId, setCellValue, getColumnList, repairFixed, rowToVisible, colToVisible, getCell, assemColumn, GlobalEvent, getCellValue, updateCellTitle, isPx, getClass, 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 { getFuncText, getDomNode, getRowid, getEventTargetNode, isScale, emitEvent, hasChildrenList, getListeners, getOffsetPos, getFilters, getColumnConfig, formatText, getRowkey, getRowUniqueId, setCellValue, getColumnList, repairFixed, rowToVisible, colToVisible, getCell, assemColumn, GlobalEvent, getCellValue, updateCellTitle, isPx, getClass, getRowNodes, getCellNodeIndex } from '@opentinyvue/vue-renderless/grid/utils';
 import Tooltip$1 from '@opentinyvue/vue-tooltip';
 import { createVNode, mergeProps, isVNode, createTextVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, normalizeStyle, Fragment, renderList } from 'vue';
 import { toNumber, findTree, find, isEqual as isEqual$1, arrayEach as arrayEach$1 } from '@opentinyvue/vue-renderless/grid/static';
@@ -1795,7 +1795,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
@@ -1818,7 +1818,7 @@ var calcHeader = function calcHeader2(collectColumn2) {
         levelMap.set(item, level);
         _traverseTree(item.children, level + 1, item);
       });
-    } else {
+    } else if (parent) {
       leafColumns.push(parent);
     }
   };
@@ -1904,12 +1904,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";
@@ -1922,12 +1922,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,
@@ -2506,6 +2511,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) {
@@ -2605,7 +2673,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));
@@ -2629,14 +2697,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() : {});
@@ -2763,21 +2831,21 @@ var renderBorder = function renderBorder2(type) {
     "class": "tiny-grid-border-left"
   }, null)]);
 };
-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]];
@@ -2805,7 +2873,7 @@ function renderColumn(_ref39) {
     "data-colindex": $columnIndex,
     "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" ? createVNode("div", {
@@ -2846,9 +2914,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;
@@ -2877,7 +2945,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" ? createVNode("div", {
           "class": {
@@ -2927,20 +2995,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;
@@ -2955,7 +3023,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 || ""]
       }, [createVNode("div", {
         "class": {
           "tiny-grid-cell": true,
@@ -2972,17 +3040,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;
@@ -3021,8 +3085,7 @@ function renderRows(_vm) {
       isSkipRowRender,
       row: row2,
       rowActived,
-      rowClassName,
-      lastVisibleIndex
+      rowClassName
     };
     Object.assign(args, {
       rowIndex,
@@ -3119,7 +3182,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;
   }
@@ -3141,7 +3204,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,
@@ -3370,9 +3433,9 @@ var Body = /* @__PURE__ */ 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;
@@ -3524,8 +3587,6 @@ var Body = /* @__PURE__ */ 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
@@ -7541,7 +7602,7 @@ var Methods$d = {
       _this15.tableData = [];
       _this15.cellStatus.clear();
       _this15.clearValidateMap();
-      return _this15.loadTableData(data7 || _this15.tableFullData);
+      return _this15.updateRawData(data7 || _this15.tableFullData);
     };
     return this.$nextTick().then(next);
   },
@@ -7593,18 +7654,10 @@ var Methods$d = {
   // 全量加载表格数据
   loadTableData: function loadTableData(datas, notRefresh) {
     var _this17 = 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");
     }
@@ -7620,31 +7673,51 @@ var Methods$d = {
           lastScrollTop
         });
       }
+    }).then(function() {
+      var _this17$resolveMap$lo;
+      if (((_this17$resolveMap$lo = _this17.resolveMap.loadDataResolve) == null ? void 0 : _this17$resolveMap$lo.data) === datas) {
+        _this17.resolveMap.loadDataResolve.resolveQueue.forEach(function(resolve) {
+          return resolve();
+        });
+        _this17.resolveMap.loadDataResolve = null;
+      }
     });
   },
   // 重新加载数据
   reloadData: function reloadData(datas) {
     var _this18 = this;
     return this.clearAll().then(function() {
-      return _this18.loadTableData(datas);
+      return _this18.updateRawData(datas);
     });
   },
   // 加载全量数据
   loadData: function loadData(datas) {
     var _this19 = this;
     return new Promise(function(resolve) {
-      _this19.loadTableData(datas);
-      resolve();
+      _this19.updateRawData(datas);
+      if (_this19.resolveMap.loadDataResolve) {
+        _this19.resolveMap.loadDataResolve.data = datas;
+        _this19.resolveMap.loadDataResolve.resolveQueue.push(resolve);
+      } else {
+        _this19.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) {
@@ -7718,14 +7791,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(_this22, row2);
       if (!rowId) {
         rowId = getRowUniqueId();
@@ -7736,31 +7809,78 @@ var Methods$d = {
         rowid: rowId,
         index: index2
       };
-      _this22.fullDataRowIdData[rowId] = rowCache;
-      _this22.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(_this22.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(_this22, row2), clone(childrenKey ? _extends({}, row2, (_extends6 = {}, _extends6[childrenKey] = null, _extends6)) : _extends({}, row2), deepCopy));
+        };
+        eachTree(tableFullData, callback, treeConfig);
+        _this22.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;
@@ -7788,9 +7908,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];
@@ -7804,31 +7922,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 _this23 = 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 = _this23.getOriginRow(row2);
+          if (originRow) {
+            originRow[property] = propDefaultValue;
+          }
+        }
+        if (isVue2) {
+          _this23.$set(row2, property, propDefaultValue);
+        } else {
+          set(row2, property, propDefaultValue);
+        }
       }
     });
     var rowId = get(row2, rowKey);
@@ -7838,11 +7966,8 @@ var Methods$d = {
     return row2;
   },
   isTemporaryRow: function isTemporaryRow(row2) {
-    var _this23 = this;
     var rowid2 = getRowid(this, row2);
-    return find$1(this.temporaryRows, function(r) {
-      return rowid2 === getRowid(_this23, r);
-    });
+    return this.editStore.insertMap.has(rowid2);
   },
   createData: function createData(records, copy) {
     var _this24 = this;
@@ -7882,7 +8007,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);
@@ -7908,20 +8033,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);
       }
@@ -7968,7 +8093,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);
     }
@@ -7982,7 +8107,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);
@@ -8011,8 +8136,8 @@ var Methods$d = {
     var tableData = this.tableFullData;
     var updateFilter = function updateFilter2(tableData2) {
       var remoteFilter = _this26.remoteFilter, visibleColumn = _this26.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) {
@@ -8041,8 +8166,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) {
@@ -8104,9 +8229,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() {
@@ -8150,7 +8276,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;
@@ -8216,7 +8342,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);
@@ -8487,8 +8614,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;
@@ -8548,7 +8675,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) {
@@ -8558,7 +8685,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;
     }
@@ -8813,8 +8940,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,
@@ -8831,7 +8958,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;
@@ -8852,7 +8979,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) {
@@ -8928,7 +9055,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) {
@@ -9118,7 +9245,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);
@@ -9259,8 +9386,8 @@ var Methods$d = {
       return _this43.validCellRules(type, row2, column, cellValue).then(function() {
         refreshStatus();
         _this43.clearValidate();
-      }).catch(function(_ref171) {
-        var rule = _ref171.rule;
+      }).catch(function(_ref169) {
+        var rule = _ref169.rule;
         refreshStatus();
         _this43.showValidTooltip({
           rule,
@@ -9307,8 +9434,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) {
@@ -9368,8 +9495,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;
   },
   // 检查触发源是否属于目标节点
@@ -9394,8 +9521,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;
     }
   },
@@ -9429,7 +9556,7 @@ var Methods$d = {
   // 尝试恢复滚动位置，规范了最大滚动位置的取值
   attemptRestoreScroll: function attemptRestoreScroll(options) {
     var _this46 = 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) {
@@ -9679,8 +9806,8 @@ var _sfc_main$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({
@@ -10421,7 +10548,7 @@ function mergeScrollDirStore(scrollDir, scrollDirStore) {
 }
 function loadStatic(data7, _vm) {
   if (data7 && data7.length > 0) {
-    _vm.loadTableData(data7, true);
+    _vm.updateRawData(data7);
     _vm.updateStyle();
   }
 }
@@ -10825,6 +10952,7 @@ var Table = defineComponent({
           columns: []
         },
         insertList: [],
+        insertMap: /* @__PURE__ */ new Map(),
         removeList: [],
         // 选中源
         selected: {
@@ -10906,15 +11034,7 @@ var Table = defineComponent({
       // 在编辑模式下 单元格在失去焦点验证的状态
       validatedMap: {},
       // 表格父容器的高度
-      parentHeight: 0,
-      // 水平滚动条的状态
-      horizonScroll: {
-        fixed: false,
-        threshold: 2,
-        max: 0,
-        isLeft: true,
-        isRight: false
-      }
+      parentHeight: 0
     };
   },
   computed: {
@@ -11039,9 +11159,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);
       }
     }
   },
@@ -11058,8 +11179,6 @@ var Table = defineComponent({
       fullColumnMap: /* @__PURE__ */ new Map(),
       fullDataRowIdData: {},
       fullDataRowMap: /* @__PURE__ */ new Map(),
-      // 临时插入数据集
-      temporaryRows: [],
       // 最后滚动位置
       lastScrollLeft: 0,
       lastScrollTop: 0,
@@ -11153,6 +11272,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,
@@ -11172,6 +11298,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);
@@ -11217,6 +11347,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) {
@@ -11224,6 +11386,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();
         }
@@ -11247,6 +11421,7 @@ var Table = defineComponent({
       }
       unbindEvent($table);
       $table._tileInfo = $table._graphInfo = null;
+      $table.rowidCacheMap = null;
     });
     hooks.onActivated(function() {
       var lastScrollLeft = $table.lastScrollLeft, lastScrollTop = $table.lastScrollTop;
@@ -11265,6 +11440,8 @@ var Table = defineComponent({
       unbindEvent($table);
     });
     var tableListeners = getListeners(attrs, listeners);
+    var markColumnIndex = hooks.ref(0);
+    var rowidCacheMap = /* @__PURE__ */ new Map();
     return {
       slots,
       tableListeners,
@@ -11297,7 +11474,13 @@ var Table = defineComponent({
       bodyTableWidth,
       scrollLoadScrollHeight,
       columnStore,
-      tiledLength
+      tiledLength,
+      rawDataVersion,
+      rawData,
+      markColumnIndex,
+      rowidCacheMap,
+      horizonScroll,
+      resolveMap
     };
   },
   render: function render14() {
@@ -11315,7 +11498,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", {
@@ -11546,8 +11729,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;
@@ -11601,7 +11784,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);
@@ -11849,8 +12032,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,
@@ -11957,8 +12140,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;
       }
@@ -12030,30 +12213,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 _this52 = this;
@@ -12098,35 +12276,27 @@ var Methods$c = {
   // 根据位置从指定行添加数据
   _insertAt: function _insertAt(records, row2) {
     var _this53 = 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(_this53.defineField(_extends({}, record)));
+      isColumnFormat && (record[GlobalConfig$1.constant.insertedField] = true);
+      return hooks.reactive(_this53.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);
@@ -12151,9 +12321,9 @@ var Methods$c = {
    */
   _remove: function _remove(rows) {
     var _this54 = 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 = [];
@@ -12172,7 +12342,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) {
@@ -12192,23 +12362,15 @@ var Methods$c = {
         return inArr(row3, rows);
       });
     }
-    remove(tableSourceData, function(row3) {
-      return find$1(insertList, function(r) {
-        return getRowid(_this54, r) === getRowid(_this54, row3);
-      }) && find$1(rows, function(r) {
-        return getRowid(_this54, r) === getRowid(_this54, row3);
-      });
-    });
     remove(insertList, function(row3) {
-      return inArr(row3, rows);
+      var exist = inArr(row3, rows);
+      exist && insertMap.delete(getRowid(_this54, 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
@@ -12242,12 +12404,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];
@@ -12264,7 +12426,7 @@ var Methods$c = {
     if (arguments.length) {
       return this.$nextTick();
     }
-    return this.reloadData(tableSynchData);
+    return this.reloadData(rawData || []);
   },
   /**
    * 获取表格操作数据集
@@ -12399,7 +12561,7 @@ var Methods$c = {
    */
   _clearActived: function _clearActived(event) {
     var _this58 = 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;
@@ -12416,7 +12578,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];
       }
@@ -12537,7 +12699,7 @@ var Methods$c = {
     var _this60 = 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)) {
@@ -12718,7 +12880,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) {
@@ -12757,8 +12919,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);
   }
@@ -12777,8 +12939,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);
@@ -12786,8 +12948,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) {
@@ -12820,8 +12982,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);
@@ -12830,8 +12992,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);
   };
@@ -12858,8 +13020,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;
@@ -12906,7 +13068,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);
@@ -13000,9 +13162,9 @@ var Methods$b = {
     }
   },
   // 可编辑方向键移动处理
-  moveSelected: function moveSelected(_ref192) {
+  moveSelected: function moveSelected(_ref191) {
     var _this62 = 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;
@@ -13224,7 +13386,7 @@ var Methods$b = {
   _getMouseCheckeds: function _getMouseCheckeds() {
     var _this64 = 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,
@@ -13253,7 +13415,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();
@@ -13382,7 +13544,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();
@@ -13505,13 +13667,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,
@@ -13535,8 +13697,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"];
@@ -13550,8 +13712,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) {
@@ -13603,8 +13765,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;
@@ -13671,10 +13833,10 @@ var Methods$a = {
   },
   validatePromise: function validatePromise(row2, column, columnIndex, isAll, validRest) {
     var _this67 = 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,
@@ -13710,7 +13872,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,
@@ -13748,8 +13910,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;
     }
@@ -13782,7 +13944,7 @@ var Methods$a = {
     var _this68 = 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;
@@ -13807,8 +13969,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, {
@@ -13867,8 +14029,8 @@ var Methods$a = {
     var onfulfilled = function onfulfilled2() {
       editConfig.mode === "row" && validStore.visible && validStore.row === row2 && validStore.column === column && _this69.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();
       }
@@ -13962,7 +14124,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) {
@@ -14000,7 +14162,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,
@@ -14108,8 +14270,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) {
@@ -14203,8 +14365,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);
@@ -14219,8 +14381,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) {
@@ -14236,8 +14398,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);
@@ -14264,8 +14426,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) {
@@ -14367,9 +14529,9 @@ var Methods$6 = {
     };
     this.remove(selecteds).then(afterRemove);
   },
-  handleFullScreen: function handleFullScreen(_ref216) {
+  handleFullScreen: function handleFullScreen(_ref215) {
     var _this77 = this;
-    var show2 = _ref216[0];
+    var show2 = _ref215[0];
     this.fullScreenClass = show2 ? "tiny-fullscreen-full" : "";
     this.$nextTick(function() {
       _this77.recalculate();
@@ -14386,8 +14548,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 _this78.setActiveRow(row2);
       });
     } else if (code === "mark_cancel") {
@@ -14474,7 +14636,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;
@@ -14497,8 +14659,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")],
@@ -14533,8 +14695,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;
@@ -14625,8 +14787,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;
     });
@@ -14672,8 +14834,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) {
@@ -14685,7 +14847,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;
@@ -14719,7 +14881,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) {
@@ -14742,7 +14904,7 @@ var Methods$4 = {
   // 处理列拖拽
   columnDrop: function columnDrop(headerEl) {
     var _this80 = 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)",
@@ -14835,8 +14997,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);
@@ -14854,8 +15016,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,
@@ -15007,15 +15169,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({
@@ -15030,8 +15192,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) {
@@ -15045,8 +15207,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;
@@ -15061,8 +15223,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) {
@@ -15073,8 +15235,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({
@@ -15095,8 +15257,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;
@@ -15109,8 +15271,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({
@@ -15158,8 +15320,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({
@@ -15203,8 +15365,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)) {
@@ -15217,8 +15379,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);
@@ -15226,8 +15388,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({
@@ -15249,8 +15411,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) {
@@ -15276,8 +15438,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({
@@ -15299,8 +15461,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({
@@ -15325,8 +15487,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) {
@@ -15346,7 +15508,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;
@@ -15380,8 +15542,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);
@@ -15392,7 +15554,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) {
@@ -15460,8 +15622,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({
@@ -15510,7 +15672,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) {
@@ -15538,7 +15700,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);
@@ -15664,9 +15826,9 @@ var Checkbox = {
 };
 var Methods = {
   // 展开树节点事件
-  triggerTreeExpandEvent: function triggerTreeExpandEvent(event, _ref249) {
+  triggerTreeExpandEvent: function triggerTreeExpandEvent(event, _ref248) {
     var _this83 = this;
-    var row2 = _ref249.row;
+    var row2 = _ref248.row;
     var currentColumn = this.currentColumn, currentRow = this.currentRow;
     var rest = this.toggleTreeExpansion(row2);
     var eventParams = {