upd: modify taro demo

src/config.json

@@ -82,6 +82,7 @@
   "nav": [
     {
       "name": "布局组件",
+      "enName": "layout",
       "packages": [
         {
           "name": "Button",
@@ -146,6 +147,7 @@
     },
     {
       "name": "操作反馈",
+      "enName": "feedback",
       "packages": [
         {
           "name": "BackTop",
@@ -217,6 +219,7 @@
     },
     {
       "name": "基础组件",
+      "enName": "base",
       "packages": [
         {
           "name": "Temp",
@@ -463,6 +466,7 @@
     },
     {
       "name": "导航组件",
+      "enName": "nav",
       "packages": [
         {
           "name": "Navbar",
@@ -534,6 +538,7 @@
     },
     {
       "name": "数据录入",
+      "enName": "dentry",
       "packages": [
         {
           "name": "InputNumber",
@@ -629,6 +634,7 @@
     },
     {
       "name": "业务组件",
+      "enName": "business",
       "packages": [
         {
           "version": "3.0.0",

src/sites/mobile-taro/vue/config/index.js

@@ -15,6 +15,9 @@ const config = {
         alias: {
           '@vue': path.resolve(__dirname, '../node_modules/@vue'),
           vue: path.resolve(__dirname, '../node_modules/@vue')
+        },
+        runtime: {
+          enableSizeAPIs: true
         }
       });
     }
@@ -30,9 +33,6 @@ const config = {
     )
   },
   defineConstants: {},
-  runtime: {
-    enableSizeAPIs: true
-  },
   copy: {
     patterns: [],
     options: {}

src/sites/mobile-taro/vue/project.config.json

@@ -5,18 +5,18 @@
   "appid": "wxf2b976b67dab3882",
   "setting": {
     "urlCheck": true,
-    "es6": false,
-    "enhance": false,
-    "postcss": false,
+    "es6": true,
+    "enhance": true,
+    "postcss": true,
     "preloadBackgroundData": false,
-    "minified": false,
+    "minified": true,
     "newFeature": false,
     "coverView": true,
     "nodeModules": false,
     "autoAudits": false,
     "showShadowRootInWxmlPanel": true,
     "scopeDataCheck": false,
-    "uglifyFileName": false,
+    "uglifyFileName": true,
     "checkInvalidKey": true,
     "checkSiteMap": true,
     "uploadWithSourceMap": true,
@@ -30,17 +30,17 @@
       "outputPath": ""
     },
     "enableEngineNative": false,
-    "bundle": false,
     "useIsolateContext": true,
     "useCompilerModule": true,
     "userConfirmedUseCompilerModuleSwitch": false,
     "userConfirmedBundleSwitch": false,
     "packNpmManually": false,
     "packNpmRelationList": [],
-    "minifyWXSS": false
+    "minifyWXSS": true
   },
   "compileType": "miniprogram",
   "simulatorType": "wechat",
   "simulatorPluginLibVersion": {},
+  "libVersion": "2.17.3",
   "condition": {}
 }

src/sites/mobile-taro/vue/src/app.config.ts

@@ -1,39 +1,65 @@
 export default {
-  pages: [
-    'pages/index/index',
-    'pages/backtop/index',
-    'pages/drag/index',
-    'pages/toast/index',
-    'pages/notify/index',
-    'pages/dialog/index',
-    'pages/range/index',
-    'pages/picker/index',
-    'pages/uploader/index',
-    'pages/infiniteloading/index',
-    'pages/address/index',
-    'pages/cell/index',
-    'pages/rate/index',
-    'pages/collapse/index',
-    'pages/shortpassword/index',
-    'pages/textarea/index',
-    'pages/calendar/index',
-    'pages/input/index',
-    'pages/swiper/index',
-    'pages/actionsheet/index',
-    'pages/popup/index',
-    'pages/icon/index',
-    'pages/inputnumber/index',
-    'pages/tabbar/index',
-    'pages/navbar/index',
-    'pages/overlay/index',
-    'pages/steps/index',
-    'pages/radio/index',
-    'pages/checkbox/index',
-    'pages/button/index',
-    'pages/switch/index',
-    'pages/price/index',
-    'pages/avatar/index',
-    'pages/layout/index'
+  pages: ['pages/index/index'],
+  subpackages: [
+    {
+      root: 'layout',
+      pages: [
+        'pages/button/index',
+        'pages/collapse/index',
+        'pages/layout/index'
+      ]
+    },
+    {
+      root: 'feedback',
+      pages: [
+        'pages/backtop/index',
+        'pages/actionsheet/index',
+        'pages/toast/index',
+        'pages/notify/index',
+        'pages/picker/index',
+        'pages/datepicker/index'
+      ]
+    },
+    {
+      root: 'base',
+      pages: [
+        'pages/cell/index',
+        'pages/uploader/index',
+        'pages/icon/index',
+        'pages/price/index',
+        'pages/checkbox/index',
+        'pages/swiper/index',
+        'pages/avatar/index',
+        'pages/popup/index',
+        'pages/dialog/index',
+        'pages/radio/index',
+        'pages/overlay/index',
+        'pages/infiniteloading/index',
+        'pages/range/index',
+        'pages/drag/index',
+        'pages/steps/index'
+      ]
+    },
+    {
+      root: 'nav',
+      pages: ['pages/navbar/index', 'pages/tabbar/index']
+    },
+    {
+      root: 'dentry',
+      pages: [
+        'pages/inputnumber/index',
+        'pages/input/index',
+        'pages/switch/index',
+        'pages/rate/index',
+        'pages/calendar/index',
+        'pages/shortpassword/index',
+        'pages/textarea/index'
+      ]
+    },
+    {
+      root: 'business',
+      pages: ['pages/address/index']
+    }
   ],
   window: {
     backgroundTextStyle: 'light',

src/sites/mobile-taro/vue/src/base/pages/drag/index.config.ts

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: 'Drag'
+};

src/sites/mobile-taro/vue/src/pages/icon/index.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script lang="ts">
-import icons from './../../../../../../packages/styles/font/iconfont.json';
+import icons from './../../../../../../../packages/styles/font/iconfont.json';
 export default {
   props: {},
   setup() {

src/sites/mobile-taro/vue/src/feedback/pages/picker/index.config.ts

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: 'Picker'
+};

src/sites/mobile-taro/vue/src/feedback/pages/picker/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="demo">
+    <h2>基础用法</h2>
+    <nut-picker mode="selector" :list-data="listData1" @confirm="confirm">
+      <nut-cell title="请选择城市" :desc="desc"></nut-cell>
+    </nut-picker>
+    <h2>多列样式</h2>
+    <nut-picker mode="multiSelector" :list-data="listData2" @confirm="confirm2">
+      <nut-cell title="请选择时间" :desc="desc2"></nut-cell>
+    </nut-picker>
+  </div>
+</template>
+<script lang="ts">
+import { ref } from 'vue';
+export default {
+  props: {},
+  setup() {
+    const listData1 = [
+      '南京市',
+      '无锡市',
+      '海北藏族自治区',
+      '北京市',
+      '连云港市',
+      '浙江市',
+      '江苏市'
+    ];
+    const listData2 = ref([
+      {
+        values: ['周一', '周二', '周三', '周四', '周五'],
+        defaultIndex: 2
+      },
+      {
+        values: ['上午', '下午', '晚上'],
+        defaultIndex: 1
+      }
+    ]);
+
+    const desc = ref(listData1[0]);
+    const desc2 = ref(
+      `${listData2.value[0].values[listData2.value[0].defaultIndex]} ${
+        listData2.value[1].values[listData2.value[1].defaultIndex]
+      }`
+    );
+    const confirm = (value: any, res: any) => {
+      desc.value = res;
+    };
+
+    const confirm2 = (value: any, res: any) => {
+      desc2.value = res.join(' ');
+      listData2.value.forEach((item, idx) => {
+        item.defaultIndex = value[idx];
+      });
+    };
+
+    return {
+      listData1,
+      listData2,
+      desc,
+      desc2,
+      confirm,
+      confirm2
+    };
+  }
+};
+</script>

src/sites/mobile-taro/vue/src/pages/index/index.vue

@@ -7,8 +7,8 @@
         srcset=""
       />
       <div class="info">
-        <h1>NutUI-Taro</h1>
-        <p>京东风格的轻量级移动端 Vue 组件库</p>
+        <h1>NutUI</h1>
+        <p>京东风格的轻量级小程序组件库</p>
       </div>
     </div>
     <div class="index-components">
@@ -17,7 +17,7 @@
         <ul>
           <template v-for="_package in _nav.packages" :key="_package">
             <li v-if="_package.show">
-              <a @click="navigateTo(_package.name.toLowerCase())">
+              <a @click="navigateTo(_package.name.toLowerCase(), _nav.enName)">
                 {{ _package.name }}
                 &nbsp;&nbsp;
                 {{ _package.cName }}
@@ -33,19 +33,17 @@
 
 <script>
 import { reactive, toRefs } from 'vue';
-import { nav, versions } from '../../../../../../config.json';
-import Taro from '@tarojs/taro';
+import { nav } from '../../../../../../config.json';
 export default {
-  name: 'NutUI-Taro',
+  name: 'NutUI',
   setup() {
     const state = reactive({
-      nav,
-      versions
+      nav
     });
 
-    const navigateTo = (name) => {
-      Taro.navigateTo({
-        url: `/pages/${name}/index`
+    const navigateTo = (name, enName) => {
+      wx.navigateTo({
+        url: `/${enName}/pages/${name}/index`
       });
     };