naive-ui 2.28.3 → 2.29.0

package/es/tree-select/src/TreeSelect.d.ts

@@ -1145,7 +1145,7 @@ declare const _default: import("vue").DefineComponent<{
     focused: import("vue").Ref<boolean>;
     menuPadding: import("vue").ComputedRef<string>;
     mergedPlaceholder: import("vue").ComputedRef<string>;
-    mergedExpandedKeys: import("vue").ComputedRef<Key[]>;
+    mergedExpandedKeys: import("vue").ComputedRef<Key[] | undefined>;
     treeSelectedKeys: import("vue").ComputedRef<Key[]>;
     treeCheckedKeys: import("vue").ComputedRef<Key[]>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -1264,12 +1264,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/es/tree-select/src/TreeSelect.js

@@ -104,7 +104,7 @@ export default defineComponent({
         // The same logic as tree, now it's not that complex so I don't extract a
         // function to reuse it.
         const uncontrolledExpandedKeysRef = ref(props.defaultExpandAll
-            ? [] // leave it, n-tree will handle it
+            ? undefined // leave it, n-tree will handle it
             : props.defaultExpandedKeys || props.expandedKeys);
         const controlledExpandedKeysRef = toRef(props, 'expandedKeys');
         const mergedExpandedKeysRef = useMergedState(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);

package/es/tree-select/src/styles/index.cssr.js

@@ -1,4 +1,4 @@
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr';
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
 import { c, cB, cE } from '../../../_utils/cssr'; // vars:
 // --n-bezier
 // --n-menu-height

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

@@ -1731,12 +1731,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

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 } from './utils';
+import { createImageDataUrl, createSettledFileInfo, matchType } from './utils';
 import NUploadTrigger from './UploadTrigger';
 import NUploadFileList from './UploadFileList';
 import style from './styles/index.cssr';
@@ -239,7 +239,11 @@ export default defineComponent({
         function handleFileInputChange(e) {
             const target = e.target;
             handleFileAddition(target.files
-                ? Array.from(target.files).map((file) => ({ file, entry: null }))
+                ? Array.from(target.files).map((file) => ({
+                    file,
+                    entry: null,
+                    source: 'input'
+                }))
                 : null, e);
             // May have bug! set to null?
             target.value = '';
@@ -260,7 +264,15 @@ export default defineComponent({
             fileAndEntries = mergedMultipleRef.value
                 ? fileAndEntries
                 : [fileAndEntries[0]];
-            const { max } = props;
+            const { max, accept } = props;
+            fileAndEntries = fileAndEntries.filter(({ file, source }) => {
+                if (source === 'dnd' && (accept === null || accept === void 0 ? void 0 : accept.trim())) {
+                    return matchType(file.name, file.type, accept);
+                }
+                else {
+                    return true;
+                }
+            });
             if (max) {
                 fileAndEntries = fileAndEntries.slice(0, max - mergedFileListRef.value.length);
             }
@@ -436,6 +448,7 @@ export default defineComponent({
             maxReachedRef,
             fileListStyleRef: toRef(props, 'fileListStyle'),
             abstractRef: toRef(props, 'abstract'),
+            acceptRef: toRef(props, 'accept'),
             cssVarsRef: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClassRef: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,

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

@@ -104,12 +104,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

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

@@ -100,12 +100,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

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

@@ -71,6 +71,7 @@ export interface UploadInjection {
     cssVarsRef: undefined | Ref<CSSProperties>;
     themeClassRef: undefined | Ref<string>;
     mergedDirectoryDndRef: Ref<boolean>;
+    acceptRef: Ref<string | undefined>;
     onRender: undefined | (() => void);
     submit: (fileId?: string) => void;
     getFileThumbnailUrl: (file: SettledFileInfo) => Promise<string>;
@@ -116,4 +117,5 @@ export declare type OnError = ({ file, event }: {
 export interface FileAndEntry {
     file: File;
     entry: FileSystemFileEntry | null;
+    source: 'dnd' | 'input';
 }

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

@@ -1,6 +1,6 @@
 import { c, cM, cB, cE } from '../../../_utils/cssr';
-import fadeInHeightExpand from '../../../_styles/transitions/fade-in-height-expand.cssr';
-import createIconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr';
+import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr';
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
 export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigger', `
  display: block;
  `)]), cM('drag-over', [cB('upload-dragger', `
@@ -63,7 +63,7 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  padding: 0px 12px 0 6px;
  transition: background-color .3s var(--n-bezier);
  border-radius: var(--n-border-radius);
- `, [fadeInHeightExpand(), cB('progress', [fadeInHeightExpand({
+ `, [fadeInHeightExpandTransition(), cB('progress', [fadeInHeightExpandTransition({
   foldPadding: true
 })]), c('&:hover', `
  background-color: var(--n-item-color-hover);
@@ -184,7 +184,7 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  opacity: 0;
  `, [cB('button', [c('&:not(:last-child)', {
   marginRight: '4px'
-}), cB('base-icon', [c('svg', [createIconSwitchTransition()])])]), cM('image-type', `
+}), cB('base-icon', [c('svg', [iconSwitchTransition()])])]), cM('image-type', `
  position: relative;
  max-width: 80px;
  width: auto;

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

@@ -10,3 +10,9 @@ export declare function isFileSystemDirectoryEntry(item: FileSystemEntry | FileS
 export declare function isFileSystemFileEntry(item: FileSystemEntry | FileSystemFileEntry | FileSystemDirectoryEntry): item is FileSystemFileEntry;
 export declare function getFilesFromEntries(entries: readonly FileSystemEntry[] | Array<FileSystemEntry | null>, directory: boolean): Promise<FileAndEntry[]>;
 export declare function createSettledFileInfo(fileInfo: FileInfo): SettledFileInfo;
+/**
+ * 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
+ * version, so I can't simply use it.
+ */
+export declare function matchType(name: string, mimeType: string, accept: string): boolean;

package/es/upload/src/utils.js

@@ -99,7 +99,7 @@ export function getFilesFromEntries(entries, directory) {
                 else if (isFileSystemFileEntry(entry)) {
                     lock();
                     entry.file((file) => {
-                        fileAndEntries.push({ file, entry });
+                        fileAndEntries.push({ file, entry, source: 'dnd' });
                         unlock();
                     }, () => {
                         unlock();
@@ -130,3 +130,40 @@ export function createSettledFileInfo(fileInfo) {
         batchId: batchId !== null && batchId !== void 0 ? batchId : null
     };
 }
+/**
+ * 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
+ * version, so I can't simply use it.
+ */
+export function matchType(name, mimeType, accept) {
+    name = name.toLowerCase();
+    mimeType = mimeType.toLocaleLowerCase();
+    accept = accept.toLocaleLowerCase();
+    const acceptAtoms = accept
+        .split(',')
+        .map((acceptAtom) => acceptAtom.trim())
+        .filter(Boolean);
+    return acceptAtoms.some((acceptAtom) => {
+        if (acceptAtom.startsWith('.')) {
+            // suffix
+            if (name.endsWith(acceptAtom))
+                return true;
+        }
+        else if (acceptAtom.includes('/')) {
+            // mime type
+            const [type, subtype] = mimeType.split('/');
+            const [acceptType, acceptSubtype] = acceptAtom.split('/');
+            if (acceptType === '*' || (type && acceptType && acceptType === type)) {
+                if (acceptSubtype === '*' ||
+                    (subtype && acceptSubtype && acceptSubtype === subtype)) {
+                    return true;
+                }
+            }
+        }
+        else {
+            // invalid type
+            return true;
+        }
+        return false;
+    });
+}

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.28.3";
+declare const _default: "2.29.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.28.3';
+export default '2.29.0';

package/lib/_internal/clear/src/Clear.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
+const _utils_1 = require("../../../_utils");
 const _mixins_1 = require("../../../_mixins");
 const icons_1 = require("../../icons");
 const icon_1 = __importDefault(require("../../icon"));
@@ -33,9 +34,11 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(icon_switch_transition_1.default, null, {
                 default: () => {
                     var _a, _b;
-                    return this.show ? ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, key: "dismiss", class: `${clsPrefix}-base-clear__clear`, onClick: this.onClear, onMousedown: this.handleMouseDown, "data-clear": true }, {
-                        default: () => (0, vue_1.h)(icons_1.ClearIcon, null)
-                    })) : ((0, vue_1.h)("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)));
+                    return this.show ? ((0, vue_1.h)("div", { key: "dismiss", class: `${clsPrefix}-base-clear__clear`, onClick: this.onClear, onMousedown: this.handleMouseDown, "data-clear": true }, (0, _utils_1.resolveSlot)(this.$slots.icon, () => [
+                        (0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix }, {
+                            default: () => (0, vue_1.h)(icons_1.ClearIcon, null)
+                        })
+                    ]))) : ((0, vue_1.h)("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a)));
                 }
             })));
     }

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../../_utils/cssr");
 
-const icon_switch_cssr_1 = __importDefault(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
@@ -27,9 +21,12 @@ exports.default = (0, cssr_1.cB)('base-clear', `
  position: relative;
 `, [(0, cssr_1.c)('>', [(0, cssr_1.cE)('clear', `
  font-size: var(--n-clear-size);
+ height: 1em;
+ width: 1em;
  cursor: pointer;
  color: var(--n-clear-color);
  transition: color .3s var(--n-bezier);
+ display: flex;
  `, [(0, cssr_1.c)('&:hover', `
  color: var(--n-clear-color-hover)!important;
  `), (0, cssr_1.c)('&:active', `
@@ -41,7 +38,7 @@ exports.default = (0, cssr_1.cB)('base-clear', `
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
- `, [(0, icon_switch_cssr_1.default)({
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)({
   originalTransform: 'translateX(-50%) translateY(-50%)',
   left: '50%',
   top: '50%'

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../../_utils/cssr");
 
-const icon_switch_cssr_1 = __importDefault(require("../../../../_styles/transitions/icon-switch.cssr"));
+const icon_switch_cssr_1 = require("../../../../_styles/transitions/icon-switch.cssr");
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes loading-container-rotate', `
  to {
@@ -87,7 +81,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes loading-container-rot
  position: absolute;
  width: 100%;
  height: 100%;
- `, [(0, icon_switch_cssr_1.default)()]), (0, cssr_1.cE)('container', `
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cE)('container', `
  display: inline-flex;
  position: relative;
  direction: ltr;
@@ -146,7 +140,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes loading-container-rot
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
- `, [(0, icon_switch_cssr_1.default)({
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)({
   left: '50%',
   top: '50%',
   originalTransform: 'translateX(-50%) translateY(-50%)'

package/lib/_internal/menu-mask/src/styles/index.cssr.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../../_utils/cssr");
 
-const fade_in_cssr_1 = __importDefault(require("../../../../_styles/transitions/fade-in.cssr"));
+const fade_in_cssr_1 = require("../../../../_styles/transitions/fade-in.cssr");
 
 exports.default = (0, cssr_1.cB)('base-menu-mask', `
  position: absolute;
@@ -26,4 +20,4 @@ exports.default = (0, cssr_1.cB)('base-menu-mask', `
  text-align: center;
  padding: 14px;
  overflow: hidden;
-`, [(0, fade_in_cssr_1.default)()]);
+`, [(0, fade_in_cssr_1.fadeInTransition)()]);

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../../_utils/cssr");
 
-const fade_in_cssr_1 = __importDefault(require("../../../../_styles/transitions/fade-in.cssr")); // vars:
+const fade_in_cssr_1 = require("../../../../_styles/transitions/fade-in.cssr"); // vars:
 // --n-scrollbar-bezier
 // --n-scrollbar-color
 // --n-scrollbar-color-hover
@@ -70,6 +64,6 @@ exports.default = (0, cssr_1.cB)('scrollbar', `
  pointer-events: all;
  background-color: var(--n-scrollbar-color);
  transition: background-color .2s var(--n-scrollbar-bezier);
- `, [(0, fade_in_cssr_1.default)(), (0, cssr_1.c)('&:hover', {
+ `, [(0, fade_in_cssr_1.fadeInTransition)(), (0, cssr_1.c)('&:hover', {
   backgroundColor: 'var(--n-scrollbar-color-hover)'
 })])])])])]);

package/lib/_internal/select-menu/src/SelectMenu.d.ts

@@ -305,12 +305,14 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/lib/_internal/select-menu/src/styles/index.cssr.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../../_utils/cssr");
 
-const fade_in_scale_up_cssr_1 = __importDefault(require("../../../../_styles/transitions/fade-in-scale-up.cssr")); // --n-loading-color
+const fade_in_scale_up_cssr_1 = require("../../../../_styles/transitions/fade-in-scale-up.cssr"); // --n-loading-color
 // --n-loading-size
 
 
@@ -103,6 +97,6 @@ exports.default = (0, cssr_1.cB)('base-select-menu', `
  top: calc(50% - 7px);
  color: var(--n-option-check-color);
  transition: color .3s var(--n-bezier);
- `, [(0, fade_in_scale_up_cssr_1.default)({
+ `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)({
   enterScale: '0.5'
 })])])]);

package/lib/_internal/selection/src/Selection.d.ts

@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "medium" | "large" | "tiny">;
         default: string;
     };
     loading: BooleanConstructor;
@@ -363,12 +363,14 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -577,7 +579,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "medium" | "large" | "tiny">;
         default: string;
     };
     loading: BooleanConstructor;
@@ -813,7 +815,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     pattern: string;
-    size: "small" | "medium" | "large";
+    size: "small" | "medium" | "large" | "tiny";
     multiple: boolean;
     active: boolean;
     disabled: boolean;

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

@@ -179,6 +179,8 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  max-width: 100%;
  vertical-align: bottom;
  `, [(0, cssr_1.cE)('input', `
+ font-size: inherit;
+ font-family: inherit;
  min-width: 1px;
  padding: 0;
  background-color: #0000;

package/lib/_internal/slot-machine/src/styles/index.cssr.js

@@ -1,20 +1,14 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../../_utils/cssr");
 
-const fade_in_width_expand_cssr_1 = __importDefault(require("../../../../_styles/transitions/fade-in-width-expand.cssr"));
+const fade_in_width_expand_cssr_1 = require("../../../../_styles/transitions/fade-in-width-expand.cssr");
 
-const fade_up_width_expand_cssr_1 = __importDefault(require("../../../../_styles/transitions/fade-up-width-expand.cssr")); // ease-out: cubic-bezier(0, 0, .2, 1)
+const fade_up_width_expand_cssr_1 = require("../../../../_styles/transitions/fade-up-width-expand.cssr"); // ease-out: cubic-bezier(0, 0, .2, 1)
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes n-base-slot-machine-fade-up-in', `
@@ -65,10 +59,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes n-base-slot-machine-f
  height: 18px;
  width: .6em;
  max-width: .6em;
- `, [(0, fade_up_width_expand_cssr_1.default)({
+ `, [(0, fade_up_width_expand_cssr_1.fadeUpWidthExpandTransition)({
   duration: '.2s'
 }), // use 0s, not 0
-(0, fade_in_width_expand_cssr_1.default)({
+(0, fade_in_width_expand_cssr_1.fadeInWidthExpandTransition)({
   duration: '.2s',
   delay: '0s'
 }), (0, cssr_1.cB)('base-slot-machine-old-number', `

package/lib/_internal/suffix/src/Suffix.js

@@ -35,7 +35,7 @@ exports.default = (0, vue_1.defineComponent)({
             const { clsPrefix } = props;
             return ((0, vue_1.h)(loading_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix`, strokeWidth: 24, scale: 0.85, show: props.loading }, {
                 default: () => props.showArrow ? ((0, vue_1.h)(clear_1.default, { clsPrefix: clsPrefix, show: props.showClear, onClear: props.onClear }, {
-                    default: () => ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, {
+                    placeholder: () => ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, {
                         default: () => (0, vue_2.resolveSlot)(slots.default, () => [
                             (0, vue_1.h)(icons_1.ChevronDownIcon, null)
                         ])

package/lib/_mixins/use-style.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
+const context_1 = require("../config-provider/src/context");
 const index_cssr_1 = __importDefault(require("../_styles/global/index.cssr"));
 const _utils_1 = require("../_utils");
 const common_1 = require("./common");
@@ -15,6 +16,7 @@ function useStyle(mountId, style, clsPrefixRef) {
         return;
     }
     const ssrAdapter = (0, vue3_ssr_1.useSsrAdapter)();
+    const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
     const mountStyle = () => {
         const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
         style.mount({
@@ -26,12 +28,14 @@ function useStyle(mountId, style, clsPrefixRef) {
             },
             ssr: ssrAdapter
         });
-        index_cssr_1.default.mount({
-            id: 'n-global',
-            head: true,
-            anchorMetaName: common_1.cssrAnchorMetaName,
-            ssr: ssrAdapter
-        });
+        if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
+            index_cssr_1.default.mount({
+                id: 'n-global',
+                head: true,
+                anchorMetaName: common_1.cssrAnchorMetaName,
+                ssr: ssrAdapter
+            });
+        }
     };
     if (ssrAdapter) {
         mountStyle();

package/lib/_mixins/use-theme.js

@@ -17,6 +17,7 @@ function createTheme(theme) {
 exports.createTheme = createTheme;
 function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef) {
     const ssrAdapter = (0, vue3_ssr_1.useSsrAdapter)();
+    const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
     if (style) {
         const mountStyle = () => {
             const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
@@ -29,12 +30,14 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
                 anchorMetaName: common_1.cssrAnchorMetaName,
                 ssr: ssrAdapter
             });
-            index_cssr_1.default.mount({
-                id: 'n-global',
-                head: true,
-                anchorMetaName: common_1.cssrAnchorMetaName,
-                ssr: ssrAdapter
-            });
+            if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
+                index_cssr_1.default.mount({
+                    id: 'n-global',
+                    head: true,
+                    anchorMetaName: common_1.cssrAnchorMetaName,
+                    ssr: ssrAdapter
+                });
+            }
         };
         if (ssrAdapter) {
             mountStyle();
@@ -43,7 +46,6 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
             (0, vue_1.onBeforeMount)(mountStyle);
         }
     }
-    const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
     const mergedThemeRef = (0, vue_1.computed)(() => {
         var _a;
         // keep props to make theme overrideable

package/lib/_styles/common/_common.d.ts

@@ -9,12 +9,14 @@ declare const _default: {
     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;