@fecp/mobile 1.1.55 → 1.1.57

package/es/node_modules/.pnpm/vxe-table@4.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/table/src/body.mjs

@@ -1,734 +0,0 @@
-import { defineComponent, inject, ref, onMounted, nextTick, onUnmounted, h, TransitionGroup } from "vue";
-import XEUtils from "../../../../../../../../_virtual/index.mjs";
-import "../../ui/index.mjs";
-import { getRowid, createHandleGetRowId, calcTreeLine, getOffsetSize } from "./util.mjs";
-import { getPropClass, updateCellTitle } from "../../ui/src/dom.mjs";
-import { isEnableConf } from "../../ui/src/utils.mjs";
-import { getSlotVNs } from "../../ui/src/vn.mjs";
-import { VxeUI } from "../../../../../../@vxe-ui_core@4.2.12_vue@3.5.13_typescript@5.7.3_/node_modules/@vxe-ui/core/es/index.esm.mjs";
-const { getI18n, renderer, renderEmptyElement } = VxeUI;
-const renderType = "body";
-const TableBodyComponent = defineComponent({
-  name: "VxeTableBody",
-  props: {
-    tableData: Array,
-    tableColumn: Array,
-    fixedColumn: Array,
-    fixedType: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(props) {
-    const $xeTable = inject("$xeTable", {});
-    const { xID, props: tableProps, context: tableContext, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
-    const { computeEditOpts, computeMouseOpts, computeCellOffsetWidth, computeAreaOpts, computeDefaultRowHeight, computeEmptyOpts, computeTooltipOpts, computeRadioOpts, computeExpandOpts, computeTreeOpts, computeCheckboxOpts, computeCellOpts, computeValidOpts, computeRowOpts, computeColumnOpts, computeRowDragOpts, computeColumnDragOpts, computeResizableOpts } = $xeTable.getComputeMaps();
-    const refElem = ref();
-    const refBodyScroll = ref();
-    const refBodyTable = ref();
-    const refBodyColgroup = ref();
-    const refBodyTBody = ref();
-    const refBodyXSpace = ref();
-    const refBodyYSpace = ref();
-    const refBodyEmptyBlock = ref();
-    const isVMScrollProcess = () => {
-      const { delayHover } = tableProps;
-      const { lastScrollTime, isDragResize } = tableReactData;
-      return !!(isDragResize || lastScrollTime && Date.now() < lastScrollTime + delayHover);
-    };
-    const renderLine = (rowid, params, cellHeight) => {
-      const { row, column } = params;
-      const { afterFullData } = tableInternalData;
-      const { treeConfig } = tableProps;
-      const treeOpts = computeTreeOpts.value;
-      const { slots, treeNode } = column;
-      const { fullAllDataRowIdData } = tableInternalData;
-      if (slots && slots.line) {
-        return $xeTable.callSlot(slots.line, params);
-      }
-      const rowRest = fullAllDataRowIdData[rowid];
-      let rLevel = 0;
-      let prevRow = null;
-      if (rowRest) {
-        rLevel = rowRest.level;
-        prevRow = rowRest.items[rowRest.treeIndex - 1];
-      }
-      if (treeConfig && treeNode && (treeOpts.showLine || treeOpts.line)) {
-        return [
-          h("div", {
-            key: "tl",
-            class: "vxe-tree--line-wrapper"
-          }, [
-            h("div", {
-              class: "vxe-tree--line",
-              style: {
-                height: `${$xeTable.eqRow(afterFullData[0], row) ? 1 : calcTreeLine(params, prevRow)}px`,
-                bottom: `-${Math.floor(cellHeight / 2)}px`,
-                left: `${rLevel * treeOpts.indent + (rLevel ? 2 - getOffsetSize($xeTable) : 0) + 16}px`
-              }
-            })
-          ])
-        ];
-      }
-      return [];
-    };
-    const renderTdColumn = (seq, rowid, fixedType, isOptimizeMode, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) => {
-      const $xeGrid = $xeTable.xeGrid;
-      const { columnKey, resizable: allResizable, showOverflow: allShowOverflow, border, height, cellClassName: allCellClassName, cellStyle, align: allAlign, spanMethod, mouseConfig, editConfig, editRules, tooltipConfig, padding: allPadding } = tableProps;
-      const { tableData, dragRow, overflowX, currentColumn, scrollXLoad, scrollYLoad, mergeBodyFlag, calcCellHeightFlag, resizeHeightFlag, resizeWidthFlag, editStore, isAllOverflow, validErrorMaps } = tableReactData;
-      const { fullAllDataRowIdData, fullColumnIdData, mergeBodyCellMaps, visibleColumn, afterFullData, mergeBodyList, scrollXStore, scrollYStore } = tableInternalData;
-      const cellOpts = computeCellOpts.value;
-      const validOpts = computeValidOpts.value;
-      const checkboxOpts = computeCheckboxOpts.value;
-      const editOpts = computeEditOpts.value;
-      const tooltipOpts = computeTooltipOpts.value;
-      const resizableOpts = computeResizableOpts.value;
-      const { isAllColumnDrag, isAllRowDrag } = resizableOpts;
-      const rowOpts = computeRowOpts.value;
-      const rowDragOpts = computeRowDragOpts.value;
-      const defaultRowHeight = computeDefaultRowHeight.value;
-      const customCellHeight = calcCellHeightFlag ? cellOpts.height || rowOpts.height : 0;
-      const { disabledMethod: dragDisabledMethod, isCrossDrag, isPeerDrag } = rowDragOpts;
-      const columnOpts = computeColumnOpts.value;
-      const mouseOpts = computeMouseOpts.value;
-      const areaOpts = computeAreaOpts.value;
-      const cellOffsetWidth = computeCellOffsetWidth.value;
-      const { selectCellToRow } = areaOpts;
-      const { type, cellRender, editRender, align, showOverflow, className, treeNode, rowResize, padding, verticalAlign, slots } = column;
-      const { verticalAlign: allVerticalAlign } = cellOpts;
-      const { actived } = editStore;
-      const rowRest = fullAllDataRowIdData[rowid] || {};
-      const colid = column.id;
-      const colRest = fullColumnIdData[colid] || {};
-      const renderOpts = editRender || cellRender;
-      const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-      const compCellClassName = compConf ? compConf.tableCellClassName || compConf.cellClassName : null;
-      const compCellStyle = compConf ? compConf.tableCellStyle || compConf.cellStyle : "";
-      const showAllTip = tooltipOpts.showAll;
-      const columnIndex = colRest.index;
-      const _columnIndex = colRest._index;
-      const isEdit = isEnableConf(editRender);
-      const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
-      let fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX;
-      const isCellPadding = XEUtils.eqNull(padding) ? allPadding === null ? cellOpts.padding : allPadding : padding;
-      const cellOverflow = XEUtils.eqNull(showOverflow) ? allShowOverflow : showOverflow;
-      const showEllipsis = cellOverflow === "ellipsis";
-      const showTitle = cellOverflow === "title";
-      const showTooltip = cellOverflow === true || cellOverflow === "tooltip";
-      const hasEllipsis = isAllOverflow || showTitle || showTooltip || showEllipsis;
-      const showResizable = XEUtils.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
-      const isCsHeight = !!customCellHeight;
-      const isRsHeight = resizeHeight > 0;
-      let isDirty;
-      const tdOns = {};
-      const cellAlign = align || (compConf ? compConf.tableCellAlign : "") || allAlign;
-      const cellVerticalAlign = XEUtils.eqNull(verticalAlign) ? allVerticalAlign : verticalAlign;
-      const errorValidItem = validErrorMaps[`${rowid}:${colid}`];
-      const showValidTip = editRules && validOpts.showMessage && (validOpts.message === "default" ? height || tableData.length > 1 : validOpts.message === "inline");
-      const tdAttrs = { colid };
-      const cellParams = {
-        $table: $xeTable,
-        $grid: $xeGrid,
-        isEdit: false,
-        seq,
-        rowid,
-        row,
-        rowIndex,
-        $rowIndex,
-        _rowIndex,
-        column,
-        columnIndex,
-        $columnIndex,
-        _columnIndex,
-        fixed: fixedType,
-        type: renderType,
-        isHidden: !!fixedHiddenColumn,
-        level: rowLevel,
-        visibleData: afterFullData,
-        data: tableData,
-        items
-      };
-      let isRowDragCell = false;
-      let isDisabledDrag = false;
-      if (rowOpts.drag) {
-        isRowDragCell = rowDragOpts.trigger === "row" || column.dragSort && rowDragOpts.trigger === "cell";
-      }
-      if (isRowDragCell) {
-        isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(cellParams));
-      }
-      if (showTitle || showTooltip || showAllTip || tooltipConfig) {
-        tdOns.onMouseenter = (evnt) => {
-          if (isVMScrollProcess()) {
-            return;
-          }
-          if (showTitle) {
-            updateCellTitle(evnt.currentTarget, column);
-          } else if (showTooltip || showAllTip) {
-            $xeTable.triggerBodyTooltipEvent(evnt, cellParams);
-          }
-          $xeTable.dispatchEvent("cell-mouseenter", Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
-        };
-      }
-      if (showTooltip || showAllTip || tooltipConfig) {
-        tdOns.onMouseleave = (evnt) => {
-          if (isVMScrollProcess()) {
-            return;
-          }
-          if (showTooltip || showAllTip) {
-            $xeTable.handleTargetLeaveEvent(evnt);
-          }
-          $xeTable.dispatchEvent("cell-mouseleave", Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
-        };
-      }
-      if (isRowDragCell || checkboxOpts.range || mouseConfig) {
-        tdOns.onMousedown = (evnt) => {
-          $xeTable.triggerCellMousedownEvent(evnt, cellParams);
-        };
-      }
-      if (isRowDragCell) {
-        tdOns.onMouseup = $xeTable.triggerCellMouseupEvent;
-      }
-      tdOns.onClick = (evnt) => {
-        $xeTable.triggerCellClickEvent(evnt, cellParams);
-      };
-      tdOns.onDblclick = (evnt) => {
-        $xeTable.triggerCellDblclickEvent(evnt, cellParams);
-      };
-      let isMergeCell = false;
-      if (mergeBodyFlag && mergeBodyList.length) {
-        const spanRest = mergeBodyCellMaps[`${_rowIndex}:${_columnIndex}`];
-        if (spanRest) {
-          const { rowspan, colspan } = spanRest;
-          if (!rowspan || !colspan) {
-            return null;
-          }
-          if (rowspan > 1) {
-            isMergeCell = true;
-            tdAttrs.rowspan = rowspan;
-          }
-          if (colspan > 1) {
-            isMergeCell = true;
-            tdAttrs.colspan = colspan;
-          }
-        }
-      } else if (spanMethod) {
-        const { rowspan = 1, colspan = 1 } = spanMethod(cellParams) || {};
-        if (!rowspan || !colspan) {
-          return null;
-        }
-        if (rowspan > 1) {
-          tdAttrs.rowspan = rowspan;
-        }
-        if (colspan > 1) {
-          tdAttrs.colspan = colspan;
-        }
-      }
-      if (fixedHiddenColumn && isMergeCell) {
-        if (tdAttrs.colspan > 1 || tdAttrs.rowspan > 1) {
-          fixedHiddenColumn = false;
-        }
-      }
-      if (!fixedHiddenColumn && editConfig && (editRender || cellRender) && (editOpts.showStatus || editOpts.showUpdateStatus)) {
-        isDirty = $xeTable.isUpdateByRow(row, column.field);
-      }
-      const isVNAutoHeight = scrollYLoad && !hasEllipsis;
-      const cellHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
-      const isLastColumn = $columnIndex === columns.length - 1;
-      const isAutoCellWidth = !column.resizeWidth && (column.minWidth === "auto" || column.width === "auto");
-      let isVNPreEmptyStatus = false;
-      if (!isMergeCell) {
-        if (!dragRow || getRowid($xeTable, dragRow) !== rowid) {
-          if (scrollYLoad && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
-            isVNPreEmptyStatus = true;
-          } else if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
-            isVNPreEmptyStatus = true;
-          }
-        }
-      }
-      const tcStyle = {};
-      if (hasEllipsis && resizeWidthFlag) {
-        let tsColspan = tdAttrs.colspan || 0;
-        if (tsColspan > 1) {
-          for (let index = 1; index < tsColspan; index++) {
-            const nextColumn = visibleColumn[columnIndex + index];
-            if (nextColumn) {
-              tsColspan += nextColumn.renderWidth;
-            }
-          }
-        }
-        tcStyle.width = `${column.renderWidth - cellOffsetWidth * tsColspan}px`;
-      }
-      if (scrollYLoad || hasEllipsis || isCsHeight || isRsHeight) {
-        tcStyle.height = `${cellHeight}px`;
-      } else {
-        tcStyle.minHeight = `${cellHeight}px`;
-      }
-      const tdVNs = [];
-      if (fixedHiddenColumn && isAllOverflow) {
-        tdVNs.push(h("div", {
-          key: "tc",
-          class: ["vxe-cell", {
-            "c--title": showTitle,
-            "c--tooltip": showTooltip,
-            "c--ellipsis": showEllipsis
-          }],
-          style: tcStyle
-        }));
-      } else {
-        tdVNs.push(...renderLine(rowid, cellParams, cellHeight), h("div", {
-          key: "tc",
-          class: ["vxe-cell", {
-            "c--title": showTitle,
-            "c--tooltip": showTooltip,
-            "c--ellipsis": showEllipsis
-          }],
-          style: tcStyle,
-          title: showTitle ? $xeTable.getCellLabel(row, column) : null
-        }, isVNPreEmptyStatus ? [] : [
-          h("div", {
-            colid,
-            rowid,
-            class: "vxe-cell--wrapper"
-          }, column.renderCell(cellParams))
-        ]));
-        if (showValidTip && errorValidItem) {
-          const errRule = errorValidItem.rule;
-          const validSlot = slots ? slots.valid : null;
-          const validParams = Object.assign(Object.assign(Object.assign({}, cellParams), errorValidItem), { rule: errorValidItem });
-          tdVNs.push(h("div", {
-            key: "tcv",
-            class: ["vxe-cell--valid-error-tip", getPropClass(validOpts.className, validParams)],
-            style: errRule && errRule.maxWidth ? {
-              width: `${errRule.maxWidth}px`
-            } : null
-          }, [
-            h("div", {
-              class: `vxe-cell--valid-error-wrapper vxe-cell--valid-error-theme-${validOpts.theme || "normal"}`
-            }, [
-              validSlot ? $xeTable.callSlot(validSlot, validParams) : [
-                h("span", {
-                  class: "vxe-cell--valid-error-msg"
-                }, errorValidItem.content)
-              ]
-            ])
-          ]));
-        }
-      }
-      let showAreaRowStatus = false;
-      if (mouseConfig && mouseOpts.area && selectCellToRow) {
-        if (!_columnIndex && selectCellToRow === true || selectCellToRow === column.field) {
-          showAreaRowStatus = true;
-        }
-      }
-      if (!fixedHiddenColumn && showResizable && isAllColumnDrag) {
-        tdVNs.push(h("div", {
-          key: "tcc",
-          class: ["vxe-cell--col-resizable", {
-            "is--line": !border || border === "none"
-          }],
-          onMousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
-          onDblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
-        }));
-      }
-      if ((rowResize || isAllRowDrag) && rowOpts.resizable) {
-        tdVNs.push(h("div", {
-          key: "tcr",
-          class: "vxe-cell--row-resizable",
-          onMousedown: (evnt) => $xeTable.handleRowResizeMousedownEvent(evnt, cellParams),
-          onDblclick: (evnt) => $xeTable.handleRowResizeDblclickEvent(evnt, cellParams)
-        }));
-      }
-      return h("td", Object.assign(Object.assign(Object.assign({ class: [
-        "vxe-body--column",
-        colid,
-        cellVerticalAlign ? `col--vertical-${cellVerticalAlign}` : "",
-        cellAlign ? `col--${cellAlign}` : "",
-        type ? `col--${type}` : "",
-        {
-          "col--last": isLastColumn,
-          "col--tree-node": treeNode,
-          "col--edit": isEdit,
-          "col--ellipsis": hasEllipsis,
-          "col--cs-height": isCsHeight,
-          "col--rs-height": isRsHeight,
-          "col--to-row": showAreaRowStatus,
-          "col--auto-height": isVNAutoHeight,
-          "fixed--width": !isAutoCellWidth,
-          "fixed--hidden": fixedHiddenColumn,
-          "is--padding": isCellPadding,
-          "is--progress": fixedHiddenColumn && isAllOverflow || isVNPreEmptyStatus,
-          "is--drag-cell": isRowDragCell && (isCrossDrag || isPeerDrag || !rowLevel),
-          "is--drag-disabled": isDisabledDrag,
-          "col--dirty": isDirty,
-          "col--active": editConfig && isEdit && (actived.row === row && (actived.column === column || editOpts.mode === "row")),
-          "col--valid-error": !!errorValidItem,
-          "col--current": currentColumn === column
-        },
-        getPropClass(compCellClassName, cellParams),
-        getPropClass(className, cellParams),
-        getPropClass(allCellClassName, cellParams)
-      ], key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || rowOpts.useKey || columnOpts.drag ? colid : $columnIndex }, tdAttrs), { style: Object.assign({}, XEUtils.isFunction(compCellStyle) ? compCellStyle(cellParams) : compCellStyle, XEUtils.isFunction(cellStyle) ? cellStyle(cellParams) : cellStyle) }), tdOns), isOptimizeMode && fixedHiddenColumn ? [] : tdVNs);
-    };
-    const renderRows = (fixedType, isOptimizeMode, tableData, tableColumn) => {
-      const { stripe, rowKey, highlightHoverRow, rowClassName, rowStyle, editConfig, treeConfig } = tableProps;
-      const { hasFixedColumn, treeExpandedFlag, isColLoading, scrollXLoad, scrollYLoad, isAllOverflow, rowExpandedFlag, expandColumn, selectRadioRow, pendingRowFlag, isDragColMove, rowExpandHeightFlag } = tableReactData;
-      const { fullAllDataRowIdData, treeExpandedMaps, pendingRowMaps, rowExpandedMaps } = tableInternalData;
-      const checkboxOpts = computeCheckboxOpts.value;
-      const radioOpts = computeRadioOpts.value;
-      const treeOpts = computeTreeOpts.value;
-      const editOpts = computeEditOpts.value;
-      const rowOpts = computeRowOpts.value;
-      const columnOpts = computeColumnOpts.value;
-      const columnDragOpts = computeColumnDragOpts.value;
-      const { transform, seqMode } = treeOpts;
-      const childrenField = treeOpts.children || treeOpts.childrenField;
-      const rows = [];
-      const { handleGetRowId } = createHandleGetRowId($xeTable);
-      tableData.forEach((row, $rowIndex) => {
-        const rowid = handleGetRowId(row);
-        const rowRest = fullAllDataRowIdData[rowid] || {};
-        let rowIndex = $rowIndex;
-        let rowLevel = 0;
-        let seq = -1;
-        let _rowIndex = -1;
-        const trOn = {};
-        if (rowOpts.isHover || highlightHoverRow) {
-          trOn.onMouseenter = (evnt) => {
-            if (isVMScrollProcess()) {
-              return;
-            }
-            $xeTable.triggerHoverEvent(evnt, { row, rowIndex });
-          };
-          trOn.onMouseleave = () => {
-            if (isVMScrollProcess()) {
-              return;
-            }
-            $xeTable.clearHoverRow();
-          };
-        }
-        if (rowRest) {
-          rowLevel = rowRest.level;
-          if (treeConfig && transform && seqMode === "increasing") {
-            seq = rowRest._index + 1;
-          } else {
-            seq = rowRest.seq;
-          }
-          rowIndex = rowRest.index;
-          _rowIndex = rowRest._index;
-        }
-        const params = { $table: $xeTable, seq, rowid, fixed: fixedType, type: renderType, level: rowLevel, row, rowIndex, $rowIndex, _rowIndex };
-        const isExpandRow = expandColumn && !!rowExpandedFlag && !!rowExpandedMaps[rowid];
-        let isExpandTree = false;
-        let rowChildren = [];
-        let isNewRow = false;
-        if (editConfig) {
-          isNewRow = $xeTable.isInsertByRow(row);
-        }
-        if (treeConfig && !scrollYLoad && !transform) {
-          rowChildren = row[childrenField];
-          isExpandTree = !!treeExpandedFlag && rowChildren && rowChildren.length > 0 && !!treeExpandedMaps[rowid];
-        }
-        if (rowOpts.drag && (!treeConfig || transform)) {
-          trOn.onDragstart = $xeTable.handleRowDragDragstartEvent;
-          trOn.onDragend = $xeTable.handleRowDragDragendEvent;
-          trOn.onDragover = $xeTable.handleRowDragDragoverEvent;
-        }
-        const trClass = [
-          "vxe-body--row",
-          treeConfig ? `row--level-${rowLevel}` : "",
-          {
-            "row--stripe": stripe && (_rowIndex + 1) % 2 === 0,
-            "is--new": isNewRow,
-            "is--expand-row": isExpandRow,
-            "is--expand-tree": isExpandTree,
-            "row--new": isNewRow && (editOpts.showStatus || editOpts.showInsertStatus),
-            "row--radio": radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
-            "row--checked": checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
-            "row--pending": !!pendingRowFlag && !!pendingRowMaps[rowid]
-          },
-          getPropClass(rowClassName, params)
-        ];
-        const tdVNs = tableColumn.map((column, $columnIndex) => {
-          return renderTdColumn(seq, rowid, fixedType, isOptimizeMode, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
-        });
-        rows.push(!isColLoading && (columnOpts.drag && columnDragOpts.animation) ? h(TransitionGroup, Object.assign({ name: `vxe-header--col-list${isDragColMove ? "" : "-disabled"}`, tag: "tr", class: trClass, rowid, style: rowStyle ? XEUtils.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null, key: rowKey || scrollXLoad || scrollYLoad || rowOpts.useKey || rowOpts.drag || columnOpts.drag || treeConfig ? rowid : $rowIndex }, trOn), {
-          default: () => tdVNs
-        }) : h("tr", Object.assign({ class: trClass, rowid, style: rowStyle ? XEUtils.isFunction(rowStyle) ? rowStyle(params) : rowStyle : null, key: rowKey || scrollXLoad || scrollYLoad || rowOpts.useKey || rowOpts.drag || columnOpts.drag || treeConfig ? rowid : $rowIndex }, trOn), tdVNs));
-        if (isExpandRow) {
-          const expandOpts = computeExpandOpts.value;
-          const { height: expandHeight, padding, mode: expandMode } = expandOpts;
-          if (expandMode === "fixed") {
-            rows.push(h("tr", {
-              class: "vxe-body--row-expanded-place",
-              key: `expand_${rowid}`,
-              rowid
-            }, [
-              h("td", {
-                class: "vxe-body--row-expanded-place-column",
-                colspan: tableColumn.length,
-                style: {
-                  height: `${rowExpandHeightFlag ? rowRest.expandHeight || expandHeight : 0}px`
-                }
-              })
-            ]));
-          } else {
-            const cellStyle = {};
-            if (expandHeight) {
-              cellStyle.height = `${expandHeight}px`;
-            }
-            if (treeConfig) {
-              cellStyle.paddingLeft = `${rowLevel * treeOpts.indent + 30}px`;
-            }
-            const { showOverflow } = expandColumn;
-            const hasEllipsis = XEUtils.isUndefined(showOverflow) || XEUtils.isNull(showOverflow) ? isAllOverflow : showOverflow;
-            const expandParams = { $table: $xeTable, seq, column: expandColumn, fixed: fixedType, type: renderType, level: rowLevel, row, rowIndex, $rowIndex, _rowIndex };
-            rows.push(h("tr", {
-              class: ["vxe-body--expanded-row", {
-                "is--padding": padding
-              }],
-              key: `expand_${rowid}`
-            }, [
-              h("td", {
-                class: ["vxe-body--expanded-column", {
-                  "fixed--hidden": fixedType && !hasFixedColumn,
-                  "col--ellipsis": hasEllipsis
-                }],
-                colspan: tableColumn.length
-              }, [
-                h("div", {
-                  class: ["vxe-body--expanded-cell", {
-                    "is--ellipsis": expandHeight
-                  }],
-                  style: cellStyle
-                }, [
-                  expandColumn.renderData(expandParams)
-                ])
-              ])
-            ]));
-          }
-        }
-        if (isExpandTree) {
-          rows.push(...renderRows(fixedType, isOptimizeMode, rowChildren, tableColumn));
-        }
-      });
-      return rows;
-    };
-    onMounted(() => {
-      nextTick(() => {
-        const { fixedType } = props;
-        const { elemStore } = tableInternalData;
-        const prefix = `${fixedType || "main"}-body-`;
-        elemStore[`${prefix}wrapper`] = refElem;
-        elemStore[`${prefix}scroll`] = refBodyScroll;
-        elemStore[`${prefix}table`] = refBodyTable;
-        elemStore[`${prefix}colgroup`] = refBodyColgroup;
-        elemStore[`${prefix}list`] = refBodyTBody;
-        elemStore[`${prefix}xSpace`] = refBodyXSpace;
-        elemStore[`${prefix}ySpace`] = refBodyYSpace;
-        elemStore[`${prefix}emptyBlock`] = refBodyEmptyBlock;
-      });
-    });
-    onUnmounted(() => {
-      const { fixedType } = props;
-      const { elemStore } = tableInternalData;
-      const prefix = `${fixedType || "main"}-body-`;
-      elemStore[`${prefix}wrapper`] = null;
-      elemStore[`${prefix}scroll`] = null;
-      elemStore[`${prefix}table`] = null;
-      elemStore[`${prefix}colgroup`] = null;
-      elemStore[`${prefix}list`] = null;
-      elemStore[`${prefix}xSpace`] = null;
-      elemStore[`${prefix}ySpace`] = null;
-      elemStore[`${prefix}emptyBlock`] = null;
-    });
-    const renderVN = () => {
-      const { slots } = tableContext;
-      const $xeGrid = $xeTable.xeGrid;
-      const { fixedColumn, fixedType, tableColumn } = props;
-      const { spanMethod, footerSpanMethod, mouseConfig } = tableProps;
-      const { isGroup, tableData, isRowLoading, isColLoading, overflowX, scrollXLoad, scrollYLoad, isAllOverflow, isDragRowMove, expandColumn, dragRow, dragCol } = tableReactData;
-      const { visibleColumn, fullAllDataRowIdData, fullColumnIdData } = tableInternalData;
-      const rowOpts = computeRowOpts.value;
-      const emptyOpts = computeEmptyOpts.value;
-      const mouseOpts = computeMouseOpts.value;
-      const rowDragOpts = computeRowDragOpts.value;
-      const expandOpts = computeExpandOpts.value;
-      let renderDataList = tableData;
-      let renderColumnList = tableColumn;
-      let isOptimizeMode = false;
-      if (scrollXLoad || scrollYLoad || isAllOverflow) {
-        if (expandColumn && expandOpts.mode !== "fixed" || spanMethod || footerSpanMethod) ;
-        else {
-          isOptimizeMode = true;
-        }
-      }
-      if (!isColLoading && (fixedType || !overflowX)) {
-        renderColumnList = visibleColumn;
-      }
-      if (fixedType) {
-        if (isOptimizeMode) {
-          renderColumnList = fixedColumn || [];
-        }
-      }
-      if (scrollYLoad && dragRow) {
-        if (renderDataList.length > 2) {
-          const dRowRest = fullAllDataRowIdData[getRowid($xeTable, dragRow)];
-          if (dRowRest) {
-            const drIndex = dRowRest._index;
-            const firstRow = renderDataList[0];
-            const lastRow = renderDataList[renderDataList.length - 1];
-            const firstRowRest = fullAllDataRowIdData[getRowid($xeTable, firstRow)];
-            const lastRowRest = fullAllDataRowIdData[getRowid($xeTable, lastRow)];
-            if (firstRowRest && lastRowRest) {
-              const frIndex = firstRowRest._index;
-              const lrIndex = lastRowRest._index;
-              if (drIndex < frIndex) {
-                renderDataList = [dragRow].concat(renderDataList);
-              } else if (drIndex > lrIndex) {
-                renderDataList = renderDataList.concat([dragRow]);
-              }
-            }
-          }
-        }
-      }
-      if (!fixedType && !isGroup) {
-        if (scrollXLoad && dragCol) {
-          if (renderColumnList.length > 2) {
-            const dCowRest = fullColumnIdData[dragCol.id];
-            if (dCowRest) {
-              const dcIndex = dCowRest._index;
-              const firstCol = renderColumnList[0];
-              const lastCol = renderColumnList[renderColumnList.length - 1];
-              const firstColRest = fullColumnIdData[firstCol.id];
-              const lastColRest = fullColumnIdData[lastCol.id];
-              if (firstColRest && lastColRest) {
-                const fcIndex = firstColRest._index;
-                const lcIndex = lastColRest._index;
-                if (dcIndex < fcIndex) {
-                  renderColumnList = [dragCol].concat(renderColumnList);
-                } else if (dcIndex > lcIndex) {
-                  renderColumnList = renderColumnList.concat([dragCol]);
-                }
-              }
-            }
-          }
-        }
-      }
-      let emptyContent;
-      const emptySlot = slots ? slots.empty : null;
-      if (emptySlot) {
-        emptyContent = $xeTable.callSlot(emptySlot, { $table: $xeTable, $grid: $xeGrid });
-      } else {
-        const compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null;
-        const rtEmptyView = compConf ? compConf.renderTableEmpty || compConf.renderTableEmptyView || compConf.renderEmpty : null;
-        if (rtEmptyView) {
-          emptyContent = getSlotVNs(rtEmptyView(emptyOpts, { $table: $xeTable }));
-        } else {
-          emptyContent = tableProps.emptyText || getI18n("vxe.table.emptyText");
-        }
-      }
-      const ons = {
-        onScroll(evnt) {
-          $xeTable.triggerBodyScrollEvent(evnt, fixedType);
-        }
-      };
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-table--body-wrapper", fixedType ? `fixed-${fixedType}--wrapper` : "body--wrapper"],
-        xid: xID
-      }, [
-        h("div", Object.assign({ ref: refBodyScroll, class: "vxe-table--body-inner-wrapper" }, ons), [
-          fixedType ? renderEmptyElement($xeTable) : h("div", {
-            ref: refBodyXSpace,
-            class: "vxe-body--x-space"
-          }),
-          h("div", {
-            ref: refBodyYSpace,
-            class: "vxe-body--y-space"
-          }),
-          h("table", {
-            ref: refBodyTable,
-            class: "vxe-table--body",
-            xid: xID,
-            cellspacing: 0,
-            cellpadding: 0,
-            border: 0
-          }, [
-            /**
-             * 列宽
-             */
-            h("colgroup", {
-              ref: refBodyColgroup
-            }, renderColumnList.map((column, $columnIndex) => {
-              return h("col", {
-                name: column.id,
-                key: $columnIndex,
-                style: {
-                  width: `${column.renderWidth}px`
-                }
-              });
-            })),
-            /**
-             * 内容
-             */
-            !(isRowLoading || isColLoading) && (rowOpts.drag && rowDragOpts.animation) ? h(TransitionGroup, {
-              ref: refBodyTBody,
-              name: `vxe-body--row-list${isDragRowMove ? "" : "-disabled"}`,
-              tag: "tbody"
-            }, {
-              default: () => renderRows(fixedType, isOptimizeMode, renderDataList, renderColumnList)
-            }) : h("tbody", {
-              ref: refBodyTBody
-            }, renderRows(fixedType, isOptimizeMode, renderDataList, renderColumnList))
-          ]),
-          h("div", {
-            class: "vxe-table--checkbox-range"
-          }),
-          mouseConfig && mouseOpts.area ? h("div", {
-            class: "vxe-table--cell-area"
-          }, [
-            h("span", {
-              class: "vxe-table--cell-main-area"
-            }, mouseOpts.extension ? [
-              h("span", {
-                class: "vxe-table--cell-main-area-btn",
-                onMousedown(evnt) {
-                  if ($xeTable.triggerCellAreaExtendMousedownEvent) {
-                    $xeTable.triggerCellAreaExtendMousedownEvent(evnt, { $table: $xeTable, fixed: fixedType, type: renderType });
-                  }
-                }
-              })
-            ] : []),
-            h("span", {
-              class: "vxe-table--cell-copy-area"
-            }),
-            h("span", {
-              class: "vxe-table--cell-extend-area"
-            }),
-            h("span", {
-              class: "vxe-table--cell-multi-area"
-            }),
-            h("span", {
-              class: "vxe-table--cell-active-area"
-            }),
-            h("span", {
-              class: "vxe-table--cell-row-status-area"
-            })
-          ]) : renderEmptyElement($xeTable),
-          !fixedType ? h("div", {
-            class: "vxe-table--empty-block",
-            ref: refBodyEmptyBlock
-          }, [
-            h("div", {
-              class: "vxe-table--empty-content"
-            }, emptyContent)
-          ]) : renderEmptyElement($xeTable)
-        ])
-      ]);
-    };
-    return renderVN;
-  }
-});
-export {
-  TableBodyComponent as default
-};