@uzum-tech/ui 2.3.1 → 2.3.2

package/es/components.d.ts

@@ -97936,6 +97936,7 @@ export declare const UImagePreview: import("vue").DefineComponent<import("vue").
         '--u-toolbar-color': string;
         '--u-toolbar-border-radius': string;
         '--u-toolbar-box-shadow': string;
+        '--u-overlay-color': string;
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
@@ -146545,7 +146546,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
     readonly onError: import("vue").PropType<import("./upload/src/interface").OnError>;
     readonly onRetry: import("vue").PropType<import("./upload/src/interface").OnRetry>;
     readonly onBeforeUpload: import("vue").PropType<import("./upload/src/interface").OnBeforeUpload>;
-    readonly isErrorState: import("vue").PropType<(xhr: XMLHttpRequest) => boolean>;
+    readonly isErrorState: import("vue").PropType<import("./upload/src/interface").IsErrorState>;
     readonly onDownload: import("vue").PropType<import("./upload/src/interface").OnDownload>;
     readonly defaultUpload: {
         readonly type: BooleanConstructor;
@@ -146590,6 +146591,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
     readonly createThumbnailUrl: import("vue").PropType<import("./upload/src/interface").CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
+    readonly maxSize: NumberConstructor;
     readonly showTrigger: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -146601,7 +146603,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
     readonly renderIcon: import("vue").PropType<import("./upload/src/interface").RenderIcon>;
     readonly label: StringConstructor;
     readonly size: {
-        readonly type: import("vue").PropType<"small" | "medium" | "large">;
+        readonly type: import("vue").PropType<import("./upload").UploadSize>;
         readonly default: "medium";
     };
     readonly title: StringConstructor;
@@ -147431,7 +147433,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
     }>>>;
 }>, {
     openFileDialog: () => void;
-    submit: () => void;
+    submit: import("./upload/src/interface").Submit;
     clear: () => void;
     mergedClsPrefix: import("vue").Ref<string, string>;
     mergedSizeRef: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -147742,7 +147744,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
     cssVars: import("vue").ComputedRef<any> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
-    handleFileInputChange: (e: Event) => void;
+    handleFileInputChange: (event: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly name: {
         readonly type: StringConstructor;
@@ -147787,7 +147789,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
     readonly onError: import("vue").PropType<import("./upload/src/interface").OnError>;
     readonly onRetry: import("vue").PropType<import("./upload/src/interface").OnRetry>;
     readonly onBeforeUpload: import("vue").PropType<import("./upload/src/interface").OnBeforeUpload>;
-    readonly isErrorState: import("vue").PropType<(xhr: XMLHttpRequest) => boolean>;
+    readonly isErrorState: import("vue").PropType<import("./upload/src/interface").IsErrorState>;
     readonly onDownload: import("vue").PropType<import("./upload/src/interface").OnDownload>;
     readonly defaultUpload: {
         readonly type: BooleanConstructor;
@@ -147832,6 +147834,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
     readonly createThumbnailUrl: import("vue").PropType<import("./upload/src/interface").CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
+    readonly maxSize: NumberConstructor;
     readonly showTrigger: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -147843,7 +147846,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
     readonly renderIcon: import("vue").PropType<import("./upload/src/interface").RenderIcon>;
     readonly label: StringConstructor;
     readonly size: {
-        readonly type: import("vue").PropType<"small" | "medium" | "large">;
+        readonly type: import("vue").PropType<import("./upload").UploadSize>;
         readonly default: "medium";
     };
     readonly title: StringConstructor;
@@ -148674,7 +148677,7 @@ export declare const UUpload: import("vue").DefineComponent<import("vue").Extrac
 }>> & Readonly<{}>, {
     readonly disabled: boolean | undefined;
     readonly vertical: boolean;
-    readonly size: "small" | "medium" | "large";
+    readonly size: import("./upload").UploadSize;
     readonly name: string;
     readonly abstract: boolean;
     readonly multiple: boolean;

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

@@ -313,6 +313,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         '--u-toolbar-color': string;
         '--u-toolbar-border-radius': string;
         '--u-toolbar-box-shadow': string;
+        '--u-overlay-color': string;
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;

package/es/image/src/ImagePreview.mjs

@@ -6,12 +6,12 @@ import { useIsMounted, useMergedState } from 'vooks';
 import { computed, defineComponent, Fragment, h, inject, normalizeStyle, onBeforeUnmount, ref, toRef, toRefs, Transition, vShow, watch, withDirectives } from 'vue';
 import { LazyTeleport } from 'vueuc';
 import { UBaseIcon } from "../../_internal/index.mjs";
-import { ResizeSmallIcon, RotateClockwiseIcon, RotateCounterclockwiseIcon, ZoomInIcon, ZoomOutIcon } from "../../_internal/icons/index.mjs";
+import { RotateClockwiseIcon, RotateCounterclockwiseIcon, ZoomInIcon, ZoomOutIcon } from "../../_internal/icons/index.mjs";
 import { useConfig, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call, download } from "../../_utils/index.mjs";
 import { UTooltip } from "../../tooltip/index.mjs";
 import { imageLight } from "../styles/index.mjs";
-import { closeIcon, downloadIcon, nextIcon, prevIcon } from "./icons.mjs";
+import { closeIcon } from "./icons.mjs";
 import { imageContextKey, imagePreviewSharedProps } from "./interface.mjs";
 import style from "./styles/index.cssr.mjs";
 const BLEEDING = 32;
@@ -404,7 +404,8 @@ export default defineComponent({
           toolbarIconColor,
           toolbarBorderRadius,
           toolbarBoxShadow,
-          toolbarColor
+          toolbarColor,
+          overlayColor
         }
       } = themeRef.value;
       return {
@@ -412,7 +413,8 @@ export default defineComponent({
         '--u-toolbar-icon-color': toolbarIconColor,
         '--u-toolbar-color': toolbarColor,
         '--u-toolbar-border-radius': toolbarBorderRadius,
-        '--u-toolbar-box-shadow': toolbarBoxShadow
+        '--u-toolbar-box-shadow': toolbarBoxShadow,
+        '--u-overlay-color': overlayColor
       };
     });
     const {
@@ -468,18 +470,6 @@ export default defineComponent({
       renderToolbar,
       withTooltip
     } = this;
-    const prevNode = withTooltip(h(UBaseIcon, {
-      clsPrefix: clsPrefix,
-      onClick: this.handleSwitchPrev
-    }, {
-      default: () => prevIcon
-    }), 'tipPrevious');
-    const nextNode = withTooltip(h(UBaseIcon, {
-      clsPrefix: clsPrefix,
-      onClick: this.handleSwitchNext
-    }, {
-      default: () => nextIcon
-    }), 'tipNext');
     const rotateCounterclockwiseNode = withTooltip(h(UBaseIcon, {
       clsPrefix: clsPrefix,
       onClick: this.rotateCounterclockwise
@@ -492,26 +482,12 @@ export default defineComponent({
     }, {
       default: () => h(RotateClockwiseIcon, null)
     }), 'tipClockwise');
-    const originalSizeNode = withTooltip(h(UBaseIcon, {
-      clsPrefix: clsPrefix,
-      onClick: this.resizeToOrignalImageSize
-    }, {
-      default: () => {
-        return h(ResizeSmallIcon, null);
-      }
-    }), 'tipOriginalSize');
     const zoomOutNode = withTooltip(h(UBaseIcon, {
       clsPrefix: clsPrefix,
       onClick: this.zoomOut
     }, {
       default: () => h(ZoomOutIcon, null)
     }), 'tipZoomOut');
-    const downloadNode = withTooltip(h(UBaseIcon, {
-      clsPrefix: clsPrefix,
-      onClick: this.handleDownloadClick
-    }, {
-      default: () => downloadIcon
-    }), 'tipDownload');
     const closeNode = withTooltip(h(UBaseIcon, {
       clsPrefix: clsPrefix,
       onClick: () => this.close()
@@ -556,17 +532,13 @@ export default defineComponent({
               class: `${clsPrefix}-image-preview-toolbar`
             }, renderToolbar ? renderToolbar({
               nodes: {
-                prev: prevNode,
-                next: nextNode,
                 rotateCounterclockwise: rotateCounterclockwiseNode,
                 rotateClockwise: rotateClockwiseNode,
-                resizeToOriginalSize: originalSizeNode,
                 zoomOut: zoomOutNode,
                 zoomIn: zoomInNode,
-                download: downloadNode,
                 close: closeNode
               }
-            }) : h(Fragment, null, this.onPrev ? h(Fragment, null, prevNode, nextNode) : null, rotateCounterclockwiseNode, rotateClockwiseNode, originalSizeNode, zoomOutNode, zoomInNode, downloadNode, closeNode));
+            }) : h(Fragment, null, rotateCounterclockwiseNode, rotateClockwiseNode, zoomOutNode, zoomInNode, closeNode));
           }
         }) : null, h(Transition, {
           name: "fade-in-scale-up-transition",

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

@@ -1,14 +1,14 @@
 import type { VNode, VNodeChild } from 'vue';
 export interface ImageRenderToolbarProps {
     nodes: {
-        prev: VNode;
-        next: VNode;
+        prev?: VNode;
+        next?: VNode;
         rotateCounterclockwise: VNode;
         rotateClockwise: VNode;
-        resizeToOriginalSize: VNode;
+        resizeToOriginalSize?: VNode;
         zoomOut: VNode;
         zoomIn: VNode;
-        download: VNode;
+        download?: VNode;
         close: VNode;
     };
 }

package/es/message-bubble/src/MessageBubble.mjs

@@ -138,6 +138,11 @@ export default defineComponent({
       const url = [attachment.preview, attachment.thumbnail].find(value => typeof value === 'string');
       return url !== null && url !== void 0 ? url : null;
     };
+    const getAttachmentUrl = attachment => {
+      if (!attachment.url || attachment.url === '#') return null;
+      return attachment.url;
+    };
+    const isAttachmentPreviewable = file => Boolean(file.thumbnailUrl);
     const handleAttachmentDownload = file => __awaiter(this, void 0, void 0, function* () {
       if (props.onAttachmentDownload) {
         const attachment = normalizedAttachmentsRef.value.find(item => item.name === file.name);
@@ -172,21 +177,23 @@ export default defineComponent({
         return slots.messageAttachment(messagePayloadRef.value);
       }
       const fileList = normalizedAttachmentsRef.value.map(attachment => {
-        var _a, _b, _c;
+        var _a, _b;
         return {
           id: String(attachment.id),
           name: attachment.name,
           status: attachment.status || MessageBubbleAttachmentStatus.FINISHED,
           percentage: (_a = attachment.percentage) !== null && _a !== void 0 ? _a : null,
-          url: (_b = attachment.url) !== null && _b !== void 0 ? _b : null,
+          url: getAttachmentUrl(attachment),
           thumbnailUrl: getThumbnailUrl(attachment),
-          type: (_c = attachment.type) !== null && _c !== void 0 ? _c : null,
+          type: (_b = attachment.type) !== null && _b !== void 0 ? _b : null,
           file: null,
           batchId: null
         };
       });
       const uploadComponent = h(UUpload, Object.assign({
         abstract: true,
+        listType: "preview-list",
+        shouldUseThumbnailUrl: isAttachmentPreviewable,
         fileList: fileList,
         fileListStyle: withPadding ? {
           display: 'flex',

package/es/upload/index.d.ts

@@ -1,7 +1,8 @@
 export { publicDownload as uploadDownload } from '../_utils/dom/download';
 export type { CustomRequestOptions as UploadCustomRequestOptions, FileInfo as UploadFileInfo, UploadInst, SettledFileInfo as UploadSettledFileInfo } from './src/interface';
+export { uploadProps, type UploadProps } from './src/interface';
 export type * from './src/public-types';
-export { uploadProps, type UploadProps, default as UUpload } from './src/Upload';
+export { default as UUpload } from './src/Upload';
 export { default as UUploadDragger } from './src/UploadDragger';
 export { default as UUploadFileList } from './src/UploadFileList';
 export { default as UUploadTrigger } from './src/UploadTrigger';

package/es/upload/index.mjs

@@ -1,5 +1,6 @@
 export { publicDownload as uploadDownload } from "../_utils/dom/download.mjs";
-export { uploadProps, default as UUpload } from "./src/Upload.mjs";
+export { uploadProps } from "./src/interface.mjs";
+export { default as UUpload } from "./src/Upload.mjs";
 export { default as UUploadDragger } from "./src/UploadDragger.mjs";
 export { default as UUploadFileList } from "./src/UploadFileList.mjs";
 export { default as UUploadTrigger } from "./src/UploadTrigger.mjs";