naive-ui 2.25.0 → 2.25.3

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

@@ -1,6 +1,6 @@
 export declare const NH1: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -214,10 +214,12 @@ 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" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -421,12 +423,12 @@ export declare const NH1: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info";
+    type: "default" | "error" | "info" | "success" | "warning";
     alignText: boolean;
 }>;
 export declare const NH2: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -640,10 +642,12 @@ 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" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -847,12 +851,12 @@ export declare const NH2: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info";
+    type: "default" | "error" | "info" | "success" | "warning";
     alignText: boolean;
 }>;
 export declare const NH3: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1066,10 +1070,12 @@ 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" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1273,12 +1279,12 @@ export declare const NH3: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info";
+    type: "default" | "error" | "info" | "success" | "warning";
     alignText: boolean;
 }>;
 export declare const NH4: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1492,10 +1498,12 @@ 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" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1699,12 +1707,12 @@ export declare const NH4: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info";
+    type: "default" | "error" | "info" | "success" | "warning";
     alignText: boolean;
 }>;
 export declare const NH5: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1918,10 +1926,12 @@ 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" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2125,12 +2135,12 @@ export declare const NH5: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info";
+    type: "default" | "error" | "info" | "success" | "warning";
     alignText: boolean;
 }>;
 export declare const NH6: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2344,10 +2354,12 @@ 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" | "success" | "error" | "warning" | "info">;
+        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2551,6 +2563,6 @@ export declare const NH6: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info";
+    type: "default" | "error" | "info" | "success" | "warning";
     alignText: boolean;
 }>;

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/UploadFile.d.ts

@@ -377,7 +377,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-    progressStatus: import("vue").ComputedRef<"success" | "error" | "info">;
+    progressStatus: import("vue").ComputedRef<"error" | "info" | "success">;
     buttonType: import("vue").ComputedRef<"error" | undefined>;
     showProgress: import("vue").ComputedRef<boolean>;
     disabled: import("vue").Ref<boolean>;

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

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     status: {
-        type: PropType<"success" | "error" | "info">;
+        type: PropType<"error" | "info" | "success">;
         required: true;
     };
 }, {
@@ -380,7 +380,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     status: {
-        type: PropType<"success" | "error" | "info">;
+        type: PropType<"error" | "info" | "success">;
         required: true;
     };
 }>>, {

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.0";
+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.0';
+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; } });