naive-ui 2.25.1 → 2.25.2

package/lib/result/src/Result.d.ts

@@ -6,7 +6,7 @@ declare const resultProps: {
         default: string;
     };
     status: {
-        type: PropType<"500" | "success" | "error" | "warning" | "info" | "404" | "403" | "418">;
+        type: PropType<"500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418">;
         default: string;
     };
     title: StringConstructor;
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     status: {
-        type: PropType<"500" | "success" | "error" | "warning" | "info" | "404" | "403" | "418">;
+        type: PropType<"500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418">;
         default: string;
     };
     title: StringConstructor;
@@ -199,7 +199,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     status: {
-        type: PropType<"500" | "success" | "error" | "warning" | "info" | "404" | "403" | "418">;
+        type: PropType<"500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418">;
         default: string;
     };
     title: StringConstructor;
@@ -284,6 +284,6 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     size: "small" | "medium" | "large" | "huge";
-    status: "500" | "success" | "error" | "warning" | "info" | "404" | "403" | "418";
+    status: "500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418";
 }>;
 export default _default;

package/lib/select/src/Select.d.ts

@@ -16,6 +16,10 @@ declare const selectProps: {
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly clearFilterAfterSelect: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
@@ -128,7 +132,7 @@ declare const selectProps: {
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -139,7 +143,7 @@ declare const selectProps: {
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -148,7 +152,7 @@ declare const selectProps: {
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -253,7 +257,7 @@ declare const selectProps: {
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -264,7 +268,7 @@ declare const selectProps: {
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -273,7 +277,7 @@ declare const selectProps: {
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -378,7 +382,7 @@ declare const selectProps: {
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -389,7 +393,7 @@ declare const selectProps: {
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -398,7 +402,7 @@ declare const selectProps: {
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -491,6 +495,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly clearFilterAfterSelect: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
@@ -603,7 +611,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -614,7 +622,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -623,7 +631,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -728,7 +736,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -739,7 +747,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -748,7 +756,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -853,7 +861,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -864,7 +872,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -873,7 +881,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -990,6 +998,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedDisabled: import("vue").ComputedRef<boolean>;
     focused: import("vue").Ref<boolean>;
     activeWithoutMenuOpen: import("vue").Ref<boolean>;
+    disableInlineTheme: boolean | undefined;
     onTriggerInputFocus: () => void;
     onTriggerInputBlur: () => void;
     handleMenuFocus: (e: FocusEvent) => void;
@@ -1138,7 +1147,7 @@ declare const _default: import("vue").DefineComponent<{
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
-                boxShadowHover: null;
+                boxShadowHover: string;
                 boxShadowActive: string;
                 boxShadowFocus: string;
                 caretColor: string;
@@ -1149,7 +1158,7 @@ declare const _default: import("vue").DefineComponent<{
                 borderHoverWarning: string;
                 borderActiveWarning: string;
                 borderFocusWarning: string;
-                boxShadowHoverWarning: null;
+                boxShadowHoverWarning: string;
                 boxShadowActiveWarning: string;
                 boxShadowFocusWarning: string;
                 colorActiveWarning: string;
@@ -1158,7 +1167,7 @@ declare const _default: import("vue").DefineComponent<{
                 borderHoverError: string;
                 borderActiveError: string;
                 borderFocusError: string;
-                boxShadowHoverError: null;
+                boxShadowHoverError: string;
                 boxShadowActiveError: string;
                 boxShadowFocusError: string;
                 colorActiveError: string;
@@ -1296,6 +1305,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly clearFilterAfterSelect: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
@@ -1408,7 +1421,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -1419,7 +1432,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -1428,7 +1441,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -1533,7 +1546,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -1544,7 +1557,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -1553,7 +1566,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -1658,7 +1671,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -1669,7 +1682,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -1678,7 +1691,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -1767,8 +1780,8 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean | undefined;
     to: string | boolean | HTMLElement;
     options: SelectMixedOption[];
-    bordered: boolean | undefined;
     loading: boolean;
+    bordered: boolean | undefined;
     placement: FollowerPlacement;
     virtualScroll: boolean;
     resetMenuOnOptionsChange: boolean;
@@ -1776,6 +1789,7 @@ declare const _default: import("vue").DefineComponent<{
     displayDirective: "show" | "if";
     filterable: boolean;
     clearable: boolean;
+    clearFilterAfterSelect: boolean;
     defaultValue: Value | null;
     remote: boolean;
     widthMode: string;

package/lib/select/src/Select.js

@@ -18,7 +18,10 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
-    }, clearable: Boolean, options: {
+    }, clearable: Boolean, clearFilterAfterSelect: {
+        type: Boolean,
+        default: true
+    }, options: {
         type: Array,
         default: () => []
     }, defaultValue: {
@@ -85,7 +88,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedClsPrefixRef, mergedBorderedRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedBorderedRef, namespaceRef, NConfigProvider } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Select', '-select', index_cssr_1.default, styles_1.selectLight, props, mergedClsPrefixRef);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
@@ -361,7 +364,7 @@ exports.default = (0, vue_1.defineComponent)({
         function handleToggleByOption(option) {
             if (mergedDisabledRef.value)
                 return;
-            const { tag, remote } = props;
+            const { tag, remote, clearFilterAfterSelect } = props;
             if (tag && !remote) {
                 const { value: beingCreatedOptions } = beingCreatedOptionsRef;
                 const beingCreatedOption = beingCreatedOptions[0] || null;
@@ -382,13 +385,15 @@ exports.default = (0, vue_1.defineComponent)({
                         const createdOptionIndex = getCreatedOptionIndex(option.value);
                         if (~createdOptionIndex) {
                             createdOptionsRef.value.splice(createdOptionIndex, 1);
-                            patternRef.value = '';
+                            if (clearFilterAfterSelect)
+                                patternRef.value = '';
                         }
                     }
                 }
                 else {
                     changedValue.push(option.value);
-                    patternRef.value = '';
+                    if (clearFilterAfterSelect)
+                        patternRef.value = '';
                 }
                 doUpdateValue(changedValue, getMergedOptions(changedValue));
             }
@@ -568,7 +573,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
         };
         return Object.assign(Object.assign({}, exposedMethods), { mergedStatus: mergedStatusRef, mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, namespace: namespaceRef, treeMate: treeMateRef, isMounted: (0, vooks_1.useIsMounted)(), triggerRef,
-            menuRef, pattern: patternRef, uncontrolledShow: uncontrolledShowRef, mergedShow: mergedShowRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, followerRef, localizedPlaceholder: localizedPlaceholderRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, focused: focusedRef, activeWithoutMenuOpen: activeWithoutMenuOpenRef, onTriggerInputFocus,
+            menuRef, pattern: patternRef, uncontrolledShow: uncontrolledShowRef, mergedShow: mergedShowRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, followerRef, localizedPlaceholder: localizedPlaceholderRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, focused: focusedRef, activeWithoutMenuOpen: activeWithoutMenuOpenRef, disableInlineTheme: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.disableInlineTheme, onTriggerInputFocus,
             onTriggerInputBlur,
             handleMenuFocus,
             handleMenuBlur,
@@ -593,7 +598,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerRef", status: this.mergedStatus, inputProps: this.inputProps, clsPrefix: this.mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.activeWithoutMenuOpen || this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeydown, onPatternBlur: this.onTriggerInputBlur, onPatternFocus: this.onTriggerInputFocus }, {
+                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerRef", disableInlineTheme: this.disableInlineTheme, status: this.mergedStatus, inputProps: this.inputProps, clsPrefix: this.mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.activeWithoutMenuOpen || this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeydown, onPatternBlur: this.onTriggerInputBlur, onPatternFocus: this.onTriggerInputFocus }, {
                             arrow: () => { var _a, _b; return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
                         }))
                     }),
@@ -603,7 +608,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 var _a, _b;
                                 return (this.mergedShow ||
                                     this.displayDirective === 'show') &&
-                                    (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, Object.assign({}, this.menuProps, { ref: "menuRef", virtualScroll: this.consistentMenuWidth && this.virtualScroll, class: [
+                                    (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, Object.assign({}, this.menuProps, { ref: "menuRef", disableInlineTheme: this.disableInlineTheme, virtualScroll: this.consistentMenuWidth && this.virtualScroll, class: [
                                             `${this.mergedClsPrefix}-select-menu`,
                                             (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.class
                                         ], clsPrefix: this.mergedClsPrefix, focusable: true, autoPending: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides

package/lib/select/styles/light.d.ts

@@ -26,7 +26,7 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
         borderHover: string;
         borderActive: string;
         borderFocus: string;
-        boxShadowHover: null;
+        boxShadowHover: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         caretColor: string;
@@ -37,7 +37,7 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
         borderHoverWarning: string;
         borderActiveWarning: string;
         borderFocusWarning: string;
-        boxShadowHoverWarning: null;
+        boxShadowHoverWarning: string;
         boxShadowActiveWarning: string;
         boxShadowFocusWarning: string;
         colorActiveWarning: string;
@@ -46,7 +46,7 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
         borderHoverError: string;
         borderActiveError: string;
         borderFocusError: string;
-        boxShadowHoverError: null;
+        boxShadowHoverError: string;
         boxShadowActiveError: string;
         boxShadowFocusError: string;
         colorActiveError: string;

package/lib/tag/src/Tag.d.ts

@@ -26,7 +26,7 @@ declare const tagProps: {
     };
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning" | "primary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning" | "primary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -451,6 +451,8 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>>;
 }, {
+    themeClass?: Ref<string> | undefined;
+    onRender?: (() => void) | undefined;
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     contentRef: Ref<HTMLElement | null>;
@@ -485,7 +487,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-text-color-checked': string;
         '--n-text-color-hover-checkable': string;
         '--n-text-color-pressed-checkable': string;
-    }>;
+    }> | undefined;
     setTextContent: (textContent: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bordered: {
@@ -507,7 +509,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning" | "primary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -707,7 +709,7 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>>;
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info" | "primary";
+    type: "default" | "error" | "info" | "success" | "warning" | "primary";
     round: boolean;
     size: "small" | "medium" | "large";
     disabled: boolean | undefined;

package/lib/tag/src/Tag.js

@@ -72,45 +72,65 @@ exports.default = (0, vue_1.defineComponent)({
             }
         };
         const rtlEnabledRef = (0, use_rtl_1.default)('Tag', NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef, mergedClsPrefixRef);
-        return Object.assign(Object.assign({}, tagPublicMethods), { rtlEnabled: rtlEnabledRef, mergedClsPrefix: mergedClsPrefixRef, contentRef, mergedBordered: mergedBorderedRef, handleClick,
-            handleCloseClick, cssVars: (0, vue_1.computed)(() => {
+        const disableInlineTheme = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.disableInlineTheme;
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { type, size, color: { color, textColor } = {} } = props;
+            const { common: { cubicBezierEaseInOut }, self: { padding, closeMargin, closeMarginRtl, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeColor', type)]: closeColor, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
+            return {
+                '--n-avatar-size-override': `calc(${height} - 8px)`,
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-border-radius': borderRadius,
+                '--n-border': border,
+                '--n-close-color': closeColor,
+                '--n-close-color-hover': closeColorHover,
+                '--n-close-color-pressed': closeColorPressed,
+                '--n-close-color-disabled': closeColor,
+                '--n-close-margin': closeMargin,
+                '--n-close-margin-rtl': closeMarginRtl,
+                '--n-close-size': closeSize,
+                '--n-color': color || typedColor,
+                '--n-color-checkable': colorCheckable,
+                '--n-color-checked': colorChecked,
+                '--n-color-checked-hover': colorCheckedHover,
+                '--n-color-checked-pressed': colorCheckedPressed,
+                '--n-color-hover-checkable': colorHoverCheckable,
+                '--n-color-pressed-checkable': colorPressedCheckable,
+                '--n-font-size': fontSize,
+                '--n-height': height,
+                '--n-opacity-disabled': opacityDisabled,
+                '--n-padding': padding,
+                '--n-text-color': textColor || typeTextColor,
+                '--n-text-color-checkable': textColorCheckable,
+                '--n-text-color-checked': textColorChecked,
+                '--n-text-color-hover-checkable': textColorHoverCheckable,
+                '--n-text-color-pressed-checkable': textColorPressedCheckable
+            };
+        });
+        const themeClassHandle = disableInlineTheme
+            ? (0, _mixins_1.useThemeClass)('tag', (0, vue_1.computed)(() => {
+                let hash = '';
                 const { type, size, color: { color, textColor } = {} } = props;
-                const { common: { cubicBezierEaseInOut }, self: { padding, closeMargin, closeMarginRtl, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeColor', type)]: closeColor, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
-                return {
-                    '--n-avatar-size-override': `calc(${height} - 8px)`,
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-border-radius': borderRadius,
-                    '--n-border': border,
-                    '--n-close-color': closeColor,
-                    '--n-close-color-hover': closeColorHover,
-                    '--n-close-color-pressed': closeColorPressed,
-                    '--n-close-color-disabled': closeColor,
-                    '--n-close-margin': closeMargin,
-                    '--n-close-margin-rtl': closeMarginRtl,
-                    '--n-close-size': closeSize,
-                    '--n-color': color || typedColor,
-                    '--n-color-checkable': colorCheckable,
-                    '--n-color-checked': colorChecked,
-                    '--n-color-checked-hover': colorCheckedHover,
-                    '--n-color-checked-pressed': colorCheckedPressed,
-                    '--n-color-hover-checkable': colorHoverCheckable,
-                    '--n-color-pressed-checkable': colorPressedCheckable,
-                    '--n-font-size': fontSize,
-                    '--n-height': height,
-                    '--n-opacity-disabled': opacityDisabled,
-                    '--n-padding': padding,
-                    '--n-text-color': textColor || typeTextColor,
-                    '--n-text-color-checkable': textColorCheckable,
-                    '--n-text-color-checked': textColorChecked,
-                    '--n-text-color-hover-checkable': textColorHoverCheckable,
-                    '--n-text-color-pressed-checkable': textColorPressedCheckable
-                };
-            }) });
+                hash += type[0];
+                hash += size[0];
+                if (color) {
+                    hash += `a${(0, _utils_1.color2Class)(color)}`;
+                }
+                if (textColor) {
+                    hash += `b${(0, _utils_1.color2Class)(textColor)}`;
+                }
+                return hash;
+            }), cssVarsRef, props)
+            : _mixins_1.emptyThemeClassHandle;
+        return Object.assign(Object.assign(Object.assign({}, tagPublicMethods), { rtlEnabled: rtlEnabledRef, mergedClsPrefix: mergedClsPrefixRef, contentRef, mergedBordered: mergedBorderedRef, handleClick,
+            handleCloseClick, cssVars: disableInlineTheme ? undefined : cssVarsRef }), themeClassHandle);
     },
     render() {
-        const { mergedClsPrefix, rtlEnabled, color: { borderColor } = {}, $slots } = this;
+        var _a, _b;
+        const { mergedClsPrefix, rtlEnabled, color: { borderColor } = {}, onRender, $slots } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-tag`,
+                this.themeClass,
                 {
                     [`${mergedClsPrefix}-tag--rtl`]: rtlEnabled,
                     [`${mergedClsPrefix}-tag--disabled`]: this.disabled,
@@ -119,10 +139,10 @@ exports.default = (0, vue_1.defineComponent)({
                     [`${mergedClsPrefix}-tag--round`]: this.round
                 }
             ], style: this.cssVars, onClick: this.handleClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave },
-            $slots.avatar && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__avatar` }, {
-                default: $slots.avatar
-            })),
-            (0, vue_1.h)("span", { class: `${mergedClsPrefix}-tag__content`, ref: "contentRef" }, this.$slots),
+            (0, _utils_1.resolveWrappedSlot)($slots.avatar, (children) => [
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__avatar` }, children)
+            ]),
+            (0, vue_1.h)("span", { class: `${mergedClsPrefix}-tag__content`, ref: "contentRef" }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)),
             !this.checkable && this.closable ? ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-tag__close`, disabled: this.disabled, onClick: this.handleCloseClick })) : null,
             !this.checkable && this.mergedBordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__border`, style: { borderColor } })) : null));
     }

package/lib/tag/src/common-props.d.ts

@@ -7,7 +7,7 @@ export interface TagColor {
 declare const _default: {
     readonly color: PropType<TagColor>;
     readonly type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning" | "primary">;
         readonly default: "default";
     };
     readonly round: BooleanConstructor;

package/lib/tag/src/styles/index.cssr.js

@@ -85,5 +85,5 @@ exports.default = (0, cssr_1.cB)('tag', `
  background-color: var(--n-color-checkable);
  `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--n-color-hover-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--n-text-color-hover-checkable);')]), (0, cssr_1.c)('&:active', 'background-color: var(--n-color-pressed-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--n-text-color-pressed-checkable);')])]), (0, cssr_1.cM)('checked', `
  color: var(--n-text-color-checked);
- background-color: 'var(--n-color-checked);
+ background-color: var(--n-color-checked);
  `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--n-color-checked-hover);'), (0, cssr_1.c)('&:active', 'background-color: var(--n-color-checked-pressed);')])])])]);