naive-ui 2.25.4 → 2.25.5

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

@@ -12,8 +12,9 @@ export function useThemeClass(componentName, hashRef, cssVarsRef, props) {
     const themeClassRef = ref('');
     const ssrAdapter = useSsrAdapter();
     let renderCallback;
+    const hashClassPrefix = `__${componentName}`;
     const mountStyle = () => {
-        let finalThemeHash = componentName;
+        let finalThemeHash = hashClassPrefix;
         const hashValue = hashRef ? hashRef.value : undefined;
         const themeHash = mergedThemeHashRef === null || mergedThemeHashRef === void 0 ? void 0 : mergedThemeHashRef.value;
         if (themeHash)

package/es/mention/src/Mention.js

@@ -316,9 +316,7 @@ export default defineComponent({
         };
     },
     render() {
-        var _a;
         const { mergedTheme, mergedClsPrefix, $slots } = this;
-        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return (h("div", { class: `${mergedClsPrefix}-mention` },
             h(NInput, { status: this.mergedStatus, themeOverrides: mergedTheme.peerOverrides.Input, theme: mergedTheme.peers.Input, size: this.mergedSize, autosize: this.autosize, type: this.type, ref: "inputInstRef", placeholder: this.placeholder, onMousedown: this.handleInputMouseDown, onUpdateValue: this.handleInputUpdateValue, onKeydown: this.handleInputKeyDown, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, bordered: this.mergedBordered, disabled: this.disabled, value: this.mergedValue }),
             h(VBinder, null, {
@@ -341,8 +339,12 @@ export default defineComponent({
                     h(VFollower, { ref: "followerRef", placement: this.placement, show: this.showMenu, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey }, {
                         default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => {
-                                const { mergedTheme } = this;
-                                return this.showMenu ? (h(NInternalSelectMenu, { clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelectMenu, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, autoPending: true, ref: "selectMenuInstRef", class: `${mergedClsPrefix}-mention-menu`, loading: this.loading, treeMate: this.treeMate, virtualScroll: false, style: this.cssVars, onToggle: this.handleSelect, renderLabel: this.renderLabel }, $slots)) : null;
+                                const { mergedTheme, onRender } = this;
+                                onRender === null || onRender === void 0 ? void 0 : onRender();
+                                return this.showMenu ? (h(NInternalSelectMenu, { clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelectMenu, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, autoPending: true, ref: "selectMenuInstRef", class: [
+                                        `${mergedClsPrefix}-mention-menu`,
+                                        this.themeClass
+                                    ], loading: this.loading, treeMate: this.treeMate, virtualScroll: false, style: this.cssVars, onToggle: this.handleSelect, renderLabel: this.renderLabel }, $slots)) : null;
                             }
                         }))
                     })

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.25.4";
+declare const _default: "2.25.5";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.25.4';
+export default '2.25.5';

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

@@ -15,8 +15,9 @@ function useThemeClass(componentName, hashRef, cssVarsRef, props) {
     const themeClassRef = (0, vue_1.ref)('');
     const ssrAdapter = (0, vue3_ssr_1.useSsrAdapter)();
     let renderCallback;
+    const hashClassPrefix = `__${componentName}`;
     const mountStyle = () => {
-        let finalThemeHash = componentName;
+        let finalThemeHash = hashClassPrefix;
         const hashValue = hashRef ? hashRef.value : undefined;
         const themeHash = mergedThemeHashRef === null || mergedThemeHashRef === void 0 ? void 0 : mergedThemeHashRef.value;
         if (themeHash)

package/lib/mention/src/Mention.js

@@ -321,9 +321,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        var _a;
         const { mergedTheme, mergedClsPrefix, $slots } = this;
-        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-mention` },
             (0, vue_1.h)(input_1.NInput, { status: this.mergedStatus, themeOverrides: mergedTheme.peerOverrides.Input, theme: mergedTheme.peers.Input, size: this.mergedSize, autosize: this.autosize, type: this.type, ref: "inputInstRef", placeholder: this.placeholder, onMousedown: this.handleInputMouseDown, onUpdateValue: this.handleInputUpdateValue, onKeydown: this.handleInputKeyDown, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, bordered: this.mergedBordered, disabled: this.disabled, value: this.mergedValue }),
             (0, vue_1.h)(vueuc_1.VBinder, null, {
@@ -346,8 +344,12 @@ exports.default = (0, vue_1.defineComponent)({
                     (0, vue_1.h)(vueuc_1.VFollower, { ref: "followerRef", placement: this.placement, show: this.showMenu, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => {
-                                const { mergedTheme } = this;
-                                return this.showMenu ? ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelectMenu, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, autoPending: true, ref: "selectMenuInstRef", class: `${mergedClsPrefix}-mention-menu`, loading: this.loading, treeMate: this.treeMate, virtualScroll: false, style: this.cssVars, onToggle: this.handleSelect, renderLabel: this.renderLabel }, $slots)) : null;
+                                const { mergedTheme, onRender } = this;
+                                onRender === null || onRender === void 0 ? void 0 : onRender();
+                                return this.showMenu ? ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelectMenu, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, autoPending: true, ref: "selectMenuInstRef", class: [
+                                        `${mergedClsPrefix}-mention-menu`,
+                                        this.themeClass
+                                    ], loading: this.loading, treeMate: this.treeMate, virtualScroll: false, style: this.cssVars, onToggle: this.handleSelect, renderLabel: this.renderLabel }, $slots)) : null;
                             }
                         }))
                     })

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.25.4";
+declare const _default: "2.25.5";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.25.4",
+  "version": "2.25.5",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "naive-ui",
-  "version": "2.25.4",
+  "version": "2.25.5",
   "contributions": {
     "html": {
       "elements": [