create-weapp-vite 2.0.76 → 2.0.78

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({

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

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import { wpi } from '@wevu/api'
 import { computed, ref } from 'wevu'
 
 import SectionTitle from '@/components/SectionTitle/index.vue'
+import { resolveBooleanChangeValue, resolveNumberChangeValue, resolveStringChangeValue } from '@/utils/changeEvent'
 
 definePageJson({
   navigationBarTitleText: '组件实验室',
@@ -22,24 +24,24 @@ const tabs = [
   { value: 'display', label: '展示' },
 ]
 
-function handleTabChange(e: any) {
-  activeTab.value = String(e.detail.value)
+function handleTabChange(event: unknown) {
+  activeTab.value = resolveStringChangeValue(event, activeTab.value)
 }
 
-function handleRateChange(e: any) {
-  rating.value = Number(e.detail.value)
+function handleRateChange(event: unknown) {
+  rating.value = resolveNumberChangeValue(event, rating.value)
 }
 
-function handleSliderChange(e: any) {
-  slider.value = Number(e.detail.value)
+function handleSliderChange(event: unknown) {
+  slider.value = resolveNumberChangeValue(event, slider.value)
 }
 
-function handleToggleChange(e: any) {
-  toggle.value = Boolean(e.detail.value)
+function handleToggleChange(event: unknown) {
+  toggle.value = resolveBooleanChangeValue(event, !toggle.value)
 }
 
-function navigateTo(url: string) {
-  wx.navigateTo({
+async function navigateTo(url: string) {
+  await wpi.navigateTo({
     url,
   })
 }

package/templates/wevu-tdesign/src/utils/changeEvent.ts

@@ -0,0 +1,53 @@
+type PrimitiveValue = string | number | boolean
+
+function hasSameType<T extends PrimitiveValue>(value: unknown, fallback: T): value is T {
+  return typeof value === typeof fallback
+}
+
+/**
+ * @description 从小程序组件变更事件中提取值，兼容值直传、detail 直传和 detail.value 结构。
+ */
+export function resolveChangeValue<T extends PrimitiveValue>(event: unknown, fallback: T): T {
+  if (hasSameType(event, fallback)) {
+    return event
+  }
+
+  if (event && typeof event === 'object') {
+    const payload = event as Record<string, any>
+    if (hasSameType(payload.value, fallback)) {
+      return payload.value
+    }
+
+    const detail = payload.detail
+    if (hasSameType(detail, fallback)) {
+      return detail
+    }
+
+    if (detail && typeof detail === 'object' && hasSameType(detail.value, fallback)) {
+      return detail.value
+    }
+  }
+
+  return fallback
+}
+
+/**
+ * @description 从小程序组件变更事件中提取字符串值。
+ */
+export function resolveStringChangeValue(event: unknown, fallback = '') {
+  return resolveChangeValue(event, fallback)
+}
+
+/**
+ * @description 从小程序组件变更事件中提取数字值。
+ */
+export function resolveNumberChangeValue(event: unknown, fallback = 0) {
+  return Number(resolveChangeValue(event, fallback))
+}
+
+/**
+ * @description 从小程序组件变更事件中提取布尔值。
+ */
+export function resolveBooleanChangeValue(event: unknown, fallback = false) {
+  return Boolean(resolveChangeValue(event, fallback))
+}