@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/chunk-KTNT2JHB.js

@@ -0,0 +1,351 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/FileManager.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var FileManager = _vue.defineComponent.call(void 0, {
+  name: "TigerFileManager",
+  inheritAttrs: false,
+  props: {
+    files: { type: Array, default: () => [] },
+    viewMode: {
+      type: String,
+      default: "list"
+    },
+    selectedKeys: {
+      type: Array,
+      default: () => []
+    },
+    multiple: { type: Boolean, default: false },
+    columns: {
+      type: Array,
+      default: void 0
+    },
+    sortField: {
+      type: String,
+      default: "name"
+    },
+    sortOrder: {
+      type: String,
+      default: "asc"
+    },
+    currentPath: {
+      type: Array,
+      default: () => []
+    },
+    showHidden: { type: Boolean, default: false },
+    draggable: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    emptyText: { type: String, default: void 0 },
+    searchable: { type: Boolean, default: false },
+    searchText: { type: String, default: "" },
+    className: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 }
+  },
+  emits: [
+    "select",
+    "open",
+    "navigate",
+    "update:currentPath",
+    "update:searchText",
+    "update:selectedKeys",
+    "update:files",
+    "reorder"
+  ],
+  setup(props, { emit, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
+    const labels = _vue.computed.call(void 0, () => _tigercatcore.getFileManagerLabels.call(void 0, mergedLocale.value));
+    const localSearch = _vue.ref.call(void 0, props.searchText);
+    const focusedIndex = _vue.ref.call(void 0, 0);
+    const contentRef = _vue.ref.call(void 0, null);
+    let dragFromIndex = null;
+    function handleDragStart(event, item, index) {
+      if (!props.draggable || item.disabled) return;
+      dragFromIndex = index;
+      if (event.dataTransfer) {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", String(_tigercatcore.toFileDragItem.call(void 0, item, index).id));
+      }
+    }
+    function handleDragOver(event) {
+      if (!props.draggable || dragFromIndex === null) return;
+      event.preventDefault();
+      if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+    }
+    function handleDrop(event, toIndex) {
+      if (!props.draggable) return;
+      const fromIndex = dragFromIndex;
+      dragFromIndex = null;
+      if (fromIndex === null || fromIndex === toIndex) return;
+      event.preventDefault();
+      const items = model.value.processedItems;
+      const reordered = _tigercatcore.applyFileDragReorder.call(void 0, items, {
+        item: _tigercatcore.toFileDragItem.call(void 0, items[fromIndex], fromIndex),
+        fromIndex,
+        toIndex,
+        fromContainerId: "",
+        toContainerId: ""
+      });
+      emit("reorder", reordered, fromIndex, toIndex);
+      emit("update:files", reordered);
+    }
+    const model = _vue.computed.call(void 0, 
+      () => _tigercatcore.deriveFileManagerModel.call(void 0, {
+        files: props.files,
+        currentPath: props.currentPath,
+        selectedKeys: props.selectedKeys,
+        sortField: props.sortField,
+        sortOrder: props.sortOrder,
+        showHidden: props.showHidden,
+        searchText: localSearch.value || props.searchText
+      })
+    );
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.getFileManagerContainerClasses.call(void 0, props.className), _tigercatcore.coerceClassValue.call(void 0, attrs.class))
+    );
+    function handleSelect(item) {
+      if (item.disabled) return;
+      emit("select", item);
+      const keys = _tigercatcore.toggleFileSelection.call(void 0, props.selectedKeys, item.key, props.multiple);
+      emit("update:selectedKeys", keys);
+    }
+    function handleOpen(item) {
+      const result = _tigercatcore.resolveFileOpen.call(void 0, item, props.currentPath);
+      if (!result) return;
+      if (result.type === "navigate") {
+        emit("update:currentPath", result.path);
+        emit("navigate", result.path);
+      } else {
+        emit("open", result.item);
+      }
+    }
+    function navigateToBreadcrumb(index) {
+      const newPath = _tigercatcore.sliceBreadcrumbPath.call(void 0, props.currentPath, index);
+      emit("update:currentPath", newPath);
+      emit("navigate", newPath);
+    }
+    function getFirstEnabledIndex() {
+      return model.value.processedItems.findIndex((item) => !item.disabled);
+    }
+    function getLastEnabledIndex() {
+      for (let index = model.value.processedItems.length - 1; index >= 0; index -= 1) {
+        if (!_optionalChain([model, 'access', _ => _.value, 'access', _2 => _2.processedItems, 'access', _3 => _3[index], 'optionalAccess', _4 => _4.disabled])) {
+          return index;
+        }
+      }
+      return -1;
+    }
+    function getFocusedItemIndex() {
+      return focusedIndex.value >= 0 && !_optionalChain([model, 'access', _5 => _5.value, 'access', _6 => _6.processedItems, 'access', _7 => _7[focusedIndex.value], 'optionalAccess', _8 => _8.disabled]) ? focusedIndex.value : getFirstEnabledIndex();
+    }
+    function focusItemAt(index) {
+      _vue.nextTick.call(void 0, () => {
+        _optionalChain([contentRef, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.querySelector, 'call', _11 => _11(`[data-option-index="${index}"]`), 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()]);
+      });
+    }
+    function moveFocus(current, direction) {
+      if (model.value.processedItems.length === 0) return;
+      let next = current;
+      for (let i = 0; i < model.value.processedItems.length; i += 1) {
+        next = (next + direction + model.value.processedItems.length) % model.value.processedItems.length;
+        if (!_optionalChain([model, 'access', _14 => _14.value, 'access', _15 => _15.processedItems, 'access', _16 => _16[next], 'optionalAccess', _17 => _17.disabled])) {
+          focusedIndex.value = next;
+          focusItemAt(next);
+          return;
+        }
+      }
+    }
+    function handleItemKeydown(event, item, index) {
+      switch (event.key) {
+        case "ArrowDown":
+        case "ArrowRight":
+          event.preventDefault();
+          moveFocus(index, 1);
+          return;
+        case "ArrowUp":
+        case "ArrowLeft":
+          event.preventDefault();
+          moveFocus(index, -1);
+          return;
+        case "Home": {
+          event.preventDefault();
+          const first = getFirstEnabledIndex();
+          if (first >= 0) {
+            focusedIndex.value = first;
+            focusItemAt(first);
+          }
+          return;
+        }
+        case "End": {
+          event.preventDefault();
+          const last = getLastEnabledIndex();
+          if (last >= 0) {
+            focusedIndex.value = last;
+            focusItemAt(last);
+          }
+          return;
+        }
+        case " ":
+          event.preventDefault();
+          handleSelect(item);
+          return;
+        case "Enter":
+          event.preventDefault();
+          handleSelect(item);
+          handleOpen(item);
+          return;
+        default:
+          return;
+      }
+    }
+    return () => {
+      const breadcrumbItems = [
+        _vue.h.call(void 0, 
+          "span",
+          {
+            class: _tigercatcore.fileManagerBreadcrumbItemClasses,
+            onClick: () => navigateToBreadcrumb(0)
+          },
+          labels.value.rootText
+        ),
+        ...props.currentPath.flatMap((seg, i) => [
+          _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerBreadcrumbSeparatorClasses }, "/"),
+          _vue.h.call(void 0, 
+            "span",
+            {
+              class: _tigercatcore.fileManagerBreadcrumbItemClasses,
+              onClick: () => navigateToBreadcrumb(i + 1)
+            },
+            seg
+          )
+        ])
+      ];
+      const breadcrumb = _vue.h.call(void 0, 
+        "nav",
+        { class: _tigercatcore.fileManagerBreadcrumbClasses, "aria-label": "File path" },
+        breadcrumbItems
+      );
+      const searchInput = props.searchable ? _vue.h.call(void 0, "input", {
+        type: "text",
+        class: _tigercatcore.fileManagerSearchClasses,
+        placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
+          "Search...",
+          _optionalChain([mergedLocale, 'access', _18 => _18.value, 'optionalAccess', _19 => _19.common, 'optionalAccess', _20 => _20.searchPlaceholder])
+        ),
+        value: localSearch.value,
+        onInput: (e) => {
+          const val = e.target.value;
+          localSearch.value = val;
+          emit("update:searchText", val);
+        }
+      }) : null;
+      const toolbar = _vue.h.call(void 0, "div", { class: _tigercatcore.fileManagerToolbarClasses }, [
+        breadcrumb,
+        _vue.h.call(void 0, "div", { class: "flex-1" }),
+        searchInput
+      ]);
+      const fileIcon = (item) => _vue.h.call(void 0, 
+        "span",
+        { class: _tigercatcore.fileManagerItemIconClasses, "aria-hidden": "true" },
+        item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}"
+      );
+      const renderItem = (item, index) => {
+        const isSelected = model.value.selectedSet.has(item.key);
+        const itemClass = _tigercatcore.getFileItemClasses.call(void 0, props.viewMode, isSelected);
+        const focusedItem = getFocusedItemIndex();
+        const nameEl = _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemNameClasses }, item.name);
+        const metaColumns = _nullishCoalesce(props.columns, () => ( ["size", "modified"]));
+        const metaEls = props.viewMode === "list" ? [
+          metaColumns.includes("type") ? _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemMetaClasses }, _nullishCoalesce(item.extension, () => ( item.type))) : null,
+          metaColumns.includes("size") && item.size !== void 0 ? _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemMetaClasses }, _tigercatcore.formatFileSizeLabel.call(void 0, item.size)) : null,
+          metaColumns.includes("modified") && item.modified ? _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemMetaClasses }, item.modified) : null
+        ] : [];
+        const dragItem = props.draggable && !item.disabled ? _tigercatcore.toFileDragItem.call(void 0, item, index) : void 0;
+        return _vue.h.call(void 0, 
+          "div",
+          {
+            key: item.key,
+            class: itemClass,
+            role: "option",
+            "aria-selected": isSelected,
+            tabindex: !item.disabled && index === focusedItem ? 0 : -1,
+            "data-option-index": index,
+            "data-disabled": item.disabled || void 0,
+            onFocus: () => {
+              if (!item.disabled) focusedIndex.value = index;
+            },
+            onKeydown: (event) => handleItemKeydown(event, item, index),
+            onClick: () => handleSelect(item),
+            onDblclick: () => handleOpen(item),
+            draggable: props.draggable && !item.disabled,
+            "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _21 => _21.id]),
+            onDragstart: (event) => handleDragStart(event, item, index),
+            onDragover: handleDragOver,
+            onDrop: (event) => handleDrop(event, index)
+          },
+          [fileIcon(item), nameEl, ...metaEls]
+        );
+      };
+      const contentClass = props.viewMode === "grid" ? `${_tigercatcore.fileManagerContentClasses} grid grid-cols-4 gap-2` : _tigercatcore.fileManagerContentClasses;
+      const content = model.value.processedItems.length > 0 ? _vue.h.call(void 0, 
+        "div",
+        {
+          ref: contentRef,
+          class: contentClass,
+          role: "listbox",
+          "aria-multiselectable": props.multiple
+        },
+        model.value.processedItems.map(renderItem)
+      ) : _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.fileManagerEmptyClasses },
+        _tigercatcore.resolveLocaleText.call(void 0, 
+          "Empty folder",
+          props.emptyText,
+          _optionalChain([mergedLocale, 'access', _22 => _22.value, 'optionalAccess', _23 => _23.common, 'optionalAccess', _24 => _24.emptyText])
+        )
+      );
+      const loadingEl = props.loading ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.fileManagerLoadingClasses },
+        _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'access', _25 => _25.value, 'optionalAccess', _26 => _26.common, 'optionalAccess', _27 => _27.loadingText]))
+      ) : null;
+      return _vue.h.call(void 0, "div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
+    };
+  }
+});
+var FileManager_default = FileManager;
+
+
+
+
+exports.FileManager = FileManager; exports.FileManager_default = FileManager_default;

package/dist/{chunk-C4HYZH7H.mjs → chunk-LGDJDBE3.mjs}

@@ -1,23 +1,24 @@
 import {
   Select
-} from "./chunk-IZQ7BRHC.mjs";
+} from "./chunk-QH3YF5B6.mjs";
 import {
   Radio
 } from "./chunk-YZP4K6KI.mjs";
-import {
-  useTigerConfig
-} from "./chunk-VG6E4NX6.mjs";
 import {
   Empty
-} from "./chunk-WFISP42H.mjs";
+} from "./chunk-WLHOWOAY.mjs";
 import {
   Checkbox
-} from "./chunk-2BNQGU7E.mjs";
+} from "./chunk-UKMOWUYH.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Table.ts
 import {
   computed as computed2,
   defineComponent,
+  getCurrentInstance,
   h as h6,
   onBeforeUnmount,
   onMounted,
@@ -39,6 +40,7 @@ import {
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
+  getTableVirtualWindow,
   isLazyTigerLocale,
   mergeTigerLocale,
   resolveTigerLocale,
@@ -211,7 +213,7 @@ var tableEmits = [
   "sort-change",
   "filter-change",
   "update:hiddenColumnKeys",
-  "hidden-columns-change",
+  "hidden-column-keys-change",
   "page-change",
   "expand-change",
   "cell-change",
@@ -224,7 +226,7 @@ var tableEmits = [
 import { computed, ref, watch } from "vue";
 import {
   sortData,
-  filterData,
+  filterTableData,
   paginateData,
   calculatePagination,
   createTableRowKeyCache,
@@ -233,7 +235,10 @@ import {
   getFixedColumnOffsets,
   filterHiddenColumns,
   freezeTableColumnWidths,
-  orderTableFixedColumns
+  orderTableFixedColumns,
+  getNextTableSelectAllKeys,
+  getTableSelectionState,
+  hasTableSelectionColumn
 } from "@expcat/tigercat-core";
 import { exportTableData, downloadTableExport } from "@expcat/tigercat-core";
 function useTableState(props, emit, measuredColumnWidths) {
@@ -373,7 +378,7 @@ function useTableState(props, emit, measuredColumnWidths) {
       uncontrolledHiddenColumnKeys.value = hiddenKeys;
     }
     emit("update:hiddenColumnKeys", hiddenKeys);
-    emit("hidden-columns-change", hiddenKeys);
+    emit("hidden-column-keys-change", hiddenKeys);
   }
   function toggleColumnLock(columnKey) {
     const original = props.columns.find((c) => c.key === columnKey)?.fixed;
@@ -387,7 +392,7 @@ function useTableState(props, emit, measuredColumnWidths) {
     if (props.filterMode === "advanced" && (props.advancedFilterRules?.length ?? 0) > 0) {
       data = filterDataAdvanced(data, props.advancedFilterRules ?? []);
     } else {
-      data = filterData(data, filterState.value);
+      data = filterTableData(data, props.columns, filterState.value);
     }
     if (sortState.value.key && sortState.value.direction) {
       const column = columnByKey.value[sortState.value.key];
@@ -414,7 +419,7 @@ function useTableState(props, emit, measuredColumnWidths) {
   });
   const totalColumnCount = computed(() => {
     let count = displayColumns.value.length;
-    if (props.rowSelection) count += 1;
+    if (hasTableSelectionColumn(props.rowSelection)) count += 1;
     if (props.expandable) count += 1;
     return count;
   });
@@ -534,29 +539,27 @@ function useTableState(props, emit, measuredColumnWidths) {
     }
     emit("selection-change", newKeys);
   }
+  const selectionState = computed(
+    () => getTableSelectionState({
+      records: paginatedData.value,
+      rowKeys: paginatedRowKeys.value,
+      selectedRowKeys: selectedRowKeys.value,
+      getCheckboxProps: props.rowSelection?.getCheckboxProps
+    })
+  );
   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 nextKeys = getNextTableSelectAllKeys(
+      selectedRowKeys.value,
+      selectionState.value.selectableRowKeys,
+      checked
+    );
+    if (!isSelectionControlled.value) {
+      uncontrolledSelectedRowKeys.value = nextKeys;
     }
+    emit("selection-change", nextKeys);
   }
-  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 allSelected = computed(() => selectionState.value.allSelected);
+  const someSelected = computed(() => selectionState.value.someSelected);
   const editingCell = ref(null);
   const editingValue = ref("");
   function isCellEditable(columnKey, rowIndex) {
@@ -764,7 +767,7 @@ function renderTableHeader(ctx, props, slots, labels) {
   const expandAtEnd = props.expandable && props.expandable.expandIconPosition === "end";
   const expandHeaderTh = props.expandable ? h2("th", {
     class: getExpandIconCellClasses(props.size),
-    "aria-label": "Expand"
+    "aria-label": labels.expandText
   }) : null;
   if (expandAtStart && expandHeaderTh) {
     headerCells.push(expandHeaderTh);
@@ -872,7 +875,7 @@ function renderTableHeader(ctx, props, slots, labels) {
                   onClick: (e) => e.stopPropagation()
                 },
                 [
-                  h2("option", { value: "" }, "All"),
+                  h2("option", { value: "" }, labels.allText),
                   ...column.filter.options.map(
                     (opt) => h2("option", { value: opt.value }, opt.label)
                   )
@@ -880,7 +883,7 @@ function renderTableHeader(ctx, props, slots, labels) {
               ) : h2("input", {
                 type: "text",
                 class: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                placeholder: column.filter.placeholder || "Filter...",
+                placeholder: column.filter.placeholder || labels.filterPlaceholder,
                 onInput: (e) => ctx.handleFilter(column.key, e.target.value),
                 onClick: (e) => e.stopPropagation()
               })
@@ -900,6 +903,7 @@ function renderTableHeader(ctx, props, slots, labels) {
 import { h as h3 } from "vue";
 import {
   classNames as classNames2,
+  isActivationKey,
   getTableRowClasses,
   getTableCellClasses,
   getTableFixedCellClasses,
@@ -914,7 +918,7 @@ import {
   tableGroupHeaderClasses,
   getGroupHeaderCellClasses
 } from "@expcat/tigercat-core";
-function renderTableBody(ctx, props, slots) {
+function renderTableBody(ctx, props, slots, labels) {
   if (props.loading) {
     return null;
   }
@@ -999,7 +1003,7 @@ function renderTableBody(ctx, props, slots) {
           {
             type: "button",
             class: "inline-flex items-center justify-center",
-            "aria-label": isExpanded ? "Collapse row" : "Expand row",
+            "aria-label": isExpanded ? labels.collapseRowAriaLabel : labels.expandRowAriaLabel,
             "aria-expanded": isExpanded,
             onClick: (e) => {
               e.stopPropagation();
@@ -1098,6 +1102,16 @@ function renderTableBody(ctx, props, slots) {
           getTableRowClasses(props.hoverable, props.striped, index % 2 === 0, rowClass),
           ctx.fixedColumnsInfo.value.hasFixedColumns && "group"
         ),
+        "aria-selected": props.rowSelection ? isSelected : void 0,
+        tabindex: props.interactiveRows ? 0 : void 0,
+        // Delegated mouse click stays on tbody; add per-row keyboard activation.
+        onKeydown: props.interactiveRows ? (e) => {
+          if (e.target !== e.currentTarget) return;
+          if (isActivationKey(e)) {
+            e.preventDefault();
+            ctx.handleRowClick(record, index, key);
+          }
+        } : void 0,
         draggable: props.rowDraggable ? "true" : void 0
       },
       cells
@@ -1152,6 +1166,36 @@ function renderTableBody(ctx, props, slots) {
     }
     return h3("tbody", delegatedBodyHandlers, groupRows);
   }
+  const vw = props.virtualWindow;
+  if (vw && vw.endIndex >= vw.startIndex) {
+    const windowed = [];
+    if (vw.topPad > 0) {
+      windowed.push(
+        h3("tr", { key: "virtual-top", "aria-hidden": "true" }, [
+          h3("td", {
+            colspan: ctx.totalColumnCount.value,
+            style: { height: `${vw.topPad}px`, padding: 0 }
+          })
+        ])
+      );
+    }
+    for (let index = vw.startIndex; index <= vw.endIndex; index++) {
+      const result = renderDataRow(ctx.paginatedData.value[index], index);
+      if (Array.isArray(result)) windowed.push(...result);
+      else windowed.push(result);
+    }
+    if (vw.bottomPad > 0) {
+      windowed.push(
+        h3("tr", { key: "virtual-bottom", "aria-hidden": "true" }, [
+          h3("td", {
+            colspan: ctx.totalColumnCount.value,
+            style: { height: `${vw.bottomPad}px`, padding: 0 }
+          })
+        ])
+      );
+    }
+    return h3("tbody", delegatedBodyHandlers, windowed);
+  }
   const rows = ctx.paginatedData.value.flatMap((record, index) => renderDataRow(record, index));
   return h3("tbody", delegatedBodyHandlers, rows);
 }
@@ -1219,13 +1263,14 @@ function renderPagination(ctx, props, view) {
   );
   const finalPrevAriaLabel = view?.disableI18n ? finalPrevText : labels.prevPageAriaLabel;
   const finalNextAriaLabel = view?.disableI18n ? finalNextText : labels.nextPageAriaLabel;
-  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [
+    10,
+    20,
+    50,
+    100
+  ];
   return h5("div", { class: getSimplePaginationContainerClasses() }, [
-    paginationConfig.showTotal !== false && h5(
-      "div",
-      { class: getSimplePaginationTotalClasses() },
-      finalTotalText
-    ),
+    paginationConfig.showTotal !== false && h5("div", { class: getSimplePaginationTotalClasses() }, finalTotalText),
     h5("div", { class: getSimplePaginationControlsClasses() }, [
       paginationConfig.showSizeChanger !== false && h5(
         "select",
@@ -1286,6 +1331,7 @@ var Table = defineComponent({
   emits: tableEmits,
   setup(props, { emit, slots }) {
     const config = useTigerConfig();
+    const instance = getCurrentInstance();
     const wrapperRef = ref2(null);
     const tableRef = ref2(null);
     const measuredColumnWidths = ref2({});
@@ -1397,9 +1443,19 @@ var Table = defineComponent({
       const wrapperStyle = resolvedProps.maxHeight ? {
         maxHeight: typeof resolvedProps.maxHeight === "number" ? `${resolvedProps.maxHeight}px` : resolvedProps.maxHeight
       } : void 0;
+      const virtualWindow = effectiveVirtual ? getTableVirtualWindow(
+        ctx.virtualScrollTop.value,
+        typeof resolvedProps.virtualHeight === "number" ? resolvedProps.virtualHeight : 400,
+        resolvedProps.virtualItemHeight,
+        ctx.paginatedData.value.length
+      ) : void 0;
       const renderProps = {
         ...resolvedProps,
-        emptyText: tableLabels.value.emptyText
+        emptyText: tableLabels.value.emptyText,
+        // Rows become keyboard-activable when a row-click listener is bound or
+        // row selection is enabled (mirrors React's onRowClick/rowSelection).
+        interactiveRows: !!resolvedProps.rowSelection || typeof instance?.vnode.props?.onRowClick === "function",
+        virtualWindow
       };
       const shouldPinColumns = resolvedProps.columnLockable || ctx.fixedColumnsInfo.value.hasFixedColumns;
       const colgroup = shouldPinColumns ? h6(
@@ -1420,7 +1476,7 @@ var Table = defineComponent({
       const tableChildren = [
         colgroup,
         renderTableHeader(ctx, renderProps, slots, tableLabels.value),
-        renderTableBody(ctx, renderProps, slots),
+        renderTableBody(ctx, renderProps, slots, tableLabels.value),
         renderSummaryRow(ctx, renderProps)
       ];
       const tableInner = h6(
@@ -1768,9 +1824,9 @@ var Table = defineComponent({
                 type: "button",
                 class: tableExportButtonClasses,
                 onClick: ctx.handleExport,
-                "aria-label": resolvedProps.exportFormat === "excel" ? "Export to Excel" : "Export to CSV"
+                "aria-label": resolvedProps.exportFormat === "excel" ? tableLabels.value.exportExcelAriaLabel : tableLabels.value.exportCsvAriaLabel
               },
-              resolvedProps.exportFormat === "excel" ? "Export Excel" : "Export CSV"
+              resolvedProps.exportFormat === "excel" ? tableLabels.value.exportExcelText : tableLabels.value.exportCsvText
             )
           ]),
           tableContent,

package/dist/{chunk-LA5YKXPH.mjs → chunk-LHOSPU6V.mjs}

@@ -1,12 +1,12 @@
-import {
-  useTigerConfig
-} from "./chunk-VG6E4NX6.mjs";
 import {
   renderVueBodyTeleport,
   useVueBodyScrollLock,
   useVueEscapeKey,
   useVueFocusTrap
 } from "./chunk-BDTPFPSB.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Drawer.ts
 import {