naive-ui 2.33.4 → 2.34.0

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

@@ -1,7 +1,7 @@
 import { PropType, CSSProperties, InputHTMLAttributes } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ImageGroupProps } from '../../image';
-import type { FileInfo, FuncOrRecordOrUndef, OnFinish, OnRemove, OnDownload, OnChange, OnUpdateFileList, OnBeforeUpload, ListType, OnPreview, CreateThumbnailUrl, CustomRequest, OnError } from './interface';
+import type { FileInfo, FuncOrRecordOrUndef, OnFinish, OnRemove, OnDownload, OnChange, OnUpdateFileList, OnBeforeUpload, ListType, OnPreview, CreateThumbnailUrl, CustomRequest, OnError, SettledFileInfo, ShouldUseThumbnailUrl, RenderIcon } from './interface';
 export declare const uploadProps: {
     readonly name: {
         readonly type: StringConstructor;
@@ -77,6 +77,10 @@ export declare const uploadProps: {
         readonly default: "text";
     };
     readonly onPreview: PropType<OnPreview>;
+    readonly shouldUseThumbnailUrl: {
+        readonly type: PropType<ShouldUseThumbnailUrl>;
+        readonly default: (file: SettledFileInfo) => boolean;
+    };
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
@@ -87,6 +91,7 @@ export declare const uploadProps: {
     readonly imageGroupProps: PropType<ImageGroupProps>;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly triggerStyle: PropType<string | CSSProperties>;
+    readonly renderIcon: PropType<RenderIcon>;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -119,6 +124,9 @@ export declare const uploadProps: {
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -308,6 +316,9 @@ export declare const uploadProps: {
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -364,6 +375,9 @@ export declare const uploadProps: {
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -553,6 +567,9 @@ export declare const uploadProps: {
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -609,6 +626,9 @@ export declare const uploadProps: {
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -798,6 +818,9 @@ export declare const uploadProps: {
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -899,6 +922,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "text";
     };
     readonly onPreview: PropType<OnPreview>;
+    readonly shouldUseThumbnailUrl: {
+        readonly type: PropType<ShouldUseThumbnailUrl>;
+        readonly default: (file: Required<FileInfo>) => boolean;
+    };
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
@@ -909,6 +936,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly imageGroupProps: PropType<ImageGroupProps>;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly triggerStyle: PropType<string | CSSProperties>;
+    readonly renderIcon: PropType<RenderIcon>;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -941,6 +969,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -1130,6 +1161,9 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -1186,6 +1220,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -1375,6 +1412,9 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -1431,6 +1471,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -1620,6 +1663,9 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -1792,6 +1838,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 opacityDisabled: string;
                 colorOpacitySecondary: string;
+                /**
+                 * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+                 */
                 colorOpacitySecondaryHover: string;
                 colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
@@ -1981,6 +2030,9 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeLarge: string;
                 rippleDuration: string;
             }, any>;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             Progress: import("../../_mixins").Theme<"Progress", {
                 fontSize: string;
                 fontSizeCircle: string;
@@ -2099,6 +2151,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "text";
     };
     readonly onPreview: PropType<OnPreview>;
+    readonly shouldUseThumbnailUrl: {
+        readonly type: PropType<ShouldUseThumbnailUrl>;
+        readonly default: (file: Required<FileInfo>) => boolean;
+    };
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
     readonly max: NumberConstructor;
@@ -2109,6 +2165,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly imageGroupProps: PropType<ImageGroupProps>;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly triggerStyle: PropType<string | CSSProperties>;
+    readonly renderIcon: PropType<RenderIcon>;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -2141,6 +2198,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -2330,6 +2390,9 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -2386,6 +2449,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -2575,6 +2641,9 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -2631,6 +2700,9 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             opacityDisabled: string;
             colorOpacitySecondary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
             colorSecondary: string;
@@ -2820,6 +2892,9 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
+        /**
+         * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+         */
         Progress: import("../../_mixins").Theme<"Progress", {
             fontSize: string;
             fontSizeCircle: string;
@@ -2857,6 +2932,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly showDownloadButton: boolean;
     readonly showRetryButton: boolean;
     readonly showPreviewButton: boolean;
+    readonly shouldUseThumbnailUrl: ShouldUseThumbnailUrl;
     readonly withCredentials: boolean;
     readonly responseType: XMLHttpRequestResponseType;
     readonly directory: boolean;

package/lib/upload/src/Upload.js

@@ -219,10 +219,17 @@ exports.uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, listType: {
         type: String,
         default: 'text'
-    }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean, max: Number, showTrigger: {
+    }, onPreview: Function, shouldUseThumbnailUrl: {
+        type: Function,
+        default: (file) => {
+            if (!utils_1.environmentSupportFile)
+                return false;
+            return (0, utils_1.isImageFile)(file);
+        }
+    }, createThumbnailUrl: Function, abstract: Boolean, max: Number, showTrigger: {
         type: Boolean,
         default: true
-    }, imageGroupProps: Object, inputProps: Object, triggerStyle: [String, Object] });
+    }, imageGroupProps: Object, inputProps: Object, triggerStyle: [String, Object], renderIcon: Object });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Upload',
     props: exports.uploadProps,
@@ -411,13 +418,21 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.warn)('upload', 'File has no corresponding id in current file list.');
             }
         };
-        function getFileThumbnailUrl(file) {
-            return __awaiter(this, void 0, void 0, function* () {
-                const { createThumbnailUrl } = props;
-                return createThumbnailUrl
-                    ? yield createThumbnailUrl(file.file)
-                    : yield (0, utils_1.createImageDataUrl)(file.file);
-            });
+        function getFileThumbnailUrlResolver(file) {
+            var _a;
+            if (file.thumbnailUrl)
+                return file.thumbnailUrl;
+            const { createThumbnailUrl } = props;
+            if (createThumbnailUrl) {
+                return (_a = createThumbnailUrl(file.file, file)) !== null && _a !== void 0 ? _a : (file.url || '');
+            }
+            if (file.url) {
+                return file.url;
+            }
+            else if (file.file) {
+                return (0, utils_1.createImageDataUrl)(file.file);
+            }
+            return '';
         }
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard } } = themeRef.value;
@@ -454,12 +469,14 @@ exports.default = (0, vue_1.defineComponent)({
             onDownloadRef: (0, vue_1.toRef)(props, 'onDownload'),
             mergedFileListRef,
             triggerStyleRef: (0, vue_1.toRef)(props, 'triggerStyle'),
+            shouldUseThumbnailUrlRef: (0, vue_1.toRef)(props, 'shouldUseThumbnailUrl'),
+            renderIconRef: (0, vue_1.toRef)(props, 'renderIcon'),
             xhrMap,
             submit,
             doChange,
             showPreviewButtonRef: (0, vue_1.toRef)(props, 'showPreviewButton'),
             onPreviewRef: (0, vue_1.toRef)(props, 'onPreview'),
-            getFileThumbnailUrl,
+            getFileThumbnailUrlResolver,
             listTypeRef: (0, vue_1.toRef)(props, 'listType'),
             dragOverRef,
             openOpenFileDialog,

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

@@ -389,6 +389,8 @@ declare const _default: import("vue").DefineComponent<{
     showRetryButton: import("vue").ComputedRef<boolean>;
     showPreviewButton: import("vue").ComputedRef<boolean | "" | null>;
     mergedThumbnailUrl: import("vue").ComputedRef<string | null>;
+    shouldUseThumbnailUrl: import("vue").Ref<import("./interface").ShouldUseThumbnailUrl>;
+    renderIcon: import("vue").Ref<import("./interface").RenderIcon | undefined>;
     imageRef: import("vue").Ref<{
         click: () => void;
     } | null>;

package/lib/upload/src/UploadFile.js

@@ -172,10 +172,9 @@ exports.default = (0, vue_1.defineComponent)({
             if (listType !== 'image' && listType !== 'image-card') {
                 return;
             }
-            if (!utils_1.environmentSupportFile || !(props.file.file instanceof File)) {
-                return;
+            if (NUpload.shouldUseThumbnailUrlRef.value(props.file)) {
+                thumbnailUrlRef.value = yield NUpload.getFileThumbnailUrlResolver(props.file);
             }
-            thumbnailUrlRef.value = yield NUpload.getFileThumbnailUrl(props.file);
         });
         (0, vue_1.watchEffect)(() => {
             void deriveFileThumbnailUrl();
@@ -192,6 +191,8 @@ exports.default = (0, vue_1.defineComponent)({
             showRetryButton: showRetryButtonRef,
             showPreviewButton: showPreviewButtonRef,
             mergedThumbnailUrl: mergedThumbnailUrlRef,
+            shouldUseThumbnailUrl: NUpload.shouldUseThumbnailUrlRef,
+            renderIcon: NUpload.renderIconRef,
             imageRef,
             handleRemoveOrCancelClick,
             handleDownloadClick,
@@ -200,19 +201,17 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { clsPrefix, mergedTheme, listType, file } = this;
+        const { clsPrefix, mergedTheme, listType, file, renderIcon } = this;
         // if there is text list type, show file icon
         let icon;
         const isImageType = listType === 'image';
         const isImageCardType = listType === 'image-card';
         if (isImageType || isImageCardType) {
-            icon = !(0, utils_1.isImageFile)(file) ? ((0, vue_1.h)("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
-                (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => icons_2.documentIcon }))) : this.mergedThumbnailUrl && file.status !== 'error' ? ((0, vue_1.h)("a", { rel: "noopener noreferer", target: "_blank", href: file.url || undefined, class: `${clsPrefix}-upload-file-info__thumbnail`, onClick: this.handlePreviewClick }, listType === 'image-card' ? ((0, vue_1.h)(image_1.NImage, { src: this.mergedThumbnailUrl || undefined, previewSrc: file.url || undefined, alt: file.name, ref: "imageRef" })) : ((0, vue_1.h)("img", { src: this.mergedThumbnailUrl || undefined, alt: file.name })))) : ((0, vue_1.h)("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
-                (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => icons_2.imageIcon })));
+            icon =
+                !this.shouldUseThumbnailUrl(file) || !this.mergedThumbnailUrl ? ((0, vue_1.h)("span", { class: `${clsPrefix}-upload-file-info__thumbnail` }, renderIcon ? (renderIcon(file)) : (0, utils_1.isImageFile)(file) ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => icons_2.imageIcon })) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => icons_2.documentIcon })))) : ((0, vue_1.h)("a", { rel: "noopener noreferer", target: "_blank", href: file.url || undefined, class: `${clsPrefix}-upload-file-info__thumbnail`, onClick: this.handlePreviewClick }, listType === 'image-card' ? ((0, vue_1.h)(image_1.NImage, { src: this.mergedThumbnailUrl || undefined, previewSrc: file.url || undefined, alt: file.name, ref: "imageRef" })) : ((0, vue_1.h)("img", { src: this.mergedThumbnailUrl || undefined, alt: file.name }))));
         }
         else {
-            icon = ((0, vue_1.h)("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
-                (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => (0, vue_1.h)(icons_1.AttachIcon, null) })));
+            icon = ((0, vue_1.h)("span", { class: `${clsPrefix}-upload-file-info__thumbnail` }, renderIcon ? (renderIcon(file)) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => (0, vue_1.h)(icons_1.AttachIcon, null) }))));
         }
         const progress = ((0, vue_1.h)(UploadProgress_1.default, { show: this.showProgress, percentage: file.percentage || 0, status: this.progressStatus }));
         const showName = listType === 'text' || listType === 'image';

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

@@ -1,4 +1,4 @@
-import { Ref, CSSProperties } from 'vue';
+import { Ref, CSSProperties, VNodeChild } from 'vue';
 import { ImageGroupProps } from '../../image';
 import type { MergedTheme } from '../../_mixins';
 import type { UploadTheme } from '../styles';
@@ -15,6 +15,7 @@ export interface FileInfo {
     fullPath?: string | null;
 }
 export declare type SettledFileInfo = Required<FileInfo>;
+export declare type ShouldUseThumbnailUrl = (file: SettledFileInfo) => boolean;
 export declare type FuncOrRecordOrUndef = Record<string, string> | (({ file }: {
     file: SettledFileInfo;
 }) => Record<string, string>) | undefined;
@@ -44,6 +45,7 @@ export declare type DoChange = (fileAfterChange: SettledFileInfo, event?: Progre
     remove?: boolean;
 }) => void;
 export declare type OnUpdateFileList = (fileList: SettledFileInfo[]) => void;
+export declare type RenderIcon = (file: SettledFileInfo) => VNodeChild;
 export interface UploadInjection {
     mergedClsPrefixRef: Ref<string>;
     mergedThemeRef: Ref<MergedTheme<UploadTheme>>;
@@ -76,7 +78,9 @@ export interface UploadInjection {
     doChange: DoChange;
     onRender: undefined | (() => void);
     submit: (fileId?: string) => void;
-    getFileThumbnailUrl: (file: SettledFileInfo) => Promise<string>;
+    shouldUseThumbnailUrlRef: Ref<ShouldUseThumbnailUrl>;
+    getFileThumbnailUrlResolver: (file: SettledFileInfo) => Promise<string> | string;
+    renderIconRef: Ref<RenderIcon | undefined>;
     handleFileAddition: (files: FileAndEntry[] | null, e?: Event) => void;
     openOpenFileDialog: () => void;
 }
@@ -98,7 +102,7 @@ export declare type OnBeforeUpload = (data: {
 }) => Promise<boolean | void> | boolean | void;
 export declare type ListType = 'text' | 'image' | 'image-card';
 export declare type OnPreview = (file: SettledFileInfo) => void;
-export declare type CreateThumbnailUrl = (file: File) => Promise<string>;
+export declare type CreateThumbnailUrl = (file: File | null, fileInfo: SettledFileInfo) => Promise<string> | string | undefined;
 export interface CustomRequestOptions {
     file: SettledFileInfo;
     action?: string;

package/lib/upload/src/styles/index.cssr.js

@@ -3,13 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-in-height-expand.cssr");
-
 const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cB)('upload-trigger', `
  display: block;
  `)]), (0, cssr_1.cM)('drag-over', [(0, cssr_1.cB)('upload-dragger', `

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

@@ -1,6 +1,6 @@
-import type { FileAndEntry, FileInfo, SettledFileInfo } from './interface';
+import type { FileAndEntry, FileInfo, SettledFileInfo, ShouldUseThumbnailUrl } from './interface';
 export declare const isImageFileType: (type: string) => boolean;
-export declare const isImageFile: (file: FileInfo) => 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;

package/lib/upload/src/utils.js

@@ -19,6 +19,7 @@ const getExtname = (url = '') => {
     const filenameWithoutSuffix = filename.split(/#|\?/)[0];
     return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
 };
+// Do not need File object
 const isImageFile = (file) => {
     if (file.type) {
         return (0, exports.isImageFileType)(file.type);
@@ -35,7 +36,7 @@ const isImageFile = (file) => {
     if (extension) {
         return false;
     }
-    return true;
+    return false;
 };
 exports.isImageFile = isImageFile;
 function createImageDataUrl(file) {

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.33.4";
+declare const _default: "2.34.0";
 export default _default;

package/lib/version.js

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

package/lib/watermark/src/styles/index.cssr.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('watermark-container', `
  position: relative;
  `, [(0, cssr_1.cNotM)('selectable', `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.33.4",
+  "version": "2.34.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -50,9 +50,9 @@
     "@babel/parser": "^7.17.9",
     "@babel/preset-env": "^7.16.11",
     "@babel/traverse": "^7.17.9",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-node-resolve": "^14.0.1",
+    "@rollup/plugin-babel": "^6.0.2",
+    "@rollup/plugin-commonjs": "^23.0.1",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^4.0.0",
     "@types/estree": "^1.0.0",
     "@types/jest": "^29.0.2",
@@ -68,11 +68,11 @@
     "@vue/server-renderer": "^3.2.39",
     "@vue/test-utils": "^2.0.2",
     "autoprefixer": "^10.4.4",
-    "babel-jest": "^28.1.3",
+    "babel-jest": "^29.3.1",
     "codesandbox": "^2.2.3",
     "cssnano": "^5.1.7",
     "deepmerge": "^4.2.2",
-    "esbuild": "0.15.7",
+    "esbuild": "0.15.12",
     "eslint": "^8.13.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-standard": "^17.0.0",
@@ -86,11 +86,13 @@
     "express": "^4.17.3",
     "fast-glob": "^3.2.11",
     "fs-extra": "^10.0.1",
+    "grapheme-splitter": "^1.0.4",
     "husky": "^8.0.1",
     "inquirer": "^9.1.0",
-    "jest": "^28.0.3",
+    "jest": "^29.3.1",
     "jest-canvas-mock": "^2.3.1",
     "jest-environment-jsdom": "^29.0.0",
+    "katex": "^0.16.3",
     "lint-staged": "^13.0.3",
     "lyla": "^0.6.8",
     "marked": "^4.0.13",
@@ -100,13 +102,13 @@
     "rollup-plugin-esbuild": "^4.9.1",
     "rollup-plugin-terser": "^7.0.2",
     "superagent": "^8.0.0",
-    "ts-jest": "^28.0.1",
+    "ts-jest": "^29.0.3",
     "typescript": "~4.8.3",
     "vfonts": "^0.1.0",
-    "vite": "3.1.1",
+    "vite": "3.2.3",
     "vue": "^3.2.39",
     "vue-router": "^4.0.14",
-    "vue-tsc": "^0.40.5"
+    "vue-tsc": "^1.0.9"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
@@ -114,6 +116,7 @@
   "dependencies": {
     "@css-render/plugin-bem": "^0.15.10",
     "@css-render/vue3-ssr": "^0.15.10",
+    "@types/katex": "^0.14.0",
     "@types/lodash": "^4.14.181",
     "@types/lodash-es": "^4.17.6",
     "async-validator": "^4.0.7",

package/volar.d.ts

@@ -140,6 +140,7 @@ declare module 'vue' {
     NUploadFileList: typeof import('naive-ui')['NUploadFileList']
     NUploadTrigger: typeof import('naive-ui')['NUploadTrigger']
     NWatermark: typeof import('naive-ui')['NWatermark']
+    NEquation: typeof import('naive-ui')['NEquation']
   }
 }
 export {}