vxe-table 4.1.4 → 4.1.7

package/lib/table/src/table.js

@@ -2866,18 +2866,15 @@ var _default = (0, _vue.defineComponent)({
 
           if (oRow && row) {
             if (field) {
-              _xeUtils.default.set(oRow, field, _xeUtils.default.get(record || row, field));
-            } else {
-              if (record) {
-                tableSourceData[rowIndex] = record;
+              var newValue = _xeUtils.default.get(record || row, field);
 
-                _xeUtils.default.clear(row, undefined);
+              _xeUtils.default.set(row, field, newValue);
 
-                Object.assign(row, tablePrivateMethods.defineField(Object.assign({}, record)));
-                tablePrivateMethods.cacheRowMap(true);
-              } else {
-                _xeUtils.default.destructuring(oRow, _xeUtils.default.clone(row, true));
-              }
+              _xeUtils.default.set(oRow, field, newValue);
+            } else {
+              var newRecord = _xeUtils.default.clone(__assign({}, record), true);
+
+              _xeUtils.default.destructuring(oRow, Object.assign(row, newRecord));
             }
           }
 
@@ -2901,8 +2898,8 @@ var _default = (0, _vue.defineComponent)({
             fullAllDataRowIdData = internalData.fullAllDataRowIdData;
         var treeOpts = computeTreeOpts.value;
         var children = treeOpts.children;
-        var rest = fullAllDataRowIdData[(0, _util.getRowid)($xetable, row)];
-        var parentLevel = rest ? rest.level : 0;
+        var parentRest = fullAllDataRowIdData[(0, _util.getRowid)($xetable, row)];
+        var parentLevel = parentRest ? parentRest.level : 0;
         return tableMethods.createData(childRecords).then(function (rows) {
           if (keepSource) {
             var rowid_1 = (0, _util.getRowid)($xetable, row);
@@ -3881,6 +3878,18 @@ var _default = (0, _vue.defineComponent)({
         var reserveSelection = [];
 
         if (checkboxOpts.reserve) {
+          var afterFullIdMaps_1 = {};
+
+          if (treeConfig) {
+            _xeUtils.default.eachTree(afterFullData, function (row) {
+              afterFullIdMaps_1[(0, _util.getRowid)($xetable, row)] = 1;
+            }, treeOpts);
+          } else {
+            afterFullData.forEach(function (row) {
+              afterFullIdMaps_1[(0, _util.getRowid)($xetable, row)] = 1;
+            });
+          }
+
           _xeUtils.default.each(checkboxReserveRowMap, function (oldRow, oldRowid) {
             if (oldRow) {
               if (isFull) {
@@ -3888,18 +3897,8 @@ var _default = (0, _vue.defineComponent)({
                   reserveSelection.push(oldRow);
                 }
               } else {
-                if (treeConfig) {
-                  if (!_xeUtils.default.findTree(afterFullData, function (row) {
-                    return (0, _util.getRowid)($xetable, row) === oldRowid;
-                  }, treeOpts)) {
-                    reserveSelection.push(oldRow);
-                  }
-                } else {
-                  if (!afterFullData.some(function (row) {
-                    return (0, _util.getRowid)($xetable, row) === oldRowid;
-                  })) {
-                    reserveSelection.push(oldRow);
-                  }
+                if (!afterFullIdMaps_1[oldRowid]) {
+                  reserveSelection.push(oldRow);
                 }
               }
             }
@@ -3963,12 +3962,13 @@ var _default = (0, _vue.defineComponent)({
        * @param {Row} row 行对象
        */
       setCurrentRow: function setCurrentRow(row) {
+        var rowOpts = computeRowOpts.value;
         var el = refElem.value;
         tableMethods.clearCurrentRow();
         tableMethods.clearCurrentColumn();
         reactData.currentRow = row;
 
-        if (props.highlightCurrentRow) {
+        if (rowOpts.isCurrent || props.highlightCurrentRow) {
           if (el) {
             _xeUtils.default.arrayEach(el.querySelectorAll("[rowid=\"" + (0, _util.getRowid)($xetable, row) + "\"]"), function (elem) {
               return (0, _dom.addClass)(elem, 'row--current');
@@ -4029,7 +4029,8 @@ var _default = (0, _vue.defineComponent)({
        * 用于当前行，获取当前行的数据
        */
       getCurrentRecord: function getCurrentRecord() {
-        return props.highlightCurrentRow ? reactData.currentRow : null;
+        var rowOpts = computeRowOpts.value;
+        return rowOpts.isCurrent || props.highlightCurrentRow ? reactData.currentRow : null;
       },
 
       /**
@@ -4061,7 +4062,7 @@ var _default = (0, _vue.defineComponent)({
                 return selectRow;
               }
             } else {
-              if (afterFullData.indexOf(selectRow) > -1) {
+              if ($xetable.findRowIndexOf(afterFullData, selectRow) > -1) {
                 return selectRow;
               }
             }
@@ -4071,7 +4072,8 @@ var _default = (0, _vue.defineComponent)({
         return null;
       },
       getCurrentColumn: function getCurrentColumn() {
-        return props.highlightCurrentColumn ? reactData.currentColumn : null;
+        var columnOpts = computeColumnOpts.value;
+        return columnOpts.isCurrent || props.highlightCurrentColumn ? reactData.currentColumn : null;
       },
 
       /**
@@ -5027,6 +5029,7 @@ var _default = (0, _vue.defineComponent)({
           ctxMenuStore = reactData.ctxMenuStore,
           editStore = reactData.editStore;
       var mouseOpts = computeMouseOpts.value;
+      var keyboardOpts = computeKeyboardOpts.value;
       var actived = editStore.actived;
       var isEsc = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ESCAPE);
 
@@ -5041,16 +5044,19 @@ var _default = (0, _vue.defineComponent)({
               $xetable.closeMenu();
             }
 
-            tableMethods.closeFilter(); // 如果是激活编辑状态，则取消编辑
+            tableMethods.closeFilter();
 
-            if (actived.row) {
-              var params_1 = actived.args;
-              $xetable.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+            if (keyboardConfig && keyboardOpts.isEsc) {
+              // 如果是激活编辑状态，则取消编辑
+              if (actived.row) {
+                var params_1 = actived.args;
+                $xetable.clearActived(evnt); // 如果配置了选中功能，则为选中状态
 
-              if (mouseOpts.selected) {
-                (0, _vue.nextTick)(function () {
-                  return $xetable.handleSelected(params_1, evnt);
-                });
+                if (mouseOpts.selected) {
+                  (0, _vue.nextTick)(function () {
+                    return $xetable.handleSelected(params_1, evnt);
+                  });
+                }
               }
             }
           }
@@ -5083,6 +5089,7 @@ var _default = (0, _vue.defineComponent)({
           var editOpts = computeEditOpts.value;
           var treeOpts = computeTreeOpts.value;
           var menuList = computeMenuList.value;
+          var rowOpts = computeRowOpts.value;
           var selected = editStore.selected,
               actived = editStore.actived;
           var keyCode = evnt.keyCode;
@@ -5126,7 +5133,7 @@ var _default = (0, _vue.defineComponent)({
 
             tableMethods.closeFilter();
 
-            if (actived.row) {
+            if (keyboardConfig && keyboardOpts.isEsc) {
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 var params_2 = actived.args;
@@ -5163,7 +5170,7 @@ var _default = (0, _vue.defineComponent)({
             keyCtxTimeout = setTimeout(function () {
               internalData._keyCtx = false;
             }, 1000);
-          } else if (isEnter && !isAltKey && keyboardConfig && keyboardOpts.isEnter && (selected.row || actived.row || treeConfig && highlightCurrentRow && currentRow)) {
+          } else if (isEnter && !isAltKey && keyboardConfig && keyboardOpts.isEnter && (selected.row || actived.row || treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow)) {
             // 退出选中
             if (hasCtrlKey) {
               // 如果是激活编辑状态，则取消编辑
@@ -5195,7 +5202,7 @@ var _default = (0, _vue.defineComponent)({
                     $xetable.moveSelected(targetArgs, isLeftArrow, false, isRightArrow, true, evnt);
                   }
                 }
-              } else if (treeConfig && highlightCurrentRow && currentRow) {
+              } else if (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
                 // 如果是树形表格当前行回车移动到子节点
                 var childrens = currentRow[treeOpts.children];
 
@@ -5221,7 +5228,7 @@ var _default = (0, _vue.defineComponent)({
               // 如果按下了方向键
               if (selected.row && selected.column) {
                 $xetable.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
-              } else if ((isUpArrow || isDwArrow) && highlightCurrentRow) {
+              } else if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
                 // 当前行按键上下移动
                 $xetable.moveCurrentRow(isUpArrow, isDwArrow, evnt);
               }
@@ -5233,7 +5240,7 @@ var _default = (0, _vue.defineComponent)({
             } else if (actived.row || actived.column) {
               $xetable.moveTabSelected(actived.args, hasShiftKey, evnt);
             }
-          } else if (keyboardConfig && (0, _utils.isEnableConf)(editConfig) && (isDel || (treeConfig && highlightCurrentRow && currentRow ? isBack && keyboardOpts.isArrow : isBack))) {
+          } else if (keyboardConfig && (0, _utils.isEnableConf)(editConfig) && (isDel || (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow ? isBack && keyboardOpts.isArrow : isBack))) {
             if (!isEditStatus) {
               var delMethod = keyboardOpts.delMethod,
                   backMethod = keyboardOpts.backMethod; // 如果是删除键
@@ -5267,7 +5274,7 @@ var _default = (0, _vue.defineComponent)({
                   // 如果按下 del 键，更新表尾数据
                   tableMethods.updateFooter();
                 }
-              } else if (isBack && keyboardOpts.isArrow && treeConfig && highlightCurrentRow && currentRow) {
+              } else if (isBack && keyboardOpts.isArrow && treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
                 // 如果树形表格回退键关闭当前行返回父节点
                 var parentRow_1 = _xeUtils.default.findTree(internalData.afterFullData, function (item) {
                   return item === currentRow;
@@ -6112,6 +6119,7 @@ var _default = (0, _vue.defineComponent)({
       triggerHeaderCellClickEvent: function triggerHeaderCellClickEvent(evnt, params) {
         var _lastResizeTime = internalData._lastResizeTime;
         var sortOpts = computeSortOpts.value;
+        var columnOpts = computeColumnOpts.value;
         var column = params.column;
         var cell = evnt.currentTarget;
 
@@ -6131,7 +6139,7 @@ var _default = (0, _vue.defineComponent)({
           cell: cell
         }, params), evnt);
 
-        if (props.highlightCurrentColumn) {
+        if (columnOpts.isCurrent || props.highlightCurrentColumn) {
           tableMethods.setCurrentColumn(column);
         }
       },
@@ -6155,6 +6163,7 @@ var _default = (0, _vue.defineComponent)({
         var treeOpts = computeTreeOpts.value;
         var radioOpts = computeRadioOpts.value;
         var checkboxOpts = computeCheckboxOpts.value;
+        var rowOpts = computeRowOpts.value;
         var actived = editStore.actived;
         var row = params.row,
             column = params.column;
@@ -6192,7 +6201,7 @@ var _default = (0, _vue.defineComponent)({
         if (!triggerTreeNode) {
           if (!triggerExpandNode) {
             // 如果是高亮行
-            if (highlightCurrentRow) {
+            if (rowOpts.isCurrent || highlightCurrentRow) {
               if (!triggerCheckbox && !triggerRadio) {
                 tablePrivateMethods.triggerCurrentRowEvent(evnt, params);
               }
@@ -6586,6 +6595,7 @@ var _default = (0, _vue.defineComponent)({
         tablePrivateMethods.handleTableData();
         tablePrivateMethods.updateScrollYSpace();
       },
+      updateVirtualTreeData: updateVirtualTreeData,
 
       /**
        * 处理固定列的显示状态
@@ -7236,6 +7246,8 @@ var _default = (0, _vue.defineComponent)({
           rightList = columnStore.rightList;
       var tooltipOpts = computeTooltipOpts.value;
       var treeOpts = computeTreeOpts.value;
+      var rowOpts = computeRowOpts.value;
+      var columnOpts = computeColumnOpts.value;
       var vSize = computeSize.value;
       var tableBorder = computeTableBorder.value;
       var mouseOpts = computeMouseOpts.value;
@@ -7244,7 +7256,7 @@ var _default = (0, _vue.defineComponent)({
       var isMenu = computeIsMenu.value;
       return (0, _vue.h)('div', {
         ref: refElem,
-        class: ['vxe-table', 'vxe-table--render-default', "tid_" + xID, "border--" + tableBorder, (_a = {}, _a["size--" + vSize] = vSize, _a['vxe-editable'] = !!editConfig, _a['cell--highlight'] = highlightCell, _a['cell--selected'] = mouseConfig && mouseOpts.selected, _a['cell--area'] = mouseConfig && mouseOpts.area, _a['row--highlight'] = highlightHoverRow, _a['column--highlight'] = highlightHoverColumn, _a['is--header'] = showHeader, _a['is--footer'] = showFooter, _a['is--group'] = isGroup, _a['is--tree-line'] = treeConfig && treeOpts.line, _a['is--fixed-left'] = leftList.length, _a['is--fixed-right'] = rightList.length, _a['is--animat'] = !!props.animat, _a['is--round'] = props.round, _a['is--stripe'] = !treeConfig && stripe, _a['is--loading'] = loading, _a['is--empty'] = !loading && !tableData.length, _a['is--scroll-y'] = overflowY, _a['is--scroll-x'] = overflowX, _a['is--virtual-x'] = scrollXLoad, _a['is--virtual-y'] = scrollYLoad, _a)],
+        class: ['vxe-table', 'vxe-table--render-default', "tid_" + xID, "border--" + tableBorder, (_a = {}, _a["size--" + vSize] = vSize, _a['vxe-editable'] = !!editConfig, _a['cell--highlight'] = highlightCell, _a['cell--selected'] = mouseConfig && mouseOpts.selected, _a['cell--area'] = mouseConfig && mouseOpts.area, _a['row--highlight'] = rowOpts.isHover || highlightHoverRow, _a['column--highlight'] = columnOpts.isHover || highlightHoverColumn, _a['is--header'] = showHeader, _a['is--footer'] = showFooter, _a['is--group'] = isGroup, _a['is--tree-line'] = treeConfig && treeOpts.line, _a['is--fixed-left'] = leftList.length, _a['is--fixed-right'] = rightList.length, _a['is--animat'] = !!props.animat, _a['is--round'] = props.round, _a['is--stripe'] = !treeConfig && stripe, _a['is--loading'] = loading, _a['is--empty'] = !loading && !tableData.length, _a['is--scroll-y'] = overflowY, _a['is--scroll-x'] = overflowX, _a['is--virtual-x'] = scrollXLoad, _a['is--virtual-y'] = scrollYLoad, _a)],
         onKeydown: keydownEvent
       }, [
       /**