create-weapp-vite 2.0.77 → 2.0.78

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))
+}