@uzum-tech/ui 2.3.4 → 2.3.6

package/lib/data-table/src/HeaderButton/FilterButton.d.ts

@@ -3794,7 +3794,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showPopover: import("vue").Ref<boolean, boolean>;
     mergedRenderFilter: import("vue").ComputedRef<import("../interface").RenderFilter | undefined>;
     filterMultiple: import("vue").ComputedRef<boolean>;
-    mergedFilterValue: import("vue").ComputedRef<FilterOptionValue | FilterOptionValue[] | null>;
+    mergedFilterValue: import("vue").ComputedRef<FilterOptionValue[] | FilterOptionValue | null>;
     filterMenuCssVars: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
     handleFilterChange: (mergedFilterValue: FilterOptionValue | FilterOptionValue[] | null) => void;
     handleFilterMenuConfirm: () => void;

package/lib/data-table/src/TableParts/Header.js

@@ -208,7 +208,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { handleTableHeaderScroll, scrollX } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-base-table-header`, onScroll: handleTableHeaderScroll },
             (0, vue_1.h)("table", { ref: "body", class: `${mergedClsPrefix}-data-table-table`, style: {
-                    minWidth: (0, _utils_1.formatLength)(scrollX),
+                    minWidth: fixedResizableTableWidth || (0, _utils_1.formatLength)(scrollX),
                     width: fixedResizableTableWidth,
                     tableLayout: mergedTableLayout
                 } },

package/lib/data-table/src/use-sorter.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnKey, CompareFn, DataTableSetupProps, InternalRowData, SortOrder, SortState, TmNode, UseSorterDeps } from './interface';
+import type { ColumnKey, DataTableSetupProps, InternalRowData, SortOrder, SortState, TmNode, UseSorterDeps } from './interface';
 export declare function useSorter(props: DataTableSetupProps, { dataRelatedColsRef, filteredDataRef }: UseSorterDeps): {
     clearSorter: () => void;
     sort: (columnKey: ColumnKey, order?: SortOrder) => void;
@@ -6,10 +6,7 @@ export declare function useSorter(props: DataTableSetupProps, { dataRelatedColsR
     mergedSortStateRef: import("vue").ComputedRef<{
         columnKey: ColumnKey;
         order: SortOrder;
-        sorter: boolean | "default" | CompareFn<InternalRowData> | {
-            multiple: number;
-            compare?: "default" | CompareFn<InternalRowData> | undefined;
-        };
+        sorter: boolean | "default" | import("./interface").Sorter<InternalRowData>;
     }[]>;
     deriveNextSorter: (sortState: SortState | null) => void;
     doUpdateSorter: (sortState: SortState | SortState[] | null) => void;

package/lib/data-table/src/use-table-data.d.ts

@@ -10,10 +10,7 @@ export declare function useTableData(props: DataTableSetupProps, { dataRelatedCo
     mergedSortStateRef: import("vue").ComputedRef<{
         columnKey: ColumnKey;
         order: import("./interface").SortOrder;
-        sorter: boolean | "default" | import("./interface").CompareFn<InternalRowData> | {
-            multiple: number;
-            compare?: "default" | import("./interface").CompareFn<InternalRowData> | undefined;
-        };
+        sorter: boolean | "default" | import("./interface").Sorter<InternalRowData>;
     }[]>;
     hoverKeyRef: import("vue").Ref<RowKey | null, RowKey | null>;
     selectionColumnRef: import("vue").ComputedRef<TableSelectionColumn | null>;

package/lib/image/index.d.ts

@@ -2,6 +2,6 @@ export { imageProps, default as UImage } from './src/Image';
 export type { ImageProps } from './src/Image';
 export { imageGroupProps, default as UImageGroup } from './src/ImageGroup';
 export type { ImageGroupProps } from './src/ImageGroup';
-export { imagePreviewProps, default as UImagePreview } from './src/ImagePreview';
-export type { ImagePreviewProps } from './src/ImagePreview';
+export { default as UImagePreview } from './src/ImagePreview';
+export { imagePreviewProps, type ImagePreviewProps } from './src/interface';
 export type * from './src/public-types';

package/lib/image/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UImagePreview = exports.imagePreviewProps = exports.UImageGroup = exports.imageGroupProps = exports.UImage = exports.imageProps = void 0;
+exports.imagePreviewProps = exports.UImagePreview = exports.UImageGroup = exports.imageGroupProps = exports.UImage = exports.imageProps = void 0;
 var Image_1 = require("./src/Image");
 Object.defineProperty(exports, "imageProps", { enumerable: true, get: function () { return Image_1.imageProps; } });
 Object.defineProperty(exports, "UImage", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
@@ -11,5 +11,6 @@ var ImageGroup_1 = require("./src/ImageGroup");
 Object.defineProperty(exports, "imageGroupProps", { enumerable: true, get: function () { return ImageGroup_1.imageGroupProps; } });
 Object.defineProperty(exports, "UImageGroup", { enumerable: true, get: function () { return __importDefault(ImageGroup_1).default; } });
 var ImagePreview_1 = require("./src/ImagePreview");
-Object.defineProperty(exports, "imagePreviewProps", { enumerable: true, get: function () { return ImagePreview_1.imagePreviewProps; } });
 Object.defineProperty(exports, "UImagePreview", { enumerable: true, get: function () { return __importDefault(ImagePreview_1).default; } });
+var interface_1 = require("./src/interface");
+Object.defineProperty(exports, "imagePreviewProps", { enumerable: true, get: function () { return interface_1.imagePreviewProps; } });

package/lib/image/src/ImagePreview.d.ts

@@ -1,168 +1,34 @@
-import type { PropType, VNode } from 'vue';
-import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-export declare const imagePreviewProps: {
-    src: StringConstructor;
-    show: {
-        type: BooleanConstructor;
-        default: undefined;
+import type { SlotsType, VNode } from 'vue';
+import type { ImagePreviewSlots } from './public-types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly src: StringConstructor;
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
     };
-    defaultShow: BooleanConstructor;
-    'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
-    onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
-    onNext: PropType<() => void>;
-    onPrev: PropType<() => void>;
-    onClose: PropType<MaybeArray<() => void>>;
-    onPreviewPrev: PropType<() => void>;
-    onPreviewNext: PropType<() => void>;
-    showToolbar: {
-        type: BooleanConstructor;
-        default: boolean;
+    readonly defaultShow: BooleanConstructor;
+    readonly 'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(show: boolean) => void>>;
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
     };
-    showToolbarTooltip: BooleanConstructor;
-    renderToolbar: PropType<import("./public-types").ImageRenderToolbar>;
-    theme: PropType<import("../../_mixins").Theme<"Image", {
-        toolbarIconColor: string;
-        toolbarColor: string;
-        toolbarBoxShadow: string;
-        toolbarBorderRadius: string;
-        overlayColor: string;
-    }, {
-        Tooltip: import("../../_mixins").Theme<"Tooltip", {
-            padding: string;
-            textPadding: string;
-            titleSize: string;
-            titleWeight: string;
-            titleLineHeight: string;
-            subtitleSize: string;
-            subtitleMargin: string;
-            subtitleWeight: string;
-            subtitleLineHeight: string;
-            iconSize: string;
-            arrowSpace: string;
-            noArrowSpace: string;
-            borderRadius: string;
-            color: string;
-            textColor: string;
-        }, {
-            Popover: import("../../_mixins").Theme<"Popover", {
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-            }, any>;
-        }>;
-    }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
-        toolbarIconColor: string;
-        toolbarColor: string;
-        toolbarBoxShadow: string;
-        toolbarBorderRadius: string;
-        overlayColor: string;
-    }, {
-        Tooltip: import("../../_mixins").Theme<"Tooltip", {
-            padding: string;
-            textPadding: string;
-            titleSize: string;
-            titleWeight: string;
-            titleLineHeight: string;
-            subtitleSize: string;
-            subtitleMargin: string;
-            subtitleWeight: string;
-            subtitleLineHeight: string;
-            iconSize: string;
-            arrowSpace: string;
-            noArrowSpace: string;
-            borderRadius: string;
-            color: string;
-            textColor: string;
-        }, {
-            Popover: import("../../_mixins").Theme<"Popover", {
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-            }, any>;
-        }>;
-    }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
-        toolbarIconColor: string;
-        toolbarColor: string;
-        toolbarBoxShadow: string;
-        toolbarBorderRadius: string;
-        overlayColor: string;
-    }, {
-        Tooltip: import("../../_mixins").Theme<"Tooltip", {
-            padding: string;
-            textPadding: string;
-            titleSize: string;
-            titleWeight: string;
-            titleLineHeight: string;
-            subtitleSize: string;
-            subtitleMargin: string;
-            subtitleWeight: string;
-            subtitleLineHeight: string;
-            iconSize: string;
-            arrowSpace: string;
-            noArrowSpace: string;
-            borderRadius: string;
-            color: string;
-            textColor: string;
-        }, {
-            Popover: import("../../_mixins").Theme<"Popover", {
-                space: string;
-                spaceArrow: string;
-                arrowOffset: string;
-                arrowOffsetVertical: string;
-                arrowHeight: string;
-                padding: string;
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
-            }, any>;
-        }>;
-    }>>>;
-};
-export type ImagePreviewProps = ExtractPublicPropTypes<typeof imagePreviewProps>;
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    src: StringConstructor;
-    show: {
-        type: BooleanConstructor;
-        default: undefined;
+    readonly spinProps: {
+        readonly type: import("vue").PropType<Partial<import("../../spin").SpinProps>>;
+        readonly default: undefined;
     };
-    defaultShow: BooleanConstructor;
-    'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
-    onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
-    onNext: PropType<() => void>;
-    onPrev: PropType<() => void>;
-    onClose: PropType<MaybeArray<() => void>>;
-    onPreviewPrev: PropType<() => void>;
-    onPreviewNext: PropType<() => void>;
-    showToolbar: {
+    readonly onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(show: boolean) => void>>;
+    readonly onNext: import("vue").PropType<() => void>;
+    readonly onPrev: import("vue").PropType<() => void>;
+    readonly onClose: import("vue").PropType<import("../../_utils").MaybeArray<() => void>>;
+    readonly onPreviewPrev: import("vue").PropType<() => void>;
+    readonly onPreviewNext: import("vue").PropType<() => void>;
+    readonly showToolbar: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showToolbarTooltip: BooleanConstructor;
-    renderToolbar: PropType<import("./public-types").ImageRenderToolbar>;
-    theme: PropType<import("../../_mixins").Theme<"Image", {
+    readonly showToolbarTooltip: BooleanConstructor;
+    readonly renderToolbar: import("vue").PropType<import("./public-types").ImageRenderToolbar>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -202,7 +68,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, any>;
         }>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -242,7 +108,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -320,26 +186,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     doUpdateShow: (value: boolean) => void;
     close: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    src: StringConstructor;
-    show: {
-        type: BooleanConstructor;
-        default: undefined;
+    readonly src: StringConstructor;
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly defaultShow: BooleanConstructor;
+    readonly 'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(show: boolean) => void>>;
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly spinProps: {
+        readonly type: import("vue").PropType<Partial<import("../../spin").SpinProps>>;
+        readonly default: undefined;
     };
-    defaultShow: BooleanConstructor;
-    'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
-    onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
-    onNext: PropType<() => void>;
-    onPrev: PropType<() => void>;
-    onClose: PropType<MaybeArray<() => void>>;
-    onPreviewPrev: PropType<() => void>;
-    onPreviewNext: PropType<() => void>;
-    showToolbar: {
+    readonly onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(show: boolean) => void>>;
+    readonly onNext: import("vue").PropType<() => void>;
+    readonly onPrev: import("vue").PropType<() => void>;
+    readonly onClose: import("vue").PropType<import("../../_utils").MaybeArray<() => void>>;
+    readonly onPreviewPrev: import("vue").PropType<() => void>;
+    readonly onPreviewNext: import("vue").PropType<() => void>;
+    readonly showToolbar: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showToolbarTooltip: BooleanConstructor;
-    renderToolbar: PropType<import("./public-types").ImageRenderToolbar>;
-    theme: PropType<import("../../_mixins").Theme<"Image", {
+    readonly showToolbarTooltip: BooleanConstructor;
+    readonly renderToolbar: import("vue").PropType<import("./public-types").ImageRenderToolbar>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -379,7 +253,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, any>;
         }>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -419,7 +293,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -460,9 +334,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    show: boolean;
-    defaultShow: boolean;
-    showToolbar: boolean;
-    showToolbarTooltip: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly loading: boolean;
+    readonly show: boolean;
+    readonly spinProps: Partial<import("../../spin").SpinProps>;
+    readonly defaultShow: boolean;
+    readonly showToolbar: boolean;
+    readonly showToolbarTooltip: boolean;
+}, SlotsType<ImagePreviewSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/image/src/ImagePreview.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imagePreviewProps = void 0;
 const evtd_1 = require("evtd");
 const lodash_es_1 = require("lodash-es");
 const seemly_1 = require("seemly");
@@ -15,19 +14,16 @@ const _internal_1 = require("../../_internal");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
+const spin_1 = require("../../spin");
 const tooltip_1 = require("../../tooltip");
 const styles_1 = require("../styles");
 const icons_2 = require("./icons");
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const BLEEDING = 32;
-exports.imagePreviewProps = Object.assign(Object.assign({}, interface_1.imagePreviewSharedProps), { src: String, show: {
-        type: Boolean,
-        default: undefined
-    }, defaultShow: Boolean, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onNext: Function, onPrev: Function, onClose: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'ImagePreview',
-    props: exports.imagePreviewProps,
+    props: interface_1.imagePreviewProps,
+    slots: Object,
     setup(props) {
         const { src } = (0, vue_1.toRefs)(props);
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
@@ -243,8 +239,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (!preview)
                 return 1;
             const { innerWidth, innerHeight } = window;
-            const heightMaxScale = Math.max(1, preview.naturalHeight / (innerHeight - BLEEDING));
-            const widthMaxScale = Math.max(1, preview.naturalWidth / (innerWidth - BLEEDING));
+            const heightMaxScale = Math.max(1, preview.naturalHeight / (innerHeight - interface_1.BLEEDING));
+            const widthMaxScale = Math.max(1, preview.naturalWidth / (innerWidth - interface_1.BLEEDING));
             return Math.max(3, heightMaxScale * 2, widthMaxScale * 2);
         }
         function getOrignalImageSizeScale() {
@@ -252,8 +248,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (!preview)
                 return 1;
             const { innerWidth, innerHeight } = window;
-            const heightScale = preview.naturalHeight / (innerHeight - BLEEDING);
-            const widthScale = preview.naturalWidth / (innerWidth - BLEEDING);
+            const heightScale = preview.naturalHeight / (innerHeight - interface_1.BLEEDING);
+            const widthScale = preview.naturalWidth / (innerWidth - interface_1.BLEEDING);
             if (heightScale < 1 && widthScale < 1) {
                 return 1;
             }
@@ -447,13 +443,18 @@ exports.default = (0, vue_1.defineComponent)({
                             onEnter: this.syncTransformOrigin, onBeforeLeave: this.syncTransformOrigin }, {
                             default: () => {
                                 const { previewedImgProps = {} } = this;
-                                return (0, vue_1.withDirectives)((0, vue_1.h)("div", { class: `${clsPrefix}-image-preview-wrapper`, ref: "previewWrapperRef" },
-                                    (0, vue_1.h)("img", Object.assign({}, previewedImgProps, { draggable: false, onMousedown: this.handlePreviewMousedown, onDblclick: this.handlePreviewDblclick, class: [
-                                            `${clsPrefix}-image-preview`,
-                                            previewedImgProps.class
-                                        ], key: this.previewSrc, src: this.previewSrc, ref: "previewRef", onDragstart: this.handleDragStart }))), [[vue_1.vShow, this.mergedShow]]);
+                                return (0, vue_1.withDirectives)((0, vue_1.h)("div", { class: `${clsPrefix}-image-preview-wrapper`, ref: "previewWrapperRef" }, !this.loading ? ((0, vue_1.h)("img", Object.assign({}, previewedImgProps, { draggable: false, onMousedown: this.handlePreviewMousedown, onDblclick: this.handlePreviewDblclick, class: [
+                                        `${clsPrefix}-image-preview`,
+                                        previewedImgProps.class
+                                    ], key: this.previewSrc, src: this.previewSrc, ref: "previewRef", onDragstart: this.handleDragStart }))) : null), [[vue_1.vShow, this.mergedShow]]);
                             }
-                        })), [[vdirs_1.zindexable, { enabled: this.mergedShow }]]);
+                        }),
+                        this.mergedShow && this.loading && ((0, vue_1.h)("div", { class: `${clsPrefix}-image-preview-loading` },
+                            (0, vue_1.h)(spin_1.USpin, Object.assign({}, this.spinProps), {
+                                default: this.$slots['spin-default'],
+                                icon: this.$slots['spin-icon'],
+                                description: this.$slots['spin-description']
+                            })))), [[vdirs_1.zindexable, { enabled: this.mergedShow }]]);
                 }
             })));
     }

package/lib/image/src/interface.d.ts

@@ -1,4 +1,6 @@
 import type { ImgHTMLAttributes, PropType, Ref } from 'vue';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { SpinProps } from '../../spin';
 import type { ImageRenderToolbar } from './public-types';
 export interface MoveStrategy {
     moveVerticalDirection: 'verticalTop' | 'verticalBottom';
@@ -6,6 +8,10 @@ export interface MoveStrategy {
     deltaHorizontal: number;
     deltaVertical: number;
 }
+export interface ImageContext {
+    previewedImgPropsRef: Ref<ImgHTMLAttributes | undefined>;
+}
+export type ImagePreviewProps = ExtractPublicPropTypes<typeof imagePreviewProps>;
 export declare const imagePreviewSharedProps: {
     onPreviewPrev: PropType<() => void>;
     onPreviewNext: PropType<() => void>;
@@ -136,7 +142,154 @@ export declare const imagePreviewSharedProps: {
         }>;
     }>>>;
 };
-export interface ImageContext {
-    previewedImgPropsRef: Ref<ImgHTMLAttributes | undefined>;
-}
 export declare const imageContextKey: import("vue").InjectionKey<ImageContext>;
+export declare const BLEEDING = 32;
+export declare const imagePreviewProps: {
+    readonly src: StringConstructor;
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly defaultShow: BooleanConstructor;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly spinProps: {
+        readonly type: PropType<Partial<SpinProps>>;
+        readonly default: undefined;
+    };
+    readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
+    readonly onNext: PropType<() => void>;
+    readonly onPrev: PropType<() => void>;
+    readonly onClose: PropType<MaybeArray<() => void>>;
+    readonly onPreviewPrev: PropType<() => void>;
+    readonly onPreviewNext: PropType<() => void>;
+    readonly showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly showToolbarTooltip: BooleanConstructor;
+    readonly renderToolbar: PropType<ImageRenderToolbar>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Image", {
+        toolbarIconColor: string;
+        toolbarColor: string;
+        toolbarBoxShadow: string;
+        toolbarBorderRadius: string;
+        overlayColor: string;
+    }, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            padding: string;
+            textPadding: string;
+            titleSize: string;
+            titleWeight: string;
+            titleLineHeight: string;
+            subtitleSize: string;
+            subtitleMargin: string;
+            subtitleWeight: string;
+            subtitleLineHeight: string;
+            iconSize: string;
+            arrowSpace: string;
+            noArrowSpace: string;
+            borderRadius: string;
+            color: string;
+            textColor: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+            }, any>;
+        }>;
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+        toolbarIconColor: string;
+        toolbarColor: string;
+        toolbarBoxShadow: string;
+        toolbarBorderRadius: string;
+        overlayColor: string;
+    }, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            padding: string;
+            textPadding: string;
+            titleSize: string;
+            titleWeight: string;
+            titleLineHeight: string;
+            subtitleSize: string;
+            subtitleMargin: string;
+            subtitleWeight: string;
+            subtitleLineHeight: string;
+            iconSize: string;
+            arrowSpace: string;
+            noArrowSpace: string;
+            borderRadius: string;
+            color: string;
+            textColor: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+            }, any>;
+        }>;
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+        toolbarIconColor: string;
+        toolbarColor: string;
+        toolbarBoxShadow: string;
+        toolbarBorderRadius: string;
+        overlayColor: string;
+    }, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            padding: string;
+            textPadding: string;
+            titleSize: string;
+            titleWeight: string;
+            titleLineHeight: string;
+            subtitleSize: string;
+            subtitleMargin: string;
+            subtitleWeight: string;
+            subtitleLineHeight: string;
+            iconSize: string;
+            arrowSpace: string;
+            noArrowSpace: string;
+            borderRadius: string;
+            color: string;
+            textColor: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+            }, any>;
+        }>;
+    }>>>;
+};

package/lib/image/src/interface.js

@@ -1,7 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imageContextKey = exports.imagePreviewSharedProps = void 0;
+exports.imagePreviewProps = exports.BLEEDING = exports.imageContextKey = exports.imagePreviewSharedProps = void 0;
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 exports.imagePreviewSharedProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { onPreviewPrev: Function, onPreviewNext: Function, showToolbar: { type: Boolean, default: true }, showToolbarTooltip: Boolean, renderToolbar: Function });
 exports.imageContextKey = (0, _utils_1.createInjectionKey)('u-image');
+exports.BLEEDING = 32;
+exports.imagePreviewProps = Object.assign(Object.assign({}, exports.imagePreviewSharedProps), { src: String, show: {
+        type: Boolean,
+        default: undefined
+    }, defaultShow: Boolean, 'onUpdate:show': [Function, Array], loading: {
+        type: Boolean,
+        default: false
+    }, spinProps: {
+        type: Object,
+        default: undefined
+    }, onUpdateShow: [Function, Array], onNext: Function, onPrev: Function, onClose: [Function, Array] });