naive-ui 2.33.4 → 2.34.0

package/es/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/es/upload/src/Upload.js

@@ -15,7 +15,7 @@ import { warn, call, throwError } from '../../_utils';
 import { uploadLight } from '../styles';
 import { uploadDraggerKey } from './UploadDragger';
 import { uploadInjectionKey } from './interface';
-import { createImageDataUrl, createSettledFileInfo, matchType } from './utils';
+import { createImageDataUrl, createSettledFileInfo, environmentSupportFile, isImageFile, matchType } from './utils';
 import NUploadTrigger from './UploadTrigger';
 import NUploadFileList from './UploadFileList';
 import style from './styles/index.cssr';
@@ -213,10 +213,17 @@ export const uploadProps = Object.assign(Object.assign({}, useTheme.props), { na
     }, listType: {
         type: String,
         default: 'text'
-    }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean, max: Number, showTrigger: {
+    }, onPreview: Function, shouldUseThumbnailUrl: {
+        type: Function,
+        default: (file) => {
+            if (!environmentSupportFile)
+                return false;
+            return 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 });
 export default defineComponent({
     name: 'Upload',
     props: uploadProps,
@@ -405,13 +412,21 @@ export default defineComponent({
                 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 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 createImageDataUrl(file.file);
+            }
+            return '';
         }
         const cssVarsRef = computed(() => {
             const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard } } = themeRef.value;
@@ -448,12 +463,14 @@ export default defineComponent({
             onDownloadRef: toRef(props, 'onDownload'),
             mergedFileListRef,
             triggerStyleRef: toRef(props, 'triggerStyle'),
+            shouldUseThumbnailUrlRef: toRef(props, 'shouldUseThumbnailUrl'),
+            renderIconRef: toRef(props, 'renderIcon'),
             xhrMap,
             submit,
             doChange,
             showPreviewButtonRef: toRef(props, 'showPreviewButton'),
             onPreviewRef: toRef(props, 'onPreview'),
-            getFileThumbnailUrl,
+            getFileThumbnailUrlResolver,
             listTypeRef: toRef(props, 'listType'),
             dragOverRef,
             openOpenFileDialog,

package/es/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/es/upload/src/UploadFile.js

@@ -17,7 +17,7 @@ import { warn } from '../../_utils';
 import NUploadProgress from './UploadProgress';
 import { uploadInjectionKey } from './interface';
 import { imageIcon, documentIcon } from './icons';
-import { download, environmentSupportFile, isImageFile } from './utils';
+import { download, isImageFile } from './utils';
 const buttonThemeOverrides = {
     paddingMedium: '0 3px',
     heightMedium: '24px',
@@ -167,10 +167,9 @@ export default defineComponent({
             if (listType !== 'image' && listType !== 'image-card') {
                 return;
             }
-            if (!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);
         });
         watchEffect(() => {
             void deriveFileThumbnailUrl();
@@ -187,6 +186,8 @@ export default defineComponent({
             showRetryButton: showRetryButtonRef,
             showPreviewButton: showPreviewButtonRef,
             mergedThumbnailUrl: mergedThumbnailUrlRef,
+            shouldUseThumbnailUrl: NUpload.shouldUseThumbnailUrlRef,
+            renderIcon: NUpload.renderIconRef,
             imageRef,
             handleRemoveOrCancelClick,
             handleDownloadClick,
@@ -195,19 +196,17 @@ export default 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 = !isImageFile(file) ? (h("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
-                h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => documentIcon }))) : this.mergedThumbnailUrl && file.status !== 'error' ? (h("a", { rel: "noopener noreferer", target: "_blank", href: file.url || undefined, class: `${clsPrefix}-upload-file-info__thumbnail`, onClick: this.handlePreviewClick }, listType === 'image-card' ? (h(NImage, { src: this.mergedThumbnailUrl || undefined, previewSrc: file.url || undefined, alt: file.name, ref: "imageRef" })) : (h("img", { src: this.mergedThumbnailUrl || undefined, alt: file.name })))) : (h("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
-                h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => imageIcon })));
+            icon =
+                !this.shouldUseThumbnailUrl(file) || !this.mergedThumbnailUrl ? (h("span", { class: `${clsPrefix}-upload-file-info__thumbnail` }, renderIcon ? (renderIcon(file)) : isImageFile(file) ? (h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => imageIcon })) : (h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => documentIcon })))) : (h("a", { rel: "noopener noreferer", target: "_blank", href: file.url || undefined, class: `${clsPrefix}-upload-file-info__thumbnail`, onClick: this.handlePreviewClick }, listType === 'image-card' ? (h(NImage, { src: this.mergedThumbnailUrl || undefined, previewSrc: file.url || undefined, alt: file.name, ref: "imageRef" })) : (h("img", { src: this.mergedThumbnailUrl || undefined, alt: file.name }))));
         }
         else {
-            icon = (h("span", { class: `${clsPrefix}-upload-file-info__thumbnail` },
-                h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => h(AttachIcon, null) })));
+            icon = (h("span", { class: `${clsPrefix}-upload-file-info__thumbnail` }, renderIcon ? (renderIcon(file)) : (h(NBaseIcon, { clsPrefix: clsPrefix }, { default: () => h(AttachIcon, null) }))));
         }
         const progress = (h(NUploadProgress, { show: this.showProgress, percentage: file.percentage || 0, status: this.progressStatus }));
         const showName = listType === 'text' || listType === 'image';

package/es/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/es/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/es/upload/src/utils.js

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

package/es/version.d.ts

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

package/es/version.js

@@ -1 +1 @@
-export default '2.33.4';
+export default '2.34.0';

package/lib/_internal/clear/src/styles/index.cssr.js

@@ -3,17 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../../_utils/cssr");
-
-const icon_switch_cssr_1 = require("../../../../_styles/transitions/icon-switch.cssr"); // vars:
+const icon_switch_cssr_1 = require("../../../../_styles/transitions/icon-switch.cssr");
+// vars:
 // --n-bezier
 // --n-clear-color
 // --n-clear-size
 // --n-clear-color-hover
 // --n-clear-color-pressed
-
-
 exports.default = (0, cssr_1.cB)('base-clear', `
  flex-shrink: 0;
  height: 1em;

package/lib/_internal/close/src/styles/index.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../../_utils/cssr");
+// vars:
 // --n-close-border-radius
 // --n-close-color-hover
 // --n-close-color-pressed
@@ -12,8 +12,6 @@ const cssr_1 = require("../../../../_utils/cssr"); // vars:
 // --n-close-icon-color-hover
 // --n-close-icon-color-pressed
 // --n-close-icon-color-disabled
-
-
 exports.default = (0, cssr_1.cB)('base-close', `
  display: flex;
  align-items: center;

package/lib/_internal/icon/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.cB)('base-icon', `
  height: 1em;
  width: 1em;

package/lib/_internal/index.d.ts

@@ -4,6 +4,7 @@ export { NBaseClose } from './close';
 export { NBaseIcon } from './icon';
 export { default as NBaseFocusDetector } from './focus-detector';
 export { default as NBaseLoading } from './loading';
+export type { BaseLoadingExposedProps } from './loading';
 export { default as NInternalSelectMenu } from './select-menu';
 export type { InternalSelectMenuRef } from './select-menu';
 export { default as NBaseWave } from './wave';

package/lib/_internal/loading/index.d.ts

@@ -1 +1,2 @@
 export { default } from './src/Loading';
+export type { BaseLoadingExposedProps } from './src/Loading';

package/lib/_internal/loading/src/Loading.d.ts

@@ -1,16 +1,16 @@
-declare const _default: import("vue").DefineComponent<{
-    clsPrefix: {
-        type: StringConstructor;
-        required: true;
-    };
-    scale: {
+import { ExtractPublicPropTypes } from '../../../_utils';
+declare const exposedLoadingProps: {
+    strokeWidth: {
         type: NumberConstructor;
         default: number;
     };
-    radius: {
-        type: NumberConstructor;
-        default: number;
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
     };
+};
+export declare type BaseLoadingExposedProps = ExtractPublicPropTypes<typeof exposedLoadingProps>;
+declare const _default: import("vue").DefineComponent<{
     strokeWidth: {
         type: NumberConstructor;
         default: number;
@@ -19,15 +19,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    show: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     scale: {
         type: NumberConstructor;
         default: number;
@@ -36,6 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     strokeWidth: {
         type: NumberConstructor;
         default: number;
@@ -44,10 +44,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
     show: {
         type: BooleanConstructor;
         default: boolean;
     };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {
     show: boolean;
     stroke: string;