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

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"),A=require("@extscreen/es3-vue"),y=new Set;function P(r,n,i){return e.defineComponent({name:`${r}AsyncWrapper`,inheritAttrs:!1,setup(a,{slots:p,attrs:w}){const o=e.ref("loading"),m=e.ref("");let d=null,s=null;try{d=_.useES(),s=_.useESPlugin()}catch(t){console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。",t)}const $=async()=>{if(!d||typeof d.isComponentRegistered!="function")return!1;try{return(await Promise.allSettled([d.isComponentRegistered(r)])).some(l=>l.status==="fulfilled"&&l.value===!0)}catch{return!1}},q=async()=>{if(!n){o.value="ready";return}if(await $()||y.has(n)){o.value="ready",y.add(n);return}console.log(`[withAsyncPlugin] 开始动态安装插件: ${n}`);try{if(!s)throw new Error("无法获取 useESPlugin 实例");await new Promise((t,l)=>{let g;const f={onPluginInstallSuccess(u,c,h){u===n&&(clearTimeout(g),s.removeListener(f),console.log(`[withAsyncPlugin] 安装成功 pkg=${u} 状态码=${c}`),c==1003?(i?(console.log(`[withAsyncPlugin] 触发反射初始化: ${i}`),A.Native.callNative("EsNativeModule","callReflect",{entry:{from:i,method:"setup"}})):console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"),t()):l(new Error(`安装失败 pkg=${u} status=${c} msg=${h}`)))},onPluginInstallError(u,c,h){u===n&&(clearTimeout(g),s.removeListener(f),l(new Error(`安装失败 pkg=${u} status=${c} msg=${h}`)))}};s.addListener({pkg:n},f),g=setTimeout(()=>{s.removeListener(f),l(new Error(`插件安装超时: ${n}`))},8e3),typeof s.installPlugin=="function"?s.installPlugin({pkg:n}):typeof s.install=="function"?s.install(n):l(new Error("当前运行时不支持 install / installPlugin"))}),await e.nextTick(),y.add(n),o.value="ready"}catch(t){console.error("[withAsyncPlugin] 插件加载失败:",t),m.value=(t==null?void 0:t.message)||String(t),o.value="error"}};return e.onMounted(()=>{q()}),()=>{const t={width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",...w.style||{}};return o.value==="loading"?e.h("div",{class:"qt-plugin-container",style:t},[e.h("div",{style:{color:"white",fontSize:"30px"}},"插件加载中...")]):o.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)"}},`插件加载失败: ${m.value}`)]):e.h("div",{class:"qt-plugin-container",style:t},[e.h(r,{...w,style:{width:"100%",height:"100%",backgroundColor:"transparent"}},p)])}}})}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(a,p)=>(e.openBlock(),e.createBlock(e.unref(i),e.mergeProps({ref_key:"nativeRef",ref:n},a.$attrs),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16))}});let v;try{v=require("@extscreen/es3-vue").registerElement}catch{}const E={install:r=>{globalThis.__qt_grid_tabs_registered||v&&(v("qt-grid-tabs",{component:{name:"qt-grid-tabs",processEventData(n,i,a){return{handler:i,nativeEvent:a}}}}),globalThis.__qt_grid_tabs_registered=!0),r.component("GridTabs",b)}},S={install:r=>{r.use(E)}};exports.GridTabs=b;exports.GridTabsPlugin=E;exports.QuickTVUINAddons=S;exports.default=S;
+"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;

package/dist/naddons.es.js

@@ -1,67 +1,69 @@
-import { defineComponent as E, ref as p, onMounted as S, h as a, nextTick as A, openBlock as q, createBlock as P, unref as T, mergeProps as x, withCtx as R, renderSlot as G } from "vue";
-import { useES as C, useESPlugin as I } from "@extscreen/es3-core";
-import { Native as L } from "@extscreen/es3-vue";
-const h = /* @__PURE__ */ new Set();
-function M(n, t, s) {
-  return E({
+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`,
     inheritAttrs: !1,
-    setup(u, { slots: v, attrs: w }) {
-      const l = p("loading"), _ = p("");
+    setup(c, { slots: v, attrs: A }) {
+      const i = w("loading"), _ = w("");
       let d = null, r = null;
       try {
-        d = C(), r = I();
+        d = I(), r = L();
       } catch (e) {
         console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", e);
       }
-      const $ = async () => {
+      const E = async () => {
         if (!d || typeof d.isComponentRegistered != "function")
-          return !1;
+          return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          return (await Promise.allSettled([
-            d.isComponentRegistered(n)
-          ])).some((i) => i.status === "fulfilled" && i.value === !0);
-        } catch {
-          return !1;
+          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;
         }
-      }, b = async () => {
+      }, P = async () => {
         if (!t) {
-          l.value = "ready";
+          i.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] 组件已注册，跳过安装流程");
           return;
         }
-        if (await $() || h.has(t)) {
-          l.value = "ready", h.add(t);
+        if (!r) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${n}`), i.value = "ready";
           return;
         }
         console.log(`[withAsyncPlugin] 开始动态安装插件: ${t}`);
         try {
-          if (!r)
-            throw new Error("无法获取 useESPlugin 实例");
-          await new Promise((e, i) => {
-            let g;
-            const f = {
-              onPluginInstallSuccess(o, c, y) {
-                o === t && (clearTimeout(g), r.removeListener(f), console.log(`[withAsyncPlugin] 安装成功 pkg=${o} 状态码=${c}`), c == 1003 ? (s ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${s}`), L.callNative("EsNativeModule", "callReflect", {
+          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", {
                   entry: {
                     from: s,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), e()) : i(new Error(`安装失败 pkg=${o} status=${c} msg=${y}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), l()) : f(new Error(`安装失败 pkg=${o} status=${a} msg=${h}`)));
               },
-              onPluginInstallError(o, c, y) {
-                o === t && (clearTimeout(g), r.removeListener(f), i(new Error(`安装失败 pkg=${o} status=${c} msg=${y}`)));
+              onPluginInstallError(o, a, h) {
+                o === t && (clearTimeout(y), r.removeListener(g), f(new Error(`安装失败 pkg=${o} status=${a} msg=${h}`)));
               }
             };
-            r.addListener({ pkg: t }, f), g = setTimeout(() => {
-              r.removeListener(f), i(new Error(`插件安装超时: ${t}`));
-            }, 8e3), typeof r.installPlugin == "function" ? r.installPlugin({ pkg: t }) : typeof r.install == "function" ? r.install(t) : i(new Error("当前运行时不支持 install / installPlugin"));
-          }), await A(), h.add(t), l.value = "ready";
-        } catch (e) {
-          console.error("[withAsyncPlugin] 插件加载失败:", e), _.value = (e == null ? void 0 : e.message) || String(e), l.value = "error";
+            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";
         }
       };
-      return S(() => {
-        b();
+      return b(() => {
+        P();
       }), () => {
         const e = {
           width: "100%",
@@ -70,15 +72,15 @@ function M(n, t, s) {
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...w.style || {}
+          ...A.style || {}
         };
-        return l.value === "loading" ? a("div", { class: "qt-plugin-container", style: e }, [
-          a("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
-        ]) : l.value === "error" ? a("div", { class: "qt-plugin-container", style: e }, [
-          a("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${_.value}`)
-        ]) : a("div", { class: "qt-plugin-container", style: e }, [
-          a(n, {
-            ...w,
+        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)
         ]);
@@ -86,20 +88,20 @@ function M(n, t, s) {
     }
   });
 }
-const k = /* @__PURE__ */ E({
+const z = /* @__PURE__ */ $({
   __name: "GridTabs",
   setup(n) {
-    const t = p(), s = M(
+    const t = w(), s = V(
       "qt-grid-tabs",
       "com.quicktvui.plugin.glintui",
       "com.quicktvui.plugin.glintui.GlintPluginApp"
     );
-    return (u, v) => (q(), P(T(s), x({
+    return (c, v) => (q(), R(x(s), C({
       ref_key: "nativeRef",
       ref: t
-    }, u.$attrs), {
-      default: R(() => [
-        G(u.$slots, "default")
+    }, c.$attrs), {
+      default: T(() => [
+        G(c.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -110,28 +112,29 @@ try {
   m = require("@extscreen/es3-vue").registerElement;
 } catch {
 }
-const V = {
+const B = {
   install: (n) => {
     globalThis.__qt_grid_tabs_registered || m && (m("qt-grid-tabs", {
       component: {
         name: "qt-grid-tabs",
-        processEventData(t, s, u) {
+        processEventData(t, s, c) {
           return {
             handler: s,
-            nativeEvent: u
+            nativeEvent: c
           };
         }
       }
-    }), globalThis.__qt_grid_tabs_registered = !0), n.component("GridTabs", k);
+    }), globalThis.__qt_grid_tabs_registered = !0), n.component("GridTabs", z);
   }
-}, W = {
+}, Q = {
   install: (n) => {
-    n.use(V);
+    n.use(B);
   }
 };
 export {
-  k as GridTabs,
-  V as GridTabsPlugin,
-  W as QuickTVUINAddons,
-  W as default
+  z as GridTabs,
+  B as GridTabsPlugin,
+  Q as QuickTVUINAddons,
+  Q as default,
+  V as withAsyncPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/naddons",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "description": "Vue 3 wrappers for QuickTVUI Native Addons",
   "main": "dist/naddons.cjs.js",
   "module": "dist/naddons.es.js",
@@ -14,9 +14,9 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@extscreen/es3-core": "^3.0.0",
-    "@extscreen/es3-vue": "^3.0.0",
-    "vue": "^3.2.0"
+    "@extscreen/es3-core": ">=3.0.0",
+    "@extscreen/es3-vue": ">=3.0.0",
+    "vue": ">=3.2.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",

package/dist/components/grid-tabs/GridTabs.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/grid-tabs/index.d.ts

@@ -1,7 +0,0 @@
-import type { App } from 'vue';
-import GridTabs from './GridTabs.vue';
-export declare const GridTabsPlugin: {
-    install: (app: App) => void;
-};
-export { GridTabs };
-export default GridTabsPlugin;

package/dist/core/withAsyncPlugin.d.ts

@@ -1,7 +0,0 @@
-/**
- * 提供统一的异步插件安装和降级包装器。
- * 这个组件不会被暴露给最终用户，只被 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

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