naive-ui 2.25.2 → 2.25.3

package/lib/typography/src/blockquote.js

@@ -12,26 +12,35 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Blockquote',
     props: blockquoteProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-blockquote', blockquote_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { common: { cubicBezierEaseInOut }, self: { blockquoteTextColor, blockquotePrefixColor, blockquoteLineHeight, blockquoteFontSize } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-font-size': blockquoteFontSize,
+                '--n-line-height': blockquoteLineHeight,
+                '--n-prefix-color': blockquotePrefixColor,
+                '--n-text-color': blockquoteTextColor
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('blockquote', undefined, cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { common: { cubicBezierEaseInOut }, self: { blockquoteTextColor, blockquotePrefixColor, blockquoteLineHeight, blockquoteFontSize } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-font-size': blockquoteFontSize,
-                    '--n-line-height': blockquoteLineHeight,
-                    '--n-prefix-color': blockquotePrefixColor,
-                    '--n-text-color': blockquoteTextColor
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
+        var _a;
         const { mergedClsPrefix } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return ((0, vue_1.h)("blockquote", { class: [
                 `${mergedClsPrefix}-blockquote`,
+                this.themeClass,
                 this.alignText && `${mergedClsPrefix}-blockquote--align-text`
             ], style: this.cssVars }, this.$slots));
     }

package/lib/typography/src/create-header.d.ts

@@ -423,7 +423,9 @@ declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vu
         '--n-font-weight': string;
         '--n-text-color': string;
         '--n-prefix-width': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;

package/lib/typography/src/create-header.js

@@ -17,32 +17,41 @@ exports.default = (level) => (0, vue_1.defineComponent)({
     name: `H${level}`,
     props: headerProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-h', header_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { type } = props;
+            const { common: { cubicBezierEaseInOut }, self: { headerFontWeight, headerTextColor, [(0, _utils_1.createKey)('headerPrefixWidth', level)]: prefixWidth, [(0, _utils_1.createKey)('headerFontSize', level)]: fontSize, [(0, _utils_1.createKey)('headerMargin', level)]: margin, [(0, _utils_1.createKey)('headerBarWidth', level)]: barWidth, [(0, _utils_1.createKey)('headerBarColor', type)]: barColor } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-font-size': fontSize,
+                '--n-margin': margin,
+                '--n-bar-color': barColor,
+                '--n-bar-width': barWidth,
+                '--n-font-weight': headerFontWeight,
+                '--n-text-color': headerTextColor,
+                '--n-prefix-width': prefixWidth
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)(`h${level}`, (0, vue_1.computed)(() => props.type[0]), cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { type } = props;
-                const { common: { cubicBezierEaseInOut }, self: { headerFontWeight, headerTextColor, [(0, _utils_1.createKey)('headerPrefixWidth', level)]: prefixWidth, [(0, _utils_1.createKey)('headerFontSize', level)]: fontSize, [(0, _utils_1.createKey)('headerMargin', level)]: margin, [(0, _utils_1.createKey)('headerBarWidth', level)]: barWidth, [(0, _utils_1.createKey)('headerBarColor', type)]: barColor } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-font-size': fontSize,
-                    '--n-margin': margin,
-                    '--n-bar-color': barColor,
-                    '--n-bar-width': barWidth,
-                    '--n-font-weight': headerFontWeight,
-                    '--n-text-color': headerTextColor,
-                    '--n-prefix-width': prefixWidth
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
+        var _a;
         const { prefix, alignText, mergedClsPrefix, cssVars, $slots } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return (0, vue_1.h)(`h${level}`, {
             class: [
                 `${mergedClsPrefix}-h`,
                 `${mergedClsPrefix}-h${level}`,
+                this.themeClass,
                 {
                     [`${mergedClsPrefix}-h--prefix-bar`]: prefix,
                     [`${mergedClsPrefix}-h--align-text`]: alignText

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

@@ -214,7 +214,9 @@ export declare const NH1: import("vue").DefineComponent<{
         '--n-font-weight': string;
         '--n-text-color': string;
         '--n-prefix-width': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -640,7 +642,9 @@ export declare const NH2: import("vue").DefineComponent<{
         '--n-font-weight': string;
         '--n-text-color': string;
         '--n-prefix-width': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -1066,7 +1070,9 @@ export declare const NH3: import("vue").DefineComponent<{
         '--n-font-weight': string;
         '--n-text-color': string;
         '--n-prefix-width': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -1492,7 +1498,9 @@ export declare const NH4: import("vue").DefineComponent<{
         '--n-font-weight': string;
         '--n-text-color': string;
         '--n-prefix-width': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -1918,7 +1926,9 @@ export declare const NH5: import("vue").DefineComponent<{
         '--n-font-weight': string;
         '--n-text-color': string;
         '--n-prefix-width': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -2344,7 +2354,9 @@ export declare const NH6: import("vue").DefineComponent<{
         '--n-font-weight': string;
         '--n-text-color': string;
         '--n-prefix-width': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;

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

@@ -202,7 +202,9 @@ declare const _default: import("vue").DefineComponent<{
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-color': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;

package/lib/typography/src/hr.js

@@ -11,20 +11,28 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Hr',
     props: Object.assign({}, _mixins_1.useTheme.props),
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-hr', hr_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { common: { cubicBezierEaseInOut }, self: { hrColor } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-color': hrColor
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('hr', undefined, cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { common: { cubicBezierEaseInOut }, self: { hrColor } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-color': hrColor
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        return ((0, vue_1.h)("hr", { class: `${this.mergedClsPrefix}-hr`, style: this.cssVars }));
+        var _a;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+        return ((0, vue_1.h)("hr", { class: [`${this.mergedClsPrefix}-hr`, this.themeClass], style: this.cssVars }));
     }
 });

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

@@ -411,7 +411,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-li-margin': string;
         '--n-ol-padding': string;
         '--n-ul-padding': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     alignText: BooleanConstructor;
     theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {

package/lib/typography/src/ol.js

@@ -12,28 +12,37 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Ol',
     props: olProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-xl', list_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { common: { cubicBezierEaseInOut }, self: { olPadding, ulPadding, liMargin, liTextColor, liLineHeight, liFontSize } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-font-size': liFontSize,
+                '--n-line-height': liLineHeight,
+                '--n-text-color': liTextColor,
+                '--n-li-margin': liMargin,
+                '--n-ol-padding': olPadding,
+                '--n-ul-padding': ulPadding
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('ol', undefined, cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { common: { cubicBezierEaseInOut }, self: { olPadding, ulPadding, liMargin, liTextColor, liLineHeight, liFontSize } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-font-size': liFontSize,
-                    '--n-line-height': liLineHeight,
-                    '--n-text-color': liTextColor,
-                    '--n-li-margin': liMargin,
-                    '--n-ol-padding': olPadding,
-                    '--n-ul-padding': ulPadding
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
+        var _a;
         const { mergedClsPrefix } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return ((0, vue_1.h)("ol", { class: [
                 `${mergedClsPrefix}-ol`,
+                this.themeClass,
                 this.alignText && `${mergedClsPrefix}-ol--align-text`
             ], style: this.cssVars }, this.$slots));
     }

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

@@ -410,7 +410,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-line-height': string;
         '--n-margin': string;
         '--n-text-color': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     depth: PropType<2 | 1 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {

package/lib/typography/src/p.js

@@ -12,25 +12,33 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'P',
     props: pProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-p', p_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { depth } = props;
+            const typeSafeDepth = depth || '1';
+            const { common: { cubicBezierEaseInOut }, self: { pFontSize, pLineHeight, pMargin, pTextColor, [`pTextColor${typeSafeDepth}Depth`]: depthTextColor } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-font-size': pFontSize,
+                '--n-line-height': pLineHeight,
+                '--n-margin': pMargin,
+                '--n-text-color': depth === undefined ? pTextColor : depthTextColor
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('p', (0, vue_1.computed)(() => `${props.depth || ''}`), cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { depth } = props;
-                const typeSafeDepth = depth || '1';
-                const { common: { cubicBezierEaseInOut }, self: { pFontSize, pLineHeight, pMargin, pTextColor, [`pTextColor${typeSafeDepth}Depth`]: depthTextColor } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-font-size': pFontSize,
-                    '--n-line-height': pLineHeight,
-                    '--n-margin': pMargin,
-                    '--n-text-color': depth === undefined ? pTextColor : depthTextColor
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        return ((0, vue_1.h)("p", { class: `${this.mergedClsPrefix}-p`, style: this.cssVars }, this.$slots));
+        var _a;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+        return ((0, vue_1.h)("p", { class: [`${this.mergedClsPrefix}-p`, this.themeClass], style: this.cssVars }, this.$slots));
     }
 });

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

@@ -444,7 +444,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-code-text-color': string;
         '--n-code-color': string;
         '--n-code-border': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly code: BooleanConstructor;
     readonly type: {

package/lib/typography/src/text.js

@@ -28,37 +28,45 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Text',
     props: textProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-text', text_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { depth, type } = props;
+            const textColorKey = type === 'default'
+                ? depth === undefined
+                    ? 'textColor'
+                    : `textColor${depth}Depth`
+                : (0, _utils_1.createKey)('textColor', type);
+            const { common: { fontWeightStrong, fontFamilyMono, cubicBezierEaseInOut }, self: { codeTextColor, codeBorderRadius, codeColor, codeBorder, [textColorKey]: textColor } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-text-color': textColor,
+                '--n-font-weight-strong': fontWeightStrong,
+                '--n-font-famliy-mono': fontFamilyMono,
+                '--n-code-border-radius': codeBorderRadius,
+                '--n-code-text-color': codeTextColor,
+                '--n-code-color': codeColor,
+                '--n-code-border': codeBorder
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('text', (0, vue_1.computed)(() => `${props.type[0]}${props.depth || ''}`), cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             compitableTag: (0, vooks_1.useCompitable)(props, ['as', 'tag']),
-            cssVars: (0, vue_1.computed)(() => {
-                const { depth, type } = props;
-                const textColorKey = type === 'default'
-                    ? depth === undefined
-                        ? 'textColor'
-                        : `textColor${depth}Depth`
-                    : (0, _utils_1.createKey)('textColor', type);
-                const { common: { fontWeightStrong, fontFamilyMono, cubicBezierEaseInOut }, self: { codeTextColor, codeBorderRadius, codeColor, codeBorder, [textColorKey]: textColor } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-text-color': textColor,
-                    '--n-font-weight-strong': fontWeightStrong,
-                    '--n-font-famliy-mono': fontFamilyMono,
-                    '--n-code-border-radius': codeBorderRadius,
-                    '--n-code-text-color': codeTextColor,
-                    '--n-code-color': codeColor,
-                    '--n-code-border': codeBorder
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        var _a, _b;
+        var _a, _b, _c;
         const { mergedClsPrefix } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         const textClass = [
             `${mergedClsPrefix}-text`,
+            this.themeClass,
             {
                 [`${mergedClsPrefix}-text--code`]: this.code,
                 [`${mergedClsPrefix}-text--delete`]: this.delete,
@@ -67,7 +75,7 @@ exports.default = (0, vue_1.defineComponent)({
                 [`${mergedClsPrefix}-text--underline`]: this.underline
             }
         ];
-        const children = (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
+        const children = (_c = (_b = this.$slots).default) === null || _c === void 0 ? void 0 : _c.call(_b);
         return this.code ? ((0, vue_1.h)("code", { class: textClass, style: this.cssVars }, this.delete ? (0, vue_1.h)("del", null, children) : children)) : this.delete ? ((0, vue_1.h)("del", { class: textClass, style: this.cssVars }, children)) : ((0, vue_1.h)(this.compitableTag || 'span', { class: textClass, style: this.cssVars }, children));
     }
 });

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

@@ -411,7 +411,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-li-margin': string;
         '--n-ol-padding': string;
         '--n-ul-padding': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly alignText: BooleanConstructor;
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {

package/lib/typography/src/ul.js

@@ -12,28 +12,37 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Ul',
     props: ulProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-xl', list_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { common: { cubicBezierEaseInOut }, self: { olPadding, ulPadding, liMargin, liTextColor, liLineHeight, liFontSize } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-font-size': liFontSize,
+                '--n-line-height': liLineHeight,
+                '--n-text-color': liTextColor,
+                '--n-li-margin': liMargin,
+                '--n-ol-padding': olPadding,
+                '--n-ul-padding': ulPadding
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('ul', undefined, cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { common: { cubicBezierEaseInOut }, self: { olPadding, ulPadding, liMargin, liTextColor, liLineHeight, liFontSize } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-font-size': liFontSize,
-                    '--n-line-height': liLineHeight,
-                    '--n-text-color': liTextColor,
-                    '--n-li-margin': liMargin,
-                    '--n-ol-padding': olPadding,
-                    '--n-ul-padding': ulPadding
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
+        var _a;
         const { mergedClsPrefix } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return ((0, vue_1.h)("ul", { class: [
                 `${mergedClsPrefix}-ul`,
+                this.themeClass,
                 this.alignText && `${mergedClsPrefix}-ul--align-text`
             ], style: this.cssVars }, this.$slots));
     }

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

@@ -5,7 +5,7 @@ import type { UploadTheme } from '../styles';
 export interface FileInfo {
     id: string;
     name: string;
-    percentage: number;
+    percentage?: number;
     status: 'pending' | 'uploading' | 'finished' | 'removed' | 'error';
     url?: string | null;
     file?: File | null;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.25.2";
+declare const _default: "2.25.3";
 export default _default;

package/lib/version.js

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

package/lib/watermark/index.d.ts

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

package/lib/watermark/index.js

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