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

package/dist/naddons.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as D, ref as x, openBlock as q, createBlock as R, unref as U, mergeProps as Q, withCtx as B, renderSlot as j, shallowRef as ae, watch as se, computed as Se, onMounted as ke, h as z, nextTick as _e, provide as we, inject as $e } from "vue";
-import { Native as E } from "@extscreen/es3-vue";
-import { useES as he, useESPlugin as Ce } from "@extscreen/es3-core";
-const ie = "QtGridTabs", Z = /* @__PURE__ */ D({
+import { defineComponent as w, ref as A, openBlock as P, createBlock as $, unref as D, mergeProps as B, withCtx as R, renderSlot as F, shallowRef as me, watch as ee, computed as W, resolveComponent as ge, createElementBlock as Z, normalizeStyle as fe, Fragment as Ke, renderList as He, onMounted as et, h as H, nextTick as tt, provide as ot, inject as nt } from "vue";
+import { Native as N } from "@extscreen/es3-vue";
+import { useES as Je, useESPlugin as at } from "@extscreen/es3-core";
+const be = "QtGridTabs", X = /* @__PURE__ */ w({
   __name: "GridTabs",
   props: {
     protocolVersion: {},
@@ -9,679 +9,716 @@ const ie = "QtGridTabs", Z = /* @__PURE__ */ D({
     tabsData: {},
     actionPayload: {}
   },
-  emits: ["onTabSelected", "onTabNeedsData", "onLoadMore", "onScroll", "onScrollStateChanged", "onItemPresence", "onTabFocused", "onItemClick", "onItemLongClick", "onItemFocused", "onProtocolMismatch"],
-  setup(o, { expose: u }) {
-    const c = x(), r = V(), b = ie + "_Plugin", d = (r.isPluginActive ? b : ie).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), f = K(
-      d,
-      r.pluginPackageName || "com.quicktvui.plugin.glintui"
+  emits: ["onTabSelected", "onTabClick", "onTabNeedsData", "onLoadMore", "onScroll", "onScrollStateChanged", "onItemPresence", "onTabFocused", "onItemClick", "onItemLongClick", "onItemFocused", "onProtocolMismatch"],
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = be + "_Plugin", l = (s.isPluginActive ? f : be).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return u({
+    return i({
       getNativeNode: () => {
-        var a, l;
-        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
       },
       dispatchAction: (...a) => {
-        var i, y;
-        const l = ((y = (i = c.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : y.call(i)) || c.value;
-        if (l)
+        var g, h;
+        const u = ((h = (g = d.value) == null ? void 0 : g.getNativeNode) == null ? void 0 : h.call(g)) || d.value;
+        if (u)
           if (a.length > 0) {
-            let T = a[0];
-            typeof T == "object" && (T = JSON.stringify(T)), E.callUIFunction(l, "dispatchAction", [T]);
+            let C = a[0];
+            typeof C == "object" && (C = JSON.stringify(C)), N.callUIFunction(u, "dispatchAction", [C]);
           } else
-            E.callUIFunction(l, "dispatchAction", a);
+            N.callUIFunction(u, "dispatchAction", a);
       },
       scrollToTop: (...a) => {
-        var i, y;
-        const l = ((y = (i = c.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : y.call(i)) || c.value;
-        l && E.callUIFunction(l, "scrollToTop", a);
+        var g, h;
+        const u = ((h = (g = d.value) == null ? void 0 : g.getNativeNode) == null ? void 0 : h.call(g)) || d.value;
+        u && N.callUIFunction(u, "scrollToTop", a);
       },
       getFocusState: (...a) => {
-        var i, y;
-        const l = ((y = (i = c.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : y.call(i)) || c.value;
-        l && E.callUIFunction(l, "getFocusState", a);
+        var g, h;
+        const u = ((h = (g = d.value) == null ? void 0 : g.getNativeNode) == null ? void 0 : h.call(g)) || d.value;
+        u && N.callUIFunction(u, "getFocusState", a);
       },
       getItemRect: (...a) => {
-        var i, y;
-        const l = ((y = (i = c.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : y.call(i)) || c.value;
-        l && E.callUIFunction(l, "getItemRect", a);
+        var g, h;
+        const u = ((h = (g = d.value) == null ? void 0 : g.getNativeNode) == null ? void 0 : h.call(g)) || d.value;
+        u && N.callUIFunction(u, "getItemRect", a);
       },
       requestFocus: (...a) => {
-        var i, y;
-        const l = ((y = (i = c.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : y.call(i)) || c.value;
-        l && E.callUIFunction(l, "requestFocus", a);
+        var g, h;
+        const u = ((h = (g = d.value) == null ? void 0 : g.getNativeNode) == null ? void 0 : h.call(g)) || d.value;
+        u && N.callUIFunction(u, "requestFocus", a);
       }
-    }), (a, l) => (q(), R(U(f), Q({
+    }), (a, u) => (P(), $(D(r), B({
       ref_key: "nativeRef",
-      ref: c,
-      protocolVersion: o.protocolVersion,
-      pageSpec: o.pageSpec,
-      tabsData: o.tabsData,
-      actionPayload: o.actionPayload,
-      onOnTabSelected: l[0] || (l[0] = (i) => a.$emit("onTabSelected", i.nativeEvent)),
-      onOnTabNeedsData: l[1] || (l[1] = (i) => a.$emit("onTabNeedsData", i.nativeEvent)),
-      onOnLoadMore: l[2] || (l[2] = (i) => a.$emit("onLoadMore", i.nativeEvent)),
-      onOnScroll: l[3] || (l[3] = (i) => a.$emit("onScroll", i.nativeEvent)),
-      onOnScrollStateChanged: l[4] || (l[4] = (i) => a.$emit("onScrollStateChanged", i.nativeEvent)),
-      onOnItemPresence: l[5] || (l[5] = (i) => a.$emit("onItemPresence", i.nativeEvent)),
-      onOnTabFocused: l[6] || (l[6] = (i) => a.$emit("onTabFocused", i.nativeEvent)),
-      onOnItemClick: l[7] || (l[7] = (i) => a.$emit("onItemClick", i.nativeEvent)),
-      onOnItemLongClick: l[8] || (l[8] = (i) => a.$emit("onItemLongClick", i.nativeEvent)),
-      onOnItemFocused: l[9] || (l[9] = (i) => a.$emit("onItemFocused", i.nativeEvent)),
-      onOnProtocolMismatch: l[10] || (l[10] = (i) => a.$emit("onProtocolMismatch", i.nativeEvent))
+      ref: d,
+      protocolVersion: e.protocolVersion,
+      pageSpec: e.pageSpec,
+      tabsData: e.tabsData,
+      actionPayload: e.actionPayload,
+      onOnTabSelected: u[0] || (u[0] = (g) => a.$emit("onTabSelected", g.nativeEvent)),
+      onOnTabClick: u[1] || (u[1] = (g) => a.$emit("onTabClick", g.nativeEvent)),
+      onOnTabNeedsData: u[2] || (u[2] = (g) => a.$emit("onTabNeedsData", g.nativeEvent)),
+      onOnLoadMore: u[3] || (u[3] = (g) => a.$emit("onLoadMore", g.nativeEvent)),
+      onOnScroll: u[4] || (u[4] = (g) => a.$emit("onScroll", g.nativeEvent)),
+      onOnScrollStateChanged: u[5] || (u[5] = (g) => a.$emit("onScrollStateChanged", g.nativeEvent)),
+      onOnItemPresence: u[6] || (u[6] = (g) => a.$emit("onItemPresence", g.nativeEvent)),
+      onOnTabFocused: u[7] || (u[7] = (g) => a.$emit("onTabFocused", g.nativeEvent)),
+      onOnItemClick: u[8] || (u[8] = (g) => a.$emit("onItemClick", g.nativeEvent)),
+      onOnItemLongClick: u[9] || (u[9] = (g) => a.$emit("onItemLongClick", g.nativeEvent)),
+      onOnItemFocused: u[10] || (u[10] = (g) => a.$emit("onItemFocused", g.nativeEvent)),
+      onOnProtocolMismatch: u[11] || (u[11] = (g) => a.$emit("onProtocolMismatch", g.nativeEvent))
     }, a.$attrs), {
-      default: B(() => [
-        j(a.$slots, "default")
+      default: R(() => [
+        F(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["protocolVersion", "pageSpec", "tabsData", "actionPayload"]));
   }
 });
-let Y;
-var be;
+let te;
+var Fe;
 try {
-  const o = require("@extscreen/es3-vue");
-  Y = o.registerElement || ((be = o.default) == null ? void 0 : be.registerElement);
+  const e = require("@extscreen/es3-vue");
+  te = e.registerElement || ((Fe = e.default) == null ? void 0 : Fe.registerElement);
 } catch {
 }
-const xe = {
-  install: (o) => {
+const it = {
+  install: (e) => {
     if (!globalThis.__QtGridTabs_registered)
-      if (Y) {
-        const u = (c, r) => {
-          Y(c, {
+      if (te) {
+        const i = (d, s) => {
+          te(d, {
             component: {
-              name: r ? "QtGridTabs_Plugin" : "QtGridTabs",
-              processEventData(b, m) {
-                const d = b.handler || b, f = m || (d == null ? void 0 : d.nativeParams) || {};
-                return d && (d.nativeEvent = f), d;
+              name: s ? "QtGridTabs_Plugin" : "QtGridTabs",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
               }
             }
           });
         };
-        u("qt-grid-tabs", !1), u("qt-grid-tabs-plugin", !0), u("QtGridTabs", !1), u("QtGridTabs_Plugin", !0), u("gt-tabs", !1), u("gt-tabs-plugin", !0), globalThis.__QtGridTabs_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtGridTabs");
+        i("qt-grid-tabs", !1), i("qt-grid-tabs-plugin", !0), i("QtGridTabs", !1), i("QtGridTabs_Plugin", !0), i("gt-tabs", !1), i("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", Z), o.component("qt-grid-tabs", Z), o.component("gt-tabs", Z);
+    e.component("GridTabs", X), e.component("qt-grid-tabs", X), e.component("gt-tabs", X);
   }
 };
-function Xe(o, u) {
-  const c = x(""), r = u ? JSON.parse(JSON.stringify(u)) : {}, b = ae([]), m = ae([]);
-  let d = !1, f = !1;
+function _t(e, i) {
+  const d = A(""), s = i ? JSON.parse(JSON.stringify(i)) : {}, f = me([]), v = me([]);
+  let l = !1, r = !1;
   const a = "__virtual_single_tab__";
-  let l = "", i = !1;
-  const y = x({}), T = (t) => {
-    const e = Array.isArray(t) ? t : [t];
-    if (f && o.value) {
-      if (typeof o.value.dispatchAction == "function") {
-        console.log("[useGridTabs] Calling Wrapper dispatchAction directly"), o.value.dispatchAction(e);
+  let u = "", g = !1;
+  const h = A({}), C = (o) => {
+    const t = Array.isArray(o) ? o : [o];
+    if (r && e.value) {
+      if (typeof e.value.dispatchAction == "function") {
+        console.log("[useGridTabs] Calling Wrapper dispatchAction directly"), e.value.dispatchAction(t);
         return;
       }
-      let n = o.value;
-      typeof o.value.getNativeNode == "function" ? n = o.value.getNativeNode() || o.value : o.value.nativeRef && (n = o.value.nativeRef), n ? (console.log("[useGridTabs] Calling Native callUIFunction dispatchAction fallback"), E.callUIFunction(n, "dispatchAction", [JSON.stringify(e)])) : console.warn("[useGridTabs] Native target is null or undefined, cannot call dispatchAction");
+      let n = e.value;
+      typeof e.value.getNativeNode == "function" ? n = e.value.getNativeNode() || e.value : e.value.nativeRef && (n = e.value.nativeRef), n ? (console.log("[useGridTabs] Calling Native callUIFunction dispatchAction fallback"), N.callUIFunction(n, "dispatchAction", [JSON.stringify(t)])) : console.warn("[useGridTabs] Native target is null or undefined, cannot call dispatchAction");
     }
-  }, G = (t, e) => {
-    if (!t)
+  }, z = (o, t) => {
+    if (!o)
       return !1;
     let n = !0;
-    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;
-  }, $ = (t, e) => {
-    if (!t)
+    return o.id || (console.error(`[useGridTabs] ❌ 数据格式错误 (${t}): 卡片缺失必填字段 'id'。每个卡片必须有唯一标识才能进行后续更新！`, o), n = !1), o.viewType || (console.error(`[useGridTabs] ❌ 数据格式错误 (${t}): 卡片缺失必填字段 'viewType' (id: ${o.id || "未知"})。必须指定 Native 注册的视图类型或 Portal 标识！`, o), n = !1), n;
+  }, q = (o, t) => {
+    if (!o)
       return !1;
     let n = !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;
-  }, J = (t, e) => {
-    if (!t || t.length === 0)
+    return o.tabId || (console.error(`[useGridTabs] ❌ 数据格式错误 (${t}): Tab 缺失必填字段 'tabId'。每个 Tab 必须有唯一标识！`, o), n = !1), (o.title === void 0 || o.title === null) && console.warn(`[useGridTabs] ⚠️ 数据格式警告 (${t}): Tab 缺失 'title' 字段 (tabId: ${o.tabId || "未知"})，导航栏可能显示为空。`, o), n;
+  }, J = (o, t) => {
+    if (!o || o.length === 0)
       return;
-    F.clear();
-    const n = t[0].hasOwnProperty("tabId") || t[0].hasOwnProperty("items") && Array.isArray(t[0].items);
-    d = 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((s, v) => G(s, `items.value[${v}]`)) : t.forEach((s, v) => {
-      $(s, `tabs.value[${v}]`), s.items && Array.isArray(s.items) && s.items.forEach((p, g) => G(p, `tabs.value[${v}].items[${g}]`));
-    }), f = !0, P();
-  }, F = /* @__PURE__ */ new Set(), P = (t = "unknown") => {
-    if (!f) {
+    U.clear();
+    const n = o[0].hasOwnProperty("tabId") || o[0].hasOwnProperty("items") && Array.isArray(o[0].items);
+    l = 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" ? o.forEach((c, m) => z(c, `items.value[${m}]`)) : o.forEach((c, m) => {
+      q(c, `tabs.value[${m}]`), c.items && Array.isArray(c.items) && c.items.forEach((y, b) => z(y, `tabs.value[${m}].items[${b}]`));
+    }), r = !0, p();
+  }, U = /* @__PURE__ */ new Set(), p = (o = "unknown") => {
+    if (!r) {
       console.warn("[useGridTabs] triggerRootUpdate skipped because isInitialized is false");
       return;
     }
-    let e = {
+    let t = {
       protocolVersion: "1.28.0",
       // 新增：显式声明协议版本
-      gridBasis: (r == null ? void 0 : r.gridBasis) ?? 30,
-      unitType: (r == null ? void 0 : r.unitType) ?? "px",
-      contentConfig: (r == null ? void 0 : r.contentConfig) ?? (r == null ? void 0 : r.layoutConfig) ?? {
+      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) ?? {
         box: { padding: [0, 60, 60, 60] },
         navContentGapNormal: 0,
         itemGap: 24
       },
-      navConfig: (r == null ? void 0 : r.navConfig) ?? {
+      navConfig: (s == null ? void 0 : s.navConfig) ?? {
         dock: "left",
         mode: "fixed",
         renderType: "smart-hybrid",
         box: { size: [200, 0] },
         expandedBox: { size: [300, 0] }
       },
-      cacheConfig: (r == null ? void 0 : r.cacheConfig) ?? {
+      cacheConfig: (s == null ? void 0 : s.cacheConfig) ?? {
         offscreenPageLimit: 1,
         prefetchOffset: 2,
         preLoadEnabled: !1,
         strategy: "data_priority"
       },
-      animationConfig: (r == null ? void 0 : r.animationConfig) ?? {
+      animationConfig: (s == null ? void 0 : s.animationConfig) ?? {
         duration: 300,
         easing: "ease-out"
       },
-      interactionStrategy: (r == null ? void 0 : r.interactionStrategy) ?? {
+      interactionStrategy: (s == null ? void 0 : s.interactionStrategy) ?? {
         defaultFocus: "nav",
         interceptBack: !0,
         backMode: "home-first",
         autoScrollToTop: !0,
         edgeScrollProtection: 0.5
       },
-      focusConfig: (r == null ? void 0 : r.focusConfig) ?? {
+      focusConfig: (s == null ? void 0 : s.focusConfig) ?? {
         boundaryLock: { left: !1, right: !1, top: !1, bottom: !1 }
       },
-      themeConfig: r == null ? void 0 : r.themeConfig,
-      referenceResolution: (r == null ? void 0 : r.referenceResolution) ?? { w: 1920, h: 1080 }
+      themeConfig: s == null ? void 0 : s.themeConfig,
+      referenceResolution: (s == null ? void 0 : s.referenceResolution) ?? { w: 1920, h: 1080 }
     }, n = [];
-    d ? (e.navConfig = { ...e.navConfig, renderType: "none" }, n = [
+    l ? (t.navConfig = { ...t.navConfig, renderType: "none" }, n = [
       {
         tabId: a,
         title: "Virtual Tab",
         hidden: !0,
-        items: m.value
+        items: v.value
       }
-    ]) : n = b.value;
-    const s = JSON.stringify({
-      page_spec: e,
+    ]) : n = f.value;
+    const c = JSON.stringify({
+      page_spec: t,
       tabs: n
     });
-    if (c.value === "")
-      console.log(`[useGridTabs] triggerRootUpdate: Initializing tabsDataStr (length=${s.length})`), c.value = s, l = s;
+    if (d.value === "")
+      console.log(`[useGridTabs] triggerRootUpdate: Initializing tabsDataStr (length=${c.length})`), d.value = c, u = c;
     else {
-      if (l === s) {
+      if (u === c) {
         console.log("[useGridTabs] triggerRootUpdate: Data unchanged, skipping RELOAD_TABS");
         return;
       }
-      console.log(`[useGridTabs] triggerRootUpdate: Sending RELOAD_TABS action directly to Native (length=${s.length})`), c.value = s, l = s, T({
+      console.log(`[useGridTabs] triggerRootUpdate: Sending RELOAD_TABS action directly to Native (length=${c.length})`), d.value = c, u = c, C({
         op: "RELOAD_TABS",
         payload: {
-          pageSpec: e,
+          pageSpec: t,
           // 兼容不同的 Gson alias
-          page_spec: e,
+          page_spec: t,
           tabs: n
         }
       });
     }
-  }, h = (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, s, v, p) {
-        const g = Reflect.set(n, s, v, p);
-        return t.id && f && T({
+  }, I = (o) => {
+    if (!o || typeof o != "object" || o.__isGridTabsProxy)
+      return o;
+    o.content && typeof o.content == "object" && !o.content.__isGridTabsProxy && (o.content = new Proxy(o.content, {
+      set(n, c, m, y) {
+        const b = Reflect.set(n, c, m, y);
+        return o.id && r && C({
           op: "UPDATE_ITEM",
-          itemId: t.id,
-          payload: t
-        }), g;
+          itemId: o.id,
+          payload: o
+        }), b;
       }
-    }), 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 = A(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, s, v, p) {
-        const g = Reflect.set(n, s, v, p);
-        return n.id && f && !i && T({
+    }), Object.defineProperty(o.content, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(o.content, "__v_skip", { value: !0, enumerable: !1 })), o.subItems && Array.isArray(o.subItems) && !o.subItems.__isGridTabsProxy && (o.subItems = S(o.subItems, o.id), Object.defineProperty(o.subItems, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(o.subItems, "__v_skip", { value: !0, enumerable: !1 }));
+    const t = new Proxy(o, {
+      set(n, c, m, y) {
+        const b = Reflect.set(n, c, m, y);
+        return n.id && r && !g && C({
           op: "UPDATE_ITEM",
           itemId: n.id,
           payload: n
-        }), g;
+        }), b;
       }
     });
-    return Object.defineProperty(e, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(e, "__v_skip", { value: !0, enumerable: !1 }), e;
-  }, A = (t, e) => {
-    for (let n = 0; n < t.length; n++)
-      t[n] = h(t[n]);
-    return new Proxy(t, {
-      get(n, s, v) {
-        return s === "push" ? (...p) => {
-          p.forEach((C, W) => G(C, `push(${W})`)), f || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 push()。请先对 items.value 或 tabs.value 进行全量赋值！");
-          const g = p.map((C) => h(C)), I = Array.prototype.push.apply(n, g);
-          return i || T({
+    return Object.defineProperty(t, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(t, "__v_skip", { value: !0, enumerable: !1 }), t;
+  }, S = (o, t) => {
+    for (let n = 0; n < o.length; n++)
+      o[n] = I(o[n]);
+    return new Proxy(o, {
+      get(n, c, m) {
+        return c === "push" ? (...y) => {
+          y.forEach((Q, K) => z(Q, `push(${K})`)), r || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 push()。请先对 items.value 或 tabs.value 进行全量赋值！");
+          const b = y.map((Q) => I(Q)), k = Array.prototype.push.apply(n, b);
+          return g || C({
             op: "APPEND_SUB_ITEMS",
-            itemId: e,
-            payload: { subItems: g }
-          }), I;
-        } : s === "unshift" ? (...p) => {
-          p.forEach((C, W) => G(C, `unshift(${W})`)), f || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 unshift()。请先对 items.value 或 tabs.value 进行全量赋值！");
-          const g = p.map((C) => h(C)), I = Array.prototype.unshift.apply(n, g);
-          return f && g.length > 0 && !i && T({
+            itemId: t,
+            payload: { subItems: b }
+          }), k;
+        } : c === "unshift" ? (...y) => {
+          y.forEach((Q, K) => z(Q, `unshift(${K})`)), r || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 unshift()。请先对 items.value 或 tabs.value 进行全量赋值！");
+          const b = y.map((Q) => I(Q)), k = Array.prototype.unshift.apply(n, b);
+          return r && b.length > 0 && !g && C({
             op: "PREPEND_SUB_ITEMS",
-            itemId: e,
-            payload: { subItems: g }
-          }), I;
-        } : s === "splice" ? (...p) => {
-          const g = p.length >= 2 && p[0] === 0 && p[1] === n.length, I = Array.prototype.splice.apply(n, p);
-          return f && g && e !== a ? i || T({
+            itemId: t,
+            payload: { subItems: b }
+          }), k;
+        } : c === "splice" ? (...y) => {
+          const b = y.length >= 2 && y[0] === 0 && y[1] === n.length, k = Array.prototype.splice.apply(n, y);
+          return r && b && t !== a ? g || C({
             op: "CLEAR_SUB_ITEMS",
-            itemId: e
-          }) : f && (i || P("items array spliced")), I;
-        } : Reflect.get(n, s, v);
+            itemId: t
+          }) : r && (g || p("items array spliced")), k;
+        } : Reflect.get(n, c, m);
       },
-      set(n, s, v, p) {
-        if (s !== "length" && !isNaN(Number(s))) {
-          f || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(s)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), G(v, `索引赋值 [${String(s)}]`);
-          const g = h(v), I = Reflect.set(n, s, g, p);
-          return g && g.id && !i && T({
+      set(n, c, m, y) {
+        if (c !== "length" && !isNaN(Number(c))) {
+          r || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(c)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), z(m, `索引赋值 [${String(c)}]`);
+          const b = I(m), k = Reflect.set(n, c, b, y);
+          return b && b.id && !g && C({
             op: "UPDATE_ITEM",
-            itemId: g.id,
-            payload: g
-          }), I;
+            itemId: b.id,
+            payload: b
+          }), k;
         }
-        return Reflect.set(n, s, v, p);
+        return Reflect.set(n, c, m, y);
       }
     });
-  }, S = (t) => (t.items && Array.isArray(t.items) && !t.items.__isGridTabsProxy && (t.items = A(t.items, t.tabId), Object.defineProperty(t.items, "__isGridTabsProxy", { value: !0, enumerable: !1 })), new Proxy(t, {
-    set(e, n, s, v) {
+  }, E = (o) => (o.items && Array.isArray(o.items) && !o.items.__isGridTabsProxy && (o.items = S(o.items, o.tabId), Object.defineProperty(o.items, "__isGridTabsProxy", { value: !0, enumerable: !1 })), new Proxy(o, {
+    set(t, n, c, m) {
       if (n === "items") {
-        let g = s;
-        return Array.isArray(s) && !s.__isGridTabsProxy && (g = A(s, e.tabId), Object.defineProperty(g, "__isGridTabsProxy", { value: !0, enumerable: !1 })), Reflect.set(e, n, g, v);
+        let b = c;
+        return Array.isArray(c) && !c.__isGridTabsProxy && (b = S(c, t.tabId), Object.defineProperty(b, "__isGridTabsProxy", { value: !0, enumerable: !1 })), Reflect.set(t, n, b, m);
       } else if (n === "loadState") {
-        const g = Reflect.set(e, n, s, v);
-        return f && e.tabId && !i && T({
+        const b = Reflect.set(t, n, c, m);
+        return r && t.tabId && !g && C({
           op: "UPDATE_TAB_STATE",
-          itemId: e.tabId,
-          payload: { loadState: s }
-        }), g;
+          itemId: t.tabId,
+          payload: { loadState: c }
+        }), b;
       }
-      return Reflect.set(e, n, s, v);
+      return Reflect.set(t, n, c, m);
     }
-  })), _ = (t) => {
-    const e = t.map((n) => S(n));
-    return new Proxy(e, {
-      set(n, s, v, p) {
-        if (s !== "length" && !isNaN(Number(s))) {
-          let g = v;
-          v.__isGridTabsProxy || (g = S(v), Object.defineProperty(g, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
-          const I = Reflect.set(n, s, g, p);
-          return P(), I;
+  })), G = (o) => {
+    const t = o.map((n) => E(n));
+    return new Proxy(t, {
+      set(n, c, m, y) {
+        if (c !== "length" && !isNaN(Number(c))) {
+          let b = m;
+          m.__isGridTabsProxy || (b = E(m), Object.defineProperty(b, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
+          const k = Reflect.set(n, c, b, y);
+          return p(), k;
         }
-        return Reflect.set(n, s, v, p);
+        return Reflect.set(n, c, m, y);
       }
     });
   };
-  se(b, (t, e) => {
-    if (console.log("[useGridTabs] watch(tabs) triggered:", { newTabs: t, isInitialized: f }), !t || t.length === 0) {
-      c.value = "", l = "", f = !1;
+  ee(f, (o, t) => {
+    if (console.log("[useGridTabs] watch(tabs) triggered:", { newTabs: o, isInitialized: r }), !o || o.length === 0) {
+      d.value = "", u = "", r = !1;
       return;
     }
-    if (t.__isGridTabsProxy)
-      console.log("[useGridTabs] newTabs is ALREADY a proxy, triggering root update"), P();
+    if (o.__isGridTabsProxy)
+      console.log("[useGridTabs] newTabs is ALREADY a proxy, triggering root update"), p();
     else {
       console.log("[useGridTabs] newTabs is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
-      const n = _(t);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "2d"), b.value = n;
+      const n = G(o);
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "2d"), f.value = n;
     }
-  }, { flush: "sync", deep: !1 }), se(m, (t, e) => {
-    if (console.log("[useGridTabs] watch(items) triggered:", { newItems: t, isInitialized: f }), !t || t.length === 0) {
-      c.value = "", l = "", f = !1;
+  }, { flush: "sync", deep: !1 }), ee(v, (o, t) => {
+    if (console.log("[useGridTabs] watch(items) triggered:", { newItems: o, isInitialized: r }), !o || o.length === 0) {
+      d.value = "", u = "", r = !1;
       return;
     }
-    if (t.__isGridTabsProxy)
-      console.log("[useGridTabs] newItems is ALREADY a proxy, triggering root update"), P();
+    if (o.__isGridTabsProxy)
+      console.log("[useGridTabs] newItems is ALREADY a proxy, triggering root update"), p();
     else {
       console.log("[useGridTabs] newItems is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
-      const n = A(t, a);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "1d"), m.value = n;
+      const n = S(o, a);
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "1d"), v.value = n;
     }
   }, { flush: "sync", deep: !1 });
-  const N = {}, w = () => {
-    console.log("[useGridTabs] resetInitialization called manually"), f = !1, F.clear();
-    for (const t in N)
-      delete N[t];
-  }, O = (t) => {
-    if (!t || t.length === 0) {
-      c.value = "", f = !1;
+  const T = {}, O = () => {
+    console.log("[useGridTabs] resetInitialization called manually"), r = !1, U.clear();
+    for (const o in T)
+      delete T[o];
+  }, M = (o) => {
+    if (!o || o.length === 0) {
+      d.value = "", r = !1;
       return;
     }
-    t[0].hasOwnProperty("tabId") || t[0].hasOwnProperty("items") && Array.isArray(t[0].items) ? b.value = t : m.value = t;
-  }, k = (t) => {
-    y.value = t;
-  }, M = Se(() => ({
-    tabsData: c.value,
+    o[0].hasOwnProperty("tabId") || o[0].hasOwnProperty("items") && Array.isArray(o[0].items) ? f.value = o : v.value = o;
+  }, x = (o) => {
+    h.value = o;
+  }, V = W(() => ({
+    tabsData: d.value,
     // 不再绑定 actionPayload 属性，完全走命令式 API，防止触发无意义的 Vue 节点更新
-    onTabNeedsData: async (...t) => {
-      let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), !y.value.onTabNeedsData)
+    onTabNeedsData: async (...o) => {
+      let t = o[0];
+      if (t && t.nativeEvent && (t = t.nativeEvent), !h.value.onTabNeedsData)
         return;
-      const { tabId: n, index: s, reason: v } = e;
-      if (F.has(n)) {
+      const { tabId: n, index: c, reason: m } = t;
+      if (U.has(n)) {
         console.log(`[useGridTabs] onTabNeedsData SKIP: tabId=${n} 已经发起过请求，防止死循环`);
         return;
       }
-      F.add(n);
+      U.add(n);
       try {
-        const p = await y.value.onTabNeedsData(n, s, v);
-        if (p && Array.isArray(p))
-          if (N[n] = 1, p.length > 0) {
-            const g = b.value.find((I) => I.tabId === n);
-            g && (g.items ? g.items.length > 0 && g.items.splice(0, g.items.length) : g.items = [], g.items.push(...p), g.loadState = "ready", T({
+        const y = await h.value.onTabNeedsData(n, c, m);
+        if (y && Array.isArray(y))
+          if (T[n] = 1, y.length > 0) {
+            const b = f.value.find((k) => k.tabId === n);
+            b && (b.items ? b.items.length > 0 && b.items.splice(0, b.items.length) : b.items = [], b.items.push(...y), b.loadState = "ready", C({
               op: "UPDATE_TAB_STATE",
               itemId: n,
               payload: { loadState: "ready" }
             }));
           } else
             console.warn(`[useGridTabs] ⚠️ 警告: onTabNeedsData(tabId="${n}") 返回了空数组 []！`), console.warn("👉 如果你已经在此函数内手动调用了 push() 来追加数据，请在最后 return null 或 undefined。"), console.warn("👉 如果该 Tab 确实没有数据，返回 [] 可能会导致底层的 Header 等已有元素被清空，请注意检查。"), console.warn("👉 框架已为您拦截此次空数组覆盖，保留了当前的 DOM 结构。");
-      } catch (p) {
-        console.error("[useGridTabs] onTabNeedsData 执行失败:", p), F.delete(n);
+      } catch (y) {
+        console.error("[useGridTabs] onTabNeedsData 执行失败:", y), U.delete(n);
       }
     },
-    onLoadMore: async (...t) => {
-      let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), !y.value.onLoadMore)
+    onLoadMore: async (...o) => {
+      let t = o[0];
+      if (t && t.nativeEvent && (t = t.nativeEvent), !h.value.onLoadMore)
         return;
-      const { tabId: n, itemId: s } = e, p = (N[n] || 1) + 1;
-      console.log(`[useGridTabs] 拦截到底层 onLoadMore，强行接管页码: tabId=${n}, pageNo=${p}`);
+      const { tabId: n, itemId: c } = t, y = (T[n] || 1) + 1;
+      console.log(`[useGridTabs] 拦截到底层 onLoadMore，强行接管页码: tabId=${n}, pageNo=${y}`);
       try {
-        const g = await y.value.onLoadMore(n, p, s);
-        if (g && Array.isArray(g))
-          if (g.length > 0)
-            if (N[n] = p, d)
-              m.value.push(...g);
+        const b = await h.value.onLoadMore(n, y, c);
+        if (b && Array.isArray(b))
+          if (b.length > 0)
+            if (T[n] = y, l)
+              v.value.push(...b);
             else {
-              const I = b.value.find((C) => C.tabId === n);
-              I && I.items && I.items.push(...g);
+              const k = f.value.find((Q) => Q.tabId === n);
+              k && k.items && k.items.push(...b);
             }
           else
-            console.warn(`[useGridTabs] ⚠️ 警告: onLoadMore(tabId="${n}", pageNo="${p}") 返回了空数组 []！`), console.warn('👉 如果这是你的最后一页数据，推荐在卡片列表中追加一个 type="no_more" 的 footer 卡片，而不是仅仅返回空。'), console.warn("👉 框架已忽略本次空数据追加，且不会自增页码。");
-      } catch (g) {
-        console.error("[useGridTabs] onLoadMore 业务层请求失败:", g);
+            console.warn(`[useGridTabs] ⚠️ 警告: onLoadMore(tabId="${n}", pageNo="${y}") 返回了空数组 []！`), console.warn('👉 如果这是你的最后一页数据，推荐在卡片列表中追加一个 type="no_more" 的 footer 卡片，而不是仅仅返回空。'), console.warn("👉 框架已忽略本次空数据追加，且不会自增页码。");
+      } catch (b) {
+        console.error("[useGridTabs] onLoadMore 业务层请求失败:", b);
       }
     },
-    onItemPresence: (...t) => {
-      let e = t[0];
-      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", e), y.value.onItemPresence)
+    onItemPresence: (...o) => {
+      let t = o[0];
+      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", t), h.value.onItemPresence)
         try {
-          let n = typeof e == "string" ? e : (e == null ? void 0 : e.nativeEvent) || e;
+          let n = typeof t == "string" ? t : (t == null ? void 0 : t.nativeEvent) || t;
           n && typeof n.data == "string" && (n = n.data);
-          const s = typeof n == "string" ? JSON.parse(n) : n;
-          s && s.type === "VIEW_PRESENCE_BATCH" && Array.isArray(s.payload) ? s.payload.forEach((v) => {
-            v.itemId && typeof v.itemId == "string" && v.itemId.startsWith("fallback_pos_") && console.warn(`[useGridTabs] ⚠️ 警告：检测到列表项曝光 (index=${v.index})，但未配置 itemId。请检查传入的 items 数组，务必为每个数据项指定唯一的 itemId，否则底层无法准确进行去重与曝光上报。`), y.value.onItemPresence(v);
-          }) : y.value.onItemPresence(s);
+          const c = typeof n == "string" ? JSON.parse(n) : n;
+          c && c.type === "VIEW_PRESENCE_BATCH" && Array.isArray(c.payload) ? c.payload.forEach((m) => {
+            m.itemId && typeof m.itemId == "string" && m.itemId.startsWith("fallback_pos_") && console.warn(`[useGridTabs] ⚠️ 警告：检测到列表项曝光 (index=${m.index})，但未配置 itemId。请检查传入的 items 数组，务必为每个数据项指定唯一的 itemId，否则底层无法准确进行去重与曝光上报。`), h.value.onItemPresence(m);
+          }) : h.value.onItemPresence(c);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), y.value.onItemPresence(e);
+          console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), h.value.onItemPresence(t);
         }
     },
-    onTabSelected: (...t) => {
-      let e = t[0];
-      e && e.nativeEvent && (e = e.nativeEvent), y.value.onTabSelected && y.value.onTabSelected(e);
+    onTabSelected: (...o) => {
+      let t = o[0];
+      t && t.nativeEvent && (t = t.nativeEvent), h.value.onTabSelected && h.value.onTabSelected(t);
+    },
+    onTabClick: (...o) => {
+      let t = o[0];
+      t && t.nativeEvent && (t = t.nativeEvent), h.value.onTabClick && h.value.onTabClick(t);
     },
-    onItemClick: (...t) => {
-      let e = t[0];
-      if (console.log("[useGridTabs] RAW onItemClick intercepted from Native:", e), e && e.nativeEvent && (e = e.nativeEvent), y.value.onItemClick)
+    onItemClick: (...o) => {
+      let t = o[0];
+      if (console.log("[useGridTabs] RAW onItemClick intercepted from Native:", t), t && t.nativeEvent && (t = t.nativeEvent), h.value.onItemClick)
         try {
-          let n = typeof e == "string" ? e : (e == null ? void 0 : e.data) || e;
-          const s = typeof n == "string" ? JSON.parse(n) : n;
-          y.value.onItemClick(s);
+          let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
+          const c = typeof n == "string" ? JSON.parse(n) : n;
+          if (c && typeof c.clickPayload == "string")
+            try {
+              c.clickPayload = JSON.parse(c.clickPayload);
+            } catch (m) {
+              console.warn("Failed to parse clickPayload:", m);
+            }
+          if (c && typeof c.focusPayload == "string")
+            try {
+              c.focusPayload = JSON.parse(c.focusPayload);
+            } catch (m) {
+              console.warn("Failed to parse focusPayload:", m);
+            }
+          h.value.onItemClick(c);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemClick event payload:", n), y.value.onItemClick(e);
+          console.error("[useGridTabs] Failed to parse onItemClick event payload:", n), h.value.onItemClick(t);
         }
       else
         console.warn("[useGridTabs] onItemClick triggered but NO callback registered in callbacksRef!");
     },
-    onItemLongClick: (...t) => {
-      let e = t[0];
-      if (console.log("[useGridTabs] RAW onItemLongClick intercepted from Native:", e), typeof e == "number" && t.length >= 3 && typeof t[1] == "string" && (e = t[2]), e && e.nativeEvent && (e = e.nativeEvent), y.value.onItemLongClick)
+    onItemLongClick: (...o) => {
+      let t = o[0];
+      if (console.log("[useGridTabs] RAW onItemLongClick intercepted from Native:", t), typeof t == "number" && o.length >= 3 && typeof o[1] == "string" && (t = o[2]), t && t.nativeEvent && (t = t.nativeEvent), h.value.onItemLongClick)
         try {
-          let n = typeof e == "string" ? e : (e == null ? void 0 : e.data) || e;
-          const s = typeof n == "string" ? JSON.parse(n) : n;
-          y.value.onItemLongClick(s);
+          let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
+          const c = typeof n == "string" ? JSON.parse(n) : n;
+          if (c && typeof c.clickPayload == "string")
+            try {
+              c.clickPayload = JSON.parse(c.clickPayload);
+            } catch {
+            }
+          if (c && typeof c.focusPayload == "string")
+            try {
+              c.focusPayload = JSON.parse(c.focusPayload);
+            } catch {
+            }
+          h.value.onItemLongClick(c);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemLongClick event payload:", n), y.value.onItemLongClick(e);
+          console.error("[useGridTabs] Failed to parse onItemLongClick event payload:", n), h.value.onItemLongClick(t);
         }
     },
-    onItemFocused: (...t) => {
-      let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), y.value.onItemFocused)
+    onItemFocused: (...o) => {
+      let t = o[0];
+      if (t && t.nativeEvent && (t = t.nativeEvent), h.value.onItemFocused)
         try {
-          let n = typeof e == "string" ? e : (e == null ? void 0 : e.data) || e;
-          const s = typeof n == "string" ? JSON.parse(n) : n;
-          y.value.onItemFocused(s);
+          let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
+          const c = typeof n == "string" ? JSON.parse(n) : n;
+          if (c && typeof c.clickPayload == "string")
+            try {
+              c.clickPayload = JSON.parse(c.clickPayload);
+            } catch {
+            }
+          if (c && typeof c.focusPayload == "string")
+            try {
+              c.focusPayload = JSON.parse(c.focusPayload);
+            } catch {
+            }
+          h.value.onItemFocused(c);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemFocused event payload:", n), y.value.onItemFocused(e);
+          console.error("[useGridTabs] Failed to parse onItemFocused event payload:", n), h.value.onItemFocused(t);
         }
     },
-    onTabFocused: (...t) => {
-      let e = t[0];
-      e && e.nativeEvent && (e = e.nativeEvent), y.value.onTabFocused && y.value.onTabFocused(e);
+    onTabFocused: (...o) => {
+      let t = o[0];
+      t && t.nativeEvent && (t = t.nativeEvent), h.value.onTabFocused && h.value.onTabFocused(t);
     },
-    onScroll: (...t) => {
-      let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), y.value.onScroll)
+    onScroll: (...o) => {
+      let t = o[0];
+      if (t && t.nativeEvent && (t = t.nativeEvent), h.value.onScroll)
         try {
-          const n = (e == null ? void 0 : e.data) || e;
-          y.value.onScroll(n);
+          const n = (t == null ? void 0 : t.data) || t;
+          h.value.onScroll(n);
         } catch {
-          y.value.onScroll(e);
+          h.value.onScroll(t);
         }
     },
-    onScrollStateChanged: (...t) => {
-      let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), y.value.onScrollStateChanged)
+    onScrollStateChanged: (...o) => {
+      let t = o[0];
+      if (t && t.nativeEvent && (t = t.nativeEvent), h.value.onScrollStateChanged)
         try {
-          const n = (e == null ? void 0 : e.data) || e;
-          y.value.onScrollStateChanged(n);
+          const n = (t == null ? void 0 : t.data) || t;
+          h.value.onScrollStateChanged(n);
         } catch {
-          y.value.onScrollStateChanged(e);
+          h.value.onScrollStateChanged(t);
         }
     }
   }));
   return {
-    tabsDataStr: c,
-    bindings: M,
-    tabs: b,
-    items: m,
-    initData: O,
-    setCallbacks: k,
-    updateItem: (t, e) => {
-      if (!f) {
+    tabsDataStr: d,
+    bindings: V,
+    tabs: f,
+    items: v,
+    initData: M,
+    setCallbacks: x,
+    updateItem: (o, t) => {
+      if (!r) {
         console.error("[useGridTabs] ❌ 时机错误: 尚未初始化数据，无法调用 updateItem");
         return;
       }
-      T({ op: "UPDATE_ITEM", itemId: t, payload: e }), i = !0;
+      C({ op: "UPDATE_ITEM", itemId: o, payload: t }), g = !0;
       try {
-        if (d) {
-          const n = m.value.find((s) => s.id === t);
-          n && Object.assign(n, e);
+        if (l) {
+          const n = v.value.find((c) => c.id === o);
+          n && Object.assign(n, t);
         } else
-          for (const n of b.value)
+          for (const n of f.value)
             if (n.items) {
-              const s = n.items.find((v) => v.id === t);
-              if (s) {
-                Object.assign(s, e);
+              const c = n.items.find((m) => m.id === o);
+              if (c) {
+                Object.assign(c, t);
                 break;
               }
             }
       } finally {
-        i = !1;
+        g = !1;
       }
     },
-    deleteItem: (t, e = !0) => {
-      if (f) {
-        T({ op: "DELETE_ITEM", itemId: t, payload: { animated: e } }), i = !0;
+    deleteItem: (o, t = !0) => {
+      if (r) {
+        C({ op: "DELETE_ITEM", itemId: o, payload: { animated: t } }), g = !0;
         try {
-          if (d) {
-            const n = m.value.findIndex((s) => s.id === t);
-            n !== -1 && m.value.splice(n, 1);
+          if (l) {
+            const n = v.value.findIndex((c) => c.id === o);
+            n !== -1 && v.value.splice(n, 1);
           } else
-            for (const n of b.value)
+            for (const n of f.value)
               if (n.items) {
-                const s = n.items.findIndex((v) => v.id === t);
-                if (s !== -1) {
-                  n.items.splice(s, 1);
+                const c = n.items.findIndex((m) => m.id === o);
+                if (c !== -1) {
+                  n.items.splice(c, 1);
                   break;
                 }
               }
         } finally {
-          i = !1;
+          g = !1;
         }
       }
     },
-    prependItems: (t, e) => {
-      if (f) {
-        T({
+    prependItems: (o, t) => {
+      if (r) {
+        C({
           op: "PREPEND_SUB_ITEMS",
-          itemId: t,
-          payload: { subItems: e }
-        }), i = !0;
+          itemId: o,
+          payload: { subItems: t }
+        }), g = !0;
         try {
-          if (d)
-            m.value.unshift(...e);
+          if (l)
+            v.value.unshift(...t);
           else {
-            const n = b.value.find((s) => s.tabId === t);
-            n && n.items && n.items.unshift(...e);
+            const n = f.value.find((c) => c.tabId === o);
+            n && n.items && n.items.unshift(...t);
           }
         } finally {
-          i = !1;
+          g = !1;
         }
       }
     },
-    clearItems: (t) => {
-      if (f) {
-        T({
+    clearItems: (o) => {
+      if (r) {
+        C({
           op: "CLEAR_SUB_ITEMS",
-          itemId: t
-        }), i = !0;
+          itemId: o
+        }), g = !0;
         try {
-          if (d)
-            m.value.splice(0, m.value.length);
+          if (l)
+            v.value.splice(0, v.value.length);
           else {
-            const e = b.value.find((n) => n.tabId === t);
-            e && e.items && e.items.splice(0, e.items.length);
+            const t = f.value.find((n) => n.tabId === o);
+            t && t.items && t.items.splice(0, t.items.length);
           }
         } finally {
-          i = !1;
+          g = !1;
         }
       }
     },
-    moveItem: (t, e, n) => {
-      if (f) {
-        T({
+    moveItem: (o, t, n) => {
+      if (r) {
+        C({
           op: "MOVE_ITEM",
-          itemId: t,
-          payload: { targetPosition: e, anchorItemId: n }
-        }), i = !0;
+          itemId: o,
+          payload: { targetPosition: t, anchorItemId: n }
+        }), g = !0;
         try {
-          const s = (v) => {
-            const p = v.findIndex((I) => I.id === t), g = v.findIndex((I) => I.id === n);
-            if (p !== -1 && g !== -1) {
-              const I = v.splice(p, 1)[0], C = v.findIndex((Ae) => Ae.id === n), W = e === "after" ? C + 1 : C;
-              v.splice(W, 0, I);
+          const c = (m) => {
+            const y = m.findIndex((k) => k.id === o), b = m.findIndex((k) => k.id === n);
+            if (y !== -1 && b !== -1) {
+              const k = m.splice(y, 1)[0], Q = m.findIndex((Ye) => Ye.id === n), K = t === "after" ? Q + 1 : Q;
+              m.splice(K, 0, k);
             }
           };
-          if (d)
-            s(m.value);
+          if (l)
+            c(v.value);
           else
-            for (const v of b.value)
-              v.items && s(v.items);
+            for (const m of f.value)
+              m.items && c(m.items);
         } finally {
-          i = !1;
+          g = !1;
         }
       }
     },
-    replaceItem: (t, e) => {
-      if (f) {
-        T({
+    replaceItem: (o, t) => {
+      if (r) {
+        C({
           op: "REPLACE_ITEM",
-          itemId: t,
-          payload: e
-        }), i = !0;
+          itemId: o,
+          payload: t
+        }), g = !0;
         try {
-          if (d) {
-            const n = m.value.findIndex((s) => s.id === t);
-            n !== -1 && (m.value[n] = e);
+          if (l) {
+            const n = v.value.findIndex((c) => c.id === o);
+            n !== -1 && (v.value[n] = t);
           } else
-            for (const n of b.value)
+            for (const n of f.value)
               if (n.items) {
-                const s = n.items.findIndex((v) => v.id === t);
-                if (s !== -1) {
-                  n.items[s] = e;
+                const c = n.items.findIndex((m) => m.id === o);
+                if (c !== -1) {
+                  n.items[c] = t;
                   break;
                 }
               }
         } finally {
-          i = !1;
+          g = !1;
         }
       }
     },
-    dispatchAction: T,
-    resetInitialization: w,
-    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), console.log("[useGridTabs] getFocusState called, nativeTarget:", n);
-      const s = (v) => {
-        if (console.log("[useGridTabs] getFocusState callback received:", v), v && v.isSuccess !== void 0 && v.result !== void 0) {
-          t(v.result);
+    dispatchAction: C,
+    resetInitialization: O,
+    getFocusState: async () => new Promise((o, t) => {
+      let n = e.value;
+      typeof e.value.getNativeNode == "function" ? n = e.value.getNativeNode() || e.value : e.value.nativeRef && (n = e.value.nativeRef), console.log("[useGridTabs] getFocusState called, nativeTarget:", n);
+      const c = (m) => {
+        if (console.log("[useGridTabs] getFocusState callback received:", m), m && m.isSuccess !== void 0 && m.result !== void 0) {
+          o(m.result);
           return;
         }
         try {
-          const p = typeof v == "string" ? JSON.parse(v) : v;
-          t(p);
-        } catch (p) {
-          e(p);
+          const y = typeof m == "string" ? JSON.parse(m) : m;
+          o(y);
+        } catch (y) {
+          t(y);
         }
       };
-      typeof E.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getFocusState") with callback as 4th arg'), E.callUIFunction(n, "getFocusState", [], s)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), e(new Error("Native.callUIFunction is not available")));
+      typeof N.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getFocusState") with callback as 4th arg'), N.callUIFunction(n, "getFocusState", [], c)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), t(new Error("Native.callUIFunction is not available")));
     }),
-    getItemRect: async (t) => new Promise((e, n) => {
-      let s = o.value;
-      typeof o.value.getNativeNode == "function" ? s = o.value.getNativeNode() || o.value : o.value.nativeRef && (s = o.value.nativeRef), console.log(`[useGridTabs] getItemRect called for itemId=${t}, nativeTarget:`, s);
-      const v = (p) => {
-        if (console.log(`[useGridTabs] getItemRect callback received for itemId=${t}:`, p), p && p.isSuccess !== void 0 && p.result !== void 0) {
-          e(p.result);
+    getItemRect: async (o) => new Promise((t, n) => {
+      let c = e.value;
+      typeof e.value.getNativeNode == "function" ? c = e.value.getNativeNode() || e.value : e.value.nativeRef && (c = e.value.nativeRef), console.log(`[useGridTabs] getItemRect called for itemId=${o}, nativeTarget:`, c);
+      const m = (y) => {
+        if (console.log(`[useGridTabs] getItemRect callback received for itemId=${o}:`, y), y && y.isSuccess !== void 0 && y.result !== void 0) {
+          t(y.result);
           return;
         }
         try {
-          const g = typeof p == "string" ? JSON.parse(p) : p;
-          e(g);
-        } catch (g) {
-          n(g);
+          const b = typeof y == "string" ? JSON.parse(y) : y;
+          t(b);
+        } catch (b) {
+          n(b);
         }
       };
-      typeof E.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getItemRect") with itemId and callback as 4th arg'), E.callUIFunction(s, "getItemRect", [t], v)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), n(new Error("Native.callUIFunction is not available")));
+      typeof N.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getItemRect") with itemId and callback as 4th arg'), N.callUIFunction(c, "getItemRect", [o], m)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), n(new Error("Native.callUIFunction is not available")));
     }),
-    requestFocus: (t) => {
-      let e = o.value;
-      typeof o.value.getNativeNode == "function" ? e = o.value.getNativeNode() || o.value : o.value.nativeRef && (e = o.value.nativeRef), E.callUIFunction(e, "requestFocus", [t]);
+    requestFocus: (o) => {
+      let t = e.value;
+      typeof e.value.getNativeNode == "function" ? t = e.value.getNativeNode() || e.value : e.value.nativeRef && (t = e.value.nativeRef), N.callUIFunction(t, "requestFocus", [o]);
     },
-    updatePageSpec: (t) => {
-      if (!f)
+    updatePageSpec: (o) => {
+      if (!r)
         return;
-      const e = Object.assign({}, JSON.parse(c.value).page_spec, t);
-      t.layout && (e.navConfig = Object.assign({}, e.navConfig, t.layout)), t.navConfig && (e.navConfig = Object.assign({}, e.navConfig, t.navConfig)), t.contentConfig && (e.contentConfig = Object.assign({}, e.contentConfig, t.contentConfig)), r && Object.assign(r, e), T({
+      const t = Object.assign({}, JSON.parse(d.value).page_spec, o);
+      o.layout && (t.navConfig = Object.assign({}, t.navConfig, o.layout)), o.navConfig && (t.navConfig = Object.assign({}, t.navConfig, o.navConfig)), o.contentConfig && (t.contentConfig = Object.assign({}, t.contentConfig, o.contentConfig)), s && Object.assign(s, t), C({
         op: "RELOAD_TABS",
         payload: {
-          pageSpec: e,
-          page_spec: e,
-          tabs: b.value
+          pageSpec: t,
+          page_spec: t,
+          tabs: f.value
         }
       });
-      const n = JSON.parse(c.value);
-      n.page_spec = e, c.value = JSON.stringify(n), l = c.value;
+      const n = JSON.parse(d.value);
+      n.page_spec = t, d.value = JSON.stringify(n), u = d.value;
     },
-    reloadAll: (t, e) => {
-      r && (Object.keys(r).forEach((n) => delete r[n]), Object.assign(r, t)), b.value = e, T({
+    reloadAll: (o, t) => {
+      s && (Object.keys(s).forEach((n) => delete s[n]), Object.assign(s, o)), f.value = t, C({
         op: "RELOAD_TABS",
         payload: {
-          pageSpec: t,
-          page_spec: t,
-          tabs: e
+          pageSpec: o,
+          page_spec: o,
+          tabs: t
         }
       });
     },
     scrollToTop: () => {
-      let t = o.value;
-      typeof o.value.getNativeNode == "function" ? t = o.value.getNativeNode() || o.value : o.value.nativeRef && (t = o.value.nativeRef), E.callUIFunction(t, "scrollToTop", []);
+      let o = e.value;
+      typeof e.value.getNativeNode == "function" ? o = e.value.getNativeNode() || e.value : e.value.nativeRef && (o = e.value.nativeRef), N.callUIFunction(o, "scrollToTop", []);
     }
   };
 }
-const le = "QtKeyboard", re = /* @__PURE__ */ D({
+const ye = "QtKeyboard", he = /* @__PURE__ */ w({
   __name: "Keyboard",
   props: {
     backgroundColor: {},
@@ -701,275 +738,989 @@ const le = "QtKeyboard", re = /* @__PURE__ */ D({
     rememberKeyboardType: { type: Boolean }
   },
   emits: ["onInputChanged", "onKeyPressed"],
-  setup(o, { expose: u }) {
-    const c = x(), r = V(), b = le + "_Plugin", d = (r.isPluginActive ? b : le).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), f = K(
-      d,
-      r.pluginPackageName || "com.quicktvui.plugin.extraui",
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = ye + "_Plugin", l = (s.isPluginActive ? f : ye).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
     );
-    return u({
+    return i({
       getNativeNode: () => {
-        var a, l;
-        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
       },
       requestFocus: (...a) => {
-        var i, y;
-        const l = ((y = (i = c.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : y.call(i)) || c.value;
-        l && E.callUIFunction(l, "requestFocus", a);
+        var g, h;
+        const u = ((h = (g = d.value) == null ? void 0 : g.getNativeNode) == null ? void 0 : h.call(g)) || d.value;
+        u && N.callUIFunction(u, "requestFocus", a);
       }
-    }), (a, l) => (q(), R(U(f), Q({
+    }), (a, u) => (P(), $(D(r), B({
       ref_key: "nativeRef",
-      ref: c,
-      backgroundColor: o.backgroundColor,
-      backgroundGradient: o.backgroundGradient,
-      textColor: o.textColor,
-      weakTextColor: o.weakTextColor,
-      focusBackgroundColor: o.focusBackgroundColor,
-      focusTextColor: o.focusTextColor,
-      placeholder: o.placeholder,
-      textFullKeyboard: o.textFullKeyboard,
-      textT9Keyboard: o.textT9Keyboard,
-      keyboardType: o.keyboardType,
-      textClear: o.textClear,
-      textDelete: o.textDelete,
-      currentInput: o.currentInput,
-      autofocus: o.autofocus,
-      rememberKeyboardType: o.rememberKeyboardType,
-      onOnInputChanged: l[0] || (l[0] = (i) => a.$emit("onInputChanged", i.nativeEvent)),
-      onOnKeyPressed: l[1] || (l[1] = (i) => a.$emit("onKeyPressed", i.nativeEvent))
+      ref: d,
+      backgroundColor: e.backgroundColor,
+      backgroundGradient: e.backgroundGradient,
+      textColor: e.textColor,
+      weakTextColor: e.weakTextColor,
+      focusBackgroundColor: e.focusBackgroundColor,
+      focusTextColor: e.focusTextColor,
+      placeholder: e.placeholder,
+      textFullKeyboard: e.textFullKeyboard,
+      textT9Keyboard: e.textT9Keyboard,
+      keyboardType: e.keyboardType,
+      textClear: e.textClear,
+      textDelete: e.textDelete,
+      currentInput: e.currentInput,
+      autofocus: e.autofocus,
+      rememberKeyboardType: e.rememberKeyboardType,
+      onOnInputChanged: u[0] || (u[0] = (g) => a.$emit("onInputChanged", g.nativeEvent)),
+      onOnKeyPressed: u[1] || (u[1] = (g) => a.$emit("onKeyPressed", g.nativeEvent))
     }, a.$attrs), {
-      default: B(() => [
-        j(a.$slots, "default")
+      default: R(() => [
+        F(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["backgroundColor", "backgroundGradient", "textColor", "weakTextColor", "focusBackgroundColor", "focusTextColor", "placeholder", "textFullKeyboard", "textT9Keyboard", "keyboardType", "textClear", "textDelete", "currentInput", "autofocus", "rememberKeyboardType"]));
   }
 });
-let X;
-var ye;
+let oe;
+var ze;
 try {
-  const o = require("@extscreen/es3-vue");
-  X = o.registerElement || ((ye = o.default) == null ? void 0 : ye.registerElement);
+  const e = require("@extscreen/es3-vue");
+  oe = e.registerElement || ((ze = e.default) == null ? void 0 : ze.registerElement);
 } catch {
 }
-const Ge = {
-  install: (o) => {
+const lt = {
+  install: (e) => {
     if (!globalThis.__QtKeyboard_registered)
-      if (X) {
-        const u = (c, r) => {
-          X(c, {
+      if (oe) {
+        const i = (d, s) => {
+          oe(d, {
             component: {
-              name: r ? "QtKeyboard_Plugin" : "QtKeyboard",
-              processEventData(b, m) {
-                const d = b.handler || b, f = m || (d == null ? void 0 : d.nativeParams) || {};
-                return d && (d.nativeEvent = f), d;
+              name: s ? "QtKeyboard_Plugin" : "QtKeyboard",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
               }
             }
           });
         };
-        u("qt-keyboard", !1), u("qt-keyboard-plugin", !0), u("QtKeyboard", !1), u("QtKeyboard_Plugin", !0), globalThis.__QtKeyboard_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtKeyboard");
+        i("qt-keyboard", !1), i("qt-keyboard-plugin", !0), i("QtKeyboard", !1), i("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);
+    e.component("Keyboard", he), e.component("qt-keyboard", he);
   }
-}, ce = "QtPortalPool", ue = /* @__PURE__ */ D({
+}, pe = "QtPortalPool", Ce = /* @__PURE__ */ w({
   __name: "PortalPool",
-  setup(o, { expose: u }) {
-    const c = x(), r = V(), b = ce + "_Plugin", d = (r.isPluginActive ? b : ce).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), f = K(
-      d,
-      r.pluginPackageName || "com.quicktvui.plugin.glintui"
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = pe + "_Plugin", l = (s.isPluginActive ? f : pe).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return u({
+    return i({
       getNativeNode: () => {
-        var a, l;
-        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
       }
-    }), (a, l) => (q(), R(U(f), Q({
+    }), (a, u) => (P(), $(D(r), B({
       ref_key: "nativeRef",
-      ref: c
+      ref: d,
+      style: { position: "absolute" },
+      absolute: !0
     }, a.$attrs), {
-      default: B(() => [
-        j(a.$slots, "default")
+      default: R(() => [
+        F(a.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
 });
-let ee;
-var Pe;
+let ne;
+var Me;
 try {
-  const o = require("@extscreen/es3-vue");
-  ee = o.registerElement || ((Pe = o.default) == null ? void 0 : Pe.registerElement);
+  const e = require("@extscreen/es3-vue");
+  ne = e.registerElement || ((Me = e.default) == null ? void 0 : Me.registerElement);
 } catch {
 }
-const Oe = {
-  install: (o) => {
+const rt = {
+  install: (e) => {
     if (!globalThis.__QtPortalPool_registered)
-      if (ee) {
-        const u = (c, r) => {
-          ee(c, {
+      if (ne) {
+        const i = (d, s) => {
+          ne(d, {
             component: {
-              name: r ? "QtPortalPool_Plugin" : "QtPortalPool",
-              processEventData(b, m) {
-                const d = b.handler || b, f = m || (d == null ? void 0 : d.nativeParams) || {};
-                return d && (d.nativeEvent = f), d;
+              name: s ? "QtPortalPool_Plugin" : "QtPortalPool",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
               }
             }
           });
         };
-        u("qt-portal-pool", !1), u("qt-portal-pool-plugin", !0), u("QtPortalPool", !1), u("QtPortalPool_Plugin", !0), globalThis.__QtPortalPool_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtPortalPool");
+        i("qt-portal-pool", !1), i("qt-portal-pool-plugin", !0), i("QtPortalPool", !1), i("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", ue), o.component("qt-portal-pool", ue);
+    e.component("PortalPool", Ce), e.component("qt-portal-pool", Ce);
   }
-}, de = "QtPortalItem", fe = /* @__PURE__ */ D({
+}, ke = "QtPortalItem", Ie = /* @__PURE__ */ w({
   __name: "PortalItem",
   props: {
     portalId: {}
   },
-  setup(o, { expose: u }) {
-    const c = x(), r = V(), b = de + "_Plugin", d = (r.isPluginActive ? b : de).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), f = K(
-      d,
-      r.pluginPackageName || "com.quicktvui.plugin.glintui"
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = ke + "_Plugin", l = (s.isPluginActive ? f : ke).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return u({
+    return i({
       getNativeNode: () => {
-        var a, l;
-        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
       }
-    }), (a, l) => (q(), R(U(f), Q({
+    }), (a, u) => (P(), $(D(r), B({
       ref_key: "nativeRef",
-      ref: c,
-      portalId: o.portalId
+      ref: d,
+      style: { position: "absolute" },
+      absolute: !0,
+      portalId: e.portalId
     }, a.$attrs), {
-      default: B(() => [
-        j(a.$slots, "default")
+      default: R(() => [
+        F(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["portalId"]));
   }
 });
-let te;
-var Te;
+let ae;
+var De;
 try {
-  const o = require("@extscreen/es3-vue");
-  te = o.registerElement || ((Te = o.default) == null ? void 0 : Te.registerElement);
+  const e = require("@extscreen/es3-vue");
+  ae = e.registerElement || ((De = e.default) == null ? void 0 : De.registerElement);
 } catch {
 }
-const Fe = {
-  install: (o) => {
+const st = {
+  install: (e) => {
     if (!globalThis.__QtPortalItem_registered)
-      if (te) {
-        const u = (c, r) => {
-          te(c, {
+      if (ae) {
+        const i = (d, s) => {
+          ae(d, {
             component: {
-              name: r ? "QtPortalItem_Plugin" : "QtPortalItem",
-              processEventData(b, m) {
-                const d = b.handler || b, f = m || (d == null ? void 0 : d.nativeParams) || {};
-                return d && (d.nativeEvent = f), d;
+              name: s ? "QtPortalItem_Plugin" : "QtPortalItem",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
               }
             }
           });
         };
-        u("qt-portal-item", !1), u("qt-portal-item-plugin", !0), u("QtPortalItem", !1), u("QtPortalItem_Plugin", !0), globalThis.__QtPortalItem_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtPortalItem");
+        i("qt-portal-item", !1), i("qt-portal-item-plugin", !0), i("QtPortalItem", !1), i("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", fe), o.component("qt-portal-item", fe);
+    e.component("PortalItem", Ie), e.component("qt-portal-item", Ie);
   }
-}, ve = "QtHsvBackground", ge = /* @__PURE__ */ D({
+}, Ne = "QtHsvBackground", Te = /* @__PURE__ */ w({
   __name: "HsvBackground",
   props: {
-    hue: { default: -2 }
+    hue: {},
+    hueDuration: {}
   },
-  setup(o, { expose: u }) {
-    const c = x(), r = V(), b = ve + "_Plugin", d = (r.isPluginActive ? b : ve).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), f = K(
-      d,
-      r.pluginPackageName || "com.quicktvui.plugin.glintui"
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = Ne + "_Plugin", l = (s.isPluginActive ? f : Ne).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return u({
+    return i({
       getNativeNode: () => {
-        var a, l;
-        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
       }
-    }), (a, l) => (q(), R(U(f), Q({
+    }), (a, u) => (P(), $(D(r), B({
       ref_key: "nativeRef",
-      ref: c,
-      hue: o.hue
+      ref: d,
+      hue: e.hue,
+      hueDuration: e.hueDuration
     }, a.$attrs), {
-      default: B(() => [
-        j(a.$slots, "default")
+      default: R(() => [
+        F(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["hue"]));
+    }, 16, ["hue", "hueDuration"]));
   }
-}), Me = {
-  install(o) {
-    o.component("qt-hsv-background", ge), o.component("HsvBackground", ge);
+});
+let ie;
+var Le;
+try {
+  const e = require("@extscreen/es3-vue");
+  ie = e.registerElement || ((Le = e.default) == null ? void 0 : Le.registerElement);
+} catch {
+}
+const ct = {
+  install: (e) => {
+    if (!globalThis.__QtHsvBackground_registered)
+      if (ie) {
+        const i = (d, s) => {
+          ie(d, {
+            component: {
+              name: s ? "QtHsvBackground_Plugin" : "QtHsvBackground",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
+              }
+            }
+          });
+        };
+        i("qt-hsv-background", !1), i("qt-hsv-background-plugin", !0), i("QtHsvBackground", !1), i("QtHsvBackground_Plugin", !0), globalThis.__QtHsvBackground_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtHsvBackground");
+      } else
+        console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
+    e.component("HsvBackground", Te), e.component("qt-hsv-background", Te);
   }
-}, pe = "QtSvgImage", me = /* @__PURE__ */ D({
+}, Pe = "QtSvgImage", Se = /* @__PURE__ */ w({
   __name: "SvgImage",
   props: {
     src: {},
     tintColor: {}
   },
-  setup(o, { expose: u }) {
-    const c = x(), r = V(), b = pe + "_Plugin", d = (r.isPluginActive ? b : pe).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), f = K(
-      d,
-      r.pluginPackageName || "com.quicktvui.plugin.extraui",
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = Pe + "_Plugin", l = (s.isPluginActive ? f : Pe).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
     );
-    return u({
+    return i({
       getNativeNode: () => {
-        var a, l;
-        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
       }
-    }), (a, l) => (q(), R(U(f), Q({
+    }), (a, u) => (P(), $(D(r), B({
       ref_key: "nativeRef",
-      ref: c,
-      src: o.src,
-      tintColor: o.tintColor
+      ref: d,
+      src: e.src,
+      tintColor: e.tintColor
     }, a.$attrs), {
-      default: B(() => [
-        j(a.$slots, "default")
+      default: R(() => [
+        F(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["src", "tintColor"]));
   }
 });
-let ne;
-var Ie;
+let le;
+var _e;
 try {
-  const o = require("@extscreen/es3-vue");
-  ne = o.registerElement || ((Ie = o.default) == null ? void 0 : Ie.registerElement);
+  const e = require("@extscreen/es3-vue");
+  le = e.registerElement || ((_e = e.default) == null ? void 0 : _e.registerElement);
 } catch {
 }
-const De = {
-  install: (o) => {
+const ut = {
+  install: (e) => {
     if (!globalThis.__QtSvgImage_registered)
-      if (ne) {
-        const u = (c, r) => {
-          ne(c, {
+      if (le) {
+        const i = (d, s) => {
+          le(d, {
+            component: {
+              name: s ? "QtSvgImage_Plugin" : "QtSvgImage",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
+              }
+            }
+          });
+        };
+        i("qt-svg-image", !1), i("qt-svg-image-plugin", !0), i("QtSvgImage", !1), i("QtSvgImage_Plugin", !0), globalThis.__QtSvgImage_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtSvgImage");
+      } else
+        console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
+    e.component("SvgImage", Se), e.component("qt-svg-image", Se);
+  }
+}, Ee = "QtNaButton", dt = /* @__PURE__ */ w({
+  __name: "NaButtonBase",
+  props: {
+    text: {},
+    icon: {},
+    iconSize: {},
+    iconSpace: {},
+    layoutDirection: {},
+    fontSize: {},
+    maxLines: {},
+    textColor: {},
+    focusTextColor: {},
+    backgroundColor: {},
+    focusBackgroundColor: {},
+    normalBorderWidth: {},
+    normalBorderColor: {},
+    focusBorderColor: {},
+    cornerRadius: {},
+    focusScale: {},
+    enableFocusBorder: { type: Boolean }
+  },
+  emits: ["onButtonCustomEvent"],
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = Ee + "_Plugin", l = (s.isPluginActive ? f : Ee).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || "com.quicktvui.plugin.extraui",
+      "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
+    );
+    return i({
+      getNativeNode: () => {
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
+      }
+    }), (a, u) => (P(), $(D(r), B({
+      ref_key: "nativeRef",
+      ref: d,
+      text: e.text,
+      icon: e.icon,
+      iconSize: e.iconSize,
+      iconSpace: e.iconSpace,
+      layoutDirection: e.layoutDirection,
+      fontSize: e.fontSize,
+      maxLines: e.maxLines,
+      textColor: e.textColor,
+      focusTextColor: e.focusTextColor,
+      backgroundColor: e.backgroundColor,
+      focusBackgroundColor: e.focusBackgroundColor,
+      normalBorderWidth: e.normalBorderWidth,
+      normalBorderColor: e.normalBorderColor,
+      focusBorderColor: e.focusBorderColor,
+      cornerRadius: e.cornerRadius,
+      focusScale: e.focusScale,
+      enableFocusBorder: e.enableFocusBorder,
+      onOnButtonCustomEvent: u[0] || (u[0] = (g) => a.$emit("onButtonCustomEvent", g.nativeEvent))
+    }, a.$attrs), {
+      default: R(() => [
+        F(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["text", "icon", "iconSize", "iconSpace", "layoutDirection", "fontSize", "maxLines", "textColor", "focusTextColor", "backgroundColor", "focusBackgroundColor", "normalBorderWidth", "normalBorderColor", "focusBorderColor", "cornerRadius", "focusScale", "enableFocusBorder"]));
+  }
+}), xe = /* @__PURE__ */ w({
+  __name: "NaButton",
+  props: {
+    width: {},
+    height: {}
+  },
+  setup(e) {
+    const i = e, d = W(() => ({
+      width: typeof i.width == "number" ? `${i.width}px` : i.width,
+      height: typeof i.height == "number" ? `${i.height}px` : i.height
+    }));
+    return (s, f) => (P(), $(dt, B(s.$attrs, { style: d.value }), {
+      default: R(() => [
+        F(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["style"]));
+  }
+});
+let re;
+var Ue;
+try {
+  const e = require("@extscreen/es3-vue");
+  re = e.registerElement || ((Ue = e.default) == null ? void 0 : Ue.registerElement);
+} catch {
+}
+const gt = {
+  install: (e) => {
+    if (!globalThis.__QtNaButton_registered)
+      if (re) {
+        const i = (d, s) => {
+          re(d, {
+            component: {
+              name: s ? "QtNaButton_Plugin" : "QtNaButton",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
+              }
+            }
+          });
+        };
+        i("qt-na-button", !1), i("qt-na-button-plugin", !0), i("QtNaButton", !1), i("QtNaButton_Plugin", !0), globalThis.__QtNaButton_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtNaButton");
+      } else
+        console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
+    e.component("NaButton", xe), e.component("qt-na-button", xe);
+  }
+}, Ae = "QtNaCheckbox", we = /* @__PURE__ */ w({
+  __name: "NaCheckbox",
+  props: {
+    text: {},
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    checkedIcon: {},
+    uncheckedIcon: {},
+    iconSize: {},
+    iconSpace: {},
+    layoutDirection: {},
+    gravity: {},
+    paddingX: {},
+    showBackground: { type: Boolean },
+    fontSize: {},
+    textColor: {},
+    focusTextColor: {},
+    checkedTextColor: {},
+    focusCheckedTextColor: {},
+    disabledTextColor: {},
+    iconColor: {},
+    focusIconColor: {},
+    checkedIconColor: {},
+    focusCheckedIconColor: {},
+    disabledIconColor: {},
+    iconInnerColor: {},
+    focusIconInnerColor: {},
+    checkedIconInnerColor: {},
+    focusCheckedIconInnerColor: {},
+    disabledIconInnerColor: {},
+    focusMode: {},
+    bgColor: {},
+    focusBgColor: {},
+    checkedBgColor: {},
+    focusCheckedBgColor: {},
+    disabledBgColor: {},
+    borderColor: {},
+    focusBorderColor: {},
+    checkedBorderColor: {},
+    focusCheckedBorderColor: {},
+    disabledBorderColor: {},
+    cornerRadius: {},
+    focusScale: {},
+    type: {}
+  },
+  emits: ["onCheckedChange"],
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = Ae + "_Plugin", l = (s.isPluginActive ? f : Ae).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || ""
+    );
+    return i({
+      getNativeNode: () => {
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
+      }
+    }), (a, u) => (P(), $(D(r), B({
+      ref_key: "nativeRef",
+      ref: d,
+      text: e.text,
+      checked: e.checked,
+      disabled: e.disabled,
+      checkedIcon: e.checkedIcon,
+      uncheckedIcon: e.uncheckedIcon,
+      iconSize: e.iconSize,
+      iconSpace: e.iconSpace,
+      layoutDirection: e.layoutDirection,
+      gravity: e.gravity,
+      paddingX: e.paddingX,
+      showBackground: e.showBackground,
+      fontSize: e.fontSize,
+      textColor: e.textColor,
+      focusTextColor: e.focusTextColor,
+      checkedTextColor: e.checkedTextColor,
+      focusCheckedTextColor: e.focusCheckedTextColor,
+      disabledTextColor: e.disabledTextColor,
+      iconColor: e.iconColor,
+      focusIconColor: e.focusIconColor,
+      checkedIconColor: e.checkedIconColor,
+      focusCheckedIconColor: e.focusCheckedIconColor,
+      disabledIconColor: e.disabledIconColor,
+      iconInnerColor: e.iconInnerColor,
+      focusIconInnerColor: e.focusIconInnerColor,
+      checkedIconInnerColor: e.checkedIconInnerColor,
+      focusCheckedIconInnerColor: e.focusCheckedIconInnerColor,
+      disabledIconInnerColor: e.disabledIconInnerColor,
+      focusMode: e.focusMode,
+      bgColor: e.bgColor,
+      focusBgColor: e.focusBgColor,
+      checkedBgColor: e.checkedBgColor,
+      focusCheckedBgColor: e.focusCheckedBgColor,
+      disabledBgColor: e.disabledBgColor,
+      borderColor: e.borderColor,
+      focusBorderColor: e.focusBorderColor,
+      checkedBorderColor: e.checkedBorderColor,
+      focusCheckedBorderColor: e.focusCheckedBorderColor,
+      disabledBorderColor: e.disabledBorderColor,
+      cornerRadius: e.cornerRadius,
+      focusScale: e.focusScale,
+      type: e.type,
+      onOnCheckedChange: u[0] || (u[0] = (g) => a.$emit("onCheckedChange", g.nativeEvent))
+    }, a.$attrs), {
+      default: R(() => [
+        F(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["text", "checked", "disabled", "checkedIcon", "uncheckedIcon", "iconSize", "iconSpace", "layoutDirection", "gravity", "paddingX", "showBackground", "fontSize", "textColor", "focusTextColor", "checkedTextColor", "focusCheckedTextColor", "disabledTextColor", "iconColor", "focusIconColor", "checkedIconColor", "focusCheckedIconColor", "disabledIconColor", "iconInnerColor", "focusIconInnerColor", "checkedIconInnerColor", "focusCheckedIconInnerColor", "disabledIconInnerColor", "focusMode", "bgColor", "focusBgColor", "checkedBgColor", "focusCheckedBgColor", "disabledBgColor", "borderColor", "focusBorderColor", "checkedBorderColor", "focusCheckedBorderColor", "disabledBorderColor", "cornerRadius", "focusScale", "type"]));
+  }
+});
+let se;
+var Ve;
+try {
+  const e = require("@extscreen/es3-vue");
+  se = e.registerElement || ((Ve = e.default) == null ? void 0 : Ve.registerElement);
+} catch {
+}
+const ft = {
+  install: (e) => {
+    if (!globalThis.__QtNaCheckbox_registered)
+      if (se) {
+        const i = (d, s) => {
+          se(d, {
+            component: {
+              name: s ? "QtNaCheckbox_Plugin" : "QtNaCheckbox",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
+              }
+            }
+          });
+        };
+        i("qt-na-checkbox", !1), i("qt-na-checkbox-plugin", !0), i("QtNaCheckbox", !1), i("QtNaCheckbox_Plugin", !0), globalThis.__QtNaCheckbox_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtNaCheckbox");
+      } else
+        console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
+    e.component("NaCheckbox", we), e.component("qt-na-checkbox", we);
+  }
+}, vt = w({
+  name: "NaRadioGroup",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    direction: {
+      type: String,
+      default: "row"
+    },
+    itemWidth: {
+      type: Number,
+      default: void 0
+    },
+    itemHeight: {
+      type: Number,
+      default: void 0
+    },
+    itemGap: {
+      type: Number,
+      default: 20
+    },
+    gravity: {
+      type: String,
+      default: "center"
+    },
+    showBackground: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: i }) {
+    return {
+      groupStyle: W(() => ({
+        display: "flex",
+        flexDirection: e.direction,
+        alignItems: "center"
+      })),
+      getItemStyle: (v, l) => {
+        var a;
+        const r = { ...((a = v.props) == null ? void 0 : a.style) || {} };
+        return e.itemWidth !== void 0 && (r.width = e.itemWidth), e.itemHeight !== void 0 && (r.height = e.itemHeight), l !== e.options.length - 1 && (e.direction === "row" ? r.marginRight = e.itemGap : r.marginBottom = e.itemGap), r;
+      },
+      onItemClick: (v) => {
+        v.disabled || (i("update:modelValue", v.value), i("change", v.value));
+      }
+    };
+  }
+});
+const ve = (e, i) => {
+  const d = e.__vccOpts || e;
+  for (const [s, f] of i)
+    d[s] = f;
+  return d;
+};
+function mt(e, i, d, s, f, v) {
+  const l = ge("qt-na-checkbox");
+  return P(), Z("div", {
+    class: "na-radio-group",
+    style: fe(e.groupStyle)
+  }, [
+    (P(!0), Z(Ke, null, He(e.options, (r, a) => (P(), $(l, B({
+      key: a,
+      type: "radio",
+      checked: e.modelValue === r.value,
+      text: r.label,
+      gravity: e.gravity,
+      showBackground: e.showBackground,
+      disabled: r.disabled
+    }, { ref_for: !0 }, r.props, {
+      style: e.getItemStyle(r, a),
+      onClick: (u) => e.onItemClick(r)
+    }), null, 16, ["checked", "text", "gravity", "showBackground", "disabled", "style", "onClick"]))), 128))
+  ], 4);
+}
+const $e = /* @__PURE__ */ ve(vt, [["render", mt], ["__scopeId", "data-v-448252ff"]]), bt = {
+  install: (e) => {
+    e.component("NaRadioGroup", $e), e.component("qt-na-radio-group", $e);
+  }
+}, yt = w({
+  name: "NaCheckboxGroup",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    direction: {
+      type: String,
+      default: "row"
+    },
+    itemWidth: {
+      type: Number,
+      default: void 0
+    },
+    itemHeight: {
+      type: Number,
+      default: void 0
+    },
+    itemGap: {
+      type: Number,
+      default: 20
+    },
+    gravity: {
+      type: String,
+      default: "center"
+    },
+    showBackground: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: i }) {
+    return {
+      groupStyle: W(() => ({
+        display: "flex",
+        flexDirection: e.direction,
+        alignItems: "center"
+      })),
+      getItemStyle: (v, l) => {
+        var a;
+        const r = { ...((a = v.props) == null ? void 0 : a.style) || {} };
+        return e.itemWidth !== void 0 && (r.width = e.itemWidth), e.itemHeight !== void 0 && (r.height = e.itemHeight), l !== e.options.length - 1 && (e.direction === "row" ? r.marginRight = e.itemGap : r.marginBottom = e.itemGap), r;
+      },
+      onItemClick: (v) => {
+        if (v.disabled)
+          return;
+        const l = [...e.modelValue], r = l.indexOf(v.value);
+        r > -1 ? l.splice(r, 1) : l.push(v.value), i("update:modelValue", l), i("change", l);
+      }
+    };
+  }
+});
+function ht(e, i, d, s, f, v) {
+  const l = ge("qt-na-checkbox");
+  return P(), Z("div", {
+    class: "na-checkbox-group",
+    style: fe(e.groupStyle)
+  }, [
+    (P(!0), Z(Ke, null, He(e.options, (r, a) => (P(), $(l, B({
+      key: a,
+      type: "checkbox",
+      checked: e.modelValue.includes(r.value),
+      text: r.label,
+      gravity: e.gravity,
+      showBackground: e.showBackground,
+      disabled: r.disabled
+    }, { ref_for: !0 }, r.props, {
+      style: e.getItemStyle(r, a),
+      onClick: (u) => e.onItemClick(r)
+    }), null, 16, ["checked", "text", "gravity", "showBackground", "disabled", "style", "onClick"]))), 128))
+  ], 4);
+}
+const Be = /* @__PURE__ */ ve(yt, [["render", ht], ["__scopeId", "data-v-cf6a4eaa"]]), pt = {
+  install: (e) => {
+    e.component("NaCheckboxGroup", Be), e.component("qt-na-checkbox-group", Be);
+  }
+}, Ge = "QtNaSwitcher", Oe = /* @__PURE__ */ w({
+  __name: "NaSwitcher",
+  props: {
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    title: {},
+    textOn: {},
+    textOff: {},
+    subtitle: {},
+    subtitleColor: {},
+    titleColor: {},
+    focusTitleColor: {},
+    titleTextSize: {},
+    subtitleTextSize: {},
+    stateTextSize: {}
+  },
+  emits: ["onCheckedChange"],
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = Ge + "_Plugin", l = (s.isPluginActive ? f : Ge).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || ""
+    );
+    return i({
+      getNativeNode: () => {
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
+      }
+    }), (a, u) => (P(), $(D(r), B({
+      ref_key: "nativeRef",
+      ref: d,
+      checked: e.checked,
+      disabled: e.disabled,
+      title: e.title,
+      textOn: e.textOn,
+      textOff: e.textOff,
+      subtitle: e.subtitle,
+      subtitleColor: e.subtitleColor,
+      titleColor: e.titleColor,
+      focusTitleColor: e.focusTitleColor,
+      titleTextSize: e.titleTextSize,
+      subtitleTextSize: e.subtitleTextSize,
+      stateTextSize: e.stateTextSize,
+      onOnCheckedChange: u[0] || (u[0] = (g) => a.$emit("onCheckedChange", g.nativeEvent))
+    }, a.$attrs), {
+      default: R(() => [
+        F(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["checked", "disabled", "title", "textOn", "textOff", "subtitle", "subtitleColor", "titleColor", "focusTitleColor", "titleTextSize", "subtitleTextSize", "stateTextSize"]));
+  }
+});
+let ce;
+var We;
+try {
+  const e = require("@extscreen/es3-vue");
+  ce = e.registerElement || ((We = e.default) == null ? void 0 : We.registerElement);
+} catch {
+}
+const Ct = {
+  install: (e) => {
+    if (!globalThis.__QtNaSwitcher_registered)
+      if (ce) {
+        const i = (d, s) => {
+          ce(d, {
+            component: {
+              name: s ? "QtNaSwitcher_Plugin" : "QtNaSwitcher",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
+              }
+            }
+          });
+        };
+        i("qt-na-switcher", !1), i("qt-na-switcher-plugin", !0), i("QtNaSwitcher", !1), i("QtNaSwitcher_Plugin", !0), globalThis.__QtNaSwitcher_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtNaSwitcher");
+      } else
+        console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
+    e.component("NaSwitcher", Oe), e.component("qt-na-switcher", Oe);
+  }
+}, kt = w({
+  name: "NaSettingSwitch",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    textOn: {
+      type: String,
+      default: "打开"
+    },
+    textOff: {
+      type: String,
+      default: "关闭"
+    },
+    titleTextSize: {
+      type: Number,
+      default: 28
+    },
+    subtitleTextSize: {
+      type: Number,
+      default: 22
+    },
+    stateTextSize: {
+      type: Number,
+      default: 24
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: [Number, String],
+      default: 800
+    },
+    height: {
+      type: [Number, String],
+      default: 100
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: i, attrs: d }) {
+    const s = A(e.modelValue);
+    ee(() => e.modelValue, (r) => {
+      s.value = r;
+    });
+    const f = (r) => {
+      const a = r.checked;
+      s.value = a, i("update:modelValue", a), i("change", a);
+    }, v = W(() => typeof e.width == "number" ? `${e.width}px` : e.width), l = W(() => {
+      const r = d.style || {}, a = e.subtitle ? (typeof e.height == "number" ? e.height : parseInt(e.height)) + 30 : e.height;
+      return {
+        width: v.value,
+        height: typeof a == "number" ? `${a}px` : a,
+        ...r
+      };
+    });
+    return {
+      checked: s,
+      handleCheckedChange: f,
+      mergedStyle: l
+    };
+  }
+});
+function It(e, i, d, s, f, v) {
+  const l = ge("qt-na-switcher");
+  return P(), $(l, {
+    class: "na-setting-switch",
+    style: fe(e.mergedStyle),
+    title: e.title,
+    subtitle: e.subtitle,
+    checked: e.checked,
+    textOn: e.textOn,
+    textOff: e.textOff,
+    titleTextSize: e.titleTextSize,
+    subtitleTextSize: e.subtitleTextSize,
+    stateTextSize: e.stateTextSize,
+    disabled: e.disabled,
+    onOnCheckedChange: e.handleCheckedChange
+  }, null, 8, ["style", "title", "subtitle", "checked", "textOn", "textOff", "titleTextSize", "subtitleTextSize", "stateTextSize", "disabled", "onOnCheckedChange"]);
+}
+const qe = /* @__PURE__ */ ve(kt, [["render", It]]), Nt = {
+  install(e) {
+    e.component("NaSettingSwitch", qe), e.component("qt-na-setting-switch", qe);
+  }
+}, Qe = "QtNaInputView", Tt = /* @__PURE__ */ w({
+  __name: "NaInputViewBase",
+  props: {
+    text: {},
+    placeholder: {},
+    type: {},
+    status: {},
+    disabled: { type: Boolean },
+    inputSize: {},
+    cursorVisible: { type: Boolean },
+    useSystemKeyboard: { type: Boolean },
+    trailingIcon: {}
+  },
+  emits: ["onInputClick", "onChange"],
+  setup(e, { expose: i }) {
+    const d = A(), s = _(), f = Qe + "_Plugin", l = (s.isPluginActive ? f : Qe).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
+      l,
+      s.pluginPackageName || "com.quicktvui.plugin.extraui",
+      "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
+    );
+    return i({
+      getNativeNode: () => {
+        var a, u;
+        return ((u = (a = d.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : u.call(a)) || d.value;
+      }
+    }), (a, u) => (P(), $(D(r), B({
+      ref_key: "nativeRef",
+      ref: d,
+      text: e.text,
+      placeholder: e.placeholder,
+      type: e.type,
+      status: e.status,
+      disabled: e.disabled,
+      inputSize: e.inputSize,
+      cursorVisible: e.cursorVisible,
+      useSystemKeyboard: e.useSystemKeyboard,
+      trailingIcon: e.trailingIcon,
+      onOnInputClick: u[0] || (u[0] = (g) => a.$emit("onInputClick", g.nativeEvent)),
+      onOnChange: u[1] || (u[1] = (g) => a.$emit("onChange", g.nativeEvent))
+    }, a.$attrs), {
+      default: R(() => [
+        F(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["text", "placeholder", "type", "status", "disabled", "inputSize", "cursorVisible", "useSystemKeyboard", "trailingIcon"]));
+  }
+}), Re = /* @__PURE__ */ w({
+  __name: "NaInputView",
+  props: {
+    inputSize: { default: "medium" }
+  },
+  emits: ["onInputClick", "onChange"],
+  setup(e, { emit: i }) {
+    const d = i, s = e, f = W(() => {
+      let r = 60;
+      return s.inputSize === "large" ? r = 70 : s.inputSize === "small" && (r = 50), {
+        height: `${r}px`
+      };
+    }), v = (r) => {
+      d("onInputClick", r);
+    }, l = (r) => {
+      d("onChange", r);
+    };
+    return (r, a) => (P(), $(Tt, B(r.$attrs, {
+      style: f.value,
+      inputSize: e.inputSize,
+      onOnInputClick: v,
+      onOnChange: l
+    }), {
+      default: R(() => [
+        F(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["style", "inputSize"]));
+  }
+});
+let ue;
+var je;
+try {
+  const e = require("@extscreen/es3-vue");
+  ue = e.registerElement || ((je = e.default) == null ? void 0 : je.registerElement);
+} catch {
+}
+const Pt = {
+  install: (e) => {
+    if (!globalThis.__QtNaInputView_registered)
+      if (ue) {
+        const i = (d, s) => {
+          ue(d, {
             component: {
-              name: r ? "QtSvgImage_Plugin" : "QtSvgImage",
-              processEventData(b, m) {
-                const d = b.handler || b, f = m || (d == null ? void 0 : d.nativeParams) || {};
-                return d && (d.nativeEvent = f), d;
+              name: s ? "QtNaInputView_Plugin" : "QtNaInputView",
+              processEventData(f, v) {
+                const l = f.handler || f, r = v || (l == null ? void 0 : l.nativeParams) || {};
+                return l && (l.nativeEvent = r), l;
               }
             }
           });
         };
-        u("qt-svg-image", !1), u("qt-svg-image-plugin", !0), u("QtSvgImage", !1), u("QtSvgImage_Plugin", !0), globalThis.__QtSvgImage_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtSvgImage");
+        i("qt-na-input-view", !1), i("qt-na-input-view-plugin", !0), i("QtNaInputView", !1), i("QtNaInputView_Plugin", !0), globalThis.__QtNaInputView_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtNaInputView");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
-    o.component("SvgImage", me), o.component("qt-svg-image", me);
+    e.component("NaInputView", Re), e.component("qt-na-input-view", Re);
   }
-}, Le = {
+}, St = {
   // 如果设置为 true，则全局跳过所有组件的原生插件安装检查，直接渲染
   skipPluginCheck: !1
-}, H = /* @__PURE__ */ new Set();
-function K(o, u, c) {
-  return D({
-    name: `${o}AsyncWrapper`,
+}, Y = /* @__PURE__ */ new Set();
+function L(e, i, d) {
+  return w({
+    name: `${e}AsyncWrapper`,
     inheritAttrs: !1,
     props: {
       // 允许单个组件级别跳过检查
@@ -978,220 +1729,268 @@ function K(o, u, c) {
         default: !1
       }
     },
-    setup(r, { slots: b, attrs: m, expose: d }) {
-      const f = x("loading"), a = x(""), l = x(), i = globalThis.__VUE_INSTANCE__;
-      d({
+    setup(s, { slots: f, attrs: v, expose: l }) {
+      const r = A("loading"), a = A(""), u = A(), g = globalThis.__VUE_INSTANCE__;
+      l({
         getNativeNode: () => {
-          let P = l.value;
-          return !P && i && i.vnode && i.vnode.el && (P = i.vnode.el, P.childNodes && P.childNodes.length > 0 && (P = P.childNodes[0])), P;
+          let p = u.value;
+          return !p && g && g.vnode && g.vnode.el && (p = g.vnode.el, p.childNodes && p.childNodes.length > 0 && (p = p.childNodes[0])), p;
         },
-        nativeRef: l
+        nativeRef: u
       });
-      let G = null, $ = null;
+      let z = null, q = null;
       try {
-        G = he(), $ = Ce();
-      } catch (P) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", P);
+        z = Je(), q = at();
+      } catch (p) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", p);
       }
       const J = async () => {
-        if (!G || typeof G.isComponentRegistered != "function")
+        if (!z || typeof z.isComponentRegistered != "function")
           return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          const P = await G.isComponentRegistered(o);
-          if (console.log(`[withAsyncPlugin] isComponentRegistered('${o}') 返回:`, P), P === !0 || P && typeof P == "object" && (P.registered === !0 || P.isRegistered === !0))
+          const p = await z.isComponentRegistered(e);
+          if (console.log(`[withAsyncPlugin] isComponentRegistered('${e}') 返回:`, p), p === !0 || p && typeof p == "object" && (p.registered === !0 || p.isRegistered === !0))
             return !0;
           try {
-            const h = await E.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
-            if (h && h.core_version) {
-              const A = h.core_version;
-              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${A}`);
-              const S = A.split(".").map((_) => parseInt(_, 10));
-              if (S.length >= 3 && !isNaN(S[0]) && !isNaN(S[1]) && !isNaN(S[2]))
-                if (S[0] * 1e6 + S[1] * 1e3 + S[2] >= 1011205) {
-                  console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${o}`);
-                  const N = o.split("-").map((k) => k.charAt(0).toUpperCase() + k.slice(1)).join("");
-                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${o}, ${N}`);
-                  const [w, O] = await Promise.all([
-                    E.callNativeWithPromise("ExtendModule", "isComponentRegistered", o).catch(() => !1),
-                    E.callNativeWithPromise("ExtendModule", "isComponentRegistered", N).catch(() => !1)
+            const I = await N.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
+            if (I && I.core_version) {
+              const S = I.core_version;
+              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${S}`);
+              const E = S.split(".").map((G) => parseInt(G, 10));
+              if (E.length >= 3 && !isNaN(E[0]) && !isNaN(E[1]) && !isNaN(E[2]))
+                if (E[0] * 1e6 + E[1] * 1e3 + E[2] >= 1011205) {
+                  console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${e}`);
+                  const T = e.split("-").map((x) => x.charAt(0).toUpperCase() + x.slice(1)).join("");
+                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${e}, ${T}`);
+                  const [O, M] = await Promise.all([
+                    N.callNativeWithPromise("ExtendModule", "isComponentRegistered", e).catch(() => !1),
+                    N.callNativeWithPromise("ExtendModule", "isComponentRegistered", T).catch(() => !1)
                   ]);
-                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${w}, ${O}]`), w === !0 || O === !0)
+                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${O}, ${M}]`), O === !0 || M === !0)
                     return !0;
                 } else
-                  console.log(`[withAsyncPlugin] 引擎版本 ${A} < 1.11.205，跳过 ExtendModule 检查`);
+                  console.log(`[withAsyncPlugin] 引擎版本 ${S} < 1.11.205，跳过 ExtendModule 检查`);
               else
-                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${A}`);
+                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${S}`);
             }
-          } catch (h) {
-            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", h);
+          } catch (I) {
+            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", I);
           }
           return !1;
-        } catch (P) {
-          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", P), !1;
+        } catch (p) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", p), !1;
         }
-      }, F = async () => {
-        if (Le.skipPluginCheck || r.skipPluginCheck) {
-          console.log(`[withAsyncPlugin] 跳过 ${o} 插件检查 (skipPluginCheck = true)`), f.value = "ready";
+      }, U = async () => {
+        if (St.skipPluginCheck || s.skipPluginCheck) {
+          console.log(`[withAsyncPlugin] 跳过 ${e} 插件检查 (skipPluginCheck = true)`), r.value = "ready";
           return;
         }
-        if (!u) {
-          f.value = "ready";
+        if (!i) {
+          r.value = "ready";
           return;
         }
-        const P = await J();
-        if (console.log(`[withAsyncPlugin] 拦截检查 - ${o} 是否已注册:`, P), P || H.has(u)) {
-          f.value = "ready", H.add(u), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
+        const p = await J();
+        if (console.log(`[withAsyncPlugin] 拦截检查 - ${e} 是否已注册:`, p), p || Y.has(i)) {
+          r.value = "ready", Y.add(i), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
           return;
         }
-        if (!$) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`), f.value = "ready";
+        if (!q) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${e}`), r.value = "ready";
           return;
         }
-        console.log(`[withAsyncPlugin] 开始动态安装插件: ${u}`);
+        console.log(`[withAsyncPlugin] 开始动态安装插件: ${i}`);
         try {
-          await new Promise((h, A) => {
-            let S;
-            const _ = {
-              onPluginInstallSuccess(N, w, O) {
-                N === u && (clearTimeout(S), $.removeListener(_), console.log(`[withAsyncPlugin] 安装成功 pkg=${N} 状态码=${w}`), w == 1003 || w == 1001 ? (c ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${c}`), E.callNative("EsNativeModule", "callReflect", {
+          await new Promise((I, S) => {
+            let E;
+            const G = {
+              onPluginInstallSuccess(T, O, M) {
+                T === i && (clearTimeout(E), q.removeListener(G), console.log(`[withAsyncPlugin] 安装成功 pkg=${T} 状态码=${O}`), O == 1003 || O == 1001 ? (d ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${d}`), N.callNative("EsNativeModule", "callReflect", {
                   entry: {
-                    from: c,
+                    from: d,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), h()) : A(new Error(`安装失败 pkg=${N} status=${w} msg=${O}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), I()) : S(new Error(`安装失败 pkg=${T} status=${O} msg=${M}`)));
               },
-              onPluginInstallError(N, w, O) {
-                N === u && (clearTimeout(S), $.removeListener(_), A(new Error(`安装失败 pkg=${N} status=${w} msg=${O}`)));
+              onPluginInstallError(T, O, M) {
+                T === i && (clearTimeout(E), q.removeListener(G), S(new Error(`安装失败 pkg=${T} status=${O} msg=${M}`)));
               }
             };
-            $.addListener({ pkg: u }, _), S = setTimeout(() => {
-              $.removeListener(_), A(new Error(`插件安装超时: ${u}`));
-            }, 8e3), typeof $.installPlugin == "function" ? $.installPlugin({ pkg: u }) : typeof $.install == "function" ? $.install(u) : A(new Error("当前运行时不支持 install / installPlugin"));
-          }), await _e(), H.add(u), f.value = "ready";
-        } catch (h) {
-          console.error("[withAsyncPlugin] 插件加载失败:", h), a.value = (h == null ? void 0 : h.message) || String(h), f.value = "error";
+            q.addListener({ pkg: i }, G), E = setTimeout(() => {
+              q.removeListener(G), S(new Error(`插件安装超时: ${i}`));
+            }, 8e3), typeof q.installPlugin == "function" ? q.installPlugin({ pkg: i }) : typeof q.install == "function" ? q.install(i) : S(new Error("当前运行时不支持 install / installPlugin"));
+          }), await tt(), Y.add(i), r.value = "ready";
+        } catch (I) {
+          console.error("[withAsyncPlugin] 插件加载失败:", I), a.value = (I == null ? void 0 : I.message) || String(I), r.value = "error";
         }
       };
-      return ke(() => {
-        F();
+      return et(() => {
+        U();
       }), () => {
-        const P = {
+        const p = {
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...m.style || {}
+          ...v.style || {}
         };
-        m.width !== void 0 && !P.width && (P.width = typeof m.width == "number" ? `${m.width}px` : m.width), m.height !== void 0 && !P.height && (P.height = typeof m.height == "number" ? `${m.height}px` : m.height);
-        const h = m.class ? `qt-plugin-container ${m.class}` : "qt-plugin-container", A = {
-          class: h,
-          style: P,
+        v.width !== void 0 && !p.width && (p.width = typeof v.width == "number" ? `${v.width}px` : v.width), v.height !== void 0 && !p.height && (p.height = typeof v.height == "number" ? `${v.height}px` : v.height);
+        const I = v.class ? `qt-plugin-container ${v.class}` : "qt-plugin-container", S = {
+          class: I,
+          style: p,
           // 默认关闭外层 div 的裁剪，防止内部组件 focusScale 时被切
           clipChildren: !1,
           clipPadding: !1,
           clipToPadding: !1
         };
-        if (f.value === "loading")
-          return z("div", A, [
-            z("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
+        if (r.value === "loading")
+          return H("div", S, [
+            H("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
           ]);
-        if (f.value === "error")
-          return z("div", A, [
-            z("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${a.value}`)
+        if (r.value === "error")
+          return H("div", S, [
+            H("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${a.value}`)
           ]);
-        const S = {}, _ = {};
-        for (const [k, M] of Object.entries(m))
-          if (k.startsWith("on") && typeof M == "function") {
-            let L = k;
-            k.startsWith("onOn") && (L = "on" + k.slice(4)), _[L] = M;
-          } else if (k.startsWith("on") && Array.isArray(M)) {
-            let L = k;
-            k.startsWith("onOn") && (L = "on" + k.slice(4)), _[L] = M;
+        const E = {}, G = {};
+        for (const [x, V] of Object.entries(v))
+          if (x.startsWith("on") && typeof V == "function") {
+            let j = x;
+            x.startsWith("onOn") && (j = "on" + x.slice(4)), G[j] = V;
+          } else if (x.startsWith("on") && Array.isArray(V)) {
+            let j = x;
+            x.startsWith("onOn") && (j = "on" + x.slice(4)), G[j] = V;
           } else
-            k.startsWith("onOn") || (S[k] = M);
-        const N = {
-          ...S,
-          ..._,
-          class: h,
+            x.startsWith("onOn") || (E[x] = V);
+        const T = {
+          ...E,
+          ...G,
+          class: I,
           // 把外层 class 传给内部
-          style: P,
+          style: p,
           // 把外层 style 传给内部
-          ref: (k) => {
-            l.value = k;
+          ref: (x) => {
+            u.value = x;
           }
-        }, w = N.tabsData || "", O = N.actionPayload || "";
-        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(N), "tabsData.length=", w.length, "actionPayload.length=", O.length), z(o, N, b.default ? b.default() : []);
+        }, O = T.tabsData || "", M = T.actionPayload || "";
+        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(T), "tabsData.length=", O.length, "actionPayload.length=", M.length), H(e, T, f.default ? f.default() : []);
       };
     }
   });
 }
-const Ne = Symbol("AddonEnvContext"), Ee = {
+const Ze = Symbol("AddonEnvContext"), Xe = {
   isPluginActive: !1,
   nameSuffix: "",
   pluginPackageName: "com.quicktvui.plugin.glintui",
   builtInVersions: {}
 };
-async function et(o = "com.quicktvui.plugin.glintui", u = "_Plugin") {
-  const c = he();
-  let r = {};
+async function Ut(e = "com.quicktvui.plugin.glintui", i = "_Plugin") {
+  const d = Je();
+  let s = {};
   try {
-    const a = await E.callNativeModule("AddonEnvModule", "getBuiltInVersions", []);
-    a && typeof a == "object" && (r = a);
+    const a = await N.callNativeModule("AddonEnvModule", "getBuiltInVersions", []);
+    a && typeof a == "object" && (s = a);
   } catch (a) {
     console.warn("[AddonProvider] Failed to fetch built-in versions from AddonEnvModule", a);
   }
-  const b = `QtGridTabs${u}`, m = c.isComponentRegistered(b), d = m instanceof Promise ? await m : m, f = {
-    isPluginActive: d,
-    nameSuffix: d ? u : "",
+  const f = `QtGridTabs${i}`, v = d.isComponentRegistered(f), l = v instanceof Promise ? await v : v, r = {
+    isPluginActive: l,
+    nameSuffix: l ? i : "",
     // 如果使用了热更插件，包名加上 .ext 后缀（与 Gradle 打包脚本对齐）
-    pluginPackageName: d ? `${o}.ext` : o,
-    builtInVersions: r
+    pluginPackageName: l ? `${e}.ext` : e,
+    builtInVersions: s
   };
-  return console.info("[AddonProvider] Environment initialized:", f), f;
+  return console.info("[AddonProvider] Environment initialized:", r), r;
 }
-let oe = x(Ee);
-function tt(o) {
-  oe.value = o, we(Ne, oe);
+let de = A(Xe);
+function Vt(e) {
+  de.value = e, ot(Ze, de);
 }
-function V() {
-  var o;
-  return ((o = $e(Ne, oe)) == null ? void 0 : o.value) || Ee;
+function _() {
+  var e;
+  return ((e = nt(Ze, de)) == null ? void 0 : e.value) || Xe;
 }
-async function nt(o) {
-  console.log("[AddonProvider] Sending GridTabs global config to Native:", o);
+async function Et(e) {
+  console.log("[AddonProvider] Sending GridTabs global config to Native:", e);
   try {
-    const u = await E.callNativeWithPromise("GridTabsConfigModule", "setDefaultConfig", JSON.stringify(o));
-    return console.log("[AddonProvider] Received response from Native:", u), !!(u && u.success);
-  } catch (u) {
-    return console.error("[AddonProvider] Failed to initialize GridTabs global config:", u), !1;
+    const i = await N.callNativeWithPromise("GridTabsConfigModule", "setDefaultConfig", JSON.stringify(e));
+    return console.log("[AddonProvider] Received response from Native:", i), !!(i && i.success);
+  } catch (i) {
+    return console.error("[AddonProvider] Failed to initialize GridTabs global config:", i), !1;
   }
 }
-const ot = {
-  install: (o) => {
-    o.use(xe), o.use(Ge), o.use(Oe), o.use(Fe), o.use(Me), o.use(De);
+async function xt(e) {
+  console.log("[AddonProvider] Sending ExtraUI global theme config to Native:", e);
+  try {
+    const i = await N.callNativeWithPromise("ExtraUIConfigModule", "setThemeConfig", JSON.stringify(e));
+    return console.log("[AddonProvider] Received ExtraUI theme response from Native:", i), !!(i && i.success);
+  } catch (i) {
+    return console.error("[AddonProvider] Failed to initialize ExtraUI global theme config:", i), !1;
+  }
+}
+async function Wt(e) {
+  console.log("[AddonProvider] Initializing global theme across all modules:", e);
+  const i = await xt(e), d = await Et({
+    themeConfig: {
+      placeholderColor: e.placeholderColor,
+      glowColor: e.glowColor || e.focusBackgroundColor,
+      outerBorderColor: e.outerBorderColor || e.focusBorderColor,
+      innerBorderColor: e.innerBorderColor,
+      enableElevationShadow: e.enableElevationShadow,
+      cornerRadius: e.cornerRadius,
+      buttonCornerRadius: e.buttonCornerRadius,
+      primaryTextColor: e.primaryTextColor,
+      secondaryTextColor: e.secondaryTextColor,
+      focusTextColor: e.focusTextColor,
+      selectedTextColor: e.selectedTextColor,
+      selectedBackgroundColor: e.selectedBackgroundColor,
+      focusBackgroundColor: e.focusBackgroundColor,
+      buttonNormalBackgroundColor: e.buttonNormalBackgroundColor
+      // 更多属性映射根据后续 Glint/GridTabs 支持情况添加
+    }
+  });
+  return i && d;
+}
+const jt = {
+  install: (e) => {
+    e.use(it), e.use(lt), e.use(rt), e.use(st), e.use(ct), e.use(ut), e.use(gt), e.use(ft), e.use(bt), e.use(pt), e.use(Ct), e.use(Nt), e.use(Pt);
   }
 };
 export {
-  Ne as ADDON_ENV_CONTEXT_KEY,
-  Z as GridTabs,
-  xe as GridTabsPlugin,
-  ge as HsvBackground,
-  Me as HsvBackgroundPlugin,
-  re as Keyboard,
-  Ge as KeyboardPlugin,
-  fe as PortalItem,
-  Fe as PortalItemPlugin,
-  ue as PortalPool,
-  Oe as PortalPoolPlugin,
-  ot as QuickTVUINAddons,
-  Le as QuickTVUINAddonsConfig,
-  me as SvgImage,
-  De as SvgImagePlugin,
-  ot as default,
-  et as initAddonEnv,
-  nt as initGridTabsGlobalConfig,
-  tt as provideAddonEnv,
-  V as useAddonEnv,
-  Xe as useGridTabs,
-  K as withAsyncPlugin
+  Ze as ADDON_ENV_CONTEXT_KEY,
+  X as GridTabs,
+  it as GridTabsPlugin,
+  Te as HsvBackground,
+  ct as HsvBackgroundPlugin,
+  he as Keyboard,
+  lt as KeyboardPlugin,
+  xe as NaButton,
+  gt as NaButtonPlugin,
+  we as NaCheckbox,
+  Be as NaCheckboxGroup,
+  pt as NaCheckboxGroupPlugin,
+  ft as NaCheckboxPlugin,
+  Re as NaInputView,
+  Pt as NaInputViewPlugin,
+  $e as NaRadioGroup,
+  bt as NaRadioGroupPlugin,
+  qe as NaSettingSwitch,
+  Nt as NaSettingSwitchPlugin,
+  Oe as NaSwitcher,
+  Ct as NaSwitcherPlugin,
+  Ie as PortalItem,
+  st as PortalItemPlugin,
+  Ce as PortalPool,
+  rt as PortalPoolPlugin,
+  jt as QuickTVUINAddons,
+  St as QuickTVUINAddonsConfig,
+  Se as SvgImage,
+  ut as SvgImagePlugin,
+  jt as default,
+  Ut as initAddonEnv,
+  xt as initExtraUIGlobalTheme,
+  Wt as initGlobalTheme,
+  Et as initGridTabsGlobalConfig,
+  Vt as provideAddonEnv,
+  _ as useAddonEnv,
+  _t as useGridTabs,
+  L as withAsyncPlugin
 };