@expcat/tigercat-vue 1.2.43 → 1.2.46

package/dist/components/DataTableWithToolbar.d.ts

@@ -1,8 +1,17 @@
 import * as vue from 'vue';
-import { PropType } from 'vue';
-import { TableColumn, SortState, TableSize, TigerLocaleInput, TigerLocaleTable, RowSelectionConfig, TableResponsiveMode, TableCardBreakpoint, TableToolbarProps, PaginationConfig, TableToolbarFilterValue, TableToolbarAction } from '@expcat/tigercat-core';
+import { PropType, VNodeChild } from 'vue';
+import { TableColumn, SortState, TableSize, TigerLocaleInput, TigerLocaleTable, RowSelectionConfig, TableResponsiveMode, TableCardBreakpoint, TableCardLayoutItem, TableToolbarProps, TableToolbarFilter, TableToolbarFilterRenderContext, PaginationConfig, TableToolbarFilterValue, TableToolbarAction, TableToolbarFiltersExtraContext } from '@expcat/tigercat-core';
 
-interface VueTableToolbarProps extends Omit<TableToolbarProps, 'onSearchChange' | 'onSearch' | 'onFiltersChange' | 'onBulkAction'> {
+interface VueTableToolbarProps extends Omit<TableToolbarProps, 'filters' | 'filtersExtra' | 'onSearchChange' | 'onSearch' | 'onFiltersChange' | 'onBulkAction'> {
+    filters?: VueTableToolbarFilter[];
+}
+interface VueTableToolbarFilterRenderContext extends Omit<TableToolbarFilterRenderContext, 'filter'> {
+    filter: VueTableToolbarFilter;
+}
+interface VueTableToolbarFiltersExtraContext extends TableToolbarFiltersExtraContext {
+}
+interface VueTableToolbarFilter extends Omit<TableToolbarFilter, 'render'> {
+    render?: (context: VueTableToolbarFilterRenderContext) => VNodeChild;
 }
 interface VueDataTableWithToolbarProps {
     columns: TableColumn[];
@@ -29,6 +38,7 @@ interface VueDataTableWithToolbarProps {
     maxHeight?: string | number;
     responsiveMode?: TableResponsiveMode;
     cardBreakpoint?: TableCardBreakpoint;
+    cardLayout?: TableCardLayoutItem[];
     toolbar?: VueTableToolbarProps;
     pagination?: PaginationConfig | false;
     className?: string;
@@ -131,6 +141,10 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<TableCardBreakpoint>;
         default: TableCardBreakpoint;
     };
+    cardLayout: {
+        type: PropType<TableCardLayoutItem[]>;
+        default: undefined;
+    };
     toolbar: {
         type: PropType<VueTableToolbarProps>;
         default: undefined;
@@ -260,6 +274,10 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<TableCardBreakpoint>;
         default: TableCardBreakpoint;
     };
+    cardLayout: {
+        type: PropType<TableCardLayoutItem[]>;
+        default: undefined;
+    };
     toolbar: {
         type: PropType<VueTableToolbarProps>;
         default: undefined;
@@ -291,34 +309,35 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
     "onFilters-change"?: ((_filters: Record<string, TableToolbarFilterValue>) => any) | undefined;
     "onBulk-action"?: ((_action: TableToolbarAction, _keys: (string | number)[]) => any) | undefined;
 }>, {
-    locale: TigerLocaleInput;
-    pagination: false | PaginationConfig;
-    sort: SortState;
-    emptyText: string;
-    labels: Partial<TigerLocaleTable>;
     size: TableSize;
+    loading: boolean;
+    emptyText: string;
     className: string;
     style: Record<string, string | number>;
-    loading: boolean;
+    sort: SortState;
+    bordered: boolean;
+    hoverable: boolean;
+    filters: Record<string, unknown>;
+    locale: TigerLocaleInput;
+    pagination: false | PaginationConfig;
+    labels: Partial<TigerLocaleTable>;
     dataSource: Record<string, unknown>[];
     toolbar: VueTableToolbarProps;
-    filters: Record<string, unknown>;
     columnLockable: boolean;
     hiddenColumnKeys: string[];
     defaultHiddenColumnKeys: string[];
     defaultSort: SortState;
     defaultFilters: Record<string, unknown>;
-    bordered: boolean;
     striped: boolean;
-    hoverable: boolean;
     rowSelection: RowSelectionConfig<Record<string, unknown>>;
     rowKey: string | ((record: Record<string, unknown>) => string | number);
     rowClassName: string | ((record: Record<string, unknown>, index: number) => string);
     stickyHeader: boolean;
     maxHeight: string | number;
-    tableLayout: "auto" | "fixed";
+    tableLayout: "fixed" | "auto";
     responsiveMode: TableResponsiveMode;
     cardBreakpoint: TableCardBreakpoint;
+    cardLayout: TableCardLayoutItem[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { DataTableWithToolbar, type VueDataTableWithToolbarProps, type VueTableToolbarProps, DataTableWithToolbar as default };
+export { DataTableWithToolbar, type VueDataTableWithToolbarProps, type VueTableToolbarFilter, type VueTableToolbarFilterRenderContext, type VueTableToolbarFiltersExtraContext, type VueTableToolbarProps, DataTableWithToolbar as default };

package/dist/components/DataTableWithToolbar.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkEWQJGR7Ejs = require('../chunk-EWQJGR7E.js');
-require('../chunk-OFTAQ2A4.js');
+var _chunk6WM7E6C4js = require('../chunk-6WM7E6C4.js');
+require('../chunk-PXSV3J2H.js');
 require('../chunk-BGMAWKWV.js');
 require('../chunk-LUAI6VXV.js');
 require('../chunk-3QV2D54H.js');
@@ -19,4 +19,4 @@ require('../chunk-EQW6IUHG.js');
 
 
 
-exports.DataTableWithToolbar = _chunkEWQJGR7Ejs.DataTableWithToolbar; exports.default = _chunkEWQJGR7Ejs.DataTableWithToolbar_default;
+exports.DataTableWithToolbar = _chunk6WM7E6C4js.DataTableWithToolbar; exports.default = _chunk6WM7E6C4js.DataTableWithToolbar_default;

package/dist/components/DataTableWithToolbar.mjs

@@ -1,8 +1,8 @@
 import {
   DataTableWithToolbar,
   DataTableWithToolbar_default
-} from "../chunk-GFQDHFAX.mjs";
-import "../chunk-CHDKJDZQ.mjs";
+} from "../chunk-OHCC6NNC.mjs";
+import "../chunk-BIDBJNTL.mjs";
 import "../chunk-PYT5DTQQ.mjs";
 import "../chunk-PT4Q7C2A.mjs";
 import "../chunk-YZP4K6KI.mjs";

package/dist/components/DatePicker.d.mts

@@ -304,15 +304,15 @@ declare const DatePicker: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onChange?: ((value: unknown) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onChange?: ((value: unknown) => any) | undefined;
     "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
 }>, {
-    labels: Partial<DatePickerLabels>;
     size: DatePickerSize;
     className: string;
     style: Record<string, unknown>;
     disabled: boolean;
+    labels: Partial<DatePickerLabels>;
     range: boolean;
     modelValue: string | Date | [string | Date | null, string | Date | null] | null;
     placeholder: string;

package/dist/components/DatePicker.d.ts

@@ -304,15 +304,15 @@ declare const DatePicker: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onChange?: ((value: unknown) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onChange?: ((value: unknown) => any) | undefined;
     "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
 }>, {
-    labels: Partial<DatePickerLabels>;
     size: DatePickerSize;
     className: string;
     style: Record<string, unknown>;
     disabled: boolean;
+    labels: Partial<DatePickerLabels>;
     range: boolean;
     modelValue: string | Date | [string | Date | null, string | Date | null] | null;
     placeholder: string;

package/dist/components/Descriptions.d.mts

@@ -188,17 +188,17 @@ declare const Descriptions: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: DescriptionsSize;
+    items: DescriptionsItem[];
     className: string;
     style: string | Record<string, string | number>;
     title: string | number;
+    bordered: boolean;
     column: number | Partial<Record<ResponsiveBreakpoint, number>>;
     layout: DescriptionsLayout;
     extra: undefined;
-    bordered: boolean;
     colon: boolean;
     labelStyle: Record<string, string | number>;
     contentStyle: Record<string, string | number>;
-    items: DescriptionsItem[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Descriptions, type VueDescriptionsProps, Descriptions as default };

package/dist/components/Descriptions.d.ts

@@ -188,17 +188,17 @@ declare const Descriptions: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: DescriptionsSize;
+    items: DescriptionsItem[];
     className: string;
     style: string | Record<string, string | number>;
     title: string | number;
+    bordered: boolean;
     column: number | Partial<Record<ResponsiveBreakpoint, number>>;
     layout: DescriptionsLayout;
     extra: undefined;
-    bordered: boolean;
     colon: boolean;
     labelStyle: Record<string, string | number>;
     contentStyle: Record<string, string | number>;
-    items: DescriptionsItem[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Descriptions, type VueDescriptionsProps, Descriptions as default };

package/dist/components/DonutChart.d.mts

@@ -292,13 +292,13 @@ declare const DonutChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSlice-click"?: ((...args: any[]) => any) | undefined;
     "onSlice-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    shadow: boolean;
+    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
     labelPosition: "inside" | "outside";
     gradient: boolean;
-    hoverable: boolean;
-    shadow: boolean;
     showLabels: boolean;
     selectable: boolean;
     hoveredIndex: number | null;

package/dist/components/DonutChart.d.ts

@@ -292,13 +292,13 @@ declare const DonutChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSlice-click"?: ((...args: any[]) => any) | undefined;
     "onSlice-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    shadow: boolean;
+    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
     labelPosition: "inside" | "outside";
     gradient: boolean;
-    hoverable: boolean;
-    shadow: boolean;
     showLabels: boolean;
     selectable: boolean;
     hoveredIndex: number | null;

package/dist/components/Drawer.d.mts

@@ -352,21 +352,21 @@ declare const Drawer: vue.DefineComponent<vue.ExtractPropTypes<{
     "onAfter-enter"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
-    closeAriaLabel: string;
-    labels: Partial<TigerLocaleDrawer>;
     size: DrawerSize;
     className: string;
     style: Record<string, unknown>;
     title: string;
+    disableTeleport: boolean;
+    closable: boolean;
+    closeAriaLabel: string;
+    locale: Partial<TigerLocale>;
+    labels: Partial<TigerLocaleDrawer>;
     mask: boolean;
     open: boolean;
     width: string | number;
-    closable: boolean;
     zIndex: number;
     maskClosable: boolean;
     placement: DrawerPlacement;
-    disableTeleport: boolean;
     bodyClassName: string;
     destroyOnClose: boolean;
     destroyOnCloseAfterLeave: boolean;

package/dist/components/Drawer.d.ts

@@ -352,21 +352,21 @@ declare const Drawer: vue.DefineComponent<vue.ExtractPropTypes<{
     "onAfter-enter"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
-    closeAriaLabel: string;
-    labels: Partial<TigerLocaleDrawer>;
     size: DrawerSize;
     className: string;
     style: Record<string, unknown>;
     title: string;
+    disableTeleport: boolean;
+    closable: boolean;
+    closeAriaLabel: string;
+    locale: Partial<TigerLocale>;
+    labels: Partial<TigerLocaleDrawer>;
     mask: boolean;
     open: boolean;
     width: string | number;
-    closable: boolean;
     zIndex: number;
     maskClosable: boolean;
     placement: DrawerPlacement;
-    disableTeleport: boolean;
     bodyClassName: string;
     destroyOnClose: boolean;
     destroyOnCloseAfterLeave: boolean;

package/dist/components/FileManager.d.mts

@@ -142,9 +142,9 @@ declare const FileManager: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:currentPath"?: ((...args: any[]) => any) | undefined;
     "onUpdate:searchText"?: ((...args: any[]) => any) | undefined;
 }>, {
+    loading: boolean;
     emptyText: string;
     className: string;
-    loading: boolean;
     searchable: boolean;
     multiple: boolean;
     draggable: boolean;

package/dist/components/FileManager.d.ts

@@ -142,9 +142,9 @@ declare const FileManager: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:currentPath"?: ((...args: any[]) => any) | undefined;
     "onUpdate:searchText"?: ((...args: any[]) => any) | undefined;
 }>, {
+    loading: boolean;
     emptyText: string;
     className: string;
-    loading: boolean;
     searchable: boolean;
     multiple: boolean;
     draggable: boolean;

package/dist/components/FloatButton.d.mts

@@ -83,14 +83,14 @@ declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: "default" | "primary";
     size: FloatButtonSize;
     className: string;
     style: Record<string, string | number>;
+    type: "default" | "primary";
     disabled: boolean;
+    shape: FloatButtonShape;
     tooltip: string;
     ariaLabel: string;
-    shape: FloatButtonShape;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueFloatButtonGroupProps {
     shape?: FloatButtonShape;
@@ -148,8 +148,8 @@ declare const FloatButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
-    open: boolean;
     shape: FloatButtonShape;
+    open: boolean;
     trigger: "click" | "hover";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/FloatButton.d.ts

@@ -83,14 +83,14 @@ declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: "default" | "primary";
     size: FloatButtonSize;
     className: string;
     style: Record<string, string | number>;
+    type: "default" | "primary";
     disabled: boolean;
+    shape: FloatButtonShape;
     tooltip: string;
     ariaLabel: string;
-    shape: FloatButtonShape;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueFloatButtonGroupProps {
     shape?: FloatButtonShape;
@@ -148,8 +148,8 @@ declare const FloatButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
-    open: boolean;
     shape: FloatButtonShape;
+    open: boolean;
     trigger: "click" | "hover";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Form.d.mts

@@ -257,8 +257,8 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
     onValidate?: ((fieldName: string, isValid: boolean, _errorMessage?: string | undefined) => any) | undefined;
 }>, {
     size: FormSize;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     model: FormValues;
     labelPosition: FormLabelPosition;
     labelAlign: FormLabelAlign;

package/dist/components/Form.d.ts

@@ -257,8 +257,8 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
     onValidate?: ((fieldName: string, isValid: boolean, _errorMessage?: string | undefined) => any) | undefined;
 }>, {
     size: FormSize;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     model: FormValues;
     labelPosition: FormLabelPosition;
     labelAlign: FormLabelAlign;

package/dist/components/FormWizard.d.mts

@@ -182,17 +182,17 @@ declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
     onFinish?: ((...args: any[]) => any) | undefined;
     "onUpdate:current"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
+    size: StepSize;
+    className: string;
+    style: Record<string, string | number>;
+    bordered: boolean;
     direction: StepsDirection;
+    locale: Partial<TigerLocale>;
     labels: Partial<TigerLocaleFormWizard>;
     prevText: string;
     nextText: string;
     finishText: string;
-    size: StepSize;
-    className: string;
-    style: Record<string, string | number>;
     simple: boolean;
-    bordered: boolean;
     defaultCurrent: number;
     current: number;
     clickable: boolean;

package/dist/components/FormWizard.d.ts

@@ -182,17 +182,17 @@ declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
     onFinish?: ((...args: any[]) => any) | undefined;
     "onUpdate:current"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
+    size: StepSize;
+    className: string;
+    style: Record<string, string | number>;
+    bordered: boolean;
     direction: StepsDirection;
+    locale: Partial<TigerLocale>;
     labels: Partial<TigerLocaleFormWizard>;
     prevText: string;
     nextText: string;
     finishText: string;
-    size: StepSize;
-    className: string;
-    style: Record<string, string | number>;
     simple: boolean;
-    bordered: boolean;
     defaultCurrent: number;
     current: number;
     clickable: boolean;

package/dist/components/FunnelChart.d.mts

@@ -198,12 +198,12 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSegment-click"?: ((...args: any[]) => any) | undefined;
     "onSegment-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
     direction: "vertical" | "horizontal";
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     selectable: boolean;
     gap: number;
     hoveredIndex: number | null;

package/dist/components/FunnelChart.d.ts

@@ -198,12 +198,12 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSegment-click"?: ((...args: any[]) => any) | undefined;
     "onSegment-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
     direction: "vertical" | "horizontal";
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     selectable: boolean;
     gap: number;
     hoveredIndex: number | null;

package/dist/components/Gantt.d.mts

@@ -208,11 +208,11 @@ declare const Gantt: vue.DefineComponent<vue.ExtractPropTypes<{
     "onTask-click"?: ((...args: any[]) => any) | undefined;
     "onTask-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
     width: number;
     height: number;
     ariaLabel: string;
     padding: ChartPadding;
-    hoverable: boolean;
     selectedId: string | number | null;
     selectable: boolean;
     scale: GanttScale;

package/dist/components/Gantt.d.ts

@@ -208,11 +208,11 @@ declare const Gantt: vue.DefineComponent<vue.ExtractPropTypes<{
     "onTask-click"?: ((...args: any[]) => any) | undefined;
     "onTask-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
     width: number;
     height: number;
     ariaLabel: string;
     padding: ChartPadding;
-    hoverable: boolean;
     selectedId: string | number | null;
     selectable: boolean;
     scale: GanttScale;

package/dist/components/GaugeChart.d.mts

@@ -164,11 +164,11 @@ declare const GaugeChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
+    color: string;
     min: number;
     max: number;
     width: number;
     height: number;
-    color: string;
     padding: ChartPadding;
     gradient: boolean;
     tickCount: number;

package/dist/components/GaugeChart.d.ts

@@ -164,11 +164,11 @@ declare const GaugeChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
+    color: string;
     min: number;
     max: number;
     width: number;
     height: number;
-    color: string;
     padding: ChartPadding;
     gradient: boolean;
     tickCount: number;

package/dist/components/HeatmapChart.d.mts

@@ -211,12 +211,12 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onCell-click"?: ((...args: any[]) => any) | undefined;
     "onCell-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
-    hoverable: boolean;
     selectable: boolean;
-    renderMode: "auto" | "canvas" | "svg";
+    renderMode: "canvas" | "svg" | "auto";
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;

package/dist/components/HeatmapChart.d.ts

@@ -211,12 +211,12 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onCell-click"?: ((...args: any[]) => any) | undefined;
     "onCell-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
-    hoverable: boolean;
     selectable: boolean;
-    renderMode: "auto" | "canvas" | "svg";
+    renderMode: "canvas" | "svg" | "auto";
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;

package/dist/components/Image.d.mts

@@ -106,11 +106,11 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
+    src: string;
+    alt: string;
     width: string | number;
     height: string | number;
     preview: boolean;
-    src: string;
-    alt: string;
     fit: ImageFit;
     fallbackSrc: string;
     lazy: boolean;

package/dist/components/Image.d.ts

@@ -106,11 +106,11 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
+    src: string;
+    alt: string;
     width: string | number;
     height: string | number;
     preview: boolean;
-    src: string;
-    alt: string;
     fit: ImageFit;
     fallbackSrc: string;
     lazy: boolean;

package/dist/components/ImageAnnotation.d.mts

@@ -87,7 +87,7 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "change" | "update:modelValue" | "ready" | "tool-change")[], "select" | "change" | "update:modelValue" | "ready" | "tool-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "update:modelValue" | "ready" | "tool-change")[], "change" | "select" | "update:modelValue" | "ready" | "tool-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     src: {
         type: StringConstructor;
         required: true;
@@ -153,26 +153,26 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onReady?: ((...args: any[]) => any) | undefined;
     "onTool-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     className: string;
     style: Record<string, string | number>;
+    alt: string;
     disabled: boolean;
+    strokeWidth: number;
     defaultValue: ImageAnnotation$1[];
     modelValue: ImageAnnotation$1[];
     readonly: boolean;
-    alt: string;
     selectedId: string;
     defaultSelectedId: string;
     tool: ImageAnnotationTool;
     defaultTool: ImageAnnotationTool;
     tools: ImageAnnotationTool[];
     minSize: number;
-    strokeWidth: number;
     showLabels: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;