From c2737446a61fc37d1ecf1f69a2fe132bfe3ebd9a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 12 Jul 2021 16:29:44 +0800
Subject: [PATCH] chore: fix cell slot warning

---
 src/stepper/demo/index.vue | 50 ++++++++++++++++++--------
 src/tag/demo/index.vue     | 72 ++++++++++++++++++++++++++------------
 2 files changed, 85 insertions(+), 37 deletions(-)

diff --git a/src/stepper/demo/index.vue b/src/stepper/demo/index.vue
index 2f369a9f8..a1c761f2e 100644
--- a/src/stepper/demo/index.vue
+++ b/src/stepper/demo/index.vue
@@ -1,48 +1,68 @@
 <template>
   <demo-block card>
     <van-cell center :title="t('basicUsage')">
-      <van-stepper v-model="stepper1" />
+      <template #value>
+        <van-stepper v-model="stepper1" />
+      </template>
     </van-cell>
 
     <van-cell center :title="t('step')">
-      <van-stepper v-model="stepper2" step="2" />
+      <template #value>
+        <van-stepper v-model="stepper2" step="2" />
+      </template>
     </van-cell>
 
     <van-cell center :title="t('range')">
-      <van-stepper v-model="stepper3" :min="5" :max="8" />
+      <template #value>
+        <van-stepper v-model="stepper3" :min="5" :max="8" />
+      </template>
     </van-cell>
 
     <van-cell center :title="t('integer')">
-      <van-stepper v-model="stepper4" integer />
+      <template #value>
+        <van-stepper v-model="stepper4" integer />
+      </template>
     </van-cell>
 
     <van-cell center :title="t('disabled')">
-      <van-stepper v-model="stepper5" disabled />
+      <template #value>
+        <van-stepper v-model="stepper5" disabled />
+      </template>
     </van-cell>
 
     <van-cell center :title="t('disableInput')">
-      <van-stepper v-model="disabledInput" disable-input />
+      <template #value>
+        <van-stepper v-model="disabledInput" disable-input />
+      </template>
     </van-cell>
 
     <van-cell center :title="t('decimalLength')">
-      <van-stepper v-model="stepper8" :decimal-length="1" step="0.2" />
+      <template #value>
+        <van-stepper v-model="stepper8" :decimal-length="1" step="0.2" />
+      </template>
     </van-cell>
 
     <van-cell center :title="t('customSize')">
-      <van-stepper v-model="stepper7" button-size="32px" input-width="40px" />
+      <template #value>
+        <van-stepper v-model="stepper7" button-size="32px" input-width="40px" />
+      </template>
     </van-cell>
 
     <van-cell center :title="t('beforeChange')">
-      <van-stepper v-model="stepper6" :before-change="beforeChange" />
+      <template #value>
+        <van-stepper v-model="stepper6" :before-change="beforeChange" />
+      </template>
     </van-cell>
 
     <van-cell v-if="!isWeapp" center :title="t('roundTheme')">
-      <van-stepper
-        v-model="stepperRound"
-        theme="round"
-        button-size="22"
-        disable-input
-      />
+      <template #value>
+        <van-stepper
+          v-model="stepperRound"
+          theme="round"
+          button-size="22"
+          disable-input
+        />
+      </template>
     </van-cell>
   </demo-block>
 </template>
diff --git a/src/tag/demo/index.vue b/src/tag/demo/index.vue
index 7cedb27b4..00be4a821 100644
--- a/src/tag/demo/index.vue
+++ b/src/tag/demo/index.vue
@@ -1,63 +1,91 @@
 <template>
   <demo-block card :title="t('basicUsage')">
     <van-cell :title="`primary ${t('type')}`">
-      <van-tag type="primary">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag type="primary">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="`success ${t('type')}`">
-      <van-tag type="success">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag type="success">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="`danger ${t('type')}`">
-      <van-tag type="danger">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag type="danger">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="`warning ${t('type')}`">
-      <van-tag type="warning">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag type="warning">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
   </demo-block>
 
   <demo-block card :title="t('tagStyle')">
     <van-cell :title="t('plain')">
-      <van-tag plain type="primary">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag plain type="primary">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="t('round')">
-      <van-tag round type="primary">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag round type="primary">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="t('mark')">
-      <van-tag mark type="primary">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag mark type="primary">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="t('closeable')">
-      <van-tag
-        closeable
-        :show="show"
-        size="medium"
-        type="primary"
-        @close="close"
-      >
-        {{ t('tag') }}
-      </van-tag>
+      <template #value>
+        <van-tag
+          closeable
+          :show="show"
+          size="medium"
+          type="primary"
+          @close="close"
+        >
+          {{ t('tag') }}
+        </van-tag>
+      </template>
     </van-cell>
   </demo-block>
 
   <demo-block card :title="t('customSize')">
     <van-cell :title="t('smallSize')">
-      <van-tag type="primary">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag type="primary">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="t('mediumSize')">
-      <van-tag type="primary" size="medium">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag type="primary" size="medium">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="t('largeSize')">
-      <van-tag type="primary" size="large">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag type="primary" size="large">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
   </demo-block>
 
   <demo-block card :title="t('customColor')">
     <van-cell :title="t('customBgColor')">
-      <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="t('customTextColor')">
-      <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
     <van-cell :title="t('customPlainColor')">
-      <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
+      <template #value>
+        <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
+      </template>
     </van-cell>
   </demo-block>
 </template>