naive-ui 2.24.1 → 2.24.2

package/lib/_internal/selection/src/Selection.d.ts

@@ -5,6 +5,7 @@ import type { RenderLabel, RenderLabelImpl } from '../../select-menu/src/interfa
 export interface InternalSelectionInst {
     focus: () => void;
     focusInput: () => void;
+    blur: () => void;
     $el: HTMLElement;
 }
 declare const _default: import("vue").DefineComponent<{
@@ -107,6 +108,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -175,6 +177,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -243,6 +246,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -416,6 +420,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         };
@@ -483,6 +488,7 @@ declare const _default: import("vue").DefineComponent<{
     onPopoverUpdateShow: (show: boolean) => void;
     focus: () => void;
     focusInput: () => void;
+    blur: () => void;
     blurInput: () => void;
     updateCounter: (count: number) => void;
     getCounter: () => HTMLElement | null;
@@ -505,6 +511,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-font-size': string;
         '--n-height': string;
         '--n-padding-single': string;
+        '--n-padding-multiple': string;
         '--n-placeholder-color': string;
         '--n-placeholder-color-disabled': string;
         '--n-text-color': string;
@@ -534,61 +541,57 @@ declare const _default: import("vue").DefineComponent<{
         '--n-clear-color-pressed': string;
         '--n-arrow-size': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    bordered?: unknown;
-    active?: unknown;
-    pattern?: unknown;
-    placeholder?: unknown;
-    selectedOption?: unknown;
-    selectedOptions?: unknown;
-    multiple?: unknown;
-    filterable?: unknown;
-    clearable?: unknown;
-    disabled?: unknown;
-    size?: unknown;
-    loading?: unknown;
-    autofocus?: unknown;
-    showArrow?: unknown;
-    inputProps?: unknown;
-    focused?: unknown;
-    renderTag?: unknown;
-    onKeyup?: unknown;
-    onKeydown?: unknown;
-    onClick?: unknown;
-    onBlur?: unknown;
-    onFocus?: unknown;
-    onDeleteOption?: unknown;
-    maxTagCount?: unknown;
-    onClear?: unknown;
-    onPatternInput?: unknown;
-    renderLabel?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    pattern: string;
-    size: "small" | "medium" | "large";
-    multiple: boolean;
-    active: boolean;
-    disabled: boolean;
-    autofocus: boolean;
-    loading: boolean;
-    clsPrefix: string;
-    showArrow: boolean;
-    selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null;
-    selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null;
-    filterable: boolean;
-    clearable: boolean;
-    focused: boolean;
-} & {
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: FocusEvent) => void) | undefined;
-    onKeydown?: ((e: KeyboardEvent) => void) | undefined;
-    onKeyup?: ((e: KeyboardEvent) => void) | undefined;
-    onClick?: ((e: MouseEvent) => void) | undefined;
-    placeholder?: string | undefined;
-    theme?: import("../../../_mixins").Theme<"InternalSelection", {
+}, 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;
+    };
+    bordered: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    active: BooleanConstructor;
+    pattern: {
+        type: StringConstructor;
+        default: null;
+    };
+    placeholder: StringConstructor;
+    selectedOption: {
+        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null>;
+        default: null;
+    };
+    selectedOptions: {
+        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
+        default: null;
+    };
+    multiple: BooleanConstructor;
+    filterable: BooleanConstructor;
+    clearable: BooleanConstructor;
+    disabled: BooleanConstructor;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    loading: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputProps: PropType<InputHTMLAttributes>;
+    focused: BooleanConstructor;
+    renderTag: PropType<RenderTag>;
+    onKeyup: PropType<(e: KeyboardEvent) => void>;
+    onKeydown: PropType<(e: KeyboardEvent) => void>;
+    onClick: PropType<(e: MouseEvent) => void>;
+    onBlur: PropType<(e: FocusEvent) => void>;
+    onFocus: PropType<(e: FocusEvent) => void>;
+    onDeleteOption: PropType<(option: SelectBaseOption) => void>;
+    maxTagCount: PropType<number | "responsive">;
+    onClear: PropType<(e: MouseEvent) => void>;
+    onPatternInput: PropType<(e: InputEvent) => void>;
+    renderLabel: PropType<RenderLabel>;
+    theme: PropType<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -638,6 +641,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -655,8 +659,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
+    }>>;
+    themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -706,6 +710,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -723,8 +728,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
@@ -774,6 +779,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {
@@ -791,16 +797,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    renderLabel?: RenderLabel | undefined;
-    onClear?: ((e: MouseEvent) => void) | undefined;
-    inputProps?: InputHTMLAttributes | undefined;
-    renderTag?: RenderTag | undefined;
-    onDeleteOption?: ((option: SelectBaseOption) => void) | undefined;
-    maxTagCount?: number | "responsive" | undefined;
-    onPatternInput?: ((e: InputEvent) => void) | undefined;
-}>, {
+    }>>>;
+}>>, {
     pattern: string;
     size: "small" | "medium" | "large";
     multiple: boolean;

package/lib/_internal/selection/src/Selection.js

@@ -213,20 +213,33 @@ exports.default = (0, vue_1.defineComponent)({
         function handlePatternInputBlur(e) {
             patternInputFocusedRef.value = false;
         }
-        function focus() {
+        function blur() {
+            var _a, _b;
             if (props.filterable) {
                 patternInputFocusedRef.value = false;
-                const { value: patternInputWrapperEl } = patternInputWrapperRef;
-                if (patternInputWrapperEl)
-                    patternInputWrapperEl.focus();
+                (_a = patternInputWrapperRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+                (_b = patternInputRef.value) === null || _b === void 0 ? void 0 : _b.blur();
             }
             else if (props.multiple) {
                 const { value: multipleEl } = multipleElRef;
-                multipleEl === null || multipleEl === void 0 ? void 0 : multipleEl.focus();
+                multipleEl === null || multipleEl === void 0 ? void 0 : multipleEl.blur();
             }
             else {
                 const { value: singleEl } = singleElRef;
-                singleEl === null || singleEl === void 0 ? void 0 : singleEl.focus();
+                singleEl === null || singleEl === void 0 ? void 0 : singleEl.blur();
+            }
+        }
+        function focus() {
+            var _a, _b, _c;
+            if (props.filterable) {
+                patternInputFocusedRef.value = false;
+                (_a = patternInputWrapperRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+            else if (props.multiple) {
+                (_b = multipleElRef.value) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+            else {
+                (_c = singleElRef.value) === null || _c === void 0 ? void 0 : _c.focus();
             }
         }
         function focusInput() {
@@ -324,6 +337,7 @@ exports.default = (0, vue_1.defineComponent)({
             onPopoverUpdateShow,
             focus,
             focusInput,
+            blur,
             blurInput,
             updateCounter,
             getCounter,
@@ -331,7 +345,7 @@ exports.default = (0, vue_1.defineComponent)({
             renderLabel: props.renderLabel,
             cssVars: (0, vue_1.computed)(() => {
                 const { size } = props;
-                const { common: { cubicBezierEaseInOut }, self: { borderRadius, color, placeholderColor, textColor, paddingSingle, caretColor, colorDisabled, textColorDisabled, placeholderColorDisabled, colorActive, boxShadowFocus, boxShadowActive, boxShadowHover, border, borderFocus, borderHover, borderActive, arrowColor, arrowColorDisabled, loadingColor, 
+                const { common: { cubicBezierEaseInOut }, self: { borderRadius, color, placeholderColor, textColor, paddingSingle, paddingMultiple, caretColor, colorDisabled, textColorDisabled, placeholderColorDisabled, colorActive, boxShadowFocus, boxShadowActive, boxShadowHover, border, borderFocus, borderHover, borderActive, arrowColor, arrowColorDisabled, loadingColor, 
                 // form warning
                 colorActiveWarning, boxShadowFocusWarning, boxShadowActiveWarning, boxShadowHoverWarning, borderWarning, borderFocusWarning, borderHoverWarning, borderActiveWarning, 
                 // form error
@@ -357,6 +371,7 @@ exports.default = (0, vue_1.defineComponent)({
                     '--n-font-size': fontSize,
                     '--n-height': height,
                     '--n-padding-single': paddingSingle,
+                    '--n-padding-multiple': paddingMultiple,
                     '--n-placeholder-color': placeholderColor,
                     '--n-placeholder-color-disabled': placeholderColorDisabled,
                     '--n-text-color': textColor,
@@ -398,7 +413,9 @@ exports.default = (0, vue_1.defineComponent)({
         const maxTagCountResponsive = maxTagCount === 'responsive';
         const maxTagCountNumeric = typeof maxTagCount === 'number';
         const useMaxTagCount = maxTagCountResponsive || maxTagCountNumeric;
-        const suffix = ((0, vue_1.h)(suffix_1.default, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow, showClear: this.mergedClearable && this.selected, onClear: this.handleClear }));
+        const suffix = ((0, vue_1.h)(suffix_1.default, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow, showClear: this.mergedClearable && this.selected, onClear: this.handleClear }, {
+            default: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
+        }));
         let body;
         if (multiple) {
             const createTag = (option) => ((0, vue_1.h)("div", { class: `${clsPrefix}-base-selection-tag-wrapper`, key: option.value }, renderTag ? (renderTag({

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

@@ -21,6 +21,7 @@ const cssr_1 = require("../../../../_utils/cssr"); // vars:
 // --n-font-size
 // --n-height
 // --n-padding-single
+// --n-padding-multiple
 // --n-placeholder-color
 // --n-placeholder-color-disabled
 // --n-text-color
@@ -99,7 +100,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  position: relative;
  z-index: auto;
  display: flex;
- padding: 3px 26px 0 12px;
+ padding: var(--n-padding-multiple);
  flex-wrap: wrap;
  align-items: center;
  width: 100%;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     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/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/_utils/index.d.ts

@@ -1,4 +1,4 @@
-export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter } from './vue';
+export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey } from './vue';
 export type { MaybeArray } from './vue';
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute } from './naive';
 export type { ExtractPublicPropTypes, ExtractInternalPropTypes, Mutable } from './naive';

package/lib/_utils/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createKey = exports.formatLength = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
+exports.createKey = exports.formatLength = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
 var vue_1 = require("./vue");
 Object.defineProperty(exports, "call", { enumerable: true, get: function () { return vue_1.call; } });
 Object.defineProperty(exports, "keep", { enumerable: true, get: function () { return vue_1.keep; } });
@@ -23,6 +23,7 @@ Object.defineProperty(exports, "render", { enumerable: true, get: function () {
 Object.defineProperty(exports, "getFirstSlotVNode", { enumerable: true, get: function () { return vue_1.getFirstSlotVNode; } });
 Object.defineProperty(exports, "createDataKey", { enumerable: true, get: function () { return vue_1.createDataKey; } });
 Object.defineProperty(exports, "createRefSetter", { enumerable: true, get: function () { return vue_1.createRefSetter; } });
+Object.defineProperty(exports, "createInjectionKey", { enumerable: true, get: function () { return vue_1.createInjectionKey; } });
 var naive_1 = require("./naive");
 Object.defineProperty(exports, "warn", { enumerable: true, get: function () { return naive_1.warn; } });
 Object.defineProperty(exports, "warnOnce", { enumerable: true, get: function () { return naive_1.warnOnce; } });

package/lib/_utils/vue/create-injection-key.d.ts

@@ -0,0 +1,2 @@
+import { InjectionKey } from 'vue';
+export declare function createInjectionKey<T>(key: string): InjectionKey<T>;

package/lib/_utils/vue/create-injection-key.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInjectionKey = void 0;
+function createInjectionKey(key) {
+    return key;
+}
+exports.createInjectionKey = createInjectionKey;

package/lib/_utils/vue/index.d.ts

@@ -9,4 +9,6 @@ export { render } from './render';
 export { getFirstSlotVNode } from './get-first-slot-vnode';
 export { createDataKey } from './create-data-key';
 export { createRefSetter } from './create-ref-setter';
+export { createInjectionKey } from './create-injection-key';
+export { resolveSlot } from './resolve-slot';
 export type { MaybeArray } from './call';

package/lib/_utils/vue/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.call = exports.flatten = exports.omit = exports.keep = exports.getVNodeChildren = exports.getSlot = void 0;
+exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.call = exports.flatten = exports.omit = exports.keep = exports.getVNodeChildren = exports.getSlot = void 0;
 var get_slot_1 = require("./get-slot");
 Object.defineProperty(exports, "getSlot", { enumerable: true, get: function () { return get_slot_1.getSlot; } });
 var get_v_node_children_1 = require("./get-v-node-children");
@@ -23,3 +23,7 @@ var create_data_key_1 = require("./create-data-key");
 Object.defineProperty(exports, "createDataKey", { enumerable: true, get: function () { return create_data_key_1.createDataKey; } });
 var create_ref_setter_1 = require("./create-ref-setter");
 Object.defineProperty(exports, "createRefSetter", { enumerable: true, get: function () { return create_ref_setter_1.createRefSetter; } });
+var create_injection_key_1 = require("./create-injection-key");
+Object.defineProperty(exports, "createInjectionKey", { enumerable: true, get: function () { return create_injection_key_1.createInjectionKey; } });
+var resolve_slot_1 = require("./resolve-slot");
+Object.defineProperty(exports, "resolveSlot", { enumerable: true, get: function () { return resolve_slot_1.resolveSlot; } });

package/lib/_utils/vue/resolve-slot.d.ts

@@ -0,0 +1,2 @@
+import { Slot, VNodeChild } from 'vue';
+export declare function resolveSlot(slot: Slot | undefined, fallback: () => VNodeChild[]): VNodeChild;