@fecp/mobile 1.1.23 → 1.1.24

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

@@ -0,0 +1,349 @@
+import { defineComponent, inject, ref, onMounted, nextTick, onUnmounted, h, TransitionGroup } from "vue";
+import XEUtils from "../../../../../../../../_virtual/index.mjs";
+import "../../ui/index.mjs";
+import { getPropClass, updateCellTitle } from "../../ui/src/dom.mjs";
+import { getCellHeight } from "./util.mjs";
+import { VxeUI } from "../../../../../../@vxe-ui_core@4.1.3_vue@3.5.13_typescript@5.7.3_/node_modules/@vxe-ui/core/es/index.esm.mjs";
+const { renderer, renderEmptyElement } = VxeUI;
+const renderType = "footer";
+const TableFooterComponent = defineComponent({
+  name: "VxeTableFooter",
+  props: {
+    footerTableData: {
+      type: Array,
+      default: () => []
+    },
+    tableColumn: {
+      type: Array,
+      default: () => []
+    },
+    fixedColumn: {
+      type: Array,
+      default: () => []
+    },
+    fixedType: {
+      type: String,
+      default: null
+    }
+  },
+  setup(props) {
+    const $xeTable = inject("$xeTable", {});
+    const { xID, props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
+    const { computeTooltipOpts, computeColumnOpts, computeColumnDragOpts, computeCellOpts, computeFooterCellOpts, computeDefaultRowHeight, computeResizableOpts, computeVirtualXOpts } = $xeTable.getComputeMaps();
+    const refElem = ref();
+    const refFooterScroll = ref();
+    const refFooterTable = ref();
+    const refFooterColgroup = ref();
+    const refFooterTFoot = ref();
+    const refFooterXSpace = ref();
+    const renderRows = (isOptimizeMode, tableColumn, footerTableData, row, $rowIndex, _rowIndex) => {
+      const $xeGrid = $xeTable.xeGrid;
+      const { fixedType } = props;
+      const { resizable: allResizable, border, footerCellClassName, footerCellStyle, footerAlign: allFooterAlign, footerSpanMethod, align: allAlign, columnKey, showFooterOverflow: allColumnFooterOverflow } = tableProps;
+      const { scrollXLoad, scrollYLoad, overflowX, currentColumn } = tableReactData;
+      const { fullColumnIdData, mergeFooterList, mergeFooterCellMaps, scrollXStore } = tableInternalData;
+      const virtualXOpts = computeVirtualXOpts.value;
+      const tooltipOpts = computeTooltipOpts.value;
+      const resizableOpts = computeResizableOpts.value;
+      const { isAllColumnDrag } = resizableOpts;
+      const columnOpts = computeColumnOpts.value;
+      const defaultRowHeight = computeDefaultRowHeight.value;
+      const cellOpts = computeCellOpts.value;
+      const footerCellOpts = computeFooterCellOpts.value;
+      const currCellHeight = getCellHeight(footerCellOpts.height) || defaultRowHeight;
+      return tableColumn.map((column, $columnIndex) => {
+        const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column;
+        const colid = column.id;
+        const colRest = fullColumnIdData[colid] || {};
+        const renderOpts = editRender || cellRender;
+        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+        const showAllTip = tooltipOpts.showAll;
+        const isColGroup = column.children && column.children.length;
+        const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX;
+        const isPadding = XEUtils.isBoolean(footerCellOpts.padding) ? footerCellOpts.padding : cellOpts.padding;
+        const footOverflow = XEUtils.eqNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
+        const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : "") || allFooterAlign || align || (compConf ? compConf.tableCellAlign : "") || allAlign;
+        const showEllipsis = footOverflow === "ellipsis";
+        const showTitle = footOverflow === "title";
+        const showTooltip = footOverflow === true || footOverflow === "tooltip";
+        const hasEllipsis = showTitle || showTooltip || showEllipsis;
+        const showResizable = XEUtils.isBoolean(column.resizable) ? column.resizable : columnOpts.resizable || allResizable;
+        const attrs = { colid };
+        const tfOns = {};
+        const columnIndex = colRest.index;
+        const _columnIndex = colRest._index;
+        const itemIndex = _columnIndex;
+        const cellParams = {
+          $table: $xeTable,
+          $grid: $xeGrid,
+          row,
+          rowIndex: _rowIndex,
+          _rowIndex,
+          $rowIndex,
+          column,
+          columnIndex,
+          $columnIndex,
+          _columnIndex,
+          itemIndex,
+          items: row,
+          fixed: fixedType,
+          type: renderType,
+          data: footerTableData
+        };
+        if (showTitle || showTooltip || showAllTip) {
+          tfOns.onMouseenter = (evnt) => {
+            if (showTitle) {
+              updateCellTitle(evnt.currentTarget, column);
+            } else if (showTooltip || showAllTip) {
+              $xeTable.triggerFooterTooltipEvent(evnt, cellParams);
+            }
+          };
+        }
+        if (showTooltip || showAllTip) {
+          tfOns.onMouseleave = (evnt) => {
+            if (showTooltip || showAllTip) {
+              $xeTable.handleTargetLeaveEvent(evnt);
+            }
+          };
+        }
+        tfOns.onClick = (evnt) => {
+          $xeTable.dispatchEvent("footer-cell-click", Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
+        };
+        tfOns.onDblclick = (evnt) => {
+          $xeTable.dispatchEvent("footer-cell-dblclick", Object.assign({ cell: evnt.currentTarget }, cellParams), evnt);
+        };
+        let isMergeCell = false;
+        if (mergeFooterList.length) {
+          const spanRest = mergeFooterCellMaps[`${_rowIndex}:${_columnIndex}`];
+          if (spanRest) {
+            const { rowspan, colspan } = spanRest;
+            if (!rowspan || !colspan) {
+              return null;
+            }
+            if (rowspan > 1) {
+              isMergeCell = true;
+              attrs.rowspan = rowspan;
+            }
+            if (colspan > 1) {
+              isMergeCell = true;
+              attrs.colspan = colspan;
+            }
+          }
+        } else if (footerSpanMethod) {
+          const { rowspan = 1, colspan = 1 } = footerSpanMethod(cellParams) || {};
+          if (!rowspan || !colspan) {
+            return null;
+          }
+          if (rowspan > 1) {
+            attrs.rowspan = rowspan;
+          }
+          if (colspan > 1) {
+            attrs.colspan = colspan;
+          }
+        }
+        const isLastColumn = $columnIndex === tableColumn.length - 1;
+        const isAutoCellWidth = !column.resizeWidth && (column.minWidth === "auto" || column.width === "auto");
+        let isVNPreEmptyStatus = false;
+        if (isOptimizeMode && !isMergeCell) {
+          if (scrollXLoad && !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`;
+        }
+        return h("td", Object.assign(Object.assign(Object.assign(Object.assign({ class: ["vxe-footer--column", column.id, {
+          [`col--${footAlign}`]: footAlign,
+          [`col--${type}`]: type,
+          "col--last": isLastColumn,
+          "fixed--width": !isAutoCellWidth,
+          "fixed--hidden": fixedHiddenColumn,
+          "is--padding": isPadding,
+          "col--ellipsis": hasEllipsis,
+          "col--current": currentColumn === column
+        }, getPropClass(footerClassName, cellParams), getPropClass(footerCellClassName, cellParams)] }, attrs), { style: footerCellStyle ? XEUtils.isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null }), tfOns), { key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex }), [
+          h("div", {
+            class: ["vxe-cell", {
+              "c--title": showTitle,
+              "c--tooltip": showTooltip,
+              "c--ellipsis": showEllipsis
+            }],
+            style: tcStyle
+          }, isVNPreEmptyStatus ? [] : [
+            h("div", {
+              colid,
+              class: "vxe-cell--wrapper"
+            }, column.renderFooter(cellParams))
+          ]),
+          /**
+           * 列宽拖动
+           */
+          !fixedHiddenColumn && showResizable && isAllColumnDrag ? h("div", {
+            class: ["vxe-cell--col-resizable", {
+              "is--line": !border || border === "none"
+            }],
+            onMousedown: (evnt) => $xeTable.handleColResizeMousedownEvent(evnt, fixedType, cellParams),
+            onDblclick: (evnt) => $xeTable.handleColResizeDblclickEvent(evnt, cellParams)
+          }) : renderEmptyElement($xeTable)
+        ]);
+      });
+    };
+    const renderHeads = (isOptimizeMode, renderColumnList) => {
+      const { fixedType, footerTableData } = props;
+      const { footerRowClassName, footerRowStyle } = tableProps;
+      const { isColLoading, isDragColMove } = tableReactData;
+      const columnOpts = computeColumnOpts.value;
+      const columnDragOpts = computeColumnDragOpts.value;
+      return footerTableData.map((row, $rowIndex) => {
+        const _rowIndex = $rowIndex;
+        const rowParams = { $table: $xeTable, row, _rowIndex, $rowIndex, fixed: fixedType, type: renderType };
+        if (!isColLoading && columnOpts.drag && columnDragOpts.animation) {
+          return h(TransitionGroup, {
+            key: $rowIndex,
+            name: `vxe-header--col-list${isDragColMove ? "" : "-disabled"}`,
+            tag: "tr",
+            class: [
+              "vxe-footer--row",
+              footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ""
+            ],
+            style: footerRowStyle ? XEUtils.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
+          }, {
+            default: () => renderRows(isOptimizeMode, renderColumnList, footerTableData, row, $rowIndex, _rowIndex)
+          });
+        }
+        return h("tr", {
+          key: $rowIndex,
+          class: [
+            "vxe-footer--row",
+            footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ""
+          ],
+          style: footerRowStyle ? XEUtils.isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
+        }, renderRows(isOptimizeMode, renderColumnList, footerTableData, row, $rowIndex, _rowIndex));
+      });
+    };
+    const renderVN = () => {
+      const { fixedType, fixedColumn, tableColumn } = props;
+      const { spanMethod, footerSpanMethod, showFooterOverflow: allColumnFooterOverflow } = tableProps;
+      const { visibleColumn, fullColumnIdData } = tableInternalData;
+      const { isGroup, isColLoading, overflowX, scrollXLoad, dragCol } = tableReactData;
+      let renderColumnList = tableColumn;
+      let isOptimizeMode = false;
+      if (scrollXLoad && allColumnFooterOverflow) {
+        if (spanMethod || footerSpanMethod) ;
+        else {
+          isOptimizeMode = true;
+        }
+      }
+      if (!isOptimizeMode || !isColLoading && (fixedType || !overflowX)) {
+        renderColumnList = visibleColumn;
+      }
+      if (fixedType) {
+        if (isOptimizeMode) {
+          renderColumnList = fixedColumn || [];
+        }
+      }
+      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]);
+                }
+              }
+            }
+          }
+        }
+      }
+      return h("div", {
+        ref: refElem,
+        class: ["vxe-table--footer-wrapper", fixedType ? `fixed-${fixedType}--wrapper` : "body--wrapper"],
+        xid: xID
+      }, [
+        h("div", {
+          ref: refFooterScroll,
+          class: "vxe-table--footer-inner-wrapper",
+          onScroll(evnt) {
+            $xeTable.triggerFooterScrollEvent(evnt, fixedType);
+          }
+        }, [
+          fixedType ? renderEmptyElement($xeTable) : h("div", {
+            ref: refFooterXSpace,
+            class: "vxe-body--x-space"
+          }),
+          h("table", {
+            ref: refFooterTable,
+            class: "vxe-table--footer",
+            xid: xID,
+            cellspacing: 0,
+            cellpadding: 0,
+            border: 0,
+            xvm: isOptimizeMode ? "1" : null
+          }, [
+            /**
+            * 列宽
+            */
+            h("colgroup", {
+              ref: refFooterColgroup
+            }, renderColumnList.map((column, $columnIndex) => {
+              return h("col", {
+                name: column.id,
+                key: $columnIndex,
+                style: {
+                  width: `${column.renderWidth}px`
+                }
+              });
+            })),
+            /**
+            * 底部
+            */
+            h("tfoot", {
+              ref: refFooterTFoot
+            }, renderHeads(isOptimizeMode, renderColumnList))
+          ])
+        ])
+      ]);
+    };
+    onMounted(() => {
+      nextTick(() => {
+        const { fixedType } = props;
+        const { elemStore } = tableInternalData;
+        const prefix = `${fixedType || "main"}-footer-`;
+        elemStore[`${prefix}wrapper`] = refElem;
+        elemStore[`${prefix}scroll`] = refFooterScroll;
+        elemStore[`${prefix}table`] = refFooterTable;
+        elemStore[`${prefix}colgroup`] = refFooterColgroup;
+        elemStore[`${prefix}list`] = refFooterTFoot;
+        elemStore[`${prefix}xSpace`] = refFooterXSpace;
+      });
+    });
+    onUnmounted(() => {
+      const { fixedType } = props;
+      const { elemStore } = tableInternalData;
+      const prefix = `${fixedType || "main"}-footer-`;
+      elemStore[`${prefix}wrapper`] = null;
+      elemStore[`${prefix}scroll`] = null;
+      elemStore[`${prefix}table`] = null;
+      elemStore[`${prefix}colgroup`] = null;
+      elemStore[`${prefix}list`] = null;
+      elemStore[`${prefix}xSpace`] = null;
+    });
+    return renderVN;
+  }
+});
+export {
+  TableFooterComponent as default
+};

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

@@ -0,0 +1,45 @@
+import { defineComponent, ref, inject, createCommentVNode, onMounted, onUnmounted, provide, h } from "vue";
+import { columnProps } from "./column.mjs";
+import { watchColumn, assembleColumn, destroyColumn } from "./util.mjs";
+import { Cell } from "./cell.mjs";
+const VxeColgroupComponent = defineComponent({
+  name: "VxeColgroup",
+  props: columnProps,
+  setup(props, { slots }) {
+    const refElem = ref();
+    const $xeTable = inject("$xeTable", null);
+    const $xeParentColgroup = inject("$xeColgroup", null);
+    if (!$xeTable) {
+      return () => createCommentVNode();
+    }
+    const columnConfig = Cell.createColumn($xeTable, props);
+    const columnSlots = {};
+    if (slots.header) {
+      columnSlots.header = slots.header;
+    }
+    columnConfig.slots = columnSlots;
+    columnConfig.children = [];
+    watchColumn($xeTable, props, columnConfig);
+    onMounted(() => {
+      const elem = refElem.value;
+      if (elem) {
+        assembleColumn($xeTable, elem, columnConfig, $xeParentColgroup);
+      }
+    });
+    onUnmounted(() => {
+      destroyColumn($xeTable, columnConfig);
+    });
+    const renderVN = () => {
+      return h("div", {
+        ref: refElem
+      }, slots.default ? slots.default() : []);
+    };
+    const $xeColgroup = { columnConfig };
+    provide("$xeColgroup", $xeColgroup);
+    provide("$xeGrid", null);
+    return renderVN;
+  }
+});
+export {
+  VxeColgroupComponent as default
+};