naive-ui 2.23.2 → 2.24.3

package/es/layout/src/LayoutSider.d.ts

@@ -201,11 +201,14 @@ declare const _default: import("vue").DefineComponent<{
     scrollTo: ((options: ScrollToOptions) => void) & ((x: number, y: number) => void);
     scrollableElRef: import("vue").Ref<HTMLElement | null>;
     scrollbarInstRef: import("vue").Ref<{
-        scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
-        sync: () => void;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;
+        syncUnifiedContainer: () => void;
+        scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        sync: () => void;
+        handleMouseEnterWrapper: () => void;
+        handleMouseLeaveWrapper: () => void;
     } | null>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedTheme: import("vue").ComputedRef<{
@@ -358,49 +361,59 @@ declare const _default: import("vue").DefineComponent<{
     handleTransitionend: (e: TransitionEvent) => void;
     handleTriggerClick: () => void;
     cssVars: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    position?: unknown;
-    bordered?: unknown;
-    collapsedWidth?: unknown;
-    width?: unknown;
-    contentStyle?: unknown;
-    collapseMode?: unknown;
-    collapsed?: unknown;
-    defaultCollapsed?: unknown;
-    showCollapsedContent?: unknown;
-    showTrigger?: unknown;
-    nativeScrollbar?: unknown;
-    inverted?: unknown;
-    scrollbarProps?: unknown;
-    triggerStyle?: unknown;
-    collapsedTriggerStyle?: unknown;
-    'onUpdate:collapsed'?: unknown;
-    onUpdateCollapsed?: unknown;
-    onAfterEnter?: unknown;
-    onAfterLeave?: unknown;
-    onExpand?: unknown;
-    onCollapse?: unknown;
-    onScroll?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    position: "static" | "absolute";
-    width: string | number;
-    bordered: boolean;
-    contentStyle: string | CSSProperties;
-    inverted: boolean;
-    nativeScrollbar: boolean;
-    collapsedWidth: number;
-    collapseMode: "transform" | "width";
-    defaultCollapsed: boolean;
-    showCollapsedContent: boolean;
-    showTrigger: boolean | "bar" | "arrow-circle";
-} & {
-    onAfterEnter?: (() => void) | undefined;
-    onAfterLeave?: (() => void) | undefined;
-    onScroll?: ((e: Event) => void) | undefined;
-    theme?: import("../../_mixins").Theme<"Layout", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    position: {
+        readonly type: PropType<"static" | "absolute">;
+        readonly default: "static";
+    };
+    bordered: BooleanConstructor;
+    collapsedWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 48;
+    };
+    width: {
+        readonly type: PropType<string | number>;
+        readonly default: 272;
+    };
+    contentStyle: {
+        readonly type: PropType<string | CSSProperties>;
+        readonly default: "";
+    };
+    collapseMode: {
+        readonly type: PropType<"transform" | "width">;
+        readonly default: "transform";
+    };
+    collapsed: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    defaultCollapsed: BooleanConstructor;
+    showCollapsedContent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    showTrigger: {
+        readonly type: PropType<boolean | "bar" | "arrow-circle">;
+        readonly default: false;
+    };
+    nativeScrollbar: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    inverted: BooleanConstructor;
+    scrollbarProps: PropType<Partial<ScrollbarProps> & {
+        style: CSSProperties;
+    }>;
+    triggerStyle: PropType<string | CSSProperties>;
+    collapsedTriggerStyle: PropType<string | CSSProperties>;
+    'onUpdate:collapsed': PropType<MaybeArray<(value: boolean) => void>>;
+    onUpdateCollapsed: PropType<MaybeArray<(value: boolean) => void>>;
+    onAfterEnter: PropType<() => void>;
+    onAfterLeave: PropType<() => void>;
+    onExpand: PropType<MaybeArray<() => void>>;
+    onCollapse: PropType<MaybeArray<() => void>>;
+    onScroll: PropType<(e: Event) => void>;
+    theme: PropType<import("../../_mixins").Theme<"Layout", {
         textColor: string;
         textColorInverted: string;
         color: string;
@@ -429,8 +442,8 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
         textColor: string;
         textColorInverted: string;
         color: string;
@@ -459,8 +472,8 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
         textColor: string;
         textColorInverted: string;
         color: string;
@@ -489,18 +502,8 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }>> | undefined;
-    collapsed?: boolean | undefined;
-    scrollbarProps?: (Partial<ScrollbarProps> & {
-        style: CSSProperties;
-    }) | undefined;
-    triggerStyle?: string | CSSProperties | undefined;
-    collapsedTriggerStyle?: string | CSSProperties | undefined;
-    "onUpdate:collapsed"?: MaybeArray<(value: boolean) => void> | undefined;
-    onUpdateCollapsed?: MaybeArray<(value: boolean) => void> | undefined;
-    onExpand?: MaybeArray<() => void> | undefined;
-    onCollapse?: MaybeArray<() => void> | undefined;
-}>, {
+    }>>>;
+}>>, {
     position: "static" | "absolute";
     width: string | number;
     bordered: boolean;

package/es/layout/src/LayoutSider.js

@@ -211,6 +211,7 @@ export default defineComponent({
                         overflow: 'auto'
                     }
                 ], ref: "scrollableElRef" }, this.$slots)),
-            showTrigger ? (showTrigger === 'bar' ? (h(ToggleBar, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : (h(ToggleButton, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null));
+            showTrigger ? (showTrigger === 'bar' ? (h(ToggleBar, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : (h(ToggleButton, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null,
+            this.bordered ? (h("div", { class: `${mergedClsPrefix}-layout-sider__border` })) : null));
     }
 });

package/es/layout/src/ToggleBar.d.ts

@@ -5,12 +5,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     onClick: PropType<(e: MouseEvent) => void>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    onClick?: unknown;
-} & {
-    clsPrefix: string;
-} & {
-    onClick?: ((e: MouseEvent) => void) | undefined;
-}>, {}>;
+}, unknown, 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;
+    };
+    onClick: PropType<(e: MouseEvent) => void>;
+}>>, {}>;
 export default _default;

package/es/layout/src/ToggleButton.d.ts

@@ -5,12 +5,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     onClick: PropType<(e: MouseEvent) => void>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    onClick?: unknown;
-} & {
-    clsPrefix: string;
-} & {
-    onClick?: ((e: MouseEvent) => void) | undefined;
-}>, {}>;
+}, unknown, 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;
+    };
+    onClick: PropType<(e: MouseEvent) => void>;
+}>>, {}>;
 export default _default;

package/es/layout/src/interface.d.ts

@@ -1,5 +1,5 @@
-import { InjectionKey, PropType, Ref } from 'vue';
-export declare const layoutSiderInjectionKey: InjectionKey<{
+import { PropType, Ref } from 'vue';
+export declare const layoutSiderInjectionKey: import("vue").InjectionKey<{
     collapsedRef: Ref<boolean>;
     collapseModeRef: Ref<'transform' | 'width'>;
 }>;

package/es/layout/src/interface.js

@@ -1,4 +1,5 @@
-export const layoutSiderInjectionKey = Symbol('layoutSiderInjection');
+import { createInjectionKey } from '../../_utils';
+export const layoutSiderInjectionKey = createInjectionKey('n-layout-sider');
 export const positionProp = {
     type: String,
     default: 'static'

package/es/layout/src/styles/layout-sider.cssr.js

@@ -23,12 +23,21 @@ export default cB('layout-sider', `
  background-color: var(--n-color);
  display: flex;
  justify-content: flex-end;
-`, [cM('right-placement', `
+`, [cM('bordered', [cE('border', `
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ width: 1px;
+ background-color: var(--n-border-color);
+ transition: background-color .3s var(--n-bezier);
+ `)]), cE('left-placement', [cM('bordered', [cE('border', `
+ right: 0;
+ `)])]), cM('right-placement', `
  justify-content: flex-start;
- `, [cM('bordered', `
- border-right: none;
- border-left: 1px solid var(--n-border-color);
- `), cM('collapsed', [cB('layout-toggle-button', [cB('base-icon', `
+ `, [cM('bordered', [cE('border', `
+ left: 0;
+ `)]), cM('collapsed', [cB('layout-toggle-button', [cB('base-icon', `
  transform: rotate(180deg);
  `)]), cB('layout-toggle-bar', [c('&:hover', [cE('top', {
   transform: 'rotate(-12deg) scale(1.15) translateY(-2px)'
@@ -75,6 +84,7 @@ export default cB('layout-sider', `
  background-color: var(--n-toggle-button-color);
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .06);
  transform: translateX(50%) translateY(-50%);
+ z-index: 1;
  `, [cB('base-icon', `
  transition: transform .3s var(--n-bezier);
  transform: rotate(180deg);
@@ -127,6 +137,4 @@ export default cB('layout-sider', `
  left: 0;
  top: 0;
  bottom: 0;
- `), cM('bordered', `
- border-right: 1px solid var(--n-border-color);
  `)]);

package/es/legacy-grid/src/Col.d.ts

@@ -43,17 +43,24 @@ declare const _default: import("vue").DefineComponent<{
     gutter: import("vue").Ref<string | number | [number, number]>;
     stylePadding: import("vue").ComputedRef<string>;
     mergedPush: import("vue").ComputedRef<number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly span?: unknown;
-    readonly push?: unknown;
-    readonly pull?: unknown;
-    readonly offset?: unknown;
-} & {
-    push: Span;
-    offset: Span;
-    span: Span;
-    pull: Span;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly span: {
+        readonly type: PropType<Span>;
+        readonly default: 1;
+    };
+    readonly push: {
+        readonly type: PropType<Span>;
+        readonly default: 0;
+    };
+    readonly pull: {
+        readonly type: PropType<Span>;
+        readonly default: 0;
+    };
+    readonly offset: {
+        readonly type: PropType<Span>;
+        readonly default: 0;
+    };
+}>>, {
     push: Span;
     offset: Span;
     span: Span;

package/es/legacy-grid/src/Row.d.ts

@@ -1,12 +1,12 @@
-import { InjectionKey, PropType, Ref } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { PropType, Ref } from 'vue';
+import { ExtractPublicPropTypes } from '../../_utils';
 export interface RowInjection {
     gutterRef: Ref<string | number | [number, number]>;
     verticalGutterRef: Ref<number>;
     horizontalGutterRef: Ref<number>;
     mergedClsPrefixRef: Ref<string>;
 }
-export declare const rowInjectionKey: InjectionKey<RowInjection>;
+export declare const rowInjectionKey: import("vue").InjectionKey<RowInjection>;
 export declare const rowProps: {
     readonly gutter: {
         readonly type: PropType<string | number | [number, number]>;
@@ -28,16 +28,14 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     styleMargin: import("vue").ComputedRef<string>;
     styleWidth: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly gutter?: unknown;
-    readonly alignItems?: unknown;
-    readonly justifyContent?: unknown;
-} & {
-    gutter: string | number | [number, number];
-} & {
-    alignItems?: string | undefined;
-    justifyContent?: string | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly gutter: {
+        readonly type: PropType<string | number | [number, number]>;
+        readonly default: 0;
+    };
+    readonly alignItems: StringConstructor;
+    readonly justifyContent: StringConstructor;
+}>>, {
     gutter: string | number | [number, number];
 }>;
 export default _default;

package/es/legacy-grid/src/Row.js

@@ -1,9 +1,9 @@
 import { defineComponent, h, provide, toRef } from 'vue';
 import { useMemo } from 'vooks';
-import { formatLength, keysOf } from '../../_utils';
+import { createInjectionKey, formatLength, keysOf } from '../../_utils';
 import { useConfig, useStyle } from '../../_mixins';
 import style from './styles/index.cssr';
-export const rowInjectionKey = Symbol('row');
+export const rowInjectionKey = createInjectionKey('n-row');
 export const rowProps = {
     gutter: {
         type: [Array, Number, String],

package/es/list/src/List.d.ts

@@ -1,5 +1,5 @@
-import { PropType, Ref, InjectionKey } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { PropType, Ref } from 'vue';
+import { ExtractPublicPropTypes } from '../../_utils';
 declare const listProps: {
     size: {
         type: PropType<"small" | "medium" | "large">;
@@ -47,7 +47,7 @@ export declare type ListProps = ExtractPublicPropTypes<typeof listProps>;
 interface ListInjection {
     mergedClsPrefixRef: Ref<string>;
 }
-export declare const listInjectionKey: InjectionKey<ListInjection>;
+export declare const listInjectionKey: import("vue").InjectionKey<ListInjection>;
 declare const _default: import("vue").DefineComponent<{
     size: {
         type: PropType<"small" | "medium" | "large">;
@@ -104,17 +104,16 @@ declare const _default: import("vue").DefineComponent<{
         '--n-color-modal': string;
         '--n-color-popover': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    bordered?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    size: "small" | "medium" | "large";
-    bordered: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"List", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: PropType<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
         colorModal: string;
@@ -124,8 +123,8 @@ declare const _default: import("vue").DefineComponent<{
         borderColorPopover: string;
         borderRadius: string;
         fontSize: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
         colorModal: string;
@@ -135,8 +134,8 @@ declare const _default: import("vue").DefineComponent<{
         borderColorPopover: string;
         borderRadius: string;
         fontSize: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
         colorModal: string;
@@ -146,8 +145,8 @@ declare const _default: import("vue").DefineComponent<{
         borderColorPopover: string;
         borderRadius: string;
         fontSize: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: "small" | "medium" | "large";
     bordered: boolean;
 }>;

package/es/list/src/List.js

@@ -1,5 +1,6 @@
-import { computed, defineComponent, h, renderSlot, provide } from 'vue';
+import { computed, defineComponent, h, provide } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
+import { createInjectionKey } from '../../_utils';
 import { listLight } from '../styles';
 import style from './styles/index.cssr';
 const listProps = Object.assign(Object.assign({}, useTheme.props), { size: {
@@ -9,7 +10,7 @@ const listProps = Object.assign(Object.assign({}, useTheme.props), { size: {
         type: Boolean,
         default: false
     } });
-export const listInjectionKey = Symbol('list');
+export const listInjectionKey = createInjectionKey('n-list');
 export default defineComponent({
     name: 'List',
     props: listProps,
@@ -39,13 +40,14 @@ export default defineComponent({
         };
     },
     render() {
+        var _a;
         const { $slots, mergedClsPrefix } = this;
         return (h("ul", { class: [
                 `${mergedClsPrefix}-list`,
                 this.bordered && `${mergedClsPrefix}-list--bordered`
             ], style: this.cssVars },
-            $slots.header ? (h("div", { class: `${mergedClsPrefix}-list__header` }, renderSlot($slots, 'header'))) : null,
-            renderSlot($slots, 'default'),
-            $slots.footer ? (h("div", { class: `${mergedClsPrefix}-list__footer` }, renderSlot($slots, 'footer'))) : null));
+            $slots.header ? (h("div", { class: `${mergedClsPrefix}-list__header` }, $slots.header())) : null, (_a = $slots.default) === null || _a === void 0 ? void 0 :
+            _a.call($slots),
+            $slots.footer ? (h("div", { class: `${mergedClsPrefix}-list__footer` }, $slots.footer())) : null));
     }
 });

package/es/list/src/ListItem.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
     mergedClsPrefix: import("vue").Ref<string>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/list/src/ListItem.js

@@ -1,4 +1,4 @@
-import { h, renderSlot, defineComponent, inject } from 'vue';
+import { h, defineComponent, inject } from 'vue';
 import { throwError } from '../../_utils';
 import { listInjectionKey } from './List';
 export default defineComponent({
@@ -15,8 +15,8 @@ export default defineComponent({
     render() {
         const { $slots, mergedClsPrefix } = this;
         return (h("li", { class: `${mergedClsPrefix}-list-item` },
-            $slots.prefix ? (h("div", { class: `${mergedClsPrefix}-list-item__prefix` }, renderSlot($slots, 'prefix'))) : null,
+            $slots.prefix ? (h("div", { class: `${mergedClsPrefix}-list-item__prefix` }, $slots.prefix())) : null,
             $slots.default ? (h("div", { class: `${mergedClsPrefix}-list-item__main` }, $slots)) : null,
-            $slots.suffix ? (h("div", { class: `${mergedClsPrefix}-list-item__suffix` }, renderSlot($slots, 'suffix'))) : null));
+            $slots.suffix ? (h("div", { class: `${mergedClsPrefix}-list-item__suffix` }, $slots.suffix())) : null));
     }
 });

package/es/loading-bar/src/LoadingBar.d.ts

@@ -17,5 +17,5 @@ declare const _default: import("vue").DefineComponent<{}, {
         '--n-color-loading': string;
         '--n-color-error': string;
     }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/loading-bar/src/LoadingBarProvider.d.ts

@@ -1,5 +1,5 @@
-import { PropType, ExtractPropTypes, InjectionKey, Ref, CSSProperties } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { PropType, ExtractPropTypes, Ref, CSSProperties } from 'vue';
+import { ExtractPublicPropTypes } from '../../_utils';
 interface LoadingBarInst {
     start: () => void;
     error: () => void;
@@ -36,11 +36,11 @@ declare const loadingBarProps: {
 };
 export declare type LoadingBarProviderProps = ExtractPublicPropTypes<typeof loadingBarProps>;
 export declare type LoadingBarProviderSetupProps = ExtractPropTypes<typeof loadingBarProps>;
-export declare const loadingBarProviderInjectionKey: InjectionKey<{
+export declare const loadingBarProviderInjectionKey: import("vue").InjectionKey<{
     props: LoadingBarProviderSetupProps;
     mergedClsPrefixRef: Ref<string>;
 }>;
-export declare const loadingBarApiInjectionKey: InjectionKey<LoadingBarApiInjection>;
+export declare const loadingBarApiInjectionKey: import("vue").InjectionKey<LoadingBarInst>;
 declare const _default: import("vue").DefineComponent<{
     to: {
         type: PropType<string | HTMLElement>;
@@ -73,34 +73,33 @@ declare const _default: import("vue").DefineComponent<{
         error: () => void;
         finish: () => void;
     } | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    to?: unknown;
-    loadingBarStyle?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {} & {
-    to?: string | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"LoadingBar", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    to: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    loadingBarStyle: {
+        type: PropType<{
+            loading?: string | CSSProperties | undefined;
+            error?: string | CSSProperties | undefined;
+        }>;
+    };
+    theme: PropType<import("../../_mixins").Theme<"LoadingBar", {
         colorError: string;
         colorLoading: string;
         height: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"LoadingBar", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"LoadingBar", {
         colorError: string;
         colorLoading: string;
         height: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"LoadingBar", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"LoadingBar", {
         colorError: string;
         colorLoading: string;
         height: string;
-    }, any>> | undefined;
-    loadingBarStyle?: {
-        loading?: string | CSSProperties | undefined;
-        error?: string | CSSProperties | undefined;
-    } | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     to: string | HTMLElement;
 }>;
 export default _default;

package/es/loading-bar/src/LoadingBarProvider.js

@@ -1,15 +1,16 @@
-import { Fragment, h, ref, Teleport, defineComponent, provide, nextTick, renderSlot } from 'vue';
+import { Fragment, h, ref, Teleport, defineComponent, provide, nextTick } from 'vue';
 import { useIsMounted } from 'vooks';
 import { useConfig, useTheme } from '../../_mixins';
 import NLoadingBar from './LoadingBar';
+import { createInjectionKey } from '../../_utils';
 const loadingBarProps = Object.assign(Object.assign({}, useTheme.props), { to: {
         type: [String, Object],
         default: undefined
     }, loadingBarStyle: {
         type: Object
     } });
-export const loadingBarProviderInjectionKey = Symbol('loadingBar');
-export const loadingBarApiInjectionKey = Symbol('loadingBarApi');
+export const loadingBarProviderInjectionKey = createInjectionKey('n-loading-bar');
+export const loadingBarApiInjectionKey = createInjectionKey('n-loading-bar-api');
 export default defineComponent({
     name: 'LoadingBarProvider',
     props: loadingBarProps,
@@ -65,10 +66,10 @@ export default defineComponent({
         });
     },
     render() {
-        var _a;
+        var _a, _b, _c;
         return (h(Fragment, null,
             h(Teleport, { to: (_a = this.to) !== null && _a !== void 0 ? _a : 'body' },
-                h(NLoadingBar, { ref: "loadingBarRef" })),
-            renderSlot(this.$slots, 'default')));
+                h(NLoadingBar, { ref: "loadingBarRef" })), (_c = (_b = this.$slots).default) === null || _c === void 0 ? void 0 :
+            _c.call(_b)));
     }
 });