create-weapp-vite 2.0.77 → 2.0.78

package/templates/vant/src/pages/layouts/index.ts

@@ -1,4 +1,5 @@
 import Dialog from '@vant/weapp/dialog/dialog'
+import { wpi } from '@wevu/api'
 import { setPageLayout } from 'weapp-vite/runtime'
 
 Page({
@@ -29,7 +30,7 @@ Page({
       message: `当前状态：${this.data.currentLayout}`,
     })
   },
-  backHome() {
-    wx.navigateTo({ url: '/pages/index/index' })
+  async backHome() {
+    await wpi.navigateTo({ url: '/pages/index/index' })
   },
 })

package/templates/vant/src/pages/layouts/index.wxml

@@ -6,11 +6,23 @@
   </view>
 
   <view class="mt-4 rounded-2xl bg-white p-5 shadow-sm">
-    <van-button type="primary" bind:tap="applyDefaultLayout">使用 default 布局</van-button>
-    <van-button custom-class="layout-btn" type="danger" plain bind:tap="applyAdminLayout">切到 admin 布局</van-button>
-    <van-button custom-class="layout-btn" type="default" plain bind:tap="clearLayout">关闭布局</van-button>
-    <van-button custom-class="layout-btn" type="success" plain bind:tap="showState">查看当前状态</van-button>
-    <van-button custom-class="layout-btn" type="default" bind:tap="backHome">返回首页</van-button>
+    <view class="layout-actions">
+      <view class="layout-actions__item">
+        <van-button block type="primary" bind:tap="applyDefaultLayout">使用 default 布局</van-button>
+      </view>
+      <view class="layout-actions__item">
+        <van-button block type="danger" plain bind:tap="applyAdminLayout">切到 admin 布局</van-button>
+      </view>
+      <view class="layout-actions__item">
+        <van-button block type="default" plain bind:tap="clearLayout">关闭布局</van-button>
+      </view>
+      <view class="layout-actions__item">
+        <van-button block type="success" plain bind:tap="showState">查看当前状态</van-button>
+      </view>
+      <view class="layout-actions__item">
+        <van-button block type="default" bind:tap="backHome">返回首页</van-button>
+      </view>
+    </view>
   </view>
 
   <van-dialog id="van-dialog" />

package/templates/wevu/.vscode/settings.json

@@ -1,4 +1,73 @@
 {
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+  "eslint.rules.customizations": [
+    {
+      "rule": "format/*",
+      "severity": "off"
+    },
+    {
+      "rule": "*-indent",
+      "severity": "off"
+    },
+    {
+      "rule": "*-spacing",
+      "severity": "off"
+    },
+    {
+      "rule": "*-spaces",
+      "severity": "off"
+    },
+    {
+      "rule": "*-order",
+      "severity": "off"
+    },
+    {
+      "rule": "*-dangle",
+      "severity": "off"
+    },
+    {
+      "rule": "*-newline",
+      "severity": "off"
+    },
+    {
+      "rule": "*quotes",
+      "severity": "off"
+    },
+    {
+      "rule": "*semi",
+      "severity": "off"
+    }
+  ],
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ],
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
   "files.associations": {
     "*.wxml": "html",
     "*.wxss": "css"

package/templates/wevu/src/app.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { wpi } from '@wevu/api'
 import autoRoutes from 'weapp-vite/auto-routes'
 import { onHide, onLaunch, onShow } from 'wevu'
 import { createRouter } from 'wevu/router'
@@ -16,6 +17,8 @@ defineAppJson({
   sitemapLocation: 'sitemap.json',
 })
 
+const logger = wpi.getLogManager({ level: 1 })
+
 const router = createRouter({
   routes: autoRoutes.entries.map(path => ({
     name: path,
@@ -24,7 +27,7 @@ const router = createRouter({
 })
 
 router.beforeEach((to, from) => {
-  wx.getLogManager({ level: 1 }).info('[wevu-template-router] beforeEach', {
+  logger.info('[wevu-template-router] beforeEach', {
     to: to?.fullPath,
     from: from.fullPath,
   })
@@ -32,7 +35,7 @@ router.beforeEach((to, from) => {
 })
 
 router.beforeResolve((to, from) => {
-  wx.getLogManager({ level: 1 }).info('[wevu-template-router] beforeResolve', {
+  logger.info('[wevu-template-router] beforeResolve', {
     to: to?.fullPath,
     from: from.fullPath,
   })
@@ -40,7 +43,7 @@ router.beforeResolve((to, from) => {
 })
 
 router.afterEach((to, from, failure) => {
-  wx.getLogManager({ level: 1 }).info('[wevu-template-router] afterEach', {
+  logger.info('[wevu-template-router] afterEach', {
     to: to?.fullPath,
     from: from.fullPath,
     failureType: failure?.type,
@@ -48,7 +51,7 @@ router.afterEach((to, from, failure) => {
 })
 
 router.onError((error, context) => {
-  wx.getLogManager({ level: 1 }).info('[wevu-template-router] onError', {
+  logger.info('[wevu-template-router] onError', {
     error: error instanceof Error ? error.message : String(error),
     mode: context.mode,
     to: context.to?.fullPath,
@@ -58,15 +61,15 @@ router.onError((error, context) => {
 })
 
 onShow(() => {
-  wx.getLogManager({ level: 1 }).info('[weapp-vite-wevu-template] app show')
+  logger.info('[weapp-vite-wevu-template] app show')
 })
 
 onHide(() => {
-  wx.getLogManager({ level: 1 }).info('[weapp-vite-wevu-template] app hide')
+  logger.info('[weapp-vite-wevu-template] app hide')
 })
 
 onLaunch(() => {
-  wx.getLogManager({ level: 1 }).info('[weapp-vite-wevu-template] app launch')
+  logger.info('[weapp-vite-wevu-template] app launch')
 })
 </script>
 

package/templates/wevu-tdesign/.vscode/settings.json

@@ -1,4 +1,73 @@
 {
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+  "eslint.rules.customizations": [
+    {
+      "rule": "format/*",
+      "severity": "off"
+    },
+    {
+      "rule": "*-indent",
+      "severity": "off"
+    },
+    {
+      "rule": "*-spacing",
+      "severity": "off"
+    },
+    {
+      "rule": "*-spaces",
+      "severity": "off"
+    },
+    {
+      "rule": "*-order",
+      "severity": "off"
+    },
+    {
+      "rule": "*-dangle",
+      "severity": "off"
+    },
+    {
+      "rule": "*-newline",
+      "severity": "off"
+    },
+    {
+      "rule": "*quotes",
+      "severity": "off"
+    },
+    {
+      "rule": "*semi",
+      "severity": "off"
+    }
+  ],
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ],
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
   "files.associations": {
     "*.wxml": "html",
     "*.wxss": "css"

package/templates/wevu-tdesign/src/app.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { wpi } from '@wevu/api'
 import { onHide, onLaunch, onShow } from 'wevu'
 
 defineAppJson({
@@ -71,16 +72,18 @@ defineAppJson({
   sitemapLocation: 'sitemap.json',
 })
 
+const logger = wpi.getLogManager({ level: 1 })
+
 onShow(() => {
-  wx.getLogManager({ level: 1 }).info('[weapp-vite-wevu-template] app show')
+  logger.info('[weapp-vite-wevu-template] app show')
 })
 
 onHide(() => {
-  wx.getLogManager({ level: 1 }).info('[weapp-vite-wevu-template] app hide')
+  logger.info('[weapp-vite-wevu-template] app hide')
 })
 
 onLaunch(() => {
-  wx.getLogManager({ level: 1 }).info('[weapp-vite-wevu-template] app launch')
+  logger.info('[weapp-vite-wevu-template] app launch')
 })
 </script>
 

package/templates/wevu-tdesign/src/components/FilterBar/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'wevu'
+import { resolveStringChangeValue } from '@/utils/changeEvent'
 
 const props = withDefaults(defineProps<{
   query?: string
@@ -28,8 +29,8 @@ interface FilterItem {
 
 const filterItems = computed(() => (Array.isArray(props.filters) ? props.filters : []))
 
-function onQueryChange(e: WechatMiniprogram.CustomEvent<{ value: string }>) {
-  emit('update:query', e.detail.value)
+function onQueryChange(event: unknown) {
+  emit('update:query', resolveStringChangeValue(event, props.query))
 }
 
 function onSelect(value: string) {

package/templates/wevu-tdesign/src/hooks/usePullDownRefresh.ts

@@ -1,11 +1,12 @@
+import { wpi } from '@wevu/api'
 import { onPullDownRefresh } from 'wevu'
 
 export function usePullDownRefresh(refresh: () => void | Promise<void>) {
-  onPullDownRefresh(() => {
-    const result = refresh()
-    if (result && typeof (result as Promise<void>).catch === 'function') {
-      ;(result as Promise<void>).catch(() => {})
+  onPullDownRefresh(async () => {
+    try {
+      await refresh()
     }
-    wx.stopPullDownRefresh()
+    catch {}
+    await wpi.stopPullDownRefresh()
   })
 }

package/templates/wevu-tdesign/src/pages/ability/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { wpi } from '@wevu/api'
 import { ref } from 'wevu'
 
 import SectionTitle from '@/components/SectionTitle/index.vue'
@@ -43,57 +44,56 @@ const capabilityCards = ref([
 
 const subscribeTemplateId = ''
 
-function handleCapability(key: string) {
-  switch (key) {
-    case 'scan':
-      wx.scanCode({
-        success: (result) => {
-          showToast(`识别结果：${result.result || '已完成'}`)
-        },
-        fail: () => {
-          showToast('扫码失败，请重试', 'warning')
-        },
-      })
-      break
-    case 'location':
-      wx.getLocation({
-        type: 'wgs84',
-        success: (result) => {
-          showToast(`定位成功：${result.latitude.toFixed(2)}, ${result.longitude.toFixed(2)}`)
-        },
-        fail: () => {
-          showToast('未获取定位权限', 'warning')
-        },
-      })
-      break
-    case 'clipboard':
-      wx.setClipboardData({
-        data: 'weapp-vite + wevu + TDesign',
-        success: () => showToast('已写入剪贴板'),
-      })
-      break
-    case 'share':
-      wx.showShareMenu({
-        withShareTicket: true,
-        success: () => showToast('已开启分享菜单'),
-        fail: () => showToast('分享菜单开启失败', 'warning'),
-      })
-      break
-    case 'image':
-      wx.chooseImage({
-        count: 3,
-        success: (result) => {
-          showToast(`已选择 ${result.tempFilePaths.length} 张图片`)
-        },
-        fail: () => showToast('未选择图片', 'warning'),
-      })
-      break
-    default:
-      break
+async function handleCapability(key: string) {
+  try {
+    switch (key) {
+      case 'scan': {
+        const result = await wpi.scanCode()
+        showToast(`识别结果：${result.result || '已完成'}`)
+        break
+      }
+      case 'location': {
+        const result = await wpi.getLocation({
+          type: 'wgs84',
+        })
+        showToast(`定位成功：${result.latitude.toFixed(2)}, ${result.longitude.toFixed(2)}`)
+        break
+      }
+      case 'clipboard':
+        await wpi.setClipboardData({
+          data: 'weapp-vite + wevu + TDesign',
+        })
+        showToast('已写入剪贴板')
+        break
+      case 'share':
+        await wpi.showShareMenu({
+          withShareTicket: true,
+        })
+        showToast('已开启分享菜单')
+        break
+      case 'image': {
+        const result = await wpi.chooseImage({
+          count: 3,
+        })
+        showToast(`已选择 ${result.tempFilePaths.length} 张图片`)
+        break
+      }
+      default:
+        break
+    }
+  }
+  catch {
+    const warningMap: Record<string, string> = {
+      scan: '扫码失败，请重试',
+      location: '未获取定位权限',
+      share: '分享菜单开启失败',
+      image: '未选择图片',
+    }
+    showToast(warningMap[key] || '操作失败，请重试', 'warning')
   }
 }
 
-function requestSubscribe() {
+async function requestSubscribe() {
   if (!subscribeTemplateId) {
     alert({
       title: '订阅消息',
@@ -102,15 +102,19 @@ function requestSubscribe() {
     })
     return
   }
-  wx.requestSubscribeMessage({
-    tmplIds: [subscribeTemplateId],
-    success: () => showToast('订阅成功'),
-    fail: () => showToast('订阅失败', 'warning'),
-  })
+  try {
+    await wpi.requestSubscribeMessage({
+      tmplIds: [subscribeTemplateId],
+    })
+    showToast('订阅成功')
+  }
+  catch {
+    showToast('订阅失败', 'warning')
+  }
 }
 
-function navigateTo(url: string) {
-  wx.navigateTo({
+async function navigateTo(url: string) {
+  await wpi.navigateTo({
     url,
   })
 }

package/templates/wevu-tdesign/src/pages/data/index.vue

@@ -4,6 +4,7 @@ import { computed, ref, watch } from 'wevu'
 import KpiBoard from '@/components/KpiBoard/index.vue'
 import SectionTitle from '@/components/SectionTitle/index.vue'
 import TrendCard from '@/components/TrendCard/index.vue'
+import { resolveStringChangeValue } from '@/utils/changeEvent'
 
 definePageJson({
   navigationBarTitleText: '数据',
@@ -91,8 +92,8 @@ const reportLines = computed(() => [
   '重点事项：提升转化 > 优化留存',
 ])
 
-function onRangeChange(e: WechatMiniprogram.CustomEvent<{ value: string }>) {
-  activeRange.value = e.detail.value
+function onRangeChange(event: unknown) {
+  activeRange.value = resolveStringChangeValue(event, activeRange.value)
 }
 
 watch(activeRange, () => {

package/templates/wevu-tdesign/src/pages/form/index.vue

@@ -9,6 +9,7 @@ import ResultCard from '@/components/ResultCard/index.vue'
 import SectionTitle from '@/components/SectionTitle/index.vue'
 import { useFormBinder } from '@/hooks/useFormBinder'
 import { useToast } from '@/hooks/useToast'
+import { resolveBooleanChangeValue } from '@/utils/changeEvent'
 
 definePageJson({
   navigationBarTitleText: '表单',
@@ -79,25 +80,6 @@ const summaryRows = computed(() => [
   { label: '风险级别', value: riskLevel.value },
 ])
 
-function resolveSwitchValue(event: unknown, fallback: boolean) {
-  if (typeof event === 'boolean') {
-    return event
-  }
-  if (event && typeof event === 'object') {
-    const payload = event as Record<string, any>
-    if (typeof payload.detail === 'boolean') {
-      return payload.detail
-    }
-    if (payload.detail && typeof payload.detail === 'object' && typeof payload.detail.value === 'boolean') {
-      return payload.detail.value
-    }
-    if (typeof payload.value === 'boolean') {
-      return payload.value
-    }
-  }
-  return fallback
-}
-
 watch(
   () => formState.urgent,
   (value) => {
@@ -127,7 +109,7 @@ function toggleUrgent() {
 }
 
 function handleUrgentChange(event: unknown) {
-  setUrgent(resolveSwitchValue(event, !formState.urgent))
+  setUrgent(resolveBooleanChangeValue(event, !formState.urgent))
 }
 
 function stopUrgentTap() {

package/templates/wevu-tdesign/src/pages/index/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { QuickActionItem } from '@/types/action'
 
+import { wpi } from '@wevu/api'
 import { computed, getCurrentInstance, ref, resolveLayoutBridge, resolveLayoutHost, watch } from 'wevu'
 import KpiBoard from '@/components/KpiBoard/index.vue'
 import QuickActionGrid from '@/components/QuickActionGrid/index.vue'
@@ -218,18 +219,18 @@ void runLayoutToastE2E
 
 usePullDownRefresh(refreshDashboard)
 
-function onQuickAction(action: QuickActionItem) {
+async function onQuickAction(action: QuickActionItem) {
   if (!action.path) {
     showToast('该入口暂未配置')
     return
   }
   if (action.type === 'tab') {
-    wx.switchTab({
+    await wpi.switchTab({
       url: action.path,
     })
     return
   }
-  wx.navigateTo({
+  await wpi.navigateTo({
     url: action.path,
   })
 }

package/templates/wevu-tdesign/src/pages/layouts/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { wpi } from '@wevu/api'
 import { ref, setPageLayout } from 'wevu'
 
 import SectionTitle from '@/components/SectionTitle/index.vue'
@@ -51,14 +52,14 @@ function clearLayout() {
   showToast('已关闭布局')
 }
 
-function openLayoutFeedbackDemo() {
-  wx.navigateTo({
+async function openLayoutFeedbackDemo() {
+  await wpi.navigateTo({
     url: '/pages/layout-feedback/index',
   })
 }
 
-function openLayoutStoreDemo() {
-  wx.navigateTo({
+async function openLayoutStoreDemo() {
+  await wpi.navigateTo({
     url: '/pages/layout-store/index',
   })
 }

package/templates/wevu-tdesign/src/subpackages/ability/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { wpi } from '@wevu/api'
 import { computed, onShow, ref } from 'wevu'
 
 import SectionTitle from '@/components/SectionTitle/index.vue'
@@ -32,16 +33,12 @@ const layoutRows = computed(() => {
   ]
 })
 
-function loadSystemInfo() {
-  wx.getSystemInfo({
-    success: (result) => {
-      systemInfo.value = result
-    },
-  })
+async function loadSystemInfo() {
+  systemInfo.value = await wpi.getSystemInfo()
 }
 
 onShow(() => {
-  loadSystemInfo()
+  void loadSystemInfo()
 })
 </script>
 

package/templates/wevu-tdesign/src/subpackages/lab/class-binding/index.vue

@@ -2,6 +2,7 @@
 import { computed, reactive, ref, watch } from 'wevu'
 
 import SectionTitle from '@/components/SectionTitle/index.vue'
+import { resolveBooleanChangeValue } from '@/utils/changeEvent'
 
 definePageJson({
   navigationBarTitleText: 'Class 绑定',
@@ -13,40 +14,20 @@ const hasError = ref(false)
 const isRound = ref(false)
 const isGhost = ref(false)
 
-function resolveSwitchValue(event: unknown, fallback: boolean) {
-  if (typeof event === 'boolean') {
-    return event
-  }
-  if (event && typeof event === 'object') {
-    const payload = event as Record<string, any>
-    const detail = payload.detail
-    if (typeof detail === 'boolean') {
-      return detail
-    }
-    if (detail && typeof detail === 'object' && typeof detail.value === 'boolean') {
-      return detail.value
-    }
-    if (typeof payload.value === 'boolean') {
-      return payload.value
-    }
-  }
-  return fallback
-}
-
 function onActiveChange(event: unknown) {
-  isActive.value = resolveSwitchValue(event, !isActive.value)
+  isActive.value = resolveBooleanChangeValue(event, !isActive.value)
 }
 
 function onErrorChange(event: unknown) {
-  hasError.value = resolveSwitchValue(event, !hasError.value)
+  hasError.value = resolveBooleanChangeValue(event, !hasError.value)
 }
 
 function onRoundChange(event: unknown) {
-  isRound.value = resolveSwitchValue(event, !isRound.value)
+  isRound.value = resolveBooleanChangeValue(event, !isRound.value)
 }
 
 function onGhostChange(event: unknown) {
-  isGhost.value = resolveSwitchValue(event, !isGhost.value)
+  isGhost.value = resolveBooleanChangeValue(event, !isGhost.value)
 }
 
 const classObject = reactive({