vxe-table 4.23.8 → 4.23.9

package/es/grid/src/grid.js

@@ -15,7 +15,191 @@ import VxeToolbarComponent from "../../toolbar";
 const { warnLog, errLog } = createComponentLog("grid");
 const { getConfig, getI18n, commands, hooks, useFns, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement } = VxeUI;
 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", "getTreeRowLevel", "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", "getScrollData", "scrollTo", "scrollToStartRow", "scrollToEndRow", "scrollToRow", "scrollToStartColumn", "scrollToEndColumn", "scrollToColumn", "clearScroll", "updateFooter", "updateStatus", "setMergeCells", "removeInsertRow", "removeMergeCells", "getMergeCells", "setMergeHeaderCells", "removeMergeHeaderCells", "getMergeHeaderCells", "clearMergeHeaderCells", "clearMergeCells", "setMergeFooterItems", "removeMergeFooterItems", "getMergeFooterItems", "clearMergeFooterItems", "setCustomStoreData", "getCustomStoreData", "setRowGroupExpand", "setRowGroupExpandByField", "setAllRowGroupExpand", "clearRowGroupExpand", "isRowGroupExpandByRow", "isRowGroupRecord", "isAggregateRecord", "isAggregateExpandByRow", "getAggregateContentByRow", "getAggregateRowChildren", "setRowGroups", "clearRowGroups", "openTooltip", "moveColumnTo", "moveRowTo", "getCellLabel", "updateCellLabel", "clearFormatterCache", "getFooterCellLabel", "updateFooterCellLabel", "clearFooterFormatterCache", "getUpdateCells", "undo", "redo", "effectCellData", "getCellElement", "focus", "blur", "connect", "connectToolbar"];
+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",
+  "getTreeRowLevel",
+  "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",
+  "getScrollData",
+  "scrollTo",
+  "scrollToStartRow",
+  "scrollToEndRow",
+  "scrollToRow",
+  "scrollToStartColumn",
+  "scrollToEndColumn",
+  "scrollToColumn",
+  "clearScroll",
+  "updateFooter",
+  "updateStatus",
+  "setMergeCells",
+  "removeInsertRow",
+  "removeMergeCells",
+  "getMergeCells",
+  "setMergeHeaderCells",
+  "removeMergeHeaderCells",
+  "getMergeHeaderCells",
+  "clearMergeHeaderCells",
+  "clearMergeCells",
+  "setMergeFooterItems",
+  "removeMergeFooterItems",
+  "getMergeFooterItems",
+  "clearMergeFooterItems",
+  "setCustomStoreData",
+  "getCustomStoreData",
+  "setRowGroupExpand",
+  "setRowGroupExpandByField",
+  "setAllRowGroupExpand",
+  "clearRowGroupExpand",
+  "isRowGroupExpandByRow",
+  "isRowGroupRecord",
+  "isAggregateRecord",
+  "isAggregateExpandByRow",
+  "getAggregateContentByRow",
+  "getAggregateRowChildren",
+  "setRowGroups",
+  "clearRowGroups",
+  "openTooltip",
+  "moveColumnTo",
+  "moveRowTo",
+  "getCellLabel",
+  "updateCellLabel",
+  "clearFormatterCache",
+  "getFooterCellLabel",
+  "updateFooterCellLabel",
+  "clearFooterFormatterCache",
+  "getUpdateCells",
+  "undo",
+  "redo",
+  "effectCellData",
+  "getCellElement",
+  "focus",
+  "blur",
+  "connect",
+  "connectToolbar"
+];
 function createReactData() {
   var _a;
   return {
@@ -515,6 +699,7 @@ var grid_default = defineVxeComponent({
           if (formOpts.items) {
             const formSlots = {};
             if (!formOpts.inited) {
+              ;
               formOpts.inited = true;
               const beforeItem = proxyOpts.beforeItem;
               if (proxyOpts && beforeItem) {
@@ -534,25 +719,33 @@ var grid_default = defineVxeComponent({
             });
             if (VxeUIFormComponent) {
               slotVNs.push(
-                h(VxeUIFormComponent, {
-                  ref: refForm,
-                  ...Object.assign({}, formOpts, {
-                    data: proxyConfig && isEnableConf(proxyOpts) && proxyOpts.form ? formData : formOpts.data
-                  }),
-                  onSubmit: submitFormEvent,
-                  onReset: resetFormEvent,
-                  onSubmitInvalid: submitInvalidEvent,
-                  onCollapse: collapseEvent
-                }, formSlots)
+                h(
+                  VxeUIFormComponent,
+                  {
+                    ref: refForm,
+                    ...Object.assign({}, formOpts, {
+                      data: proxyConfig && isEnableConf(proxyOpts) && proxyOpts.form ? formData : formOpts.data
+                    }),
+                    onSubmit: submitFormEvent,
+                    onReset: resetFormEvent,
+                    onSubmitInvalid: submitInvalidEvent,
+                    onCollapse: collapseEvent
+                  },
+                  formSlots
+                )
               );
             }
           }
         }
-        return h("div", {
-          ref: refFormWrapper,
-          key: "form",
-          class: "vxe-grid--form-wrapper"
-        }, slotVNs);
+        return h(
+          "div",
+          {
+            ref: refFormWrapper,
+            key: "form",
+            class: "vxe-grid--form-wrapper"
+          },
+          slotVNs
+        );
       }
       return renderEmptyElement($xeGrid);
     };
@@ -594,47 +787,67 @@ var grid_default = defineVxeComponent({
             }
           }
           slotVNs.push(
-            h(VxeToolbarComponent, {
-              ref: refToolbar,
-              ...toolbarOpts,
-              slots: void 0
-            }, toolbarSlots)
+            h(
+              VxeToolbarComponent,
+              {
+                ref: refToolbar,
+                ...toolbarOpts,
+                slots: void 0
+              },
+              toolbarSlots
+            )
           );
         }
-        return h("div", {
-          ref: refToolbarWrapper,
-          key: "toolbar",
-          class: "vxe-grid--toolbar-wrapper"
-        }, slotVNs);
+        return h(
+          "div",
+          {
+            ref: refToolbarWrapper,
+            key: "toolbar",
+            class: "vxe-grid--toolbar-wrapper"
+          },
+          slotVNs
+        );
       }
       return renderEmptyElement($xeGrid);
     };
     const renderTop = () => {
       const topSlot = slots.top;
       if (topSlot) {
-        return h("div", {
-          ref: refTopWrapper,
-          key: "top",
-          class: "vxe-grid--top-wrapper"
-        }, topSlot({ $grid: $xeGrid, $gantt: null }));
+        return h(
+          "div",
+          {
+            ref: refTopWrapper,
+            key: "top",
+            class: "vxe-grid--top-wrapper"
+          },
+          topSlot({ $grid: $xeGrid, $gantt: null })
+        );
       }
       return renderEmptyElement($xeGrid);
     };
     const renderTableLeft = () => {
       const leftSlot = slots.left;
       if (leftSlot) {
-        return h("div", {
-          class: "vxe-grid--left-wrapper"
-        }, leftSlot({ $grid: $xeGrid, $gantt: null }));
+        return h(
+          "div",
+          {
+            class: "vxe-grid--left-wrapper"
+          },
+          leftSlot({ $grid: $xeGrid, $gantt: null })
+        );
       }
       return renderEmptyElement($xeGrid);
     };
     const renderTableRight = () => {
       const rightSlot = slots.right;
       if (rightSlot) {
-        return h("div", {
-          class: "vxe-grid--right-wrapper"
-        }, rightSlot({ $grid: $xeGrid, $gantt: null }));
+        return h(
+          "div",
+          {
+            class: "vxe-grid--right-wrapper"
+          },
+          rightSlot({ $grid: $xeGrid, $gantt: null })
+        );
       }
       return renderEmptyElement($xeGrid);
     };
@@ -682,23 +895,35 @@ var grid_default = defineVxeComponent({
       if (footerTooltipSlot) {
         slotObj.footerTooltip = footerTooltipSlot;
       }
-      return h("div", {
-        class: "vxe-grid--table-wrapper"
-      }, [
-        h(VxeTableComponent, {
-          ref: refTable,
-          ...tableProps2,
-          ...tableOns
-        }, slotObj)
-      ]);
+      return h(
+        "div",
+        {
+          class: "vxe-grid--table-wrapper"
+        },
+        [
+          h(
+            VxeTableComponent,
+            {
+              ref: refTable,
+              ...tableProps2,
+              ...tableOns
+            },
+            slotObj
+          )
+        ]
+      );
     };
     const renderBottom = () => {
       if (slots.bottom) {
-        return h("div", {
-          ref: refBottomWrapper,
-          key: "bottom",
-          class: "vxe-grid--bottom-wrapper"
-        }, slots.bottom({ $grid: $xeGrid, $gantt: null }));
+        return h(
+          "div",
+          {
+            ref: refBottomWrapper,
+            key: "bottom",
+            class: "vxe-grid--bottom-wrapper"
+          },
+          slots.bottom({ $grid: $xeGrid, $gantt: null })
+        );
       }
       return renderEmptyElement($xeGrid);
     };
@@ -709,18 +934,26 @@ var grid_default = defineVxeComponent({
       const pagerProps = computePagerProps.value;
       const pagerSlot = slots.pager;
       if (pagerConfig && isEnableConf(pagerOpts) || slots.pager) {
-        return h("div", {
-          ref: refPagerWrapper,
-          key: "pager",
-          class: "vxe-grid--pager-wrapper"
-        }, pagerSlot ? pagerSlot({ $grid: $xeGrid, $gantt: null }) : [
-          VxeUIPagerComponent ? h(VxeUIPagerComponent, {
-            ref: refPager,
-            ...pagerProps,
-            ...proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {},
-            onPageChange: pageChangeEvent
-          }, getConfigSlot(pagerOpts.slots)) : renderEmptyElement($xeGrid)
-        ]);
+        return h(
+          "div",
+          {
+            ref: refPagerWrapper,
+            key: "pager",
+            class: "vxe-grid--pager-wrapper"
+          },
+          pagerSlot ? pagerSlot({ $grid: $xeGrid, $gantt: null }) : [
+            VxeUIPagerComponent ? h(
+              VxeUIPagerComponent,
+              {
+                ref: refPager,
+                ...pagerProps,
+                ...proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {},
+                onPageChange: pageChangeEvent
+              },
+              getConfigSlot(pagerOpts.slots)
+            ) : renderEmptyElement($xeGrid)
+          ]
+        );
       }
       return renderEmptyElement($xeGrid);
     };
@@ -739,14 +972,14 @@ var grid_default = defineVxeComponent({
             break;
           case "Table":
             childVNs.push(
-              h("div", {
-                key: "table",
-                class: "vxe-grid--table-container"
-              }, [
-                renderTableLeft(),
-                renderTable(),
-                renderTableRight()
-              ])
+              h(
+                "div",
+                {
+                  key: "table",
+                  class: "vxe-grid--table-container"
+                },
+                [renderTableLeft(), renderTable(), renderTableRight()]
+              )
             );
             break;
           case "Bottom":
@@ -768,25 +1001,49 @@ var grid_default = defineVxeComponent({
       const asideLeftSlot = slots.asideLeft || slots["aside-left"];
       const asideRightSlot = slots.asideRight || slots["aside-right"];
       return [
-        h("div", {
-          class: "vxe-grid--layout-header-wrapper"
-        }, renderChildLayout(headKeys)),
-        h("div", {
-          class: "vxe-grid--layout-body-wrapper"
-        }, [
-          asideLeftSlot ? h("div", {
-            class: "vxe-grid--layout-aside-left-wrapper"
-          }, asideLeftSlot({})) : renderEmptyElement($xeGrid),
-          h("div", {
-            class: "vxe-grid--layout-body-content-wrapper"
-          }, renderChildLayout(bodyKeys)),
-          asideRightSlot ? h("div", {
-            class: "vxe-grid--layout-aside-right-wrapper"
-          }, asideRightSlot({})) : renderEmptyElement($xeGrid)
-        ]),
-        h("div", {
-          class: "vxe-grid--layout-footer-wrapper"
-        }, renderChildLayout(footKeys)),
+        h(
+          "div",
+          {
+            class: "vxe-grid--layout-header-wrapper"
+          },
+          renderChildLayout(headKeys)
+        ),
+        h(
+          "div",
+          {
+            class: "vxe-grid--layout-body-wrapper"
+          },
+          [
+            asideLeftSlot ? h(
+              "div",
+              {
+                class: "vxe-grid--layout-aside-left-wrapper"
+              },
+              asideLeftSlot({})
+            ) : renderEmptyElement($xeGrid),
+            h(
+              "div",
+              {
+                class: "vxe-grid--layout-body-content-wrapper"
+              },
+              renderChildLayout(bodyKeys)
+            ),
+            asideRightSlot ? h(
+              "div",
+              {
+                class: "vxe-grid--layout-aside-right-wrapper"
+              },
+              asideRightSlot({})
+            ) : renderEmptyElement($xeGrid)
+          ]
+        ),
+        h(
+          "div",
+          {
+            class: "vxe-grid--layout-footer-wrapper"
+          },
+          renderChildLayout(footKeys)
+        ),
         h("div", {
           ref: refPopupContainerElem
         })
@@ -1021,10 +1278,7 @@ var grid_default = defineVxeComponent({
                 reactData.sortData = sortList;
                 reactData.filterData = filterList;
                 reactData.tableLoading = true;
-                return Promise.all([
-                  Promise.resolve((oldBeforeQuery || qMethod)(commitParams, ...args)),
-                  operPromise
-                ]).then(([rest]) => {
+                return Promise.all([Promise.resolve((oldBeforeQuery || qMethod)(commitParams, ...args)), operPromise]).then(([rest]) => {
                   reactData.tableLoading = false;
                   if (aqMethod) {
                     aqMethod({ ...commitParams, response: rest, status: "success" }, ...args);
@@ -1395,9 +1649,13 @@ var grid_default = defineVxeComponent({
         const { formConfig } = props;
         const { items } = formOpts;
         const itemList = [];
-        XEUtils.eachTree(formConfig && isEnableConf(formOpts) && items ? items : [], (item) => {
-          itemList.push(item);
-        }, { children: "children" });
+        XEUtils.eachTree(
+          formConfig && isEnableConf(formOpts) && items ? items : [],
+          (item) => {
+            itemList.push(item);
+          },
+          { children: "children" }
+        );
         return XEUtils.isUndefined(itemIndex) ? itemList : itemList[itemIndex];
       },
       getFormFlatItems() {
@@ -1665,31 +1923,47 @@ var grid_default = defineVxeComponent({
       const vSize = computeSize.value;
       const styles = computeStyles.value;
       const isLoading = computeIsLoading.value;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-grid", {
-          [`size--${vSize}`]: vSize,
-          "is--animat": !!props.animat,
-          "is--round": props.round,
-          "is--maximize": reactData.isZMax,
-          "is--loading": isLoading
-        }],
-        style: styles
-      }, renderLayout());
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-grid",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--animat": !!props.animat,
+              "is--round": props.round,
+              "is--maximize": reactData.isZMax,
+              "is--loading": isLoading
+            }
+          ],
+          style: styles
+        },
+        renderLayout()
+      );
     };
     const columnFlag = ref(0);
-    watch(() => props.columns ? props.columns.length : -1, () => {
-      columnFlag.value++;
-    });
-    watch(() => props.columns, () => {
-      columnFlag.value++;
-    });
+    watch(
+      () => props.columns ? props.columns.length : -1,
+      () => {
+        columnFlag.value++;
+      }
+    );
+    watch(
+      () => props.columns,
+      () => {
+        columnFlag.value++;
+      }
+    );
     watch(columnFlag, () => {
       nextTick(() => $xeGrid.loadColumn(props.columns || []));
     });
-    watch(() => props.toolbarConfig, () => {
-      initToolbar();
-    });
+    watch(
+      () => props.toolbarConfig,
+      () => {
+        initToolbar();
+      }
+    );
     watch(computeCustomCurrentPageFlag, () => {
       initPages("currentPage");
     });
@@ -1699,9 +1973,12 @@ var grid_default = defineVxeComponent({
     watch(computeCustomTotalFlag, () => {
       initPages("total");
     });
-    watch(() => props.proxyConfig, () => {
-      initProxy();
-    });
+    watch(
+      () => props.proxyConfig,
+      () => {
+        initProxy();
+      }
+    );
     hooks.forEach((options) => {
       const { setupGrid } = options;
       if (setupGrid) {

package/es/index.esm.js

@@ -1,6 +1,7 @@
 import * as VxeUITableExport from "./components";
 if (typeof window !== "undefined" && window.Vue) {
   if (!window.VXETable) {
+    ;
     window.VXETable = VxeUITableExport;
   }
 }

package/es/index.js

@@ -1,6 +1,7 @@
 import * as VxeUITableExport from "./components";
 if (typeof window !== "undefined" && window.Vue) {
   if (!window.VXETable) {
+    ;
     window.VXETable = VxeUITableExport;
   }
 }