vxe-table 4.15.4 → 4.15.6

package/README.en.md

@@ -34,15 +34,11 @@ Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.ne
 
 ```javascript
 // ...
-import VxeTable from 'vxe-table'
+import VxeUITable from 'vxe-table'
 import 'vxe-table/lib/style.css'
 // ...
 
-import VxeUI from 'vxe-pc-ui'
-import 'vxe-pc-ui/lib/style.css'
-// ...
-
-createApp(App).use(VxeUI).use(VxeTable).mount('#app')
+createApp(App).use(VxeUITable).mount('#app')
 ```
 
 ### CDN

package/README.ja-JP.md

@@ -34,15 +34,11 @@ npm install vxe-table@next
 
 ```javascript
 // ...
-import VxeTable from 'vxe-table'
+import VxeUITable from 'vxe-table'
 import 'vxe-table/lib/style.css'
 // ...
 
-import VxeUI from 'vxe-pc-ui'
-import 'vxe-pc-ui/lib/style.css'
-// ...
-
-createApp(App).use(VxeUI).use(VxeTable).mount('#app')
+createApp(App).use(VxeUITable).mount('#app')
 ```
 
 ### CDN

package/README.md

@@ -21,6 +21,7 @@
 
 * 版本说明
   * **V4**
+    * [x] v3.16 适配 Gantt 甘特图
     * [x] v4.14 重构虚拟渲染，提高渲染与拖拽效果流畅度
     * [x] v4.13 优化虚拟渲染，提升 Chrome、Safari、Firefox 流畅度极兼容性
     * [x] v4.12 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升
@@ -28,16 +29,17 @@
     * [x] v4.7 基于 vue3.2+，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE
     * [x] ~~v4.0 基于 vue3.2+，只支持现代浏览器，不支持 IE（2020-03-01 ~ 2024-12-01 已停止维护）~~
   * **V3**
+    * [x] v3.18 适配 Gantt 甘特图
     * [x] v3.16 重构虚拟渲染，提高渲染与拖拽效果流畅度
     * [x] v3.15 优化虚拟渲染，提升 Chrome、Safari、Firefox 流畅度极兼容性
     * [x] v3.14 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升
     * [x] v3.13 重构展开行功能，同时支持展开行与虚拟渲染和冻结列
-    * [x] v3.9 基于 vue2.6+，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE
-    * [x] ~~v3.0 基于 vue2.6+，支持现代浏览器并保留兼容 IE11（2020-03-01 ~ 2024-12-01 已停止维护）~~
+    * [x] v3.9 基于 vue2.6~2.7，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE
+    * [x] ~~v3.0 基于 vue2.6~2.7，支持现代浏览器并保留兼容 IE11（2020-03-01 ~ 2024-12-01 已停止维护）~~
   * **V2**
-    * [x] ~~v2.0 基于 vue2.6，支持所有主流的浏览器，同时兼具功能与性能（2019-03-01 ~ 2021-12-01 已停止维护）~~
+    * [x] ~~v2.0 基于 vue2.6~2.7，支持所有主流的浏览器，同时兼具功能与性能（2019-03-01 ~ 2021-12-01 已停止维护）~~
   * **V1**
-    * [x] ~~v1.0 基于 vue2.6，支持所有主流的浏览器，实现表格的一切实用的功能（2018-02-01 ~ 2020-04-01 已停止维护）~~
+    * [x] ~~v1.0 基于 vue2.6~2.7，支持所有主流的浏览器，实现表格的一切实用的功能（2018-02-01 ~ 2020-04-01 已停止维护）~~
 * 版本计划
     * [x] 优化展开行与冻结列
     * [ ] 优化虚拟渲染，支持千万级数据渲染
@@ -128,15 +130,11 @@ Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.ne
 
 ```javascript
 // ...
-import VxeTable from 'vxe-table'
+import VxeUITable from 'vxe-table'
 import 'vxe-table/lib/style.css'
 // ...
 
-import VxeUIAll from 'vxe-pc-ui'
-import 'vxe-pc-ui/lib/style.css'
-// ...
-
-createApp(App).use(VxeUIAll).use(VxeTable).mount('#app')
+createApp(App).use(VxeUITable).mount('#app')
 ```
 
 ### CDN

package/README.zh-TW.md

@@ -34,15 +34,11 @@ Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.ne
 
 ```javascript
 // ...
-import VxeTable from 'vxe-table'
+import VxeUITable from 'vxe-table'
 import 'vxe-table/lib/style.css'
 // ...
 
-import VxeUI from 'vxe-pc-ui'
-import 'vxe-pc-ui/lib/style.css'
-// ...
-
-createApp(App).use(VxeUI).use(VxeTable).mount('#app')
+createApp(App).use(VxeUITable).mount('#app')
 ```
 
 ### CDN

package/es/grid/src/emits.js

@@ -0,0 +1,16 @@
+import { tableEmits } from '../../table/src/emits';
+export const gridEmits = [
+    ...tableEmits,
+    'page-change',
+    'form-submit',
+    'form-submit-invalid',
+    'form-reset',
+    'form-collapse',
+    'form-toggle-collapse',
+    'proxy-query',
+    'proxy-delete',
+    'proxy-save',
+    'toolbar-button-click',
+    'toolbar-tool-click',
+    'zoom'
+];

package/es/grid/src/grid.js

@@ -4,42 +4,24 @@ import XEUtils from 'xe-utils';
 import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
 import { getOffsetHeight, getPaddingTopBottomSize, getDomNode, toCssUnit } from '../../ui/src/dom';
 import { VxeUI } from '../../ui';
-import VxeTableComponent from '../../table/src/table';
-import VxeToolbarComponent from '../../toolbar/src/toolbar';
-import tableComponentProps from '../../table/src/props';
-import tableComponentEmits from '../../table/src/emits';
+import { gridProps } from './props';
+import { gridEmits } from './emits';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
+import { tableEmits } from '../../table/src/emits';
+import { tableProps } from '../../table/src/props';
+import VxeTableComponent from '../../table/src/table';
+import VxeToolbarComponent from '../../toolbar/src/toolbar';
 const { getConfig, getI18n, commands, hooks, useFns, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement } = VxeUI;
-const tableComponentPropKeys = Object.keys(tableComponentProps);
-const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'setRow', 'createData', 'createRow', 'revertData', 'clearData', 'isRemoveByRow', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getFullColumns', 'getData', 'getCheckboxRecords', 'getParentRow', 'getTreeRowChildren', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', 'setRowHeightConf', 'getRowHeightConf', 'setRowHeight', 'getRowHeight', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'setCheckboxRowKey', 'isCheckedByCheckboxRow', 'isCheckedByCheckboxRowKey', 'isIndeterminateByCheckboxRow', 'isIndeterminateByCheckboxRowKey', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'isCheckedByRadioRowKey', 'setRadioRow', 'setRadioRowKey', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'setPendingRow', 'togglePendingRow', 'hasPendingByRow', 'isPendingByRow', 'getPendingRecords', 'clearPendingRow', 'setFilterByEvent', 'sort', 'setSort', 'setSortByEvent', 'clearSort', 'clearSortByEvent', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'clearFilterByEvent', 'isActiveFilterByColumn', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'isRowExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeExpand', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'getCustomStoreData', 'setRowGroupExpand', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'getCellElement', 'focus', 'blur', 'connect'];
-const gridComponentEmits = [
-    ...tableComponentEmits,
-    'page-change',
-    'form-submit',
-    'form-submit-invalid',
-    'form-reset',
-    'form-collapse',
-    'form-toggle-collapse',
-    'proxy-query',
-    'proxy-delete',
-    'proxy-save',
-    'toolbar-button-click',
-    'toolbar-tool-click',
-    'zoom'
-];
+const tableComponentPropKeys = Object.keys(tableProps);
+const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'setRow', 'createData', 'createRow', 'revertData', 'clearData', 'isRemoveByRow', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getFullColumns', 'getData', 'getCheckboxRecords', 'getParentRow', 'getTreeRowChildren', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', 'recalcRowHeight', 'setRowHeightConf', 'getRowHeightConf', 'setRowHeight', 'getRowHeight', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'setCheckboxRowKey', 'isCheckedByCheckboxRow', 'isCheckedByCheckboxRowKey', 'isIndeterminateByCheckboxRow', 'isIndeterminateByCheckboxRowKey', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'isCheckedByRadioRowKey', 'setRadioRow', 'setRadioRowKey', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'setPendingRow', 'togglePendingRow', 'hasPendingByRow', 'isPendingByRow', 'getPendingRecords', 'clearPendingRow', 'setFilterByEvent', 'sort', 'setSort', 'setSortByEvent', 'clearSort', 'clearSortByEvent', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'clearFilterByEvent', 'isActiveFilterByColumn', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'isRowExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeExpand', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'getCustomStoreData', 'setRowGroupExpand', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'getCellElement', 'focus', 'blur', 'connect', 'connectToolbar'];
 function createInternalData() {
-    return {
-        connectTable: null
-    };
+    return {};
 }
 export default defineVxeComponent({
     name: 'VxeGrid',
-    props: Object.assign(Object.assign({}, tableComponentProps), { layouts: Array, columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, size: {
-            type: String,
-            default: () => getConfig().grid.size || getConfig().size
-        } }),
-    emits: gridComponentEmits,
+    props: gridProps,
+    emits: gridEmits,
     setup(props, context) {
         var _a;
         const { slots, emit } = context;
@@ -138,9 +120,8 @@ export default defineVxeComponent({
         });
         const computeTableExtendProps = computed(() => {
             const rest = {};
-            const gridProps = props;
             tableComponentPropKeys.forEach((key) => {
-                rest[key] = gridProps[key];
+                rest[key] = props[key];
             });
             return rest;
         });
@@ -252,7 +233,7 @@ export default defineVxeComponent({
                     const $xeTable = refTable.value;
                     const $xeToolbar = refToolbar.value;
                     if ($xeTable && $xeToolbar) {
-                        $xeTable.connect($xeToolbar);
+                        $xeTable.connectToolbar($xeToolbar);
                     }
                 });
             }
@@ -291,10 +272,12 @@ export default defineVxeComponent({
         const triggerPendingEvent = (code) => {
             const isActiveMsg = computeIsActiveMsg.value;
             const $xeTable = refTable.value;
-            const selectRecords = $xeTable.getCheckboxRecords();
+            const selectRecords = $xeTable ? $xeTable.getCheckboxRecords() : [];
             if (selectRecords.length) {
-                $xeTable.togglePendingRow(selectRecords);
-                gridExtendTableMethods.clearCheckboxRow();
+                if ($xeTable) {
+                    $xeTable.togglePendingRow(selectRecords);
+                }
+                $xeGrid.clearCheckboxRow();
             }
             else {
                 if (isActiveMsg) {
@@ -308,15 +291,16 @@ export default defineVxeComponent({
             const proxyOpts = computeProxyOpts.value;
             const resConfigs = proxyOpts.response || proxyOpts.props || {};
             const messageProp = resConfigs.message;
+            const $xeTable = refTable.value;
             let msg;
             if (rest && messageProp) {
-                msg = XEUtils.isFunction(messageProp) ? messageProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, messageProp);
+                msg = XEUtils.isFunction(messageProp) ? messageProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: null }) : XEUtils.get(rest, messageProp);
             }
             return msg || getI18n(defaultMsg);
         };
         const handleDeleteRow = (code, alertKey, callback) => {
             const isActiveMsg = computeIsActiveMsg.value;
-            const selectRecords = gridExtendTableMethods.getCheckboxRecords();
+            const selectRecords = $xeGrid.getCheckboxRecords();
             if (isActiveMsg) {
                 if (selectRecords.length) {
                     if (VxeUI.modal) {
@@ -357,6 +341,9 @@ export default defineVxeComponent({
         const handleSortEvent = (params) => {
             const $xeTable = refTable.value;
             const { proxyConfig } = props;
+            if (!$xeTable) {
+                return;
+            }
             const { computeSortOpts } = $xeTable.getComputeMaps();
             const proxyOpts = computeProxyOpts.value;
             const sortOpts = computeSortOpts.value;
@@ -382,6 +369,9 @@ export default defineVxeComponent({
         const handleFilterEvent = (params) => {
             const $xeTable = refTable.value;
             const { proxyConfig } = props;
+            if (!$xeTable) {
+                return;
+            }
             const { computeFilterOpts } = $xeTable.getComputeMaps();
             const proxyOpts = computeProxyOpts.value;
             const filterOpts = computeFilterOpts.value;
@@ -423,7 +413,9 @@ export default defineVxeComponent({
             const { $event } = params;
             const proxyOpts = computeProxyOpts.value;
             if (proxyConfig && isEnableConf(proxyOpts)) {
-                $xeTable.clearScroll();
+                if ($xeTable) {
+                    $xeTable.clearScroll();
+                }
                 $xeGrid.commitProxy('reload').then((rest) => {
                     $xeGrid.dispatchEvent('proxy-query', Object.assign(Object.assign({}, rest), { isReload: true }), $event);
                 });
@@ -500,7 +492,7 @@ export default defineVxeComponent({
             if ((formConfig && isEnableConf(formOpts)) || slots.form) {
                 let slotVNs = [];
                 if (slots.form) {
-                    slotVNs = slots.form({ $grid: $xeGrid });
+                    slotVNs = slots.form({ $grid: $xeGrid, $gantt: null });
                 }
                 else {
                     if (formOpts.items) {
@@ -510,7 +502,7 @@ export default defineVxeComponent({
                             const beforeItem = proxyOpts.beforeItem;
                             if (proxyOpts && beforeItem) {
                                 formOpts.items.forEach((item) => {
-                                    beforeItem({ $grid: $xeGrid, item });
+                                    beforeItem({ $grid: $xeGrid, $gantt: null, item });
                                 });
                             }
                         }
@@ -548,7 +540,7 @@ export default defineVxeComponent({
             if ((toolbarConfig && isEnableConf(toolbarOpts)) || slots.toolbar) {
                 let slotVNs = [];
                 if (slots.toolbar) {
-                    slotVNs = slots.toolbar({ $grid: $xeGrid });
+                    slotVNs = slots.toolbar({ $grid: $xeGrid, $gantt: null });
                 }
                 else {
                     const toolbarOptSlots = toolbarOpts.slots;
@@ -599,7 +591,7 @@ export default defineVxeComponent({
                     ref: refTopWrapper,
                     key: 'top',
                     class: 'vxe-grid--top-wrapper'
-                }, topSlot({ $grid: $xeGrid }));
+                }, topSlot({ $grid: $xeGrid, $gantt: null }));
             }
             return renderEmptyElement($xeGrid);
         };
@@ -608,7 +600,7 @@ export default defineVxeComponent({
             if (leftSlot) {
                 return h('div', {
                     class: 'vxe-grid--left-wrapper'
-                }, leftSlot({ $grid: $xeGrid }));
+                }, leftSlot({ $grid: $xeGrid, $gantt: null }));
             }
             return renderEmptyElement($xeGrid);
         };
@@ -617,7 +609,7 @@ export default defineVxeComponent({
             if (rightSlot) {
                 return h('div', {
                     class: 'vxe-grid--right-wrapper'
-                }, rightSlot({ $grid: $xeGrid }));
+                }, rightSlot({ $grid: $xeGrid, $gantt: null }));
             }
             return renderEmptyElement($xeGrid);
         };
@@ -671,7 +663,7 @@ export default defineVxeComponent({
                     ref: refBottomWrapper,
                     key: 'bottom',
                     class: 'vxe-grid--bottom-wrapper'
-                }, slots.bottom({ $grid: $xeGrid }));
+                }, slots.bottom({ $grid: $xeGrid, $gantt: null }));
             }
             return renderEmptyElement($xeGrid);
         };
@@ -689,7 +681,7 @@ export default defineVxeComponent({
                     key: 'pager',
                     class: 'vxe-grid--pager-wrapper'
                 }, pagerSlot
-                    ? pagerSlot({ $grid: $xeGrid })
+                    ? pagerSlot({ $grid: $xeGrid, $gantt: null })
                     : [
                         VxeUIPagerComponent
                             ? h(VxeUIPagerComponent, Object.assign(Object.assign(Object.assign({ ref: refPager }, pagerOpts), (proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {})), { onPageChange: pageChangeEvent }), getConfigSlot(pagerOpts.slots))
@@ -766,7 +758,7 @@ export default defineVxeComponent({
             ];
         };
         const tableCompEvents = {};
-        tableComponentEmits.forEach(name => {
+        tableEmits.forEach(name => {
             const type = XEUtils.camelCase(`on-${name}`);
             tableCompEvents[type] = (...args) => emit(name, ...args);
         });
@@ -806,8 +798,8 @@ export default defineVxeComponent({
                 if (!proxyInited) {
                     reactData.proxyInited = true;
                     if (proxyOpts.autoLoad !== false) {
-                        nextTick().then(() => gridMethods.commitProxy('initial')).then((rest) => {
-                            gridMethods.dispatchEvent('proxy-query', Object.assign(Object.assign({}, rest), { isInited: true }), new Event('initial'));
+                        nextTick().then(() => $xeGrid.commitProxy('initial')).then((rest) => {
+                            dispatchEvent('proxy-query', Object.assign(Object.assign({}, rest), { isInited: true }), new Event('initial'));
                         });
                     }
                 }
@@ -821,7 +813,7 @@ export default defineVxeComponent({
             }
         };
         const dispatchEvent = (type, params, evnt) => {
-            emit(type, createEvent(evnt, { $grid: $xeGrid }, params));
+            emit(type, createEvent(evnt, { $grid: $xeGrid, $gantt: null }, params));
         };
         const gridMethods = {
             dispatchEvent,
@@ -843,6 +835,9 @@ export default defineVxeComponent({
                 const { beforeQuery, afterQuery, beforeDelete, afterDelete, beforeSave, afterSave, ajax = {} } = proxyOpts;
                 const resConfigs = proxyOpts.response || proxyOpts.props || {};
                 const $xeTable = refTable.value;
+                if (!$xeTable) {
+                    return nextTick();
+                }
                 let formData = getFormData();
                 let button = null;
                 let code = null;
@@ -960,11 +955,13 @@ export default defineVxeComponent({
                                 }
                             }
                             const commitParams = {
+                                $table: $xeTable,
+                                $grid: $xeGrid,
+                                $gantt: null,
                                 code,
                                 button,
                                 isInited,
                                 isReload,
-                                $grid: $xeGrid,
                                 page: pageParams,
                                 sort: sortList.length ? sortList[0] : {},
                                 sorts: sortList,
@@ -982,10 +979,10 @@ export default defineVxeComponent({
                                 if (rest) {
                                     if (pagerConfig && isEnableConf(pagerOpts)) {
                                         const totalProp = resConfigs.total;
-                                        const total = (XEUtils.isFunction(totalProp) ? totalProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, totalProp || 'page.total')) || 0;
+                                        const total = (XEUtils.isFunction(totalProp) ? totalProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: null }) : XEUtils.get(rest, totalProp || 'page.total')) || 0;
                                         tablePage.total = XEUtils.toNumber(total);
                                         const resultProp = resConfigs.result;
-                                        tableData = (XEUtils.isFunction(resultProp) ? resultProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, resultProp || 'result')) || [];
+                                        tableData = (XEUtils.isFunction(resultProp) ? resultProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: null }) : XEUtils.get(rest, resultProp || 'result')) || [];
                                         // 检验当前页码，不能超出当前最大页数
                                         const pageCount = Math.max(Math.ceil(total / tablePage.pageSize), 1);
                                         if (tablePage.currentPage > pageCount) {
@@ -994,7 +991,7 @@ export default defineVxeComponent({
                                     }
                                     else {
                                         const listProp = resConfigs.list;
-                                        tableData = (listProp ? (XEUtils.isFunction(listProp) ? listProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, listProp)) : rest) || [];
+                                        tableData = (listProp ? (XEUtils.isFunction(listProp) ? listProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: null }) : XEUtils.get(rest, listProp)) : rest) || [];
                                     }
                                 }
                                 if ($xeTable) {
@@ -1032,10 +1029,19 @@ export default defineVxeComponent({
                         const deleteSuccessMethods = ajax.deleteSuccess;
                         const deleteErrorMethods = ajax.deleteError;
                         if (ajaxMethods) {
-                            const selectRecords = gridExtendTableMethods.getCheckboxRecords();
+                            const selectRecords = $xeGrid.getCheckboxRecords();
                             const removeRecords = selectRecords.filter(row => !$xeTable.isInsertByRow(row));
                             const body = { removeRecords };
-                            const commitParams = { $grid: $xeGrid, code, button, body, form: formData, options: ajaxMethods };
+                            const commitParams = {
+                                $table: $xeTable,
+                                $grid: $xeGrid,
+                                $gantt: null,
+                                code,
+                                button,
+                                body,
+                                form: formData,
+                                options: ajaxMethods
+                            };
                             if (selectRecords.length) {
                                 return handleDeleteRow(code, 'vxe.grid.deleteSelectRecord', () => {
                                     if (!removeRecords.length) {
@@ -1055,7 +1061,7 @@ export default defineVxeComponent({
                                             afterDelete(commitParams, ...args);
                                         }
                                         else {
-                                            gridMethods.commitProxy('query');
+                                            $xeGrid.commitProxy('query');
                                         }
                                         if (deleteSuccessMethods) {
                                             deleteSuccessMethods(Object.assign(Object.assign({}, commitParams), { response: rest }));
@@ -1096,7 +1102,16 @@ export default defineVxeComponent({
                         if (ajaxMethods) {
                             const body = $xeTable.getRecordset();
                             const { insertRecords, removeRecords, updateRecords, pendingRecords } = body;
-                            const commitParams = { $grid: $xeGrid, code, button, body, form: formData, options: ajaxMethods };
+                            const commitParams = {
+                                $table: $xeTable,
+                                $grid: $xeGrid,
+                                $gantt: null,
+                                code,
+                                button,
+                                body,
+                                form: formData,
+                                options: ajaxMethods
+                            };
                             // 排除掉新增且标记为删除的数据
                             if (insertRecords.length) {
                                 body.pendingRecords = pendingRecords.filter((row) => $xeTable.findRowIndexOf(insertRecords, row) === -1);
@@ -1130,7 +1145,7 @@ export default defineVxeComponent({
                                             afterSave(commitParams, ...args);
                                         }
                                         else {
-                                            gridMethods.commitProxy('query');
+                                            $xeGrid.commitProxy('query');
                                         }
                                         if (saveSuccessMethods) {
                                             saveSuccessMethods(Object.assign(Object.assign({}, commitParams), { response: rest }));
@@ -1169,7 +1184,7 @@ export default defineVxeComponent({
                         if (gCommandOpts) {
                             const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
                             if (tCommandMethod) {
-                                tCommandMethod({ code, button, $grid: $xeGrid, $table: $xeTable }, ...args);
+                                tCommandMethod({ code, button, $grid: $xeGrid, $table: $xeTable, $gantt: null }, ...args);
                             }
                             else {
                                 errLog('vxe.error.notCommands', [code]);
@@ -1184,9 +1199,9 @@ export default defineVxeComponent({
             },
             zoom() {
                 if (reactData.isZMax) {
-                    return gridMethods.revert();
+                    return $xeGrid.revert();
                 }
-                return gridMethods.maximize();
+                return $xeGrid.maximize();
             },
             isMaximized() {
                 return reactData.isZMax;

package/es/grid/src/props.js

@@ -0,0 +1,7 @@
+import { VxeUI } from '../../ui';
+import { tableProps } from '../../table/src/props';
+const { getConfig } = VxeUI;
+export const gridProps = Object.assign(Object.assign({}, tableProps), { layouts: Array, columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, size: {
+        type: String,
+        default: () => getConfig().grid.size || getConfig().size
+    } });