naive-ui 2.30.7 → 2.32.0

package/lib/typography/src/p.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const pProps: {
+export declare const pProps: {
     depth: PropType<2 | 1 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;

package/lib/typography/src/p.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.pProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const p_cssr_1 = __importDefault(require("./styles/p.cssr"));
-const pProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number] });
+exports.pProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'P',
-    props: pProps,
+    props: exports.pProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-p', p_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);

package/lib/typography/src/text.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const textProps: {
+export declare const textProps: {
     readonly code: BooleanConstructor;
     readonly type: {
         readonly type: StringConstructor;

package/lib/typography/src/text.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.textProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const text_cssr_1 = __importDefault(require("./styles/text.cssr"));
-const textProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { code: Boolean, type: {
+exports.textProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { code: Boolean, type: {
         type: String,
         default: 'default'
     }, delete: Boolean, strong: Boolean, italic: Boolean, underline: Boolean, depth: [String, Number], tag: String, 
@@ -26,7 +27,7 @@ const textProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { c
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Text',
-    props: textProps,
+    props: exports.textProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-text', text_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);

package/lib/typography/src/ul.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const ulProps: {
+export declare const ulProps: {
     readonly alignText: BooleanConstructor;
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;

package/lib/typography/src/ul.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ulProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const list_cssr_1 = __importDefault(require("./styles/list.cssr"));
-const ulProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
+exports.ulProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Ul',
-    props: ulProps,
+    props: exports.ulProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-xl', list_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);

package/lib/upload/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NUpload } from './src/Upload';
+export { default as NUpload, uploadProps } from './src/Upload';
 export { default as NUploadDragger } from './src/UploadDragger';
 export { default as NUploadTrigger } from './src/UploadTrigger';
 export { default as NUploadFileList } from './src/UploadFileList';

package/lib/upload/index.js

@@ -3,9 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NUploadFileList = exports.NUploadTrigger = exports.NUploadDragger = exports.NUpload = void 0;
+exports.NUploadFileList = exports.NUploadTrigger = exports.NUploadDragger = exports.uploadProps = exports.NUpload = void 0;
 var Upload_1 = require("./src/Upload");
 Object.defineProperty(exports, "NUpload", { enumerable: true, get: function () { return __importDefault(Upload_1).default; } });
+Object.defineProperty(exports, "uploadProps", { enumerable: true, get: function () { return Upload_1.uploadProps; } });
 var UploadDragger_1 = require("./src/UploadDragger");
 Object.defineProperty(exports, "NUploadDragger", { enumerable: true, get: function () { return __importDefault(UploadDragger_1).default; } });
 var UploadTrigger_1 = require("./src/UploadTrigger");

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

@@ -2,7 +2,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';
-declare const uploadProps: {
+export declare const uploadProps: {
     readonly name: {
         readonly type: StringConstructor;
         readonly default: "file";

package/lib/upload/src/Upload.js

@@ -12,6 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
@@ -179,7 +180,7 @@ function submitImpl(inst, fieldName, file, { method, action, withCredentials, he
         inst.doChange(fileAfterChange);
     }
 }
-const uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: {
+exports.uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: {
         type: String,
         default: 'file'
     }, accept: String, action: String, customRequest: Function, directory: Boolean, directoryDnd: { type: Boolean, default: undefined }, method: {
@@ -220,7 +221,7 @@ const uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, imageGroupProps: Object, inputProps: Object, triggerStyle: [String, Object] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Upload',
-    props: uploadProps,
+    props: exports.uploadProps,
     setup(props) {
         if (props.abstract && props.listType === 'image-card') {
             (0, _utils_1.throwError)('upload', 'when the list-type is image-card, abstract is not supported.');

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

@@ -387,8 +387,8 @@ declare const _default: import("vue").DefineComponent<{
     showRemoveButton: import("vue").ComputedRef<boolean>;
     showDownloadButton: import("vue").ComputedRef<boolean>;
     showRetryButton: import("vue").ComputedRef<boolean>;
-    showPreviewButton: import("vue").ComputedRef<boolean | "">;
-    thumbnailUrl: import("vue").Ref<string>;
+    showPreviewButton: import("vue").ComputedRef<boolean | "" | null>;
+    mergedThumbnailUrl: import("vue").ComputedRef<string | null>;
     imageRef: import("vue").Ref<{
         click: () => void;
     } | null>;

package/lib/upload/src/UploadFile.js

@@ -13,6 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
+const vooks_1 = require("vooks");
 const icons_1 = require("../../_internal/icons");
 const image_1 = require("../../image");
 const button_1 = require("../../button");
@@ -90,12 +91,15 @@ exports.default = (0, vue_1.defineComponent)({
             const { file } = props;
             return ['error'].includes(file.status);
         });
+        const mergedThumbnailUrlRef = (0, vooks_1.useMemo)(() => {
+            return thumbnailUrlRef.value || props.file.thumbnailUrl || props.file.url;
+        });
         const showPreviewButtonRef = (0, vue_1.computed)(() => {
             if (!NUpload.showPreviewButtonRef.value)
                 return false;
-            const { file: { status, url }, listType } = props;
+            const { file: { status }, listType } = props;
             return (['finished'].includes(status) &&
-                (url || thumbnailUrlRef.value) &&
+                mergedThumbnailUrlRef.value &&
                 listType === 'image-card');
         });
         function handleRetryClick() {
@@ -185,7 +189,7 @@ exports.default = (0, vue_1.defineComponent)({
             showDownloadButton: showDownloadButtonRef,
             showRetryButton: showRetryButtonRef,
             showPreviewButton: showPreviewButtonRef,
-            thumbnailUrl: thumbnailUrlRef,
+            mergedThumbnailUrl: mergedThumbnailUrlRef,
             imageRef,
             handleRemoveOrCancelClick,
             handleDownloadClick,
@@ -201,7 +205,7 @@ exports.default = (0, vue_1.defineComponent)({
         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 }))) : (file.url || this.thumbnailUrl) && 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.thumbnailUrl || file.thumbnailUrl || file.url || undefined, previewSrc: file.url || undefined, alt: file.name, ref: "imageRef" })) : ((0, vue_1.h)("img", { src: this.thumbnailUrl || file.thumbnailUrl || file.url || 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.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 })));
         }
         else {

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

@@ -26,7 +26,7 @@ export declare type OnChange = (data: {
 export declare type OnFinish = ({ file, event }: {
     file: SettledFileInfo;
     event?: ProgressEvent;
-}) => FileInfo | undefined;
+}) => FileInfo | undefined | void;
 export declare type OnRemove = (data: {
     file: SettledFileInfo;
     fileList: SettledFileInfo[];
@@ -115,7 +115,7 @@ export declare type CustomRequest = (options: CustomRequestOptions) => void;
 export declare type OnError = ({ file, event }: {
     file: SettledFileInfo;
     event?: ProgressEvent;
-}) => FileInfo | undefined;
+}) => FileInfo | undefined | void;
 export interface FileAndEntry {
     file: File;
     entry: FileSystemFileEntry | null;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.30.7";
+declare const _default: "2.32.0";
 export default _default;

package/lib/version.js

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

package/lib/watermark/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NWatermark } from './src/Watermark';
+export { default as NWatermark, watermarkProps } from './src/Watermark';
 export type { WatermarkProps } from './src/Watermark';

package/lib/watermark/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NWatermark = void 0;
+exports.watermarkProps = exports.NWatermark = void 0;
 var Watermark_1 = require("./src/Watermark");
 Object.defineProperty(exports, "NWatermark", { enumerable: true, get: function () { return __importDefault(Watermark_1).default; } });
+Object.defineProperty(exports, "watermarkProps", { enumerable: true, get: function () { return Watermark_1.watermarkProps; } });

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const watermarkProps: {
+export declare const watermarkProps: {
     readonly debug: BooleanConstructor;
     readonly cross: BooleanConstructor;
     readonly fullscreen: BooleanConstructor;
@@ -77,6 +77,10 @@ declare const watermarkProps: {
         readonly type: NumberConstructor;
         readonly default: 14;
     };
+    readonly globalRotate: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Watermark", {
         fontFamily: string;
     }, unknown>>;
@@ -165,6 +169,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 14;
     };
+    readonly globalRotate: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Watermark", {
         fontFamily: string;
     }, unknown>>;
@@ -251,6 +259,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 14;
     };
+    readonly globalRotate: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Watermark", {
         fontFamily: string;
     }, unknown>>;
@@ -281,5 +293,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly xOffset: number;
     readonly imageOpacity: number;
     readonly fontColor: string;
+    readonly globalRotate: number;
 }>;
 export default _default;

package/lib/watermark/src/Watermark.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.watermarkProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
@@ -22,7 +23,7 @@ function getRatio(context) {
         1;
     return (window.devicePixelRatio || 1) / backingStore;
 }
-const watermarkProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { debug: Boolean, cross: Boolean, fullscreen: Boolean, width: {
+exports.watermarkProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { debug: Boolean, cross: Boolean, fullscreen: Boolean, width: {
         type: Number,
         default: 32
     }, height: {
@@ -70,19 +71,24 @@ const watermarkProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props)
     }, lineHeight: {
         type: Number,
         default: 14
+    }, globalRotate: {
+        type: Number,
+        default: 0
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Watermark',
-    props: watermarkProps,
+    props: exports.watermarkProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Watermark', '-watermark', index_cssr_1.default, styles_1.watermarkLight, props, mergedClsPrefixRef);
         const base64UrlRef = (0, vue_1.ref)('');
-        const canvas = document.createElement('canvas');
-        const ctx = canvas.getContext('2d');
+        const canvas = _utils_1.isBrowser ? document.createElement('canvas') : null;
+        const ctx = canvas ? canvas.getContext('2d') : null;
         const fontsReadyRef = (0, vue_1.ref)(false);
         (0, vooks_1.onFontsReady)(() => (fontsReadyRef.value = true));
         (0, vue_1.watchEffect)(() => {
+            if (!canvas)
+                return;
             void fontsReadyRef.value;
             const ratio = getRatio(ctx);
             const { xGap, yGap, width, height, yOffset, xOffset, rotate, image, content, fontColor, fontStyle, fontVariant, fontStretch, fontWeight, fontFamily, fontSize, lineHeight, debug } = props;
@@ -136,27 +142,43 @@ exports.default = (0, vue_1.defineComponent)({
         });
         return () => {
             var _a;
+            const { globalRotate, fullscreen, zIndex } = props;
+            const mergedClsPrefix = mergedClsPrefixRef.value;
+            const isFullScreenGlobalRotate = globalRotate !== 0 && fullscreen;
+            const rotatedImageOffset = 'max(142vh, 142vw)';
             const watermarkNode = ((0, vue_1.h)("div", { class: [
-                    `${mergedClsPrefixRef.value}-watermark`,
-                    props.fullscreen &&
-                        `${mergedClsPrefixRef.value}-watermark--fullscreen`
+                    `${mergedClsPrefix}-watermark`,
+                    globalRotate !== 0 && `${mergedClsPrefix}-watermark--global-rotate`,
+                    fullscreen && `${mergedClsPrefix}-watermark--fullscreen`
                 ], style: {
-                    zIndex: props.zIndex,
+                    transform: globalRotate
+                        ? `translateX(-50%) translateY(-50%) rotate(${globalRotate}deg)`
+                        : undefined,
+                    zIndex: isFullScreenGlobalRotate ? undefined : zIndex,
                     backgroundSize: `${props.xGap + props.width}px`,
-                    backgroundPosition: props.cross
-                        ? `${props.width / 2}px ${props.height / 2}px, 0 0`
-                        : '',
+                    backgroundPosition: globalRotate === 0
+                        ? props.cross
+                            ? `${props.width / 2}px ${props.height / 2}px, 0 0`
+                            : ''
+                        : props.cross
+                            ? `calc(${rotatedImageOffset} + ${props.width / 2}px) calc(${rotatedImageOffset} + ${props.height / 2}px), ${rotatedImageOffset} ${rotatedImageOffset}`
+                            : rotatedImageOffset,
                     backgroundImage: props.cross
                         ? `url(${base64UrlRef.value}), url(${base64UrlRef.value})`
                         : `url(${base64UrlRef.value})`
                 } }));
-            if (props.fullscreen)
+            if (props.fullscreen && !globalRotate)
                 return watermarkNode;
             return ((0, vue_1.h)("div", { class: [
-                    `${mergedClsPrefixRef.value}-watermark-container`,
+                    `${mergedClsPrefix}-watermark-container`,
+                    globalRotate !== 0 &&
+                        `${mergedClsPrefix}-watermark-container--global-rotate`,
+                    fullscreen && `${mergedClsPrefix}-watermark-container--fullscreen`,
                     props.selectable &&
-                        `${mergedClsPrefixRef.value}-watermark-container--selectable`
-                ] }, (_a = slots.default) === null || _a === void 0 ? void 0 :
+                        `${mergedClsPrefix}-watermark-container--selectable`
+                ], style: {
+                    zIndex: isFullScreenGlobalRotate ? zIndex : undefined
+                } }, (_a = slots.default) === null || _a === void 0 ? void 0 :
                 _a.call(slots),
                 watermarkNode));
         };

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

@@ -8,7 +8,19 @@ 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', 'user-select: none;')]), (0, cssr_1.cB)('watermark', `
+ `, [(0, cssr_1.cNotM)('selectable', `
+ user-select: none;
+ -webkit-user-select: none;
+ `), (0, cssr_1.cM)('global-rotate', `
+ overflow: hidden;
+ `), (0, cssr_1.cM)('fullscreen', `
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ position: fixed;
+ `)]), (0, cssr_1.cB)('watermark', `
  position: absolute;
  top: 0;
  left: 0;
@@ -18,4 +30,8 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('watermark-container', `
  background-repeat: repeat;
  `, [(0, cssr_1.cM)('fullscreen', `
  position: fixed;
+ `), (0, cssr_1.cM)('global-rotate', `
+ position: absolute;
+ height: max(284vh, 284vw);
+ width: max(284vh, 284vw);
  `)])]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.30.7",
+  "version": "2.32.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,6 +44,7 @@
     ]
   },
   "devDependencies": {
+    "@babel/core": "^7.18.9",
     "@babel/eslint-parser": "^7.17.0",
     "@babel/generator": "^7.17.9",
     "@babel/parser": "^7.17.9",
@@ -60,7 +61,7 @@
     "@vicons/fluent": "^0.12.0",
     "@vicons/ionicons4": "^0.12.0",
     "@vicons/ionicons5": "^0.12.0",
-    "@vitejs/plugin-vue": "^2.3.1",
+    "@vitejs/plugin-vue": "^3.0.0",
     "@vue/compiler-sfc": "^3.2.36",
     "@vue/eslint-config-standard": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
@@ -103,7 +104,7 @@
     "ts-jest": "^28.0.1",
     "typescript": "~4.6.3",
     "vfonts": "^0.1.0",
-    "vite": "^2.9.5",
+    "vite": "3.0.0",
     "vue": "^3.2.36",
     "vue-router": "^4.0.14",
     "vue-tsc": "^0.35.0"
@@ -128,7 +129,7 @@
     "treemate": "^0.3.11",
     "vdirs": "^0.1.8",
     "vooks": "^0.2.12",
-    "vueuc": "^0.4.45"
+    "vueuc": "^0.4.47"
   },
   "sideEffects": false,
   "homepage": "https://www.naiveui.com",

package/volar.d.ts

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