chore: using symbol as provide key (#8260)

src/action-bar/index.tsx

@@ -3,7 +3,7 @@ import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('action-bar');
 
-export const ACTION_BAR_KEY = 'vanActionBar';
+export const ACTION_BAR_KEY = Symbol('ActionBar');
 
 export default createComponent({
   props: {

src/checkbox-group/index.tsx

@@ -7,7 +7,7 @@ import { CheckerParent, CheckerDirection } from '../checkbox/Checker';
 
 const [createComponent, bem] = createNamespace('checkbox-group');
 
-export const CHECKBOX_GROUP_KEY = 'vanCheckboxGroup';
+export const CHECKBOX_GROUP_KEY = Symbol('CheckboxGroup');
 
 export type CheckboxGroupToggleAllOptions =
   | boolean

src/collapse/index.tsx

@@ -5,7 +5,7 @@ import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('collapse');
 
-export const COLLAPSE_KEY = 'vanCollapse';
+export const COLLAPSE_KEY = Symbol('Collapse');
 
 export type CollapseProvide = {
   toggle: (name: number | string, expanded: boolean) => void;

src/composables/use-link-field.ts

@@ -1,8 +1,8 @@
 import { ComponentInstance } from '../utils';
 import { watch, inject } from 'vue';
 
-export const FORM_KEY = 'vanForm';
+export const FORM_KEY = Symbol('Form');
-export const FIELD_KEY = 'vanField';
+export const FIELD_KEY = Symbol('Field');
 
 export function useLinkField(getValue: () => unknown) {
   const field = inject(FIELD_KEY, null) as ComponentInstance | null;

src/dropdown-menu/index.tsx

@@ -14,7 +14,7 @@ import {
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
 
-export const DROPDOWN_KEY = 'vanDropdownMenu';
+export const DROPDOWN_KEY = Symbol('DropdownMenu');
 
 export type DropdownMenuDirection = 'up' | 'down';
 

src/grid/index.tsx

@@ -5,7 +5,7 @@ import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('grid');
 
-export const GRID_KEY = 'vanGrid';
+export const GRID_KEY = Symbol('Grid');
 
 export type GridDirection = 'horizontal' | 'vertical';
 

src/index-bar/index.tsx

@@ -30,7 +30,7 @@ import {
 import { useTouch } from '../composables/use-touch';
 import { useExpose } from '../composables/use-expose';
 
-export const INDEX_BAR_KEY = 'vanIndexBar';
+export const INDEX_BAR_KEY = Symbol('IndexBar');
 
 export type IndexBarProvide = {
   props: {

src/picker/PickerColumn.tsx

@@ -34,7 +34,7 @@ function getElementTranslateY(element: Element) {
   return Number(translateY);
 }
 
-export const PICKER_KEY = 'vanPicker';
+export const PICKER_KEY = Symbol('Picker');
 
 export type PickerObjectOption = {
   text?: string;

src/radio-group/index.tsx

@@ -6,7 +6,7 @@ import { CheckerParent } from '../checkbox/Checker';
 
 const [createComponent, bem] = createNamespace('radio-group');
 
-export const RADIO_KEY = 'vanRadio';
+export const RADIO_KEY = Symbol('RadioGroup');
 
 export type RadioGroupProvide = CheckerParent & {
   props: {

src/row/index.tsx

@@ -4,7 +4,7 @@ import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('row');
 
-export const ROW_KEY = 'vanRow';
+export const ROW_KEY = Symbol('Row');
 
 export type RowSpaces = { left?: number; right: number }[];
 

src/sidebar/index.tsx

@@ -3,7 +3,7 @@ import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('sidebar');
 
-export const SIDEBAR_KEY = 'vanSidebar';
+export const SIDEBAR_KEY = Symbol('Sidebar');
 
 export type SidebarProvide = {
   getActive: () => number;

src/steps/index.tsx

@@ -4,7 +4,7 @@ import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('steps');
 
-export const STEPS_KEY = 'vanSteps';
+export const STEPS_KEY = Symbol('Steps');
 
 export type StepsDirection = 'horizontal' | 'vertical';
 

src/swipe/index.tsx

@@ -33,7 +33,7 @@ import { useExpose } from '../composables/use-expose';
 
 const [createComponent, bem] = createNamespace('swipe');
 
-export const SWIPE_KEY = 'vanSwipe';
+export const SWIPE_KEY = Symbol('Swipe');
 
 export type SwipeToOptions = {
   immediate?: boolean;

src/tabbar/index.tsx

@@ -11,7 +11,7 @@ import { usePlaceholder } from '../composables/use-placeholder';
 
 const [createComponent, bem] = createNamespace('tabbar');
 
-export const TABBAR_KEY = 'vanTabbar';
+export const TABBAR_KEY = Symbol('Tabbar');
 
 export type TabbarProvide = {
   props: {

src/tabs/index.tsx

@@ -47,7 +47,7 @@ import TabsContent from './TabsContent';
 
 const [createComponent, bem] = createNamespace('tabs');
 
-export const TABS_KEY = 'vanTabs';
+export const TABS_KEY = Symbol('Tabs');
 
 export type TabType = 'line' | 'card';