naive-ui 2.38.2 → 2.40.0

package/lib/_internal/select-menu/styles/light.js

@@ -3,17 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const styles_1 = require("../../../empty/styles");
 const styles_2 = require("../../scrollbar/styles");
 const common_1 = require("../../../_styles/common");
-const _common_1 = __importDefault(require("./_common"));
 const _mixins_1 = require("../../../_mixins");
-const self = (vars) => {
-    const { borderRadius, popoverColor, textColor3, dividerColor, textColor2, primaryColorPressed, textColorDisabled, primaryColor, opacityDisabled, hoverColor, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeHuge, heightSmall, heightMedium, heightLarge, heightHuge } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { optionFontSizeSmall: fontSizeSmall, optionFontSizeMedium: fontSizeMedium, optionFontSizeLarge: fontSizeLarge, optionFontSizeHuge: fontSizeHuge, optionHeightSmall: heightSmall, optionHeightMedium: heightMedium, optionHeightLarge: heightLarge, optionHeightHuge: heightHuge, borderRadius, color: popoverColor, groupHeaderTextColor: textColor3, actionDividerColor: dividerColor, optionTextColor: textColor2, optionTextColorPressed: primaryColorPressed, optionTextColorDisabled: textColorDisabled, optionTextColorActive: primaryColor, optionOpacityDisabled: opacityDisabled, optionCheckColor: primaryColor, optionColorPending: hoverColor, optionColorActive: 'rgba(0, 0, 0, 0)', optionColorActivePending: hoverColor, actionTextColor: textColor2, loadingColor: primaryColor });
-};
-exports.self = self;
+const _common_1 = __importDefault(require("./_common"));
+function self(vars) {
+    const { borderRadius, popoverColor, textColor3, dividerColor, textColor2, primaryColorPressed, textColorDisabled, primaryColor, opacityDisabled, hoverColor, fontSizeTiny, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeHuge, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge } = vars;
+    return Object.assign(Object.assign({}, _common_1.default), { optionFontSizeTiny: fontSizeTiny, optionFontSizeSmall: fontSizeSmall, optionFontSizeMedium: fontSizeMedium, optionFontSizeLarge: fontSizeLarge, optionFontSizeHuge: fontSizeHuge, optionHeightTiny: heightTiny, optionHeightSmall: heightSmall, optionHeightMedium: heightMedium, optionHeightLarge: heightLarge, optionHeightHuge: heightHuge, borderRadius, color: popoverColor, groupHeaderTextColor: textColor3, actionDividerColor: dividerColor, optionTextColor: textColor2, optionTextColorPressed: primaryColorPressed, optionTextColorDisabled: textColorDisabled, optionTextColorActive: primaryColor, optionOpacityDisabled: opacityDisabled, optionCheckColor: primaryColor, optionColorPending: hoverColor, optionColorActive: 'rgba(0, 0, 0, 0)', optionColorActivePending: hoverColor, actionTextColor: textColor2, loadingColor: primaryColor });
+}
 const internalSelectMenuLight = (0, _mixins_1.createTheme)({
     name: 'InternalSelectMenu',
     common: common_1.commonLight,
@@ -21,6 +20,6 @@ const internalSelectMenuLight = (0, _mixins_1.createTheme)({
         Scrollbar: styles_2.scrollbarLight,
         Empty: styles_1.emptyLight
     },
-    self: exports.self
+    self
 });
 exports.default = internalSelectMenuLight;

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

@@ -1,4 +1,4 @@
-import { type PropType, type InputHTMLAttributes } from 'vue';
+import { type InputHTMLAttributes, type PropType } from 'vue';
 import type { RenderLabel, RenderLabelImpl } from '../../select-menu/src/interface';
 import type { SelectBaseOption } from '../../../select/src/interface';
 import type { FormValidationStatus } from '../../../form/src/interface';
@@ -28,11 +28,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     placeholder: StringConstructor;
     selectedOption: {
-        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null>;
+        type: PropType<SelectBaseOption | null>;
         default: null;
     };
     selectedOptions: {
-        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
+        type: PropType<SelectBaseOption[] | null>;
         default: null;
     };
     labelField: {
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large" | "tiny">;
+        type: PropType<"tiny" | "small" | "medium" | "large">;
         default: string;
     };
     loading: BooleanConstructor;
@@ -288,111 +288,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../../..").ThemeCommonVars;
         self: {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -592,11 +488,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     placeholder: StringConstructor;
     selectedOption: {
-        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null>;
+        type: PropType<SelectBaseOption | null>;
         default: null;
     };
     selectedOptions: {
-        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
+        type: PropType<SelectBaseOption[] | null>;
         default: null;
     };
     labelField: {
@@ -612,7 +508,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large" | "tiny">;
+        type: PropType<"tiny" | "small" | "medium" | "large">;
         default: string;
     };
     loading: BooleanConstructor;

package/lib/_internal/selection/src/Selection.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
+const seemly_1 = require("seemly");
 const popover_1 = require("../../../popover");
 const tag_1 = require("../../../tag");
 const _mixins_1 = require("../../../_mixins");
@@ -13,7 +13,6 @@ const _utils_1 = require("../../../_utils");
 const suffix_1 = __importDefault(require("../../suffix"));
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const seemly_1 = require("seemly");
 exports.default = (0, vue_1.defineComponent)({
     name: 'InternalSelection',
     props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), { clsPrefix: {
@@ -148,8 +147,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleFocusin(e) {
             var _a;
-            if (!e.relatedTarget ||
-                !((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))) {
+            if (!e.relatedTarget
+                || !((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))) {
                 doFocus(e);
             }
         }
@@ -178,6 +177,7 @@ exports.default = (0, vue_1.defineComponent)({
         function handleDeleteOption(option) {
             doDeleteOption(option);
         }
+        const isComposingRef = (0, vue_1.ref)(false);
         function handlePatternKeyDown(e) {
             if (e.key === 'Backspace' && !isComposingRef.value) {
                 if (!props.pattern.length) {
@@ -188,7 +188,6 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
         }
-        const isComposingRef = (0, vue_1.ref)(false);
         // the composition end is later than its input so we can cached the event
         // and return the input event
         let cachedInputEvent = null;

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

@@ -1,4 +1,4 @@
-import { type VNodeChild } from 'vue';
+import type { VNodeChild } from 'vue';
 import type { SelectOption } from '../../../select/src/interface';
 export type RenderTag = (props: {
     option: SelectOption;

package/lib/_internal/selection/styles/light.d.ts

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

package/lib/_internal/selection/styles/light.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const seemly_1 = require("seemly");
 const common_1 = require("../../../_styles/common");
 const styles_1 = require("../../../popover/styles");
-const _common_1 = __importDefault(require("./_common"));
 const _mixins_1 = require("../../../_mixins");
-const self = (vars) => {
+const _common_1 = __importDefault(require("./_common"));
+function self(vars) {
     const { borderRadius, textColor2, textColorDisabled, inputColor, inputColorDisabled, primaryColor, primaryColorHover, warningColor, warningColorHover, errorColor, errorColorHover, borderColor, iconColor, iconColorDisabled, clearColor, clearColorHover, clearColorPressed, placeholderColor, placeholderColorDisabled, fontSizeTiny, fontSizeSmall, fontSizeMedium, fontSizeLarge, heightTiny, heightSmall, heightMedium, heightLarge } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { fontSizeTiny,
         fontSizeSmall,
@@ -41,7 +41,7 @@ const self = (vars) => {
         })}`, colorActiveError: inputColor, caretColorError: errorColor, clearColor,
         clearColorHover,
         clearColorPressed });
-};
+}
 const internalSelectionLight = (0, _mixins_1.createTheme)({
     name: 'InternalSelection',
     common: common_1.commonLight,

package/lib/_internal/slot-machine/src/SlotMachine.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

package/lib/_internal/slot-machine/src/SlotMachineNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {

package/lib/_internal/slot-machine/src/SlotMachineNumber.js

@@ -79,8 +79,8 @@ exports.default = (0, vue_1.defineComponent)({
                     ] },
                     (0, vue_1.h)("span", { ref: "numberWrapper", class: [
                             `${clsPrefix}-base-slot-machine-current-number__inner`,
-                            typeof props.value !== 'number' &&
-                                `${clsPrefix}-base-slot-machine-current-number__inner--not-number`
+                            typeof props.value !== 'number'
+                                && `${clsPrefix}-base-slot-machine-current-number__inner--not-number`
                         ] }, newNumberRef.value)),
                 oldNumberRef.value !== null ? ((0, vue_1.h)("span", { class: [
                         `${clsPrefix}-base-slot-machine-old-number ${clsPrefix}-base-slot-machine-old-number--bottom`,

package/lib/_internal/suffix/src/Suffix.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {

package/lib/_internal/wave/src/Wave.js

@@ -35,7 +35,6 @@ exports.default = (0, vue_1.defineComponent)({
                 }
                 void (0, vue_1.nextTick)(() => {
                     var _a;
-                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                     void ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight);
                     activeRef.value = true;
                     animationTimerId = window.setTimeout(() => {

package/lib/_mixins/use-config.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef, type Ref } from 'vue';
-import type { RtlEnabledState, GlobalComponentConfig, Breakpoints } from '../config-provider/src/internal-interface';
+import type { Breakpoints, GlobalComponentConfig, RtlEnabledState } from '../config-provider/src/internal-interface';
 type UseConfigProps = Readonly<{
     bordered?: boolean;
     [key: string]: unknown;

package/lib/_mixins/use-config.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMergedClsPrefix = exports.defaultClsPrefix = void 0;
+exports.defaultClsPrefix = void 0;
+exports.default = useConfig;
+exports.useMergedClsPrefix = useMergedClsPrefix;
 const vue_1 = require("vue");
 const context_1 = require("../config-provider/src/context");
 exports.defaultClsPrefix = 'n';
@@ -27,11 +29,9 @@ function useConfig(props = {}, options = {
         namespaceRef: (0, vue_1.computed)(() => NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value)
     };
 }
-exports.default = useConfig;
 function useMergedClsPrefix() {
     const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
     return NConfigProvider
         ? NConfigProvider.mergedClsPrefixRef
         : (0, vue_1.shallowRef)(exports.defaultClsPrefix);
 }
-exports.useMergedClsPrefix = useMergedClsPrefix;

package/lib/_mixins/use-css-vars-class.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemeClass = void 0;
+exports.useThemeClass = useThemeClass;
 const vue_1 = require("vue");
 const css_render_1 = require("css-render");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
@@ -8,10 +8,11 @@ const context_1 = require("../config-provider/src/context");
 const _utils_1 = require("../_utils");
 const cssr_1 = require("../_utils/cssr");
 function useThemeClass(componentName, hashRef, cssVarsRef, props) {
-    var _a;
     if (!cssVarsRef)
         (0, _utils_1.throwError)('useThemeClass', 'cssVarsRef is not passed');
-    const mergedThemeHashRef = (_a = (0, vue_1.inject)(context_1.configProviderInjectionKey, null)) === null || _a === void 0 ? void 0 : _a.mergedThemeHashRef;
+    const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
+    const mergedThemeHashRef = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeHashRef;
+    const styleMountTarget = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget;
     const themeClassRef = (0, vue_1.ref)('');
     const ssrAdapter = (0, vue3_ssr_1.useSsrAdapter)();
     let renderCallback;
@@ -21,15 +22,15 @@ function useThemeClass(componentName, hashRef, cssVarsRef, props) {
         const hashValue = hashRef ? hashRef.value : undefined;
         const themeHash = mergedThemeHashRef === null || mergedThemeHashRef === void 0 ? void 0 : mergedThemeHashRef.value;
         if (themeHash)
-            finalThemeHash += '-' + themeHash;
+            finalThemeHash += `-${themeHash}`;
         if (hashValue)
-            finalThemeHash += '-' + hashValue;
+            finalThemeHash += `-${hashValue}`;
         const { themeOverrides, builtinThemeOverrides } = props;
         if (themeOverrides) {
-            finalThemeHash += '-' + (0, css_render_1.hash)(JSON.stringify(themeOverrides));
+            finalThemeHash += `-${(0, css_render_1.hash)(JSON.stringify(themeOverrides))}`;
         }
         if (builtinThemeOverrides) {
-            finalThemeHash += '-' + (0, css_render_1.hash)(JSON.stringify(builtinThemeOverrides));
+            finalThemeHash += `-${(0, css_render_1.hash)(JSON.stringify(builtinThemeOverrides))}`;
         }
         themeClassRef.value = finalThemeHash;
         renderCallback = () => {
@@ -40,7 +41,8 @@ function useThemeClass(componentName, hashRef, cssVarsRef, props) {
             }
             (0, cssr_1.c)(`.${finalThemeHash}`, style).mount({
                 id: finalThemeHash,
-                ssr: ssrAdapter
+                ssr: ssrAdapter,
+                parent: styleMountTarget
             });
             renderCallback = undefined;
         };
@@ -55,4 +57,3 @@ function useThemeClass(componentName, hashRef, cssVarsRef, props) {
         }
     };
 }
-exports.useThemeClass = useThemeClass;

package/lib/_mixins/use-form-item.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formItemInjectionKey = void 0;
+exports.default = useFormItem;
 const vue_1 = require("vue");
 const _utils_1 = require("../_utils");
 exports.formItemInjectionKey = (0, _utils_1.createInjectionKey)('n-form-item');
@@ -70,4 +71,3 @@ function useFormItem(props, { defaultSize = 'medium', mergedSize, mergedDisabled
         }
     };
 }
-exports.default = useFormItem;

package/lib/_mixins/use-hljs.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useHljs;
 const vue_1 = require("vue");
 const context_1 = require("../config-provider/src/context");
 const _utils_1 = require("../_utils");
@@ -26,4 +27,3 @@ function useHljs(props, shouldHighlightRef) {
         return props.hljs || (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedHljsRef.value);
     });
 }
-exports.default = useHljs;

package/lib/_mixins/use-locale.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useLocale;
 const vue_1 = require("vue");
 const locales_1 = require("../locales");
 const context_1 = require("../config-provider/src/context");
@@ -18,4 +19,3 @@ function useLocale(ns) {
         localeRef
     };
 }
-exports.default = useLocale;

package/lib/_mixins/use-rtl.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRtl = void 0;
+exports.useRtl = useRtl;
 const vue_1 = require("vue");
 const css_render_1 = require("css-render");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
+const context_1 = require("../config-provider/src/context");
 const common_1 = require("./common");
 function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     if (!rtlStateRef)
@@ -20,6 +21,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
         }
         return componentRtlState;
     });
+    const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
     const mountStyle = () => {
         (0, vue_1.watchEffect)(() => {
             const { value: clsPrefix } = clsPrefixRef;
@@ -39,7 +41,8 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
                 props: {
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },
-                ssr: ssrAdapter
+                ssr: ssrAdapter,
+                parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
             });
         });
     };
@@ -51,4 +54,3 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     }
     return componentRtlStateRef;
 }
-exports.useRtl = useRtl;

package/lib/_mixins/use-style.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.default = useStyle;
 const vue_1 = require("vue");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
 const context_1 = require("../config-provider/src/context");
@@ -26,14 +27,16 @@ function useStyle(mountId, style, clsPrefixRef) {
             props: {
                 bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
             },
-            ssr: ssrAdapter
+            ssr: ssrAdapter,
+            parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
         });
         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
+                ssr: ssrAdapter,
+                parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
             });
         }
     };
@@ -44,4 +47,3 @@ function useStyle(mountId, style, clsPrefixRef) {
         (0, vue_1.onBeforeMount)(mountStyle);
     }
 }
-exports.default = useStyle;

package/lib/_mixins/use-theme.d.ts

@@ -1,4 +1,4 @@
-import { type ComputedRef, type Ref, type PropType } from 'vue';
+import { type ComputedRef, type PropType, type Ref } from 'vue';
 import type { CNode } from 'css-render';
 import type { GlobalTheme } from '../config-provider';
 import type { ThemeCommonVars } from '../_styles/common';

package/lib/_mixins/use-theme.js

@@ -3,8 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTheme = void 0;
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
+exports.createTheme = createTheme;
 const vue_1 = require("vue");
 const lodash_1 = require("lodash");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
@@ -14,7 +13,6 @@ const common_1 = require("./common");
 function createTheme(theme) {
     return 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);
@@ -28,14 +26,16 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },
                 anchorMetaName: common_1.cssrAnchorMetaName,
-                ssr: ssrAdapter
+                ssr: ssrAdapter,
+                parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
             });
             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
+                    ssr: ssrAdapter,
+                    parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
                 });
             }
         };

package/lib/_styles/common/dark.js

@@ -65,9 +65,9 @@ const base = {
 };
 const baseBackgroundRgb = (0, seemly_1.rgba)(base.neutralBase);
 const baseInvertBackgroundRgb = (0, seemly_1.rgba)(base.neutralInvertBase);
-const overlayPrefix = 'rgba(' + baseInvertBackgroundRgb.slice(0, 3).join(', ') + ', ';
+const overlayPrefix = `rgba(${baseInvertBackgroundRgb.slice(0, 3).join(', ')}, `;
 function overlay(alpha) {
-    return overlayPrefix + String(alpha) + ')';
+    return `${overlayPrefix + String(alpha)})`;
 }
 function neutral(alpha) {
     const overlayRgba = Array.from(baseInvertBackgroundRgb);

package/lib/_styles/common/light.js

@@ -64,9 +64,9 @@ const base = {
 };
 const baseBackgroundRgb = (0, seemly_1.rgba)(base.neutralBase);
 const baseInvertBackgroundRgb = (0, seemly_1.rgba)(base.neutralInvertBase);
-const overlayPrefix = 'rgba(' + baseInvertBackgroundRgb.slice(0, 3).join(', ') + ', ';
+const overlayPrefix = `rgba(${baseInvertBackgroundRgb.slice(0, 3).join(', ')}, `;
 function overlay(alpha) {
-    return overlayPrefix + String(alpha) + ')';
+    return `${overlayPrefix + String(alpha)})`;
 }
 function neutral(alpha) {
     const overlayRgba = Array.from(baseInvertBackgroundRgb);

package/lib/_styles/transitions/fade-down.cssr.js

@@ -8,7 +8,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fadeDownTransition = void 0;
+exports.fadeDownTransition = fadeDownTransition;
 const cssr_1 = require("../../_utils/cssr");
 const _common_1 = __importDefault(require("../common/_common"));
 const {
@@ -33,5 +33,4 @@ function fadeDownTransition({
   }), (0, cssr_1.c)(`&.${name}-transition-enter-active`, {
     transition: `opacity ${enterDuration} ${enterCubicBezier}, transform ${enterDuration} ${enterCubicBezier}`
   })];
-}
-exports.fadeDownTransition = fadeDownTransition;
+}

package/lib/_styles/transitions/fade-in-height-expand.cssr.js

@@ -8,7 +8,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fadeInHeightExpandTransition = void 0;
+exports.fadeInHeightExpandTransition = fadeInHeightExpandTransition;
 const cssr_1 = require("../../_utils/cssr");
 const _common_1 = __importDefault(require("../common/_common"));
 const {
@@ -47,7 +47,7 @@ function fadeInHeightExpandTransition({
  margin-bottom ${duration} ${cubicBezierEaseInOut} ${leavingDelay},
  padding-top ${duration} ${cubicBezierEaseInOut} ${leavingDelay},
  padding-bottom ${duration} ${cubicBezierEaseInOut} ${leavingDelay}
- ${originalTransition ? ',' + originalTransition : ''}
+ ${originalTransition ? `,${originalTransition}` : ''}
  `), (0, cssr_1.c)(`&.fade-in-height-expand-transition-${enterClass}-active`, `
  overflow: ${overflow};
  transition:
@@ -57,7 +57,6 @@ function fadeInHeightExpandTransition({
  margin-bottom ${duration} ${cubicBezierEaseInOut},
  padding-top ${duration} ${cubicBezierEaseInOut},
  padding-bottom ${duration} ${cubicBezierEaseInOut}
- ${originalTransition ? ',' + originalTransition : ''}
+ ${originalTransition ? `,${originalTransition}` : ''}
  `)];
-}
-exports.fadeInHeightExpandTransition = fadeInHeightExpandTransition;
+}