@quicktvui/naddons 1.0.0-alpha.11 → 1.0.0-alpha.12

package/dist/naddons.es.js

@@ -1,219 +1,211 @@
-import { defineComponent as M, ref as S, openBlock as Q, createBlock as C, unref as U, mergeProps as B, withCtx as K, renderSlot as j, shallowRef as ne, watch as oe, computed as he, onMounted as Ae, h as L, nextTick as Ie, provide as Ne, inject as Ee } from "vue";
-import { Native as $ } from "@extscreen/es3-vue";
-import { useES as me, useESPlugin as we } from "@extscreen/es3-core";
-const se = "QtGridTabs", W = /* @__PURE__ */ M({
+import { defineComponent as F, ref as $, openBlock as L, createBlock as Q, unref as B, mergeProps as U, withCtx as j, renderSlot as K, shallowRef as ne, watch as oe, computed as Te, onMounted as Ae, h as C, nextTick as Ie, provide as Ee, inject as Ne } from "vue";
+import { Native as _ } from "@extscreen/es3-vue";
+import { useES as ye, useESPlugin as we } from "@extscreen/es3-core";
+const se = "QtGridTabs", W = /* @__PURE__ */ F({
   __name: "GridTabs",
   props: {
     protocolVersion: {},
-    pageSpec: {},
     tabsData: {},
-    actionPayload: {}
+    actionPayload: {},
+    hsvHue: { default: -2 }
   },
-  emits: ["onTabSelected", "onTabNeedsData", "onLoadMore", "onItemPresence", "onTabFocused", "onItemClick", "onItemFocused", "onProtocolMismatch"],
-  setup(o, { expose: s }) {
-    const u = S(), f = z(), p = se + "_Plugin", l = (f.isPluginActive ? p : se).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = V(
+  emits: ["onTabSelected", "onTabNeedsData", "onLoadMore", "onItemPresence", "onTabFocused", "onItemClick", "onItemFocused", "onProtocolMismatch", "onScroll", "onScrollStateChanged"],
+  setup(o, { expose: a }) {
+    const d = $(), f = z(), b = se + "_Plugin", l = (f.isPluginActive ? b : se).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), y = V(
       l,
       f.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return s({
+    return a({
       getNativeNode: () => {
-        var i, r;
-        return ((r = (i = u.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : r.call(i)) || u.value;
+        var i, s;
+        return ((s = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : s.call(i)) || d.value;
       },
       dispatchAction: (...i) => {
-        var c, P;
-        const r = ((P = (c = u.value) == null ? void 0 : c.getNativeNode) == null ? void 0 : P.call(c)) || u.value;
-        r && $.callUIFunction(r, "dispatchAction", i);
+        var c, E;
+        const s = ((E = (c = d.value) == null ? void 0 : c.getNativeNode) == null ? void 0 : E.call(c)) || d.value;
+        s && _.callUIFunction(s, "dispatchAction", i);
       },
       scrollToTop: (...i) => {
-        var c, P;
-        const r = ((P = (c = u.value) == null ? void 0 : c.getNativeNode) == null ? void 0 : P.call(c)) || u.value;
-        r && $.callUIFunction(r, "scrollToTop", i);
-      },
-      getFocusState: (...i) => {
-        var c, P;
-        const r = ((P = (c = u.value) == null ? void 0 : c.getNativeNode) == null ? void 0 : P.call(c)) || u.value;
-        r && $.callUIFunction(r, "getFocusState", i);
-      },
-      getItemRect: (...i) => {
-        var c, P;
-        const r = ((P = (c = u.value) == null ? void 0 : c.getNativeNode) == null ? void 0 : P.call(c)) || u.value;
-        r && $.callUIFunction(r, "getItemRect", i);
+        var c, E;
+        const s = ((E = (c = d.value) == null ? void 0 : c.getNativeNode) == null ? void 0 : E.call(c)) || d.value;
+        s && _.callUIFunction(s, "scrollToTop", i);
       }
-    }), (i, r) => (Q(), C(U(m), B({
+    }), (i, s) => (L(), Q(B(y), U({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       protocolVersion: o.protocolVersion,
-      pageSpec: o.pageSpec,
       tabsData: o.tabsData,
       actionPayload: o.actionPayload,
-      onOnTabSelected: r[0] || (r[0] = (c) => i.$emit("onTabSelected", c.nativeEvent)),
-      onOnTabNeedsData: r[1] || (r[1] = (c) => i.$emit("onTabNeedsData", c.nativeEvent)),
-      onOnLoadMore: r[2] || (r[2] = (c) => i.$emit("onLoadMore", c.nativeEvent)),
-      onOnItemPresence: r[3] || (r[3] = (c) => i.$emit("onItemPresence", c.nativeEvent)),
-      onOnTabFocused: r[4] || (r[4] = (c) => i.$emit("onTabFocused", c.nativeEvent)),
-      onOnItemClick: r[5] || (r[5] = (c) => i.$emit("onItemClick", c.nativeEvent)),
-      onOnItemFocused: r[6] || (r[6] = (c) => i.$emit("onItemFocused", c.nativeEvent)),
-      onOnProtocolMismatch: r[7] || (r[7] = (c) => i.$emit("onProtocolMismatch", c.nativeEvent))
+      hsvHue: o.hsvHue,
+      onOnTabSelected: s[0] || (s[0] = (c) => i.$emit("onTabSelected", c.nativeEvent)),
+      onOnTabNeedsData: s[1] || (s[1] = (c) => i.$emit("onTabNeedsData", c.nativeEvent)),
+      onOnLoadMore: s[2] || (s[2] = (c) => i.$emit("onLoadMore", c.nativeEvent)),
+      onOnItemPresence: s[3] || (s[3] = (c) => i.$emit("onItemPresence", c.nativeEvent)),
+      onOnTabFocused: s[4] || (s[4] = (c) => i.$emit("onTabFocused", c.nativeEvent)),
+      onOnItemClick: s[5] || (s[5] = (c) => i.$emit("onItemClick", c.nativeEvent)),
+      onOnItemFocused: s[6] || (s[6] = (c) => i.$emit("onItemFocused", c.nativeEvent)),
+      onOnProtocolMismatch: s[7] || (s[7] = (c) => i.$emit("onProtocolMismatch", c.nativeEvent)),
+      onOnScroll: s[8] || (s[8] = (c) => i.$emit("onScroll", c.nativeEvent)),
+      onOnScrollStateChanged: s[9] || (s[9] = (c) => i.$emit("onScrollStateChanged", c.nativeEvent))
     }, i.$attrs), {
-      default: K(() => [
-        j(i.$slots, "default")
+      default: j(() => [
+        K(i.$slots, "default")
       ]),
       _: 3
-    }, 16, ["protocolVersion", "pageSpec", "tabsData", "actionPayload"]));
+    }, 16, ["protocolVersion", "tabsData", "actionPayload", "hsvHue"]));
   }
 });
-let H;
+let Z;
 var ge;
 try {
   const o = require("@extscreen/es3-vue");
-  H = o.registerElement || ((ge = o.default) == null ? void 0 : ge.registerElement);
+  Z = o.registerElement || ((ge = o.default) == null ? void 0 : ge.registerElement);
 } catch {
 }
 const ke = {
   install: (o) => {
     if (!globalThis.__QtGridTabs_registered)
-      if (H) {
-        const s = (u, f) => {
-          H(u, {
+      if (Z) {
+        const a = (d, f) => {
+          Z(d, {
             component: {
               name: f ? "QtGridTabs_Plugin" : "QtGridTabs",
-              processEventData(p, b) {
-                const l = p.handler || p, m = b || (l == null ? void 0 : l.nativeParams) || {};
-                return l && (l.nativeEvent = m), l;
+              processEventData(b, p) {
+                const l = b.handler || b, y = p || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = y), l;
               }
             }
           });
         };
-        s("qt-grid-tabs", !1), s("qt-grid-tabs-plugin", !0), s("QtGridTabs", !1), s("QtGridTabs_Plugin", !0), s("gt-tabs", !1), s("gt-tabs-plugin", !0), globalThis.__QtGridTabs_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtGridTabs");
+        a("qt-grid-tabs", !1), a("qt-grid-tabs-plugin", !0), a("QtGridTabs", !1), a("QtGridTabs_Plugin", !0), a("gt-tabs", !1), a("gt-tabs-plugin", !0), globalThis.__QtGridTabs_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtGridTabs");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     o.component("GridTabs", W), o.component("qt-grid-tabs", W), o.component("gt-tabs", W);
   }
 };
-function Me(o, s) {
-  const u = S(""), f = ne([]), p = ne([]);
-  let b = !1, l = !1;
-  const m = "__virtual_single_tab__";
+function Fe(o, a) {
+  const d = $(""), f = ne([]), b = ne([]);
+  let p = !1, l = !1;
+  const y = "__virtual_single_tab__";
   let i = "";
-  const r = S({}), c = (e) => {
-    const t = Array.isArray(e) ? e : [e], n = JSON.stringify(t);
+  const s = $({}), c = (t) => {
+    const e = Array.isArray(t) ? t : [t], n = JSON.stringify(e);
     if (l && o.value) {
       if (typeof o.value.dispatchAction == "function") {
         console.log("[useGridTabs] Calling Wrapper dispatchAction directly"), o.value.dispatchAction(n);
         return;
       }
-      let a = o.value;
-      typeof o.value.getNativeNode == "function" ? a = o.value.getNativeNode() || o.value : o.value.nativeRef && (a = o.value.nativeRef), a ? (console.log("[useGridTabs] Calling Native.callUIFunction(dispatchAction)"), $.callUIFunction(a, "dispatchAction", [n])) : console.warn("[useGridTabs] Native target is null or undefined, cannot call dispatchAction");
+      let r = o.value;
+      typeof o.value.getNativeNode == "function" ? r = o.value.getNativeNode() || o.value : o.value.nativeRef && (r = o.value.nativeRef), r ? (console.log("[useGridTabs] Calling Native.callUIFunction(dispatchAction)"), _.callUIFunction(r, "dispatchAction", [n])) : console.warn("[useGridTabs] Native target is null or undefined, cannot call dispatchAction");
     }
-  }, P = (e, t) => {
-    if (!e)
+  }, E = (t, e) => {
+    if (!t)
       return !1;
     let n = !0;
-    return e.id || (console.error(`[useGridTabs] ❌ 数据格式错误 (${t}): 卡片缺失必填字段 'id'。每个卡片必须有唯一标识才能进行后续更新！`, e), n = !1), e.viewType || (console.error(`[useGridTabs] ❌ 数据格式错误 (${t}): 卡片缺失必填字段 'viewType' (id: ${e.id || "未知"})。必须指定 Native 注册的视图类型或 Portal 标识！`, e), n = !1), n;
-  }, te = (e, t) => {
-    if (!e)
+    return t.id || (console.error(`[useGridTabs] ❌ 数据格式错误 (${e}): 卡片缺失必填字段 'id'。每个卡片必须有唯一标识才能进行后续更新！`, t), n = !1), t.viewType || (console.error(`[useGridTabs] ❌ 数据格式错误 (${e}): 卡片缺失必填字段 'viewType' (id: ${t.id || "未知"})。必须指定 Native 注册的视图类型或 Portal 标识！`, t), n = !1), n;
+  }, te = (t, e) => {
+    if (!t)
       return !1;
     let n = !0;
-    return e.tabId || (console.error(`[useGridTabs] ❌ 数据格式错误 (${t}): Tab 缺失必填字段 'tabId'。每个 Tab 必须有唯一标识！`, e), n = !1), (e.title === void 0 || e.title === null) && console.warn(`[useGridTabs] ⚠️ 数据格式警告 (${t}): Tab 缺失 'title' 字段 (tabId: ${e.tabId || "未知"})，导航栏可能显示为空。`, e), n;
-  }, x = (e, t) => {
-    if (!e || e.length === 0)
+    return t.tabId || (console.error(`[useGridTabs] ❌ 数据格式错误 (${e}): Tab 缺失必填字段 'tabId'。每个 Tab 必须有唯一标识！`, t), n = !1), (t.title === void 0 || t.title === null) && console.warn(`[useGridTabs] ⚠️ 数据格式警告 (${e}): Tab 缺失 'title' 字段 (tabId: ${t.tabId || "未知"})，导航栏可能显示为空。`, t), n;
+  }, x = (t, e) => {
+    if (!t || t.length === 0)
       return;
-    A.clear();
-    const n = e[0].hasOwnProperty("tabId") || e[0].hasOwnProperty("items") && Array.isArray(e[0].items);
-    b = t === "1d", t === "1d" && n ? console.error("[useGridTabs] ❌ 赋值错误: 你正在向 `items.value` (一维瀑布流) 赋值二维 Tabs 数据结构！请改用 `tabs.value = ...`") : t === "2d" && !n && console.error("[useGridTabs] ❌ 赋值错误: 你正在向 `tabs.value` (二维导航) 赋值一维卡片列表数据结构！请改用 `items.value = ...`"), t === "1d" ? e.forEach((a, d) => P(a, `items.value[${d}]`)) : e.forEach((a, d) => {
-      te(a, `tabs.value[${d}]`), a.items && Array.isArray(a.items) && a.items.forEach((g, v) => P(g, `tabs.value[${d}].items[${v}]`));
+    T.clear();
+    const n = t[0].hasOwnProperty("tabId") || t[0].hasOwnProperty("items") && Array.isArray(t[0].items);
+    p = e === "1d", e === "1d" && n ? console.error("[useGridTabs] ❌ 赋值错误: 你正在向 `items.value` (一维瀑布流) 赋值二维 Tabs 数据结构！请改用 `tabs.value = ...`") : e === "2d" && !n && console.error("[useGridTabs] ❌ 赋值错误: 你正在向 `tabs.value` (二维导航) 赋值一维卡片列表数据结构！请改用 `items.value = ...`"), e === "1d" ? t.forEach((r, u) => E(r, `items.value[${u}]`)) : t.forEach((r, u) => {
+      te(r, `tabs.value[${u}]`), r.items && Array.isArray(r.items) && r.items.forEach((g, v) => E(g, `tabs.value[${u}].items[${v}]`));
     }), l = !0, O();
-  }, A = /* @__PURE__ */ new Set(), O = (e = "unknown") => {
+  }, T = /* @__PURE__ */ new Set(), O = (t = "unknown") => {
     if (!l) {
       console.warn("[useGridTabs] triggerRootUpdate skipped because isInitialized is false");
       return;
     }
-    let t = {
+    let e = {
       protocolVersion: "1.28.0",
       // 新增：显式声明协议版本
-      gridBasis: (s == null ? void 0 : s.gridBasis) ?? 30,
-      unitType: (s == null ? void 0 : s.unitType) ?? "px",
-      contentConfig: (s == null ? void 0 : s.contentConfig) ?? (s == null ? void 0 : s.layoutConfig) ?? {
+      gridBasis: (a == null ? void 0 : a.gridBasis) ?? 30,
+      unitType: (a == null ? void 0 : a.unitType) ?? "px",
+      contentConfig: (a == null ? void 0 : a.contentConfig) ?? (a == null ? void 0 : a.layoutConfig) ?? {
         box: { padding: [0, 60, 60, 60] },
         navContentGapNormal: 0,
         itemGap: 24
       },
-      navConfig: (s == null ? void 0 : s.navConfig) ?? {
+      navConfig: (a == null ? void 0 : a.navConfig) ?? {
         dock: "left",
         mode: "fixed",
         renderType: "smart-hybrid",
         box: { size: [200, 0] },
         expandedBox: { size: [300, 0] }
       },
-      cacheConfig: (s == null ? void 0 : s.cacheConfig) ?? {
+      cacheConfig: (a == null ? void 0 : a.cacheConfig) ?? {
         offscreenPageLimit: 1,
         prefetchOffset: 2,
         preLoadEnabled: !1,
         strategy: "data_priority"
       },
-      animationConfig: (s == null ? void 0 : s.animationConfig) ?? {
+      animationConfig: (a == null ? void 0 : a.animationConfig) ?? {
         duration: 300,
         easing: "ease-out"
       },
-      interactionStrategy: (s == null ? void 0 : s.interactionStrategy) ?? {
+      interactionStrategy: (a == null ? void 0 : a.interactionStrategy) ?? {
         defaultFocus: "nav",
         interceptBack: !0,
         backMode: "home-first",
         autoScrollToTop: !0,
         edgeScrollProtection: 0.5
       },
-      focusConfig: (s == null ? void 0 : s.focusConfig) ?? {
+      focusConfig: (a == null ? void 0 : a.focusConfig) ?? {
         boundaryLock: { left: !1, right: !1, top: !1, bottom: !1 }
       },
-      themeConfig: s == null ? void 0 : s.themeConfig,
-      referenceResolution: (s == null ? void 0 : s.referenceResolution) ?? { w: 1920, h: 1080 }
+      themeConfig: a == null ? void 0 : a.themeConfig,
+      referenceResolution: (a == null ? void 0 : a.referenceResolution) ?? { w: 1920, h: 1080 }
     }, n = [];
-    b ? (t.navConfig = { ...t.navConfig, renderType: "none" }, n = [
+    p ? (e.navConfig = { ...e.navConfig, renderType: "none" }, n = [
       {
-        tabId: m,
+        tabId: y,
         title: "Virtual Tab",
         hidden: !0,
-        items: p.value
+        items: b.value
       }
     ]) : n = f.value;
-    const a = JSON.stringify({
-      page_spec: t,
+    const r = JSON.stringify({
+      page_spec: e,
       tabs: n
     });
-    if (u.value === "")
-      console.log(`[useGridTabs] triggerRootUpdate: Initializing tabsDataStr (length=${a.length})`), u.value = a, i = a;
+    if (d.value === "")
+      console.log(`[useGridTabs] triggerRootUpdate: Initializing tabsDataStr (length=${r.length})`), d.value = r, i = r;
     else {
-      if (i === a) {
+      if (i === r) {
         console.log("[useGridTabs] triggerRootUpdate: Data unchanged, skipping RELOAD_TABS");
         return;
       }
-      console.log(`[useGridTabs] triggerRootUpdate: Sending RELOAD_TABS action directly to Native (length=${a.length})`), u.value = a, i = a, c({
+      console.log(`[useGridTabs] triggerRootUpdate: Sending RELOAD_TABS action directly to Native (length=${r.length})`), d.value = r, i = r, c({
         op: "RELOAD_TABS",
         payload: {
-          pageSpec: t,
+          pageSpec: e,
           // 兼容不同的 Gson alias
-          page_spec: t,
+          page_spec: e,
           tabs: n
         }
       });
     }
-  }, R = (e) => {
-    if (!e || typeof e != "object" || e.__isGridTabsProxy)
-      return e;
-    e.content && typeof e.content == "object" && !e.content.__isGridTabsProxy && (e.content = new Proxy(e.content, {
-      set(n, a, d, g) {
-        const v = Reflect.set(n, a, d, g);
-        return e.id && l && c({
+  }, R = (t) => {
+    if (!t || typeof t != "object" || t.__isGridTabsProxy)
+      return t;
+    t.content && typeof t.content == "object" && !t.content.__isGridTabsProxy && (t.content = new Proxy(t.content, {
+      set(n, r, u, g) {
+        const v = Reflect.set(n, r, u, g);
+        return t.id && l && c({
           op: "UPDATE_ITEM",
-          itemId: e.id,
-          payload: e
+          itemId: t.id,
+          payload: t
         }), v;
       }
-    }), Object.defineProperty(e.content, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(e.content, "__v_skip", { value: !0, enumerable: !1 })), e.subItems && Array.isArray(e.subItems) && !e.subItems.__isGridTabsProxy && (e.subItems = y(e.subItems, e.id), Object.defineProperty(e.subItems, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(e.subItems, "__v_skip", { value: !0, enumerable: !1 }));
-    const t = new Proxy(e, {
-      set(n, a, d, g) {
-        const v = Reflect.set(n, a, d, g);
+    }), Object.defineProperty(t.content, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(t.content, "__v_skip", { value: !0, enumerable: !1 })), t.subItems && Array.isArray(t.subItems) && !t.subItems.__isGridTabsProxy && (t.subItems = m(t.subItems, t.id), Object.defineProperty(t.subItems, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(t.subItems, "__v_skip", { value: !0, enumerable: !1 }));
+    const e = new Proxy(t, {
+      set(n, r, u, g) {
+        const v = Reflect.set(n, r, u, g);
         return n.id && l && c({
           op: "UPDATE_ITEM",
           itemId: n.id,
@@ -221,126 +213,126 @@ function Me(o, s) {
         }), v;
       }
     });
-    return Object.defineProperty(t, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(t, "__v_skip", { value: !0, enumerable: !1 }), t;
-  }, y = (e, t) => {
-    for (let n = 0; n < e.length; n++)
-      e[n] = R(e[n]);
-    return new Proxy(e, {
-      get(n, a, d) {
-        return a === "push" ? (...g) => {
-          g.forEach((q, Te) => P(q, `push(${Te})`)), l || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 push()。请先对 items.value 或 tabs.value 进行全量赋值！");
+    return Object.defineProperty(e, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(e, "__v_skip", { value: !0, enumerable: !1 }), e;
+  }, m = (t, e) => {
+    for (let n = 0; n < t.length; n++)
+      t[n] = R(t[n]);
+    return new Proxy(t, {
+      get(n, r, u) {
+        return r === "push" ? (...g) => {
+          g.forEach((q, he) => E(q, `push(${he})`)), l || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 push()。请先对 items.value 或 tabs.value 进行全量赋值！");
           const v = g.map((q) => R(q)), w = Array.prototype.push.apply(n, v);
           return c({
             op: "APPEND_SUB_ITEMS",
-            itemId: t,
+            itemId: e,
             payload: { subItems: v }
           }), w;
-        } : a === "splice" ? (...g) => {
+        } : r === "splice" ? (...g) => {
           const v = g.length >= 2 && g[0] === 0 && g[1] === n.length, w = Array.prototype.splice.apply(n, g);
-          return l && v && t !== m ? c({
+          return l && v && e !== y ? c({
             op: "UPDATE_TAB_STATE",
             // 借用 UPDATE_TAB_STATE 指令，但带有特殊标识，要求底层清空该 Tab
-            itemId: t,
+            itemId: e,
             payload: { action: "clear_items" }
           }) : l && O("items array spliced"), w;
-        } : Reflect.get(n, a, d);
+        } : Reflect.get(n, r, u);
       },
-      set(n, a, d, g) {
-        if (a !== "length" && !isNaN(Number(a))) {
-          l || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(a)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), P(d, `索引赋值 [${String(a)}]`);
-          const v = R(d), w = Reflect.set(n, a, v, g);
+      set(n, r, u, g) {
+        if (r !== "length" && !isNaN(Number(r))) {
+          l || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(r)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), E(u, `索引赋值 [${String(r)}]`);
+          const v = R(u), w = Reflect.set(n, r, v, g);
           return v && v.id && c({
             op: "UPDATE_ITEM",
             itemId: v.id,
             payload: v
           }), w;
         }
-        return Reflect.set(n, a, d, g);
+        return Reflect.set(n, r, u, g);
       }
     });
-  }, h = (e) => (e.items && Array.isArray(e.items) && !e.items.__isGridTabsProxy && (e.items = y(e.items, e.tabId), Object.defineProperty(e.items, "__isGridTabsProxy", { value: !0, enumerable: !1 })), new Proxy(e, {
-    set(t, n, a, d) {
+  }, h = (t) => (t.items && Array.isArray(t.items) && !t.items.__isGridTabsProxy && (t.items = m(t.items, t.tabId), Object.defineProperty(t.items, "__isGridTabsProxy", { value: !0, enumerable: !1 })), new Proxy(t, {
+    set(e, n, r, u) {
       if (n === "items") {
-        let v = a;
-        return Array.isArray(a) && !a.__isGridTabsProxy && (v = y(a, t.tabId), Object.defineProperty(v, "__isGridTabsProxy", { value: !0, enumerable: !1 })), Reflect.set(t, n, v, d);
+        let v = r;
+        return Array.isArray(r) && !r.__isGridTabsProxy && (v = m(r, e.tabId), Object.defineProperty(v, "__isGridTabsProxy", { value: !0, enumerable: !1 })), Reflect.set(e, n, v, u);
       } else if (n === "loadState") {
-        const v = Reflect.set(t, n, a, d);
-        return l && t.tabId && c({
+        const v = Reflect.set(e, n, r, u);
+        return l && e.tabId && c({
           op: "UPDATE_TAB_STATE",
-          itemId: t.tabId,
-          payload: { loadState: a }
+          itemId: e.tabId,
+          payload: { loadState: r }
         }), v;
       }
-      return Reflect.set(t, n, a, d);
+      return Reflect.set(e, n, r, u);
     }
-  })), E = (e) => {
-    const t = e.map((n) => h(n));
-    return new Proxy(t, {
-      set(n, a, d, g) {
-        if (a !== "length" && !isNaN(Number(a))) {
-          let v = d;
-          d.__isGridTabsProxy || (v = h(d), Object.defineProperty(v, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
-          const w = Reflect.set(n, a, v, g);
+  })), N = (t) => {
+    const e = t.map((n) => h(n));
+    return new Proxy(e, {
+      set(n, r, u, g) {
+        if (r !== "length" && !isNaN(Number(r))) {
+          let v = u;
+          u.__isGridTabsProxy || (v = h(u), Object.defineProperty(v, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
+          const w = Reflect.set(n, r, v, g);
           return O(), w;
         }
-        return Reflect.set(n, a, d, g);
+        return Reflect.set(n, r, u, g);
       }
     });
   };
-  oe(f, (e, t) => {
-    if (console.log("[useGridTabs] watch(tabs) triggered:", { newTabs: e, isInitialized: l }), !e || e.length === 0) {
-      u.value = "", i = "", l = !1;
+  oe(f, (t, e) => {
+    if (console.log("[useGridTabs] watch(tabs) triggered:", { newTabs: t, isInitialized: l }), !t || t.length === 0) {
+      d.value = "", i = "", l = !1;
       return;
     }
-    if (e.__isGridTabsProxy)
+    if (t.__isGridTabsProxy)
       console.log("[useGridTabs] newTabs is ALREADY a proxy, triggering root update"), O();
     else {
       console.log("[useGridTabs] newTabs is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
-      const n = E(e);
+      const n = N(t);
       Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), x(n, "2d"), f.value = n;
     }
-  }, { flush: "sync", deep: !1 }), oe(p, (e, t) => {
-    if (console.log("[useGridTabs] watch(items) triggered:", { newItems: e, isInitialized: l }), !e || e.length === 0) {
-      u.value = "", i = "", l = !1;
+  }, { flush: "sync", deep: !1 }), oe(b, (t, e) => {
+    if (console.log("[useGridTabs] watch(items) triggered:", { newItems: t, isInitialized: l }), !t || t.length === 0) {
+      d.value = "", i = "", l = !1;
       return;
     }
-    if (e.__isGridTabsProxy)
+    if (t.__isGridTabsProxy)
       console.log("[useGridTabs] newItems is ALREADY a proxy, triggering root update"), O();
     else {
       console.log("[useGridTabs] newItems is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
-      const n = y(e, m);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), x(n, "1d"), p.value = n;
+      const n = m(t, y);
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), x(n, "1d"), b.value = n;
     }
   }, { flush: "sync", deep: !1 });
-  const T = {}, k = () => {
-    console.log("[useGridTabs] resetInitialization called manually"), l = !1, A.clear();
-    for (const e in T)
-      delete T[e];
-  }, I = (e) => {
-    if (!e || e.length === 0) {
-      u.value = "", l = !1;
+  const P = {}, k = () => {
+    console.log("[useGridTabs] resetInitialization called manually"), l = !1, T.clear();
+    for (const t in P)
+      delete P[t];
+  }, A = (t) => {
+    if (!t || t.length === 0) {
+      d.value = "", l = !1;
       return;
     }
-    e[0].hasOwnProperty("tabId") || e[0].hasOwnProperty("items") && Array.isArray(e[0].items) ? f.value = e : p.value = e;
-  }, _ = (e) => {
-    r.value = e;
-  }, G = he(() => ({
-    tabsData: u.value,
+    t[0].hasOwnProperty("tabId") || t[0].hasOwnProperty("items") && Array.isArray(t[0].items) ? f.value = t : b.value = t;
+  }, S = (t) => {
+    s.value = t;
+  }, G = Te(() => ({
+    tabsData: d.value,
     // 不再绑定 actionPayload 属性，完全走命令式 API，防止触发无意义的 Vue 节点更新
-    onTabNeedsData: async (...e) => {
-      let t = e[0];
-      if (t && t.nativeEvent && (t = t.nativeEvent), !r.value.onTabNeedsData)
+    onTabNeedsData: async (...t) => {
+      let e = t[0];
+      if (e && e.nativeEvent && (e = e.nativeEvent), !s.value.onTabNeedsData)
         return;
-      const { tabId: n, index: a, reason: d } = t;
-      if (A.has(n)) {
+      const { tabId: n, index: r, reason: u } = e;
+      if (T.has(n)) {
         console.log(`[useGridTabs] onTabNeedsData SKIP: tabId=${n} 已经发起过请求，防止死循环`);
         return;
       }
-      A.add(n);
+      T.add(n);
       try {
-        const g = await r.value.onTabNeedsData(n, a, d);
+        const g = await s.value.onTabNeedsData(n, r, u);
         if (g && Array.isArray(g))
-          if (T[n] = 1, g.length > 0) {
+          if (P[n] = 1, g.length > 0) {
             const v = f.value.find((w) => w.tabId === n);
             v && (v.items ? v.items.length > 0 && v.items.splice(0, v.items.length) : v.items = [], v.items.push(...g), v.loadState = "ready", c({
               op: "UPDATE_TAB_STATE",
@@ -350,21 +342,21 @@ function Me(o, s) {
           } else
             console.warn(`[useGridTabs] ⚠️ 警告: onTabNeedsData(tabId="${n}") 返回了空数组 []！`), console.warn("👉 如果你已经在此函数内手动调用了 push() 来追加数据，请在最后 return null 或 undefined。"), console.warn("👉 如果该 Tab 确实没有数据，返回 [] 可能会导致底层的 Header 等已有元素被清空，请注意检查。"), console.warn("👉 框架已为您拦截此次空数组覆盖，保留了当前的 DOM 结构。");
       } catch (g) {
-        console.error("[useGridTabs] onTabNeedsData 执行失败:", g), A.delete(n);
+        console.error("[useGridTabs] onTabNeedsData 执行失败:", g), T.delete(n);
       }
     },
-    onLoadMore: async (...e) => {
-      let t = e[0];
-      if (t && t.nativeEvent && (t = t.nativeEvent), !r.value.onLoadMore)
+    onLoadMore: async (...t) => {
+      let e = t[0];
+      if (e && e.nativeEvent && (e = e.nativeEvent), !s.value.onLoadMore)
         return;
-      const { tabId: n, itemId: a } = t, g = (T[n] || 1) + 1;
+      const { tabId: n, itemId: r } = e, g = (P[n] || 1) + 1;
       console.log(`[useGridTabs] 拦截到底层 onLoadMore，强行接管页码: tabId=${n}, pageNo=${g}`);
       try {
-        const v = await r.value.onLoadMore(n, g, a);
+        const v = await s.value.onLoadMore(n, g, r);
         if (v && Array.isArray(v))
           if (v.length > 0)
-            if (T[n] = g, b)
-              p.value.push(...v);
+            if (P[n] = g, p)
+              b.value.push(...v);
             else {
               const w = f.value.find((q) => q.tabId === n);
               w && w.items && w.items.push(...v);
@@ -375,103 +367,123 @@ function Me(o, s) {
         console.error("[useGridTabs] onLoadMore 业务层请求失败:", v);
       }
     },
-    onItemPresence: (...e) => {
-      let t = e[0];
-      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", t), r.value.onItemPresence)
+    onItemPresence: (...t) => {
+      let e = t[0];
+      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", e), s.value.onItemPresence)
         try {
-          let n = typeof t == "string" ? t : (t == null ? void 0 : t.nativeEvent) || t;
+          let n = typeof e == "string" ? e : (e == null ? void 0 : e.nativeEvent) || e;
           n && typeof n.data == "string" && (n = n.data);
-          const a = typeof n == "string" ? JSON.parse(n) : n;
-          a && a.type === "VIEW_PRESENCE_BATCH" && Array.isArray(a.payload) ? a.payload.forEach((d) => {
-            d.itemId && typeof d.itemId == "string" && d.itemId.startsWith("fallback_pos_") && console.warn(`[useGridTabs] ⚠️ 警告：检测到列表项曝光 (index=${d.index})，但未配置 itemId。请检查传入的 items 数组，务必为每个数据项指定唯一的 itemId，否则底层无法准确进行去重与曝光上报。`), r.value.onItemPresence(d);
-          }) : r.value.onItemPresence(a);
+          const r = typeof n == "string" ? JSON.parse(n) : n;
+          r && r.type === "VIEW_PRESENCE_BATCH" && Array.isArray(r.payload) ? r.payload.forEach((u) => {
+            u.itemId && typeof u.itemId == "string" && u.itemId.startsWith("fallback_pos_") && console.warn(`[useGridTabs] ⚠️ 警告：检测到列表项曝光 (index=${u.index})，但未配置 itemId。请检查传入的 items 数组，务必为每个数据项指定唯一的 itemId，否则底层无法准确进行去重与曝光上报。`), s.value.onItemPresence(u);
+          }) : s.value.onItemPresence(r);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), r.value.onItemPresence(t);
+          console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), s.value.onItemPresence(e);
         }
     },
-    onTabSelected: (...e) => {
-      let t = e[0];
-      t && t.nativeEvent && (t = t.nativeEvent), r.value.onTabSelected && r.value.onTabSelected(t);
+    onTabSelected: (...t) => {
+      let e = t[0];
+      e && e.nativeEvent && (e = e.nativeEvent), s.value.onTabSelected && s.value.onTabSelected(e);
     },
-    onItemClick: (...e) => {
-      let t = e[0];
-      if (console.log("[useGridTabs] RAW onItemClick intercepted from Native:", t), t && t.nativeEvent && (t = t.nativeEvent), r.value.onItemClick)
+    onItemClick: (...t) => {
+      let e = t[0];
+      if (console.log("[useGridTabs] RAW onItemClick intercepted from Native:", e), e && e.nativeEvent && (e = e.nativeEvent), s.value.onItemClick)
         try {
-          let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
+          let n = typeof e == "string" ? e : (e == null ? void 0 : e.data) || e;
           console.log("[useGridTabs] Parsed eventStr:", n);
-          const a = typeof n == "string" ? JSON.parse(n) : n;
-          r.value.onItemClick(a);
+          const r = typeof n == "string" ? JSON.parse(n) : n;
+          s.value.onItemClick(r);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemClick event payload:", n), r.value.onItemClick(t);
+          console.error("[useGridTabs] Failed to parse onItemClick event payload:", n), s.value.onItemClick(e);
         }
       else
         console.warn("[useGridTabs] onItemClick triggered but NO callback registered in callbacksRef!");
     },
-    onItemFocused: (...e) => {
-      let t = e[0];
-      if (t && t.nativeEvent && (t = t.nativeEvent), r.value.onItemFocused)
+    onItemFocused: (...t) => {
+      let e = t[0];
+      if (e && e.nativeEvent && (e = e.nativeEvent), s.value.onItemFocused)
         try {
-          let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
-          const a = typeof n == "string" ? JSON.parse(n) : n;
-          r.value.onItemFocused(a);
+          let n = typeof e == "string" ? e : (e == null ? void 0 : e.data) || e;
+          const r = typeof n == "string" ? JSON.parse(n) : n;
+          s.value.onItemFocused(r);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemFocused event payload:", n), r.value.onItemFocused(t);
+          console.error("[useGridTabs] Failed to parse onItemFocused event payload:", n), s.value.onItemFocused(e);
         }
     },
-    onTabFocused: (...e) => {
-      let t = e[0];
-      t && t.nativeEvent && (t = t.nativeEvent), r.value.onTabFocused && r.value.onTabFocused(t);
+    onTabFocused: (...t) => {
+      let e = t[0];
+      e && e.nativeEvent && (e = e.nativeEvent), s.value.onTabFocused && s.value.onTabFocused(e);
+    },
+    onScroll: (...t) => {
+      let e = t[0];
+      if (e && e.nativeEvent && (e = e.nativeEvent), s.value.onScroll)
+        try {
+          const n = (e == null ? void 0 : e.data) || e;
+          s.value.onScroll(n);
+        } catch {
+          s.value.onScroll(e);
+        }
+    },
+    onScrollStateChanged: (...t) => {
+      let e = t[0];
+      if (e && e.nativeEvent && (e = e.nativeEvent), s.value.onScrollStateChanged)
+        try {
+          const n = (e == null ? void 0 : e.data) || e;
+          s.value.onScrollStateChanged(n);
+        } catch {
+          s.value.onScrollStateChanged(e);
+        }
     }
   }));
   return {
-    tabsDataStr: u,
+    tabsDataStr: d,
     bindings: G,
     tabs: f,
-    items: p,
-    initData: I,
-    setCallbacks: _,
-    updateItem: (e, t) => {
+    items: b,
+    initData: A,
+    setCallbacks: S,
+    updateItem: (t, e) => {
       if (!l) {
         console.error("[useGridTabs] ❌ 时机错误: 尚未初始化数据，无法调用 updateItem");
         return;
       }
-      c({ op: "UPDATE_ITEM", itemId: e, payload: t });
-      const n = (a) => {
-        for (const d in t)
-          d === "content" && a.content ? Object.assign(a.content, t.content) : a[d] = t[d];
+      c({ op: "UPDATE_ITEM", itemId: t, payload: e });
+      const n = (r) => {
+        for (const u in e)
+          u === "content" && r.content ? Object.assign(r.content, e.content) : r[u] = e[u];
       };
-      if (b) {
-        const a = p.value.find((d) => d.id === e);
-        a && n(a);
+      if (p) {
+        const r = b.value.find((u) => u.id === t);
+        r && n(r);
       } else
-        for (const a of f.value)
-          if (a.items) {
-            const d = a.items.find((g) => g.id === e);
-            if (d) {
-              n(d);
+        for (const r of f.value)
+          if (r.items) {
+            const u = r.items.find((g) => g.id === t);
+            if (u) {
+              n(u);
               break;
             }
           }
     },
     dispatchAction: c,
     resetInitialization: k,
-    getFocusState: async () => new Promise((e, t) => {
+    getFocusState: async () => new Promise((t, e) => {
       let n = o.value;
-      typeof o.value.getNativeNode == "function" ? n = o.value.getNativeNode() || o.value : o.value.nativeRef && (n = o.value.nativeRef), $.callUIFunction(n, "getFocusState", [], (a) => {
+      typeof o.value.getNativeNode == "function" ? n = o.value.getNativeNode() || o.value : o.value.nativeRef && (n = o.value.nativeRef), _.callUIFunction(n, "getFocusState", [], (r) => {
         try {
-          const d = typeof a == "string" ? JSON.parse(a) : a;
-          e(d);
-        } catch (d) {
-          t(d);
+          const u = typeof r == "string" ? JSON.parse(r) : r;
+          t(u);
+        } catch (u) {
+          e(u);
         }
       });
     }),
-    getItemRect: async (e) => new Promise((t, n) => {
-      let a = o.value;
-      typeof o.value.getNativeNode == "function" ? a = o.value.getNativeNode() || o.value : o.value.nativeRef && (a = o.value.nativeRef), $.callUIFunction(a, "getItemRect", [e], (d) => {
+    getItemRect: async (t) => new Promise((e, n) => {
+      let r = o.value;
+      typeof o.value.getNativeNode == "function" ? r = o.value.getNativeNode() || o.value : o.value.nativeRef && (r = o.value.nativeRef), _.callUIFunction(r, "getItemRect", [t], (u) => {
         try {
-          const g = typeof d == "string" ? JSON.parse(d) : d;
-          t(g);
+          const g = typeof u == "string" ? JSON.parse(u) : u;
+          e(g);
         } catch (g) {
           n(g);
         }
@@ -479,7 +491,7 @@ function Me(o, s) {
     })
   };
 }
-const ae = "QtKeyboard", re = /* @__PURE__ */ M({
+const ae = "QtKeyboard", re = /* @__PURE__ */ F({
   __name: "Keyboard",
   props: {
     backgroundColor: {},
@@ -498,25 +510,25 @@ const ae = "QtKeyboard", re = /* @__PURE__ */ M({
     requestFocus: { type: Boolean }
   },
   emits: ["onInputChanged", "onKeyPressed"],
-  setup(o, { expose: s }) {
-    const u = S(), f = z(), p = ae + "_Plugin", l = (f.isPluginActive ? p : ae).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = V(
+  setup(o, { expose: a }) {
+    const d = $(), f = z(), b = ae + "_Plugin", l = (f.isPluginActive ? b : ae).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), y = V(
       l,
       f.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
     );
-    return s({
+    return a({
       getNativeNode: () => {
-        var i, r;
-        return ((r = (i = u.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : r.call(i)) || u.value;
+        var i, s;
+        return ((s = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : s.call(i)) || d.value;
       },
       requestFocus: (...i) => {
-        var c, P;
-        const r = ((P = (c = u.value) == null ? void 0 : c.getNativeNode) == null ? void 0 : P.call(c)) || u.value;
-        r && $.callUIFunction(r, "requestFocus", i);
+        var c, E;
+        const s = ((E = (c = d.value) == null ? void 0 : c.getNativeNode) == null ? void 0 : E.call(c)) || d.value;
+        s && _.callUIFunction(s, "requestFocus", i);
       }
-    }), (i, r) => (Q(), C(U(m), B({
+    }), (i, s) => (L(), Q(B(y), U({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       backgroundColor: o.backgroundColor,
       backgroundGradient: o.backgroundGradient,
       textColor: o.textColor,
@@ -531,11 +543,11 @@ const ae = "QtKeyboard", re = /* @__PURE__ */ M({
       currentInput: o.currentInput,
       autofocus: o.autofocus,
       requestFocus: o.requestFocus,
-      onOnInputChanged: r[0] || (r[0] = (c) => i.$emit("onInputChanged", c.nativeEvent)),
-      onOnKeyPressed: r[1] || (r[1] = (c) => i.$emit("onKeyPressed", c.nativeEvent))
+      onOnInputChanged: s[0] || (s[0] = (c) => i.$emit("onInputChanged", c.nativeEvent)),
+      onOnKeyPressed: s[1] || (s[1] = (c) => i.$emit("onKeyPressed", c.nativeEvent))
     }, i.$attrs), {
-      default: K(() => [
-        j(i.$slots, "default")
+      default: j(() => [
+        K(i.$slots, "default")
       ]),
       _: 3
     }, 16, ["backgroundColor", "backgroundGradient", "textColor", "weakTextColor", "focusBackgroundColor", "focusTextColor", "placeholder", "textFullKeyboard", "textT9Keyboard", "textClear", "textDelete", "currentInput", "autofocus", "requestFocus"]));
@@ -548,152 +560,152 @@ try {
   J = o.registerElement || ((fe = o.default) == null ? void 0 : fe.registerElement);
 } catch {
 }
-const _e = {
+const Se = {
   install: (o) => {
     if (!globalThis.__QtKeyboard_registered)
       if (J) {
-        const s = (u, f) => {
-          J(u, {
+        const a = (d, f) => {
+          J(d, {
             component: {
               name: f ? "QtKeyboard_Plugin" : "QtKeyboard",
-              processEventData(p, b) {
-                const l = p.handler || p, m = b || (l == null ? void 0 : l.nativeParams) || {};
-                return l && (l.nativeEvent = m), l;
+              processEventData(b, p) {
+                const l = b.handler || b, y = p || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = y), l;
               }
             }
           });
         };
-        s("qt-keyboard", !1), s("qt-keyboard-plugin", !0), s("QtKeyboard", !1), s("QtKeyboard_Plugin", !0), globalThis.__QtKeyboard_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtKeyboard");
+        a("qt-keyboard", !1), a("qt-keyboard-plugin", !0), a("QtKeyboard", !1), a("QtKeyboard_Plugin", !0), globalThis.__QtKeyboard_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtKeyboard");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     o.component("Keyboard", re), o.component("qt-keyboard", re);
   }
-}, ie = "QtPortalPool", le = /* @__PURE__ */ M({
+}, ie = "QtPortalPool", le = /* @__PURE__ */ F({
   __name: "PortalPool",
-  setup(o, { expose: s }) {
-    const u = S(), f = z(), p = ie + "_Plugin", l = (f.isPluginActive ? p : ie).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = V(
+  setup(o, { expose: a }) {
+    const d = $(), f = z(), b = ie + "_Plugin", l = (f.isPluginActive ? b : ie).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), y = V(
       l,
       f.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return s({
+    return a({
       getNativeNode: () => {
-        var i, r;
-        return ((r = (i = u.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : r.call(i)) || u.value;
+        var i, s;
+        return ((s = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : s.call(i)) || d.value;
       }
-    }), (i, r) => (Q(), C(U(m), B({
+    }), (i, s) => (L(), Q(B(y), U({
       ref_key: "nativeRef",
-      ref: u
+      ref: d
     }, i.$attrs), {
-      default: K(() => [
-        j(i.$slots, "default")
+      default: j(() => [
+        K(i.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
 });
 let Y;
-var pe;
+var be;
 try {
   const o = require("@extscreen/es3-vue");
-  Y = o.registerElement || ((pe = o.default) == null ? void 0 : pe.registerElement);
+  Y = o.registerElement || ((be = o.default) == null ? void 0 : be.registerElement);
 } catch {
 }
-const $e = {
+const _e = {
   install: (o) => {
     if (!globalThis.__QtPortalPool_registered)
       if (Y) {
-        const s = (u, f) => {
-          Y(u, {
+        const a = (d, f) => {
+          Y(d, {
             component: {
               name: f ? "QtPortalPool_Plugin" : "QtPortalPool",
-              processEventData(p, b) {
-                const l = p.handler || p, m = b || (l == null ? void 0 : l.nativeParams) || {};
-                return l && (l.nativeEvent = m), l;
+              processEventData(b, p) {
+                const l = b.handler || b, y = p || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = y), l;
               }
             }
           });
         };
-        s("qt-portal-pool", !1), s("qt-portal-pool-plugin", !0), s("QtPortalPool", !1), s("QtPortalPool_Plugin", !0), globalThis.__QtPortalPool_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtPortalPool");
+        a("qt-portal-pool", !1), a("qt-portal-pool-plugin", !0), a("QtPortalPool", !1), a("QtPortalPool_Plugin", !0), globalThis.__QtPortalPool_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtPortalPool");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     o.component("PortalPool", le), o.component("qt-portal-pool", le);
   }
-}, ce = "QtPortalItem", ue = /* @__PURE__ */ M({
+}, ce = "QtPortalItem", ue = /* @__PURE__ */ F({
   __name: "PortalItem",
   props: {
     portalId: {}
   },
-  setup(o, { expose: s }) {
-    const u = S(), f = z(), p = ce + "_Plugin", l = (f.isPluginActive ? p : ce).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = V(
+  setup(o, { expose: a }) {
+    const d = $(), f = z(), b = ce + "_Plugin", l = (f.isPluginActive ? b : ce).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), y = V(
       l,
       f.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return s({
+    return a({
       getNativeNode: () => {
-        var i, r;
-        return ((r = (i = u.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : r.call(i)) || u.value;
+        var i, s;
+        return ((s = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : s.call(i)) || d.value;
       }
-    }), (i, r) => (Q(), C(U(m), B({
+    }), (i, s) => (L(), Q(B(y), U({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       portalId: o.portalId
     }, i.$attrs), {
-      default: K(() => [
-        j(i.$slots, "default")
+      default: j(() => [
+        K(i.$slots, "default")
       ]),
       _: 3
     }, 16, ["portalId"]));
   }
 });
 let X;
-var be;
+var pe;
 try {
   const o = require("@extscreen/es3-vue");
-  X = o.registerElement || ((be = o.default) == null ? void 0 : be.registerElement);
+  X = o.registerElement || ((pe = o.default) == null ? void 0 : pe.registerElement);
 } catch {
 }
-const Se = {
+const $e = {
   install: (o) => {
     if (!globalThis.__QtPortalItem_registered)
       if (X) {
-        const s = (u, f) => {
-          X(u, {
+        const a = (d, f) => {
+          X(d, {
             component: {
               name: f ? "QtPortalItem_Plugin" : "QtPortalItem",
-              processEventData(p, b) {
-                const l = p.handler || p, m = b || (l == null ? void 0 : l.nativeParams) || {};
-                return l && (l.nativeEvent = m), l;
+              processEventData(b, p) {
+                const l = b.handler || b, y = p || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = y), l;
               }
             }
           });
         };
-        s("qt-portal-item", !1), s("qt-portal-item-plugin", !0), s("QtPortalItem", !1), s("QtPortalItem_Plugin", !0), globalThis.__QtPortalItem_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtPortalItem");
+        a("qt-portal-item", !1), a("qt-portal-item-plugin", !0), a("QtPortalItem", !1), a("QtPortalItem_Plugin", !0), globalThis.__QtPortalItem_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtPortalItem");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     o.component("PortalItem", ue), o.component("qt-portal-item", ue);
   }
-}, de = "QtHsvBackground", ve = /* @__PURE__ */ M({
+}, de = "QtHsvBackground", ve = /* @__PURE__ */ F({
   __name: "HsvBackground",
   props: {
     hue: { default: -2 }
   },
-  setup(o, { expose: s }) {
-    const u = S(), f = z(), p = de + "_Plugin", l = (f.isPluginActive ? p : de).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = V(
+  setup(o, { expose: a }) {
+    const d = $(), f = z(), b = de + "_Plugin", l = (f.isPluginActive ? b : de).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), y = V(
       l,
       f.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return s({
+    return a({
       getNativeNode: () => {
-        var i, r;
-        return ((r = (i = u.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : r.call(i)) || u.value;
+        var i, s;
+        return ((s = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : s.call(i)) || d.value;
       }
-    }), (i, r) => (Q(), C(U(m), B({
+    }), (i, s) => (L(), Q(B(y), U({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       hue: o.hue
     }, i.$attrs), {
-      default: K(() => [
-        j(i.$slots, "default")
+      default: j(() => [
+        K(i.$slots, "default")
       ]),
       _: 3
     }, 16, ["hue"]));
@@ -705,9 +717,9 @@ const Se = {
 }, xe = {
   // 如果设置为 true，则全局跳过所有组件的原生插件安装检查，直接渲染
   skipPluginCheck: !1
-}, Z = /* @__PURE__ */ new Set();
-function V(o, s, u) {
-  return M({
+}, H = /* @__PURE__ */ new Set();
+function V(o, a, d) {
+  return F({
     name: `${o}AsyncWrapper`,
     inheritAttrs: !1,
     props: {
@@ -717,204 +729,208 @@ function V(o, s, u) {
         default: !1
       }
     },
-    setup(f, { slots: p, attrs: b, expose: l }) {
-      const m = S("loading"), i = S(""), r = S(), c = globalThis.__VUE_INSTANCE__;
+    setup(f, { slots: b, attrs: p, expose: l }) {
+      const y = $("loading"), i = $(""), s = $(), c = globalThis.__VUE_INSTANCE__;
       l({
         getNativeNode: () => {
-          let y = r.value;
-          return !y && c && c.vnode && c.vnode.el && (y = c.vnode.el, y.childNodes && y.childNodes.length > 0 && (y = y.childNodes[0])), y;
+          let m = s.value;
+          return !m && c && c.vnode && c.vnode.el && (m = c.vnode.el, m.childNodes && m.childNodes.length > 0 && (m = m.childNodes[0])), m;
         },
-        nativeRef: r
+        nativeRef: s
       });
-      let x = null, A = null;
+      let x = null, T = null;
       try {
-        x = me(), A = we();
-      } catch (y) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", y);
+        x = ye(), T = we();
+      } catch (m) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", m);
       }
       const O = async () => {
         if (!x || typeof x.isComponentRegistered != "function")
           return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          const y = await x.isComponentRegistered(o);
-          if (console.log(`[withAsyncPlugin] isComponentRegistered('${o}') 返回:`, y), y === !0 || y && typeof y == "object" && (y.registered === !0 || y.isRegistered === !0))
+          const m = await x.isComponentRegistered(o);
+          if (console.log(`[withAsyncPlugin] isComponentRegistered('${o}') 返回:`, m), m === !0 || m && typeof m == "object" && (m.registered === !0 || m.isRegistered === !0))
             return !0;
           try {
-            const h = await $.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
+            const h = await _.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
             if (h && h.core_version) {
-              const E = h.core_version;
-              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${E}`);
-              const T = E.split(".").map((k) => parseInt(k, 10));
-              if (T.length >= 3 && !isNaN(T[0]) && !isNaN(T[1]) && !isNaN(T[2]))
-                if (T[0] * 1e6 + T[1] * 1e3 + T[2] >= 1011205) {
+              const N = h.core_version;
+              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${N}`);
+              const P = N.split(".").map((k) => parseInt(k, 10));
+              if (P.length >= 3 && !isNaN(P[0]) && !isNaN(P[1]) && !isNaN(P[2]))
+                if (P[0] * 1e6 + P[1] * 1e3 + P[2] >= 1011205) {
                   console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${o}`);
-                  const I = o.split("-").map((N) => N.charAt(0).toUpperCase() + N.slice(1)).join("");
-                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${o}, ${I}`);
-                  const [_, G] = await Promise.all([
-                    $.callNativeWithPromise("ExtendModule", "isComponentRegistered", o).catch(() => !1),
-                    $.callNativeWithPromise("ExtendModule", "isComponentRegistered", I).catch(() => !1)
+                  const A = o.split("-").map((I) => I.charAt(0).toUpperCase() + I.slice(1)).join("");
+                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${o}, ${A}`);
+                  const [S, G] = await Promise.all([
+                    _.callNativeWithPromise("ExtendModule", "isComponentRegistered", o).catch(() => !1),
+                    _.callNativeWithPromise("ExtendModule", "isComponentRegistered", A).catch(() => !1)
                   ]);
-                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${_}, ${G}]`), _ === !0 || G === !0)
+                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${S}, ${G}]`), S === !0 || G === !0)
                     return !0;
                 } else
-                  console.log(`[withAsyncPlugin] 引擎版本 ${E} < 1.11.205，跳过 ExtendModule 检查`);
+                  console.log(`[withAsyncPlugin] 引擎版本 ${N} < 1.11.205，跳过 ExtendModule 检查`);
               else
-                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${E}`);
+                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${N}`);
             }
           } catch (h) {
             console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", h);
           }
           return !1;
-        } catch (y) {
-          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", y), !1;
+        } catch (m) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", m), !1;
         }
       }, R = async () => {
         if (xe.skipPluginCheck || f.skipPluginCheck) {
-          console.log(`[withAsyncPlugin] 跳过 ${o} 插件检查 (skipPluginCheck = true)`), m.value = "ready";
+          console.log(`[withAsyncPlugin] 跳过 ${o} 插件检查 (skipPluginCheck = true)`), y.value = "ready";
           return;
         }
-        if (!s) {
-          m.value = "ready";
+        if (!a) {
+          y.value = "ready";
           return;
         }
-        const y = await O();
-        if (console.log(`[withAsyncPlugin] 拦截检查 - ${o} 是否已注册:`, y), y || Z.has(s)) {
-          m.value = "ready", Z.add(s), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
+        const m = await O();
+        if (console.log(`[withAsyncPlugin] 拦截检查 - ${o} 是否已注册:`, m), m || H.has(a)) {
+          y.value = "ready", H.add(a), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
           return;
         }
-        if (!A) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`), m.value = "ready";
+        if (!T) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`), y.value = "ready";
           return;
         }
-        console.log(`[withAsyncPlugin] 开始动态安装插件: ${s}`);
+        console.log(`[withAsyncPlugin] 开始动态安装插件: ${a}`);
         try {
-          await new Promise((h, E) => {
-            let T;
+          await new Promise((h, N) => {
+            let P;
             const k = {
-              onPluginInstallSuccess(I, _, G) {
-                I === s && (clearTimeout(T), A.removeListener(k), console.log(`[withAsyncPlugin] 安装成功 pkg=${I} 状态码=${_}`), _ == 1003 || _ == 1001 ? (u ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${u}`), $.callNative("EsNativeModule", "callReflect", {
+              onPluginInstallSuccess(A, S, G) {
+                A === a && (clearTimeout(P), T.removeListener(k), console.log(`[withAsyncPlugin] 安装成功 pkg=${A} 状态码=${S}`), S == 1003 || S == 1001 ? (d ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${d}`), _.callNative("EsNativeModule", "callReflect", {
                   entry: {
-                    from: u,
+                    from: d,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), h()) : E(new Error(`安装失败 pkg=${I} status=${_} msg=${G}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), h()) : N(new Error(`安装失败 pkg=${A} status=${S} msg=${G}`)));
               },
-              onPluginInstallError(I, _, G) {
-                I === s && (clearTimeout(T), A.removeListener(k), E(new Error(`安装失败 pkg=${I} status=${_} msg=${G}`)));
+              onPluginInstallError(A, S, G) {
+                A === a && (clearTimeout(P), T.removeListener(k), N(new Error(`安装失败 pkg=${A} status=${S} msg=${G}`)));
               }
             };
-            A.addListener({ pkg: s }, k), T = setTimeout(() => {
-              A.removeListener(k), E(new Error(`插件安装超时: ${s}`));
-            }, 8e3), typeof A.installPlugin == "function" ? A.installPlugin({ pkg: s }) : typeof A.install == "function" ? A.install(s) : E(new Error("当前运行时不支持 install / installPlugin"));
-          }), await Ie(), Z.add(s), m.value = "ready";
+            T.addListener({ pkg: a }, k), P = setTimeout(() => {
+              T.removeListener(k), N(new Error(`插件安装超时: ${a}`));
+            }, 8e3), typeof T.installPlugin == "function" ? T.installPlugin({ pkg: a }) : typeof T.install == "function" ? T.install(a) : N(new Error("当前运行时不支持 install / installPlugin"));
+          }), await Ie(), H.add(a), y.value = "ready";
         } catch (h) {
-          console.error("[withAsyncPlugin] 插件加载失败:", h), i.value = (h == null ? void 0 : h.message) || String(h), m.value = "error";
+          console.error("[withAsyncPlugin] 插件加载失败:", h), i.value = (h == null ? void 0 : h.message) || String(h), y.value = "error";
         }
       };
       return Ae(() => {
         R();
       }), () => {
-        const y = {
-          ...b.style || {}
+        const m = {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          ...p.style || {}
         };
-        b.width !== void 0 && !y.width && (y.width = typeof b.width == "number" ? `${b.width}px` : b.width), b.height !== void 0 && !y.height && (y.height = typeof b.height == "number" ? `${b.height}px` : b.height);
-        const h = b.class ? `qt-plugin-container ${b.class}` : "qt-plugin-container", E = {
+        p.width !== void 0 && !m.width && (m.width = typeof p.width == "number" ? `${p.width}px` : p.width), p.height !== void 0 && !m.height && (m.height = typeof p.height == "number" ? `${p.height}px` : p.height);
+        const h = p.class ? `qt-plugin-container ${p.class}` : "qt-plugin-container", N = {
           class: h,
-          style: y,
+          style: m,
           // 默认关闭外层 div 的裁剪，防止内部组件 focusScale 时被切
           clipChildren: !1,
           clipPadding: !1,
           clipToPadding: !1
         };
-        if (m.value === "loading")
-          return L("div", E, [
-            L("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
+        if (y.value === "loading")
+          return C("div", N, [
+            C("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
           ]);
-        if (m.value === "error")
-          return L("div", E, [
-            L("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${i.value}`)
+        if (y.value === "error")
+          return C("div", N, [
+            C("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${i.value}`)
           ]);
-        const T = {}, k = {};
-        for (const [N, D] of Object.entries(b))
-          if (N.startsWith("on") && typeof D == "function") {
-            let F = N;
-            N.startsWith("onOn") && (F = "on" + N.slice(4)), k[F] = D;
-          } else if (N.startsWith("on") && Array.isArray(D)) {
-            let F = N;
-            N.startsWith("onOn") && (F = "on" + N.slice(4)), k[F] = D;
+        const P = {}, k = {};
+        for (const [I, D] of Object.entries(p))
+          if (I.startsWith("on") && typeof D == "function") {
+            let M = I;
+            I.startsWith("onOn") && (M = "on" + I.slice(4)), k[M] = D;
+          } else if (I.startsWith("on") && Array.isArray(D)) {
+            let M = I;
+            I.startsWith("onOn") && (M = "on" + I.slice(4)), k[M] = D;
           } else
-            N.startsWith("onOn") || (T[N] = D);
-        const I = {
-          ...T,
+            I.startsWith("onOn") || (P[I] = D);
+        const A = {
+          ...P,
           ...k,
           class: h,
           // 把外层 class 传给内部
-          style: y,
+          style: m,
           // 把外层 style 传给内部
-          ref: (N) => {
-            r.value = N;
+          ref: (I) => {
+            s.value = I;
           }
-        }, _ = I.tabsData || "", G = I.actionPayload || "";
-        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(I), "tabsData.length=", _.length, "actionPayload.length=", G.length), L(o, I, p.default ? p.default() : []);
+        }, S = A.tabsData || "", G = A.actionPayload || "";
+        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(A), "tabsData.length=", S.length, "actionPayload.length=", G.length), C(o, A, b.default ? b.default() : []);
       };
     }
   });
 }
-const ye = Symbol("AddonEnvContext"), Pe = {
+const me = Symbol("AddonEnvContext"), Pe = {
   isPluginActive: !1,
   nameSuffix: "",
   pluginPackageName: "com.quicktvui.plugin.glintui",
   builtInVersions: {}
 };
-async function Re(o = "com.quicktvui.plugin.glintui", s = "_Plugin") {
-  const u = me();
+async function Re(o = "com.quicktvui.plugin.glintui", a = "_Plugin") {
+  const d = ye();
   let f = {};
   try {
-    const i = await $.callNativeModule("AddonEnvModule", "getBuiltInVersions", []);
+    const i = await _.callNativeModule("AddonEnvModule", "getBuiltInVersions", []);
     i && typeof i == "object" && (f = i);
   } catch (i) {
     console.warn("[AddonProvider] Failed to fetch built-in versions from AddonEnvModule", i);
   }
-  const p = `QtGridTabs${s}`, b = u.isComponentRegistered(p), l = b instanceof Promise ? await b : b, m = {
+  const b = `QtGridTabs${a}`, p = d.isComponentRegistered(b), l = p instanceof Promise ? await p : p, y = {
     isPluginActive: l,
-    nameSuffix: l ? s : "",
+    nameSuffix: l ? a : "",
     // 如果使用了热更插件，包名加上 .ext 后缀（与 Gradle 打包脚本对齐）
     pluginPackageName: l ? `${o}.ext` : o,
     builtInVersions: f
   };
-  return console.info("[AddonProvider] Environment initialized:", m), m;
+  return console.info("[AddonProvider] Environment initialized:", y), y;
 }
-let ee = S(Pe);
+let ee = $(Pe);
 function qe(o) {
-  ee.value = o, Ne(ye, ee);
+  ee.value = o, Ee(me, ee);
 }
 function z() {
   var o;
-  return ((o = Ee(ye, ee)) == null ? void 0 : o.value) || Pe;
+  return ((o = Ne(me, ee)) == null ? void 0 : o.value) || Pe;
 }
-const Le = {
+const Ce = {
   install: (o) => {
-    o.use(ke), o.use(_e), o.use($e), o.use(Se), o.use(Ge);
+    o.use(ke), o.use(Se), o.use(_e), o.use($e), o.use(Ge);
   }
 };
 export {
-  ye as ADDON_ENV_CONTEXT_KEY,
+  me as ADDON_ENV_CONTEXT_KEY,
   W as GridTabs,
   ke as GridTabsPlugin,
   ve as HsvBackground,
   Ge as HsvBackgroundPlugin,
   re as Keyboard,
-  _e as KeyboardPlugin,
+  Se as KeyboardPlugin,
   ue as PortalItem,
-  Se as PortalItemPlugin,
+  $e as PortalItemPlugin,
   le as PortalPool,
-  $e as PortalPoolPlugin,
-  Le as QuickTVUINAddons,
+  _e as PortalPoolPlugin,
+  Ce as QuickTVUINAddons,
   xe as QuickTVUINAddonsConfig,
-  Le as default,
+  Ce as default,
   Re as initAddonEnv,
   qe as provideAddonEnv,
   z as useAddonEnv,
-  Me as useGridTabs,
+  Fe as useGridTabs,
   V as withAsyncPlugin
 };