naive-ui 2.23.1 → 2.24.2

package/lib/_internal/selection/src/styles/index.cssr.js

@@ -5,29 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../../_utils/cssr"); // vars:
-// --bezier
-// --border
-// --border-active
-// --border-focus
-// --border-hover
-// --border-radius
-// --box-shadow-active
-// --box-shadow-focus
-// --box-shadow-hover
-// --caret-color
-// --color
-// --color-active
-// --color-disabled
-// --font-size
-// --height
-// --padding-single
-// --placeholder-color
-// --placeholder-color-disabled
-// --text-color
-// --text-color-disabled
-// --arrow-color
-// --arrow-size
-// --loading-color
+// --n-bezier
+// --n-border
+// --n-border-active
+// --n-border-focus
+// --n-border-hover
+// --n-border-radius
+// --n-box-shadow-active
+// --n-box-shadow-focus
+// --n-box-shadow-hover
+// --n-caret-color
+// --n-color
+// --n-color-active
+// --n-color-disabled
+// --n-font-size
+// --n-height
+// --n-padding-single
+// --n-padding-multiple
+// --n-placeholder-color
+// --n-placeholder-color-disabled
+// --n-text-color
+// --n-text-color-disabled
+// --n-arrow-color
+// --n-arrow-size
+// --n-loading-color
 // ...clear vars
 // ...form item vars
 
@@ -40,14 +41,14 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  max-width: 100%;
  display: inline-block;
  vertical-align: bottom;
- border-radius: var(--border-radius);
- min-height: var(--height);
+ border-radius: var(--n-border-radius);
+ min-height: var(--n-height);
  line-height: 1.5;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  `, [(0, cssr_1.cB)('base-loading', `
- color: var(--loading-color);
+ color: var(--n-loading-color);
  `), (0, cssr_1.cB)('base-selection-tags', {
-  minHeight: 'var(--height)'
+  minHeight: 'var(--n-height)'
 }), (0, cssr_1.cE)('border, state-border', `
  position: absolute;
  left: 0;
@@ -55,11 +56,11 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  top: 0;
  bottom: 0;
  pointer-events: none;
- border: var(--border);
+ border: var(--n-border);
  border-radius: inherit;
  transition:
- box-shadow .3s var(--bezier),
- border-color .3s var(--bezier);
+ box-shadow .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `), (0, cssr_1.cE)('state-border', `
  z-index: 1;
  border-color: #0000;
@@ -70,9 +71,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  transform: translateY(-50%);
  right: 10px;
  `, [(0, cssr_1.cE)('arrow', `
- font-size: var(--arrow-size);
- color: var(--arrow-color);
- transition: color .3s var(--bezier);
+ font-size: var(--n-arrow-size);
+ color: var(--n-arrow-color);
+ transition: color .3s var(--n-bezier);
  `)]), (0, cssr_1.cB)('base-selection-overlay', `
  display: flex;
  align-items: center;
@@ -83,15 +84,15 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  right: 0;
  bottom: 0;
  left: 0;
- padding: var(--padding-single);
- transition: color .3s var(--bezier);
+ padding: var(--n-padding-single);
+ transition: color .3s var(--n-bezier);
  `, [(0, cssr_1.cE)('wrapper', `
  flex-basis: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  `)]), (0, cssr_1.cB)('base-selection-placeholder', `
- color: var(--placeholder-color);
+ color: var(--n-placeholder-color);
  `), (0, cssr_1.cB)('base-selection-tags', `
  cursor: pointer;
  outline: none;
@@ -99,19 +100,19 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  position: relative;
  z-index: auto;
  display: flex;
- padding: 3px 26px 0 14px;
+ padding: var(--n-padding-multiple);
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  vertical-align: bottom;
- background-color: var(--color);
+ background-color: var(--n-color);
  border-radius: inherit;
  transition:
- color .3s var(--bezier),
- box-shadow .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `), (0, cssr_1.cB)('base-selection-label', `
- height: var(--height);
+ height: var(--n-height);
  display: inline-flex;
  width: 100%;
  vertical-align: bottom;
@@ -121,11 +122,11 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  box-sizing: border-box;
  position: relative;
  transition:
- color .3s var(--bezier),
- box-shadow .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  border-radius: inherit;
- background-color: var(--color);
+ background-color: var(--n-color);
  align-items: center;
  `, [(0, cssr_1.cB)('base-selection-input', `
  line-height: inherit;
@@ -134,51 +135,51 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  box-sizing: border-box;
  border:none;
  width: 100%;
- padding: var(--padding-single);
+ padding: var(--n-padding-single);
  background-color: #0000;
- color: var(--text-color);
- transition: color .3s var(--bezier);
- caret-color: var(--caret-color);
+ color: var(--n-text-color);
+ transition: color .3s var(--n-bezier);
+ caret-color: var(--n-caret-color);
  `, [(0, cssr_1.cE)('content', `
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; 
  `)]), (0, cssr_1.cE)('render-label', `
- color: var(--text-color);
+ color: var(--n-text-color);
  `)]), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('state-border', `
- box-shadow: var(--box-shadow-hover);
- border: var(--border-hover);
+ box-shadow: var(--n-box-shadow-hover);
+ border: var(--n-border-hover);
  `)]), (0, cssr_1.cM)('focus', [(0, cssr_1.cE)('state-border', `
- box-shadow: var(--box-shadow-focus);
- border: var(--border-focus);
+ box-shadow: var(--n-box-shadow-focus);
+ border: var(--n-border-focus);
  `)]), (0, cssr_1.cM)('active', [(0, cssr_1.cE)('state-border', `
- box-shadow: var(--box-shadow-active);
- border: var(--border-active);
+ box-shadow: var(--n-box-shadow-active);
+ border: var(--n-border-active);
  `), (0, cssr_1.cB)('base-selection-label', {
-  backgroundColor: 'var(--color-active)'
+  backgroundColor: 'var(--n-color-active)'
 }), (0, cssr_1.cB)('base-selection-tags', {
-  backgroundColor: 'var(--color-active)'
+  backgroundColor: 'var(--n-color-active)'
 })])]), (0, cssr_1.cM)('disabled', {
   cursor: 'not-allowed'
 }, [(0, cssr_1.cE)('arrow', `
- color: var(--arrow-color-disabled);
+ color: var(--n-arrow-color-disabled);
  `), (0, cssr_1.cB)('base-selection-label', `
  cursor: not-allowed;
- background-color: var(--color-disabled);
+ background-color: var(--n-color-disabled);
  `, [(0, cssr_1.cB)('base-selection-input', `
  cursor: not-allowed;
- color: var(--text-color-disabled);
+ color: var(--n-text-color-disabled);
  `), (0, cssr_1.cE)('render-label', `
- color: var(--text-color-disabled);
+ color: var(--n-text-color-disabled);
  `)]), (0, cssr_1.cB)('base-selection-tags', `
  cursor: not-allowed;
- background-color: var(--color-disabled);
+ background-color: var(--n-color-disabled);
  `), (0, cssr_1.cB)('base-selection-placeholder', `
  cursor: not-allowed;
- color: var(--placeholder-color-disabled);
+ color: var(--n-placeholder-color-disabled);
  `)]), (0, cssr_1.cB)('base-selection-input-tag', `
- height: calc(var(--height) - 6px);
- line-height: calc(var(--height) - 6px);
+ height: calc(var(--n-height) - 6px);
+ line-height: calc(var(--n-height) - 6px);
  outline: none;
  display: none;
  position: relative;
@@ -196,8 +197,8 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  width: 1em;
  line-height: inherit;
  cursor: pointer;
- color: var(--text-color);
- caret-color: var(--caret-color);
+ color: var(--n-text-color);
+ caret-color: var(--n-caret-color);
  `), (0, cssr_1.cE)('mirror', `
  position: absolute;
  left: 0;
@@ -223,18 +224,18 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  text-overflow: ellipsis;
  overflow: hidden;
  `)])]), ['warning', 'error'].map(status => (0, cssr_1.insideFormItem)(status, (0, cssr_1.cB)('base-selection', [(0, cssr_1.cE)('state-border', {
-  border: `var(--border-${status})`
+  border: `var(--n-border-${status})`
 }), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('state-border', `
- box-shadow: var(--box-shadow-hover-${status});
- border: var(--border-hover-${status});
+ box-shadow: var(--n-box-shadow-hover-${status});
+ border: var(--n-border-hover-${status});
  `)]), (0, cssr_1.cM)('active', [(0, cssr_1.cE)('state-border', `
- box-shadow: var(--box-shadow-active-${status});
- border: var(--border-active-${status});
+ box-shadow: var(--n-box-shadow-active-${status});
+ border: var(--n-border-active-${status});
  `), (0, cssr_1.cB)('base-selection-label', {
-  backgroundColor: `var(--color-active-${status})`
+  backgroundColor: `var(--n-color-active-${status})`
 }), (0, cssr_1.cB)('base-selection-tags', {
-  backgroundColor: `var(--box-shadow-active-${status})`
+  backgroundColor: `var(--n-box-shadow-active-${status})`
 })]), (0, cssr_1.cM)('focus', [(0, cssr_1.cE)('state-border', `
- box-shadow: var(--box-shadow-focus-${status});
- border: var(--border-focus-${status});
+ box-shadow: var(--n-box-shadow-focus-${status});
+ border: var(--n-border-focus-${status});
  `)])])])))]);

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

@@ -1,5 +1,6 @@
 declare const _default: {
     paddingSingle: string;
+    paddingMultiple: string;
     clearSize: string;
     arrowSize: string;
 };

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    paddingSingle: '0 26px 0 14px',
+    paddingSingle: '0 26px 0 12px',
+    paddingMultiple: '3px 26px 0 12px',
     clearSize: '16px',
     arrowSize: '16px'
 };

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

@@ -49,6 +49,7 @@ declare const self: (vars: ThemeCommonVars) => {
     clearColorHover: string;
     clearColorPressed: string;
     paddingSingle: string;
+    paddingMultiple: string;
     clearSize: string;
     arrowSize: string;
 };
@@ -103,6 +104,7 @@ declare const internalSelectionLight: import("../../../_mixins").Theme<"Internal
     clearColorHover: string;
     clearColorPressed: string;
     paddingSingle: string;
+    paddingMultiple: string;
     clearSize: string;
     arrowSize: string;
 }, {

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

@@ -15,18 +15,24 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    value?: unknown;
-    max?: unknown;
-    appeared?: unknown;
-} & {
-    value: string | number;
-    clsPrefix: string;
-    appeared: boolean;
-} & {
-    max?: number | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    appeared: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>>, {
     value: string | number;
     max: number;
 }>;

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

@@ -16,18 +16,24 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    value?: unknown;
-    oldOriginalNumber?: unknown;
-    newOriginalNumber?: unknown;
-} & {
-    value: string | number;
-    clsPrefix: string;
-} & {
-    oldOriginalNumber?: number | undefined;
-    newOriginalNumber?: number | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string | number>;
+        required: true;
+    };
+    oldOriginalNumber: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    newOriginalNumber: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>>, {
     oldOriginalNumber: number;
     newOriginalNumber: number;
 }>;

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

@@ -17,20 +17,25 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     onClear: PropType<(e: MouseEvent) => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    showArrow?: unknown;
-    showClear?: unknown;
-    loading?: unknown;
-    onClear?: unknown;
-} & {
-    loading: boolean;
-    clsPrefix: string;
-} & {
-    showArrow?: boolean | undefined;
-    onClear?: ((e: MouseEvent) => void) | undefined;
-    showClear?: boolean | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClear: PropType<(e: MouseEvent) => void>;
+}>>, {
     loading: boolean;
     showArrow: boolean;
     showClear: boolean;

package/lib/_internal/suffix/src/Suffix.js

@@ -8,6 +8,7 @@ const clear_1 = __importDefault(require("../../clear"));
 const loading_1 = __importDefault(require("../../loading"));
 const icon_1 = __importDefault(require("../../icon"));
 const icons_1 = require("../../icons");
+const vue_2 = require("../../../_utils/vue");
 exports.default = (0, vue_1.defineComponent)({
     name: 'InternalSelectionSuffix',
     props: {
@@ -29,12 +30,16 @@ exports.default = (0, vue_1.defineComponent)({
         },
         onClear: Function
     },
-    setup(props) {
+    setup(props, { slots }) {
         return () => {
             const { clsPrefix } = props;
             return ((0, vue_1.h)(loading_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix`, strokeWidth: 24, scale: 0.85, show: props.loading }, {
                 default: () => props.showArrow ? ((0, vue_1.h)(clear_1.default, { clsPrefix: clsPrefix, show: props.showClear, onClear: props.onClear }, {
-                    default: () => ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, { default: () => (0, vue_1.h)(icons_1.ChevronDownIcon, null) }))
+                    default: () => ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, {
+                        default: () => (0, vue_2.resolveSlot)(slots.default, () => [
+                            (0, vue_1.h)(icons_1.ChevronDownIcon, null)
+                        ])
+                    }))
                 })) : null
             }));
         };

package/lib/_internal/wave/src/Wave.d.ts

@@ -10,9 +10,10 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue").Ref<boolean>;
     selfRef: import("vue").Ref<HTMLElement | null>;
     play(): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-} & {
-    clsPrefix: string;
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

package/lib/_mixins/common.d.ts

@@ -0,0 +1 @@
+export declare const cssrAnchorMetaName = "naive-ui-style";

package/lib/_mixins/common.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cssrAnchorMetaName = void 0;
+exports.cssrAnchorMetaName = 'naive-ui-style';

package/lib/_mixins/index.d.ts

@@ -6,3 +6,4 @@ export { default as useLocale } from './use-locale';
 export { default as useStyle } from './use-style';
 export { default as useHljs } from './use-hljs';
 export type { Hljs } from './use-hljs';
+export { useCssVarsClass } from './use-css-vars-class';

package/lib/_mixins/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHljs = exports.useStyle = exports.useLocale = exports.defaultClsPrefix = exports.useConfig = exports.createTheme = exports.useTheme = exports.useFormItem = void 0;
+exports.useCssVarsClass = exports.useHljs = exports.useStyle = exports.useLocale = exports.defaultClsPrefix = exports.useConfig = exports.createTheme = exports.useTheme = exports.useFormItem = void 0;
 var use_form_item_1 = require("./use-form-item");
 Object.defineProperty(exports, "useFormItem", { enumerable: true, get: function () { return __importDefault(use_form_item_1).default; } });
 var use_theme_1 = require("./use-theme");
@@ -18,3 +18,5 @@ var use_style_1 = require("./use-style");
 Object.defineProperty(exports, "useStyle", { enumerable: true, get: function () { return __importDefault(use_style_1).default; } });
 var use_hljs_1 = require("./use-hljs");
 Object.defineProperty(exports, "useHljs", { enumerable: true, get: function () { return __importDefault(use_hljs_1).default; } });
+var use_css_vars_class_1 = require("./use-css-vars-class");
+Object.defineProperty(exports, "useCssVarsClass", { enumerable: true, get: function () { return use_css_vars_class_1.useCssVarsClass; } });

package/lib/_mixins/use-css-vars-class.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useCssVarsClass(cssVarsRef: Ref<Record<string, string>>): Ref<string>;

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

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCssVarsClass = void 0;
+const vue_1 = require("vue");
+const hash_1 = __importDefault(require("@emotion/hash"));
+const cssr_1 = require("../_utils/cssr");
+// window.xxx = 0
+function useCssVarsClass(cssVarsRef) {
+    const cssVarsClassRef = (0, vue_1.ref)('');
+    (0, vue_1.watchEffect)(() => {
+        // window.xxx -= performance.now()
+        const cssVars = cssVarsRef.value;
+        let style = '';
+        for (const key in cssVars) {
+            style += `${key}: ${cssVars[key]};`;
+        }
+        const styleHash = (0, hash_1.default)(style);
+        cssVarsClassRef.value = `c${styleHash}`;
+        (0, cssr_1.c)(`.c${styleHash}`, style).mount({
+            id: styleHash
+        });
+        // window.xxx += performance.now()
+    });
+    return cssVarsClassRef;
+}
+exports.useCssVarsClass = useCssVarsClass;

package/lib/_mixins/use-form-item.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 declare type FormItemSize = 'small' | 'medium' | 'large';
 declare type AllowedSize = 'tiny' | 'small' | 'medium' | 'large' | 'huge' | number;
 export interface FormItemInjection {
@@ -11,7 +11,7 @@ export interface FormItemInjection {
     handleContentInput: () => void;
     handleContentChange: () => void;
 }
-export declare const formItemInjectionKey: InjectionKey<FormItemInjection>;
+export declare const formItemInjectionKey: import("vue").InjectionKey<FormItemInjection>;
 interface UseFormItemOptions<T> {
     defaultSize?: FormItemSize;
     mergedSize?: (formItem: FormItemInjection | null) => T;

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

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formItemInjectionKey = void 0;
 const vue_1 = require("vue");
-exports.formItemInjectionKey = Symbol('formItem');
+const _utils_1 = require("../_utils");
+exports.formItemInjectionKey = (0, _utils_1.createInjectionKey)('n-form-item');
 function useFormItem(props, { defaultSize = 'medium', mergedSize, mergedDisabled } = {}) {
     const NFormItem = (0, vue_1.inject)(exports.formItemInjectionKey, null);
     (0, vue_1.provide)(exports.formItemInjectionKey, null);

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { enUS, dateEnUS } from '../locales';
-export default function createLocaleMixin<T extends keyof typeof enUS>(ns: T): {
+export default function useLocale<T extends keyof typeof enUS>(ns: T): {
     localeRef: Ref<typeof enUS[T]>;
     dateLocaleRef: Ref<typeof dateEnUS>;
 };

package/lib/_mixins/use-locale.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const locales_1 = require("../locales");
 const ConfigProvider_1 = require("../config-provider/src/ConfigProvider");
-function createLocaleMixin(ns) {
+function useLocale(ns) {
     const { mergedLocaleRef, mergedDateLocaleRef } = (0, vue_1.inject)(ConfigProvider_1.configProviderInjectionKey, null) || {};
     const localeRef = (0, vue_1.computed)(() => {
         var _a, _b;
@@ -18,4 +18,4 @@ function createLocaleMixin(ns) {
         localeRef
     };
 }
-exports.default = createLocaleMixin;
+exports.default = useLocale;

package/lib/_mixins/use-rtl.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const css_render_1 = require("css-render");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
+const common_1 = require("./common");
 function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     if (!rtlStateRef)
         return undefined;
@@ -33,6 +34,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
             componentRtlState.style.mount({
                 id,
                 head: true,
+                anchorMetaName: common_1.cssrAnchorMetaName,
                 props: {
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },

package/lib/_mixins/use-style.js

@@ -7,6 +7,7 @@ const vue_1 = require("vue");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
 const index_cssr_1 = __importDefault(require("../_styles/global/index.cssr"));
 const _utils_1 = require("../_utils");
+const common_1 = require("./common");
 function useStyle(mountId, style, clsPrefixRef) {
     if (!style) {
         if (process.env.NODE_ENV !== 'production')
@@ -19,6 +20,7 @@ function useStyle(mountId, style, clsPrefixRef) {
         style.mount({
             id: clsPrefix === undefined ? mountId : clsPrefix + mountId,
             head: true,
+            anchorMetaName: common_1.cssrAnchorMetaName,
             props: {
                 bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
             },
@@ -27,6 +29,7 @@ function useStyle(mountId, style, clsPrefixRef) {
         index_cssr_1.default.mount({
             id: 'naive-ui/global',
             head: true,
+            anchorMetaName: common_1.cssrAnchorMetaName,
             ssr: ssrAdapter
         });
     };

package/lib/_mixins/use-theme.js

@@ -10,6 +10,7 @@ const lodash_1 = require("lodash");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
 const index_cssr_1 = __importDefault(require("../_styles/global/index.cssr"));
 const ConfigProvider_1 = require("../config-provider/src/ConfigProvider");
+const common_1 = require("./common");
 function createTheme(theme) {
     return theme;
 }
@@ -25,11 +26,13 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
                 props: {
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },
+                anchorMetaName: common_1.cssrAnchorMetaName,
                 ssr: ssrAdapter
             });
             index_cssr_1.default.mount({
                 id: 'naive-ui/global',
                 head: true,
+                anchorMetaName: common_1.cssrAnchorMetaName,
                 ssr: ssrAdapter
             });
         };