[Doc] hide some demo in weapp (#3232)

docs/src/WapApp.vue

@@ -17,7 +17,7 @@
       </a>
     </van-nav-bar>
     <keep-alive>
-      <router-view />
+      <router-view :weapp="weapp" />
     </keep-alive>
   </div>
 </template>
@@ -49,6 +49,10 @@ export default {
 
     showNav() {
       return getQueryString('hide_nav') !== '1';
+    },
+
+    weapp() {
+      return getQueryString('weapp') === '1';
     }
   },
 

docs/src/demo-common.js

@@ -85,6 +85,7 @@ export function wrapper(promise, name) {
     component = component.default;
     name = 'demo-' + name;
     component.name = name;
+
     const { i18n: config } = component;
     if (config) {
       const formattedI18n = {};
@@ -94,6 +95,10 @@ export function wrapper(promise, name) {
       });
       Locale.add(formattedI18n);
     }
+
+    component.props = component.props || {};
+    component.props.weapp = Boolean;
+
     return component;
   });
 }

packages/col/demo/index.vue

@@ -35,7 +35,10 @@
       </van-row>
     </demo-block>
 
-    <demo-block :title="$t('title3')">
+    <demo-block
+      v-if="!weapp"
+      :title="$t('title3')"
+    >
       <van-row type="flex">
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>

packages/rate/demo/index.vue

@@ -22,7 +22,10 @@
       />
     </demo-block>
 
-    <demo-block :title="$t('halfStar')">
+    <demo-block
+      v-if="!weapp"
+      :title="$t('halfStar')"
+    >
       <van-rate
         v-model="value4"
         :size="25"

packages/slider/demo/index.vue

@@ -54,7 +54,10 @@
       </van-slider>
     </demo-block>
 
-    <demo-block :title="$t('vertical')">
+    <demo-block
+      v-if="!weapp"
+      :title="$t('vertical')"
+    >
       <div :style="{ height: '120px', paddingLeft: '30px' }">
         <van-slider
           v-model="value7"