@fecp/mobile 1.1.49 → 1.1.51

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

@@ -1,526 +0,0 @@
-import { inject, ref, watch, onMounted, nextTick, onUnmounted, h } from "vue";
-import { defineVxeComponent } from "../../ui/src/comp.mjs";
-import XEUtils from "../../../../../../../../_virtual/index.mjs";
-import "../../ui/index.mjs";
-import { isEnableConf } from "../../ui/src/utils.mjs";
-import { convertHeaderColumnToRows, convertHeaderToGridRows, getCalcHeight } from "./util.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 { renderer, renderEmptyElement } = VxeUI;
-const sourceType = "table";
-const renderType = "header";
-function getColumnFirstChild(column) {
-  const { children } = column;
-  if (children && children.length) {
-    return getColumnFirstChild(children[0]);
-  }
-  return column;
-}
-function getColumnLastChild(column) {
-  const { children } = column;
-  if (children && children.length) {
-    return getColumnLastChild(children[children.length - 1]);
-  }
-  return column;
-}
-const TableHeaderComponent = defineVxeComponent({
-  name: "VxeTableHeader",
-  props: {
-    tableData: Array,
-    tableColumn: Array,
-    tableGroupColumn: Array,
-    fixedColumn: Array,
-    fixedType: {
-      type: String,
-      default: null
-    }
-  },
-  setup(props) {
-    const $xeTable = inject("$xeTable", {});
-    const { xID, props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
-    const { computeColumnOpts, computeColumnDragOpts, computeCellOpts, computeMouseOpts, computeHeaderCellOpts, computeDefaultRowHeight, computeVirtualXOpts, computeFloatingFilterOpts } = $xeTable.getComputeMaps();
-    const headerColumn = ref([]);
-    const refElem = ref();
-    const refHeaderScroll = ref();
-    const refHeaderTable = ref();
-    const refHeaderColgroup = ref();
-    const refHeaderTHead = ref();
-    const refHeaderXSpace = ref();
-    const refHeaderBorderRepair = ref();
-    const uploadColumn = () => {
-      const { showCustomHeader } = tableProps;
-      const { collectColumn, visibleColumn } = tableInternalData;
-      const { tableGroupColumn } = props;
-      const { isGroup } = tableReactData;
-      let spanColumns = isGroup ? convertHeaderColumnToRows(tableGroupColumn) : [];
-      let visibleColgroups = [];
-      if (showCustomHeader && spanColumns.length > 1) {
-        visibleColgroups = convertHeaderToGridRows(spanColumns);
-        spanColumns = visibleColgroups;
-      }
-      headerColumn.value = spanColumns;
-      $xeTable.dispatchEvent("columns-change", { visibleColgroups, collectColumn, visibleColumn }, null);
-    };
-    const renderRows = (isGroup, isOptimizeMode, headerGroups, $rowIndex, cols) => {
-      const $xeGrid = $xeTable.xeGrid;
-      const $xeGantt = $xeTable.xeGantt;
-      const { fixedType } = props;
-      const { resizable: allResizable, columnKey, showCustomHeader, headerCellClassName, headerCellStyle, showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign, mouseConfig } = tableProps;
-      const { currentColumn, dragCol, scrollXLoad, scrollYLoad, overflowX, mergeHeadFlag, tableColumn } = tableReactData;
-      const { fullColumnIdData, scrollXStore, mergeHeaderList, mergeHeaderCellMaps } = tableInternalData;
-      const virtualXOpts = computeVirtualXOpts.value;
-      const columnOpts = computeColumnOpts.value;
-      const columnDragOpts = computeColumnDragOpts.value;
-      const cellOpts = computeCellOpts.value;
-      const defaultRowHeight = computeDefaultRowHeight.value;
-      const headerCellOpts = computeHeaderCellOpts.value;
-      const currCellHeight = getCalcHeight(headerCellOpts.height) || defaultRowHeight;
-      const { disabledMethod: dragDisabledMethod, isCrossDrag, isPeerDrag } = columnDragOpts;
-      const isLastRow = $rowIndex === headerGroups.length - 1;
-      return cols.map((column, $columnIndex) => {
-        const { type, showHeaderOverflow, headerAlign, align, filters, headerClassName, editRender, cellRender } = column;
-        const colid = column.id;
-        const colRest = fullColumnIdData[colid] || {};
-        const renderOpts = editRender || cellRender;
-        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-        const isColGroup = column.children && column.children.length;
-        const fixedHiddenColumn = overflowX && !isColGroup && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-        const isPadding = XEUtils.isBoolean(headerCellOpts.padding) ? headerCellOpts.padding : cellOpts.padding;
-        const headOverflow = XEUtils.eqNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-        const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : "") || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : "") || allAlign;
-        const showEllipsis = headOverflow === "ellipsis";
-        const showTitle = headOverflow === "title";
-        const showTooltip = headOverflow === true || headOverflow === "tooltip";
-        const hasEllipsis = showTitle || showTooltip || showEllipsis;
-        let hasFilter = false;
-        let firstFilterOption = null;
-        if (filters) {
-          firstFilterOption = filters[0];
-          hasFilter = filters.some((item) => item.checked);
-        }
-        const columnIndex = colRest.index;
-        const _columnIndex = colRest._index;
-        const cellParams = {
-          $table: $xeTable,
-          $grid: $xeGrid,
-          $gantt: $xeGantt,
-          $rowIndex,
-          column,
-          columnIndex,
-          $columnIndex,
-          _columnIndex,
-          firstFilterOption,
-          fixed: fixedType,
-          source: sourceType,
-          type: renderType,
-          isHidden: fixedHiddenColumn,
-          hasFilter
-        };
-        const thAttrs = {
-          colid
-        };
-        let isMergeCell = false;
-        if (!showCustomHeader) {
-          thAttrs.colspan = column.colSpan > 1 ? column.colSpan : null;
-          thAttrs.rowspan = column.rowSpan > 1 ? column.rowSpan : null;
-        }
-        if (mergeHeadFlag && mergeHeaderList.length && (showCustomHeader || isLastRow)) {
-          const spanRest = mergeHeaderCellMaps[`${$rowIndex}:${showCustomHeader ? $columnIndex : _columnIndex}`];
-          if (spanRest) {
-            const { rowspan, colspan } = spanRest;
-            if (!rowspan || !colspan) {
-              return null;
-            }
-            if (rowspan > 1) {
-              isMergeCell = true;
-              thAttrs.rowspan = rowspan;
-            }
-            if (colspan > 1) {
-              isMergeCell = true;
-              thAttrs.colspan = colspan;
-            }
-          }
-        }
-        const thOns = {
-          onClick: (evnt) => $xeTable.triggerHeaderCellClickEvent(evnt, cellParams),
-          onDblclick: (evnt) => $xeTable.triggerHeaderCellDblclickEvent(evnt, cellParams)
-        };
-        const isColDragCell = columnOpts.drag && columnDragOpts.trigger === "cell";
-        let isDisabledDrag = false;
-        if (isColDragCell) {
-          isDisabledDrag = !!(dragDisabledMethod && dragDisabledMethod(cellParams));
-        }
-        if (mouseConfig || isColDragCell) {
-          thOns.onMousedown = (evnt) => $xeTable.triggerHeaderCellMousedownEvent(evnt, cellParams);
-        }
-        if (columnOpts.drag) {
-          thOns.onDragstart = $xeTable.handleHeaderCellDragDragstartEvent;
-          thOns.onDragend = $xeTable.handleHeaderCellDragDragendEvent;
-          thOns.onDragover = $xeTable.handleHeaderCellDragDragoverEvent;
-          if (isColDragCell) {
-            thOns.onMouseup = $xeTable.handleHeaderCellDragMouseupEvent;
-          }
-        }
-        const isLastColumn = $columnIndex === cols.length - 1;
-        const showResizable = XEUtils.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
-        const isAutoCellWidth = !column.resizeWidth && (column.minWidth === "auto" || column.width === "auto");
-        let isVNPreEmptyStatus = false;
-        if (isOptimizeMode && overflowX && !isGroup && !isMergeCell) {
-          if (!dragCol || dragCol.id !== colid) {
-            if (scrollXLoad && tableColumn.length > 10 && !column.fixed && !virtualXOpts.immediate && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
-              isVNPreEmptyStatus = true;
-            }
-          }
-        }
-        const tcStyle = {};
-        if (hasEllipsis) {
-          tcStyle.height = `${currCellHeight}px`;
-        } else {
-          tcStyle.minHeight = `${currCellHeight}px`;
-        }
-        if (showCustomHeader) ;
-        else if (isColGroup && !isLastRow) {
-          const firstCol = getColumnFirstChild(column);
-          const lastCol = getColumnLastChild(column);
-          if (firstCol && lastCol && firstCol.id !== lastCol.id) {
-            const firstColRest = fullColumnIdData[firstCol.id];
-            const lastColRest = fullColumnIdData[lastCol.id];
-            if (firstColRest && lastColRest) {
-              tcStyle.width = `${lastColRest.oLeft - firstColRest.oLeft + lastCol.renderWidth}px`;
-            }
-          }
-        }
-        return h("th", Object.assign(Object.assign(Object.assign({ class: [
-          "vxe-table--column vxe-header--column",
-          colid,
-          fixedHiddenColumn ? "fixed--hidden" : "fixed--visible",
-          {
-            [`col--${headAlign}`]: headAlign,
-            [`col--${type}`]: type,
-            "col--last": isLastColumn,
-            "col--fixed": column.fixed,
-            "col--group": isColGroup,
-            "col--ellipsis": hasEllipsis,
-            "fixed--width": !isAutoCellWidth,
-            "is--padding": isPadding,
-            "is--sortable": column.sortable,
-            "col--filter": !!filters,
-            "is--filter-active": hasFilter,
-            "is--drag-active": columnOpts.drag && !column.fixed && !isDisabledDrag && (isCrossDrag || isPeerDrag || !column.parentId),
-            "is--drag-disabled": columnOpts.drag && isDisabledDrag,
-            "col--current": currentColumn === column
-          },
-          headerClassName ? XEUtils.isFunction(headerClassName) ? headerClassName(cellParams) : headerClassName : "",
-          headerCellClassName ? XEUtils.isFunction(headerCellClassName) ? headerCellClassName(cellParams) : headerCellClassName : ""
-        ], style: headerCellStyle ? XEUtils.isFunction(headerCellStyle) ? headerCellStyle(cellParams) : headerCellStyle : null }, thAttrs), thOns), { key: showCustomHeader ? `${colid}${$columnIndex}` : columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex }), [
-          h("div", {
-            class: ["vxe-cell", {
-              "c--title": showTitle,
-              "c--tooltip": showTooltip,
-              "c--ellipsis": showEllipsis
-            }],
-            style: tcStyle
-          }, isVNPreEmptyStatus || isOptimizeMode && fixedHiddenColumn ? [] : [
-            h("div", {
-              colid,
-              class: "vxe-cell--wrapper vxe-header-cell--wrapper"
-            }, column.renderHeader(cellParams))
-          ]),
-          /**
-           * 列宽拖动
-           */
-          !fixedHiddenColumn && showResizable && (!showCustomHeader || isLastRow) ? h("div", {
-            class: "vxe-cell--col-resizable",
-            onMousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
-            onDblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
-          }) : renderEmptyElement($xeTable)
-        ]);
-      });
-    };
-    const renderFilterRows = (isOptimizeMode, cols) => {
-      const $xeGrid = $xeTable.xeGrid;
-      const $xeGantt = $xeTable.xeGantt;
-      const { fixedType } = props;
-      const { showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign } = tableProps;
-      const { currentColumn, overflowX } = tableReactData;
-      const { fullColumnIdData } = tableInternalData;
-      const cellOpts = computeCellOpts.value;
-      const defaultRowHeight = computeDefaultRowHeight.value;
-      const headerCellOpts = computeHeaderCellOpts.value;
-      const currCellHeight = getCalcHeight(headerCellOpts.height) || defaultRowHeight;
-      return cols.map((column, $columnIndex) => {
-        const { type, showHeaderOverflow, headerAlign, align, filters, editRender, cellRender, floatingFilters, filterRender, slots } = column;
-        const colid = column.id;
-        const colRest = fullColumnIdData[colid] || {};
-        const renderOpts = editRender || cellRender;
-        const flSlot = slots ? slots.floatingFilter || slots["floating-filter"] : null;
-        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-        const flCompConf = isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
-        const rtFloatingFilter = flCompConf ? flCompConf.renderTableFloatingFilter : null;
-        const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
-        const isPadding = XEUtils.isBoolean(headerCellOpts.padding) ? headerCellOpts.padding : cellOpts.padding;
-        const headOverflow = XEUtils.eqNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-        const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : "") || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : "") || allAlign;
-        const showEllipsis = headOverflow === "ellipsis";
-        const showTitle = headOverflow === "title";
-        const showTooltip = headOverflow === true || headOverflow === "tooltip";
-        const hasEllipsis = showTitle || showTooltip || showEllipsis;
-        let hasFilter = false;
-        let firstFilterOption = null;
-        if (filters) {
-          firstFilterOption = filters[0];
-          hasFilter = filters.some((item) => item.checked);
-        }
-        const columnIndex = colRest.index;
-        const _columnIndex = colRest._index;
-        const cellParams = {
-          $table: $xeTable,
-          $grid: $xeGrid,
-          $gantt: $xeGantt,
-          column,
-          columnIndex,
-          $columnIndex,
-          _columnIndex,
-          option: firstFilterOption,
-          fixed: fixedType,
-          source: sourceType,
-          type: renderType,
-          isHidden: fixedHiddenColumn,
-          hasFilter
-        };
-        const thAttrs = {
-          colid
-        };
-        const isLastColumn = $columnIndex === cols.length - 1;
-        const isAutoCellWidth = !column.resizeWidth && (column.minWidth === "auto" || column.width === "auto");
-        const tcStyle = {};
-        if (hasEllipsis) {
-          tcStyle.height = `${currCellHeight}px`;
-        } else {
-          tcStyle.minHeight = `${currCellHeight}px`;
-        }
-        return h("th", Object.assign({ class: [
-          "vxe-table--column vxe-header--column",
-          colid,
-          fixedHiddenColumn ? "fixed--hidden" : "fixed--visible",
-          {
-            [`col--${headAlign}`]: headAlign,
-            [`col--${type}`]: type,
-            "col--last": isLastColumn,
-            "col--fixed": column.fixed,
-            "col--ellipsis": hasEllipsis,
-            "fixed--width": !isAutoCellWidth,
-            "is--padding": isPadding,
-            "is--sortable": column.sortable,
-            "col--current": currentColumn === column
-          }
-        ], key: colid }, thAttrs), [
-          h("div", {
-            class: ["vxe-cell", {
-              "c--title": showTitle,
-              "c--tooltip": showTooltip,
-              "c--ellipsis": showEllipsis
-            }],
-            style: tcStyle
-          }, isOptimizeMode && fixedHiddenColumn && !floatingFilters ? [] : [
-            h("div", {
-              colid,
-              class: "vxe-cell--wrapper vxe-header-cell--wrapper"
-            }, flSlot ? $xeTable.callSlot(flSlot, cellParams) : rtFloatingFilter && firstFilterOption ? getSlotVNs(rtFloatingFilter(filterRender, {
-              $table: $xeTable,
-              option: firstFilterOption,
-              column,
-              columnIndex,
-              $columnIndex
-            })) : [])
-          ])
-        ]);
-      });
-    };
-    const renderHeads = (isGroup, isOptimizeMode, headerGroups) => {
-      const { fixedType, fixedColumn } = props;
-      const { headerRowClassName, headerRowStyle } = tableProps;
-      const { visibleColumn } = tableInternalData;
-      const floatingFilterOpts = computeFloatingFilterOpts.value;
-      const rowVNs = headerGroups.map((cols, $rowIndex) => {
-        const params = { $table: $xeTable, $rowIndex, fixed: fixedType, type: renderType };
-        return h("tr", {
-          key: $rowIndex,
-          class: [
-            "vxe-header--row",
-            headerRowClassName ? XEUtils.isFunction(headerRowClassName) ? headerRowClassName(params) : headerRowClassName : ""
-          ],
-          style: headerRowStyle ? XEUtils.isFunction(headerRowStyle) ? headerRowStyle(params) : headerRowStyle : null
-        }, renderRows(isGroup, isOptimizeMode, headerGroups, $rowIndex, cols));
-      });
-      if (floatingFilterOpts.enabled) {
-        rowVNs.push(h("tr", {
-          key: "ff",
-          class: [
-            "vxe-header--row"
-          ]
-        }, renderFilterRows(isOptimizeMode, isOptimizeMode && fixedType ? fixedColumn : visibleColumn)));
-      }
-      return rowVNs;
-    };
-    const renderVN = () => {
-      const { fixedType, fixedColumn, tableColumn } = props;
-      const { mouseConfig, showHeaderOverflow: allColumnHeaderOverflow, spanMethod, footerSpanMethod } = tableProps;
-      const { isGroup, isColLoading, overflowX, scrollXLoad, dragCol } = tableReactData;
-      const { visibleColumn, fullColumnIdData } = tableInternalData;
-      const mouseOpts = computeMouseOpts.value;
-      let renderHeaderList = headerColumn.value || [];
-      let renderColumnList = tableColumn;
-      let isOptimizeMode = false;
-      if (isGroup) {
-        renderColumnList = visibleColumn;
-      } else {
-        if (scrollXLoad && allColumnHeaderOverflow) {
-          if (spanMethod || footerSpanMethod) ;
-          else {
-            isOptimizeMode = true;
-          }
-        }
-        if (!isOptimizeMode || !isColLoading && (fixedType || !overflowX)) {
-          renderColumnList = visibleColumn;
-        }
-        if (fixedType) {
-          if (isOptimizeMode) {
-            renderColumnList = fixedColumn || [];
-          }
-        }
-        renderHeaderList = [renderColumnList];
-      }
-      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);
-                  renderHeaderList = [[dragCol].concat(renderHeaderList[0])].concat(renderHeaderList.slice(1));
-                } else if (dcIndex > lcIndex) {
-                  renderColumnList = renderColumnList.concat([dragCol]);
-                  renderHeaderList = [renderHeaderList[0].concat([dragCol])].concat(renderHeaderList.slice(1));
-                }
-              }
-            }
-          }
-        }
-      }
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-table--header-wrapper", fixedType ? `fixed-${fixedType}--wrapper` : "body--wrapper"],
-        xid: xID
-      }, [
-        h("div", {
-          ref: refHeaderScroll,
-          class: "vxe-table--header-inner-wrapper",
-          onScroll(evnt) {
-            $xeTable.triggerHeaderScrollEvent(evnt, fixedType);
-          }
-        }, [
-          fixedType ? renderEmptyElement($xeTable) : h("div", {
-            ref: refHeaderXSpace,
-            class: "vxe-body--x-space"
-          }),
-          h("table", {
-            ref: refHeaderTable,
-            class: "vxe-table--header",
-            xid: xID,
-            cellspacing: 0,
-            cellpadding: 0,
-            border: 0,
-            xvm: isOptimizeMode ? "1" : null
-          }, [
-            /**
-             * 列宽
-             */
-            h("colgroup", {
-              ref: refHeaderColgroup
-            }, renderColumnList.map((column, $columnIndex) => {
-              return h("col", {
-                name: column.id,
-                key: $columnIndex,
-                style: {
-                  width: `${column.renderWidth}px`
-                }
-              });
-            })),
-            /**
-             * 头部
-             */
-            h("thead", {
-              ref: refHeaderTHead
-            }, renderHeads(isGroup, isOptimizeMode, renderHeaderList))
-          ]),
-          mouseConfig && mouseOpts.area ? h("div", {
-            class: "vxe-table--cell-area",
-            xid: xID
-          }, [
-            h("span", {
-              class: "vxe-table--cell-main-area"
-            }),
-            h("span", {
-              class: "vxe-table--cell-clip-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-col-status-area"
-            })
-          ]) : renderEmptyElement($xeTable)
-        ])
-      ]);
-    };
-    watch(() => props.tableColumn, uploadColumn);
-    onMounted(() => {
-      nextTick(() => {
-        const { fixedType } = props;
-        const { internalData } = $xeTable;
-        const { elemStore } = internalData;
-        const prefix = `${fixedType || "main"}-header-`;
-        elemStore[`${prefix}wrapper`] = refElem;
-        elemStore[`${prefix}scroll`] = refHeaderScroll;
-        elemStore[`${prefix}table`] = refHeaderTable;
-        elemStore[`${prefix}colgroup`] = refHeaderColgroup;
-        elemStore[`${prefix}list`] = refHeaderTHead;
-        elemStore[`${prefix}xSpace`] = refHeaderXSpace;
-        elemStore[`${prefix}repair`] = refHeaderBorderRepair;
-        uploadColumn();
-      });
-    });
-    onUnmounted(() => {
-      const { fixedType } = props;
-      const { internalData } = $xeTable;
-      const { elemStore } = internalData;
-      const prefix = `${fixedType || "main"}-header-`;
-      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}repair`] = null;
-    });
-    return renderVN;
-  }
-});
-export {
-  TableHeaderComponent as default
-};