chore: remote isWeapp mixin (#9236)

* chore: remote isWeapp mixin

* fix: demo locale

docs/site/demo-locale.js

@@ -5,15 +5,6 @@ Locale.add({
   'en-US': enUS,
 });
 
-export const DemoLocaleMixin = {
-  computed: {
-    // flag for vant-weapp demos
-    isWeapp() {
-      return location.search.indexOf('weapp=1') !== -1;
-    },
-  },
-};
-
 // switch lang after routing
 if (window.vueRouter) {
   window.vueRouter.afterEach((to) => {

docs/site/entry.js

@@ -1,11 +1,8 @@
-import { DemoLocaleMixin } from './demo-locale';
+import './demo-locale';
 import Lazyload from '../../src/lazyload';
 
 const { app } = window;
 if (app) {
-  // helper for demo locales
-  app.mixin(DemoLocaleMixin);
-
   app.use(Lazyload, {
     lazyComponent: true,
   });

src/action-bar/demo/index.vue

@@ -72,7 +72,7 @@ const onClickButton = () => Toast(t('clickButton'));
     </van-action-bar>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('customIconColor')">
+  <demo-block :title="t('customIconColor')">
     <van-action-bar>
       <van-action-bar-icon icon="chat-o" :text="t('icon1')" color="#ee0a24" />
       <van-action-bar-icon icon="cart-o" :text="t('icon2')" />

src/button/demo/index.vue

@@ -124,7 +124,7 @@ const t = useTranslate(i18n);
     <van-button type="primary" block>{{ t('blockElement') }}</van-button>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('router')">
+  <demo-block :title="t('router')">
     <van-button :text="t('urlRoute')" type="primary" url="/vant/mobile.html" />
     <van-button :text="t('vueRoute')" type="primary" to="index" />
   </demo-block>

src/calendar/demo/index.vue

@@ -282,7 +282,6 @@ const onConfirm = (date: Date | Date[]) => {
     />
 
     <van-cell
-      v-if="!isWeapp"
       is-link
       :title="t('firstDayOfWeek')"
       @click="show('single', 'firstDayOfWeek')"

src/cell/demo/index.vue

@@ -45,7 +45,7 @@ const t = useTranslate(i18n);
     </van-cell-group>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('insetGrouped')">
+  <demo-block :title="t('insetGrouped')">
     <van-cell-group inset>
       <van-cell :title="t('cell')" :value="t('content')" />
       <van-cell :title="t('cell')" :value="t('content')" :label="t('desc')" />
@@ -66,7 +66,7 @@ const t = useTranslate(i18n);
     <van-cell :title="t('cell')" :value="t('content')" icon="location-o" />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('valueOnly')">
+  <demo-block :title="t('valueOnly')">
     <van-cell :value="t('content')" />
   </demo-block>
 

src/checkbox/demo/index.vue

@@ -126,7 +126,7 @@ const toggleAll = () => {
     </van-checkbox-group>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('horizontal')">
+  <demo-block :title="t('horizontal')">
     <van-checkbox-group v-model="state.horizontalResult" direction="horizontal">
       <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
       <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
@@ -141,7 +141,7 @@ const toggleAll = () => {
     </van-checkbox-group>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('toggleAll')">
+  <demo-block :title="t('toggleAll')">
     <van-checkbox-group v-model="state.checkAllResult" ref="group">
       <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
       <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>

src/col/demo/index.vue

@@ -41,7 +41,7 @@ const t = useTranslate(i18n);
     </van-row>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('justify')">
+  <demo-block :title="t('justify')">
     <van-row justify="center">
       <van-col span="6">span: 6</van-col>
       <van-col span="6">span: 6</van-col>

src/datetime-picker/demo/index.vue

@@ -89,7 +89,7 @@ const formatter = (type: string, value: string) => {
     />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" card :title="t('monthDayType')">
+  <demo-block card :title="t('monthDayType')">
     <van-datetime-picker
       v-model="value.monthDay"
       type="month-day"
@@ -120,7 +120,7 @@ const formatter = (type: string, value: string) => {
     />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" card :title="t('datehourType')">
+  <demo-block card :title="t('datehourType')">
     <van-datetime-picker
       v-model="value.datehour"
       type="datehour"
@@ -139,7 +139,7 @@ const formatter = (type: string, value: string) => {
     />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" card :title="t('sortColumns')">
+  <demo-block card :title="t('sortColumns')">
     <van-datetime-picker
       v-model="value.sortColumnsDate"
       type="date"

src/field/demo/FormatValue.vue

@@ -26,7 +26,7 @@ const formatter = (value: string) => value.replace(/\d/g, '');
 </script>
 
 <template>
-  <demo-block v-if="!isWeapp" :title="t('formatValue')">
+  <demo-block :title="t('formatValue')">
     <van-cell-group inset>
       <van-field
         v-model="state.value1"

src/field/demo/ShowWordLimit.vue

@@ -20,7 +20,7 @@ const value = ref('');
 </script>
 
 <template>
-  <demo-block v-if="!isWeapp" :title="t('showWordLimit')">
+  <demo-block :title="t('showWordLimit')">
     <van-cell-group inset>
       <van-field
         v-model="value"

src/notice-bar/demo/index.vue

@@ -55,7 +55,7 @@ const t = useTranslate(i18n);
     />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('verticalScroll')">
+  <demo-block :title="t('verticalScroll')">
     <van-notice-bar left-icon="volume-o" :scrollable="false">
       <van-swipe
         vertical

src/picker/demo/index.vue

@@ -149,7 +149,7 @@ const onConfirm2 = (value: string) => {
     />
   </demo-block>
 
-  <demo-block card v-if="!isWeapp" :title="t('cascade')">
+  <demo-block card :title="t('cascade')">
     <van-picker :title="t('title')" :columns="t('cascadeColumns')" />
   </demo-block>
 
@@ -170,7 +170,7 @@ const onConfirm2 = (value: string) => {
     <van-picker loading :title="t('title')" :columns="columns" />
   </demo-block>
 
-  <demo-block card v-if="!isWeapp" :title="t('withPopup')">
+  <demo-block card :title="t('withPopup')">
     <van-field
       v-model="fieldValue"
       is-link

src/popup/demo/index.vue

@@ -129,7 +129,7 @@ const showCustomIconPosition = ref(false);
     />
   </demo-block>
 
-  <demo-block card v-if="!isWeapp" :title="t('teleport')">
+  <demo-block card :title="t('teleport')">
     <van-cell :title="t('teleport')" is-link @click="showGetContainer = true" />
     <van-popup
       v-model:show="showGetContainer"

src/progress/demo/index.vue

@@ -22,7 +22,7 @@ const t = useTranslate(i18n);
     <van-progress :percentage="50" />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('strokeWidth')">
+  <demo-block :title="t('strokeWidth')">
     <van-progress :percentage="50" stroke-width="8" />
   </demo-block>
 

src/radio/demo/index.vue

@@ -51,7 +51,7 @@ const inactiveIcon = 'https://img.yzcdn.cn/vant/user-inactive.png';
     </van-radio-group>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('horizontal')">
+  <demo-block :title="t('horizontal')">
     <van-radio-group
       v-model="radioHorizontal"
       class="demo-radio-group"

src/rate/demo/index.vue

@@ -80,7 +80,7 @@ const onChange = (value: number) => Toast(t('toastContent', value));
     <van-rate v-model="value7" readonly allow-half />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('changeEvent')">
+  <demo-block :title="t('changeEvent')">
     <van-rate v-model="value8" @change="onChange" />
   </demo-block>
 </template>

src/slider/demo/index.vue

@@ -47,7 +47,7 @@ const onChange = (value: string) => Toast(t('text') + value);
     <van-slider v-model="value1" @change="onChange" />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('title2')">
+  <demo-block :title="t('title2')">
     <van-slider range v-model="value2" @change="onChange" />
   </demo-block>
 
@@ -80,7 +80,7 @@ const onChange = (value: string) => Toast(t('text') + value);
     </van-slider>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('vertical')">
+  <demo-block :title="t('vertical')">
     <div :style="{ height: '150px', paddingLeft: '30px' }">
       <van-slider v-model="value8" vertical @change="onChange" />
       <van-slider

src/stepper/demo/index.vue

@@ -106,7 +106,7 @@ const beforeChange = () => {
       </template>
     </van-cell>
 
-    <van-cell v-if="!isWeapp" center :title="t('roundTheme')">
+    <van-cell center :title="t('roundTheme')">
       <template #value>
         <van-stepper
           v-model="stepperRound"

src/sticky/demo/index.vue

@@ -36,7 +36,7 @@ const container = ref(null);
     </van-sticky>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('setContainer')">
+  <demo-block :title="t('setContainer')">
     <div ref="container" style="height: 150px; background-color: #fff">
       <van-sticky :container="container">
         <van-button type="warning" style="margin-left: 215px">

src/tab/demo/index.vue

@@ -119,7 +119,7 @@ const beforeChange = (name: number) => {
     </van-tabs>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('title7')">
+  <demo-block :title="t('title7')">
     <van-tabs :active="active">
       <van-tab v-for="index in 2" :key="index">
         <template #title> <van-icon name="more-o" />{{ t('tab') }} </template>
@@ -144,7 +144,7 @@ const beforeChange = (name: number) => {
     </van-tabs>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('title10')">
+  <demo-block :title="t('title10')">
     <van-tabs scrollspy sticky>
       <van-tab :title="t('tab') + index" v-for="index in 8" :key="index">
         {{ t('content') }} {{ index }}
@@ -152,7 +152,7 @@ const beforeChange = (name: number) => {
     </van-tabs>
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('beforeChange')">
+  <demo-block :title="t('beforeChange')">
     <van-tabs :before-change="beforeChange">
       <van-tab :title="t('tab') + index" v-for="index in 4" :key="index">
         {{ t('content') }} {{ index }}

src/toast/demo/index.vue

@@ -116,7 +116,7 @@ const showCustomizedToast = () => {
     <van-cell is-link :title="t('fail')" @click="showFailToast" />
   </demo-block>
 
-  <demo-block card v-if="!isWeapp" :title="t('customIcon')">
+  <demo-block card :title="t('customIcon')">
     <van-cell is-link :title="t('customIcon')" @click="showIconToast" />
     <van-cell is-link :title="t('customImage')" @click="showImageToast" />
     <van-cell
@@ -126,7 +126,7 @@ const showCustomizedToast = () => {
     />
   </demo-block>
 
-  <demo-block card v-if="!isWeapp" :title="t('customPosition')">
+  <demo-block card :title="t('customPosition')">
     <van-cell is-link :title="t('positionTop')" @click="showTopToast" />
     <van-cell is-link :title="t('positionBottom')" @click="showBottomToast" />
   </demo-block>

src/uploader/demo/index.vue

@@ -132,7 +132,7 @@ const onOversize = (file: UploaderFileListItem, detail: unknown) => {
     <van-uploader v-model="fileList" multiple accept="*" />
   </demo-block>
 
-  <demo-block v-if="!isWeapp" :title="t('status')">
+  <demo-block :title="t('status')">
     <van-uploader v-model="statusFileList" :after-read="afterReadFailed" />
   </demo-block>
 

test/demo.ts

@@ -1,7 +1,7 @@
 import { h, defineComponent } from 'vue';
 import Locale from '../src/locale';
 import { mount, later } from '.';
-import { DemoLocaleMixin } from '../docs/site/demo-locale';
+import '../docs/site/demo-locale';
 
 const EmptyComponent = defineComponent({
   inheritAttrs: false,
@@ -22,7 +22,6 @@ export function snapshotDemo(Demo: any, option: any = {}) {
 
     const wrapper = mount(Demo, {
       global: {
-        mixins: [DemoLocaleMixin],
         components: {
           'demo-block': EmptyComponent,
         },