vxe-table 4.10.6-beta.8 → 4.10.6

package/es/table/src/util.js

@@ -101,7 +101,7 @@ export function getRowid($xeTable, row) {
 }
 export const handleFieldOrColumn = ($xeTable, fieldOrColumn) => {
     if (fieldOrColumn) {
-        return XEUtils.isString(fieldOrColumn) ? $xeTable.getColumnByField(fieldOrColumn) : fieldOrColumn;
+        return XEUtils.isString(fieldOrColumn) || XEUtils.isNumber(fieldOrColumn) ? $xeTable.getColumnByField(`${fieldOrColumn}`) : fieldOrColumn;
     }
     return null;
 };
@@ -152,6 +152,12 @@ export function getRefElem(refEl) {
     }
     return null;
 }
+export function getCellHeight(height) {
+    if (height === 'unset') {
+        return 0;
+    }
+    return height || 0;
+}
 /**
  * 列宽拖动最大宽度
  * @param params
@@ -178,7 +184,8 @@ export function getColReMaxWidth(params) {
  */
 export function getColReMinWidth(params) {
     const { $table, column, cell } = params;
-    const { props: tableProps } = $table;
+    const tableProps = $table.props;
+    const internalData = $table.internalData;
     const { computeResizableOpts } = $table.getComputeMaps();
     const resizableOpts = computeResizableOpts.value;
     const { minWidth: reMinWidth } = resizableOpts;
@@ -189,6 +196,7 @@ export function getColReMinWidth(params) {
             return Math.max(1, XEUtils.toNumber(customMinWidth));
         }
     }
+    const { elemStore } = internalData;
     const { showHeaderOverflow: allColumnHeaderOverflow } = tableProps;
     const { showHeaderOverflow, minWidth: colMinWidth } = column;
     const headOverflow = XEUtils.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
@@ -213,12 +221,10 @@ export function getColReMinWidth(params) {
     }
     // 如果设置最小宽
     if (colMinWidth) {
-        const { refTableBody } = $table.getRefMaps();
-        const tableBody = refTableBody.value;
-        const bodyElem = tableBody ? tableBody.$el : null;
-        if (bodyElem) {
+        const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
+        if (bodyScrollElem) {
             if (isScale(colMinWidth)) {
-                const bodyWidth = bodyElem.clientWidth - 1;
+                const bodyWidth = bodyScrollElem.clientWidth - 1;
                 const meanWidth = bodyWidth / 100;
                 return Math.max(mWidth, Math.floor(XEUtils.toInteger(colMinWidth) * meanWidth));
             }
@@ -319,13 +325,32 @@ export const getOffsetSize = ($xeTable) => {
     return 0;
 };
 export function calcTreeLine(params, prevRow) {
-    const { $table } = params;
+    const { $table, row } = params;
+    const tableProps = $table.props;
     const tableReactData = $table.reactData;
+    const tableInternalData = $table.internalData;
+    const { showOverflow } = tableProps;
+    const { scrollYLoad } = tableReactData;
+    const { fullAllDataRowIdData } = tableInternalData;
+    const { computeRowOpts, computeCellOpts, computeDefaultRowHeight } = $table.getComputeMaps();
+    const rowOpts = computeRowOpts.value;
+    const cellOpts = computeCellOpts.value;
+    const defaultRowHeight = computeDefaultRowHeight.value;
+    const rowid = getRowid($table, row);
+    const rowRest = fullAllDataRowIdData[rowid];
+    const currCellHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight;
     let expandSize = 1;
     if (prevRow) {
         expandSize = countTreeExpand(prevRow, params);
     }
-    return tableReactData.rowHeight * expandSize - (prevRow ? 1 : (12 - getOffsetSize($table)));
+    let cellHeight = currCellHeight;
+    const vnHeight = rowRest.height;
+    if (scrollYLoad) {
+        if (!showOverflow) {
+            cellHeight = vnHeight || currCellHeight;
+        }
+    }
+    return cellHeight * expandSize - (prevRow ? 1 : (12 - getOffsetSize($table)));
 }
 export function mergeBodyMethod(mergeList, _rowIndex, _columnIndex) {
     for (let mIndex = 0; mIndex < mergeList.length; mIndex++) {
@@ -373,28 +398,24 @@ export function clearTableAllStatus($xeTable) {
     return clearTableDefaultStatus($xeTable);
 }
 export function rowToVisible($xeTable, row) {
-    const { reactData, internalData } = $xeTable;
     const tableProps = $xeTable.props;
+    const reactData = $xeTable.reactData;
+    const internalData = $xeTable.internalData;
+    const { computeLeftFixedWidth, computeRightFixedWidth, computeRowOpts, computeCellOpts, computeDefaultRowHeight } = $xeTable.getComputeMaps();
     const { showOverflow } = tableProps;
-    const { refTableBody } = $xeTable.getRefMaps();
-    const { columnStore, scrollYLoad, rowHeight } = reactData;
-    const { afterFullData, fullAllDataRowIdData } = internalData;
-    const tableBody = refTableBody.value;
-    const { leftList, rightList } = columnStore;
-    const bodyElem = tableBody ? tableBody.$el : null;
+    const { scrollYLoad } = reactData;
+    const { elemStore, afterFullData, fullAllDataRowIdData, isResizeCellHeight } = internalData;
+    const rowOpts = computeRowOpts.value;
+    const cellOpts = computeCellOpts.value;
+    const defaultRowHeight = computeDefaultRowHeight.value;
+    const leftFixedWidth = computeLeftFixedWidth.value;
+    const rightFixedWidth = computeRightFixedWidth.value;
+    const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
     const rowid = getRowid($xeTable, row);
-    let offsetFixedLeft = 0;
-    leftList.forEach(item => {
-        offsetFixedLeft += item.renderWidth;
-    });
-    let offsetFixedRight = 0;
-    rightList.forEach(item => {
-        offsetFixedRight += item.renderWidth;
-    });
-    if (bodyElem) {
-        const bodyHeight = bodyElem.clientHeight;
-        const bodyScrollTop = bodyElem.scrollTop;
-        const trElem = bodyElem.querySelector(`[rowid="${rowid}"]`);
+    if (bodyScrollElem) {
+        const bodyHeight = bodyScrollElem.clientHeight;
+        const bodyScrollTop = bodyScrollElem.scrollTop;
+        const trElem = bodyScrollElem.querySelector(`[rowid="${rowid}"]`);
         if (trElem) {
             const trOffsetParent = trElem.offsetParent;
             const trOffsetTop = trElem.offsetTop + (trOffsetParent ? trOffsetParent.offsetTop : 0);
@@ -410,70 +431,64 @@ export function rowToVisible($xeTable, row) {
         else {
             // 如果是虚拟渲染滚动
             if (scrollYLoad) {
-                if (showOverflow) {
-                    return $xeTable.scrollTo(null, ($xeTable.findRowIndexOf(afterFullData, row) - 1) * rowHeight);
+                const isCustomCellHeight = isResizeCellHeight || cellOpts.height || rowOpts.height;
+                if (!isCustomCellHeight && showOverflow) {
+                    return $xeTable.scrollTo(null, ($xeTable.findRowIndexOf(afterFullData, row) - 1) * defaultRowHeight);
                 }
                 let scrollTop = 0;
-                const rowRest = fullAllDataRowIdData[rowid];
-                const rHeight = rowRest ? (rowRest.height || rowHeight) : rowHeight;
+                const rowRest = fullAllDataRowIdData[rowid] || {};
+                const rHeight = rowRest ? (rowRest.resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight) : defaultRowHeight;
                 for (let i = 0; i < afterFullData.length; i++) {
                     const currRow = afterFullData[i];
                     const currRowid = getRowid($xeTable, currRow);
                     if (currRow === row || currRowid === rowid) {
                         break;
                     }
-                    const rowRest = fullAllDataRowIdData[currRowid];
-                    scrollTop += rowRest ? (rowRest.height || rowHeight) : rowHeight;
+                    const currRowRest = fullAllDataRowIdData[currRowid] || {};
+                    scrollTop += currRowRest.resizeHeight || currRowRest.height || cellOpts.height || rowOpts.height || defaultRowHeight;
                 }
                 if (scrollTop < bodyScrollTop) {
-                    return $xeTable.scrollTo(null, scrollTop - offsetFixedLeft - 1);
+                    return $xeTable.scrollTo(null, scrollTop - leftFixedWidth - 1);
                 }
-                return $xeTable.scrollTo(null, (scrollTop + rHeight) - (bodyHeight - offsetFixedRight - 1));
+                return $xeTable.scrollTo(null, (scrollTop + rHeight) - (bodyHeight - rightFixedWidth - 1));
             }
         }
     }
     return Promise.resolve();
 }
 export function colToVisible($xeTable, column, row) {
-    const { reactData, internalData } = $xeTable;
-    const { refTableBody } = $xeTable.getRefMaps();
-    const { columnStore, scrollXLoad } = reactData;
-    const { visibleColumn } = internalData;
-    const { leftList, rightList } = columnStore;
-    const tableBody = refTableBody.value;
-    const bodyElem = tableBody ? tableBody.$el : null;
+    const reactData = $xeTable.reactData;
+    const internalData = $xeTable.internalData;
+    const { computeLeftFixedWidth, computeRightFixedWidth } = $xeTable.getComputeMaps();
+    const { scrollXLoad } = reactData;
+    const { elemStore, visibleColumn } = internalData;
+    const leftFixedWidth = computeLeftFixedWidth.value;
+    const rightFixedWidth = computeRightFixedWidth.value;
+    const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
     if (column.fixed) {
         return Promise.resolve();
     }
-    let offsetFixedLeft = 0;
-    leftList.forEach(item => {
-        offsetFixedLeft += item.renderWidth;
-    });
-    let offsetFixedRight = 0;
-    rightList.forEach(item => {
-        offsetFixedRight += item.renderWidth;
-    });
-    if (bodyElem) {
-        const bodyWidth = bodyElem.clientWidth;
-        const bodyScrollLeft = bodyElem.scrollLeft;
+    if (bodyScrollElem) {
+        const bodyWidth = bodyScrollElem.clientWidth;
+        const bodyScrollLeft = bodyScrollElem.scrollLeft;
         let tdElem = null;
         if (row) {
             const rowid = getRowid($xeTable, row);
-            tdElem = bodyElem.querySelector(`[rowid="${rowid}"] .${column.id}`);
+            tdElem = bodyScrollElem.querySelector(`[rowid="${rowid}"] .${column.id}`);
         }
         if (!tdElem) {
-            tdElem = bodyElem.querySelector(`.${column.id}`);
+            tdElem = bodyScrollElem.querySelector(`.${column.id}`);
         }
         if (tdElem) {
             const tdOffsetParent = tdElem.offsetParent;
             const tdOffsetLeft = tdElem.offsetLeft + (tdOffsetParent ? tdOffsetParent.offsetLeft : 0);
             const cellWidth = tdElem.clientWidth;
             // 检测是否在可视区中
-            if (tdOffsetLeft < (bodyScrollLeft + offsetFixedLeft)) {
-                return $xeTable.scrollTo(tdOffsetLeft - offsetFixedLeft - 1);
+            if (tdOffsetLeft < (bodyScrollLeft + leftFixedWidth)) {
+                return $xeTable.scrollTo(tdOffsetLeft - leftFixedWidth - 1);
             }
-            else if ((tdOffsetLeft + cellWidth - bodyScrollLeft) > (bodyWidth - offsetFixedRight)) {
-                return $xeTable.scrollTo((tdOffsetLeft + cellWidth) - (bodyWidth - offsetFixedRight - 1));
+            else if ((tdOffsetLeft + cellWidth - bodyScrollLeft) > (bodyWidth - rightFixedWidth)) {
+                return $xeTable.scrollTo((tdOffsetLeft + cellWidth) - (bodyWidth - rightFixedWidth - 1));
             }
         }
         else {
@@ -489,9 +504,9 @@ export function colToVisible($xeTable, column, row) {
                     scrollLeft += currCol.renderWidth;
                 }
                 if (scrollLeft < bodyScrollLeft) {
-                    return $xeTable.scrollTo(scrollLeft - offsetFixedLeft - 1);
+                    return $xeTable.scrollTo(scrollLeft - leftFixedWidth - 1);
                 }
-                return $xeTable.scrollTo((scrollLeft + cellWidth) - (bodyWidth - offsetFixedRight - 1));
+                return $xeTable.scrollTo((scrollLeft + cellWidth) - (bodyWidth - rightFixedWidth - 1));
             }
         }
     }