@vtable-guild/vtable-guild 2.2.1 → 2.3.0

package/dist/table/src/components/Table.mjs

@@ -0,0 +1,781 @@
+import { defineComponent as Et, inject as Rt, computed as n, provide as de, ref as E, onMounted as It, onBeforeUnmount as Tt, watch as j, createVNode as a, Fragment as Lt, isVNode as Ht } from "vue";
+import "../../../core/src/utils/tv.mjs";
+import { prefixVtgClassNames as R } from "../../../core/src/utils/classPrefix.mjs";
+import { mergeThemeConfigs as C, useTheme as Nt } from "../../../core/src/composables/useTheme.mjs";
+import { mergeDeep as I } from "../../../core/src/utils/mergeDeep.mjs";
+import ie from "../../../core/src/components/Scrollbar.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as se } from "../../../core/src/plugin/index.mjs";
+import { resolveTooltipThemePreset as Bt, resolveScrollbarThemePreset as Ot, resolveRadioThemePreset as Pt, resolveInputThemePreset as zt, resolveCheckboxThemePreset as At, resolveButtonThemePreset as Ft, resolveTableThemePreset as Kt, resolveTableLocalePreset as Wt, resolveBuiltInTableLocale as _t } from "../../../theme/src/presets/index.mjs";
+import { getEllipsisConfig as kt } from "../utils/cell.mjs";
+import { useScroll as jt } from "../composables/useScroll.mjs";
+import { useExpand as Mt } from "../composables/useExpand.mjs";
+import { useResize as Vt } from "../composables/useResize.mjs";
+import { useVirtual as Ut } from "../composables/useVirtual.mjs";
+import { useTreeData as Gt } from "../composables/useTreeData.mjs";
+import { useHoverState as Yt } from "../composables/useHoverState.mjs";
+import { TABLE_CONTEXT_KEY as Xt } from "../context.mjs";
+import { EXPAND_COLUMN as $t, SELECTION_COLUMN as Jt } from "../constants.mjs";
+import { resolveTablePresetConfig as qt } from "../preset-config.mjs";
+import ue from "./TableHeader.mjs";
+import ce from "./TableBody.mjs";
+import Qt from "./VirtualTableBody.mjs";
+import fe from "./TableLoading.mjs";
+import T from "./ColGroup.mjs";
+import { antdvTableTheme as Zt } from "../../../theme/src/presets/antdv/table.mjs";
+import { useColumns as pe } from "../composables/useColumns.mjs";
+import { useSorter as el } from "../composables/useSorter.mjs";
+import { useFilter as tl } from "../composables/useFilter.mjs";
+import { useSelection as ll } from "../composables/useSelection.mjs";
+import { cn as L } from "tailwind-variants";
+function me(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !Ht(l);
+}
+const ol = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
+function we() {
+  if (typeof window > "u")
+    return /* @__PURE__ */ new Set(["md", "sm", "xs"]);
+  const l = window.innerWidth, d = /* @__PURE__ */ new Set();
+  return ol.forEach(([i, r]) => {
+    if (i === "xs") {
+      l < 576 && d.add("xs");
+      return;
+    }
+    l >= r && d.add(i);
+  }), d;
+}
+function ye(l, d) {
+  return l.reduce((i, r) => {
+    if (typeof r == "symbol")
+      return i.push(r), i;
+    if (r.responsive?.length && !r.responsive.some((w) => d.has(w)))
+      return i;
+    const m = r.fixed === !0 ? "left" : r.fixed;
+    if ("children" in r && Array.isArray(r.children)) {
+      const w = ye(r.children, d);
+      return w.length === 0 || i.push({
+        ...r,
+        fixed: m,
+        children: w
+      }), i;
+    }
+    return i.push(m === r.fixed ? r : {
+      ...r,
+      fixed: m
+    }), i;
+  }, []);
+}
+const Ol = /* @__PURE__ */ Et({
+  name: "VTable",
+  props: {
+    dataSource: {
+      type: Array,
+      default: () => []
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    rowKey: {
+      type: [String, Function],
+      default: "key"
+    },
+    loading: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    size: {
+      type: String,
+      default: void 0
+    },
+    bordered: {
+      type: Boolean,
+      default: !1
+    },
+    striped: {
+      type: Boolean,
+      default: !1
+    },
+    hoverable: {
+      type: Boolean,
+      default: !0
+    },
+    tableLayout: {
+      type: String,
+      default: void 0
+    },
+    showHeader: {
+      type: Boolean,
+      default: !0
+    },
+    headerEllipsis: {
+      type: Boolean,
+      default: !1
+    },
+    rowClassName: {
+      type: [String, Function],
+      default: void 0
+    },
+    customRow: {
+      type: Function,
+      default: void 0
+    },
+    customHeaderRow: {
+      type: Function,
+      default: void 0
+    },
+    ui: {
+      type: Object,
+      default: void 0
+    },
+    class: {
+      type: String,
+      default: void 0
+    },
+    showSorterTooltip: {
+      type: Boolean,
+      default: void 0
+    },
+    sortDirections: {
+      type: Array,
+      default: void 0
+    },
+    locale: {
+      type: String,
+      default: void 0
+    },
+    locales: {
+      type: Object,
+      default: void 0
+    },
+    localeOverrides: {
+      type: Object,
+      default: void 0
+    },
+    sticky: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    getPopupContainer: {
+      type: Function,
+      default: void 0
+    },
+    transformCellText: {
+      type: Function,
+      default: void 0
+    },
+    rowSelection: {
+      type: Object,
+      default: void 0
+    },
+    title: {
+      type: Function,
+      default: void 0
+    },
+    footer: {
+      type: Function,
+      default: void 0
+    },
+    scroll: {
+      type: Object,
+      default: void 0
+    },
+    expandable: {
+      type: Object,
+      default: void 0
+    },
+    virtual: {
+      type: Boolean,
+      default: !1
+    },
+    childrenColumnName: {
+      type: String,
+      default: void 0
+    },
+    indentSize: {
+      type: Number,
+      default: void 0
+    },
+    expandedRowKeys: {
+      type: Array,
+      default: void 0
+    },
+    defaultExpandedRowKeys: {
+      type: Array,
+      default: void 0
+    },
+    defaultExpandAllRows: {
+      type: Boolean,
+      default: !1
+    },
+    onExpand: {
+      type: Function,
+      default: void 0
+    },
+    onExpandedRowsChange: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: {
+    change: (l, d, i) => !0,
+    resizeColumn: (l, d) => !0
+  },
+  slots: Object,
+  setup(l, {
+    slots: d,
+    emit: i
+  }) {
+    const r = Rt(se, null), m = n(() => r?.themePreset ?? "antdv"), w = n(() => r?.cssMode ?? "prebuilt"), x = n(() => r?.classPrefix ?? "vtg"), ve = n(() => {
+      const t = r?.theme ?? {}, o = m.value;
+      return {
+        ...t,
+        button: C(Ft(o), t.button),
+        checkbox: C(At(o), t.checkbox),
+        input: C(zt(o), t.input),
+        radio: C(Pt(o), t.radio),
+        scrollbar: C(Ot(o), t.scrollbar),
+        tooltip: C(Bt(o), t.tooltip)
+      };
+    });
+    de(se, {
+      get themePreset() {
+        return m.value;
+      },
+      get cssMode() {
+        return w.value;
+      },
+      get classPrefix() {
+        return x.value;
+      },
+      get theme() {
+        return ve.value;
+      },
+      get locale() {
+        return r?.locale ?? "zh-CN";
+      },
+      get locales() {
+        return r?.locales ?? {};
+      },
+      get localeOverrides() {
+        return r?.localeOverrides ?? {};
+      }
+    });
+    const he = n(() => Kt(m.value) ?? Zt), {
+      slots: e
+    } = Nt("table", he, l), H = n(() => l.locale ?? r?.locale ?? "zh-CN"), xe = n(() => ({
+      ...r?.locales ?? {},
+      ...l.locales ?? {}
+    })), Ce = n(() => {
+      const t = Wt(m.value), o = _t(m.value, H.value), u = xe.value[H.value]?.table, s = I(I(t, o), u);
+      return I(s, I(r?.localeOverrides?.table ?? {}, l.localeOverrides));
+    }), M = E(we());
+    function N() {
+      M.value = we();
+    }
+    It(() => {
+      N(), window.addEventListener("resize", N);
+    }), Tt(() => {
+      window.removeEventListener("resize", N);
+    });
+    const V = n(() => ye(l.columns, M.value)), g = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
+      leafColumns: b
+    } = pe(() => V.value), {
+      getSortOrder: B,
+      toggleSortOrder: Se,
+      sortData: ge,
+      sorterState: be,
+      sorterResult: U,
+      sortColumns: De
+    } = el({
+      columns: () => b.value,
+      tableSortDirections: () => l.sortDirections,
+      onSorterChange(t) {
+        const o = P();
+        i("change", O(), t, {
+          action: "sort",
+          currentDataSource: o
+        });
+      }
+    }), {
+      getFilteredValue: Ee,
+      confirmFilter: Re,
+      resetFilter: Ie,
+      getAllFilters: O,
+      filterData: Te
+    } = tl({
+      columns: () => b.value,
+      onFilterChange(t) {
+        const o = P();
+        i("change", t, U.value, {
+          action: "filter",
+          currentDataSource: o
+        });
+      }
+    });
+    function P() {
+      let t = l.dataSource;
+      return t = Te(t), t = ge(t), t;
+    }
+    const z = n(() => P());
+    function D(t, o) {
+      return typeof l.rowKey == "function" ? l.rowKey(t) : typeof l.rowKey == "string" && l.rowKey in t ? t[l.rowKey] : o;
+    }
+    const {
+      flattenData: G,
+      rowMetaMap: Y,
+      isTreeData: A,
+      toggleTreeExpand: Le,
+      isTreeExpanded: He,
+      indentSize: Ne
+    } = Gt({
+      data: () => z.value,
+      childrenColumnName: () => l.childrenColumnName,
+      indentSize: () => l.indentSize,
+      getRowKey: D,
+      defaultExpandedRowKeys: () => l.defaultExpandedRowKeys,
+      expandedRowKeys: () => l.expandedRowKeys,
+      defaultExpandAllRows: () => l.defaultExpandAllRows,
+      onExpand: l.onExpand,
+      onExpandedRowsChange: l.onExpandedRowsChange
+    }), {
+      hoverRange: Be,
+      setHoverRange: Oe,
+      clearHoverRange: Pe
+    } = Yt(100), v = n(() => A.value ? G.value.map((t) => t.record) : z.value), {
+      isSelected: ze,
+      isDisabled: Ae,
+      getSelectionState: Fe,
+      toggleRow: Ke,
+      toggleAll: We,
+      allCheckedState: _e,
+      invertSelection: ke,
+      clearSelection: je,
+      getChangeableRowKeys: Me
+    } = ll({
+      rowSelection: () => l.rowSelection,
+      getRowKey: D,
+      data: () => z.value,
+      visibleData: () => v.value,
+      childrenColumnName: () => l.childrenColumnName,
+      onSelectionChange() {
+        i("change", O(), U.value, {
+          action: "select",
+          currentDataSource: v.value
+        });
+      }
+    }), {
+      isExpanded: Ve,
+      toggleExpand: Ue
+    } = Mt({
+      expandable: () => l.expandable,
+      getRowKey: D,
+      data: () => v.value
+    }), X = (t) => {
+      const o = l.expandable;
+      return o ? o.rowExpandable ? o.rowExpandable(t) : !!o.expandedRowRender : !1;
+    }, Ge = (t, o) => {
+      X(t) && Ue(t, o);
+    }, Ye = "__vtg_selection__", Xe = "__vtg_expand__", $e = n(() => {
+      const t = l.expandable, o = l.rowSelection, u = t && t.showExpandColumn !== !1 ? {
+        key: Xe,
+        title: "",
+        width: t.columnWidth ?? 48,
+        align: "center",
+        fixed: t.fixed === !0 ? "left" : t.fixed
+      } : null, s = o ? {
+        key: Ye,
+        title: "",
+        width: o.columnWidth ?? 48,
+        align: "center",
+        fixed: o.fixed === !0 ? "left" : o.fixed || void 0
+      } : null, h = [];
+      let f = !1, p = !1;
+      for (const c of V.value) {
+        if (c === $t) {
+          u && !f && (h.push(u), f = !0);
+          continue;
+        }
+        if (c === Jt) {
+          s && !p && (h.push(s), p = !0);
+          continue;
+        }
+        h.push(c);
+      }
+      return u && !f && h.unshift(u), s && !p && h.unshift(s), h;
+    }), {
+      leafColumns: y,
+      headerRows: F
+    } = pe(() => $e.value), Je = n(() => F.value.length > 1), {
+      headerWrapRef: qe,
+      bodyWrapRef: $,
+      scrollState: Qe,
+      handleBodyScroll: J,
+      fixedOffsets: Ze,
+      syncHorizontalScroll: et
+    } = jt({
+      displayColumns: () => y.value
+    }), tt = n(() => l.showHeader !== !1 && (!!l.scroll?.y || !!l.sticky)), q = n(() => y.value.some((t) => t.fixed === "left" || t.fixed === "right")), lt = n(() => b.value.some((t) => kt(t).enabled)), ot = n(() => l.scroll?.x !== void 0 || q.value), Q = n(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || q.value || lt.value ? "fixed" : "auto"), nt = n(() => {
+      if (g.value)
+        return {
+          position: "sticky",
+          top: `${g.value.offsetHeader ?? 0}px`,
+          zIndex: "4"
+        };
+    }), {
+      enabled: K,
+      itemHeight: at,
+      listHeight: rt
+    } = Ut({
+      virtual: () => l.virtual,
+      scrollY: () => l.scroll?.y,
+      size: () => l.size
+    }), dt = n(() => b.value.some((t) => !!t.customCell || !!t.customRender)), W = n(() => !Je.value || l.bordered ? {
+      table: "",
+      th: "",
+      td: ""
+    } : {
+      table: e.groupedHeaderTable(),
+      th: e.groupedHeaderTh(),
+      td: e.groupedHeaderTd()
+    }), S = n(() => L(e.table(), W.value.table) ?? ""), Z = n(() => L(e.th(), W.value.th) ?? ""), _ = n(() => L(e.td(), W.value.td) ?? "");
+    j([K, dt], ([t, o]) => {
+    }, {
+      immediate: !0
+    });
+    const ee = E(null), te = E(null);
+    j(() => ee.value?.wrapRef, (t) => {
+      t && ($.value = t);
+    }), j(() => te.value?.wrapRef, (t) => {
+      t && ($.value = t);
+    });
+    const {
+      columnWidths: it,
+      startResize: st,
+      isResizing: ut
+    } = Vt({
+      onResizeColumn(t, o) {
+        i("resizeColumn", t, o);
+      }
+    });
+    function ct(t) {
+      return A.value ? Y.value.get(t)?.level ?? 0 : 0;
+    }
+    function ft(t, o) {
+      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, ct(t)) : l.rowClassName : "";
+    }
+    function pt(t, o) {
+      return l.customRow?.(t, o);
+    }
+    function mt(t, o) {
+      return l.customHeaderRow?.(t, o);
+    }
+    function wt(t) {
+      if (typeof t.title != "function")
+        return t.title ?? "";
+      const o = t, u = De.value.filter((s) => !!s.column);
+      return t.title({
+        sortOrder: o.sorter ? B(o) ?? void 0 : void 0,
+        sortColumn: be.value.column,
+        sortColumns: u.length > 0 ? u : void 0,
+        filters: O()
+      });
+    }
+    function yt(t) {
+      return !!(t.sorter && B(t));
+    }
+    const le = {
+      width: "100%",
+      minWidth: "100%"
+    }, vt = {
+      thSortable: e.thSortable,
+      thSorted: e.thSorted,
+      tdSorted: e.tdSorted,
+      sortButton: e.sortButton,
+      sortIconDown: e.sortIconDown,
+      sortAreaOuter: e.sortAreaOuter,
+      sortAreaWrapper: e.sortAreaWrapper,
+      sortAreaTitle: e.sortAreaTitle,
+      filterIconWrapper: e.filterIconWrapper,
+      filterIcon: e.filterIcon,
+      filterDropdown: e.filterDropdown,
+      filterDropdownList: e.filterDropdownList,
+      filterDropdownItem: e.filterDropdownItem,
+      filterDropdownItemSelected: e.filterDropdownItemSelected,
+      filterDropdownItemSelectedSingle: e.filterDropdownItemSelectedSingle,
+      filterDropdownItemHover: e.filterDropdownItemHover,
+      filterDropdownActions: e.filterDropdownActions,
+      filterDropdownResetButton: e.filterDropdownResetButton,
+      filterDropdownConfirmButton: e.filterDropdownConfirmButton,
+      filterDropdownSearch: e.filterDropdownSearch,
+      filterDropdownSearchField: e.filterDropdownSearchField,
+      filterDropdownSearchIcon: e.filterDropdownSearchIcon,
+      filterDropdownSearchInput: e.filterDropdownSearchInput,
+      filterDropdownListEmpty: e.filterDropdownListEmpty,
+      filterDropdownSwitcher: e.filterDropdownSwitcher,
+      filterDropdownSwitcherExpanded: e.filterDropdownSwitcherExpanded,
+      filterDropdownSwitcherCollapsed: e.filterDropdownSwitcherCollapsed,
+      filterDropdownSwitcherNoop: e.filterDropdownSwitcherNoop,
+      filterDropdownContentWrapper: e.filterDropdownContentWrapper,
+      filterDropdownTreeWrapper: e.filterDropdownTreeWrapper,
+      filterDropdownTreeList: e.filterDropdownTreeList,
+      filterDropdownTreeItem: e.filterDropdownTreeItem,
+      filterDropdownTreeContentWrapper: e.filterDropdownTreeContentWrapper,
+      filterDropdownTreeItemSelected: e.filterDropdownTreeItemSelected,
+      filterDropdownTreeItemMatched: e.filterDropdownTreeItemMatched,
+      filterDropdownTreeCheckAll: e.filterDropdownTreeCheckAll,
+      emptyWrapper: e.emptyWrapper,
+      emptyIcon: e.emptyIcon,
+      emptyText: e.emptyText,
+      loadingSpinner: e.loadingSpinner,
+      tdSelected: e.tdSelected,
+      selectionDropdown: e.selectionDropdown,
+      selectionDropdownItem: e.selectionDropdownItem,
+      selectionExtra: e.selectionExtra,
+      summaryRow: e.summaryRow,
+      summaryCell: e.summaryCell,
+      headerWrapper: e.headerWrapper,
+      bodyWrapper: e.bodyWrapper,
+      fixedCell: e.fixedCell,
+      fixedDividerLeft: e.fixedDividerLeft,
+      fixedDividerRight: e.fixedDividerRight,
+      fixedShadowLeft: e.fixedShadowLeft,
+      fixedShadowRight: e.fixedShadowRight,
+      fixedShadowLeftHidden: e.fixedShadowLeftHidden,
+      fixedShadowRightHidden: e.fixedShadowRightHidden,
+      expandIcon: e.expandIcon,
+      expandIconExpanded: e.expandIconExpanded,
+      expandIconCollapsed: e.expandIconCollapsed,
+      expandIconSpaced: e.expandIconSpaced,
+      expandIconDisabled: e.expandIconDisabled,
+      expandIconSymbol: e.expandIconSymbol,
+      expandIconSymbolExpanded: e.expandIconSymbolExpanded,
+      expandIconSymbolCollapsed: e.expandIconSymbolCollapsed,
+      treeExpandIcon: e.treeExpandIcon,
+      treeExpandIconExpanded: e.treeExpandIconExpanded,
+      treeExpandIconCollapsed: e.treeExpandIconCollapsed,
+      treeExpandIconSpaced: e.treeExpandIconSpaced,
+      treeExpandIconDisabled: e.treeExpandIconDisabled,
+      treeExpandIconSymbol: e.treeExpandIconSymbol,
+      treeExpandIconSymbolExpanded: e.treeExpandIconSymbolExpanded,
+      treeExpandIconSymbolCollapsed: e.treeExpandIconSymbolCollapsed,
+      expandedRow: e.expandedRow,
+      expandedRowCell: e.expandedRowCell,
+      resizeHandle: e.resizeHandle,
+      tdRowHover: e.tdRowHover,
+      tdRowSelectedHover: e.tdRowSelectedHover
+    }, oe = n(() => qt(m.value)), ne = E(!1);
+    return de(Xt, {
+      bodyCell: d.bodyCell,
+      headerCell: d.headerCell,
+      empty: d.empty,
+      getSortOrder: B,
+      toggleSortOrder: Se,
+      isColumnSorted: yt,
+      getFilteredValue: Ee,
+      confirmFilter: Re,
+      resetFilter: Ie,
+      customFilterDropdown: d.customFilterDropdown,
+      customFilterIcon: d.customFilterIcon,
+      showSorterTooltip: n(() => l.showSorterTooltip ?? oe.value.showSorterTooltip),
+      headerEllipsis: n(() => l.headerEllipsis),
+      subThemeSlots: vt,
+      presetConfig: oe,
+      themePreset: m,
+      cssMode: w,
+      classPrefix: x,
+      vtgClass: (t) => R(t, w.value, x.value),
+      localeName: H,
+      locale: Ce,
+      rowSelection: () => l.rowSelection,
+      isSelected: ze,
+      isDisabledRow: Ae,
+      getSelectionState: Fe,
+      toggleRow: Ke,
+      toggleAll: We,
+      allCheckedState: () => _e.value,
+      getRowKey: D,
+      invertSelection: ke,
+      clearSelection: je,
+      getChangeableRowKeys: Me,
+      fixedOffsets: Ze,
+      scrollState: Qe,
+      leafColumnCount: n(() => y.value.length),
+      bordered: n(() => l.bordered),
+      tableLayout: Q,
+      sticky: n(() => l.sticky),
+      getRowProps: pt,
+      getRowClassName: ft,
+      getHeaderRowProps: mt,
+      getColumnTitle: wt,
+      getPopupContainer: l.getPopupContainer,
+      transformCellText: l.transformCellText,
+      expandable: () => l.expandable,
+      isExpanded: Ve,
+      toggleExpand: Ge,
+      isRowExpandable: X,
+      columnWidths: it,
+      startResize: st,
+      isResizing: () => ut.value,
+      displayColumns: n(() => y.value),
+      registerSummaryFixed: (t) => {
+        ne.value = t;
+      },
+      isTreeData: A,
+      treeFlattenData: G,
+      getFlattenRow: (t) => Y.value.get(t),
+      toggleTreeExpand: Le,
+      isTreeExpanded: He,
+      treeIndentSize: Ne,
+      hoverRange: Be,
+      setHoverRange: Oe,
+      clearHoverRange: Pe,
+      hoverable: n(() => l.hoverable !== !1)
+    }), () => {
+      let t;
+      const o = l.title ? l.title(v.value) : d.title ? d.title({
+        data: v.value
+      }) : null, u = l.footer ? l.footer(v.value) : d.footer ? d.footer({
+        data: v.value
+      }) : null, s = d.summary ? d.summary() : null, h = ne.value !== !1, f = l.scroll, p = {
+        tableLayout: Q.value
+      };
+      f?.x ? (p.width = typeof f.x == "number" ? `${f.x}px` : f.x, p.minWidth = "100%") : p.width = ot.value ? "max-content" : "100%";
+      const c = l.loading, ht = c === !0 || typeof c == "object" && c !== null && c.spinning !== !1, xt = typeof c == "object" && c !== null ? c.indicator : void 0, Ct = typeof c == "object" && c !== null ? c.tip : void 0, ae = ht && (d.loading ? a(fe, {
+        loadingClass: e.loading()
+      }, me(t = d.loading()) ? t : {
+        default: () => [t]
+      }) : a(fe, {
+        loadingClass: e.loading(),
+        indicator: xt,
+        tip: Ct
+      }, null));
+      if (tt.value) {
+        const St = l.showHeader !== !1 ? a("div", {
+          ref: qe,
+          class: e.headerWrapper(),
+          style: nt.value
+        }, [a("div", {
+          class: R("block w-full min-w-full", w.value, x.value)
+        }, [a("table", {
+          class: S.value,
+          style: p
+        }, [a(T, {
+          columns: y.value
+        }, null), a(ue, {
+          rows: F.value,
+          theadClass: e.thead(),
+          rowClass: e.tr(),
+          thClass: Z.value,
+          headerCellInnerClass: e.headerCellInner()
+        }, null)])])]) : null, gt = K.value ? a(Qt, {
+          dataSource: v.value,
+          columns: y.value,
+          tbodyClass: e.tbody(),
+          rowClass: e.tr(),
+          tdClass: _.value,
+          emptyClass: e.empty(),
+          bodyCellEllipsisClass: e.bodyCellEllipsis(),
+          tableClass: S.value,
+          tableStyle: p,
+          rowKey: l.rowKey,
+          height: rt.value,
+          itemHeight: at.value,
+          showScrollBar: "hover",
+          onVirtualScroll: (re) => {
+            et(re.x, re.maxX);
+          }
+        }, null) : null, bt = K.value ? null : a(ie, {
+          ref: ee,
+          maxHeight: f?.y !== void 0 ? typeof f.y == "number" ? f.y : String(f.y) : void 0,
+          wrapClass: e.bodyWrapper(),
+          viewStyle: le,
+          onScroll: J
+        }, {
+          default: () => [a("table", {
+            class: S.value,
+            style: p
+          }, [a(T, {
+            columns: y.value
+          }, null), a(ce, {
+            dataSource: v.value,
+            columns: y.value,
+            tbodyClass: e.tbody(),
+            rowClass: e.tr(),
+            tdClass: _.value,
+            emptyClass: e.empty(),
+            bodyCellEllipsisClass: e.bodyCellEllipsis(),
+            rowKey: l.rowKey
+          }, null), s && !h && a("tfoot", {
+            class: e.summary()
+          }, [s])])]
+        }), Dt = s && h ? a("div", {
+          class: e.headerWrapper(),
+          style: {
+            position: "sticky",
+            bottom: `${g.value?.offsetSummary ?? 0}px`,
+            zIndex: "4",
+            overflow: "hidden"
+          }
+        }, [a("div", {
+          class: R("block w-full min-w-full", w.value, x.value)
+        }, [a("table", {
+          class: S.value,
+          style: p
+        }, [a(T, {
+          columns: y.value
+        }, null), a("tfoot", {
+          class: e.summary()
+        }, [s])])])]) : null;
+        return a("div", {
+          class: e.root()
+        }, [o && a("div", {
+          class: e.title()
+        }, [o]), a("div", {
+          class: L(e.wrapper(), g.value && R("overflow-clip", w.value, x.value))
+        }, [St, gt, bt, Dt, ae]), u && a("div", {
+          class: e.footer()
+        }, [u])]);
+      }
+      const k = a(Lt, null, [a("table", {
+        class: S.value,
+        style: p
+      }, [a(T, {
+        columns: y.value
+      }, null), l.showHeader !== !1 && a(ue, {
+        rows: F.value,
+        theadClass: e.thead(),
+        rowClass: e.tr(),
+        thClass: Z.value,
+        headerCellInnerClass: e.headerCellInner()
+      }, null), a(ce, {
+        dataSource: v.value,
+        columns: y.value,
+        tbodyClass: e.tbody(),
+        rowClass: e.tr(),
+        tdClass: _.value,
+        emptyClass: e.empty(),
+        bodyCellEllipsisClass: e.bodyCellEllipsis(),
+        rowKey: l.rowKey
+      }, null), s && a("tfoot", {
+        class: e.summary()
+      }, [s])]), ae]);
+      return a("div", {
+        class: e.root()
+      }, [o && a("div", {
+        class: e.title()
+      }, [o]), a(ie, {
+        ref: te,
+        wrapClass: e.wrapper(),
+        viewStyle: le,
+        onScroll: J
+      }, me(k) ? k : {
+        default: () => [k]
+      }), u && a("div", {
+        class: e.footer()
+      }, [u])]);
+    };
+  }
+});
+export {
+  Ol as default
+};