vxe-table 3.20.12 → 3.21.0-beta.0

package/es/table/src/props.js

@@ -294,8 +294,8 @@ export const tableProps = {
     virtualYConfig: Object,
     // 滚动条配置项
     scrollbarConfig: Object,
-    // 可撤销配置项
-    undoHistoryConfig: Object,
+    // 撤销/恢复历史配置项
+    undoRedoHistoryConfig: Object,
     // （即将废弃）优化相关
     animat: { type: Boolean, default: () => getConfig().table.animat },
     // （可能会被废弃的参数，不要使用）

package/es/table/src/table.js

@@ -1343,10 +1343,10 @@ export default {
             }
             return [];
         },
-        computeUndoHistoryOpts() {
+        computeUndoRedoHistoryOpts() {
             const $xeTable = this;
             const props = $xeTable;
-            return Object.assign({}, getConfig().table.undoHistoryConfig, props.undoHistoryConfig);
+            return Object.assign({}, getConfig().table.undoRedoHistoryConfig, props.undoRedoHistoryConfig);
         },
         tabsResizeFlag() {
             const $xeTable = this;
@@ -1531,7 +1531,7 @@ export default {
         const internalData = $xeTable;
         XEUtils.assign(internalData, createInternalData());
         handleKeyField($xeTable);
-        const { exportConfig, importConfig, treeConfig, minHeight } = props;
+        const { editConfig, exportConfig, importConfig, treeConfig, minHeight, keepSource } = props;
         const { scrollXStore, scrollYStore } = internalData;
         const columnOpts = $xeTable.computeColumnOpts;
         const columnDragOpts = $xeTable.computeColumnDragOpts;
@@ -1566,8 +1566,15 @@ export default {
         if (!(props.rowId || rowOpts.keyField) && (checkboxOpts.reserve || checkboxOpts.checkRowKeys || radioOpts.reserve || radioOpts.checkRowKey || expandOpts.expandRowKeys || treeOpts.expandRowKeys)) {
             warnLog('vxe.error.reqProp', ['row-config.keyField']);
         }
-        if (props.editConfig && editOpts.showStatus && !props.keepSource) {
-            warnLog('vxe.error.reqProp', ['keep-source']);
+        if (editConfig) {
+            if (!keepSource) {
+                if (editOpts.showStatus || editOpts.showUpdateStatus || editOpts.showInsertStatus) {
+                    warnLog('vxe.error.reqSupportProp', ['edit-config.showStatus | showUpdateStatus | showInsertStatus', 'keep-source']);
+                }
+                // if (keyboardOpts.isUndoRedo) {
+                //   warnLog('vxe.error.reqSupportProp', ['keyboard-config.isUndoRedo', 'keep-source'])
+                // }
+            }
         }
         // if (treeConfig && (treeOpts.showLine || treeOpts.line) && !showOverflow) {
         //   warnLog('vxe.error.reqProp', ['show-overflow'])
@@ -1640,7 +1647,7 @@ export default {
         if (rowOpts.height && !this.showOverflow) {
             warnLog('vxe.error.notProp', ['table.show-overflow']);
         }
-        if (!$xeTable.triggerClAreaModnEvent) {
+        if (!$xeTable.triggerCelllAreaMnEvent) {
             if (props.areaConfig) {
                 warnLog('vxe.error.notProp', ['area-config']);
             }

package/es/table/src/util.js

@@ -130,6 +130,10 @@ export function createInternalData() {
         tBodyHeight: 0,
         // 表尾高度
         tFooterHeight: 0,
+        stackHistoryStore: {
+            undoStacks: [],
+            redoStacks: []
+        },
         teleportToWrapperElem: null,
         popupToWrapperElem: null,
         customPopupToElem: null,
@@ -282,7 +286,7 @@ export function createReactData() {
         tooltipStore: {
             row: null,
             column: null,
-            content: null,
+            content: '',
             visible: false,
             type: null,
             currOpts: {}
@@ -769,10 +773,15 @@ export function getLastChildColumn(column) {
     return column;
 }
 export function getCellValue(row, column) {
-    return XEUtils.get(row, column.field);
+    if (column) {
+        return XEUtils.get(row, column.field);
+    }
+    return null;
 }
 export function setCellValue(row, column, value) {
-    return XEUtils.set(row, column.field, value);
+    if (column) {
+        XEUtils.set(row, column.field, value);
+    }
 }
 export function getRefElem(refEl) {
     if (refEl) {

package/es/table/style.css

@@ -2521,12 +2521,12 @@
 }
 
 /*header*/
-.vxe-table {
-  /*排序*/
-}
 .vxe-table .vxe-table--header-wrapper {
   color: var(--vxe-ui-table-header-font-color);
 }
+.vxe-table {
+  /*排序*/
+}
 .vxe-table .vxe-cell--sort {
   text-align: center;
   position: relative;
@@ -2880,21 +2880,6 @@
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   direction: ltr;
-  /*边框*/
-  /*边框线*/
-  /*树形节点*/
-  /*行分组*/
-  /*单元格高度*/
-  /*溢出列*/
-  /*展开行*/
-  /*拖拽列*/
-  /*拖拽行把柄*/
-  /*暂无数据*/
-  /*校验不通过*/
-  /*已废弃，旧的校验样式**/
-  /*单元格标记删除状态*/
-  /*单元格编辑状态*/
-  /*可编辑*/
 }
 .vxe-table--render-default .vxe-table--body-wrapper {
   background-color: var(--vxe-ui-layout-background-color);
@@ -3063,6 +3048,9 @@
 .vxe-table--render-default .vxe-body--row.row--hover.row--current > .vxe-body--column {
   background-color: var(--vxe-ui-table-row-hover-current-background-color);
 }
+.vxe-table--render-default {
+  /*边框*/
+}
 .vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--outer.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--inner.sy-pos--right .vxe-table--scroll-y-top-corner {
   background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
   background-repeat: no-repeat;
@@ -3427,6 +3415,9 @@
   width: 0;
   float: left;
 }
+.vxe-table--render-default {
+  /*边框线*/
+}
 .vxe-table--render-default .vxe-table--border-line {
   position: absolute;
   top: 0;
@@ -3437,6 +3428,9 @@
   pointer-events: none;
   border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
+.vxe-table--render-default {
+  /*树形节点*/
+}
 .vxe-table--render-default .vxe-tree--line-wrapper {
   position: relative;
   display: block;
@@ -3483,6 +3477,9 @@
           user-select: none;
   cursor: pointer;
 }
+.vxe-table--render-default {
+  /*行分组*/
+}
 .vxe-table--render-default .vxe-row-group--node-btn:hover {
   color: var(--vxe-ui-font-color);
 }
@@ -3491,6 +3488,9 @@
   color: var(--vxe-ui-font-lighten-color);
   transition: transform 0.1s ease-in-out;
 }
+.vxe-table--render-default {
+  /*单元格高度*/
+}
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-row-group-cell,
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-tree-cell {
   overflow: hidden;
@@ -3511,6 +3511,9 @@
   flex-direction: row;
   align-items: center;
 }
+.vxe-table--render-default {
+  /*溢出列*/
+}
 .vxe-table--render-default .vxe-header--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-body--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-footer--column:not(.col--active).col--ellipsis > .vxe-cell {
@@ -3544,6 +3547,9 @@
   flex-direction: row;
   align-items: center;
 }
+.vxe-table--render-default {
+  /*展开行*/
+}
 .vxe-table--render-default .vxe-table--row-expanded-wrapper {
   position: absolute;
   top: 0;
@@ -3614,12 +3620,18 @@
   overflow: auto;
   outline: 0;
 }
+.vxe-table--render-default {
+  /*拖拽列*/
+}
 .vxe-table--render-default .vxe-table--column.col--drag-move {
   transition: transform 0.5s ease;
 }
 .vxe-table--render-default .vxe-table--column.col--drag-origin > .vxe-cell {
   opacity: 0.3;
 }
+.vxe-table--render-default {
+  /*拖拽行把柄*/
+}
 .vxe-table--render-default .vxe-cell--drag-handle {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -3683,6 +3695,9 @@
 .vxe-table--render-default.size--mini .vxe-cell--radio {
   font-size: var(--vxe-radio-font-size-mini);
 }
+.vxe-table--render-default {
+  /*暂无数据*/
+}
 .vxe-table--render-default .vxe-table--empty-placeholder,
 .vxe-table--render-default .vxe-table--empty-block {
   color: var(--vxe-ui-input-placeholder-color);
@@ -3723,6 +3738,9 @@
 .vxe-table--render-default .vxe-body--column.col--selected {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }
+.vxe-table--render-default {
+  /*校验不通过*/
+}
 .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-tip {
   width: 100%;
   position: absolute;
@@ -3779,6 +3797,9 @@
 .vxe-table--render-default.valid-msg--full .vxe-body--row:last-child .vxe-cell--valid-error-tip {
   top: calc(100% - 1.3em);
 }
+.vxe-table--render-default {
+  /*已废弃，旧的校验样式**/
+}
 .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-tip {
   width: 320px;
   position: absolute;
@@ -3806,6 +3827,9 @@
   transform: translateX(0);
   text-align: left;
 }
+.vxe-table--render-default {
+  /*单元格标记删除状态*/
+}
 .vxe-table--render-default .vxe-body--row.row--pending {
   color: var(--vxe-ui-font-disabled-color);
   opacity: 0.5;
@@ -3825,6 +3849,9 @@
   border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
   z-index: 1;
 }
+.vxe-table--render-default {
+  /*单元格编辑状态*/
+}
 .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column {
   position: relative;
 }
@@ -3851,6 +3878,9 @@
   border-color: transparent var(--vxe-ui-table-cell-dirty-update-color) transparent transparent;
   transform: rotate(45deg);
 }
+.vxe-table--render-default {
+  /*可编辑*/
+}
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.20.12";
+export const version = "3.21.0-beta.0";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({
@@ -264,8 +264,8 @@ VxeUI.setConfig({
                 visible: true
             }
         },
-        undoHistoryConfig: {
-            isEditRow: true
+        undoRedoHistoryConfig: {
+            stackSize: 20
         }
     },
     grid: {

package/es/ui/src/dom.js

@@ -164,6 +164,10 @@ export function getAbsolutePos(elem) {
     const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode();
     return { boundingTop, top: scrollTop + boundingTop, boundingLeft, left: scrollLeft + boundingLeft, visibleHeight, visibleWidth };
 }
+export function hasEventInputTarget(target) {
+    const tagName = target ? target.tagName : '';
+    return tagName && ['input', 'textarea'].includes((tagName.toLowerCase()));
+}
 const scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
 const scrollIntoView = 'scrollIntoView';
 export function scrollToView(elem) {

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `table v${"3.20.12"}`;
+const version = `table v${"3.21.0-beta.0"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-table/style.css

@@ -2521,12 +2521,12 @@
 }
 
 /*header*/
-.vxe-table {
-  /*排序*/
-}
 .vxe-table .vxe-table--header-wrapper {
   color: var(--vxe-ui-table-header-font-color);
 }
+.vxe-table {
+  /*排序*/
+}
 .vxe-table .vxe-cell--sort {
   text-align: center;
   position: relative;
@@ -2880,21 +2880,6 @@
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   direction: ltr;
-  /*边框*/
-  /*边框线*/
-  /*树形节点*/
-  /*行分组*/
-  /*单元格高度*/
-  /*溢出列*/
-  /*展开行*/
-  /*拖拽列*/
-  /*拖拽行把柄*/
-  /*暂无数据*/
-  /*校验不通过*/
-  /*已废弃，旧的校验样式**/
-  /*单元格标记删除状态*/
-  /*单元格编辑状态*/
-  /*可编辑*/
 }
 .vxe-table--render-default .vxe-table--body-wrapper {
   background-color: var(--vxe-ui-layout-background-color);
@@ -3063,6 +3048,9 @@
 .vxe-table--render-default .vxe-body--row.row--hover.row--current > .vxe-body--column {
   background-color: var(--vxe-ui-table-row-hover-current-background-color);
 }
+.vxe-table--render-default {
+  /*边框*/
+}
 .vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--outer.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--inner.sy-pos--right .vxe-table--scroll-y-top-corner {
   background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
   background-repeat: no-repeat;
@@ -3427,6 +3415,9 @@
   width: 0;
   float: left;
 }
+.vxe-table--render-default {
+  /*边框线*/
+}
 .vxe-table--render-default .vxe-table--border-line {
   position: absolute;
   top: 0;
@@ -3437,6 +3428,9 @@
   pointer-events: none;
   border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
+.vxe-table--render-default {
+  /*树形节点*/
+}
 .vxe-table--render-default .vxe-tree--line-wrapper {
   position: relative;
   display: block;
@@ -3483,6 +3477,9 @@
           user-select: none;
   cursor: pointer;
 }
+.vxe-table--render-default {
+  /*行分组*/
+}
 .vxe-table--render-default .vxe-row-group--node-btn:hover {
   color: var(--vxe-ui-font-color);
 }
@@ -3491,6 +3488,9 @@
   color: var(--vxe-ui-font-lighten-color);
   transition: transform 0.1s ease-in-out;
 }
+.vxe-table--render-default {
+  /*单元格高度*/
+}
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-row-group-cell,
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-tree-cell {
   overflow: hidden;
@@ -3511,6 +3511,9 @@
   flex-direction: row;
   align-items: center;
 }
+.vxe-table--render-default {
+  /*溢出列*/
+}
 .vxe-table--render-default .vxe-header--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-body--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-footer--column:not(.col--active).col--ellipsis > .vxe-cell {
@@ -3544,6 +3547,9 @@
   flex-direction: row;
   align-items: center;
 }
+.vxe-table--render-default {
+  /*展开行*/
+}
 .vxe-table--render-default .vxe-table--row-expanded-wrapper {
   position: absolute;
   top: 0;
@@ -3614,12 +3620,18 @@
   overflow: auto;
   outline: 0;
 }
+.vxe-table--render-default {
+  /*拖拽列*/
+}
 .vxe-table--render-default .vxe-table--column.col--drag-move {
   transition: transform 0.5s ease;
 }
 .vxe-table--render-default .vxe-table--column.col--drag-origin > .vxe-cell {
   opacity: 0.3;
 }
+.vxe-table--render-default {
+  /*拖拽行把柄*/
+}
 .vxe-table--render-default .vxe-cell--drag-handle {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -3683,6 +3695,9 @@
 .vxe-table--render-default.size--mini .vxe-cell--radio {
   font-size: var(--vxe-radio-font-size-mini);
 }
+.vxe-table--render-default {
+  /*暂无数据*/
+}
 .vxe-table--render-default .vxe-table--empty-placeholder,
 .vxe-table--render-default .vxe-table--empty-block {
   color: var(--vxe-ui-input-placeholder-color);
@@ -3723,6 +3738,9 @@
 .vxe-table--render-default .vxe-body--column.col--selected {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }
+.vxe-table--render-default {
+  /*校验不通过*/
+}
 .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-tip {
   width: 100%;
   position: absolute;
@@ -3779,6 +3797,9 @@
 .vxe-table--render-default.valid-msg--full .vxe-body--row:last-child .vxe-cell--valid-error-tip {
   top: calc(100% - 1.3em);
 }
+.vxe-table--render-default {
+  /*已废弃，旧的校验样式**/
+}
 .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-tip {
   width: 320px;
   position: absolute;
@@ -3806,6 +3827,9 @@
   transform: translateX(0);
   text-align: left;
 }
+.vxe-table--render-default {
+  /*单元格标记删除状态*/
+}
 .vxe-table--render-default .vxe-body--row.row--pending {
   color: var(--vxe-ui-font-disabled-color);
   opacity: 0.5;
@@ -3825,6 +3849,9 @@
   border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
   z-index: 1;
 }
+.vxe-table--render-default {
+  /*单元格编辑状态*/
+}
 .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column {
   position: relative;
 }
@@ -3851,6 +3878,9 @@
   border-color: transparent var(--vxe-ui-table-cell-dirty-update-color) transparent transparent;
   transform: rotate(45deg);
 }
+.vxe-table--render-default {
+  /*可编辑*/
+}
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }

package/lib/index.common.js

@@ -17,6 +17,5 @@ Object.keys(VxeTableExport).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 var _default = exports.default = VxeTableExport;