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

package/dist/components/GridTabs/GridTabs.vue.d.ts

@@ -0,0 +1,42 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    tabsData?: string | undefined;
+    actionPayload?: string | undefined;
+}>>, {
+    scrollToTop: (...args: any[]) => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onTabSelected: (payload?: any) => void;
+    onTabNeedsData: (payload?: any) => void;
+    onLoadMore: (payload?: any) => void;
+    onItemPresence: (payload?: any) => void;
+    onTabFocused: (payload?: any) => void;
+    onItemClick: (payload?: any) => void;
+    onItemFocused: (payload?: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    tabsData?: string | undefined;
+    actionPayload?: string | undefined;
+}>>> & Readonly<{
+    onOnTabSelected?: ((payload?: any) => any) | undefined;
+    onOnTabNeedsData?: ((payload?: any) => any) | undefined;
+    onOnLoadMore?: ((payload?: any) => any) | undefined;
+    onOnItemPresence?: ((payload?: any) => any) | undefined;
+    onOnTabFocused?: ((payload?: any) => any) | undefined;
+    onOnItemClick?: ((payload?: any) => any) | undefined;
+    onOnItemFocused?: ((payload?: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/GridTabs/index.d.ts

@@ -0,0 +1,14 @@
+import type { App } from 'vue';
+import GridTabs from './GridTabs.vue';
+export declare const GridTabsPlugin: {
+    install: (app: App) => void;
+};
+export { GridTabs };
+export * from './useGridItemPresence';
+export default GridTabsPlugin;
+declare module 'vue' {
+    interface GlobalComponents {
+        GridTabs: typeof GridTabs;
+        'qt-grid-tabs': typeof GridTabs;
+    }
+}

package/dist/components/GridTabs/useGridItemPresence.d.ts

@@ -0,0 +1,26 @@
+export type PresenceState = 'attached' | 'enter' | 'visible' | 'leave';
+export interface PresencePayload {
+    itemId: string;
+    state: PresenceState;
+    index: number;
+}
+export interface UseGridItemPresenceOptions {
+    /** 当组件刚刚进入视口时触发 (用于发起网络请求) */
+    onEnter?: () => Promise<any> | void;
+    /** 当组件完全无遮挡显示时触发 (用于发送曝光埋点) */
+    onVisible?: () => void;
+    /** 当组件离开视口时触发 (用于取消网络请求或暂停视频) */
+    onLeave?: () => void;
+}
+/**
+ * 6.15 视图状态反馈与延迟加载协议 - 前端声明式 Hook
+ *
+ * 用于在 Vue 组件内部响应底层 Native 传来的可见性状态。
+ * 使用此 Hook 之前，父组件必须监听 `<GridTabs @onItemPresence="handlePresence">`
+ * 并通过 EventBus 或 Provide/Inject 将事件分发到此 Hook。
+ */
+export declare function useGridItemPresence(itemId: string, options?: UseGridItemPresenceOptions): {
+    isIntersecting: import("vue").Ref<boolean, boolean>;
+    isVisible: import("vue").Ref<boolean, boolean>;
+    handlePresenceState: (state: PresenceState) => void;
+};

package/dist/core/withAsyncPlugin.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 提供统一的异步插件安装和降级包装器。
+ * 这个组件不会被暴露给最终用户，只被 auto-generated 的组件代码调用。
+ */
+export declare function withAsyncPlugin(NativeTag: string, pluginPkgName?: string, pluginInitClass?: string): import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export * from './components/GridTabs';
+import { GridTabs } from './components/GridTabs';
+export { withAsyncPlugin } from './core/withAsyncPlugin';
+import { App } from 'vue';
+export declare const QuickTVUINAddons: {
+    install: (app: App) => void;
+};
+export default QuickTVUINAddons;
+declare module 'vue' {
+    interface GlobalComponents {
+        GridTabs: typeof GridTabs;
+        'qt-grid-tabs': typeof GridTabs;
+    }
+}

package/dist/naddons.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("@extscreen/es3-core"),R=require("@extscreen/es3-vue"),w=new Set;function P(r,n,i){return e.defineComponent({name:`${r}AsyncWrapper`,inheritAttrs:!1,setup(c,{slots:v,attrs:m}){const l=e.ref("loading"),A=e.ref("");let d=null,s=null;try{d=_.useES(),s=_.useESPlugin()}catch(t){console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。",t)}const S=async()=>{if(!d||typeof d.isComponentRegistered!="function")return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"),!1;try{const t=await d.isComponentRegistered(r);return console.log(`[withAsyncPlugin] isComponentRegistered('${r}') 返回:`,t),!!(t===!0||t&&typeof t=="object"&&t.registered===!0)}catch(t){return console.warn("[withAsyncPlugin] 检查组件注册状态异常:",t),!1}},q=async()=>{if(!n){l.value="ready";return}const t=await S();if(console.log(`[withAsyncPlugin] 拦截检查 - ${r} 是否已注册:`,t),t||w.has(n)){l.value="ready",w.add(n),console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");return}if(!s){console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${r}`),l.value="ready";return}console.log(`[withAsyncPlugin] 开始动态安装插件: ${n}`);try{await new Promise((o,g)=>{let y;const f={onPluginInstallSuccess(u,a,h){u===n&&(clearTimeout(y),s.removeListener(f),console.log(`[withAsyncPlugin] 安装成功 pkg=${u} 状态码=${a}`),a==1003?(i?(console.log(`[withAsyncPlugin] 触发反射初始化: ${i}`),R.Native.callNative("EsNativeModule","callReflect",{entry:{from:i,method:"setup"}})):console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"),o()):g(new Error(`安装失败 pkg=${u} status=${a} msg=${h}`)))},onPluginInstallError(u,a,h){u===n&&(clearTimeout(y),s.removeListener(f),g(new Error(`安装失败 pkg=${u} status=${a} msg=${h}`)))}};s.addListener({pkg:n},f),y=setTimeout(()=>{s.removeListener(f),g(new Error(`插件安装超时: ${n}`))},8e3),typeof s.installPlugin=="function"?s.installPlugin({pkg:n}):typeof s.install=="function"?s.install(n):g(new Error("当前运行时不支持 install / installPlugin"))}),await e.nextTick(),w.add(n),l.value="ready"}catch(o){console.error("[withAsyncPlugin] 插件加载失败:",o),A.value=(o==null?void 0:o.message)||String(o),l.value="error"}};return e.onMounted(()=>{q()}),()=>{const t={width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",...m.style||{}};return l.value==="loading"?e.h("div",{class:"qt-plugin-container",style:t},[e.h("div",{style:{color:"white",fontSize:"30px"}},"插件加载中...")]):l.value==="error"?e.h("div",{class:"qt-plugin-container",style:t},[e.h("div",{style:{color:"white",fontSize:"30px",backgroundColor:"rgba(255,0,0,0.5)"}},`插件加载失败: ${A.value}`)]):e.h("div",{class:"qt-plugin-container",style:t},[e.h(r,{...m,style:{width:"100%",height:"100%",backgroundColor:"transparent"}},v)])}}})}const b=e.defineComponent({__name:"GridTabs",setup(r){const n=e.ref(),i=P("qt-grid-tabs","com.quicktvui.plugin.glintui","com.quicktvui.plugin.glintui.GlintPluginApp");return(c,v)=>(e.openBlock(),e.createBlock(e.unref(i),e.mergeProps({ref_key:"nativeRef",ref:n},c.$attrs),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16))}});let p;try{p=require("@extscreen/es3-vue").registerElement}catch{}const $={install:r=>{globalThis.__qt_grid_tabs_registered||p&&(p("qt-grid-tabs",{component:{name:"qt-grid-tabs",processEventData(n,i,c){return{handler:i,nativeEvent:c}}}}),globalThis.__qt_grid_tabs_registered=!0),r.component("GridTabs",b)}},E={install:r=>{r.use($)}};exports.GridTabs=b;exports.GridTabsPlugin=$;exports.QuickTVUINAddons=E;exports.default=E;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,140 +1,259 @@
-import { defineComponent as $, ref as w, onMounted as b, h as u, nextTick as S, openBlock as q, createBlock as R, unref as x, mergeProps as C, withCtx as T, renderSlot as G } from "vue";
-import { useES as I, useESPlugin as L } from "@extscreen/es3-core";
-import { Native as M } from "@extscreen/es3-vue";
-const p = /* @__PURE__ */ new Set();
-function V(n, t, s) {
-  return $({
-    name: `${n}AsyncWrapper`,
+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(o, { expose: t }) {
+    const a = P(), u = W(
+      "QtGridTabs",
+      "com.quicktvui.plugin.glintui"
+    );
+    return t({
+      scrollToTop: (...c) => {
+        var n;
+        return (n = a.value) == null ? void 0 : n.scrollToTop(...c);
+      }
+    }), (c, n) => (M(), F(O(u), D({
+      ref_key: "nativeRef",
+      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 z(o, t) {
+  const a = P(!1), u = P(!1);
+  return {
+    isIntersecting: a,
+    isVisible: u,
+    handlePresenceState: (n) => {
+      var l, w, y;
+      switch (n) {
+        case "enter":
+          a.value = !0, (l = t == null ? void 0 : t.onEnter) == null || l.call(t);
+          break;
+        case "visible":
+          u.value = !0, (w = t == null ? void 0 : t.onVisible) == null || w.call(t);
+          break;
+        case "leave":
+          a.value = !1, u.value = !1, (y = t == null ? void 0 : t.onLeave) == null || y.call(t);
+          break;
+      }
+    }
+  };
+}
+let $;
+var I;
+try {
+  const o = require("@extscreen/es3-vue");
+  $ = o.registerElement || ((I = o.default) == null ? void 0 : I.registerElement);
+} catch {
+}
+const Q = {
+  install: (o) => {
+    globalThis.__QtGridTabs_registered || ($ ? ($("qt-grid-tabs", {
+      component: {
+        name: "QtGridTabs",
+        // 关键：将前端标签映射到真正的 Native 组件名
+        processEventData(t, a, u) {
+          return console.log(`[GridTabs/index.ts] qt-grid-tabs 收到原生事件: ${a}, 数据:`, u), t.nativeEvent = u, t;
+        }
+      }
+    }), $("QtGridTabs", {
+      component: {
+        name: "QtGridTabs",
+        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")), o.component("GridTabs", E), o.component("qt-grid-tabs", E);
+  }
+}, T = /* @__PURE__ */ new Set();
+function W(o, t, a) {
+  return p({
+    name: `${o}AsyncWrapper`,
     inheritAttrs: !1,
-    setup(c, { slots: v, attrs: A }) {
-      const i = w("loading"), _ = w("");
-      let d = null, r = null;
+    setup(u, { slots: c, attrs: n }) {
+      const l = P("loading"), w = P("");
+      let y = null, g = null;
       try {
-        d = I(), r = L();
-      } catch (e) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", e);
+        y = x(), g = q();
+      } catch (i) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", i);
       }
-      const E = async () => {
-        if (!d || typeof d.isComponentRegistered != "function")
+      const S = async () => {
+        if (!y || typeof y.isComponentRegistered != "function")
           return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          const e = await d.isComponentRegistered(n);
-          return console.log(`[withAsyncPlugin] isComponentRegistered('${n}') 返回:`, e), !!(e === !0 || e && typeof e == "object" && e.registered === !0);
-        } catch (e) {
-          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", e), !1;
+          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 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}, ${b}]`), m === !0 || b === !0)
+                    return !0;
+                } else
+                  console.log(`[withAsyncPlugin] 引擎版本 ${d} < 1.11.205，跳过 ExtendModule 检查`);
+              else
+                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${d}`);
+            }
+          } catch (r) {
+            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", r);
+          }
+          return !1;
+        } catch (i) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", i), !1;
         }
-      }, P = async () => {
+      }, C = async () => {
         if (!t) {
-          i.value = "ready";
+          l.value = "ready";
           return;
         }
-        const e = await E();
-        if (console.log(`[withAsyncPlugin] 拦截检查 - ${n} 是否已注册:`, e), e || p.has(t)) {
-          i.value = "ready", p.add(t), 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 (!r) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${n}`), i.value = "ready";
+        if (!g) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`), l.value = "ready";
           return;
         }
         console.log(`[withAsyncPlugin] 开始动态安装插件: ${t}`);
         try {
-          await new Promise((l, f) => {
-            let y;
-            const g = {
-              onPluginInstallSuccess(o, a, h) {
-                o === t && (clearTimeout(y), r.removeListener(g), console.log(`[withAsyncPlugin] 安装成功 pkg=${o} 状态码=${a}`), a == 1003 ? (s ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${s}`), M.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: s,
+                    from: a,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), l()) : f(new Error(`安装失败 pkg=${o} status=${a} msg=${h}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), r()) : d(new Error(`安装失败 pkg=${f} status=${m} msg=${b}`)));
               },
-              onPluginInstallError(o, a, h) {
-                o === t && (clearTimeout(y), r.removeListener(g), f(new Error(`安装失败 pkg=${o} status=${a} msg=${h}`)));
+              onPluginInstallError(f, m, b) {
+                f === t && (clearTimeout(e), g.removeListener(s), d(new Error(`安装失败 pkg=${f} status=${m} msg=${b}`)));
               }
             };
-            r.addListener({ pkg: t }, g), y = setTimeout(() => {
-              r.removeListener(g), f(new Error(`插件安装超时: ${t}`));
-            }, 8e3), typeof r.installPlugin == "function" ? r.installPlugin({ pkg: t }) : typeof r.install == "function" ? r.install(t) : f(new Error("当前运行时不支持 install / installPlugin"));
-          }), await S(), p.add(t), i.value = "ready";
-        } catch (l) {
-          console.error("[withAsyncPlugin] 插件加载失败:", l), _.value = (l == null ? void 0 : l.message) || String(l), i.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 b(() => {
-        P();
+      return R(() => {
+        C();
       }), () => {
-        const e = {
+        const i = {
           width: "100%",
           height: "100%",
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...A.style || {}
+          ...n.style || {}
         };
-        return i.value === "loading" ? u("div", { class: "qt-plugin-container", style: e }, [
-          u("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
-        ]) : i.value === "error" ? u("div", { class: "qt-plugin-container", style: e }, [
-          u("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${_.value}`)
-        ]) : u("div", { class: "qt-plugin-container", style: e }, [
-          u(n, {
-            ...A,
-            style: { width: "100%", height: "100%", backgroundColor: "transparent" }
-          }, v)
+        if (l.value === "loading")
+          return h("div", { class: "qt-plugin-container", style: i }, [
+            h("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
+          ]);
+        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 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 z = /* @__PURE__ */ $({
-  __name: "GridTabs",
-  setup(n) {
-    const t = w(), s = V(
-      "qt-grid-tabs",
-      "com.quicktvui.plugin.glintui",
-      "com.quicktvui.plugin.glintui.GlintPluginApp"
-    );
-    return (c, v) => (q(), R(x(s), C({
-      ref_key: "nativeRef",
-      ref: t
-    }, c.$attrs), {
-      default: T(() => [
-        G(c.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-let m;
-try {
-  m = require("@extscreen/es3-vue").registerElement;
-} catch {
-}
 const B = {
-  install: (n) => {
-    globalThis.__qt_grid_tabs_registered || m && (m("qt-grid-tabs", {
-      component: {
-        name: "qt-grid-tabs",
-        processEventData(t, s, c) {
-          return {
-            handler: s,
-            nativeEvent: c
-          };
-        }
-      }
-    }), globalThis.__qt_grid_tabs_registered = !0), n.component("GridTabs", z);
-  }
-}, Q = {
-  install: (n) => {
-    n.use(B);
+  install: (o) => {
+    o.use(Q);
   }
 };
 export {
-  z as GridTabs,
-  B as GridTabsPlugin,
-  Q as QuickTVUINAddons,
-  Q as default,
-  V 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.1",
+  "version": "1.0.0-alpha.4",
   "description": "Vue 3 wrappers for QuickTVUI Native Addons",
   "main": "dist/naddons.cjs.js",
   "module": "dist/naddons.es.js",
@@ -10,7 +10,7 @@
   ],
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vue-tsc --emitDeclarationOnly && vite build",
+    "build": "rm -rf dist && vue-tsc --emitDeclarationOnly && vite build",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {