@quicktvui/tv-ad-unlock 1.0.3 → 1.0.4

package/dist/plugin.js

@@ -1,5 +1,5 @@
 import { ESRouteType } from '@extscreen/es3-router';
-import TVAdUnlockView from './TVAdUnlockView.vue';
+import TVAdUnlockView from '../src/TVAdUnlockView.vue';
 export const TV_AD_UNLOCK_KEY = Symbol('tvAdUnlock');
 const DEFAULT_PAGE_CONFIG = {
     title: '观看30秒广告 当日解锁',

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAMnD,OAAO,cAAc,MAAM,sBAAsB,CAAA;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAA2C,MAAM,CAAC,YAAY,CAAC,CAAA;AAE5F,MAAM,mBAAmB,GAAmC;IAC1D,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,YAAY;IACzB,SAAS,EAAE,gBAAgB;IAC3B,gBAAgB,EAAE,EAAE;IACpB,gBAAgB,EAAE,EAAE;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,CAAC,GAAQ,EAAE,OAAgC;QAChD,MAAM,UAAU,GAAmC;YACjD,GAAG,mBAAmB;YACtB,GAAG,OAAO,CAAC,UAAU;SACtB,CAAA;QAED,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE;YAC5B,cAAc,EAAE,OAAO,CAAC,cAAc;YACtC,UAAU,EAAE,OAAO,CAAC,UAAU;YAC9B,UAAU;SACX,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,cAAc;QACzB,IAAI,EAAE,WAAW,CAAC,oBAAoB;KACvC,CAAA;AACH,CAAC"}
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAMnD,OAAO,cAAc,MAAM,2BAA2B,CAAA;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAA2C,MAAM,CAAC,YAAY,CAAC,CAAA;AAE5F,MAAM,mBAAmB,GAAmC;IAC1D,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,YAAY;IACzB,SAAS,EAAE,gBAAgB;IAC3B,gBAAgB,EAAE,EAAE;IACpB,gBAAgB,EAAE,EAAE;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,CAAC,GAAQ,EAAE,OAAgC;QAChD,MAAM,UAAU,GAAmC;YACjD,GAAG,mBAAmB;YACtB,GAAG,OAAO,CAAC,UAAU;SACtB,CAAA;QAED,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE;YAC5B,cAAc,EAAE,OAAO,CAAC,cAAc;YACtC,UAAU,EAAE,OAAO,CAAC,UAAU;YAC9B,UAAU;SACX,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,cAAc;QACzB,IAAI,EAAE,WAAW,CAAC,oBAAoB;KACvC,CAAA;AACH,CAAC"}

package/package.json

@@ -1,18 +1,14 @@
 {
   "name": "@quicktvui/tv-ad-unlock",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "TV广告解锁组件 - 用于QuickTVUI框架的电视端广告解锁功能",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "src/TVAdUnlock.vue",
     "src/TVAdUnlockView.vue",
     "src/assets"
   ],
-  "scripts": {
-    "build": "tsc"
-  },
   "keywords": [
     "quicktvui",
     "tv",
@@ -34,5 +30,8 @@
   "repository": {
     "type": "git",
     "url": ""
+  },
+  "scripts": {
+    "build": "tsc"
   }
-}
+}

package/src/TVAdUnlockView.vue

@@ -76,7 +76,7 @@ async function handleUnlockSuccess() {
   }
 
   trackEvent?.({ type: 'page', name: 'unlock_success' })
-  toast.showToast('解锁成功，继续观看吧！')
+  toast.showToast('解锁成功！')
   router.back()
 }
 

package/src/TVAdUnlock.vue

@@ -1,218 +0,0 @@
-<template>
-  <div class="ad-container">
-    <div class="content">
-      <div class="content-bg" />
-      <span class="title">{{ title }}</span>
-      <span class="sub-title">{{ subTitle }}</span>
-      <div class="qrcode-container">
-        <qt-qr-code
-          v-if="adQrCode && !isInvalid && qrCodeState !== 1"
-          class="qrcode"
-          :content="adQrCode"
-        />
-        <img
-          v-if="isInvalid"
-          class="invalid-code"
-          :src="invalidCodeImage"
-        />
-        <img
-          v-if="qrCodeState === 1"
-          class="invalid-code"
-          :src="scannedCodeImage"
-        >
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { ESKeyCode, useESRuntime, useESToast, useESLocalStorage } from '@extscreen/es3-core'
-import { useESRouter } from '@extscreen/es3-router'
-import { useTVAdUnlock, useTVAdUnlockStorage } from './useTVAdUnlock'
-import type { TVAdUnlockConfig, TVAdUnlockParams, TVAdUnlockStorageKeys, RequestManager } from './types'
-
-interface Props {
-  config: TVAdUnlockConfig
-  storageKeys: TVAdUnlockStorageKeys
-  requestManager: RequestManager
-  title?: string
-  subTitle?: string
-  invalidCodeImage?: string
-  scannedCodeImage?: string
-  scanTitle?: string
-  scanContent?: string
-  scanToast?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  title: '观看30秒广告 当日解锁',
-  subTitle: '手机打开【微信】扫码',
-  invalidCodeImage: '',
-  scannedCodeImage: '',
-  scanTitle: '观看奖励',
-  scanContent: '观看广告后可获得奖励',
-  scanToast: '奖励已获得，请前往电视端观看'
-})
-
-const emit = defineEmits<{
-  (e: 'unlockSuccess'): void
-  (e: 'unlockFailed', error: Error): void
-  (e: 'qrCodeInvalid'): void
-  (e: 'qrCodeScanned'): void
-}>()
-
-const toast = useESToast()
-const storage = useESLocalStorage()
-const router = useESRouter()
-const runtime = useESRuntime()
-const dnum = runtime.getRuntimeDeviceId()
-
-const payParams = ref<TVAdUnlockParams>({
-  assetId: '',
-  assetName: '',
-  fromId: '',
-  fromName: ''
-})
-
-const {
-  adQrCode,
-  isInvalid,
-  qrCodeState,
-  isLoading,
-  isShowConfirmToast,
-  getAdQrCode,
-  stopPollTvADStatusTimer,
-  stopInvalidTimer,
-  reset
-} = useTVAdUnlock(
-  props.config,
-  props.storageKeys,
-  props.requestManager,
-  {
-    onUnlockSuccess: () => handleUnlockSuccess(),
-    onUnlockFailed: (error) => emit('unlockFailed', error),
-    onQrCodeInvalid: () => emit('qrCodeInvalid'),
-    onQrCodeScanned: () => emit('qrCodeScanned')
-  }
-)
-
-const adStorage = useTVAdUnlockStorage(storage, props.storageKeys)
-
-async function handleUnlockSuccess() {
-  await adStorage.setTodayUnlocked()
-  emit('unlockSuccess')
-  toast.showToast('解锁成功，继续观看吧！')
-  router.back()
-}
-
-function onKeyDown(event: any) {
-  switch (event.keyCode) {
-    case ESKeyCode.ES_KEYCODE_DPAD_CENTER:
-    case ESKeyCode.ES_KEYCODE_ENTER:
-      if (isInvalid.value || qrCodeState.value === 1) {
-        getAdQrCode(dnum, props.scanTitle, props.scanContent, props.scanToast)
-      }
-      break
-  }
-}
-
-function onESCreate(params: TVAdUnlockParams) {
-  payParams.value = params || { assetId: '', assetName: '', fromId: '', fromName: '' }
-  getAdQrCode(dnum, props.scanTitle, props.scanContent, props.scanToast)
-}
-
-function onBackPressed() {
-  if (!isShowConfirmToast.value && qrCodeState.value === 1) {
-    toast.showToast('广告播放中，请不要关闭弹窗')
-    isShowConfirmToast.value = true
-    return true
-  } else {
-    stopPollTvADStatusTimer()
-    stopInvalidTimer()
-    router.back()
-  }
-}
-
-function onESDestroy() {
-  stopPollTvADStatusTimer()
-  stopInvalidTimer()
-}
-
-defineExpose({
-  onESCreate,
-  onKeyDown,
-  onBackPressed,
-  onESDestroy
-})
-</script>
-
-<style scoped>
-.ad-container {
-  width: 1920px;
-  height: 1080px;
-  background-color: rgba(0, 0, 0, 0.7);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.content {
-  width: 892px;
-  height: 646px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.content-bg {
-  position: absolute;
-  width: 892px;
-  height: 646px;
-  background-color: #FBE6C4;
-  border-radius: 30px;
-  border-width: 1px;
-  border-color: #979797;
-}
-
-.title {
-  font-weight: 500;
-  font-size: 46px;
-  color: #000000;
-}
-
-.sub-title {
-  margin-top: 32px;
-  font-weight: 400;
-  font-size: 30px;
-  color: rgba(0, 0, 0, 0.65);
-}
-
-.qrcode-container {
-  margin-top: 32px;
-  width: 300px;
-  height: 300px;
-  border-radius: 30px;
-  background-color: #FFFFFF;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.qrcode {
-  position: absolute;
-  width: 260px;
-  height: 260px;
-  border-radius: 30px;
-  background-color: #FFFFFF;
-}
-
-.invalid-code {
-  position: absolute;
-  width: 300px;
-  height: 300px;
-  border-radius: 30px;
-  background-color: transparent;
-}
-</style>