naive-ui 2.23.1 → 2.24.2

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

@@ -156,25 +156,25 @@ export default defineComponent({
                 const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
                 const { siderToggleButtonColor, siderToggleButtonBorder, siderToggleBarColor, siderToggleBarColorHover } = self;
                 const vars = {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--toggle-button-color': siderToggleButtonColor,
-                    '--toggle-button-border': siderToggleButtonBorder,
-                    '--toggle-bar-color': siderToggleBarColor,
-                    '--toggle-bar-color-hover': siderToggleBarColorHover
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-toggle-button-color': siderToggleButtonColor,
+                    '--n-toggle-button-border': siderToggleButtonBorder,
+                    '--n-toggle-bar-color': siderToggleBarColor,
+                    '--n-toggle-bar-color-hover': siderToggleBarColorHover
                 };
                 if (props.inverted) {
-                    vars['--color'] = self.siderColorInverted;
-                    vars['--text-color'] = self.textColorInverted;
-                    vars['--border-color'] = self.siderBorderColorInverted;
-                    vars['--toggle-button-icon-color'] =
+                    vars['--n-color'] = self.siderColorInverted;
+                    vars['--n-text-color'] = self.textColorInverted;
+                    vars['--n-border-color'] = self.siderBorderColorInverted;
+                    vars['--n-toggle-button-icon-color'] =
                         self.siderToggleButtonIconColorInverted;
                     vars.__invertScrollbar = self.__invertScrollbar;
                 }
                 else {
-                    vars['--color'] = self.siderColor;
-                    vars['--text-color'] = self.textColor;
-                    vars['--border-color'] = self.siderBorderColor;
-                    vars['--toggle-button-icon-color'] = self.siderToggleButtonIconColor;
+                    vars['--n-color'] = self.siderColor;
+                    vars['--n-text-color'] = self.textColor;
+                    vars['--n-border-color'] = self.siderBorderColor;
+                    vars['--n-toggle-button-icon-color'] = self.siderToggleButtonIconColor;
                 }
                 return vars;
             }) }, exposedMethods);

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-footer.cssr.js

@@ -1,17 +1,17 @@
 import { cB, cM } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --color
-// --border-color
-// --text-color
+// --n-bezier
+// --n-color
+// --n-border-color
+// --n-text-color
 
 export default cB('layout-footer', `
  transition:
- box-shadow .3s var(--bezier),
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
- color: var(--text-color);
- background-color: var(--color);
+ box-shadow .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ color: var(--n-text-color);
+ background-color: var(--n-color);
  box-sizing: border-box;
 `, [cM('absolute-positioned', `
  position: absolute;
@@ -19,5 +19,5 @@ export default cB('layout-footer', `
  right: 0;
  bottom: 0;
  `), cM('bordered', `
- border-top: solid 1px var(--border-color);
+ border-top: solid 1px var(--n-border-color);
  `)]);

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

@@ -1,24 +1,24 @@
 import { cB, cM } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --text-color
-// --color
-// --border-color
+// --n-bezier
+// --n-text-color
+// --n-color
+// --n-border-color
 
 export default cB('layout-header', `
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- box-shadow .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  box-sizing: border-box;
  width: 100%;
- background-color: var(--color);
- color: var(--text-color);
+ background-color: var(--n-color);
+ color: var(--n-text-color);
 `, [cM('absolute-positioned', `
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  `), cM('bordered', `
- border-bottom: solid 1px var(--border-color);
+ border-bottom: solid 1px var(--n-border-color);
  `)]);

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

@@ -1,34 +1,43 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --color
-// --text-color
-// --border-color
-// --toggle-button-color
-// --toggle-bar-color
-// --toggle-bar-color-hover
+// --n-bezier
+// --n-color
+// --n-text-color
+// --n-border-color
+// --n-toggle-button-color
+// --n-toggle-bar-color
+// --n-toggle-bar-color-hover
 
 export default cB('layout-sider', `
  flex-shrink: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
- color: var(--text-color);
+ color: var(--n-text-color);
  transition:
- color .3s var(--bezier),
- border-color .3s var(--bezier),
- min-width .3s var(--bezier),
- max-width .3s var(--bezier),
- transform .3s var(--bezier),
- background-color .3s var(--bezier);
- background-color: var(--color);
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ min-width .3s var(--n-bezier),
+ max-width .3s var(--n-bezier),
+ transform .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ background-color: var(--n-color);
  display: flex;
  justify-content: flex-end;
-`, [cM('right-placement', `
+`, [cM('bordered', [c('&::after', `
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ width: 1px;
+ background-color: var(--n-border-color);
+ transition: background-color .3s var(--bezier);
+ `)]), cE('left-placement', [cM('bordered', [c('&::after', `
+ right: 0;
+ `)])]), cM('right-placement', `
  justify-content: flex-start;
- `, [cM('bordered', `
- border-right: none;
- border-left: 1px solid var(--border-color);
- `), cM('collapsed', [cB('layout-toggle-button', [cB('base-icon', `
+ `, [cM('bordered', [c('&::after', `
+ 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)'
@@ -54,11 +63,11 @@ export default cB('layout-sider', `
  transform: rotate(0);
  `)])]), cB('layout-toggle-button', `
  transition:
- color .3s var(--bezier),
- right .3s var(--bezier),
- left .3s var(--bezier),
- border-color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ right .3s var(--n-bezier),
+ left .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  cursor: pointer;
  width: 24px;
  height: 24px;
@@ -70,13 +79,14 @@ export default cB('layout-sider', `
  align-items: center;
  justify-content: center;
  font-size: 18px;
- color: var(--toggle-button-icon-color);
- border: var(--toggle-button-border);
- background-color: var(--toggle-button-color);
+ color: var(--n-toggle-button-icon-color);
+ border: var(--n-toggle-button-border);
+ 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(--bezier);
+ transition: transform .3s var(--n-bezier);
  transform: rotate(180deg);
  `)]), cB('layout-toggle-bar', `
  cursor: pointer;
@@ -92,8 +102,8 @@ export default cB('layout-sider', `
  height: 38px;
  left: 14px;
  transition: 
- background-color .3s var(--bezier),
- transform .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ transform .3s var(--n-bezier);
  `), cE('bottom', `
  position: absolute;
  top: 34px;
@@ -102,23 +112,23 @@ export default cB('layout-sider', `
 }), cE('bottom', {
   transform: 'rotate(-12deg) scale(1.15) translateY(2px)'
 })]), cE('top, bottom', {
-  backgroundColor: 'var(--toggle-bar-color)'
+  backgroundColor: 'var(--n-toggle-bar-color)'
 }), c('&:hover', [cE('top, bottom', {
-  backgroundColor: 'var(--toggle-bar-color-hover)'
+  backgroundColor: 'var(--n-toggle-bar-color-hover)'
 })])]), cE('border', `
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  `), cB('layout-sider-scroll-container', `
  flex-grow: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 100%;
  opacity: 0;
- transition: opacity .3s var(--bezier);
+ transition: opacity .3s var(--n-bezier);
  max-width: 100%;
  `), cM('show-content', [cB('layout-sider-scroll-container', {
   opacity: 1
@@ -127,6 +137,4 @@ export default cB('layout-sider', `
  left: 0;
  top: 0;
  bottom: 0;
- `), cM('bordered', `
- border-right: 1px solid var(--border-color);
  `)]);

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

@@ -1,20 +1,20 @@
 import { cB, cM } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --color
-// --text-color
+// --n-bezier
+// --n-color
+// --n-text-color
 
 export default cB('layout', `
- color: var(--text-color);
- background-color: var(--color);
+ color: var(--n-text-color);
+ background-color: var(--n-color);
  box-sizing: border-box;
  position: relative;
  z-index: auto;
  flex: auto;
  overflow: hidden;
  transition:
- box-shadow .3s var(--bezier),
- background-color .3s var(--bezier),
- color .3s var(--bezier);
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
 `, [cB('layout-scroll-container', `
  overflow-x: hidden;
  box-sizing: border-box;

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],