@expcat/tigercat-vue 2.0.0-preview.4 → 2.0.0-preview.6

package/dist/{chunk-7XENCCN5.mjs → chunk-2Y7W7IML.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-U6OGGZBY.mjs";
 import {
   List
-} from "./chunk-6LORRRRB.mjs";
+} from "./chunk-GIOEFFG6.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";

package/dist/{chunk-ANNYNTXR.mjs → chunk-4JG6AG4W.mjs}

@@ -4,6 +4,9 @@ import {
 import {
   Radio
 } from "./chunk-6BDDX2R4.mjs";
+import {
+  Pagination
+} from "./chunk-N6GLO7U5.mjs";
 import {
   Empty
 } from "./chunk-SJINC5NF.mjs";
@@ -403,6 +406,9 @@ function useTableState(props, emit, measuredColumnWidths) {
     if (props.pagination === false) {
       return processedData.value;
     }
+    if (paginationConfig.value?.remote) {
+      return processedData.value;
+    }
     return paginateData(processedData.value, currentPage.value, currentPageSize.value);
   });
   const paginatedRowKeys = computed(() => {
@@ -1229,97 +1235,65 @@ function renderSummaryRow(ctx, props) {
 // src/components/Table/render-pagination.ts
 import { h as h5 } from "vue";
 import {
-  formatIntlNumber,
-  formatPaginationTotal,
   formatPaginationPageIndicator,
+  formatPaginationTotal,
+  getBuiltInPaginationContainerClasses,
   getPaginationLabels,
-  getSimplePaginationContainerClasses,
-  getSimplePaginationTotalClasses,
-  getSimplePaginationControlsClasses,
-  getSimplePaginationSelectClasses,
-  getSimplePaginationButtonClasses,
-  getSimplePaginationPageIndicatorClasses,
-  getSimplePaginationButtonsWrapperClasses
+  resolvePaginationDisplayMode
 } from "@expcat/tigercat-core";
 function renderPagination(ctx, props, view) {
   if (props.pagination === false || !ctx.paginationInfo.value) {
     return null;
   }
-  const { totalPages, startIndex, endIndex, hasNext, hasPrev } = ctx.paginationInfo.value;
+  const { totalPages } = ctx.paginationInfo.value;
   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 = getPaginationLabels(locale);
   const localeCode = locale?.locale;
-  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 || [
+  const { simple, showQuickJumper } = resolvePaginationDisplayMode(totalPages, paginationConfig);
+  const totalText = paginationConfig.totalText ?? ((value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode));
+  const pageIndicatorText = paginationConfig.pageIndicatorText ?? ((current, pages) => formatPaginationPageIndicator(labels.pageIndicatorText, current, pages, localeCode));
+  const overrides = view?.disableI18n ? { ...labels } : {};
+  if (paginationConfig.prevText) overrides.prevPageAriaLabel = paginationConfig.prevText;
+  if (paginationConfig.nextText) overrides.nextPageAriaLabel = paginationConfig.nextText;
+  const labelsOverride = Object.keys(overrides).length > 0 ? overrides : void 0;
+  const pageSizeOptions = paginationConfig.pageSizeOptions ?? [
     10,
     20,
     50,
     100
   ];
-  return h5("div", { class: getSimplePaginationContainerClasses() }, [
-    paginationConfig.showTotal !== false && h5("div", { class: getSimplePaginationTotalClasses() }, finalTotalText),
-    h5("div", { class: getSimplePaginationControlsClasses() }, [
-      paginationConfig.showSizeChanger !== false && h5(
-        "select",
-        {
-          class: getSimplePaginationSelectClasses(),
-          value: ctx.currentPageSize.value,
-          "aria-label": labels.itemsPerPageText,
-          onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value))
-        },
-        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(
-          "button",
-          {
-            class: getSimplePaginationButtonClasses(!hasPrev),
-            disabled: !hasPrev,
-            "aria-label": finalPrevAriaLabel,
-            onClick: () => ctx.handlePageChange(ctx.currentPage.value - 1)
-          },
-          finalPrevText
-        ),
-        h5(
-          "span",
-          {
-            class: getSimplePaginationPageIndicatorClasses(),
-            "aria-label": finalPageIndicatorText
-          },
-          finalPageIndicatorText
-        ),
-        h5(
-          "button",
-          {
-            class: getSimplePaginationButtonClasses(!hasNext),
-            disabled: !hasNext,
-            "aria-label": finalNextAriaLabel,
-            onClick: () => ctx.handlePageChange(ctx.currentPage.value + 1)
-          },
-          finalNextText
-        )
-      ])
-    ])
+  const pageSizeText = paginationConfig.pageSizeText;
+  const normalizedPageSizeOptions = pageSizeText ? pageSizeOptions.map((option) => {
+    if (typeof option === "number") {
+      return { value: option, label: pageSizeText(option) };
+    }
+    return { value: option.value, label: option.label ?? pageSizeText(option.value) };
+  }) : pageSizeOptions;
+  return h5("div", { class: getBuiltInPaginationContainerClasses() }, [
+    h5(Pagination, {
+      size: "small",
+      align: "right",
+      current: ctx.currentPage.value,
+      pageSize: ctx.currentPageSize.value,
+      total,
+      simple,
+      showQuickJumper,
+      showSizeChanger: paginationConfig.showSizeChanger !== false,
+      showTotal: paginationConfig.showTotal !== false,
+      totalText,
+      pageIndicatorText,
+      pageSizeOptions: normalizedPageSizeOptions,
+      locale,
+      labels: labelsOverride,
+      onChange: (page, pageSize) => {
+        if (pageSize === ctx.currentPageSize.value) {
+          ctx.handlePageChange(page);
+        }
+      },
+      onPageSizeChange: (_page, pageSize) => ctx.handlePageSizeChange(pageSize)
+    })
   ]);
 }
 

package/dist/{chunk-6LORRRRB.mjs → chunk-GIOEFFG6.mjs}

@@ -1,3 +1,6 @@
+import {
+  Pagination
+} from "./chunk-N6GLO7U5.mjs";
 import {
   VirtualList
 } from "./chunk-HS4YQGZQ.mjs";
@@ -39,13 +42,8 @@ import {
   getSpinnerSVG,
   normalizeSvgAttrs,
   getLoadingOverlaySpinnerClasses,
-  getSimplePaginationContainerClasses,
-  getSimplePaginationTotalClasses,
-  getSimplePaginationControlsClasses,
-  getSimplePaginationSelectClasses,
-  getSimplePaginationButtonClasses,
-  getSimplePaginationPageIndicatorClasses,
-  getSimplePaginationButtonsWrapperClasses,
+  getBuiltInPaginationContainerClasses,
+  resolvePaginationDisplayMode,
   getPaginationLabels,
   formatPaginationTotal,
   formatPaginationPageIndicator
@@ -211,11 +209,17 @@ var List = defineComponent({
       const handler = vnodeProps.onItemClick;
       return typeof handler === "function" || Array.isArray(handler);
     });
-    const currentPage = ref(
-      props.pagination && typeof props.pagination === "object" ? props.pagination.current || 1 : 1
+    const paginationCfg = computed(
+      () => props.pagination !== false && typeof props.pagination === "object" ? props.pagination : null
+    );
+    const isRemotePagination = computed(() => paginationCfg.value?.remote === true);
+    const internalCurrentPage = ref(paginationCfg.value?.current || 1);
+    const internalCurrentPageSize = ref(paginationCfg.value?.pageSize || 10);
+    const currentPage = computed(
+      () => isRemotePagination.value ? paginationCfg.value?.current ?? internalCurrentPage.value : internalCurrentPage.value
     );
-    const currentPageSize = ref(
-      props.pagination && typeof props.pagination === "object" ? props.pagination.pageSize || 10 : 10
+    const currentPageSize = computed(
+      () => isRemotePagination.value ? paginationCfg.value?.pageSize ?? internalCurrentPageSize.value : internalCurrentPageSize.value
     );
     const dragIndex = ref(null);
     function handleDragStart(index) {
@@ -243,14 +247,19 @@ var List = defineComponent({
       if (props.pagination === false) {
         return props.dataSource;
       }
+      if (isRemotePagination.value) {
+        return props.dataSource;
+      }
       return paginateData(props.dataSource, currentPage.value, currentPageSize.value);
     });
+    const paginationTotal = computed(
+      () => isRemotePagination.value ? paginationCfg.value?.total ?? props.dataSource.length : props.dataSource.length
+    );
     const paginationInfo = computed(() => {
       if (props.pagination === false) {
         return null;
       }
-      const total = props.dataSource.length;
-      return calculatePagination(total, currentPage.value, currentPageSize.value);
+      return calculatePagination(paginationTotal.value, currentPage.value, currentPageSize.value);
     });
     const listClasses = computed(() => {
       return classNames(
@@ -275,12 +284,12 @@ var List = defineComponent({
       );
     });
     function handlePageChange(page) {
-      currentPage.value = page;
+      internalCurrentPage.value = page;
       emit("page-change", { current: page, pageSize: currentPageSize.value });
     }
     function handlePageSizeChange(pageSize) {
-      currentPageSize.value = pageSize;
-      currentPage.value = 1;
+      internalCurrentPageSize.value = pageSize;
+      internalCurrentPage.value = 1;
       emit("page-change", { current: 1, pageSize });
     }
     function handleItemClick(item, index) {
@@ -435,72 +444,44 @@ var List = defineComponent({
       if (props.pagination === false || !paginationInfo.value) {
         return null;
       }
-      const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo.value;
-      const total = props.dataSource.length;
+      const { totalPages } = paginationInfo.value;
+      const total = paginationTotal.value;
       const paginationConfig = props.pagination;
       const paginationLabels = getPaginationLabels(mergedLocale.value);
       const localeCode = mergedLocale.value?.locale;
-      return h("div", { class: getSimplePaginationContainerClasses() }, [
-        // Total info
-        paginationConfig.showTotal !== false && h(
-          "div",
-          { class: getSimplePaginationTotalClasses() },
-          paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : formatPaginationTotal(
-            paginationLabels.totalText,
-            total,
-            [startIndex, endIndex],
-            localeCode
-          )
-        ),
-        // Pagination controls
-        h("div", { class: getSimplePaginationControlsClasses() }, [
-          // Page size selector
-          paginationConfig.showSizeChanger !== false && h(
-            "select",
-            {
-              class: getSimplePaginationSelectClasses(),
-              value: currentPageSize.value,
-              onChange: (e) => handlePageSizeChange(Number(e.target.value))
-            },
-            (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map(
-              (size) => h("option", { value: size }, `${size} ${paginationLabels.itemsPerPageText}`)
-            )
-          ),
-          // Page buttons
-          h("div", { class: getSimplePaginationButtonsWrapperClasses() }, [
-            // Previous button
-            h(
-              "button",
-              {
-                class: getSimplePaginationButtonClasses(!hasPrev),
-                disabled: !hasPrev,
-                onClick: () => handlePageChange(currentPage.value - 1)
-              },
-              paginationLabels.prevPageAriaLabel
-            ),
-            // Current page indicator
-            h(
-              "span",
-              { class: getSimplePaginationPageIndicatorClasses() },
-              formatPaginationPageIndicator(
-                paginationLabels.pageIndicatorText,
-                currentPage.value,
-                totalPages,
-                localeCode
-              )
-            ),
-            // Next button
-            h(
-              "button",
-              {
-                class: getSimplePaginationButtonClasses(!hasNext),
-                disabled: !hasNext,
-                onClick: () => handlePageChange(currentPage.value + 1)
-              },
-              paginationLabels.nextPageAriaLabel
-            )
-          ])
-        ])
+      const { simple, showQuickJumper } = resolvePaginationDisplayMode(
+        totalPages,
+        paginationConfig
+      );
+      const totalText = paginationConfig.totalText ?? ((value, range) => formatPaginationTotal(paginationLabels.totalText, value, range, localeCode));
+      const pageIndicatorText = (current, pages) => formatPaginationPageIndicator(
+        paginationLabels.pageIndicatorText,
+        current,
+        pages,
+        localeCode
+      );
+      return h("div", { class: getBuiltInPaginationContainerClasses() }, [
+        h(Pagination, {
+          size: "small",
+          align: "right",
+          current: currentPage.value,
+          pageSize: currentPageSize.value,
+          total,
+          simple,
+          showQuickJumper,
+          showSizeChanger: paginationConfig.showSizeChanger !== false,
+          showTotal: paginationConfig.showTotal !== false,
+          totalText,
+          pageIndicatorText,
+          pageSizeOptions: paginationConfig.pageSizeOptions || [10, 20, 50, 100],
+          locale: mergedLocale.value,
+          onChange: (page, pageSize) => {
+            if (pageSize === currentPageSize.value) {
+              handlePageChange(page);
+            }
+          },
+          onPageSizeChange: (_page, pageSize) => handlePageSizeChange(pageSize)
+        })
       ]);
     }
     return () => {

package/dist/chunk-H26JXVJX.mjs

@@ -0,0 +1,156 @@
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu
+} from "./chunk-BNNTDSLJ.mjs";
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
+
+// src/components/DataExport.ts
+import { computed, defineComponent, h, ref } from "vue";
+import {
+  classNames,
+  getDataExportLabels,
+  mergeTigerLocale,
+  tableExportButtonClasses
+} from "@expcat/tigercat-core";
+var dataExportModulePromise = null;
+function loadDataExportModule() {
+  dataExportModulePromise ??= import("@expcat/tigercat-core/utils/data-export");
+  return dataExportModulePromise;
+}
+var DataExport = defineComponent({
+  name: "TigerDataExport",
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    },
+    dataSource: {
+      type: Array,
+      required: true
+    },
+    /**
+     * Formats offered to the user. A single format renders a plain button,
+     * multiple formats render a dropdown menu.
+     */
+    formats: {
+      type: Array,
+      default: () => ["xlsx", "markdown"]
+    },
+    /** Download file name without extension */
+    fileName: {
+      type: String,
+      default: "export"
+    },
+    /** Worksheet name used for xlsx output */
+    sheetName: {
+      type: String,
+      default: void 0
+    },
+    /** Transform a cell value before serialization */
+    cellFormatter: {
+      type: Function,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: void 0
+    },
+    /** Locale overrides merged on top of ConfigProvider locale */
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    /** UI labels for custom text. Takes precedence over locale and ConfigProvider text. */
+    labels: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: {
+    export: (_format) => true,
+    error: (_error) => true
+  },
+  setup(props, { emit }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const resolvedLabels = computed(() => getDataExportLabels(mergedLocale.value, props.labels));
+    const exporting = ref(false);
+    const handleExport = async (format) => {
+      if (props.disabled || exporting.value) return;
+      exporting.value = true;
+      try {
+        const mod = await loadDataExportModule();
+        const content = mod.exportData(props.columns, props.dataSource, format, {
+          sheetName: props.sheetName,
+          cellFormatter: props.cellFormatter
+        });
+        mod.downloadDataExport(content, props.fileName, format);
+        emit("export", format);
+      } catch (error) {
+        emit("error", error);
+      } finally {
+        exporting.value = false;
+      }
+    };
+    const formatLabel = (format) => format === "xlsx" ? resolvedLabels.value.xlsxText : resolvedLabels.value.markdownText;
+    const renderTrigger = (text, onClick) => h(
+      "button",
+      {
+        type: "button",
+        class: classNames(tableExportButtonClasses, onClick ? props.className : void 0),
+        "aria-label": resolvedLabels.value.triggerAriaLabel,
+        disabled: props.disabled || exporting.value,
+        onClick
+      },
+      text
+    );
+    return () => {
+      if (props.formats.length === 0) return null;
+      if (props.formats.length === 1) {
+        const format = props.formats[0];
+        return renderTrigger(
+          exporting.value ? resolvedLabels.value.exportingText : formatLabel(format),
+          () => void handleExport(format)
+        );
+      }
+      return h(
+        Dropdown,
+        {
+          trigger: "click",
+          disabled: props.disabled || exporting.value,
+          className: props.className
+        },
+        {
+          default: () => [
+            renderTrigger(
+              exporting.value ? resolvedLabels.value.exportingText : resolvedLabels.value.triggerText
+            ),
+            h(DropdownMenu, null, {
+              default: () => props.formats.map(
+                (format) => h(
+                  DropdownItem,
+                  {
+                    key: format,
+                    onClick: () => void handleExport(format)
+                  },
+                  { default: () => formatLabel(format) }
+                )
+              )
+            })
+          ]
+        }
+      );
+    };
+  }
+});
+
+export {
+  DataExport
+};

package/dist/{chunk-TXZ7GY26.mjs → chunk-JPKC5T4O.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-ANNYNTXR.mjs";
+} from "./chunk-4JG6AG4W.mjs";
 import {
   Select
 } from "./chunk-N7LWKAYS.mjs";

package/dist/{chunk-4SLYX5GK.mjs → chunk-N6GLO7U5.mjs}

@@ -131,6 +131,14 @@ var Pagination = defineComponent({
       type: Boolean,
       default: false
     },
+    /**
+     * Custom text renderer for the simple-mode page indicator.
+     * Defaults to `{current} / {totalPages}` when not provided.
+     */
+    pageIndicatorText: {
+      type: Function,
+      default: void 0
+    },
     /**
      * Size of pagination
      * @default 'medium'
@@ -367,8 +375,13 @@ var Pagination = defineComponent({
         )
       );
       if (props.simple) {
+        const indicatorText = props.pageIndicatorText ? props.pageIndicatorText(page, pages) : `${page} / ${pages}`;
         elements.push(
-          h("span", { class: classNames("mx-2", getSizeTextClasses(size)) }, `${page} / ${pages}`)
+          h(
+            "span",
+            { class: classNames("mx-2", getSizeTextClasses(size)), "aria-label": indicatorText },
+            indicatorText
+          )
         );
       } else {
         getPageNumbers(page, pages, props.showLessItems).forEach((pageNum) => {

package/dist/components/DataExport.d.mts

@@ -0,0 +1,136 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { TableColumn, DataExportFormat, TigerLocale, TigerLocaleDataExport, DataExportOptions } from '@expcat/tigercat-core';
+
+interface VueDataExportProps<T = Record<string, unknown>> {
+    columns: TableColumn<T>[];
+    dataSource: T[];
+    formats?: DataExportFormat[];
+    fileName?: string;
+    sheetName?: string;
+    cellFormatter?: DataExportOptions<T>['cellFormatter'];
+    disabled?: boolean;
+    className?: string;
+    locale?: Partial<TigerLocale>;
+    labels?: Partial<TigerLocaleDataExport>;
+}
+declare const DataExport: vue.DefineComponent<vue.ExtractPropTypes<{
+    columns: {
+        type: PropType<TableColumn[]>;
+        required: true;
+    };
+    dataSource: {
+        type: PropType<Record<string, unknown>[]>;
+        required: true;
+    };
+    /**
+     * Formats offered to the user. A single format renders a plain button,
+     * multiple formats render a dropdown menu.
+     */
+    formats: {
+        type: PropType<DataExportFormat[]>;
+        default: () => DataExportFormat[];
+    };
+    /** Download file name without extension */
+    fileName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Worksheet name used for xlsx output */
+    sheetName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Transform a cell value before serialization */
+    cellFormatter: {
+        type: PropType<(value: unknown, column: TableColumn, record: Record<string, unknown>) => unknown>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Locale overrides merged on top of ConfigProvider locale */
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    /** UI labels for custom text. Takes precedence over locale and ConfigProvider text. */
+    labels: {
+        type: PropType<Partial<TigerLocaleDataExport>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    export: (_format: DataExportFormat) => true;
+    error: (_error: unknown) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    columns: {
+        type: PropType<TableColumn[]>;
+        required: true;
+    };
+    dataSource: {
+        type: PropType<Record<string, unknown>[]>;
+        required: true;
+    };
+    /**
+     * Formats offered to the user. A single format renders a plain button,
+     * multiple formats render a dropdown menu.
+     */
+    formats: {
+        type: PropType<DataExportFormat[]>;
+        default: () => DataExportFormat[];
+    };
+    /** Download file name without extension */
+    fileName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Worksheet name used for xlsx output */
+    sheetName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Transform a cell value before serialization */
+    cellFormatter: {
+        type: PropType<(value: unknown, column: TableColumn, record: Record<string, unknown>) => unknown>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Locale overrides merged on top of ConfigProvider locale */
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    /** UI labels for custom text. Takes precedence over locale and ConfigProvider text. */
+    labels: {
+        type: PropType<Partial<TigerLocaleDataExport>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onError?: ((_error: unknown) => any) | undefined;
+    onExport?: ((_format: DataExportFormat) => any) | undefined;
+}>, {
+    locale: Partial<TigerLocale>;
+    labels: Partial<TigerLocaleDataExport>;
+    className: string;
+    disabled: boolean;
+    fileName: string;
+    cellFormatter: (value: unknown, column: TableColumn, record: Record<string, unknown>) => unknown;
+    formats: DataExportFormat[];
+    sheetName: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { DataExport, type VueDataExportProps };

package/dist/components/DataExport.mjs

@@ -0,0 +1,10 @@
+import {
+  DataExport
+} from "../chunk-H26JXVJX.mjs";
+import "../chunk-BNNTDSLJ.mjs";
+import "../chunk-BDTPFPSB.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
+export {
+  DataExport
+};

package/dist/components/DataTableWithToolbar.mjs

@@ -1,12 +1,13 @@
 import {
   DataTableWithToolbar,
   DataTableWithToolbar_default
-} from "../chunk-TXZ7GY26.mjs";
-import "../chunk-ANNYNTXR.mjs";
+} from "../chunk-JPKC5T4O.mjs";
+import "../chunk-4JG6AG4W.mjs";
 import "../chunk-N7LWKAYS.mjs";
+import "../chunk-SYRRMZT2.mjs";
 import "../chunk-6BDDX2R4.mjs";
 import "../chunk-6TTICJR4.mjs";
-import "../chunk-SYRRMZT2.mjs";
+import "../chunk-N6GLO7U5.mjs";
 import "../chunk-KE6RGD4Y.mjs";
 import "../chunk-XLNK3Z2P.mjs";
 import "../chunk-SJINC5NF.mjs";

package/dist/components/Drawer.d.mts

@@ -361,8 +361,8 @@ declare const Drawer: vue.DefineComponent<vue.ExtractPropTypes<{
     open: boolean;
     mask: boolean;
     width: string | number;
-    closable: boolean;
     placement: DrawerPlacement;
+    closable: boolean;
     zIndex: number;
     maskClosable: boolean;
     bodyClassName: string;

package/dist/components/Dropdown.d.mts

@@ -299,9 +299,9 @@ declare const Dropdown: vue.DefineComponent<vue.ExtractPropTypes<{
     offset: number;
     placement: FloatingPlacement;
     trigger: DropdownTrigger;
-    showArrow: boolean;
     defaultOpen: boolean;
     closeOnClick: boolean;
+    showArrow: boolean;
     portal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/FloatButton.d.mts

@@ -118,9 +118,9 @@ declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
     disabled: boolean;
     tooltip: string;
     offset: ViewportOffset;
-    shape: FloatButtonShape;
     placement: ViewportPlacement;
     floating: boolean;
+    shape: FloatButtonShape;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueFloatButtonGroupProps {
     shape?: FloatButtonShape;
@@ -179,8 +179,8 @@ declare const FloatButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     className: string;
     style: Record<string, string | number>;
     open: boolean;
-    shape: FloatButtonShape;
     trigger: "click" | "hover";
+    shape: FloatButtonShape;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { FloatButton, FloatButtonGroup, type VueFloatButtonGroupProps, type VueFloatButtonProps, FloatButton as default };

package/dist/components/FormWizard.d.mts

@@ -100,7 +100,7 @@ declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "finish" | "update:current")[], "change" | "finish" | "update:current", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:current" | "finish")[], "change" | "update:current" | "finish", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     steps: {
         type: PropType<WizardStep[]>;
         default: () => never[];
@@ -179,8 +179,8 @@ declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    onFinish?: ((...args: any[]) => any) | undefined;
     "onUpdate:current"?: ((...args: any[]) => any) | undefined;
+    onFinish?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
     direction: StepsDirection;

package/dist/components/List.mjs

@@ -1,7 +1,8 @@
 import {
   List,
   List_default
-} from "../chunk-6LORRRRB.mjs";
+} from "../chunk-GIOEFFG6.mjs";
+import "../chunk-N6GLO7U5.mjs";
 import "../chunk-HS4YQGZQ.mjs";
 import "../chunk-UOJOJBEU.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/Menu.d.mts

@@ -255,9 +255,9 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
-    "onOpen-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:openKeys"?: ((...args: any[]) => any) | undefined;
 }>, {
     theme: MenuTheme;

package/dist/components/NotificationCenter.mjs

@@ -1,9 +1,10 @@
 import {
   NotificationCenter,
   NotificationCenter_default
-} from "../chunk-7XENCCN5.mjs";
+} from "../chunk-2Y7W7IML.mjs";
 import "../chunk-U6OGGZBY.mjs";
-import "../chunk-6LORRRRB.mjs";
+import "../chunk-GIOEFFG6.mjs";
+import "../chunk-N6GLO7U5.mjs";
 import "../chunk-HS4YQGZQ.mjs";
 import "../chunk-YZBQ6IR7.mjs";
 import "../chunk-Z2ZECCGD.mjs";

package/dist/components/Pagination.d.mts

@@ -18,6 +18,7 @@ interface VuePaginationProps {
     showTotal?: boolean;
     totalText?: (total: number, range: [number, number]) => string;
     simple?: boolean;
+    pageIndicatorText?: (current: number, totalPages: number) => string;
     size?: PaginationSize;
     align?: PaginationAlign;
     disabled?: boolean;
@@ -123,6 +124,14 @@ declare const Pagination: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Custom text renderer for the simple-mode page indicator.
+     * Defaults to `{current} / {totalPages}` when not provided.
+     */
+    pageIndicatorText: {
+        type: PropType<(current: number, totalPages: number) => string>;
+        default: undefined;
+    };
     /**
      * Size of pagination
      * @default 'medium'
@@ -285,6 +294,14 @@ declare const Pagination: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Custom text renderer for the simple-mode page indicator.
+     * Defaults to `{current} / {totalPages}` when not provided.
+     */
+    pageIndicatorText: {
+        type: PropType<(current: number, totalPages: number) => string>;
+        default: undefined;
+    };
     /**
      * Size of pagination
      * @default 'medium'
@@ -365,6 +382,7 @@ declare const Pagination: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     locale: TigerLocaleInput;
     totalText: (total: number, range: [number, number]) => string;
+    pageIndicatorText: (current: number, totalPages: number) => string;
     labels: Partial<TigerLocalePagination>;
     size: PaginationSize;
     className: string;

package/dist/components/Pagination.mjs

@@ -1,7 +1,7 @@
 import {
   Pagination,
   Pagination_default
-} from "../chunk-4SLYX5GK.mjs";
+} from "../chunk-N6GLO7U5.mjs";
 import "../chunk-UOJOJBEU.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Popconfirm.d.mts

@@ -165,8 +165,8 @@ declare const Popconfirm: vue.DefineComponent<vue.ExtractPropTypes<{
     offset: number;
     description: string;
     placement: FloatingPlacement;
-    showIcon: boolean;
     defaultOpen: boolean;
+    showIcon: boolean;
     okType: "primary" | "danger";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Spotlight.d.mts

@@ -189,10 +189,10 @@ declare const Spotlight: vue.DefineComponent<vue.ExtractPropTypes<{
     open: boolean | undefined;
     mask: boolean;
     limit: number;
+    defaultOpen: boolean;
     zIndex: number;
     maskClosable: boolean;
     items: SpotlightItem[];
-    defaultOpen: boolean;
     query: string | undefined;
     defaultQuery: string;
     inputAriaLabel: string;

package/dist/components/Table.mjs

@@ -1,10 +1,11 @@
 import {
   Table,
   Table_default
-} from "../chunk-ANNYNTXR.mjs";
+} from "../chunk-4JG6AG4W.mjs";
 import "../chunk-N7LWKAYS.mjs";
 import "../chunk-6BDDX2R4.mjs";
 import "../chunk-6TTICJR4.mjs";
+import "../chunk-N6GLO7U5.mjs";
 import "../chunk-SJINC5NF.mjs";
 import "../chunk-MYKKKVGK.mjs";
 import "../chunk-P3VAY2IQ.mjs";

package/dist/components/Tour.d.mts

@@ -60,7 +60,7 @@ declare const Tour: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
-}>, () => vue.VNodeChild, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "close" | "update:open" | "finish" | "update:current")[], "change" | "close" | "update:open" | "finish" | "update:current", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue.VNodeChild, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "close" | "update:current" | "update:open" | "finish")[], "change" | "close" | "update:current" | "update:open" | "finish", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     steps: {
         type: PropType<TourStep[]>;
         required: true;
@@ -108,9 +108,9 @@ declare const Tour: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:current"?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-    "onUpdate:current"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
     prevText: string;
@@ -118,8 +118,8 @@ declare const Tour: vue.DefineComponent<vue.ExtractPropTypes<{
     finishText: string;
     className: string;
     open: boolean;
-    closable: boolean;
     current: number;
+    closable: boolean;
     loadSteps: TourStepLoader;
     showIndicators: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/index.d.mts

@@ -40,6 +40,7 @@ export { DatePicker, VueDatePickerModelValue, VueDatePickerProps } from './compo
 export { TimePicker, VueTimePickerModelValue, VueTimePickerProps } from './components/TimePicker.mjs';
 export { Upload, VueUploadProps } from './components/Upload.mjs';
 export { Table, VueTableProps } from './components/Table.mjs';
+export { DataExport, VueDataExportProps } from './components/DataExport.mjs';
 export { Tag, VueTagProps } from './components/Tag.mjs';
 export { Badge, VueBadgeProps } from './components/Badge.mjs';
 export { Card, VueCardProps } from './components/Card.mjs';
@@ -148,6 +149,6 @@ import 'vue';
  * Vue 3 components for Tigercat UI library
  */
 
-declare const version = "2.0.0-preview.4";
+declare const version = "2.0.0-preview.6";
 
 export { version };

package/dist/index.mjs

@@ -12,6 +12,7 @@ export {
   DEFAULT_CHART_COLORS,
   DEFAULT_CHART_LABELS,
   DEFAULT_CRON_EDITOR_LABELS,
+  DEFAULT_DATA_EXPORT_LABELS,
   DEFAULT_FILE_MANAGER_LABELS,
   DEFAULT_FORM_VALIDATION_LABELS,
   DEFAULT_FORM_WIZARD_LABELS,
@@ -60,6 +61,7 @@ export {
   MOTION_DURATION_TOKEN_VARS,
   MOTION_EASING_TOKEN_FALLBACKS,
   MOTION_EASING_TOKEN_VARS,
+  PAGINATION_FULL_MODE_PAGE_THRESHOLD,
   PIE_BASE_SHADOW,
   PIE_EMPHASIS_SHADOW,
   POPOVER_TEXT_CLASSES,
@@ -95,6 +97,7 @@ export {
   ZH_CN_CAROUSEL_LABELS,
   ZH_CN_CHART_LABELS,
   ZH_CN_CRON_EDITOR_LABELS,
+  ZH_CN_DATA_EXPORT_LABELS,
   ZH_CN_FILE_MANAGER_LABELS,
   ZH_CN_FORM_VALIDATION_LABELS,
   ZH_CN_FORM_WIZARD_LABELS,
@@ -710,6 +713,7 @@ export {
   getBreadcrumbItemClasses,
   getBreadcrumbLinkClasses,
   getBreadcrumbSeparatorClasses,
+  getBuiltInPaginationContainerClasses,
   getButtonGroupClasses,
   getButtonVariantClasses,
   getCalendarContainerClasses,
@@ -789,6 +793,7 @@ export {
   getCurrentActiveTourStep,
   getCurrentTime,
   getCyclicIndex,
+  getDataExportLabels,
   getDatePickerCalendarCellState,
   getDatePickerDayCellClasses,
   getDatePickerIconButtonClasses,
@@ -1655,6 +1660,7 @@ export {
   resolveMotionDuration,
   resolveMotionEasing,
   resolveMultiSeriesTooltipContent,
+  resolvePaginationDisplayMode,
   resolvePanGesture,
   resolvePinchScale,
   resolveResponsiveChartSize,
@@ -2067,6 +2073,7 @@ export { DatePicker } from './components/DatePicker.mjs';
 export { TimePicker } from './components/TimePicker.mjs';
 export { Upload } from './components/Upload.mjs';
 export { Table } from './components/Table.mjs';
+export { DataExport } from './components/DataExport.mjs';
 export { Tag } from './components/Tag.mjs';
 export { Badge } from './components/Badge.mjs';
 export { Card } from './components/Card.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "2.0.0-preview.4",
+  "version": "2.0.0-preview.6",
   "description": "Vue 3 components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -245,6 +245,11 @@
       "import": "./dist/components/CropUpload.mjs",
       "default": "./dist/components/CropUpload.mjs"
     },
+    "./DataExport": {
+      "types": "./dist/components/DataExport.d.mts",
+      "import": "./dist/components/DataExport.mjs",
+      "default": "./dist/components/DataExport.mjs"
+    },
     "./DataTableWithToolbar": {
       "types": "./dist/components/DataTableWithToolbar.d.mts",
       "import": "./dist/components/DataTableWithToolbar.mjs",
@@ -778,7 +783,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.0.0-preview.4"
+    "@expcat/tigercat-core": "2.0.0-preview.6"
   },
   "devDependencies": {
     "@types/node": "^22.20.0",