@expcat/tigercat-vue 1.2.31 → 1.2.33

package/dist/{chunk-7U673KY5.mjs → chunk-7M4UUCJF.mjs}

@@ -649,6 +649,8 @@ import {
   classNames,
   getTableHeaderClasses,
   getTableHeaderCellClasses,
+  getTableFixedHeaderCellClasses,
+  getFixedColumnStyle,
   getCheckboxCellClasses,
   getExpandIconCellClasses
 } from "@expcat/tigercat-core";
@@ -686,17 +688,7 @@ function renderTableHeader(ctx, props, slots) {
     const isSorted = ctx.sortState.value.key === column.key;
     const sortDirection = isSorted ? ctx.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: `${ctx.fixedColumnsInfo.value.leftOffsets[column.key] || 0}px`,
-      zIndex: 15
-    } : isFixedRight ? {
-      position: "sticky",
-      right: `${ctx.fixedColumnsInfo.value.rightOffsets[column.key] || 0}px`,
-      zIndex: 15
-    } : void 0;
+    const fixedStyle = getFixedColumnStyle(column, ctx.fixedColumnsInfo.value, 15);
     const widthStyle = column.width ? {
       width: typeof column.width === "number" ? `${column.width}px` : column.width
     } : void 0;
@@ -747,7 +739,12 @@ function renderTableHeader(ctx, props, slots) {
               !!column.sortable,
               column.headerClassName
             ),
-            (isFixedLeft || isFixedRight) && "bg-[var(--tiger-surface-muted,#f9fafb)]"
+            getTableFixedHeaderCellClasses({
+              view: "table",
+              column,
+              stickyHeader: props.stickyHeader,
+              fixedInfo: ctx.fixedColumnsInfo.value
+            })
           ),
           style,
           draggable: props.columnDraggable ? "true" : void 0,
@@ -798,6 +795,8 @@ import {
   classNames as classNames2,
   getTableRowClasses,
   getTableCellClasses,
+  getTableFixedCellClasses,
+  getFixedColumnStyle as getFixedColumnStyle2,
   getCheckboxCellClasses as getCheckboxCellClasses2,
   getExpandIconCellClasses as getExpandIconCellClasses2,
   getExpandedRowClasses,
@@ -931,26 +930,22 @@ function renderTableBody(ctx, props, slots) {
     ctx.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: `${ctx.fixedColumnsInfo.value.leftOffsets[column.key] || 0}px`,
-        zIndex: 10
-      } : isFixedRight ? {
-        position: "sticky",
-        right: `${ctx.fixedColumnsInfo.value.rightOffsets[column.key] || 0}px`,
-        zIndex: 10
-      } : void 0;
+      const fixedStyle = getFixedColumnStyle2(column, ctx.fixedColumnsInfo.value, 10);
       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 ? classNames2(
-        stickyBgClass,
-        props.hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-      ) : void 0;
+      const stickyCellClass = getTableFixedCellClasses({
+        view: "table",
+        column,
+        record,
+        rowIndex: index,
+        striped: props.striped,
+        stripedActive: props.striped && index % 2 === 0,
+        selected: isSelected,
+        hoverable: props.hoverable,
+        fixedInfo: ctx.fixedColumnsInfo.value
+      });
       const isEditing = ctx.editingCell.value?.rowIndex === index && ctx.editingCell.value?.columnKey === column.key;
       const isEditableCell = ctx.isCellEditable(column.key, index);
       const cellContent = isEditing ? h3("input", {
@@ -1085,8 +1080,8 @@ function renderSummaryRow(ctx, props) {
 import { h as h5 } from "vue";
 import {
   formatIntlNumber,
-  formatPageAriaLabel,
   formatPaginationTotal,
+  formatPaginationPageIndicator,
   getPaginationLabels,
   getSimplePaginationContainerClasses,
   getSimplePaginationTotalClasses,
@@ -1104,18 +1099,20 @@ function renderPagination(ctx, props, view) {
   const paginationConfig = props.pagination;
   const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.value.length;
   const locale = view?.disableI18n ? void 0 : view?.locale;
-  const labels = locale ? getPaginationLabels(locale) : void 0;
+  const labels = getPaginationLabels(locale);
   const localeCode = locale?.locale;
-  const isZh = !!localeCode?.startsWith("zh") || locale?.formWizard?.prevText === "\u4E0A\u4E00\u6B65" || locale?.upload?.clickToUploadText === "\u70B9\u51FB\u4E0A\u4F20";
-  const defaultTotalText = (t, range) => isZh ? `\u5171 ${t} \u6761` : `Showing ${range[0]} to ${range[1]} of ${t} results`;
-  const defaultPrevText = isZh ? "\u4E0A\u4E00\u9875" : "Previous";
-  const defaultNextText = isZh ? "\u4E0B\u4E00\u9875" : "Next";
-  const defaultPageIndicatorText = (current, total2) => isZh ? `\u7B2C ${current} \u9875 / \u5171 ${total2} \u9875` : `Page ${current} of ${total2}`;
-  const defaultPageSizeText = (size) => isZh ? `${size} \u6761/\u9875` : `${size} / page`;
-  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : labels ? formatPaginationTotal(labels.totalText, total, [startIndex, endIndex], localeCode) : defaultTotalText(total, [startIndex, endIndex]);
-  const finalPrevText = paginationConfig.prevText || labels?.prevPageAriaLabel || defaultPrevText;
-  const finalNextText = paginationConfig.nextText || labels?.nextPageAriaLabel || defaultNextText;
-  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage.value, totalPages) : labels ? `${formatPageAriaLabel(labels.pageAriaLabel, ctx.currentPage.value, localeCode)} / ${formatIntlNumber(totalPages, localeCode)} ${labels.pageText}` : defaultPageIndicatorText(ctx.currentPage.value, totalPages);
+  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : formatPaginationTotal(labels.totalText, total, [startIndex, endIndex], localeCode);
+  const finalPrevText = paginationConfig.prevText || labels.prevPageAriaLabel;
+  const finalNextText = paginationConfig.nextText || labels.nextPageAriaLabel;
+  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage.value, totalPages) : formatPaginationPageIndicator(
+    labels.pageIndicatorText,
+    ctx.currentPage.value,
+    totalPages,
+    localeCode
+  );
+  const finalPrevAriaLabel = view?.disableI18n ? finalPrevText : labels.prevPageAriaLabel;
+  const finalNextAriaLabel = view?.disableI18n ? finalNextText : labels.nextPageAriaLabel;
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
   return h5("div", { class: getSimplePaginationContainerClasses() }, [
     paginationConfig.showTotal !== false && h5(
       "div",
@@ -1128,11 +1125,18 @@ function renderPagination(ctx, props, view) {
         {
           class: getSimplePaginationSelectClasses(),
           value: ctx.currentPageSize.value,
+          "aria-label": labels.itemsPerPageText,
           onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value))
         },
-        (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map(
-          (size) => h5("option", { value: size }, paginationConfig.pageSizeText ? paginationConfig.pageSizeText(size) : labels ? `${formatIntlNumber(size, localeCode)} ${labels.itemsPerPageText}` : defaultPageSizeText(size))
-        )
+        normalizedPageSizeOptions.map((option) => {
+          const value = typeof option === "number" ? option : option.value;
+          const label = typeof option === "number" ? `${formatIntlNumber(value, localeCode)} ${labels.itemsPerPageText}` : option.label ?? `${formatIntlNumber(value, localeCode)} ${labels.itemsPerPageText}`;
+          return h5(
+            "option",
+            { value, key: value },
+            paginationConfig.pageSizeText ? paginationConfig.pageSizeText(value) : label
+          );
+        })
       ),
       h5("div", { class: getSimplePaginationButtonsWrapperClasses() }, [
         h5(
@@ -1140,13 +1144,17 @@ function renderPagination(ctx, props, view) {
           {
             class: getSimplePaginationButtonClasses(!hasPrev),
             disabled: !hasPrev,
+            "aria-label": finalPrevAriaLabel,
             onClick: () => ctx.handlePageChange(ctx.currentPage.value - 1)
           },
           finalPrevText
         ),
         h5(
           "span",
-          { class: getSimplePaginationPageIndicatorClasses() },
+          {
+            class: getSimplePaginationPageIndicatorClasses(),
+            "aria-label": finalPageIndicatorText
+          },
           finalPageIndicatorText
         ),
         h5(
@@ -1154,6 +1162,7 @@ function renderPagination(ctx, props, view) {
           {
             class: getSimplePaginationButtonClasses(!hasNext),
             disabled: !hasNext,
+            "aria-label": finalNextAriaLabel,
             onClick: () => ctx.handlePageChange(ctx.currentPage.value + 1)
           },
           finalNextText

package/dist/{chunk-AGVXMB4Q.js → chunk-CTR462T2.js}

@@ -14,6 +14,9 @@ var _vue = require('vue');
 
 
 
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var VirtualTable = _vue.defineComponent.call(void 0, {
   name: "TigerVirtualTable",
@@ -82,7 +85,15 @@ var VirtualTable = _vue.defineComponent.call(void 0, {
           "th",
           {
             key: col.key,
-            class: _tigercatcore.virtualTableHeaderCellClasses,
+            class: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.virtualTableHeaderCellClasses,
+              _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
+                view: "virtual-table",
+                column: col,
+                stickyHeader: props.stickyHeader,
+                fixedInfo: fi
+              })
+            ),
             style: { ...widthStyle, ...stickyStyle }
           },
           _nullishCoalesce(col.title, () => ( ""))
@@ -107,7 +118,21 @@ var VirtualTable = _vue.defineComponent.call(void 0, {
             "td",
             {
               key: col.key,
-              class: _tigercatcore.virtualTableCellClasses,
+              class: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.virtualTableCellClasses,
+                _tigercatcore.getTableFixedCellClasses.call(void 0, {
+                  view: "virtual-table",
+                  column: col,
+                  record: row,
+                  rowIndex: globalIdx,
+                  striped: props.striped,
+                  stripedActive: props.striped && globalIdx % 2 === 1,
+                  selected: isSelected,
+                  hoverable: true,
+                  fixedInfo: fi,
+                  selectedClassName: _tigercatcore.virtualTableRowSelectedClasses
+                })
+              ),
               style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fi)
             },
             String(_nullishCoalesce(row[col.key], () => ( "")))

package/dist/{chunk-C7VGTRHE.mjs → chunk-G44EGPJB.mjs}

@@ -9,11 +9,14 @@ import {
   getVirtualRowKey,
   getVirtualTableFixedInfo,
   getVirtualTableFixedCellStyle,
+  getTableFixedCellClasses,
+  getTableFixedHeaderCellClasses,
   virtualTableHeaderClasses,
   virtualTableHeaderCellClasses,
   virtualTableCellClasses,
   virtualTableEmptyClasses,
-  virtualTableLoadingClasses
+  virtualTableLoadingClasses,
+  virtualTableRowSelectedClasses
 } from "@expcat/tigercat-core";
 var VirtualTable = defineComponent({
   name: "TigerVirtualTable",
@@ -82,7 +85,15 @@ var VirtualTable = defineComponent({
           "th",
           {
             key: col.key,
-            class: virtualTableHeaderCellClasses,
+            class: classNames(
+              virtualTableHeaderCellClasses,
+              getTableFixedHeaderCellClasses({
+                view: "virtual-table",
+                column: col,
+                stickyHeader: props.stickyHeader,
+                fixedInfo: fi
+              })
+            ),
             style: { ...widthStyle, ...stickyStyle }
           },
           col.title ?? ""
@@ -107,7 +118,21 @@ var VirtualTable = defineComponent({
             "td",
             {
               key: col.key,
-              class: virtualTableCellClasses,
+              class: classNames(
+                virtualTableCellClasses,
+                getTableFixedCellClasses({
+                  view: "virtual-table",
+                  column: col,
+                  record: row,
+                  rowIndex: globalIdx,
+                  striped: props.striped,
+                  stripedActive: props.striped && globalIdx % 2 === 1,
+                  selected: isSelected,
+                  hoverable: true,
+                  fixedInfo: fi,
+                  selectedClassName: virtualTableRowSelectedClasses
+                })
+              ),
               style: getVirtualTableFixedCellStyle(col.key, fi)
             },
             String(row[col.key] ?? "")

package/dist/{chunk-CNRBYRK6.js → chunk-MCRT64VS.js}

@@ -1,6 +1,6 @@
 "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 _chunkYS6YQKYUjs = require('./chunk-YS6YQKYU.js');
+var _chunkOA3HAUBTjs = require('./chunk-OA3HAUBT.js');
 
 
 var _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
@@ -414,7 +414,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [renderToolbar(), _vue.h.call(void 0, _chunkYS6YQKYUjs.Table, tableProps)]
+        [renderToolbar(), _vue.h.call(void 0, _chunkOA3HAUBTjs.Table, tableProps)]
       );
     };
   }

package/dist/{chunk-YS6YQKYU.js → chunk-OA3HAUBT.js}

@@ -652,6 +652,8 @@ var LoadingSpinner = () => {
 
 
 
+
+
 function renderTableHeader(ctx, props, slots) {
   const headerCells = [];
   const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
@@ -686,17 +688,7 @@ function renderTableHeader(ctx, props, slots) {
     const isSorted = ctx.sortState.value.key === column.key;
     const sortDirection = isSorted ? ctx.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: `${ctx.fixedColumnsInfo.value.leftOffsets[column.key] || 0}px`,
-      zIndex: 15
-    } : isFixedRight ? {
-      position: "sticky",
-      right: `${ctx.fixedColumnsInfo.value.rightOffsets[column.key] || 0}px`,
-      zIndex: 15
-    } : void 0;
+    const fixedStyle = _tigercatcore.getFixedColumnStyle.call(void 0, column, ctx.fixedColumnsInfo.value, 15);
     const widthStyle = column.width ? {
       width: typeof column.width === "number" ? `${column.width}px` : column.width
     } : void 0;
@@ -747,7 +739,12 @@ function renderTableHeader(ctx, props, slots) {
               !!column.sortable,
               column.headerClassName
             ),
-            (isFixedLeft || isFixedRight) && "bg-[var(--tiger-surface-muted,#f9fafb)]"
+            _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
+              view: "table",
+              column,
+              stickyHeader: props.stickyHeader,
+              fixedInfo: ctx.fixedColumnsInfo.value
+            })
           ),
           style,
           draggable: props.columnDraggable ? "true" : void 0,
@@ -808,6 +805,8 @@ function renderTableHeader(ctx, props, slots) {
 
 
 
+
+
 function renderTableBody(ctx, props, slots) {
   if (props.loading) {
     return null;
@@ -931,26 +930,22 @@ function renderTableBody(ctx, props, slots) {
     ctx.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: `${ctx.fixedColumnsInfo.value.leftOffsets[column.key] || 0}px`,
-        zIndex: 10
-      } : isFixedRight ? {
-        position: "sticky",
-        right: `${ctx.fixedColumnsInfo.value.rightOffsets[column.key] || 0}px`,
-        zIndex: 10
-      } : void 0;
+      const fixedStyle = _tigercatcore.getFixedColumnStyle.call(void 0, column, ctx.fixedColumnsInfo.value, 10);
       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 ? _tigercatcore.classNames.call(void 0, 
-        stickyBgClass,
-        props.hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-      ) : void 0;
+      const stickyCellClass = _tigercatcore.getTableFixedCellClasses.call(void 0, {
+        view: "table",
+        column,
+        record,
+        rowIndex: index,
+        striped: props.striped,
+        stripedActive: props.striped && index % 2 === 0,
+        selected: isSelected,
+        hoverable: props.hoverable,
+        fixedInfo: ctx.fixedColumnsInfo.value
+      });
       const isEditing = _optionalChain([ctx, 'access', _69 => _69.editingCell, 'access', _70 => _70.value, 'optionalAccess', _71 => _71.rowIndex]) === index && _optionalChain([ctx, 'access', _72 => _72.editingCell, 'access', _73 => _73.value, 'optionalAccess', _74 => _74.columnKey]) === column.key;
       const isEditableCell = ctx.isCellEditable(column.key, index);
       const cellContent = isEditing ? _vue.h.call(void 0, "input", {
@@ -1104,18 +1099,20 @@ function renderPagination(ctx, props, view) {
   const paginationConfig = props.pagination;
   const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.value.length;
   const locale = _optionalChain([view, 'optionalAccess', _81 => _81.disableI18n]) ? void 0 : _optionalChain([view, 'optionalAccess', _82 => _82.locale]);
-  const labels = locale ? _tigercatcore.getPaginationLabels.call(void 0, locale) : void 0;
+  const labels = _tigercatcore.getPaginationLabels.call(void 0, locale);
   const localeCode = _optionalChain([locale, 'optionalAccess', _83 => _83.locale]);
-  const isZh = !!_optionalChain([localeCode, 'optionalAccess', _84 => _84.startsWith, 'call', _85 => _85("zh")]) || _optionalChain([locale, 'optionalAccess', _86 => _86.formWizard, 'optionalAccess', _87 => _87.prevText]) === "\u4E0A\u4E00\u6B65" || _optionalChain([locale, 'optionalAccess', _88 => _88.upload, 'optionalAccess', _89 => _89.clickToUploadText]) === "\u70B9\u51FB\u4E0A\u4F20";
-  const defaultTotalText = (t, range) => isZh ? `\u5171 ${t} \u6761` : `Showing ${range[0]} to ${range[1]} of ${t} results`;
-  const defaultPrevText = isZh ? "\u4E0A\u4E00\u9875" : "Previous";
-  const defaultNextText = isZh ? "\u4E0B\u4E00\u9875" : "Next";
-  const defaultPageIndicatorText = (current, total2) => isZh ? `\u7B2C ${current} \u9875 / \u5171 ${total2} \u9875` : `Page ${current} of ${total2}`;
-  const defaultPageSizeText = (size) => isZh ? `${size} \u6761/\u9875` : `${size} / page`;
-  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : labels ? _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, total, [startIndex, endIndex], localeCode) : defaultTotalText(total, [startIndex, endIndex]);
-  const finalPrevText = paginationConfig.prevText || _optionalChain([labels, 'optionalAccess', _90 => _90.prevPageAriaLabel]) || defaultPrevText;
-  const finalNextText = paginationConfig.nextText || _optionalChain([labels, 'optionalAccess', _91 => _91.nextPageAriaLabel]) || defaultNextText;
-  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage.value, totalPages) : labels ? `${_tigercatcore.formatPageAriaLabel.call(void 0, labels.pageAriaLabel, ctx.currentPage.value, localeCode)} / ${_tigercatcore.formatIntlNumber.call(void 0, totalPages, localeCode)} ${labels.pageText}` : defaultPageIndicatorText(ctx.currentPage.value, totalPages);
+  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, total, [startIndex, endIndex], localeCode);
+  const finalPrevText = paginationConfig.prevText || labels.prevPageAriaLabel;
+  const finalNextText = paginationConfig.nextText || labels.nextPageAriaLabel;
+  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage.value, totalPages) : _tigercatcore.formatPaginationPageIndicator.call(void 0, 
+    labels.pageIndicatorText,
+    ctx.currentPage.value,
+    totalPages,
+    localeCode
+  );
+  const finalPrevAriaLabel = _optionalChain([view, 'optionalAccess', _84 => _84.disableI18n]) ? finalPrevText : labels.prevPageAriaLabel;
+  const finalNextAriaLabel = _optionalChain([view, 'optionalAccess', _85 => _85.disableI18n]) ? finalNextText : labels.nextPageAriaLabel;
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
   return _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ) }, [
     paginationConfig.showTotal !== false && _vue.h.call(void 0, 
       "div",
@@ -1128,11 +1125,18 @@ function renderPagination(ctx, props, view) {
         {
           class: _tigercatcore.getSimplePaginationSelectClasses.call(void 0, ),
           value: ctx.currentPageSize.value,
+          "aria-label": labels.itemsPerPageText,
           onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value))
         },
-        (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map(
-          (size) => _vue.h.call(void 0, "option", { value: size }, paginationConfig.pageSizeText ? paginationConfig.pageSizeText(size) : labels ? `${_tigercatcore.formatIntlNumber.call(void 0, size, localeCode)} ${labels.itemsPerPageText}` : defaultPageSizeText(size))
-        )
+        normalizedPageSizeOptions.map((option) => {
+          const value = typeof option === "number" ? option : option.value;
+          const label = typeof option === "number" ? `${_tigercatcore.formatIntlNumber.call(void 0, value, localeCode)} ${labels.itemsPerPageText}` : _nullishCoalesce(option.label, () => ( `${_tigercatcore.formatIntlNumber.call(void 0, value, localeCode)} ${labels.itemsPerPageText}`));
+          return _vue.h.call(void 0, 
+            "option",
+            { value, key: value },
+            paginationConfig.pageSizeText ? paginationConfig.pageSizeText(value) : label
+          );
+        })
       ),
       _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationButtonsWrapperClasses.call(void 0, ) }, [
         _vue.h.call(void 0, 
@@ -1140,13 +1144,17 @@ function renderPagination(ctx, props, view) {
           {
             class: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasPrev),
             disabled: !hasPrev,
+            "aria-label": finalPrevAriaLabel,
             onClick: () => ctx.handlePageChange(ctx.currentPage.value - 1)
           },
           finalPrevText
         ),
         _vue.h.call(void 0, 
           "span",
-          { class: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ) },
+          {
+            class: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ),
+            "aria-label": finalPageIndicatorText
+          },
           finalPageIndicatorText
         ),
         _vue.h.call(void 0, 
@@ -1154,6 +1162,7 @@ function renderPagination(ctx, props, view) {
           {
             class: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasNext),
             disabled: !hasNext,
+            "aria-label": finalNextAriaLabel,
             onClick: () => ctx.handlePageChange(ctx.currentPage.value + 1)
           },
           finalNextText
@@ -1274,7 +1283,7 @@ var Table = _vue.defineComponent.call(void 0, {
           const rows = ctx.displayColumns.value.map((column) => {
             const dataKey = column.dataKey || column.key;
             const cellValue = record[dataKey];
-            const cellContent = _nullishCoalesce(_optionalChain([slots, 'access', _92 => _92[`cell-${column.key}`], 'optionalCall', _93 => _93({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
+            const cellContent = _nullishCoalesce(_optionalChain([slots, 'access', _86 => _86[`cell-${column.key}`], 'optionalCall', _87 => _87({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
             return _vue.h.call(void 0, "div", { key: column.key, class: _tigercatcore.tableResponsiveCardRowClasses }, [
               _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardLabelClasses }, column.title),
               _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardValueClasses }, [cellContent])
@@ -1282,7 +1291,7 @@ var Table = _vue.defineComponent.call(void 0, {
           });
           const controls = [];
           if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
-            const checkboxProps = _optionalChain([resolvedProps, 'access', _94 => _94.rowSelection, 'access', _95 => _95.getCheckboxProps, 'optionalCall', _96 => _96(record)]) || {};
+            const checkboxProps = _optionalChain([resolvedProps, 'access', _88 => _88.rowSelection, 'access', _89 => _89.getCheckboxProps, 'optionalCall', _90 => _90(record)]) || {};
             controls.push(
               _vue.h.call(void 0, "input", {
                 type: resolvedProps.rowSelection.type === "radio" ? "radio" : "checkbox",
@@ -1310,7 +1319,7 @@ var Table = _vue.defineComponent.call(void 0, {
               )
             );
           }
-          const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _97 => _97["expanded-row"], 'optionalCall', _98 => _98({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _99 => _99.expandable, 'access', _100 => _100.expandedRowRender, 'optionalCall', _101 => _101(record, index)]))) : null;
+          const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _91 => _91["expanded-row"], 'optionalCall', _92 => _92({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _93 => _93.expandable, 'access', _94 => _94.expandedRowRender, 'optionalCall', _95 => _95(record, index)]))) : null;
           return _vue.h.call(void 0, 
             "div",
             {

package/dist/{chunk-PKMSTN65.mjs → chunk-PHWAXBFG.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-7U673KY5.mjs";
+} from "./chunk-7M4UUCJF.mjs";
 import {
   Select
 } from "./chunk-PYT5DTQQ.mjs";

package/dist/components/ActivityFeed.d.mts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
-    style: Record<string, string | number>;
-    loadingText: string;
-    emptyText: string;
-    loading: boolean;
-    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
+    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
+    loading: boolean;
+    loadingText: string;
+    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
+    className: string;
+    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/ActivityFeed.d.ts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
-    style: Record<string, string | number>;
-    loadingText: string;
-    emptyText: string;
-    loading: boolean;
-    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
+    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
+    loading: boolean;
+    loadingText: string;
+    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
+    className: string;
+    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/Alert.d.mts

@@ -204,16 +204,16 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: AlertType;
     size: AlertSize;
+    className: string;
+    style: Record<string, string | number>;
+    type: AlertType;
     title: string;
-    description: string;
-    showIcon: boolean;
     closable: boolean;
     closeAriaLabel: string;
+    showIcon: boolean;
+    description: string;
     duration: number;
-    className: string;
-    style: Record<string, string | number>;
     banner: boolean;
     showCountdown: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Alert.d.ts

@@ -204,16 +204,16 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: AlertType;
     size: AlertSize;
+    className: string;
+    style: Record<string, string | number>;
+    type: AlertType;
     title: string;
-    description: string;
-    showIcon: boolean;
     closable: boolean;
     closeAriaLabel: string;
+    showIcon: boolean;
+    description: string;
     duration: number;
-    className: string;
-    style: Record<string, string | number>;
     banner: boolean;
     showCountdown: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Anchor.d.mts

@@ -84,8 +84,8 @@ declare const AnchorLink: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    title: string;
     className: string;
+    title: string;
     target: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{

package/dist/components/Anchor.d.ts

@@ -84,8 +84,8 @@ declare const AnchorLink: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    title: string;
     className: string;
+    title: string;
     target: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{

package/dist/components/AreaChart.d.mts

@@ -403,12 +403,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
+    strokeWidth: number;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
-    strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;
     xTicks: number;