chore: add warn of deprecated slot (#8972)

* chore: migrate cell default slot

* chore: add warn of deprecated slot

src/cell/Cell.tsx

@@ -33,7 +33,7 @@ export const cellProps = {
   valueClass: unknownProp,
   labelClass: unknownProp,
   titleClass: unknownProp,
-  titleStyle: null as unknown as PropType<string | CSSProperties>,
+  titleStyle: (null as unknown) as PropType<string | CSSProperties>,
   arrowDirection: String as PropType<CellArrowDirection>,
   clickable: {
     type: Boolean as PropType<boolean | null>,
@@ -47,6 +47,14 @@ export default defineComponent({
   props: extend({}, cellProps, routeProps),
 
   setup(props, { slots }) {
+    if (process.env.NODE_ENV !== 'production') {
+      if (slots.default) {
+        console.warn(
+          '[Vant] Cell: "default" slot is deprecated, please use "value" slot instead.'
+        );
+      }
+    }
+
     const route = useRoute();
 
     const renderLabel = () => {

src/cell/test/__snapshots__/index.spec.ts.snap

@@ -12,14 +12,6 @@ exports[`should change icon class prefix when using icon-prefix prop 1`] = `
 </div>
 `;
 
-exports[`should render default slot correctly 1`] = `
-<div class="van-cell">
-  <div class="van-cell__value van-cell__value--alone">
-    Custom Value
-  </div>
-</div>
-`;
-
 exports[`should render extra slot correctly 1`] = `
 <div class="van-cell">
   Custom Extra

src/cell/test/index.spec.ts

@@ -1,15 +1,6 @@
 import { Cell } from '..';
 import { mount } from '../../../test';
 
-test('should render default slot correctly', () => {
-  const wrapper = mount(Cell, {
-    slots: {
-      default: () => 'Custom Value',
-    },
-  });
-  expect(wrapper.html()).toMatchSnapshot();
-});
-
 test('should render value slot correctly', () => {
   const wrapper = mount(Cell, {
     slots: {

src/picker/Picker.tsx

@@ -92,6 +92,12 @@ export default defineComponent({
   emits: ['confirm', 'cancel', 'change'],
 
   setup(props, { emit, slots }) {
+    if (slots.default) {
+      console.warn(
+        '[Vant] Picker: "default" slot is deprecated, please use "toolbar" slot instead.'
+      );
+    }
+
     const formattedColumns = ref<PickerObjectColumn[]>([]);
 
     const { text: textKey, values: valuesKey, children: childrenKey } = extend(