@expcat/tigercat-vue 1.0.4 → 1.1.0

package/dist/chunk-HTG6ISVH.mjs

@@ -1,1094 +0,0 @@
-import { defineComponent, computed, ref, watch, h } from 'vue';
-import { getSpinnerSVG, getFixedColumnOffsets, filterDataAdvanced, filterData, sortData, paginateData, getRowKey, calculatePagination, getFixedVirtualRange, groupDataByColumn, classNames, tableBaseClasses, getTableWrapperClasses, tableExportButtonClasses, tableLoadingOverlayClasses, getExpandIconCellClasses, getCheckboxCellClasses, getTableHeaderCellClasses, getTableHeaderClasses, tableEmptyStateClasses, tableGroupHeaderClasses, getGroupHeaderCellClasses, getTableCellClasses, tableSummaryRowClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, exportTableToCsv, downloadCsv, getLoadingOverlaySpinnerClasses, normalizeSvgAttrs, icon24ViewBox, lockClosedIcon24PathD, lockOpenIcon24PathD, icon16ViewBox, getSortIconClasses, sortAscIcon16PathD, sortDescIcon16PathD, sortBothIcon16PathD, editableCellInputClasses, getEditableCellClasses, getTableRowClasses, getExpandedRowClasses, getExpandedRowContentClasses, getExpandIconClasses, expandChevronIcon16PathD } from '@expcat/tigercat-core';
-
-// src/components/Table.ts
-var spinnerSvg = getSpinnerSVG("spinner");
-var SortIcon = (direction) => {
-  const active = direction !== null;
-  const pathD = direction === "asc" ? sortAscIcon16PathD : direction === "desc" ? sortDescIcon16PathD : sortBothIcon16PathD;
-  return h(
-    "svg",
-    {
-      class: getSortIconClasses(active),
-      width: "16",
-      height: "16",
-      viewBox: icon16ViewBox,
-      fill: "currentColor"
-    },
-    [h("path", { d: pathD })]
-  );
-};
-var LockIcon = (locked) => {
-  return h(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: icon24ViewBox,
-      fill: "currentColor",
-      "aria-hidden": "true"
-    },
-    [h("path", { d: locked ? lockClosedIcon24PathD : lockOpenIcon24PathD })]
-  );
-};
-var ExpandIcon = (expanded) => {
-  return h(
-    "svg",
-    {
-      class: getExpandIconClasses(expanded),
-      width: "16",
-      height: "16",
-      viewBox: icon16ViewBox,
-      fill: "currentColor",
-      "aria-hidden": "true"
-    },
-    [h("path", { d: expandChevronIcon16PathD })]
-  );
-};
-var LoadingSpinner = () => {
-  return h(
-    "svg",
-    {
-      class: getLoadingOverlaySpinnerClasses(),
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: spinnerSvg.viewBox
-    },
-    spinnerSvg.elements.map((el) => h(el.type, normalizeSvgAttrs(el.attrs)))
-  );
-};
-var Table = defineComponent({
-  name: "TigerTable",
-  props: {
-    /**
-     * Table columns configuration
-     */
-    columns: {
-      type: Array,
-      required: true
-    },
-    /**
-     * Whether to show a lock button in each column header.
-     */
-    columnLockable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Table data source
-     */
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Controlled sort state.
-     */
-    sort: {
-      type: Object
-    },
-    /**
-     * Default sort state for uncontrolled mode.
-     */
-    defaultSort: {
-      type: Object,
-      default: () => ({
-        key: null,
-        direction: null
-      })
-    },
-    /**
-     * Controlled filters.
-     */
-    filters: {
-      type: Object
-    },
-    /**
-     * Default filters for uncontrolled mode.
-     */
-    defaultFilters: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * Table size
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Whether to show border
-     */
-    bordered: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show striped rows
-     */
-    striped: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to highlight row on hover
-     */
-    hoverable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Loading state
-     */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Empty state text
-     */
-    emptyText: {
-      type: String,
-      default: "No data"
-    },
-    /**
-     * Pagination configuration
-     */
-    pagination: {
-      type: [Object, Boolean],
-      default: () => ({
-        current: 1,
-        pageSize: 10,
-        total: 0,
-        pageSizeOptions: [10, 20, 50, 100],
-        showSizeChanger: true,
-        showTotal: true
-      })
-    },
-    /**
-     * Row selection configuration
-     */
-    rowSelection: {
-      type: Object
-    },
-    /**
-     * Row expansion configuration
-     */
-    expandable: {
-      type: Object
-    },
-    /**
-     * Function to get row key
-     */
-    rowKey: {
-      type: [String, Function],
-      default: "id"
-    },
-    /**
-     * Custom row class name
-     */
-    rowClassName: {
-      type: [String, Function]
-    },
-    /**
-     * Whether table head is sticky
-     */
-    stickyHeader: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Max height for scrollable table
-     */
-    maxHeight: {
-      type: [String, Number]
-    },
-    /**
-     * Table layout algorithm
-     */
-    tableLayout: {
-      type: String,
-      default: "auto"
-    },
-    // --- v0.6.0 props ---
-    virtual: { type: Boolean, default: false },
-    virtualHeight: { type: Number, default: 400 },
-    virtualItemHeight: { type: Number, default: 40 },
-    editable: { type: Boolean, default: false },
-    editableCells: { type: Object },
-    filterMode: { type: String, default: "basic" },
-    advancedFilterRules: { type: Array, default: () => [] },
-    columnDraggable: { type: Boolean, default: false },
-    summaryRow: { type: Object },
-    groupBy: { type: String },
-    exportable: { type: Boolean, default: false },
-    exportFilename: { type: String, default: "export" }
-  },
-  emits: [
-    "change",
-    "row-click",
-    "selection-change",
-    "sort-change",
-    "filter-change",
-    "page-change",
-    "expand-change",
-    "cell-change",
-    "column-order-change",
-    "export"
-  ],
-  setup(props, { emit, slots }) {
-    const paginationConfig = computed(() => {
-      return props.pagination !== false && typeof props.pagination === "object" ? props.pagination : null;
-    });
-    const isSortControlled = computed(() => props.sort !== void 0);
-    const isFiltersControlled = computed(() => props.filters !== void 0);
-    computed(() => paginationConfig.value?.current !== void 0);
-    computed(() => paginationConfig.value?.pageSize !== void 0);
-    const isSelectionControlled = computed(() => props.rowSelection?.selectedRowKeys !== void 0);
-    const isExpandControlled = computed(() => props.expandable?.expandedRowKeys !== void 0);
-    const uncontrolledSortState = ref(props.defaultSort);
-    const uncontrolledFilterState = ref(props.defaultFilters);
-    const uncontrolledCurrentPage = ref(
-      paginationConfig.value?.defaultCurrent ?? paginationConfig.value?.current ?? 1
-    );
-    const uncontrolledCurrentPageSize = ref(
-      paginationConfig.value?.defaultPageSize ?? paginationConfig.value?.pageSize ?? 10
-    );
-    const uncontrolledSelectedRowKeys = ref(
-      props.rowSelection?.defaultSelectedRowKeys ?? props.rowSelection?.selectedRowKeys ?? []
-    );
-    const uncontrolledExpandedRowKeys = ref(
-      props.expandable?.defaultExpandedRowKeys ?? props.expandable?.expandedRowKeys ?? []
-    );
-    const sortState = computed(() => props.sort ?? uncontrolledSortState.value);
-    const filterState = computed(() => props.filters ?? uncontrolledFilterState.value);
-    const currentPage = computed(() => {
-      return paginationConfig.value?.current ?? uncontrolledCurrentPage.value;
-    });
-    const currentPageSize = computed(() => {
-      return paginationConfig.value?.pageSize ?? uncontrolledCurrentPageSize.value;
-    });
-    const selectedRowKeys = computed(() => {
-      return props.rowSelection?.selectedRowKeys ?? uncontrolledSelectedRowKeys.value;
-    });
-    const expandedRowKeys = computed(() => {
-      return props.expandable?.expandedRowKeys ?? uncontrolledExpandedRowKeys.value;
-    });
-    watch(
-      () => props.sort,
-      (next) => {
-        if (next !== void 0) {
-          uncontrolledSortState.value = next;
-        }
-      }
-    );
-    watch(
-      () => props.filters,
-      (next) => {
-        if (next !== void 0) {
-          uncontrolledFilterState.value = next;
-        }
-      }
-    );
-    watch(
-      () => paginationConfig.value?.current,
-      (next) => {
-        if (next !== void 0) {
-          uncontrolledCurrentPage.value = next;
-        }
-      }
-    );
-    watch(
-      () => paginationConfig.value?.pageSize,
-      (next) => {
-        if (next !== void 0) {
-          uncontrolledCurrentPageSize.value = next;
-        }
-      }
-    );
-    watch(
-      () => props.rowSelection?.selectedRowKeys,
-      (next) => {
-        if (next !== void 0) {
-          uncontrolledSelectedRowKeys.value = next;
-        }
-      }
-    );
-    watch(
-      () => props.expandable?.expandedRowKeys,
-      (next) => {
-        if (next !== void 0) {
-          uncontrolledExpandedRowKeys.value = next;
-        }
-      }
-    );
-    const fixedOverrides = ref({});
-    const displayColumns = computed(() => {
-      return props.columns.map((column) => {
-        const hasOverride = column.key in fixedOverrides.value;
-        return {
-          ...column,
-          fixed: hasOverride ? fixedOverrides.value[column.key] : column.fixed
-        };
-      });
-    });
-    const fixedColumnsInfo = computed(() => {
-      return getFixedColumnOffsets(displayColumns.value);
-    });
-    const columnByKey = computed(() => {
-      const map = {};
-      for (const column of displayColumns.value) {
-        map[column.key] = column;
-      }
-      return map;
-    });
-    function toggleColumnLock(columnKey) {
-      const original = props.columns.find((c) => c.key === columnKey)?.fixed;
-      const hasOverride = columnKey in fixedOverrides.value;
-      const current = hasOverride ? fixedOverrides.value[columnKey] : original;
-      const isLocked = current === "left" || current === "right";
-      fixedOverrides.value[columnKey] = isLocked ? false : "left";
-    }
-    const processedData = computed(() => {
-      let data = props.dataSource;
-      if (props.filterMode === "advanced" && props.advancedFilterRules.length > 0) {
-        data = filterDataAdvanced(data, props.advancedFilterRules);
-      } else {
-        data = filterData(data, filterState.value);
-      }
-      if (sortState.value.key && sortState.value.direction) {
-        const column = columnByKey.value[sortState.value.key];
-        data = sortData(data, sortState.value.key, sortState.value.direction, column?.sortFn);
-      }
-      return data;
-    });
-    const paginatedData = computed(() => {
-      if (props.pagination === false) {
-        return processedData.value;
-      }
-      return paginateData(processedData.value, currentPage.value, currentPageSize.value);
-    });
-    const paginatedRowKeys = computed(() => {
-      return paginatedData.value.map((record, index) => getRowKey(record, props.rowKey, index));
-    });
-    const selectedRowKeySet = computed(() => {
-      return new Set(selectedRowKeys.value);
-    });
-    const expandedRowKeySet = computed(() => {
-      return new Set(expandedRowKeys.value);
-    });
-    const totalColumnCount = computed(() => {
-      let count = displayColumns.value.length;
-      if (props.rowSelection) count += 1;
-      if (props.expandable) count += 1;
-      return count;
-    });
-    const paginationInfo = computed(() => {
-      if (props.pagination === false) {
-        return null;
-      }
-      const total = processedData.value.length;
-      return calculatePagination(total, currentPage.value, currentPageSize.value);
-    });
-    function handleSort(columnKey) {
-      const column = displayColumns.value.find((col) => col.key === columnKey);
-      if (!column || !column.sortable) {
-        return;
-      }
-      let newDirection = "asc";
-      if (sortState.value.key === columnKey) {
-        if (sortState.value.direction === "asc") {
-          newDirection = "desc";
-        } else if (sortState.value.direction === "desc") {
-          newDirection = null;
-        }
-      }
-      const nextSortState = {
-        key: newDirection ? columnKey : null,
-        direction: newDirection
-      };
-      if (!isSortControlled.value) {
-        uncontrolledSortState.value = nextSortState;
-      }
-      emit("sort-change", nextSortState);
-      emit("change", {
-        sort: nextSortState,
-        filters: filterState.value,
-        pagination: props.pagination !== false ? {
-          current: currentPage.value,
-          pageSize: currentPageSize.value
-        } : null
-      });
-    }
-    function handleFilter(columnKey, value) {
-      const nextFilterState = {
-        ...filterState.value,
-        [columnKey]: value
-      };
-      if (!isFiltersControlled.value) {
-        uncontrolledFilterState.value = nextFilterState;
-      }
-      uncontrolledCurrentPage.value = 1;
-      emit("filter-change", nextFilterState);
-      emit("change", {
-        sort: sortState.value,
-        filters: nextFilterState,
-        pagination: props.pagination !== false ? {
-          current: 1,
-          pageSize: currentPageSize.value
-        } : null
-      });
-    }
-    function handlePageChange(page) {
-      uncontrolledCurrentPage.value = page;
-      emit("page-change", { current: page, pageSize: currentPageSize.value });
-      emit("change", {
-        sort: sortState.value,
-        filters: filterState.value,
-        pagination: {
-          current: page,
-          pageSize: currentPageSize.value
-        }
-      });
-    }
-    function handlePageSizeChange(pageSize) {
-      uncontrolledCurrentPageSize.value = pageSize;
-      uncontrolledCurrentPage.value = 1;
-      emit("page-change", { current: 1, pageSize });
-      emit("change", {
-        sort: sortState.value,
-        filters: filterState.value,
-        pagination: {
-          current: 1,
-          pageSize
-        }
-      });
-    }
-    function handleRowClick(record, index) {
-      emit("row-click", record, index);
-      if (props.expandable?.expandRowByClick) {
-        const key = getRowKey(record, props.rowKey, index);
-        const isExpandable = props.expandable?.rowExpandable ? props.expandable.rowExpandable(record) : true;
-        if (isExpandable) {
-          handleToggleExpand(key, record);
-        }
-      }
-    }
-    function handleToggleExpand(key, record) {
-      const isExpanded = expandedRowKeySet.value.has(key);
-      const newKeys = isExpanded ? expandedRowKeys.value.filter((k) => k !== key) : [...expandedRowKeys.value, key];
-      if (!isExpandControlled.value) {
-        uncontrolledExpandedRowKeys.value = newKeys;
-      }
-      emit("expand-change", newKeys, record, !isExpanded);
-    }
-    function handleSelectRow(key, checked) {
-      let newKeys;
-      if (props.rowSelection?.type === "radio") {
-        newKeys = checked ? [key] : [];
-      } else {
-        if (checked) {
-          newKeys = [...selectedRowKeys.value, key];
-        } else {
-          newKeys = selectedRowKeys.value.filter((k) => k !== key);
-        }
-      }
-      if (!isSelectionControlled.value) {
-        uncontrolledSelectedRowKeys.value = newKeys;
-      }
-      emit("selection-change", newKeys);
-    }
-    function handleSelectAll(checked) {
-      if (checked) {
-        const nextKeys = paginatedRowKeys.value;
-        if (!isSelectionControlled.value) {
-          uncontrolledSelectedRowKeys.value = nextKeys;
-        }
-        emit("selection-change", nextKeys);
-      } else {
-        if (!isSelectionControlled.value) {
-          uncontrolledSelectedRowKeys.value = [];
-        }
-        emit("selection-change", []);
-      }
-    }
-    const allSelected = computed(() => {
-      if (paginatedRowKeys.value.length === 0) {
-        return false;
-      }
-      return paginatedRowKeys.value.every((key) => selectedRowKeySet.value.has(key));
-    });
-    const someSelected = computed(() => {
-      return selectedRowKeys.value.length > 0 && !allSelected.value;
-    });
-    const editingCell = ref(null);
-    const editingValue = ref("");
-    function isCellEditable(columnKey, rowIndex) {
-      if (!props.editable) return false;
-      if (!props.editableCells) return true;
-      return !!props.editableCells.get(columnKey)?.has(rowIndex);
-    }
-    function startEditing(rowIndex, columnKey, currentValue) {
-      editingCell.value = { rowIndex, columnKey };
-      editingValue.value = String(currentValue ?? "");
-    }
-    function commitEdit() {
-      if (editingCell.value) {
-        emit(
-          "cell-change",
-          editingCell.value.rowIndex,
-          editingCell.value.columnKey,
-          editingValue.value
-        );
-        editingCell.value = null;
-      }
-    }
-    function cancelEdit() {
-      editingCell.value = null;
-    }
-    function handleExport() {
-      const csv = exportTableToCsv(displayColumns.value, processedData.value);
-      downloadCsv(csv, props.exportFilename);
-      emit("export", csv);
-    }
-    const dragColumnKey = ref(null);
-    function handleDragStart(columnKey) {
-      dragColumnKey.value = columnKey;
-    }
-    function handleDrop(targetKey) {
-      if (!dragColumnKey.value || dragColumnKey.value === targetKey) return;
-      const cols = [...displayColumns.value];
-      const fromIdx = cols.findIndex((c) => c.key === dragColumnKey.value);
-      const toIdx = cols.findIndex((c) => c.key === targetKey);
-      if (fromIdx >= 0 && toIdx >= 0) {
-        const [moved] = cols.splice(fromIdx, 1);
-        cols.splice(toIdx, 0, moved);
-        emit("column-order-change", cols);
-      }
-      dragColumnKey.value = null;
-    }
-    const virtualScrollTop = ref(0);
-    computed(() => {
-      if (!props.virtual) return null;
-      return getFixedVirtualRange(
-        virtualScrollTop.value,
-        props.virtualHeight,
-        props.virtualItemHeight,
-        paginatedData.value.length,
-        5
-      );
-    });
-    const groupedData = computed(() => {
-      if (!props.groupBy) return null;
-      return groupDataByColumn(paginatedData.value, props.groupBy);
-    });
-    function renderSummaryRow() {
-      if (!props.summaryRow?.show) return null;
-      const emptyCells = [];
-      if (props.rowSelection) {
-        emptyCells.push(h("td", { class: getTableCellClasses(props.size, "left") }));
-      }
-      if (props.expandable) {
-        emptyCells.push(h("td", { class: getTableCellClasses(props.size, "left") }));
-      }
-      const dataCells = displayColumns.value.map((col) => {
-        const dataKey = col.dataKey || col.key;
-        const val = props.summaryRow.data[dataKey];
-        return h(
-          "td",
-          {
-            key: col.key,
-            class: getTableCellClasses(props.size, col.align || "left", col.className)
-          },
-          val != null ? String(val) : ""
-        );
-      });
-      return h("tfoot", [h("tr", { class: tableSummaryRowClasses }, [...emptyCells, ...dataCells])]);
-    }
-    function renderTableHeader() {
-      const headerCells = [];
-      const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
-      const expandAtEnd = props.expandable && props.expandable.expandIconPosition === "end";
-      const expandHeaderTh = props.expandable ? h("th", {
-        class: getExpandIconCellClasses(props.size),
-        "aria-label": "Expand"
-      }) : null;
-      if (expandAtStart && expandHeaderTh) {
-        headerCells.push(expandHeaderTh);
-      }
-      if (props.rowSelection && props.rowSelection.showCheckbox !== false && props.rowSelection.type !== "radio") {
-        headerCells.push(
-          h(
-            "th",
-            {
-              class: getCheckboxCellClasses(props.size)
-            },
-            [
-              h("input", {
-                type: "checkbox",
-                class: "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
-                checked: allSelected.value,
-                indeterminate: someSelected.value,
-                onChange: (e) => handleSelectAll(e.target.checked)
-              })
-            ]
-          )
-        );
-      }
-      displayColumns.value.forEach((column) => {
-        const isSorted = sortState.value.key === column.key;
-        const sortDirection = isSorted ? sortState.value.direction : null;
-        const ariaSort = column.sortable ? sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none" : void 0;
-        const isFixedLeft = column.fixed === "left";
-        const isFixedRight = column.fixed === "right";
-        const fixedStyle = isFixedLeft ? {
-          position: "sticky",
-          left: `${fixedColumnsInfo.value.leftOffsets[column.key] || 0}px`,
-          zIndex: 15
-        } : isFixedRight ? {
-          position: "sticky",
-          right: `${fixedColumnsInfo.value.rightOffsets[column.key] || 0}px`,
-          zIndex: 15
-        } : void 0;
-        const widthStyle = column.width ? {
-          width: typeof column.width === "number" ? `${column.width}px` : column.width
-        } : void 0;
-        const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
-        const headerContent = [];
-        const slotContent = slots[`header-${column.key}`]?.();
-        if (slotContent && slotContent.length > 0) {
-          headerContent.push(...slotContent);
-        } else if (column.renderHeader) {
-          headerContent.push(column.renderHeader());
-        } else {
-          headerContent.push(column.title);
-        }
-        if (props.columnLockable) {
-          headerContent.push(
-            h(
-              "button",
-              {
-                type: "button",
-                class: classNames(
-                  "inline-flex items-center",
-                  column.fixed === "left" || column.fixed === "right" ? "text-[var(--tiger-primary,#2563eb)]" : "text-gray-400 hover:text-gray-700"
-                ),
-                "aria-label": column.fixed === "left" || column.fixed === "right" ? `Unlock column ${column.title}` : `Lock column ${column.title}`,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  toggleColumnLock(column.key);
-                }
-              },
-              [LockIcon(column.fixed === "left" || column.fixed === "right")]
-            )
-          );
-        }
-        if (column.sortable) {
-          headerContent.push(SortIcon(sortDirection));
-        }
-        headerCells.push(
-          h(
-            "th",
-            {
-              key: column.key,
-              "aria-sort": ariaSort,
-              class: classNames(
-                getTableHeaderCellClasses(
-                  props.size,
-                  column.align || "left",
-                  !!column.sortable,
-                  column.headerClassName
-                ),
-                (isFixedLeft || isFixedRight) && "bg-[var(--tiger-surface-muted,#f9fafb)]"
-              ),
-              style,
-              draggable: props.columnDraggable ? "true" : void 0,
-              onDragstart: props.columnDraggable ? () => handleDragStart(column.key) : void 0,
-              onDragover: props.columnDraggable ? (e) => e.preventDefault() : void 0,
-              onDrop: props.columnDraggable ? () => handleDrop(column.key) : void 0,
-              onClick: column.sortable ? () => handleSort(column.key) : void 0
-            },
-            [
-              h("div", { class: "flex items-center gap-2" }, headerContent),
-              // Filter input
-              ...column.filter ? [
-                h("div", { class: "mt-2" }, [
-                  column.filter.type === "select" && column.filter.options ? h(
-                    "select",
-                    {
-                      class: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                      onChange: (e) => handleFilter(column.key, e.target.value),
-                      onClick: (e) => e.stopPropagation()
-                    },
-                    [
-                      h("option", { value: "" }, "All"),
-                      ...column.filter.options.map(
-                        (opt) => h("option", { value: opt.value }, opt.label)
-                      )
-                    ]
-                  ) : h("input", {
-                    type: "text",
-                    class: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                    placeholder: column.filter.placeholder || "Filter...",
-                    onInput: (e) => handleFilter(column.key, e.target.value),
-                    onClick: (e) => e.stopPropagation()
-                  })
-                ])
-              ] : []
-            ]
-          )
-        );
-      });
-      if (expandAtEnd && expandHeaderTh) {
-        headerCells.push(expandHeaderTh);
-      }
-      return h("thead", { class: getTableHeaderClasses(props.stickyHeader) }, [
-        h("tr", headerCells)
-      ]);
-    }
-    function renderTableBody() {
-      if (props.loading) {
-        return null;
-      }
-      if (paginatedData.value.length === 0) {
-        return h("tbody", [
-          h("tr", [
-            h(
-              "td",
-              {
-                colspan: totalColumnCount.value,
-                class: tableEmptyStateClasses
-              },
-              [
-                h(
-                  "div",
-                  {
-                    role: "status",
-                    "aria-live": "polite"
-                  },
-                  props.emptyText
-                )
-              ]
-            )
-          ])
-        ]);
-      }
-      function renderDataRow(record, index) {
-        const key = getRowKey(record, props.rowKey, index);
-        const isSelected = selectedRowKeySet.value.has(key);
-        const isExpanded = expandedRowKeySet.value.has(key);
-        const isRowExpandable = props.expandable ? props.expandable.rowExpandable ? props.expandable.rowExpandable(record) : true : false;
-        const rowClass = typeof props.rowClassName === "function" ? props.rowClassName(record, index) : props.rowClassName;
-        const cells = [];
-        const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
-        const expandToggleCell = props.expandable ? h(
-          "td",
-          {
-            class: getExpandIconCellClasses(props.size)
-          },
-          isRowExpandable ? [
-            h(
-              "button",
-              {
-                type: "button",
-                class: "inline-flex items-center justify-center",
-                "aria-label": isExpanded ? "Collapse row" : "Expand row",
-                "aria-expanded": isExpanded,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  handleToggleExpand(key, record);
-                }
-              },
-              [ExpandIcon(isExpanded)]
-            )
-          ] : []
-        ) : null;
-        if (expandAtStart && expandToggleCell) {
-          cells.push(expandToggleCell);
-        }
-        if (props.rowSelection && props.rowSelection.showCheckbox !== false) {
-          const checkboxProps = props.rowSelection?.getCheckboxProps?.(record) || {};
-          cells.push(
-            h(
-              "td",
-              {
-                class: getCheckboxCellClasses(props.size)
-              },
-              [
-                h("input", {
-                  type: props.rowSelection?.type === "radio" ? "radio" : "checkbox",
-                  class: props.rowSelection?.type === "radio" ? "border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]" : "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
-                  checked: isSelected,
-                  disabled: checkboxProps.disabled,
-                  onClick: (e) => e.stopPropagation(),
-                  onChange: (e) => handleSelectRow(key, e.target.checked)
-                })
-              ]
-            )
-          );
-        }
-        displayColumns.value.forEach((column) => {
-          const dataKey = column.dataKey || column.key;
-          const cellValue = record[dataKey];
-          const isFixedLeft = column.fixed === "left";
-          const isFixedRight = column.fixed === "right";
-          const fixedStyle = isFixedLeft ? {
-            position: "sticky",
-            left: `${fixedColumnsInfo.value.leftOffsets[column.key] || 0}px`,
-            zIndex: 10
-          } : isFixedRight ? {
-            position: "sticky",
-            right: `${fixedColumnsInfo.value.rightOffsets[column.key] || 0}px`,
-            zIndex: 10
-          } : void 0;
-          const widthStyle = column.width ? {
-            width: typeof column.width === "number" ? `${column.width}px` : column.width
-          } : void 0;
-          const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
-          const stickyBgClass = props.striped && index % 2 === 0 ? "bg-[var(--tiger-surface-muted,#f9fafb)]/50" : "bg-[var(--tiger-surface,#ffffff)]";
-          const stickyCellClass = isFixedLeft || isFixedRight ? classNames(
-            stickyBgClass,
-            props.hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-          ) : void 0;
-          const isEditing = editingCell.value?.rowIndex === index && editingCell.value?.columnKey === column.key;
-          const isEditableCell = isCellEditable(column.key, index);
-          const cellContent = isEditing ? h("input", {
-            type: "text",
-            class: editableCellInputClasses,
-            value: editingValue.value,
-            autofocus: true,
-            onInput: (e) => {
-              editingValue.value = e.target.value;
-            },
-            onBlur: () => commitEdit(),
-            onKeydown: (e) => {
-              if (e.key === "Enter") commitEdit();
-              if (e.key === "Escape") cancelEdit();
-            }
-          }) : slots[`cell-${column.key}`]?.({ record, index }) ?? (column.render ? column.render(record, index) : cellValue);
-          cells.push(
-            h(
-              "td",
-              {
-                key: column.key,
-                class: classNames(
-                  getTableCellClasses(props.size, column.align || "left", column.className),
-                  stickyCellClass,
-                  isEditableCell && !isEditing && getEditableCellClasses(false)
-                ),
-                style,
-                onDblclick: isEditableCell && !isEditing ? () => startEditing(index, column.key, cellValue) : void 0
-              },
-              [cellContent]
-            )
-          );
-        });
-        if (!expandAtStart && expandToggleCell) {
-          cells.push(expandToggleCell);
-        }
-        const rowNode = h(
-          "tr",
-          {
-            key,
-            class: classNames(
-              getTableRowClasses(props.hoverable, props.striped, index % 2 === 0, rowClass),
-              fixedColumnsInfo.value.hasFixedColumns && "group"
-            ),
-            onClick: () => handleRowClick(record, index)
-          },
-          cells
-        );
-        if (props.expandable && isExpanded && isRowExpandable) {
-          const expandedContent = slots["expanded-row"]?.({ record, index }) || (props.expandable.expandedRowRender ? props.expandable.expandedRowRender(record, index) : null);
-          const expandedRow = h(
-            "tr",
-            {
-              key: `${key}-expanded`,
-              class: getExpandedRowClasses()
-            },
-            [
-              h(
-                "td",
-                {
-                  colspan: totalColumnCount.value,
-                  class: getExpandedRowContentClasses(props.size)
-                },
-                [expandedContent]
-              )
-            ]
-          );
-          return [rowNode, expandedRow];
-        }
-        return rowNode;
-      }
-      if (groupedData.value) {
-        const groupRows = [];
-        for (const [groupKey, groupItems] of groupedData.value) {
-          groupRows.push(
-            h("tr", { key: `group-${groupKey}`, class: tableGroupHeaderClasses }, [
-              h(
-                "td",
-                {
-                  colspan: totalColumnCount.value,
-                  class: getGroupHeaderCellClasses(props.size)
-                },
-                `${props.groupBy}: ${groupKey} (${groupItems.length})`
-              )
-            ])
-          );
-          groupItems.forEach((record, i) => {
-            const globalIndex = paginatedData.value.indexOf(record);
-            const result = renderDataRow(record, globalIndex >= 0 ? globalIndex : i);
-            if (Array.isArray(result)) {
-              groupRows.push(...result);
-            } else {
-              groupRows.push(result);
-            }
-          });
-        }
-        return h("tbody", groupRows);
-      }
-      const rows = paginatedData.value.flatMap((record, index) => renderDataRow(record, index));
-      return h("tbody", rows);
-    }
-    function renderPagination() {
-      if (props.pagination === false || !paginationInfo.value) {
-        return null;
-      }
-      const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo.value;
-      const total = processedData.value.length;
-      const paginationConfig2 = props.pagination;
-      return h("div", { class: getSimplePaginationContainerClasses() }, [
-        // Total info
-        paginationConfig2.showTotal !== false && h(
-          "div",
-          { class: getSimplePaginationTotalClasses() },
-          paginationConfig2.totalText ? paginationConfig2.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results`
-        ),
-        // Pagination controls
-        h("div", { class: getSimplePaginationControlsClasses() }, [
-          // Page size selector
-          paginationConfig2.showSizeChanger !== false && h(
-            "select",
-            {
-              class: getSimplePaginationSelectClasses(),
-              value: currentPageSize.value,
-              onChange: (e) => handlePageSizeChange(Number(e.target.value))
-            },
-            (paginationConfig2.pageSizeOptions || [10, 20, 50, 100]).map(
-              (size) => h("option", { value: size }, `${size} / page`)
-            )
-          ),
-          // Page buttons
-          h("div", { class: getSimplePaginationButtonsWrapperClasses() }, [
-            // Previous button
-            h(
-              "button",
-              {
-                class: getSimplePaginationButtonClasses(!hasPrev),
-                disabled: !hasPrev,
-                onClick: () => handlePageChange(currentPage.value - 1)
-              },
-              "Previous"
-            ),
-            // Current page indicator
-            h(
-              "span",
-              { class: getSimplePaginationPageIndicatorClasses() },
-              `Page ${currentPage.value} of ${totalPages}`
-            ),
-            // Next button
-            h(
-              "button",
-              {
-                class: getSimplePaginationButtonClasses(!hasNext),
-                disabled: !hasNext,
-                onClick: () => handlePageChange(currentPage.value + 1)
-              },
-              "Next"
-            )
-          ])
-        ])
-      ]);
-    }
-    return () => {
-      const wrapperStyle = props.maxHeight ? {
-        maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight
-      } : void 0;
-      const tableChildren = [renderTableHeader(), renderTableBody(), renderSummaryRow()];
-      const tableContent = props.virtual ? h(
-        "div",
-        {
-          style: { height: `${props.virtualHeight}px`, overflow: "auto" },
-          onScroll: (e) => {
-            virtualScrollTop.value = e.target.scrollTop;
-          }
-        },
-        [
-          h(
-            "table",
-            {
-              class: classNames(
-                tableBaseClasses,
-                props.tableLayout === "fixed" ? "table-fixed" : "table-auto"
-              ),
-              style: fixedColumnsInfo.value.hasFixedColumns && fixedColumnsInfo.value.minTableWidth ? { minWidth: `${fixedColumnsInfo.value.minTableWidth}px` } : void 0
-            },
-            tableChildren
-          )
-        ]
-      ) : h(
-        "table",
-        {
-          class: classNames(
-            tableBaseClasses,
-            props.tableLayout === "fixed" ? "table-fixed" : "table-auto"
-          ),
-          style: fixedColumnsInfo.value.hasFixedColumns && fixedColumnsInfo.value.minTableWidth ? { minWidth: `${fixedColumnsInfo.value.minTableWidth}px` } : void 0
-        },
-        tableChildren
-      );
-      return h(
-        "div",
-        {
-          class: getTableWrapperClasses(props.bordered, props.maxHeight),
-          style: wrapperStyle,
-          "aria-busy": props.loading
-        },
-        [
-          // Export button
-          props.exportable && h("div", { class: "flex justify-end p-2" }, [
-            h(
-              "button",
-              {
-                type: "button",
-                class: tableExportButtonClasses,
-                onClick: handleExport,
-                "aria-label": "Export to CSV"
-              },
-              "Export CSV"
-            )
-          ]),
-          tableContent,
-          // Loading overlay
-          props.loading && h(
-            "div",
-            {
-              class: tableLoadingOverlayClasses,
-              role: "status",
-              "aria-live": "polite",
-              "aria-label": "Loading"
-            },
-            [LoadingSpinner(), h("span", { class: "sr-only" }, "Loading")]
-          ),
-          // Pagination
-          renderPagination()
-        ]
-      );
-    };
-  }
-});
-var Table_default = Table;
-
-export { Table, Table_default };