@hlw-uni/mp-vue 2.3.1 → 2.3.2

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@hlw-uni/mp-vue",
-    "version": "2.3.1",
-    "description": "hlw-uni 小程序运行时 — Vue 组件 + composables + theme + http + 工具集（合并自原 mp-core）",
+    "version": "2.3.2",
+    "description": "hlw-uni工具集",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
     "types": "dist/index.d.ts",

package/src/components/hlw-reward-ad/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch, onUnmounted } from "vue";
+import { ref, onUnmounted } from "vue";
 import { setRewardAd, showRewardAd, confirmRewardAd, destroyRewardAd } from "../../utils/ad";
 
 defineOptions({ name: "HlwRewardAd" });
@@ -24,30 +24,6 @@ const emit = defineEmits<{
 // 点击锁定状态，防止连续多次点击重复触发广告
 const isClicked = ref(false);
 
-/**
- * 提前初始化并静默加载广告实例的辅助方法。
- */
-function preloadAd(id: string) {
-    if (!id) return;
-    // 异步静默加载，不使用 await 阻塞组件渲染或生命周期
-    setRewardAd(id).catch((err) => {
-        console.warn("[HlwRewardAd] Preload error:", err);
-    });
-}
-
-// 组件挂载时，提前执行激励视频广告的初始化与加载
-onMounted(() => {
-    preloadAd(props.unitId);
-});
-
-// 监听 unitId 的变化，确保广告单元 ID 动态改变时能够重新静默加载
-watch(
-    () => props.unitId,
-    (newId) => {
-        preloadAd(newId);
-    },
-);
-
 async function playRewardAdFlow(): Promise<void> {
     // 弹出全局模态 Loading 状态
     let hidden = false;
@@ -75,6 +51,9 @@ async function playRewardAdFlow(): Promise<void> {
         // 播放流结束后（不管成功或退出），立刻关闭 Loading 状态
         hide();
 
+        // 播放结束后，立即清理本地缓存引用，以防状态重叠
+        destroyRewardAd(props.unitId);
+
         if (res.success && res.isEnded) {
             emit("onHandle", {
                 success: true,
@@ -102,6 +81,7 @@ async function playRewardAdFlow(): Promise<void> {
         }
     } catch (e) {
         hide();
+        destroyRewardAd(props.unitId);
         console.error("[HlwRewardAd] Failed to show reward ad:", e);
         emit("onHandle", {
             success: false,