@uzum-tech/ui 2.3.4 → 2.3.5

package/es/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/es/image/src/interface.mjs

@@ -10,4 +10,26 @@ export const imagePreviewSharedProps = Object.assign(Object.assign({}, useTheme.
   showToolbarTooltip: Boolean,
   renderToolbar: Function
 });
-export const imageContextKey = createInjectionKey('u-image');
+export const imageContextKey = createInjectionKey('u-image');
+export const BLEEDING = 32;
+export const imagePreviewProps = Object.assign(Object.assign({}, 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]
+});

package/es/image/src/public-types.d.ts

@@ -12,9 +12,6 @@ export interface ImageRenderToolbarProps {
         close: VNode;
     };
 }
-export type ImageRenderToolbar = (props: ImageRenderToolbarProps) => VNodeChild;
-export type ImageGroupRenderToolbarProps = ImageRenderToolbarProps;
-export type ImageGroupRenderToolbar = ImageRenderToolbar;
 export interface ImageInst {
     /** @deprecated Use `showPreview` instead */
     click: () => void;
@@ -24,8 +21,17 @@ export interface ImageSlots {
     placeholder?: ImagePlaceholderSlot;
     error?: ImageErrorSlot;
 }
-export type ImagePlaceholderSlot = () => VNode[];
-export type ImageErrorSlot = () => VNode[];
 export interface ImagePreviewInst {
     setThumbnailEl: (e: HTMLImageElement | null) => void;
 }
+export interface ImagePreviewSlots {
+    default?: () => VNode[];
+    'spin-default'?: () => VNode[];
+    'spin-icon'?: () => VNode[];
+    'spin-description'?: () => VNode[];
+}
+export type ImageRenderToolbar = (props: ImageRenderToolbarProps) => VNodeChild;
+export type ImageGroupRenderToolbarProps = ImageRenderToolbarProps;
+export type ImageGroupRenderToolbar = ImageRenderToolbar;
+export type ImagePlaceholderSlot = () => VNode[];
+export type ImageErrorSlot = () => VNode[];

package/es/image/src/styles/index.cssr.mjs

@@ -41,7 +41,17 @@ export default c([c('body >', [cB('image-container', 'position: fixed;')]), cB('
  padding: 0 8px;
  font-size: 28px;
  cursor: pointer;
- `), fadeInTransition()]), cB('image-preview-wrapper', `
+ `), fadeInTransition()]), cB('image-preview-loading', `
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ pointer-events: none;
+ `), cB('image-preview-wrapper', `
  position: absolute;
  left: 0;
  right: 0;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.3.4";
+declare const _default: "2.3.5";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.3.4';
+export default '2.3.5';

package/lib/components.d.ts

@@ -111613,26 +111613,34 @@ export declare const UImageGroup: import("vue").DefineComponent<import("vue").Ex
     defaultCurrent: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const UImagePreview: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    src: StringConstructor;
-    show: {
-        type: BooleanConstructor;
-        default: undefined;
+    readonly src: StringConstructor;
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
     };
-    defaultShow: BooleanConstructor;
-    'onUpdate:show': import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
-    onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
-    onNext: import("vue").PropType<() => void>;
-    onPrev: import("vue").PropType<() => void>;
-    onClose: import("vue").PropType<import("./_utils").MaybeArray<() => void>>;
-    onPreviewPrev: import("vue").PropType<() => void>;
-    onPreviewNext: import("vue").PropType<() => void>;
-    showToolbar: {
+    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;
+    };
+    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: import("vue").PropType<import("./image").ImageRenderToolbar>;
-    theme: import("vue").PropType<import("./_mixins").Theme<"Image", {
+    readonly showToolbarTooltip: BooleanConstructor;
+    readonly renderToolbar: import("vue").PropType<import("./image").ImageRenderToolbar>;
+    readonly theme: import("vue").PropType<import("./_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -111672,7 +111680,7 @@ export declare const UImagePreview: import("vue").DefineComponent<import("vue").
             }, any>;
         }>;
     }>>;
-    themeOverrides: import("vue").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;
@@ -111712,7 +111720,7 @@ export declare const UImagePreview: import("vue").DefineComponent<import("vue").
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: import("vue").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;
@@ -111790,26 +111798,34 @@ export declare const UImagePreview: import("vue").DefineComponent<import("vue").
     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;
     };
-    defaultShow: BooleanConstructor;
-    'onUpdate:show': import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
-    onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
-    onNext: import("vue").PropType<() => void>;
-    onPrev: import("vue").PropType<() => void>;
-    onClose: import("vue").PropType<import("./_utils").MaybeArray<() => void>>;
-    onPreviewPrev: import("vue").PropType<() => void>;
-    onPreviewNext: import("vue").PropType<() => void>;
-    showToolbar: {
+    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;
+    };
+    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: import("vue").PropType<import("./image").ImageRenderToolbar>;
-    theme: import("vue").PropType<import("./_mixins").Theme<"Image", {
+    readonly showToolbarTooltip: BooleanConstructor;
+    readonly renderToolbar: import("vue").PropType<import("./image").ImageRenderToolbar>;
+    readonly theme: import("vue").PropType<import("./_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -111849,7 +111865,7 @@ export declare const UImagePreview: import("vue").DefineComponent<import("vue").
             }, any>;
         }>;
     }>>;
-    themeOverrides: import("vue").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;
@@ -111889,7 +111905,7 @@ export declare const UImagePreview: import("vue").DefineComponent<import("vue").
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: import("vue").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;
@@ -111930,11 +111946,13 @@ export declare const UImagePreview: import("vue").DefineComponent<import("vue").
         }>;
     }>>>;
 }>> & 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;
+}, import("vue").SlotsType<import("./image").ImagePreviewSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type * from './infinite-scroll';
 export { infiniteScrollProps } from './infinite-scroll';
 export declare const UInfiniteScroll: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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; } });