naive-ui 2.38.2 → 2.40.0

package/lib/upload/src/UploadProgress.d.ts

@@ -6,116 +6,12 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     status: {
-        type: PropType<"error" | "info" | "success">;
+        type: PropType<"info" | "error" | "success">;
         required: true;
     };
 }, {
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             fontSize: string;
             lineHeight: string;
@@ -382,7 +278,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     status: {
-        type: PropType<"error" | "info" | "success">;
+        type: PropType<"info" | "error" | "success">;
         required: true;
     };
 }>>, {

package/lib/upload/src/UploadProgress.js

@@ -18,7 +18,6 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup() {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NUpload = (0, vue_1.inject)(interface_1.uploadInjectionKey);
         return {
             mergedTheme: NUpload.mergedThemeRef

package/lib/upload/src/UploadTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 declare const _default: import("vue").DefineComponent<{
     abstract: BooleanConstructor;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/lib/upload/src/UploadTrigger.js

@@ -42,15 +42,15 @@ exports.default = (0, vue_1.defineComponent)({
         function handleTriggerDrop(e) {
             var _a;
             e.preventDefault();
-            if (!draggerInsideRef.value ||
-                mergedDisabledRef.value ||
-                maxReachedRef.value) {
+            if (!draggerInsideRef.value
+                || mergedDisabledRef.value
+                || maxReachedRef.value) {
                 dragOverRef.value = false;
                 return;
             }
             const dataTransferItems = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.items;
             if (dataTransferItems === null || dataTransferItems === void 0 ? void 0 : dataTransferItems.length) {
-                void (0, utils_1.getFilesFromEntries)(Array.from(dataTransferItems).map((item) => item.webkitGetAsEntry()), mergedDirectoryDndRef.value)
+                void (0, utils_1.getFilesFromEntries)(Array.from(dataTransferItems).map(item => item.webkitGetAsEntry()), mergedDirectoryDndRef.value)
                     .then((files) => {
                     handleFileAddition(files);
                 })
@@ -73,10 +73,10 @@ exports.default = (0, vue_1.defineComponent)({
                 handleDragLeave: handleTriggerDragLeave
             })) : ((0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-upload-trigger`,
-                    (mergedDisabledRef.value || maxReachedRef.value) &&
-                        `${mergedClsPrefix}-upload-trigger--disabled`,
-                    isImageCardTypeRef.value &&
-                        `${mergedClsPrefix}-upload-trigger--image-card`,
+                    (mergedDisabledRef.value || maxReachedRef.value)
+                        && `${mergedClsPrefix}-upload-trigger--disabled`,
+                    isImageCardTypeRef.value
+                        && `${mergedClsPrefix}-upload-trigger--image-card`,
                     triggerClassRef.value
                 ], style: triggerStyleRef.value, onClick: handleTriggerClick, onDrop: handleTriggerDrop, onDragover: handleTriggerDragOver, onDragenter: handleTriggerDragEnter, onDragleave: handleTriggerDragLeave }, isImageCardTypeRef.value ? ((0, vue_1.h)(UploadDragger_1.default, null, {
                 default: () => (0, _utils_1.resolveSlot)(slots.default, () => [

package/lib/upload/src/icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 /**
  * Since image is too large compared with normal icons, we keep it inside upload
  * now.

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

@@ -1,5 +1,5 @@
-import { type Ref, type CSSProperties, type VNodeChild } from 'vue';
-import { type ImageGroupProps } from '../../image';
+import type { CSSProperties, Ref, VNodeChild } from 'vue';
+import type { ImageGroupProps } from '../../image';
 import type { MergedTheme } from '../../_mixins';
 import type { UploadTheme } from '../styles';
 import type { UploadCustomRequestOptions, UploadFileInfo, UploadOnDownload, UploadOnFinish, UploadOnRemove, UploadSettledFileInfo } from './public-types';
@@ -54,6 +54,7 @@ export interface UploadInjection {
     doChange: DoChange;
     onRender: undefined | (() => void);
     submit: (fileId?: string) => void;
+    onRetryRef: Ref<undefined | OnRetry>;
     shouldUseThumbnailUrlRef: Ref<ShouldUseThumbnailUrl>;
     getFileThumbnailUrlResolver: (file: UploadSettledFileInfo) => Promise<string> | string;
     renderIconRef: Ref<RenderIcon | undefined>;
@@ -72,13 +73,18 @@ export type OnBeforeUpload = (data: {
     fileList: UploadSettledFileInfo[];
 }) => Promise<boolean | void> | boolean | void;
 export type ListType = 'text' | 'image' | 'image-card';
-export type OnPreview = (file: UploadSettledFileInfo) => void;
+export type OnPreview = (file: UploadSettledFileInfo, detail: {
+    event: MouseEvent;
+}) => void;
 export type CreateThumbnailUrl = (file: File | null, fileInfo: UploadSettledFileInfo) => Promise<string> | string | undefined;
 export type CustomRequest = (options: UploadCustomRequestOptions) => void;
 export type OnError = ({ file, event }: {
     file: UploadSettledFileInfo;
     event?: ProgressEvent;
 }) => UploadFileInfo | undefined | void;
+export type OnRetry = ({ file }: {
+    file: UploadSettledFileInfo;
+}) => Promise<boolean | void> | boolean | void;
 export interface FileAndEntry {
     file: File;
     entry: FileSystemFileEntry | null;

package/lib/upload/src/public-types.d.ts

@@ -2,7 +2,7 @@ import type { FuncOrRecordOrUndef } from './interface';
 export type { UploadProps } from './Upload';
 export interface UploadInst {
     openOpenFileDialog: () => void;
-    submit: () => void;
+    submit: (fileId?: string) => void;
     clear: () => void;
 }
 export interface UploadFileInfo {

package/lib/upload/src/utils.d.ts

@@ -1,10 +1,10 @@
 import type { FileAndEntry, ShouldUseThumbnailUrl } from './interface';
 import type { UploadFileInfo, UploadSettledFileInfo } from './public-types';
-export declare const isImageFileType: (type: string) => boolean;
+export declare function isImageFileType(type: string): boolean;
 export declare const isImageFile: ShouldUseThumbnailUrl;
 export declare function createImageDataUrl(file: File): Promise<string>;
 export declare const environmentSupportFile: false | {
-    new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
+    new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
     prototype: File;
 };
 export declare function isFileSystemDirectoryEntry(item: FileSystemEntry | FileSystemFileEntry | FileSystemDirectoryEntry): item is FileSystemDirectoryEntry;

package/lib/upload/src/utils.js

@@ -9,21 +9,30 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.matchType = exports.createSettledFileInfo = exports.getFilesFromEntries = exports.isFileSystemFileEntry = exports.isFileSystemDirectoryEntry = exports.environmentSupportFile = exports.createImageDataUrl = exports.isImageFile = exports.isImageFileType = void 0;
-const _utils_1 = require("../../_utils");
-const isImageFileType = (type) => type.includes('image/');
+exports.environmentSupportFile = exports.isImageFile = void 0;
 exports.isImageFileType = isImageFileType;
-const getExtname = (url = '') => {
+exports.createImageDataUrl = createImageDataUrl;
+exports.isFileSystemDirectoryEntry = isFileSystemDirectoryEntry;
+exports.isFileSystemFileEntry = isFileSystemFileEntry;
+exports.getFilesFromEntries = getFilesFromEntries;
+exports.createSettledFileInfo = createSettledFileInfo;
+exports.matchType = matchType;
+const _utils_1 = require("../../_utils");
+const warn_1 = require("../../_utils/naive/warn");
+function isImageFileType(type) {
+    return type.includes('image/');
+}
+function getExtname(url = '') {
     const temp = url.split('/');
     const filename = temp[temp.length - 1];
     const filenameWithoutSuffix = filename.split(/#|\?/)[0];
     return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
-};
+}
 const imageExtensionRegex = /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i;
 // Do not need File object
 const isImageFile = (file) => {
     if (file.type) {
-        return (0, exports.isImageFileType)(file.type);
+        return isImageFileType(file.type);
     }
     const fileNameExtension = getExtname(file.name || '');
     if (imageExtensionRegex.test(fileNameExtension)) {
@@ -40,7 +49,7 @@ exports.isImageFile = isImageFile;
 function createImageDataUrl(file) {
     return __awaiter(this, void 0, void 0, function* () {
         return yield new Promise((resolve) => {
-            if (!file.type || !(0, exports.isImageFileType)(file.type)) {
+            if (!file.type || !isImageFileType(file.type)) {
                 resolve('');
                 return;
             }
@@ -48,16 +57,13 @@ function createImageDataUrl(file) {
         });
     });
 }
-exports.createImageDataUrl = createImageDataUrl;
 exports.environmentSupportFile = _utils_1.isBrowser && window.FileReader && window.File;
 function isFileSystemDirectoryEntry(item) {
     return item.isDirectory;
 }
-exports.isFileSystemDirectoryEntry = isFileSystemDirectoryEntry;
 function isFileSystemFileEntry(item) {
     return item.isFile;
 }
-exports.isFileSystemFileEntry = isFileSystemFileEntry;
 function getFilesFromEntries(entries, directory) {
     return __awaiter(this, void 0, void 0, function* () {
         const fileAndEntries = [];
@@ -68,13 +74,20 @@ function getFilesFromEntries(entries, directory) {
                         continue;
                     if (directory && isFileSystemDirectoryEntry(entry)) {
                         const directoryReader = entry.createReader();
+                        let allEntries = [];
+                        let readEntries;
                         try {
-                            const entries = yield new Promise((resolve, reject) => {
-                                directoryReader.readEntries(resolve, reject);
-                            });
-                            yield _getFilesFromEntries(entries);
+                            do {
+                                readEntries = yield new Promise((resolve, reject) => {
+                                    directoryReader.readEntries(resolve, reject);
+                                });
+                                allEntries = allEntries.concat(readEntries);
+                            } while (readEntries.length > 0);
                         }
-                        catch (_a) { }
+                        catch (e) {
+                            (0, warn_1.error)('upload', 'error happens when handling directory upload', e);
+                        }
+                        yield _getFilesFromEntries(allEntries);
                     }
                     else if (isFileSystemFileEntry(entry)) {
                         try {
@@ -83,7 +96,9 @@ function getFilesFromEntries(entries, directory) {
                             });
                             fileAndEntries.push({ file, entry, source: 'dnd' });
                         }
-                        catch (_b) { }
+                        catch (e) {
+                            (0, warn_1.error)('upload', 'error happens when handling file upload', e);
+                        }
                     }
                 }
             });
@@ -92,7 +107,6 @@ function getFilesFromEntries(entries, directory) {
         return fileAndEntries;
     });
 }
-exports.getFilesFromEntries = getFilesFromEntries;
 function createSettledFileInfo(fileInfo) {
     const { id, name, percentage, status, url, file, thumbnailUrl, type, fullPath, batchId } = fileInfo;
     return {
@@ -108,7 +122,6 @@ function createSettledFileInfo(fileInfo) {
         batchId: batchId !== null && batchId !== void 0 ? batchId : null
     };
 }
-exports.createSettledFileInfo = createSettledFileInfo;
 /**
  * This is a rather simple version. I may fix it later to make it more accurate.
  * I've looked at https://github.com/broofa/mime, however it doesn't has a esm
@@ -120,7 +133,7 @@ function matchType(name, mimeType, accept) {
     accept = accept.toLocaleLowerCase();
     const acceptAtoms = accept
         .split(',')
-        .map((acceptAtom) => acceptAtom.trim())
+        .map(acceptAtom => acceptAtom.trim())
         .filter(Boolean);
     return acceptAtoms.some((acceptAtom) => {
         if (acceptAtom.startsWith('.')) {
@@ -133,8 +146,8 @@ function matchType(name, mimeType, accept) {
             const [type, subtype] = mimeType.split('/');
             const [acceptType, acceptSubtype] = acceptAtom.split('/');
             if (acceptType === '*' || (type && acceptType && acceptType === type)) {
-                if (acceptSubtype === '*' ||
-                    (subtype && acceptSubtype && acceptSubtype === subtype)) {
+                if (acceptSubtype === '*'
+                    || (subtype && acceptSubtype && acceptSubtype === subtype)) {
                     return true;
                 }
             }
@@ -146,4 +159,3 @@ function matchType(name, mimeType, accept) {
         return false;
     });
 }
-exports.matchType = matchType;

package/lib/upload/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     fontSize: string;
     lineHeight: string;
     borderRadius: string;

package/lib/upload/styles/light.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const seemly_1 = require("seemly");
 const styles_1 = require("../../button/styles");
 const styles_2 = require("../../progress/styles");
 const common_1 = require("../../_styles/common");
 const _mixins_1 = require("../../_mixins");
-const self = (vars) => {
+function self(vars) {
     const { iconColor, primaryColor, errorColor, textColor2, successColor, opacityDisabled, actionColor, borderColor, hoverColor, lineHeight, borderRadius, fontSize } = vars;
     return {
         fontSize,
@@ -27,8 +27,7 @@ const self = (vars) => {
         itemBorderImageCardError: `1px solid ${errorColor}`,
         itemBorderImageCard: `1px solid ${borderColor}`
     };
-};
-exports.self = self;
+}
 const uploadLight = (0, _mixins_1.createTheme)({
     name: 'Upload',
     common: common_1.commonLight,
@@ -36,6 +35,6 @@ const uploadLight = (0, _mixins_1.createTheme)({
         Button: styles_1.buttonLight,
         Progress: styles_2.progressLight
     },
-    self: exports.self
+    self
 });
 exports.default = uploadLight;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.38.2";
+declare const _default: "2.40.0";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.38.2';
+exports.default = '2.40.0';

package/lib/virtual-list/src/VirtualList.d.ts

@@ -1,7 +1,7 @@
-import { type PropType, type CSSProperties } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
-import { type ScrollbarProps } from '../../scrollbar/src/Scrollbar';
+import { type CSSProperties, type PropType } from 'vue';
 import { type VirtualListItemData, type VirtualListScrollToOptions } from 'vueuc';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { ScrollbarProps } from '../../scrollbar/src/Scrollbar';
 export { type VirtualListInst } from 'vueuc';
 export declare const virtualListProps: {
     readonly scrollbarProps: PropType<ScrollbarProps>;
@@ -24,18 +24,18 @@ export declare const virtualListProps: {
     readonly onScroll: PropType<(event: Event) => void>;
     readonly onWheel: PropType<(event: WheelEvent) => void>;
     readonly onResize: PropType<(entry: ResizeObserverEntry) => void>;
-    readonly defaultScrollKey: PropType<string | number>;
+    readonly defaultScrollKey: PropType<number | string>;
     readonly defaultScrollIndex: NumberConstructor;
     readonly keyField: {
         readonly type: StringConstructor;
         readonly default: "key";
     };
     readonly paddingTop: {
-        readonly type: PropType<string | number>;
+        readonly type: PropType<number | string>;
         readonly default: 0;
     };
     readonly paddingBottom: {
-        readonly type: PropType<string | number>;
+        readonly type: PropType<number | string>;
         readonly default: 0;
     };
 };
@@ -61,18 +61,18 @@ declare const _default: import("vue").DefineComponent<{
     readonly onScroll: PropType<(event: Event) => void>;
     readonly onWheel: PropType<(event: WheelEvent) => void>;
     readonly onResize: PropType<(entry: ResizeObserverEntry) => void>;
-    readonly defaultScrollKey: PropType<string | number>;
+    readonly defaultScrollKey: PropType<number | string>;
     readonly defaultScrollIndex: NumberConstructor;
     readonly keyField: {
         readonly type: StringConstructor;
         readonly default: "key";
     };
     readonly paddingTop: {
-        readonly type: PropType<string | number>;
+        readonly type: PropType<number | string>;
         readonly default: 0;
     };
     readonly paddingBottom: {
-        readonly type: PropType<string | number>;
+        readonly type: PropType<number | string>;
         readonly default: 0;
     };
 }, {
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
     virtualListInstRef: import("vue").Ref<{
         listElRef: HTMLElement;
         itemsElRef: HTMLElement | null;
-        scrollTo: import("vueuc").VirtualListScrollTo;
+        scrollTo: import("vueuc").VVirtualListScrollTo;
     } | null>;
     getScrollContainer: () => HTMLElement | null | undefined;
     getScrollContent: () => HTMLElement | null | undefined;
@@ -120,18 +120,18 @@ declare const _default: import("vue").DefineComponent<{
     readonly onScroll: PropType<(event: Event) => void>;
     readonly onWheel: PropType<(event: WheelEvent) => void>;
     readonly onResize: PropType<(entry: ResizeObserverEntry) => void>;
-    readonly defaultScrollKey: PropType<string | number>;
+    readonly defaultScrollKey: PropType<number | string>;
     readonly defaultScrollIndex: NumberConstructor;
     readonly keyField: {
         readonly type: StringConstructor;
         readonly default: "key";
     };
     readonly paddingTop: {
-        readonly type: PropType<string | number>;
+        readonly type: PropType<number | string>;
         readonly default: 0;
     };
     readonly paddingBottom: {
-        readonly type: PropType<string | number>;
+        readonly type: PropType<number | string>;
         readonly default: 0;
     };
 }>>, {

package/lib/virtual-list/src/VirtualList.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.virtualListProps = void 0;
 const vue_1 = require("vue");
-const _internal_1 = require("../../_internal");
 const vueuc_1 = require("vueuc");
+const _internal_1 = require("../../_internal");
 exports.virtualListProps = {
     scrollbarProps: Object,
     items: {

package/lib/watermark/src/Watermark.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 import { type PropType } from 'vue';
 import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const watermarkProps: {
@@ -38,7 +37,7 @@ export declare const watermarkProps: {
         readonly default: 0;
     };
     readonly textAlign: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "left";
     };
     readonly image: StringConstructor;
@@ -134,7 +133,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 0;
     };
     readonly textAlign: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "left";
     };
     readonly image: StringConstructor;
@@ -228,7 +227,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 0;
     };
     readonly textAlign: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "left";
     };
     readonly image: StringConstructor;

package/lib/watermark/src/Watermark.js

@@ -14,13 +14,13 @@ function getRatio(context) {
     if (!context) {
         return 1;
     }
-    const backingStore = context.backingStorePixelRatio ||
-        context.webkitBackingStorePixelRatio ||
-        context.mozBackingStorePixelRatio ||
-        context.msBackingStorePixelRatio ||
-        context.oBackingStorePixelRatio ||
-        context.backingStorePixelRatio ||
-        1;
+    const backingStore = context.backingStorePixelRatio
+        || context.webkitBackingStorePixelRatio
+        || context.mozBackingStorePixelRatio
+        || context.msBackingStorePixelRatio
+        || context.oBackingStorePixelRatio
+        || context.backingStorePixelRatio
+        || 1;
     return (window.devicePixelRatio || 1) / backingStore;
 }
 exports.watermarkProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { debug: Boolean, cross: Boolean, fullscreen: Boolean, width: {
@@ -118,11 +118,11 @@ exports.default = (0, vue_1.defineComponent)({
                     img.onload = () => {
                         ctx.globalAlpha = props.imageOpacity;
                         const { imageWidth, imageHeight } = props;
-                        ctx.drawImage(img, canvasOffsetLeft, canvasOffsetTop, (props.imageWidth ||
-                            (imageHeight
+                        ctx.drawImage(img, canvasOffsetLeft, canvasOffsetTop, (props.imageWidth
+                            || (imageHeight
                                 ? (img.width * imageHeight) / img.height
-                                : img.width)) * ratio, (props.imageHeight ||
-                            (imageWidth
+                                : img.width)) * ratio, (props.imageHeight
+                            || (imageWidth
                                 ? (img.height * imageWidth) / img.width
                                 : img.height)) * ratio);
                         base64UrlRef.value = canvas.toDataURL();
@@ -200,11 +200,11 @@ exports.default = (0, vue_1.defineComponent)({
                 return watermarkNode;
             return ((0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-watermark-container`,
-                    globalRotate !== 0 &&
-                        `${mergedClsPrefix}-watermark-container--global-rotate`,
+                    globalRotate !== 0
+                        && `${mergedClsPrefix}-watermark-container--global-rotate`,
                     fullscreen && `${mergedClsPrefix}-watermark-container--fullscreen`,
-                    props.selectable &&
-                        `${mergedClsPrefix}-watermark-container--selectable`
+                    props.selectable
+                        && `${mergedClsPrefix}-watermark-container--selectable`
                 ], style: {
                     zIndex: isFullScreenGlobalRotate ? zIndex : undefined
                 } }, (_a = slots.default) === null || _a === void 0 ? void 0 :