vxe-table 3.18.10 → 3.18.12

package/es/table/src/cell.js

@@ -171,8 +171,8 @@ function renderTitleContent(h, params, content) {
     const { showHeaderOverflow: allColumnHeaderOverflow } = tableProps;
     const { isRowGroupStatus } = tableReactData;
     const { showHeaderOverflow } = column;
-    const tooltipOpts = $table.computeTooltipOpts;
-    const showAllTip = tooltipOpts.showAll;
+    const headerTooltipOpts = $table.computeHeaderTooltipOpts;
+    const showAllTip = headerTooltipOpts.showAll;
     const headOverflow = XEUtils.eqNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
     const showTitle = headOverflow === 'title';
     const showTooltip = headOverflow === true || headOverflow === 'tooltip';
@@ -752,6 +752,8 @@ export const Cell = {
         const { treeConfig } = tableProps;
         const { updateCheckboxFlag, isRowGroupStatus } = tableReactData;
         const { selectCheckboxMaps, treeIndeterminateRowMaps } = tableInternalData;
+        const aggregateOpts = $table.computeAggregateOpts;
+        const { mapChildrenField } = aggregateOpts;
         const checkboxOpts = $table.computeCheckboxOpts;
         const { labelField, checkMethod, visibleMethod } = checkboxOpts;
         const { slots } = column;
@@ -759,23 +761,30 @@ export const Cell = {
         const checkboxSlot = slots ? slots.checkbox : null;
         let indeterminate = false;
         let isChecked = false;
-        const isVisible = !visibleMethod || visibleMethod({ $table, row });
-        let isDisabled = !!checkMethod;
+        let isVisible = true;
+        let isDisabled = false;
         const ons = {};
         if (!isHidden) {
             const rowid = getRowid($table, row);
             isChecked = !!updateCheckboxFlag && !!selectCheckboxMaps[rowid];
-            ons.click = (evnt) => {
-                if (!isDisabled && isVisible) {
-                    $table.triggerCheckRowEvent(evnt, params, !isChecked);
+            if (checkMethod && isRowGroupStatus && $table.isAggregateRecord(row)) {
+                const childList = row[mapChildrenField || ''];
+                if (!childList || !childList.length || childList.every(item => !checkMethod({ $table, row: item }))) {
+                    isDisabled = true;
                 }
-            };
-            if (checkMethod) {
-                isDisabled = !checkMethod({ $table, row });
+            }
+            else {
+                isVisible = !visibleMethod || visibleMethod({ $table, row });
+                isDisabled = checkMethod ? !checkMethod({ $table, row }) : !!checkMethod;
             }
             if (treeConfig || isRowGroupStatus) {
                 indeterminate = !!treeIndeterminateRowMaps[rowid];
             }
+            ons.click = (evnt) => {
+                if (!isDisabled && isVisible) {
+                    $table.triggerCheckRowEvent(evnt, params, !isChecked);
+                }
+            };
         }
         const checkboxParams = Object.assign(Object.assign({}, params), { checked: isChecked, disabled: isDisabled, visible: isVisible, indeterminate });
         if (checkboxSlot) {
@@ -815,40 +824,49 @@ export const Cell = {
         const { treeConfig } = tableProps;
         const { updateCheckboxFlag, isRowGroupStatus } = tableReactData;
         const { treeIndeterminateRowMaps } = tableInternalData;
+        const aggregateOpts = $table.computeAggregateOpts;
+        const { mapChildrenField } = aggregateOpts;
         const checkboxOpts = $table.computeCheckboxOpts;
         const { labelField, checkField, checkMethod, visibleMethod } = checkboxOpts;
         const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
         const { slots } = column;
         const defaultSlot = slots ? slots.default : null;
         const checkboxSlot = slots ? slots.checkbox : null;
-        let isIndeterminate = false;
+        let indeterminate = false;
         let isChecked = false;
-        const isVisible = !visibleMethod || visibleMethod({ $table, row });
-        let isDisabled = !!checkMethod;
+        let isVisible = true;
+        let isDisabled = false;
         const ons = {};
         if (!isHidden) {
             const rowid = getRowid($table, row);
             isChecked = !!updateCheckboxFlag && XEUtils.get(row, checkField);
+            if (checkMethod && isRowGroupStatus && $table.isAggregateRecord(row)) {
+                const childList = row[mapChildrenField || ''];
+                if (!childList || !childList.length || childList.every(item => !checkMethod({ $table, row: item }))) {
+                    isDisabled = true;
+                }
+            }
+            else {
+                isVisible = !visibleMethod || visibleMethod({ $table, row });
+                isDisabled = checkMethod ? !checkMethod({ $table, row }) : !!checkMethod;
+            }
+            if (treeConfig || isRowGroupStatus) {
+                indeterminate = !!treeIndeterminateRowMaps[rowid];
+            }
             ons.click = (evnt) => {
                 if (!isDisabled && isVisible) {
                     $table.triggerCheckRowEvent(evnt, params, !isChecked);
                 }
             };
-            if (checkMethod) {
-                isDisabled = !checkMethod({ $table, row });
-            }
-            if (treeConfig || isRowGroupStatus) {
-                isIndeterminate = !!treeIndeterminateRowMaps[rowid];
-            }
         }
-        const checkboxParams = Object.assign(Object.assign({}, params), { checked: isChecked, disabled: isDisabled, visible: isVisible, indeterminate: isIndeterminate });
+        const checkboxParams = Object.assign(Object.assign({}, params), { checked: isChecked, disabled: isDisabled, visible: isVisible, indeterminate });
         if (checkboxSlot) {
             return renderCellBaseVNs(h, params, $table.callSlot(checkboxSlot, checkboxParams, h));
         }
         const checkVNs = [];
         if (isVisible) {
             checkVNs.push(h('span', {
-                class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : (isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : (isDisabled ? getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED))]
+                class: ['vxe-checkbox--icon', indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : (isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : (isDisabled ? getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED))]
             }));
         }
         if (defaultSlot || labelField) {
@@ -861,7 +879,7 @@ export const Cell = {
                 class: ['vxe-cell--checkbox', {
                         'is--checked': isChecked,
                         'is--disabled': isDisabled,
-                        'is--indeterminate': indeterminateField && !isChecked ? row[indeterminateField] : isIndeterminate,
+                        'is--indeterminate': indeterminateField && !isChecked ? row[indeterminateField] : indeterminate,
                         'is--hidden': !isVisible
                     }],
                 on: ons

package/es/table/src/footer.js

@@ -18,7 +18,7 @@ function renderRows(h, _vm, isOptimizeMode, tableColumn, footerTableData, row, $
     const { scrollXLoad, scrollYLoad, overflowX, currentColumn, mergeFootFlag } = tableReactData;
     const { fullColumnIdData, mergeFooterList, mergeFooterCellMaps, scrollXStore } = tableInternalData;
     const virtualXOpts = $xeTable.computeVirtualXOpts;
-    const tooltipOpts = $xeTable.computeTooltipOpts;
+    const footerTooltipOpts = $xeTable.computeFooterTooltipOpts;
     const resizableOpts = $xeTable.resizableOpts;
     const { isAllColumnDrag } = resizableOpts;
     const columnOpts = $xeTable.computeColumnOpts;
@@ -32,7 +32,7 @@ function renderRows(h, _vm, isOptimizeMode, tableColumn, footerTableData, row, $
         const colRest = fullColumnIdData[colid] || {};
         const renderOpts = editRender || cellRender;
         const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-        const showAllTip = tooltipOpts.showAll;
+        const showAllTip = footerTooltipOpts.showAll;
         const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
         const isPadding = XEUtils.isBoolean(footerCellOpts.padding) ? footerCellOpts.padding : cellOpts.padding;
         const footOverflow = XEUtils.eqNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;

package/es/table/src/methods.js

@@ -2704,7 +2704,7 @@ function clearRowDragData($xeTable) {
  * @param {Event} evnt 事件
  * @param {Row} row 行对象
  */
-function handleTooltip($xeTable, evnt, type, tdEl, overflowElem, tipElem, params) {
+function handleTooltip($xeTable, evnt, tipOpts, type, tdEl, overflowElem, tipElem, params) {
     const reactData = $xeTable;
     const tipOverEl = overflowElem || tdEl;
     if (!tipOverEl) {
@@ -2712,9 +2712,8 @@ function handleTooltip($xeTable, evnt, type, tdEl, overflowElem, tipElem, params
     }
     params.cell = tdEl;
     const { tooltipStore } = reactData;
-    const tooltipOpts = $xeTable.computeTooltipOpts;
     const { column, row } = params;
-    const { showAll, contentMethod } = tooltipOpts;
+    const { showAll, contentMethod } = tipOpts;
     const customContent = contentMethod ? contentMethod(params) : null;
     const useCustom = contentMethod && !XEUtils.eqNull(customContent);
     const content = useCustom ? customContent : XEUtils.toString(column.type === 'html' ? tipOverEl.innerText : tipOverEl.textContent).trim();
@@ -2727,7 +2726,7 @@ function handleTooltip($xeTable, evnt, type, tdEl, overflowElem, tipElem, params
             visible: true,
             content: tipContent,
             type,
-            currOpts: {}
+            currOpts: tipOpts
         });
         $xeTable.$nextTick(() => {
             const $tooltip = $xeTable.$refs.refTooltip;
@@ -6880,6 +6879,7 @@ const Methods = {
         const $xeTable = this;
         const reactData = $xeTable;
         const { tooltipStore } = reactData;
+        const headerTooltipOpts = $xeTable.computeHeaderTooltipOpts;
         const { column } = params;
         handleTargetEnterEvent($xeTable, true);
         const titleElem = evnt.currentTarget;
@@ -6900,7 +6900,7 @@ const Methods = {
         }
         if (tooltipStore.column !== column || !tooltipStore.visible) {
             const ctEl = thEl.querySelector('.vxe-cell--title');
-            handleTooltip($xeTable, evnt, 'header', thEl, (hasClass(thEl, 'col--ellipsis') ? ctEl : cWrapperEl) || cWrapperEl, ctEl || cellEl, params);
+            handleTooltip($xeTable, evnt, headerTooltipOpts, 'header', thEl, (hasClass(thEl, 'col--ellipsis') ? ctEl : cWrapperEl) || cWrapperEl, ctEl || cellEl, params);
         }
     },
     /**
@@ -6913,6 +6913,7 @@ const Methods = {
         const { editConfig } = props;
         const { editStore } = reactData;
         const { tooltipStore } = reactData;
+        const tooltipOpts = $xeTable.computeTooltipOpts;
         const editOpts = $xeTable.computeEditOpts;
         const { actived } = editStore;
         const { row, column } = params;
@@ -6939,7 +6940,7 @@ const Methods = {
             if (!tipEl) {
                 tipEl = ctEl;
             }
-            handleTooltip($xeTable, evnt, 'body', tdEl, ovEl || ctEl, tipEl, params);
+            handleTooltip($xeTable, evnt, tooltipOpts, 'body', tdEl, ovEl || ctEl, tipEl, params);
         }
     },
     /**
@@ -6950,6 +6951,7 @@ const Methods = {
         const reactData = $xeTable;
         const { column } = params;
         const { tooltipStore } = reactData;
+        const footerTooltipOpts = $xeTable.computeFooterTooltipOpts;
         const tdEl = evnt.currentTarget;
         handleTargetEnterEvent($xeTable, tooltipStore.column !== column || !!tooltipStore.row);
         if (tooltipStore.column !== column || !tooltipStore.visible) {
@@ -6962,7 +6964,7 @@ const Methods = {
             if (!tipEl) {
                 tipEl = ctEl;
             }
-            handleTooltip($xeTable, evnt, 'footer', tdEl, ovEl || ctEl, tipEl, params);
+            handleTooltip($xeTable, evnt, footerTooltipOpts, 'footer', tdEl, ovEl || ctEl, tipEl, params);
         }
     },
     openTooltip(target, content) {
@@ -7289,7 +7291,7 @@ const Methods = {
                 }
             }
         }
-        if (!checkMethod || checkMethod({ $table: $xeTable, row })) {
+        if (isRowGroupStatus || !checkMethod || checkMethod({ $table: $xeTable, row })) {
             $xeTable.handleBatchSelectRows([row], checked);
             $xeTable.checkSelectionStatus();
             $xeTable.dispatchEvent('checkbox-change', Object.assign({
@@ -7478,6 +7480,8 @@ const Methods = {
         const { treeConfig } = props;
         const { isRowGroupStatus } = reactData;
         const { afterFullData, afterTreeFullData, afterGroupFullData, checkboxReserveRowMap, selectCheckboxMaps, treeIndeterminateRowMaps } = internalData;
+        const aggregateOpts = $xeTable.computeAggregateOpts;
+        const { mapChildrenField } = aggregateOpts;
         const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { checkField, checkMethod, showReserveStatus } = checkboxOpts;
         const { handleGetRowId } = createHandleGetRowId($xeTable);
@@ -7491,7 +7495,21 @@ const Methods = {
             ? row => {
                 const childRowid = handleGetRowId(row);
                 const selected = checkField ? XEUtils.get(row, checkField) : selectCheckboxMaps[childRowid];
-                if (checkMethod({ $table: $xeTable, row })) {
+                if (isRowGroupStatus && $xeTable.isAggregateRecord(row)) {
+                    const childList = row[mapChildrenField || ''];
+                    if (selected) {
+                        vLen++;
+                        sLen++;
+                    }
+                    else if (treeIndeterminateRowMaps[childRowid]) {
+                        vLen++;
+                        hLen++;
+                    }
+                    else if (childList && childList.length && childList.some(item => checkMethod({ $table: $xeTable, row: item }))) {
+                        vLen++;
+                    }
+                }
+                else if (checkMethod({ $table: $xeTable, row })) {
                     if (selected) {
                         sLen++;
                     }

package/es/table/src/props.js

@@ -229,6 +229,10 @@ export const tableProps = {
     checkboxConfig: Object,
     // tooltip 配置项
     tooltipConfig: Object,
+    // 表头 tooltip 配置项
+    headerTooltipConfig: Object,
+    // 表尾 tooltip 配置项
+    footerTooltipConfig: Object,
     // 导出配置项
     exportConfig: [Boolean, Object],
     // 导入配置项

package/es/table/src/table.js

@@ -990,6 +990,16 @@ export default {
         tipConfig() {
             return Object.assign({}, this.tooltipOpts);
         },
+        computeHeaderTooltipOpts() {
+            const $xeTable = this;
+            const props = $xeTable;
+            return Object.assign({}, getConfig().tooltip, getConfig().table.headerTooltipConfig, props.headerTooltipConfig);
+        },
+        computeFooterTooltipOpts() {
+            const $xeTable = this;
+            const props = $xeTable;
+            return Object.assign({}, getConfig().tooltip, getConfig().table.footerTooltipConfig, props.footerTooltipConfig);
+        },
         computeTableTipConfig() {
             const $xeTable = this;
             const reactData = $xeTable;

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.18.10";
+export const version = "3.18.12";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({
@@ -63,6 +63,12 @@ VxeUI.setConfig({
         tooltipConfig: {
             enterable: true
         },
+        headerTooltipConfig: {
+            enterable: true
+        },
+        footerTooltipConfig: {
+            enterable: true
+        },
         validConfig: {
             showMessage: true,
             autoClear: true,
@@ -72,6 +78,11 @@ VxeUI.setConfig({
             theme: 'beautify'
         },
         columnConfig: {
+            autoOptions: {
+                isCalcHeader: true,
+                isCalcBody: true,
+                isCalcFooter: true
+            },
             maxFixedSize: 4
         },
         cellConfig: {

package/es/ui/src/log.js

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

package/es/vxe-grid/style.css

@@ -66,6 +66,10 @@
 .vxe-grid--layout-aside-left-wrapper,
 .vxe-grid--layout-aside-left-wrapper {
   flex-shrink: 0;
+}
+
+.vxe-grid--layout-aside-left-wrapper,
+.vxe-grid--layout-aside-left-wrapper {
   overflow: auto;
 }
 

package/es/vxe-grid/style.min.css

@@ -1 +1 @@
-.vxe-grid{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid .vxe-grid--table-container{display:flex;flex-direction:row}.vxe-grid .vxe-grid--left-wrapper,.vxe-grid .vxe-grid--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-grid .vxe-grid--table-wrapper{flex-grow:1;overflow:hidden}.vxe-grid--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-grid--layout-body-content-wrapper{flex-grow:1;overflow:auto}.vxe-grid--layout-aside-left-wrapper,.vxe-grid--layout-footer-wrapper,.vxe-grid--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-grid{font-size:var(--vxe-ui-font-size-default)}.vxe-grid.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-grid.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-grid.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-grid{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid .vxe-grid--table-container{display:flex;flex-direction:row}.vxe-grid .vxe-grid--left-wrapper,.vxe-grid .vxe-grid--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-grid .vxe-grid--table-wrapper{flex-grow:1;overflow:hidden}.vxe-grid--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-grid--layout-body-content-wrapper{flex-grow:1;overflow:auto}.vxe-grid--layout-aside-left-wrapper,.vxe-grid--layout-footer-wrapper,.vxe-grid--layout-header-wrapper{flex-shrink:0}.vxe-grid--layout-aside-left-wrapper{overflow:auto}.vxe-grid{font-size:var(--vxe-ui-font-size-default)}.vxe-grid.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-grid.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-grid.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/grid/style/style.css

@@ -66,6 +66,10 @@
 .vxe-grid--layout-aside-left-wrapper,
 .vxe-grid--layout-aside-left-wrapper {
   flex-shrink: 0;
+}
+
+.vxe-grid--layout-aside-left-wrapper,
+.vxe-grid--layout-aside-left-wrapper {
   overflow: auto;
 }
 

package/lib/grid/style/style.min.css

@@ -1 +1 @@
-.vxe-grid{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid .vxe-grid--table-container{display:flex;flex-direction:row}.vxe-grid .vxe-grid--left-wrapper,.vxe-grid .vxe-grid--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-grid .vxe-grid--table-wrapper{flex-grow:1;overflow:hidden}.vxe-grid--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-grid--layout-body-content-wrapper{flex-grow:1;overflow:auto}.vxe-grid--layout-aside-left-wrapper,.vxe-grid--layout-footer-wrapper,.vxe-grid--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-grid{font-size:var(--vxe-ui-font-size-default)}.vxe-grid.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-grid.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-grid.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-grid{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid .vxe-grid--table-container{display:flex;flex-direction:row}.vxe-grid .vxe-grid--left-wrapper,.vxe-grid .vxe-grid--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-grid .vxe-grid--table-wrapper{flex-grow:1;overflow:hidden}.vxe-grid--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-grid--layout-body-content-wrapper{flex-grow:1;overflow:auto}.vxe-grid--layout-aside-left-wrapper,.vxe-grid--layout-footer-wrapper,.vxe-grid--layout-header-wrapper{flex-shrink:0}.vxe-grid--layout-aside-left-wrapper{overflow:auto}.vxe-grid{font-size:var(--vxe-ui-font-size-default)}.vxe-grid.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-grid.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-grid.size--mini{font-size:var(--vxe-ui-font-size-mini)}