@quicktvui/naddons 1.0.0-alpha.0

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -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,7 @@
+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;

package/dist/naddons.cjs.js

@@ -0,0 +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;

package/dist/naddons.es.js

@@ -0,0 +1,137 @@
+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({
+    name: `${n}AsyncWrapper`,
+    inheritAttrs: !1,
+    setup(u, { slots: v, attrs: w }) {
+      const l = p("loading"), _ = p("");
+      let d = null, r = null;
+      try {
+        d = C(), r = I();
+      } catch (e) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", e);
+      }
+      const $ = async () => {
+        if (!d || typeof d.isComponentRegistered != "function")
+          return !1;
+        try {
+          return (await Promise.allSettled([
+            d.isComponentRegistered(n)
+          ])).some((i) => i.status === "fulfilled" && i.value === !0);
+        } catch {
+          return !1;
+        }
+      }, b = async () => {
+        if (!t) {
+          l.value = "ready";
+          return;
+        }
+        if (await $() || h.has(t)) {
+          l.value = "ready", h.add(t);
+          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", {
+                  entry: {
+                    from: s,
+                    method: "setup"
+                  }
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), e()) : i(new Error(`安装失败 pkg=${o} status=${c} msg=${y}`)));
+              },
+              onPluginInstallError(o, c, y) {
+                o === t && (clearTimeout(g), r.removeListener(f), i(new Error(`安装失败 pkg=${o} status=${c} msg=${y}`)));
+              }
+            };
+            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";
+        }
+      };
+      return S(() => {
+        b();
+      }), () => {
+        const e = {
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          ...w.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,
+            style: { width: "100%", height: "100%", backgroundColor: "transparent" }
+          }, v)
+        ]);
+      };
+    }
+  });
+}
+const k = /* @__PURE__ */ E({
+  __name: "GridTabs",
+  setup(n) {
+    const t = p(), s = M(
+      "qt-grid-tabs",
+      "com.quicktvui.plugin.glintui",
+      "com.quicktvui.plugin.glintui.GlintPluginApp"
+    );
+    return (u, v) => (q(), P(T(s), x({
+      ref_key: "nativeRef",
+      ref: t
+    }, u.$attrs), {
+      default: R(() => [
+        G(u.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+let m;
+try {
+  m = require("@extscreen/es3-vue").registerElement;
+} catch {
+}
+const V = {
+  install: (n) => {
+    globalThis.__qt_grid_tabs_registered || m && (m("qt-grid-tabs", {
+      component: {
+        name: "qt-grid-tabs",
+        processEventData(t, s, u) {
+          return {
+            handler: s,
+            nativeEvent: u
+          };
+        }
+      }
+    }), globalThis.__qt_grid_tabs_registered = !0), n.component("GridTabs", k);
+  }
+}, W = {
+  install: (n) => {
+    n.use(V);
+  }
+};
+export {
+  k as GridTabs,
+  V as GridTabsPlugin,
+  W as QuickTVUINAddons,
+  W as default
+};

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@quicktvui/naddons",
+  "version": "1.0.0-alpha.0",
+  "description": "Vue 3 wrappers for QuickTVUI Native Addons",
+  "main": "dist/naddons.cjs.js",
+  "module": "dist/naddons.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vue-tsc --emitDeclarationOnly && vite build",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "@extscreen/es3-core": "^3.0.0",
+    "@extscreen/es3-vue": "^3.0.0",
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.0.0",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0",
+    "vue": "^3.2.0",
+    "vue-tsc": "^1.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}