@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/components/ColorSwatch.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ColorSwatchSize, ColorSwatchOptionInput, ColorSwatchGroup } from '@expcat/tigercat-core';
+import { ComponentSize, ColorSwatchOptionInput, ColorSwatchGroup } from '@expcat/tigercat-core';
 
 type VueColorSwatchProps = InstanceType<typeof ColorSwatch>['$props'];
 declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -13,7 +13,7 @@ declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
     size: {
-        type: PropType<ColorSwatchSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     colors: {
@@ -44,7 +44,7 @@ declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
     size: {
-        type: PropType<ColorSwatchSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     colors: {
@@ -67,10 +67,10 @@ declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: ColorSwatchSize;
+    ariaLabel: string;
+    size: ComponentSize;
     disabled: boolean;
     modelValue: string;
-    ariaLabel: string;
     columns: number;
     groups: ColorSwatchGroup[];
     colors: ColorSwatchOptionInput[];

package/dist/components/CommentThread.d.mts

@@ -2,7 +2,11 @@ import * as vue from 'vue';
 import { PropType } from 'vue';
 import { CommentNode, CommentThreadProps } from '@expcat/tigercat-core';
 
-interface VueCommentThreadProps extends CommentThreadProps {
+/**
+ * Vue CommentThread props. The React-only `onExpandedChange` callback is
+ * omitted — Vue emits `update:expandedKeys` (`v-model:expanded-keys`) instead.
+ */
+interface VueCommentThreadProps extends Omit<CommentThreadProps, 'onExpandedChange'> {
     className?: string;
     style?: Record<string, string | number>;
 }

package/dist/components/CommentThread.mjs

@@ -1,14 +1,16 @@
 import {
   CommentThread,
   CommentThread_default
-} from "../chunk-GRP54POG.mjs";
-import "../chunk-MKBIVETW.mjs";
+} from "../chunk-BJV62I73.mjs";
+import "../chunk-2OI6GWOT.mjs";
+import "../chunk-VIIGYWUY.mjs";
 import "../chunk-YZBQ6IR7.mjs";
 import "../chunk-Z2ZECCGD.mjs";
-import "../chunk-G6ULKE6H.mjs";
+import "../chunk-KRWKO2JQ.mjs";
 import "../chunk-NN6AINLG.mjs";
-import "../chunk-ZCT56WB7.mjs";
-import "../chunk-W6ZFHHD3.mjs";
+import "../chunk-R6WFL6NI.mjs";
+import "../chunk-XZYFVOOS.mjs";
+import "../chunk-GZWZP5AL.mjs";
 export {
   CommentThread,
   CommentThread_default as default

package/dist/components/Countdown.d.mts

@@ -91,12 +91,12 @@ declare const Countdown: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }>, {
+    ariaLabel: string;
     now: CountdownValue;
     size: CountdownSize;
     className: string;
     title: string;
     value: CountdownValue;
-    ariaLabel: string;
     prefix: string;
     suffix: string;
     format: string;

package/dist/components/CronEditor.d.mts

@@ -68,12 +68,12 @@ declare const CronEditor: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onValidate?: ((...args: any[]) => any) | undefined;
 }>, {
+    ariaLabel: string;
     size: CronEditorSize;
     disabled: boolean;
     defaultValue: string;
     modelValue: string;
     readonly: boolean;
-    ariaLabel: string;
     presets: CronPreset[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/CropUpload.d.mts

@@ -1,8 +1,9 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ImageCropperProps } from '@expcat/tigercat-core';
+import { TigerLocale, ImageCropperProps } from '@expcat/tigercat-core';
 
 interface VueCropUploadProps {
+    locale?: Partial<TigerLocale>;
     accept?: string;
     disabled?: boolean;
     maxSize?: number;
@@ -13,6 +14,10 @@ interface VueCropUploadProps {
     style?: Record<string, string | number>;
 }
 declare const CropUpload: vue.DefineComponent<vue.ExtractPropTypes<{
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
     accept: {
         type: StringConstructor;
         default: string;
@@ -31,7 +36,7 @@ declare const CropUpload: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     modalTitle: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     modalWidth: {
         type: NumberConstructor;
@@ -48,6 +53,10 @@ declare const CropUpload: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "crop-complete")[], "error" | "crop-complete", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
     accept: {
         type: StringConstructor;
         default: string;
@@ -66,7 +75,7 @@ declare const CropUpload: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     modalTitle: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     modalWidth: {
         type: NumberConstructor;
@@ -84,6 +93,7 @@ declare const CropUpload: vue.DefineComponent<vue.ExtractPropTypes<{
     onError?: ((...args: any[]) => any) | undefined;
     "onCrop-complete"?: ((...args: any[]) => any) | undefined;
 }>, {
+    locale: Partial<TigerLocale>;
     className: string;
     style: Record<string, string | number>;
     disabled: boolean;

package/dist/components/CropUpload.mjs

@@ -1,9 +1,9 @@
 import {
   CropUpload,
   CropUpload_default
-} from "../chunk-7VSNXYFM.mjs";
-import "../chunk-3VFZB5ZK.mjs";
-import "../chunk-DEJKRMMU.mjs";
+} from "../chunk-DOVBKVTB.mjs";
+import "../chunk-IQNZ4UEA.mjs";
+import "../chunk-4IZUJJUO.mjs";
 import "../chunk-YZBQ6IR7.mjs";
 import "../chunk-Z2ZECCGD.mjs";
 import "../chunk-BDTPFPSB.mjs";

package/dist/components/DataTableWithToolbar.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType, VNodeChild } from 'vue';
-import { TableColumn, SortState, TableSize, TigerLocaleInput, TigerLocaleTable, RowSelectionConfig, TableResponsiveMode, TableCardBreakpoint, TableCardLayoutItem, TableCardRenderContext, TableToolbarProps, TableToolbarFilter, TableToolbarFilterRenderContext, PaginationConfig, TableToolbarFilterValue, TableToolbarAction, TableToolbarFiltersExtraContext, TableToolbarRenderContext } from '@expcat/tigercat-core';
+import { TableColumn, SortState, TableSize, TigerLocaleInput, TigerLocaleTable, RowSelectionConfig, TableResponsiveMode, TableCardBreakpoint, TableCardLayoutItem, TableCardRenderContext, TableCardSelectionPosition, ExpandableConfig, FilterRule, TableExportFormat, TableToolbarProps, TableToolbarFilter, TableToolbarFilterRenderContext, PaginationConfig, TableToolbarFilterValue, TableToolbarAction, TableToolbarFiltersExtraContext, TableToolbarRenderContext } from '@expcat/tigercat-core';
 
 interface VueTableToolbarProps extends Omit<TableToolbarProps, 'filters' | 'filtersExtra' | 'render' | 'onSearchChange' | 'onSearch' | 'onFiltersChange' | 'onBulkAction'> {
     filters?: VueTableToolbarFilter[];
@@ -43,6 +43,29 @@ interface VueDataTableWithToolbarProps {
     cardLayout?: TableCardLayoutItem[];
     cardClassName?: string | ((record: Record<string, unknown>, index: number) => string | undefined);
     renderCard?: (context: TableCardRenderContext<Record<string, unknown>>) => unknown;
+    cardSelectionPosition?: TableCardSelectionPosition;
+    cardPadding?: string | false;
+    cardFieldGap?: string;
+    expandable?: ExpandableConfig;
+    virtual?: boolean;
+    autoVirtual?: boolean;
+    virtualHeight?: number;
+    virtualItemHeight?: number;
+    virtualThreshold?: number;
+    editable?: boolean;
+    editableCells?: Map<string, Set<number>>;
+    filterMode?: 'basic' | 'advanced';
+    advancedFilterRules?: FilterRule[];
+    columnDraggable?: boolean;
+    rowDraggable?: boolean;
+    summaryRow?: {
+        show: boolean;
+        data: Record<string, unknown>;
+    };
+    groupBy?: string;
+    exportable?: boolean;
+    exportFormat?: TableExportFormat;
+    exportFilename?: string;
     toolbar?: VueTableToolbarProps;
     pagination?: PaginationConfig | false;
     tableLayout?: 'auto' | 'fixed';
@@ -158,6 +181,89 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(context: TableCardRenderContext<Record<string, unknown>>) => unknown>;
         default: undefined;
     };
+    cardSelectionPosition: {
+        type: PropType<TableCardSelectionPosition>;
+        default: undefined;
+    };
+    cardPadding: {
+        type: PropType<string | false>;
+        default: undefined;
+    };
+    cardFieldGap: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    expandable: {
+        type: PropType<ExpandableConfig>;
+        default: undefined;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autoVirtual: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    virtualHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    virtualItemHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    virtualThreshold: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    editableCells: {
+        type: PropType<Map<string, Set<number>>>;
+        default: undefined;
+    };
+    filterMode: {
+        type: PropType<"basic" | "advanced">;
+        default: undefined;
+    };
+    advancedFilterRules: {
+        type: PropType<FilterRule[]>;
+        default: undefined;
+    };
+    columnDraggable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rowDraggable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    summaryRow: {
+        type: PropType<{
+            show: boolean;
+            data: Record<string, unknown>;
+        }>;
+        default: undefined;
+    };
+    groupBy: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    exportable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    exportFormat: {
+        type: PropType<TableExportFormat>;
+        default: undefined;
+    };
+    exportFilename: {
+        type: StringConstructor;
+        default: undefined;
+    };
     toolbar: {
         type: PropType<VueTableToolbarProps>;
         default: undefined;
@@ -299,6 +405,89 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(context: TableCardRenderContext<Record<string, unknown>>) => unknown>;
         default: undefined;
     };
+    cardSelectionPosition: {
+        type: PropType<TableCardSelectionPosition>;
+        default: undefined;
+    };
+    cardPadding: {
+        type: PropType<string | false>;
+        default: undefined;
+    };
+    cardFieldGap: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    expandable: {
+        type: PropType<ExpandableConfig>;
+        default: undefined;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autoVirtual: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    virtualHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    virtualItemHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    virtualThreshold: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    editableCells: {
+        type: PropType<Map<string, Set<number>>>;
+        default: undefined;
+    };
+    filterMode: {
+        type: PropType<"basic" | "advanced">;
+        default: undefined;
+    };
+    advancedFilterRules: {
+        type: PropType<FilterRule[]>;
+        default: undefined;
+    };
+    columnDraggable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rowDraggable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    summaryRow: {
+        type: PropType<{
+            show: boolean;
+            data: Record<string, unknown>;
+        }>;
+        default: undefined;
+    };
+    groupBy: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    exportable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    exportFormat: {
+        type: PropType<TableExportFormat>;
+        default: undefined;
+    };
+    exportFilename: {
+        type: StringConstructor;
+        default: undefined;
+    };
     toolbar: {
         type: PropType<VueTableToolbarProps>;
         default: undefined;
@@ -321,12 +510,12 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     onSearch?: ((_value: string) => any) | undefined;
+    "onSearch-change"?: ((_value: string) => any) | undefined;
     "onSelection-change"?: ((_keys: (string | number)[]) => any) | undefined;
     "onUpdate:hiddenColumnKeys"?: ((_hiddenKeys: string[]) => any) | undefined;
     "onHidden-column-keys-change"?: ((_hiddenKeys: string[]) => any) | undefined;
     "onPage-change"?: ((_current: number, _pageSize: number) => any) | undefined;
     "onPage-size-change"?: ((_current: number, _pageSize: number) => any) | undefined;
-    "onSearch-change"?: ((_value: string) => any) | undefined;
     "onFilters-change"?: ((_filters: Record<string, TableToolbarFilterValue>) => any) | undefined;
     "onBulk-action"?: ((_action: TableToolbarAction, _keys: (string | number)[]) => any) | undefined;
 }>, {
@@ -339,6 +528,7 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
     className: string;
     style: Record<string, string | number>;
     loading: boolean;
+    virtual: boolean;
     dataSource: Record<string, unknown>[];
     toolbar: VueTableToolbarProps;
     filters: Record<string, unknown>;
@@ -351,6 +541,7 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
     striped: boolean;
     hoverable: boolean;
     rowSelection: RowSelectionConfig<Record<string, unknown>>;
+    expandable: ExpandableConfig<Record<string, unknown>>;
     rowKey: string | ((record: Record<string, unknown>) => string | number);
     rowClassName: string | ((record: Record<string, unknown>, index: number) => string);
     stickyHeader: boolean;
@@ -360,6 +551,27 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
     cardBreakpoint: TableCardBreakpoint;
     cardClassName: string | ((record: Record<string, unknown>, index: number) => string | undefined);
     renderCard: (context: TableCardRenderContext<Record<string, unknown>>) => unknown;
+    cardSelectionPosition: TableCardSelectionPosition;
+    cardPadding: string | false;
+    cardFieldGap: string;
+    autoVirtual: boolean;
+    virtualHeight: number;
+    virtualItemHeight: number;
+    virtualThreshold: number;
+    editable: boolean;
+    editableCells: Map<string, Set<number>>;
+    filterMode: "basic" | "advanced";
+    advancedFilterRules: FilterRule[];
+    columnDraggable: boolean;
+    rowDraggable: boolean;
+    summaryRow: {
+        show: boolean;
+        data: Record<string, unknown>;
+    };
+    groupBy: string;
+    exportable: boolean;
+    exportFormat: TableExportFormat;
+    exportFilename: string;
     cardLayout: TableCardLayoutItem[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/DataTableWithToolbar.mjs

@@ -1,16 +1,17 @@
 import {
   DataTableWithToolbar,
   DataTableWithToolbar_default
-} from "../chunk-RKL4Y7CW.mjs";
-import "../chunk-KH2CF6JU.mjs";
-import "../chunk-QAMXVTNN.mjs";
-import "../chunk-6OQLZCQK.mjs";
-import "../chunk-YZP4K6KI.mjs";
-import "../chunk-Y4V7BOVR.mjs";
-import "../chunk-M4EP4OVR.mjs";
-import "../chunk-2WJADO6O.mjs";
-import "../chunk-WFISP42H.mjs";
-import "../chunk-UKMOWUYH.mjs";
+} from "../chunk-W7X5ZHJ3.mjs";
+import "../chunk-KR3D2JOA.mjs";
+import "../chunk-JMVALNIO.mjs";
+import "../chunk-6BDDX2R4.mjs";
+import "../chunk-6TTICJR4.mjs";
+import "../chunk-SYRRMZT2.mjs";
+import "../chunk-KE6RGD4Y.mjs";
+import "../chunk-DZFM7H3M.mjs";
+import "../chunk-WLHOWOAY.mjs";
+import "../chunk-VIIGYWUY.mjs";
+import "../chunk-MYKKKVGK.mjs";
 import "../chunk-P3VAY2IQ.mjs";
 import "../chunk-YZBQ6IR7.mjs";
 import "../chunk-Z2ZECCGD.mjs";

package/dist/components/DatePicker.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { DatePickerLocaleInput, DatePickerLabels, DatePickerSize, DateFormat, DatePickerShortcut, DatePickerModelValue } from '@expcat/tigercat-core';
+import { DatePickerLocaleInput, DatePickerLabels, ComponentSize, DateFormat, DatePickerShortcut, DatePickerModelValue } from '@expcat/tigercat-core';
 
 type VueDatePickerModelValue = DatePickerModelValue;
 interface VueDatePickerProps {
@@ -8,7 +8,7 @@ interface VueDatePickerProps {
     locale?: DatePickerLocaleInput;
     labels?: Partial<DatePickerLabels>;
     modelValue?: VueDatePickerModelValue;
-    size?: DatePickerSize;
+    size?: ComponentSize;
     format?: DateFormat;
     placeholder?: string;
     disabled?: boolean;
@@ -19,6 +19,7 @@ interface VueDatePickerProps {
     clearable?: boolean;
     name?: string;
     id?: string;
+    shortcuts?: DatePickerShortcut[];
     className?: string;
     style?: Record<string, unknown>;
 }
@@ -58,8 +59,8 @@ declare const DatePicker: vue.DefineComponent<vue.ExtractPropTypes<{
      * @default 'md'
      */
     size: {
-        type: PropType<DatePickerSize>;
-        default: DatePickerSize;
+        type: PropType<ComponentSize>;
+        default: ComponentSize;
     };
     /**
      * Date format string
@@ -163,7 +164,11 @@ declare const DatePicker: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     'update:modelValue': (value: unknown) => boolean;
     /**
-     * Emitted when date changes
+     * Convenience event emitted alongside `update:modelValue` on every value
+     * change. This is an intentional, non-v-model event (the idiomatic Vue
+     * pattern); it always carries the same normalized value as
+     * `update:modelValue`. Prefer `v-model` for two-way binding and use
+     * `@change` only for side effects.
      */
     change: (value: unknown) => boolean;
     /**
@@ -206,8 +211,8 @@ declare const DatePicker: vue.DefineComponent<vue.ExtractPropTypes<{
      * @default 'md'
      */
     size: {
-        type: PropType<DatePickerSize>;
-        default: DatePickerSize;
+        type: PropType<ComponentSize>;
+        default: ComponentSize;
     };
     /**
      * Date format string
@@ -310,7 +315,7 @@ declare const DatePicker: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     labels: Partial<DatePickerLabels>;
     required: boolean;
-    size: DatePickerSize;
+    size: ComponentSize;
     className: string;
     style: Record<string, unknown>;
     disabled: boolean;

package/dist/components/DatePicker.mjs

@@ -1,8 +1,9 @@
 import {
   DatePicker,
   DatePicker_default
-} from "../chunk-OOS3QQFK.mjs";
+} from "../chunk-MJRFB6ZA.mjs";
 import "../chunk-2TNZ4JNT.mjs";
+import "../chunk-R6WFL6NI.mjs";
 export {
   DatePicker,
   DatePicker_default as default

package/dist/components/Descriptions.d.mts

@@ -1,13 +1,13 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ResponsiveBreakpoint, DescriptionsSize, DescriptionsLayout, DescriptionsItem } from '@expcat/tigercat-core';
+import { ResponsiveBreakpoint, ComponentSize, DescriptionsLayout, DescriptionsItem } from '@expcat/tigercat-core';
 
 interface VueDescriptionsProps {
     title?: string | number;
     extra?: unknown;
     bordered?: boolean;
     column?: number | Partial<Record<ResponsiveBreakpoint, number>>;
-    size?: DescriptionsSize;
+    size?: ComponentSize;
     layout?: DescriptionsLayout;
     colon?: boolean;
     labelStyle?: Record<string, string | number>;
@@ -52,8 +52,8 @@ declare const Descriptions: vue.DefineComponent<vue.ExtractPropTypes<{
      * @default 'md'
      */
     size: {
-        type: PropType<DescriptionsSize>;
-        default: DescriptionsSize;
+        type: PropType<ComponentSize>;
+        default: string;
     };
     /**
      * Descriptions layout
@@ -138,8 +138,8 @@ declare const Descriptions: vue.DefineComponent<vue.ExtractPropTypes<{
      * @default 'md'
      */
     size: {
-        type: PropType<DescriptionsSize>;
-        default: DescriptionsSize;
+        type: PropType<ComponentSize>;
+        default: string;
     };
     /**
      * Descriptions layout
@@ -187,7 +187,7 @@ declare const Descriptions: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    size: DescriptionsSize;
+    size: ComponentSize;
     className: string;
     style: string | Record<string, string | number>;
     title: string | number;