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

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 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;

package/dist/naddons.es.js

@@ -1,140 +1,232 @@
-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 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({
+  __name: "GridTabs",
+  props: {
+    tabsData: {},
+    actionPayload: {}
+  },
+  emits: ["onTabSelected", "onTabNeedsData", "onLoadMore", "onItemPresence", "onTabFocused", "onItemClick", "onItemFocused"],
+  setup(r, { expose: e, emit: u }) {
+    const d = b(), w = O(
+      "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);
+      }
+    }), (a, t) => (x(), R(G(w), M({
+      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")
+      ]),
+      _: 3
+    }, 16, ["tabsData", "actionPayload"]));
+  }
+});
+function U(r, e) {
+  const u = b(!1), d = b(!1);
+  return {
+    isIntersecting: u,
+    isVisible: d,
+    handlePresenceState: (y) => {
+      var s, a, t;
+      switch (y) {
+        case "enter":
+          u.value = !0, (s = e == null ? void 0 : e.onEnter) == null || s.call(e);
+          break;
+        case "visible":
+          d.value = !0, (a = e == null ? void 0 : e.onVisible) == null || a.call(e);
+          break;
+        case "leave":
+          u.value = !1, d.value = !1, (t = e == null ? void 0 : e.onLeave) == null || t.call(e);
+          break;
+      }
+    }
+  };
+}
+let E;
+var p;
+try {
+  const r = require("@extscreen/es3-vue");
+  E = r.registerElement || ((p = r.default) == null ? void 0 : p.registerElement);
+} catch {
+}
+const W = {
+  install: (r) => {
+    globalThis.__QtGridTabs_registered || (E ? (E("qt-grid-tabs", {
+      component: {
+        name: "QtGridTabs",
+        // 关键：将前端标签映射到真正的 Native 组件名
+        processEventData(e, u, d) {
+          return {
+            handler: u,
+            nativeEvent: d
+          };
+        }
+      }
+    }), E("QtGridTabs", {
+      component: {
+        name: "QtGridTabs",
+        processEventData(e, u, d) {
+          return {
+            handler: u,
+            nativeEvent: d
+          };
+        }
+      }
+    }), 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);
+  }
+}, A = /* @__PURE__ */ new Set();
+function O(r, e, u) {
+  return S({
+    name: `${r}AsyncWrapper`,
     inheritAttrs: !1,
-    setup(c, { slots: v, attrs: A }) {
-      const i = w("loading"), _ = w("");
-      let d = null, r = null;
+    setup(d, { slots: w, attrs: y }) {
+      const s = b("loading"), a = b("");
+      let t = null, n = null;
       try {
-        d = I(), r = L();
-      } catch (e) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", e);
+        t = Q(), n = F();
+      } catch (l) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", l);
       }
-      const E = async () => {
-        if (!d || typeof d.isComponentRegistered != "function")
+      const I = async () => {
+        if (!t || typeof t.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 l = await t.isComponentRegistered(r);
+          if (console.log(`[withAsyncPlugin] isComponentRegistered('${r}') 返回:`, l), l === !0 || l && typeof l == "object" && (l.registered === !0 || l.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)
+                  ]);
+                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${m}, ${v}]`), m === !0 || v === !0)
+                    return !0;
+                } else
+                  console.log(`[withAsyncPlugin] 引擎版本 ${c} < 1.11.205，跳过 ExtendModule 检查`);
+              else
+                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${c}`);
+            }
+          } catch (o) {
+            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", o);
+          }
+          return !1;
+        } catch (l) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", l), !1;
         }
-      }, P = async () => {
-        if (!t) {
-          i.value = "ready";
+      }, C = async () => {
+        if (!e) {
+          s.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 l = await I();
+        if (console.log(`[withAsyncPlugin] 拦截检查 - ${r} 是否已注册:`, l), l || A.has(e)) {
+          s.value = "ready", A.add(e), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
           return;
         }
-        if (!r) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${n}`), i.value = "ready";
+        if (!n) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${r}`), s.value = "ready";
           return;
         }
-        console.log(`[withAsyncPlugin] 开始动态安装插件: ${t}`);
+        console.log(`[withAsyncPlugin] 开始动态安装插件: ${e}`);
         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((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", {
                   entry: {
-                    from: s,
+                    from: u,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), l()) : f(new Error(`安装失败 pkg=${o} status=${a} msg=${h}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), o()) : c(new Error(`安装失败 pkg=${g} status=${m} msg=${v}`)));
               },
-              onPluginInstallError(o, a, h) {
-                o === t && (clearTimeout(y), r.removeListener(g), f(new Error(`安装失败 pkg=${o} status=${a} msg=${h}`)));
+              onPluginInstallError(g, m, v) {
+                g === e && (clearTimeout(i), n.removeListener(f), c(new Error(`安装失败 pkg=${g} status=${m} msg=${v}`)));
               }
             };
-            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";
+            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";
         }
       };
-      return b(() => {
-        P();
+      return q(() => {
+        C();
       }), () => {
-        const e = {
+        const l = {
           width: "100%",
           height: "100%",
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...A.style || {}
+          ...y.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,
+        if (s.value === "loading")
+          return h("div", { class: "qt-plugin-container", style: l }, [
+            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}`)
+          ]);
+        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" }
-          }, v)
+          }, w.default ? w.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);
+const K = {
+  install: (r) => {
+    r.use(W);
   }
 };
 export {
-  z as GridTabs,
-  B as GridTabsPlugin,
-  Q as QuickTVUINAddons,
-  Q as default,
-  V as withAsyncPlugin
+  T as GridTabs,
+  W as GridTabsPlugin,
+  K as QuickTVUINAddons,
+  K as default,
+  U as useGridItemPresence,
+  O as withAsyncPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/naddons",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.3",
   "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": {