@quicktvui/naddons 1.0.0-alpha.3 → 1.0.0-alpha.4

package/dist/naddons.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),T=require("@extscreen/es3-core"),P=require("@extscreen/es3-vue"),E=s.defineComponent({__name:"GridTabs",props:{tabsData:{},actionPayload:{}},emits:["onTabSelected","onTabNeedsData","onLoadMore","onItemPresence","onTabFocused","onItemClick","onItemFocused"],setup(r,{expose:e,emit:d}){const f=s.ref(),w=p("QtGridTabs","com.quicktvui.plugin.glintui"),v=d;function l(c,t){console.log(`[GridTabs.vue] received event from AsyncWrapper: ${c}`,t);const n=t&&t.nativeEvent!==void 0?t.nativeEvent:t;console.log(`[GridTabs.vue] emitting to parent: ${c}`,n),v(c,n)}return e({scrollToTop:(...c)=>{var t;return(t=f.value)==null?void 0:t.scrollToTop(...c)}}),(c,t)=>(s.openBlock(),s.createBlock(s.unref(w),s.mergeProps({ref_key:"nativeRef",ref:f,tabsData:r.tabsData,actionPayload:r.actionPayload,onOnTabSelected:t[0]||(t[0]=n=>l("onTabSelected",n)),onOnTabNeedsData:t[1]||(t[1]=n=>l("onTabNeedsData",n)),onOnLoadMore:t[2]||(t[2]=n=>l("onLoadMore",n)),onOnItemPresence:t[3]||(t[3]=n=>l("onItemPresence",n)),onOnTabFocused:t[4]||(t[4]=n=>l("onTabFocused",n)),onOnItemClick:t[5]||(t[5]=n=>l("onItemClick",n)),onOnItemFocused:t[6]||(t[6]=n=>l("onItemFocused",n))},c.$attrs),{default:s.withCtx(()=>[s.renderSlot(c.$slots,"default")]),_:3},16,["tabsData","actionPayload"]))}});function R(r,e){const d=s.ref(!1),f=s.ref(!1);return{isIntersecting:d,isVisible:f,handlePresenceState:v=>{var l,c,t;switch(v){case"enter":d.value=!0,(l=e==null?void 0:e.onEnter)==null||l.call(e);break;case"visible":f.value=!0,(c=e==null?void 0:e.onVisible)==null||c.call(e);break;case"leave":d.value=!1,f.value=!1,(t=e==null?void 0:e.onLeave)==null||t.call(e);break}}}}let b;var S;try{const r=require("@extscreen/es3-vue");b=r.registerElement||((S=r.default)==null?void 0:S.registerElement)}catch{}const I={install:r=>{globalThis.__QtGridTabs_registered||(b?(b("qt-grid-tabs",{component:{name:"QtGridTabs",processEventData(e,d,f){return{handler:d,nativeEvent:f}}}}),b("QtGridTabs",{component:{name:"QtGridTabs",processEventData(e,d,f){return{handler:d,nativeEvent:f}}}}),globalThis.__QtGridTabs_registered=!0,console.log("[@quicktvui/naddons] Successfully registered Native tag:","QtGridTabs")):console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")),r.component("GridTabs",E),r.component("qt-grid-tabs",E)}},A=new Set;function p(r,e,d){return s.defineComponent({name:`${r}AsyncWrapper`,inheritAttrs:!1,setup(f,{slots:w,attrs:v}){const l=s.ref("loading"),c=s.ref("");let t=null,n=null;try{t=T.useES(),n=T.useESPlugin()}catch(o){console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。",o)}const G=async()=>{if(!t||typeof t.isComponentRegistered!="function")return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"),!1;try{const o=await t.isComponentRegistered(r);if(console.log(`[withAsyncPlugin] isComponentRegistered('${r}') 返回:`,o),o===!0||o&&typeof o=="object"&&(o.registered===!0||o.isRegistered===!0))return!0;try{const i=await P.Native.callNativeWithPromise("ExtendModule","getCoreSDKInfo");if(i&&i.core_version){const u=i.core_version;console.log(`[withAsyncPlugin] 当前引擎核心版本: ${u}`);const a=u.split(".").map(g=>parseInt(g,10));if(a.length>=3&&!isNaN(a[0])&&!isNaN(a[1])&&!isNaN(a[2]))if(a[0]*1e6+a[1]*1e3+a[2]>=1011205){console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${r}`);const y=r.split("-").map($=>$.charAt(0).toUpperCase()+$.slice(1)).join("");console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${r}, ${y}`);const[m,h]=await Promise.all([P.Native.callNativeWithPromise("ExtendModule","isComponentRegistered",r).catch(()=>!1),P.Native.callNativeWithPromise("ExtendModule","isComponentRegistered",y).catch(()=>!1)]);if(console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${m}, ${h}]`),m===!0||h===!0)return!0}else console.log(`[withAsyncPlugin] 引擎版本 ${u} < 1.11.205，跳过 ExtendModule 检查`);else console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${u}`)}}catch(i){console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:",i)}return!1}catch(o){return console.warn("[withAsyncPlugin] 检查组件注册状态异常:",o),!1}},M=async()=>{if(!e){l.value="ready";return}const o=await G();if(console.log(`[withAsyncPlugin] 拦截检查 - ${r} 是否已注册:`,o),o||A.has(e)){l.value="ready",A.add(e),console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");return}if(!n){console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${r}`),l.value="ready";return}console.log(`[withAsyncPlugin] 开始动态安装插件: ${e}`);try{await new Promise((i,u)=>{let a;const g={onPluginInstallSuccess(y,m,h){y===e&&(clearTimeout(a),n.removeListener(g),console.log(`[withAsyncPlugin] 安装成功 pkg=${y} 状态码=${m}`),m==1003||m==1001?(d?(console.log(`[withAsyncPlugin] 触发反射初始化: ${d}`),P.Native.callNative("EsNativeModule","callReflect",{entry:{from:d,method:"setup"}})):console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"),i()):u(new Error(`安装失败 pkg=${y} status=${m} msg=${h}`)))},onPluginInstallError(y,m,h){y===e&&(clearTimeout(a),n.removeListener(g),u(new Error(`安装失败 pkg=${y} status=${m} msg=${h}`)))}};n.addListener({pkg:e},g),a=setTimeout(()=>{n.removeListener(g),u(new Error(`插件安装超时: ${e}`))},8e3),typeof n.installPlugin=="function"?n.installPlugin({pkg:e}):typeof n.install=="function"?n.install(e):u(new Error("当前运行时不支持 install / installPlugin"))}),await s.nextTick(),A.add(e),l.value="ready"}catch(i){console.error("[withAsyncPlugin] 插件加载失败:",i),c.value=(i==null?void 0:i.message)||String(i),l.value="error"}};return s.onMounted(()=>{M()}),()=>{const o={width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",...v.style||{}};if(l.value==="loading")return s.h("div",{class:"qt-plugin-container",style:o},[s.h("div",{style:{color:"white",fontSize:"30px"}},"插件加载中...")]);if(l.value==="error")return s.h("div",{class:"qt-plugin-container",style:o},[s.h("div",{style:{color:"white",fontSize:"30px",backgroundColor:"rgba(255,0,0,0.5)"}},`插件加载失败: ${c.value}`)]);const i={};for(const[u,a]of Object.entries(v))u.startsWith("on")&&typeof a=="function"?i[u]=(...g)=>(console.log(`[withAsyncPlugin] NativeTag=${r} 收到事件 ${u}:`,g),a(...g)):i[u]=a;return s.h("div",{class:"qt-plugin-container",style:o},[s.h(r,{...i,style:{width:"100%",height:"100%",backgroundColor:"transparent"}},w.default?w.default():[])])}}})}const C={install:r=>{r.use(I)}};exports.GridTabs=E;exports.GridTabsPlugin=I;exports.QuickTVUINAddons=C;exports.default=C;exports.useGridItemPresence=R;exports.withAsyncPlugin=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),I=require("@extscreen/es3-core"),v=require("@extscreen/es3-vue"),$=l.defineComponent({__name:"GridTabs",props:{tabsData:{},actionPayload:{}},emits:["onTabSelected","onTabNeedsData","onLoadMore","onItemPresence","onTabFocused","onItemClick","onItemFocused"],setup(o,{expose:t}){const u=l.ref(),d=p("QtGridTabs","com.quicktvui.plugin.glintui");return t({scrollToTop:(...a)=>{var n;return(n=u.value)==null?void 0:n.scrollToTop(...a)}}),(a,n)=>(l.openBlock(),l.createBlock(l.unref(d),l.mergeProps({ref_key:"nativeRef",ref:u,tabsData:o.tabsData,actionPayload:o.actionPayload,onOnTabSelected:n[0]||(n[0]=i=>a.$emit("onTabSelected",i.nativeEvent)),onOnTabNeedsData:n[1]||(n[1]=i=>a.$emit("onTabNeedsData",i.nativeEvent)),onOnLoadMore:n[2]||(n[2]=i=>a.$emit("onLoadMore",i.nativeEvent)),onOnItemPresence:n[3]||(n[3]=i=>a.$emit("onItemPresence",i.nativeEvent)),onOnTabFocused:n[4]||(n[4]=i=>a.$emit("onTabFocused",i.nativeEvent)),onOnItemClick:n[5]||(n[5]=i=>a.$emit("onItemClick",i.nativeEvent)),onOnItemFocused:n[6]||(n[6]=i=>a.$emit("onItemFocused",i.nativeEvent))},a.$attrs),{default:l.withCtx(()=>[l.renderSlot(a.$slots,"default")]),_:3},16,["tabsData","actionPayload"]))}});function F(o,t){const u=l.ref(!1),d=l.ref(!1);return{isIntersecting:u,isVisible:d,handlePresenceState:n=>{var i,P,b;switch(n){case"enter":u.value=!0,(i=t==null?void 0:t.onEnter)==null||i.call(t);break;case"visible":d.value=!0,(P=t==null?void 0:t.onVisible)==null||P.call(t);break;case"leave":u.value=!1,d.value=!1,(b=t==null?void 0:t.onLeave)==null||b.call(t);break}}}}let w;var E;try{const o=require("@extscreen/es3-vue");w=o.registerElement||((E=o.default)==null?void 0:E.registerElement)}catch{}const S={install:o=>{globalThis.__QtGridTabs_registered||(w?(w("qt-grid-tabs",{component:{name:"QtGridTabs",processEventData(t,u,d){return console.log(`[GridTabs/index.ts] qt-grid-tabs 收到原生事件: ${u}, 数据:`,d),t.nativeEvent=d,t}}}),w("QtGridTabs",{component:{name:"QtGridTabs",processEventData(t,u,d){return console.log(`[GridTabs/index.ts] QtGridTabs 收到原生事件: ${u}, 数据:`,d),t.nativeEvent=d,t}}}),globalThis.__QtGridTabs_registered=!0,console.log("[@quicktvui/naddons] Successfully registered Native tag:","QtGridTabs")):console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")),o.component("GridTabs",$),o.component("qt-grid-tabs",$)}},T=new Set;function p(o,t,u){return l.defineComponent({name:`${o}AsyncWrapper`,inheritAttrs:!1,setup(d,{slots:a,attrs:n}){const i=l.ref("loading"),P=l.ref("");let b=null,m=null;try{b=I.useES(),m=I.useESPlugin()}catch(r){console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。",r)}const M=async()=>{if(!b||typeof b.isComponentRegistered!="function")return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"),!1;try{const r=await b.isComponentRegistered(o);if(console.log(`[withAsyncPlugin] isComponentRegistered('${o}') 返回:`,r),r===!0||r&&typeof r=="object"&&(r.registered===!0||r.isRegistered===!0))return!0;try{const c=await v.Native.callNativeWithPromise("ExtendModule","getCoreSDKInfo");if(c&&c.core_version){const f=c.core_version;console.log(`[withAsyncPlugin] 当前引擎核心版本: ${f}`);const e=f.split(".").map(s=>parseInt(s,10));if(e.length>=3&&!isNaN(e[0])&&!isNaN(e[1])&&!isNaN(e[2]))if(e[0]*1e6+e[1]*1e3+e[2]>=1011205){console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${o}`);const g=o.split("-").map(A=>A.charAt(0).toUpperCase()+A.slice(1)).join("");console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${o}, ${g}`);const[y,h]=await Promise.all([v.Native.callNativeWithPromise("ExtendModule","isComponentRegistered",o).catch(()=>!1),v.Native.callNativeWithPromise("ExtendModule","isComponentRegistered",g).catch(()=>!1)]);if(console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${y}, ${h}]`),y===!0||h===!0)return!0}else console.log(`[withAsyncPlugin] 引擎版本 ${f} < 1.11.205，跳过 ExtendModule 检查`);else console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${f}`)}}catch(c){console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:",c)}return!1}catch(r){return console.warn("[withAsyncPlugin] 检查组件注册状态异常:",r),!1}},O=async()=>{if(!t){i.value="ready";return}const r=await M();if(console.log(`[withAsyncPlugin] 拦截检查 - ${o} 是否已注册:`,r),r||T.has(t)){i.value="ready",T.add(t),console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");return}if(!m){console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`),i.value="ready";return}console.log(`[withAsyncPlugin] 开始动态安装插件: ${t}`);try{await new Promise((c,f)=>{let e;const s={onPluginInstallSuccess(g,y,h){g===t&&(clearTimeout(e),m.removeListener(s),console.log(`[withAsyncPlugin] 安装成功 pkg=${g} 状态码=${y}`),y==1003||y==1001?(u?(console.log(`[withAsyncPlugin] 触发反射初始化: ${u}`),v.Native.callNative("EsNativeModule","callReflect",{entry:{from:u,method:"setup"}})):console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"),c()):f(new Error(`安装失败 pkg=${g} status=${y} msg=${h}`)))},onPluginInstallError(g,y,h){g===t&&(clearTimeout(e),m.removeListener(s),f(new Error(`安装失败 pkg=${g} status=${y} msg=${h}`)))}};m.addListener({pkg:t},s),e=setTimeout(()=>{m.removeListener(s),f(new Error(`插件安装超时: ${t}`))},8e3),typeof m.installPlugin=="function"?m.installPlugin({pkg:t}):typeof m.install=="function"?m.install(t):f(new Error("当前运行时不支持 install / installPlugin"))}),await l.nextTick(),T.add(t),i.value="ready"}catch(c){console.error("[withAsyncPlugin] 插件加载失败:",c),P.value=(c==null?void 0:c.message)||String(c),i.value="error"}};return l.onMounted(()=>{O()}),()=>{const r={width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",...n.style||{}};if(i.value==="loading")return l.h("div",{class:"qt-plugin-container",style:r},[l.h("div",{style:{color:"white",fontSize:"30px"}},"插件加载中...")]);if(i.value==="error")return l.h("div",{class:"qt-plugin-container",style:r},[l.h("div",{style:{color:"white",fontSize:"30px",backgroundColor:"rgba(255,0,0,0.5)"}},`插件加载失败: ${P.value}`)]);const c={};for(const[e,s]of Object.entries(n)){const g=e.startsWith("on")&&e!=="onItemPresence"&&e!=="onTabSelected"&&e!=="onTabNeedsData"&&e!=="onLoadMore"&&e!=="onTabFocused"&&e!=="onItemClick"&&e!=="onItemFocused";!e.startsWith("onOn")&&!g&&(c[e]=s)}const f={...c,style:{width:"1920px",height:"1080px",backgroundColor:"transparent"},onItemPresence:e=>{console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemPresence:`,e);const s=n.onOnItemPresence||n.onItemPresence||n.onitempresence;typeof s=="function"&&s(e)},onTabSelected:e=>{console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabSelected:`,e);const s=n.onOnTabSelected||n.onTabSelected;typeof s=="function"&&s(e)},onTabNeedsData:e=>{console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabNeedsData:`,e);const s=n.onOnTabNeedsData||n.onTabNeedsData;typeof s=="function"&&s(e)},onLoadMore:e=>{console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onLoadMore:`,e);const s=n.onOnLoadMore||n.onLoadMore;typeof s=="function"&&s(e)},onTabFocused:e=>{console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabFocused:`,e);const s=n.onOnTabFocused||n.onTabFocused;typeof s=="function"&&s(e)},onItemClick:e=>{console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemClick:`,e);const s=n.onOnItemClick||n.onItemClick;typeof s=="function"&&s(e)},onItemFocused:e=>{console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemFocused:`,e);const s=n.onOnItemFocused||n.onItemFocused;typeof s=="function"&&s(e)}};return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:",Object.keys(f)),l.h("div",{class:"qt-plugin-container",style:r},[l.h(o,f,a.default?a.default():[])])}}})}const C={install:o=>{o.use(S)}};exports.GridTabs=$;exports.GridTabsPlugin=S;exports.QuickTVUINAddons=C;exports.default=C;exports.useGridItemPresence=F;exports.withAsyncPlugin=p;

package/dist/naddons.es.js

@@ -1,232 +1,259 @@
-import { defineComponent as S, ref as b, openBlock as x, createBlock as R, unref as G, mergeProps as M, withCtx as D, renderSlot as k, onMounted as q, h, nextTick as L } from "vue";
-import { useES as Q, useESPlugin as F } from "@extscreen/es3-core";
-import { Native as P } from "@extscreen/es3-vue";
-const T = /* @__PURE__ */ S({
+import { defineComponent as p, ref as P, openBlock as M, createBlock as F, unref as O, mergeProps as D, withCtx as k, renderSlot as G, onMounted as R, h, nextTick as L } from "vue";
+import { useES as x, useESPlugin as q } from "@extscreen/es3-core";
+import { Native as v } from "@extscreen/es3-vue";
+const E = /* @__PURE__ */ p({
   __name: "GridTabs",
   props: {
     tabsData: {},
     actionPayload: {}
   },
   emits: ["onTabSelected", "onTabNeedsData", "onLoadMore", "onItemPresence", "onTabFocused", "onItemClick", "onItemFocused"],
-  setup(r, { expose: e, emit: u }) {
-    const d = b(), w = O(
+  setup(o, { expose: t }) {
+    const a = P(), u = W(
       "QtGridTabs",
       "com.quicktvui.plugin.glintui"
-    ), y = u;
-    function s(a, t) {
-      console.log(`[GridTabs.vue] received event from AsyncWrapper: ${a}`, t);
-      const n = t && t.nativeEvent !== void 0 ? t.nativeEvent : t;
-      console.log(`[GridTabs.vue] emitting to parent: ${a}`, n), y(a, n);
-    }
-    return e({
-      scrollToTop: (...a) => {
-        var t;
-        return (t = d.value) == null ? void 0 : t.scrollToTop(...a);
+    );
+    return t({
+      scrollToTop: (...c) => {
+        var n;
+        return (n = a.value) == null ? void 0 : n.scrollToTop(...c);
       }
-    }), (a, t) => (x(), R(G(w), M({
+    }), (c, n) => (M(), F(O(u), D({
       ref_key: "nativeRef",
-      ref: d,
-      tabsData: r.tabsData,
-      actionPayload: r.actionPayload,
-      onOnTabSelected: t[0] || (t[0] = (n) => s("onTabSelected", n)),
-      onOnTabNeedsData: t[1] || (t[1] = (n) => s("onTabNeedsData", n)),
-      onOnLoadMore: t[2] || (t[2] = (n) => s("onLoadMore", n)),
-      onOnItemPresence: t[3] || (t[3] = (n) => s("onItemPresence", n)),
-      onOnTabFocused: t[4] || (t[4] = (n) => s("onTabFocused", n)),
-      onOnItemClick: t[5] || (t[5] = (n) => s("onItemClick", n)),
-      onOnItemFocused: t[6] || (t[6] = (n) => s("onItemFocused", n))
-    }, a.$attrs), {
-      default: D(() => [
-        k(a.$slots, "default")
+      ref: a,
+      tabsData: o.tabsData,
+      actionPayload: o.actionPayload,
+      onOnTabSelected: n[0] || (n[0] = (l) => c.$emit("onTabSelected", l.nativeEvent)),
+      onOnTabNeedsData: n[1] || (n[1] = (l) => c.$emit("onTabNeedsData", l.nativeEvent)),
+      onOnLoadMore: n[2] || (n[2] = (l) => c.$emit("onLoadMore", l.nativeEvent)),
+      onOnItemPresence: n[3] || (n[3] = (l) => c.$emit("onItemPresence", l.nativeEvent)),
+      onOnTabFocused: n[4] || (n[4] = (l) => c.$emit("onTabFocused", l.nativeEvent)),
+      onOnItemClick: n[5] || (n[5] = (l) => c.$emit("onItemClick", l.nativeEvent)),
+      onOnItemFocused: n[6] || (n[6] = (l) => c.$emit("onItemFocused", l.nativeEvent))
+    }, c.$attrs), {
+      default: k(() => [
+        G(c.$slots, "default")
       ]),
       _: 3
     }, 16, ["tabsData", "actionPayload"]));
   }
 });
-function U(r, e) {
-  const u = b(!1), d = b(!1);
+function z(o, t) {
+  const a = P(!1), u = P(!1);
   return {
-    isIntersecting: u,
-    isVisible: d,
-    handlePresenceState: (y) => {
-      var s, a, t;
-      switch (y) {
+    isIntersecting: a,
+    isVisible: u,
+    handlePresenceState: (n) => {
+      var l, w, y;
+      switch (n) {
         case "enter":
-          u.value = !0, (s = e == null ? void 0 : e.onEnter) == null || s.call(e);
+          a.value = !0, (l = t == null ? void 0 : t.onEnter) == null || l.call(t);
           break;
         case "visible":
-          d.value = !0, (a = e == null ? void 0 : e.onVisible) == null || a.call(e);
+          u.value = !0, (w = t == null ? void 0 : t.onVisible) == null || w.call(t);
           break;
         case "leave":
-          u.value = !1, d.value = !1, (t = e == null ? void 0 : e.onLeave) == null || t.call(e);
+          a.value = !1, u.value = !1, (y = t == null ? void 0 : t.onLeave) == null || y.call(t);
           break;
       }
     }
   };
 }
-let E;
-var p;
+let $;
+var I;
 try {
-  const r = require("@extscreen/es3-vue");
-  E = r.registerElement || ((p = r.default) == null ? void 0 : p.registerElement);
+  const o = require("@extscreen/es3-vue");
+  $ = o.registerElement || ((I = o.default) == null ? void 0 : I.registerElement);
 } catch {
 }
-const W = {
-  install: (r) => {
-    globalThis.__QtGridTabs_registered || (E ? (E("qt-grid-tabs", {
+const Q = {
+  install: (o) => {
+    globalThis.__QtGridTabs_registered || ($ ? ($("qt-grid-tabs", {
       component: {
         name: "QtGridTabs",
         // 关键：将前端标签映射到真正的 Native 组件名
-        processEventData(e, u, d) {
-          return {
-            handler: u,
-            nativeEvent: d
-          };
+        processEventData(t, a, u) {
+          return console.log(`[GridTabs/index.ts] qt-grid-tabs 收到原生事件: ${a}, 数据:`, u), t.nativeEvent = u, t;
         }
       }
-    }), E("QtGridTabs", {
+    }), $("QtGridTabs", {
       component: {
         name: "QtGridTabs",
-        processEventData(e, u, d) {
-          return {
-            handler: u,
-            nativeEvent: d
-          };
+        processEventData(t, a, u) {
+          return console.log(`[GridTabs/index.ts] QtGridTabs 收到原生事件: ${a}, 数据:`, u), t.nativeEvent = u, t;
         }
       }
-    }), globalThis.__QtGridTabs_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtGridTabs")) : console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")), r.component("GridTabs", T), r.component("qt-grid-tabs", T);
+    }), globalThis.__QtGridTabs_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtGridTabs")) : console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")), o.component("GridTabs", E), o.component("qt-grid-tabs", E);
   }
-}, A = /* @__PURE__ */ new Set();
-function O(r, e, u) {
-  return S({
-    name: `${r}AsyncWrapper`,
+}, T = /* @__PURE__ */ new Set();
+function W(o, t, a) {
+  return p({
+    name: `${o}AsyncWrapper`,
     inheritAttrs: !1,
-    setup(d, { slots: w, attrs: y }) {
-      const s = b("loading"), a = b("");
-      let t = null, n = null;
+    setup(u, { slots: c, attrs: n }) {
+      const l = P("loading"), w = P("");
+      let y = null, g = null;
       try {
-        t = Q(), n = F();
-      } catch (l) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", l);
+        y = x(), g = q();
+      } catch (i) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", i);
       }
-      const I = async () => {
-        if (!t || typeof t.isComponentRegistered != "function")
+      const S = async () => {
+        if (!y || typeof y.isComponentRegistered != "function")
           return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          const l = await t.isComponentRegistered(r);
-          if (console.log(`[withAsyncPlugin] isComponentRegistered('${r}') 返回:`, l), l === !0 || l && typeof l == "object" && (l.registered === !0 || l.isRegistered === !0))
+          const i = await y.isComponentRegistered(o);
+          if (console.log(`[withAsyncPlugin] isComponentRegistered('${o}') 返回:`, i), i === !0 || i && typeof i == "object" && (i.registered === !0 || i.isRegistered === !0))
             return !0;
           try {
-            const o = await P.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
-            if (o && o.core_version) {
-              const c = o.core_version;
-              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${c}`);
-              const i = c.split(".").map((f) => parseInt(f, 10));
-              if (i.length >= 3 && !isNaN(i[0]) && !isNaN(i[1]) && !isNaN(i[2]))
-                if (i[0] * 1e6 + i[1] * 1e3 + i[2] >= 1011205) {
-                  console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${r}`);
-                  const g = r.split("-").map(($) => $.charAt(0).toUpperCase() + $.slice(1)).join("");
-                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${r}, ${g}`);
-                  const [m, v] = await Promise.all([
-                    P.callNativeWithPromise("ExtendModule", "isComponentRegistered", r).catch(() => !1),
-                    P.callNativeWithPromise("ExtendModule", "isComponentRegistered", g).catch(() => !1)
+            const r = await v.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
+            if (r && r.core_version) {
+              const d = r.core_version;
+              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${d}`);
+              const e = d.split(".").map((s) => parseInt(s, 10));
+              if (e.length >= 3 && !isNaN(e[0]) && !isNaN(e[1]) && !isNaN(e[2]))
+                if (e[0] * 1e6 + e[1] * 1e3 + e[2] >= 1011205) {
+                  console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${o}`);
+                  const f = o.split("-").map((A) => A.charAt(0).toUpperCase() + A.slice(1)).join("");
+                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${o}, ${f}`);
+                  const [m, b] = await Promise.all([
+                    v.callNativeWithPromise("ExtendModule", "isComponentRegistered", o).catch(() => !1),
+                    v.callNativeWithPromise("ExtendModule", "isComponentRegistered", f).catch(() => !1)
                   ]);
-                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${m}, ${v}]`), m === !0 || v === !0)
+                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${m}, ${b}]`), m === !0 || b === !0)
                     return !0;
                 } else
-                  console.log(`[withAsyncPlugin] 引擎版本 ${c} < 1.11.205，跳过 ExtendModule 检查`);
+                  console.log(`[withAsyncPlugin] 引擎版本 ${d} < 1.11.205，跳过 ExtendModule 检查`);
               else
-                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${c}`);
+                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${d}`);
             }
-          } catch (o) {
-            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", o);
+          } catch (r) {
+            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", r);
           }
           return !1;
-        } catch (l) {
-          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", l), !1;
+        } catch (i) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", i), !1;
         }
       }, C = async () => {
-        if (!e) {
-          s.value = "ready";
+        if (!t) {
+          l.value = "ready";
           return;
         }
-        const l = await I();
-        if (console.log(`[withAsyncPlugin] 拦截检查 - ${r} 是否已注册:`, l), l || A.has(e)) {
-          s.value = "ready", A.add(e), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
+        const i = await S();
+        if (console.log(`[withAsyncPlugin] 拦截检查 - ${o} 是否已注册:`, i), i || T.has(t)) {
+          l.value = "ready", T.add(t), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
           return;
         }
-        if (!n) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${r}`), s.value = "ready";
+        if (!g) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`), l.value = "ready";
           return;
         }
-        console.log(`[withAsyncPlugin] 开始动态安装插件: ${e}`);
+        console.log(`[withAsyncPlugin] 开始动态安装插件: ${t}`);
         try {
-          await new Promise((o, c) => {
-            let i;
-            const f = {
-              onPluginInstallSuccess(g, m, v) {
-                g === e && (clearTimeout(i), n.removeListener(f), console.log(`[withAsyncPlugin] 安装成功 pkg=${g} 状态码=${m}`), m == 1003 || m == 1001 ? (u ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${u}`), P.callNative("EsNativeModule", "callReflect", {
+          await new Promise((r, d) => {
+            let e;
+            const s = {
+              onPluginInstallSuccess(f, m, b) {
+                f === t && (clearTimeout(e), g.removeListener(s), console.log(`[withAsyncPlugin] 安装成功 pkg=${f} 状态码=${m}`), m == 1003 || m == 1001 ? (a ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${a}`), v.callNative("EsNativeModule", "callReflect", {
                   entry: {
-                    from: u,
+                    from: a,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), o()) : c(new Error(`安装失败 pkg=${g} status=${m} msg=${v}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), r()) : d(new Error(`安装失败 pkg=${f} status=${m} msg=${b}`)));
               },
-              onPluginInstallError(g, m, v) {
-                g === e && (clearTimeout(i), n.removeListener(f), c(new Error(`安装失败 pkg=${g} status=${m} msg=${v}`)));
+              onPluginInstallError(f, m, b) {
+                f === t && (clearTimeout(e), g.removeListener(s), d(new Error(`安装失败 pkg=${f} status=${m} msg=${b}`)));
               }
             };
-            n.addListener({ pkg: e }, f), i = setTimeout(() => {
-              n.removeListener(f), c(new Error(`插件安装超时: ${e}`));
-            }, 8e3), typeof n.installPlugin == "function" ? n.installPlugin({ pkg: e }) : typeof n.install == "function" ? n.install(e) : c(new Error("当前运行时不支持 install / installPlugin"));
-          }), await L(), A.add(e), s.value = "ready";
-        } catch (o) {
-          console.error("[withAsyncPlugin] 插件加载失败:", o), a.value = (o == null ? void 0 : o.message) || String(o), s.value = "error";
+            g.addListener({ pkg: t }, s), e = setTimeout(() => {
+              g.removeListener(s), d(new Error(`插件安装超时: ${t}`));
+            }, 8e3), typeof g.installPlugin == "function" ? g.installPlugin({ pkg: t }) : typeof g.install == "function" ? g.install(t) : d(new Error("当前运行时不支持 install / installPlugin"));
+          }), await L(), T.add(t), l.value = "ready";
+        } catch (r) {
+          console.error("[withAsyncPlugin] 插件加载失败:", r), w.value = (r == null ? void 0 : r.message) || String(r), l.value = "error";
         }
       };
-      return q(() => {
+      return R(() => {
         C();
       }), () => {
-        const l = {
+        const i = {
           width: "100%",
           height: "100%",
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...y.style || {}
+          ...n.style || {}
         };
-        if (s.value === "loading")
-          return h("div", { class: "qt-plugin-container", style: l }, [
+        if (l.value === "loading")
+          return h("div", { class: "qt-plugin-container", style: i }, [
             h("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
           ]);
-        if (s.value === "error")
-          return h("div", { class: "qt-plugin-container", style: l }, [
-            h("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${a.value}`)
+        if (l.value === "error")
+          return h("div", { class: "qt-plugin-container", style: i }, [
+            h("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${w.value}`)
           ]);
-        const o = {};
-        for (const [c, i] of Object.entries(y))
-          c.startsWith("on") && typeof i == "function" ? o[c] = (...f) => (console.log(`[withAsyncPlugin] NativeTag=${r} 收到事件 ${c}:`, f), i(...f)) : o[c] = i;
-        return h("div", { class: "qt-plugin-container", style: l }, [
-          h(r, {
-            ...o,
-            style: { width: "100%", height: "100%", backgroundColor: "transparent" }
-          }, w.default ? w.default() : [])
+        const r = {};
+        for (const [e, s] of Object.entries(n)) {
+          const f = e.startsWith("on") && e !== "onItemPresence" && e !== "onTabSelected" && e !== "onTabNeedsData" && e !== "onLoadMore" && e !== "onTabFocused" && e !== "onItemClick" && e !== "onItemFocused";
+          !e.startsWith("onOn") && !f && (r[e] = s);
+        }
+        const d = {
+          ...r,
+          style: { width: "1920px", height: "1080px", backgroundColor: "transparent" },
+          onItemPresence: (e) => {
+            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemPresence:`, e);
+            const s = n.onOnItemPresence || n.onItemPresence || n.onitempresence;
+            typeof s == "function" && s(e);
+          },
+          onTabSelected: (e) => {
+            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabSelected:`, e);
+            const s = n.onOnTabSelected || n.onTabSelected;
+            typeof s == "function" && s(e);
+          },
+          onTabNeedsData: (e) => {
+            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabNeedsData:`, e);
+            const s = n.onOnTabNeedsData || n.onTabNeedsData;
+            typeof s == "function" && s(e);
+          },
+          onLoadMore: (e) => {
+            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onLoadMore:`, e);
+            const s = n.onOnLoadMore || n.onLoadMore;
+            typeof s == "function" && s(e);
+          },
+          onTabFocused: (e) => {
+            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabFocused:`, e);
+            const s = n.onOnTabFocused || n.onTabFocused;
+            typeof s == "function" && s(e);
+          },
+          onItemClick: (e) => {
+            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemClick:`, e);
+            const s = n.onOnItemClick || n.onItemClick;
+            typeof s == "function" && s(e);
+          },
+          onItemFocused: (e) => {
+            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemFocused:`, e);
+            const s = n.onOnItemFocused || n.onItemFocused;
+            typeof s == "function" && s(e);
+          }
+        };
+        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(d)), h("div", { class: "qt-plugin-container", style: i }, [
+          h(o, d, c.default ? c.default() : [])
         ]);
       };
     }
   });
 }
-const K = {
-  install: (r) => {
-    r.use(W);
+const B = {
+  install: (o) => {
+    o.use(Q);
   }
 };
 export {
-  T as GridTabs,
-  W as GridTabsPlugin,
-  K as QuickTVUINAddons,
-  K as default,
-  U as useGridItemPresence,
-  O as withAsyncPlugin
+  E as GridTabs,
+  Q as GridTabsPlugin,
+  B as QuickTVUINAddons,
+  B as default,
+  z as useGridItemPresence,
+  W as withAsyncPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/naddons",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "description": "Vue 3 wrappers for QuickTVUI Native Addons",
   "main": "dist/naddons.cjs.js",
   "module": "dist/naddons.es.js",