feat: add vconsole

Author: novlan1

package.json

@@ -78,7 +78,7 @@
     "@vue/shared": "^3.0.0",
     "core-js": "^3.8.3",
     "flyio": "^0.6.2",
-    "t-comm": "^3.1.15",
+    "t-comm": "^3.3.0",
     "vue": ">= 2.6.14 < 2.7",
     "vuex": "^3.2.0"
   },
@@ -98,6 +98,7 @@
     "@novlan/postcss-plugin-remove-selector": "^0.1.6",
     "@plugin-light/webpack-plugin-dispatch-script": "^1.0.0",
     "@plugin-light/webpack-plugin-dispatch-vue": "^1.0.0",
+    "@plugin-light/webpack-plugin-gen-version": "^1.0.0",
     "@types/webpack-env": "^1.18.8",
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-typescript": "~5.0.9",

pnpm-lock.yaml

@@ -16,12 +16,15 @@
           aria-label="TDesign Logo"
         />
       </view>
-      <view class="desc">
+      <view
+        class="desc"
+        @click="onDescTap"
+      >
         TDesign 适配 uni-app 的组件库{{ isSkyline?' (skyline render)':'' }}
         <text
           v-if="!isSkyline && showTrySkyline"
           class="skyline-entry"
-          @click="goSkyline"
+          @click.stop="goSkyline"
         >
           try skyline
         </text>
@@ -59,6 +62,8 @@
 <script>
 import TFooter from '@tdesign/uniapp/footer/footer.vue';
 import { themeMixin } from '@tdesign/uniapp/mixins/theme-change';
+import { simpleMorse } from 't-comm/lib/morse-pwd/index';
+import { toggleVConsole } from 't-comm/lib/v-console/index';
 
 
 import PullDownList from '../../components/pull-down-list/index.vue';
@@ -94,6 +99,7 @@ export default {
       isSkyline: false,
       showTrySkyline: false,
       winStyle: false,
+      debugEnabled: false,
     };
   },
   onLoad(options) {
@@ -144,6 +150,50 @@ export default {
       });
     },
 
+    onDescTap() {
+      // 连续点击 5 次（间隔 < 500ms）唤起调试面板，复用 t-comm simpleMorse
+      simpleMorse({
+        target: 5,
+        timeout: 500,
+        callback: () => this.toggleDebugConsole(),
+      });
+    },
+
+    toggleDebugConsole() {
+      // #ifdef H5
+      try {
+        const visible = toggleVConsole();
+        uni.showToast({
+          title: visible ? '已开启 vConsole' : '已关闭 vConsole',
+          icon: 'none',
+        });
+      } catch (e) {
+        console.error('[home] toggleVConsole failed', e);
+        uni.showToast({ title: '调试面板加载失败', icon: 'none' });
+      }
+      // #endif
+
+      // #ifndef H5
+      if (typeof uni !== 'undefined' && typeof uni.setEnableDebug === 'function') {
+        const enable = !this.debugEnabled;
+        uni.setEnableDebug({
+          enableDebug: enable,
+          success: () => {
+            this.debugEnabled = enable;
+            uni.showToast({
+              title: enable ? '已开启调试模式' : '已关闭调试模式',
+              icon: 'none',
+            });
+          },
+          fail: () => {
+            uni.showToast({ title: '当前环境不支持调试面板', icon: 'none' });
+          },
+        });
+      } else {
+        uni.showToast({ title: '当前环境不支持调试面板', icon: 'none' });
+      }
+      // #endif
+    },
     showPrivacyWin()  {
       this.$refs.trdPrivacy?.showPrivacyWin();
     },

src/pages/home/home.vue

@@ -1,6 +1,9 @@
 const { DispatchScriptPlugin } = require('@plugin-light/webpack-plugin-dispatch-script');
 const { DispatchVuePlugin } = require('@plugin-light/webpack-plugin-dispatch-vue');
-
+const {
+  GenVersionWebPlugin,
+  GenVersionMpPlugin,
+} = require('@plugin-light/webpack-plugin-gen-version');
 
 const path = require('path');
 
@@ -15,6 +18,15 @@ function resolve(dir) {
 // 如果是 用户名.github.io/仓库名 则设置为 '/仓库名/'
 const GITHUB_PAGES_PATH = process.env.GITHUB_PAGES_PATH || '/tdesign-uniapp-starter-vue2-cli/';
 
+const plugins = []
+
+if (process.env.VUE_APP_PLATFORM !== 'h5') {
+  plugins.push(new GenVersionMpPlugin());
+} else {
+  plugins.push(new GenVersionWebPlugin());
+}
+
+
 const isProd = process.env.NODE_ENV === 'production';
 
 module.exports = {
@@ -35,6 +47,7 @@ module.exports = {
     plugins: [
       // new DispatchScriptPlugin({}),
       isProd ? new DispatchVuePlugin({}) : null,
+      ...plugins,
     ].filter(Boolean),
   },
 };