vxe-table 4.19.14 → 4.19.16

package/dist/all.esm.js

@@ -44,7 +44,7 @@ function eqEmptyValue(cellValue) {
     return cellValue === '' || XEUtils.eqNull(cellValue);
 }
 
-const version$1 = "4.19.14";
+const version$1 = "4.19.16";
 VxeUI.version = version$1;
 VxeUI.tableVersion = version$1;
 VxeUI.setConfig({
@@ -743,7 +743,7 @@ function wheelScrollTopTo(diffNum, cb) {
 }
 
 const { log } = VxeUI;
-const version = `table v${"4.19.14"}`;
+const version = `table v${"4.19.16"}`;
 const warnLog = log.create('warn', version);
 const errLog = log.create('error', version);
 
@@ -5061,6 +5061,8 @@ var TableHeaderComponent = defineVxeComponent({
             const cellOpts = computeCellOpts.value;
             const defaultRowHeight = computeDefaultRowHeight.value;
             const headerCellOpts = computeHeaderCellOpts.value;
+            const floatingFilterOpts = computeFloatingFilterOpts.value;
+            const { cellClassName } = floatingFilterOpts;
             const currCellHeight = getCalcHeight(headerCellOpts.height) || defaultRowHeight;
             return cols.map((column, $columnIndex) => {
                 const { type, showHeaderOverflow, headerAlign, align, filters, editRender, cellRender, floatingFilters, filterRender, slots } = column;
@@ -5114,7 +5116,7 @@ var TableHeaderComponent = defineVxeComponent({
                 else {
                     tcStyle.minHeight = `${currCellHeight}px`;
                 }
-                return h('th', Object.assign({ class: ['vxe-table--column vxe-header--column', colid, fixedHiddenColumn ? 'fixed--hidden' : 'fixed--visible', {
+                return h('th', Object.assign({ class: ['vxe-table--column vxe-header--column is--floating-filters', colid, fixedHiddenColumn ? 'fixed--hidden' : 'fixed--visible', {
                             [`col--${headAlign}`]: headAlign,
                             [`col--${type}`]: type,
                             'col--last': isLastColumn,
@@ -5127,7 +5129,7 @@ var TableHeaderComponent = defineVxeComponent({
                         }
                     ], key: colid }, thAttrs), [
                     h('div', {
-                        class: ['vxe-cell', {
+                        class: ['vxe-cell', '' + (cellClassName || ''), {
                                 'c--title': showTitle,
                                 'c--tooltip': showTooltip,
                                 'c--ellipsis': showEllipsis
@@ -5167,7 +5169,8 @@ var TableHeaderComponent = defineVxeComponent({
                 rowVNs.push(h('tr', {
                     key: 'ff',
                     class: [
-                        'vxe-header--row'
+                        'vxe-header--row is--floating-filters',
+                        '' + (floatingFilterOpts.rowClassName || '')
                     ]
                 }, renderFilterRows(isOptimizeMode, renderColumnList)));
             }
@@ -10867,7 +10870,7 @@ hooks$4.add('tableExportModule', {
         const toHtml = (opts, columns, datas) => {
             const { id, border, treeConfig, headerAlign: allHeaderAlign, align: allAlign, footerAlign: allFooterAlign, showOverflow: allColumnOverflow, showHeaderOverflow: allColumnHeaderOverflow } = props;
             const { isAllSelected, isIndeterminate } = reactData;
-            const { mergeBodyCellMaps } = internalData;
+            const { mergeBodyCellMaps, mergeFooterCellMaps } = internalData;
             const treeOpts = computeTreeOpts.value;
             const { print: isPrint, isHeader, isFooter, isColgroup, isMerge, colgroups, original } = opts;
             const allCls = 'check-all';
@@ -11005,15 +11008,34 @@ hooks$4.add('tableExportModule', {
                 const footers = getFooterData($xeTable, opts, footerTableData);
                 if (footers.length) {
                     tables.push('<tfoot>');
-                    footers.forEach((row) => {
+                    footers.forEach((row, rIndex) => {
                         tables.push(`<tr>${columns.map((column) => {
                             const footAlign = column.footerAlign || column.align || allFooterAlign || allAlign;
                             const classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : [];
                             const cellValue = getFooterCellValue(opts, row, column);
+                            let rowSpan = 1;
+                            let colSpan = 1;
+                            if (isMerge) {
+                                const _rowIndex = rIndex;
+                                const _columnIndex = $xeTable.getVTColumnIndex(column);
+                                const spanRest = mergeFooterCellMaps[`${_rowIndex}:${_columnIndex}`];
+                                if (spanRest) {
+                                    const { rowspan, colspan } = spanRest;
+                                    if (!rowspan || !colspan) {
+                                        return '';
+                                    }
+                                    if (rowspan > 1) {
+                                        rowSpan = rowspan;
+                                    }
+                                    if (colspan > 1) {
+                                        colSpan = colspan;
+                                    }
+                                }
+                            }
                             if (footAlign) {
                                 classNames.push(`col--${footAlign}`);
                             }
-                            return `<td class="${classNames.join(' ')}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}>${formatText(cellValue, true)}</div></td>`;
+                            return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}>${formatText(cellValue, true)}</div></td>`;
                         }).join('')}</tr>`);
                     });
                     tables.push('</tfoot>');
@@ -14218,7 +14240,7 @@ function handleSetTreeSelectValue(renderOpts, params) {
  */
 renderer$2.mixin({
     input: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: nativeEditRender,
         renderTableDefault: nativeEditRender,
         createTableFilterOptions: defaultFilterOptions,
@@ -14226,7 +14248,7 @@ renderer$2.mixin({
         tableFilterDefaultMethod: handleInputFilterMethod
     },
     textarea: {
-        tableAutoFocus: 'textarea',
+        tableAutoFocus: true,
         renderTableEdit: nativeEditRender
     },
     select: {
@@ -14266,7 +14288,7 @@ renderer$2.mixin({
         tableExportMethod: handleExportSelectMethod
     },
     VxeInput: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultEditRender,
         renderTableCell(renderOpts, params) {
             const { props = {} } = renderOpts;
@@ -14306,7 +14328,7 @@ renderer$2.mixin({
         }
     },
     VxeNumberInput: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultEditRender,
         renderTableCell: handleNumberCell,
         renderTableFooter(renderOpts, params) {
@@ -14358,7 +14380,7 @@ renderer$2.mixin({
         }
     },
     VxeDatePicker: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultEditRender,
         renderTableCell(renderOpts, params) {
             const props = renderOpts.props || {};
@@ -14384,7 +14406,7 @@ renderer$2.mixin({
         tableFilterDefaultMethod: handleFilterMethod
     },
     VxeDateRangePicker: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit(renderOpts, params) {
             const { startField, endField } = renderOpts;
             const { $table, row, column } = params;
@@ -14484,7 +14506,7 @@ renderer$2.mixin({
         }
     },
     VxeTextarea: {
-        tableAutoFocus: 'textarea',
+        tableAutoFocus: true,
         renderTableDefault: defaultEditRender,
         renderTableEdit: defaultEditRender,
         renderTableCell(renderOpts, params) {
@@ -14505,7 +14527,7 @@ renderer$2.mixin({
         }
     },
     VxeSelect: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultSelectEditRender,
         renderTableDefault: defaultSelectEditRender,
         renderTableCell(renderOpts, params) {
@@ -14607,7 +14629,7 @@ renderer$2.mixin({
         tableExportMethod: handleExportSelectMethod
     },
     VxeTreeSelect: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultTableOrTreeSelectEditRender,
         renderTableCell(renderOpts, params) {
             const { options, optionGroups } = renderOpts;
@@ -14669,8 +14691,36 @@ renderer$2.mixin({
         tableCellPasteMethod: handleSetTreeSelectValue,
         tableExportMethod: handleExportTreeSelectMethod
     },
+    VxeCascader: {
+        tableAutoFocus: true,
+        renderTableEdit: defaultTableOrTreeSelectEditRender,
+        renderTableCell(renderOpts, params) {
+            const { options, optionGroups } = renderOpts;
+            const { $table, row, column } = params;
+            const opSize = options ? options.length : null;
+            const ogSize = optionGroups ? optionGroups.length : null;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                isChanged({ oldValue, cellValue }) {
+                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
+                },
+                setValue({ cellValue }) {
+                    return [cellValue, opSize, ogSize];
+                },
+                getResult({ cellValue }) {
+                    return handleTreeSelectCellValue(cellValue, renderOpts);
+                }
+            });
+            // const cellResult = getTreeSelectCellValue(renderOpts, params)
+            return getCellLabelVNs(renderOpts, params, cellResult);
+        },
+        tableCellFormatter: handleFormatTreeSelect,
+        tableCellCopyMethod: handleFormatTreeSelect,
+        tableCellPasteMethod: handleSetTreeSelectValue,
+        tableExportMethod: handleExportTreeSelectMethod
+    },
     VxeTableSelect: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit: defaultTableOrTreeSelectEditRender,
         renderTableCell(renderOpts, params) {
             const { options, optionGroups } = renderOpts;
@@ -14698,7 +14748,7 @@ renderer$2.mixin({
         tableExportMethod: handleExportTreeSelectMethod
     },
     VxeColorPicker: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit(renderOpts, params) {
             const { row, column } = params;
             const { options } = renderOpts;
@@ -14723,7 +14773,7 @@ renderer$2.mixin({
         }
     },
     VxeIconPicker: {
-        tableAutoFocus: 'input',
+        tableAutoFocus: true,
         renderTableEdit(renderOpts, params) {
             const { row, column } = params;
             const { options } = renderOpts;
@@ -14797,7 +14847,7 @@ renderer$2.mixin({
     },
     // 以下已废弃
     $input: {
-        tableAutoFocus: '.vxe-input--inner',
+        tableAutoFocus: 'input',
         renderTableEdit: oldEditRender,
         renderTableCell(renderOpts, params) {
             var _a;
@@ -14825,7 +14875,7 @@ renderer$2.mixin({
         tableFilterDefaultMethod: handleInputFilterMethod
     },
     $textarea: {
-        tableAutoFocus: '.vxe-textarea--inner'
+        tableAutoFocus: 'textarea'
     },
     $button: {
         renderTableDefault: oldButtonEditRender
@@ -14834,7 +14884,7 @@ renderer$2.mixin({
         renderTableDefault: oldButtonsEditRender
     },
     $select: {
-        tableAutoFocus: '.vxe-input--inner',
+        tableAutoFocus: 'input',
         renderTableEdit: oldSelectEditRender,
         renderTableDefault: oldSelectEditRender,
         renderTableCell(renderOpts, params) {
@@ -14852,13 +14902,13 @@ renderer$2.mixin({
         tableExportMethod: handleExportSelectMethod
     },
     $radio: {
-        tableAutoFocus: '.vxe-radio--input'
+        tableAutoFocus: 'input'
     },
     $checkbox: {
-        tableAutoFocus: '.vxe-checkbox--input'
+        tableAutoFocus: 'input'
     },
     $switch: {
-        tableAutoFocus: '.vxe-switch--button',
+        tableAutoFocus: 'button',
         renderTableEdit: oldEditRender,
         renderTableDefault: oldEditRender
     }
@@ -14883,8 +14933,10 @@ var VxeTableComponent = defineVxeComponent({
         // 使用已安装的组件，如果未安装则不渲染
         const VxeUILoadingComponent = VxeUI.getComponent('VxeLoading');
         const VxeUITooltipComponent = VxeUI.getComponent('VxeTooltip');
+        const $xeModal = inject('$xeModal', null);
         const $xeTabs = inject('$xeTabs', null);
         const $xeParentTable = inject('$xeTable', null);
+        const $xeSplitter = inject('$xeSplitter', null);
         const $xeGrid = inject('$xeGrid', null);
         const $xeGantt = inject('$xeGantt', null);
         const $xeGGWrapper = $xeGrid || $xeGantt;
@@ -15503,6 +15555,15 @@ var VxeTableComponent = defineVxeComponent({
             }
             return [];
         });
+        const combineTabsResizeFlag = computed(() => {
+            return $xeTabs ? $xeTabs.reactData.resizeFlag : null;
+        });
+        const combineModalResizeFlag = computed(() => {
+            return $xeModal ? $xeModal.reactData.resizeFlag : null;
+        });
+        const combineSplitterResizeFlag = computed(() => {
+            return $xeSplitter ? $xeSplitter.reactData.resizeFlag : null;
+        });
         const refMaps = {
             refElem,
             refTooltip,
@@ -23894,11 +23955,39 @@ var VxeTableComponent = defineVxeComponent({
             const { tooltipStore } = reactData;
             const { column, row } = params;
             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();
+            const cellText = XEUtils.toString(column.type === 'html' ? tipOverEl.innerText : tipOverEl.textContent).trim();
             const isOver = tipOverEl.scrollWidth > tipOverEl.clientWidth;
-            if (content && (showAll || useCustom || isOver)) {
+            let isShow = false;
+            let customContent = null;
+            let content = '';
+            if (contentMethod) {
+                customContent = contentMethod(params);
+            }
+            // 是否全部展示
+            if (showAll) {
+                // 如果为 null 默认显示
+                if (XEUtils.eqNull(customContent)) {
+                    isShow = true;
+                    content = cellText;
+                }
+                else if (customContent !== '' && customContent !== false) {
+                    // 如果为 '' | false 则不显示
+                    isShow = true;
+                    content = '' + customContent;
+                }
+            }
+            else {
+                // 如果为 null 使用默认逻辑
+                if (XEUtils.eqNull(customContent)) {
+                    isShow = isOver;
+                }
+                else if (customContent !== '' && customContent !== false) {
+                    // 如果为 '' | false 则不显示
+                    isShow = true;
+                }
+                content = cellText;
+            }
+            if (isShow && content) {
                 const tipContent = formatText(content);
                 Object.assign(tooltipStore, {
                     row,
@@ -28962,11 +29051,19 @@ var VxeTableComponent = defineVxeComponent({
                 loadTableData(internalData.tableSynchData, false, true);
             }
         });
-        if ($xeTabs) {
-            watch(() => $xeTabs ? $xeTabs.reactData.resizeFlag : null, () => {
-                handleGlobalResizeEvent();
-            });
-        }
+        const layoutReFlag = ref(0);
+        watch(combineTabsResizeFlag, () => {
+            layoutReFlag.value++;
+        });
+        watch(combineModalResizeFlag, () => {
+            layoutReFlag.value++;
+        });
+        watch(combineSplitterResizeFlag, () => {
+            layoutReFlag.value++;
+        });
+        watch(layoutReFlag, () => {
+            handleGlobalResizeEvent();
+        });
         handleKeyField();
         hooks$1.forEach((options) => {
             const { setupTable } = options;
@@ -32063,6 +32160,13 @@ var zhCN = {
             yearLabel: '{0} 年',
             monthLabel: '{0} 月'
         },
+        cascader: {
+            clearChecked: '清除',
+            allChecked: '全选',
+            total: '已选 {0} 项',
+            close: '关闭',
+            search: '搜索'
+        },
         numberInput: {
             currencySymbol: '¥'
         },