@quicktvui/naddons 1.0.0-rc.5 → 1.0.0-rc.6

package/dist/naddons.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as $, ref as A, openBlock as x, createBlock as O, unref as M, mergeProps as F, withCtx as Q, renderSlot as D, shallowRef as ve, watch as ee, computed as j, resolveComponent as de, createElementBlock as Z, normalizeStyle as fe, Fragment as _e, renderList as qe, onMounted as Me, h as H, nextTick as ze, provide as Le, inject as Ue } from "vue";
+import { defineComponent as $, ref as A, openBlock as x, createBlock as O, unref as M, mergeProps as F, withCtx as Q, renderSlot as D, shallowRef as ve, watch as ee, computed as W, useAttrs as Me, resolveComponent as de, createElementBlock as Z, normalizeStyle as fe, Fragment as _e, renderList as qe, onMounted as ze, h as H, nextTick as Le, provide as Ue, inject as Ve } from "vue";
 import { Native as I } from "@extscreen/es3-vue";
-import { useES as Fe, useESPlugin as Ve } from "@extscreen/es3-core";
+import { useES as Fe, useESPlugin as je } from "@extscreen/es3-core";
 const We = {
   inheritAttrs: !1
 }, X = /* @__PURE__ */ $({
@@ -14,7 +14,7 @@ const We = {
   },
   emits: ["onTabSelected", "onTabClick", "onTabNeedsData", "onLoadMore", "onScroll", "onScrollStateChanged", "onItemPresence", "onTabFocused", "onItemClick", "onItemLongClick", "onItemFocused", "onProtocolMismatch"],
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtGridTabs", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtGridTabs", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
@@ -56,10 +56,10 @@ const We = {
     }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
       ref: d,
-      protocolVersion: e.protocolVersion,
-      pageSpec: e.pageSpec,
-      tabsData: e.tabsData,
-      actionPayload: e.actionPayload,
+      protocolVersion: e.protocolVersion || "",
+      pageSpec: e.pageSpec || "",
+      tabsData: e.tabsData || "",
+      actionPayload: e.actionPayload || "",
       onOnTabSelected: i[0] || (i[0] = (f) => l.$emit("onTabSelected", f.nativeEvent)),
       onOnTabClick: i[1] || (i[1] = (f) => l.$emit("onTabClick", f.nativeEvent)),
       onOnTabNeedsData: i[2] || (i[2] = (f) => l.$emit("onTabNeedsData", f.nativeEvent)),
@@ -87,7 +87,7 @@ try {
   te = e.registerElement || ((Se = e.default) == null ? void 0 : Se.registerElement);
 } catch {
 }
-const je = {
+const Ke = {
   install: (e) => {
     if (!globalThis.__QtGridTabs_registered)
       if (te) {
@@ -95,8 +95,8 @@ const je = {
           te(d, {
             component: {
               name: u ? "QtGridTabs_Plugin" : "QtGridTabs",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -108,8 +108,8 @@ const je = {
     e.component("GridTabs", X), e.component("qt-grid-tabs", X), e.component("gt-tabs", X);
   }
 };
-function Rt(e, a) {
-  const d = A(""), u = a ? JSON.parse(JSON.stringify(a)) : {}, v = ve([]), g = ve([]);
+function Qt(e, a) {
+  const d = A(""), u = a ? JSON.parse(JSON.stringify(a)) : {}, g = ve([]), v = ve([]);
   let c = !1, s = !1;
   const h = "__virtual_single_tab__";
   let l = "", i = !1;
@@ -138,8 +138,8 @@ function Rt(e, a) {
       return;
     U.clear();
     const n = o[0].hasOwnProperty("tabId") || o[0].hasOwnProperty("items") && Array.isArray(o[0].items);
-    c = 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((r, m) => w(r, `items.value[${m}]`)) : o.forEach((r, m) => {
-      _(r, `tabs.value[${m}]`), r.items && Array.isArray(r.items) && r.items.forEach((y, b) => w(y, `tabs.value[${m}].items[${b}]`));
+    c = 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((r, b) => w(r, `items.value[${b}]`)) : o.forEach((r, b) => {
+      _(r, `tabs.value[${b}]`), r.items && Array.isArray(r.items) && r.items.forEach((y, m) => w(y, `tabs.value[${b}].items[${m}]`));
     }), s = !0, C();
   }, U = /* @__PURE__ */ new Set(), C = (o = "unknown") => {
     if (!s) {
@@ -191,9 +191,9 @@ function Rt(e, a) {
         tabId: h,
         title: "Virtual Tab",
         hidden: !0,
-        items: g.value
+        items: v.value
       }
-    ]) : n = v.value;
+    ]) : n = g.value;
     const r = JSON.stringify({
       page_spec: t,
       tabs: n
@@ -219,23 +219,23 @@ function Rt(e, a) {
     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, r, m, y) {
-        const b = Reflect.set(n, r, m, y);
+      set(n, r, b, y) {
+        const m = Reflect.set(n, r, b, y);
         return o.id && s && p({
           op: "UPDATE_ITEM",
           itemId: o.id,
           payload: o
-        }), b;
+        }), m;
       }
     }), 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 = P(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, r, m, y) {
-        const b = Reflect.set(n, r, m, y);
+      set(n, r, b, y) {
+        const m = Reflect.set(n, r, b, y);
         return n.id && s && !i && p({
           op: "UPDATE_ITEM",
           itemId: n.id,
           payload: n
-        }), b;
+        }), m;
       }
     });
     return Object.defineProperty(t, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(t, "__v_skip", { value: !0, enumerable: !1 }), t;
@@ -243,74 +243,74 @@ function Rt(e, a) {
     for (let n = 0; n < o.length; n++)
       o[n] = T(o[n]);
     return new Proxy(o, {
-      get(n, r, m) {
+      get(n, r, b) {
         return r === "push" ? (...y) => {
           y.forEach((q, K) => w(q, `push(${K})`)), s || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 push()。请先对 items.value 或 tabs.value 进行全量赋值！");
-          const b = y.map((q) => T(q)), k = Array.prototype.push.apply(n, b);
+          const m = y.map((q) => T(q)), k = Array.prototype.push.apply(n, m);
           return i || p({
             op: "APPEND_SUB_ITEMS",
             itemId: t,
-            payload: { subItems: b }
+            payload: { subItems: m }
           }), k;
         } : r === "unshift" ? (...y) => {
           y.forEach((q, K) => w(q, `unshift(${K})`)), s || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 unshift()。请先对 items.value 或 tabs.value 进行全量赋值！");
-          const b = y.map((q) => T(q)), k = Array.prototype.unshift.apply(n, b);
-          return s && b.length > 0 && !i && p({
+          const m = y.map((q) => T(q)), k = Array.prototype.unshift.apply(n, m);
+          return s && m.length > 0 && !i && p({
             op: "PREPEND_SUB_ITEMS",
             itemId: t,
-            payload: { subItems: b }
+            payload: { subItems: m }
           }), k;
         } : r === "splice" ? (...y) => {
-          const b = y.length >= 2 && y[0] === 0 && y[1] === n.length, k = Array.prototype.splice.apply(n, y);
-          return s && b && t !== h ? i || p({
+          const m = y.length >= 2 && y[0] === 0 && y[1] === n.length, k = Array.prototype.splice.apply(n, y);
+          return s && m && t !== h ? i || p({
             op: "CLEAR_SUB_ITEMS",
             itemId: t
           }) : s && (i || C("items array spliced")), k;
-        } : Reflect.get(n, r, m);
+        } : Reflect.get(n, r, b);
       },
-      set(n, r, m, y) {
+      set(n, r, b, y) {
         if (r !== "length" && !isNaN(Number(r))) {
-          s || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(r)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), w(m, `索引赋值 [${String(r)}]`);
-          const b = T(m), k = Reflect.set(n, r, b, y);
-          return b && b.id && !i && p({
+          s || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(r)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), w(b, `索引赋值 [${String(r)}]`);
+          const m = T(b), k = Reflect.set(n, r, m, y);
+          return m && m.id && !i && p({
             op: "UPDATE_ITEM",
-            itemId: b.id,
-            payload: b
+            itemId: m.id,
+            payload: m
           }), k;
         }
-        return Reflect.set(n, r, m, y);
+        return Reflect.set(n, r, b, y);
       }
     });
   }, S = (o) => (o.items && Array.isArray(o.items) && !o.items.__isGridTabsProxy && (o.items = P(o.items, o.tabId), Object.defineProperty(o.items, "__isGridTabsProxy", { value: !0, enumerable: !1 })), new Proxy(o, {
-    set(t, n, r, m) {
+    set(t, n, r, b) {
       if (n === "items") {
-        let b = r;
-        return Array.isArray(r) && !r.__isGridTabsProxy && (b = P(r, t.tabId), Object.defineProperty(b, "__isGridTabsProxy", { value: !0, enumerable: !1 })), Reflect.set(t, n, b, m);
+        let m = r;
+        return Array.isArray(r) && !r.__isGridTabsProxy && (m = P(r, t.tabId), Object.defineProperty(m, "__isGridTabsProxy", { value: !0, enumerable: !1 })), Reflect.set(t, n, m, b);
       } else if (n === "loadState") {
-        const b = Reflect.set(t, n, r, m);
+        const m = Reflect.set(t, n, r, b);
         return s && t.tabId && !i && p({
           op: "UPDATE_TAB_STATE",
           itemId: t.tabId,
           payload: { loadState: r }
-        }), b;
+        }), m;
       }
-      return Reflect.set(t, n, r, m);
+      return Reflect.set(t, n, r, b);
     }
   })), B = (o) => {
     const t = o.map((n) => S(n));
     return new Proxy(t, {
-      set(n, r, m, y) {
+      set(n, r, b, y) {
         if (r !== "length" && !isNaN(Number(r))) {
-          let b = m;
-          m.__isGridTabsProxy || (b = S(m), Object.defineProperty(b, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
-          const k = Reflect.set(n, r, b, y);
+          let m = b;
+          b.__isGridTabsProxy || (m = S(b), Object.defineProperty(m, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
+          const k = Reflect.set(n, r, m, y);
           return C(), k;
         }
-        return Reflect.set(n, r, m, y);
+        return Reflect.set(n, r, b, y);
       }
     });
   };
-  ee(v, (o, t) => {
+  ee(g, (o, t) => {
     if (console.log("[useGridTabs] watch(tabs) triggered:", { newTabs: o, isInitialized: s }), !o || o.length === 0) {
       d.value = "", l = "", s = !1;
       return;
@@ -320,9 +320,9 @@ function Rt(e, a) {
     else {
       console.log("[useGridTabs] newTabs is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
       const n = B(o);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "2d"), v.value = n;
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "2d"), g.value = n;
     }
-  }, { flush: "sync", deep: !1 }), ee(g, (o, t) => {
+  }, { flush: "sync", deep: !1 }), ee(v, (o, t) => {
     if (console.log("[useGridTabs] watch(items) triggered:", { newItems: o, isInitialized: s }), !o || o.length === 0) {
       d.value = "", l = "", s = !1;
       return;
@@ -332,7 +332,7 @@ function Rt(e, a) {
     else {
       console.log("[useGridTabs] newItems is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
       const n = P(o, h);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "1d"), g.value = n;
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "1d"), v.value = n;
     }
   }, { flush: "sync", deep: !1 });
   const N = {}, G = () => {
@@ -344,28 +344,28 @@ function Rt(e, a) {
       d.value = "", s = !1;
       return;
     }
-    o[0].hasOwnProperty("tabId") || o[0].hasOwnProperty("items") && Array.isArray(o[0].items) ? v.value = o : g.value = o;
+    o[0].hasOwnProperty("tabId") || o[0].hasOwnProperty("items") && Array.isArray(o[0].items) ? g.value = o : v.value = o;
   }, E = (o) => {
     f.value = o;
-  }, V = j(() => ({
+  }, V = W(() => ({
     tabsData: d.value,
     // 不再绑定 actionPayload 属性，完全走命令式 API，防止触发无意义的 Vue 节点更新
     onTabNeedsData: async (...o) => {
       let t = o[0];
       if (t && t.nativeEvent && (t = t.nativeEvent), !f.value.onTabNeedsData)
         return;
-      const { tabId: n, index: r, reason: m } = t;
+      const { tabId: n, index: r, reason: b } = t;
       if (U.has(n)) {
         console.log(`[useGridTabs] onTabNeedsData SKIP: tabId=${n} 已经发起过请求，防止死循环`);
         return;
       }
       U.add(n);
       try {
-        const y = await f.value.onTabNeedsData(n, r, m);
+        const y = await f.value.onTabNeedsData(n, r, b);
         if (y && Array.isArray(y))
           if (N[n] = 1, y.length > 0) {
-            const b = v.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", p({
+            const m = g.value.find((k) => k.tabId === n);
+            m && (m.items ? m.items.length > 0 && m.items.splice(0, m.items.length) : m.items = [], m.items.push(...y), m.loadState = "ready", p({
               op: "UPDATE_TAB_STATE",
               itemId: n,
               payload: { loadState: "ready" }
@@ -383,19 +383,19 @@ function Rt(e, a) {
       const { tabId: n, itemId: r } = t, y = (N[n] || 1) + 1;
       console.log(`[useGridTabs] 拦截到底层 onLoadMore，强行接管页码: tabId=${n}, pageNo=${y}`);
       try {
-        const b = await f.value.onLoadMore(n, y, r);
-        if (b && Array.isArray(b))
-          if (b.length > 0)
+        const m = await f.value.onLoadMore(n, y, r);
+        if (m && Array.isArray(m))
+          if (m.length > 0)
             if (N[n] = y, c)
-              g.value.push(...b);
+              v.value.push(...m);
             else {
-              const k = v.value.find((q) => q.tabId === n);
-              k && k.items && k.items.push(...b);
+              const k = g.value.find((q) => q.tabId === n);
+              k && k.items && k.items.push(...m);
             }
           else
             console.warn(`[useGridTabs] ⚠️ 警告: onLoadMore(tabId="${n}", pageNo="${y}") 返回了空数组 []！`), console.warn('👉 如果这是你的最后一页数据，推荐在卡片列表中追加一个 type="no_more" 的 footer 卡片，而不是仅仅返回空。'), console.warn("👉 框架已忽略本次空数据追加，且不会自增页码。");
-      } catch (b) {
-        console.error("[useGridTabs] onLoadMore 业务层请求失败:", b);
+      } catch (m) {
+        console.error("[useGridTabs] onLoadMore 业务层请求失败:", m);
       }
     },
     onItemPresence: (...o) => {
@@ -405,8 +405,8 @@ function Rt(e, a) {
           let n = typeof t == "string" ? t : (t == null ? void 0 : t.nativeEvent) || t;
           n && typeof n.data == "string" && (n = n.data);
           const r = typeof n == "string" ? JSON.parse(n) : n;
-          r && r.type === "VIEW_PRESENCE_BATCH" && Array.isArray(r.payload) ? r.payload.forEach((m) => {
-            m.itemId && typeof m.itemId == "string" && m.itemId.startsWith("fallback_pos_") && console.warn(`[useGridTabs] ⚠️ 警告：检测到列表项曝光 (index=${m.index})，但未配置 itemId。请检查传入的 items 数组，务必为每个数据项指定唯一的 itemId，否则底层无法准确进行去重与曝光上报。`), f.value.onItemPresence(m);
+          r && r.type === "VIEW_PRESENCE_BATCH" && Array.isArray(r.payload) ? r.payload.forEach((b) => {
+            b.itemId && typeof b.itemId == "string" && b.itemId.startsWith("fallback_pos_") && console.warn(`[useGridTabs] ⚠️ 警告：检测到列表项曝光 (index=${b.index})，但未配置 itemId。请检查传入的 items 数组，务必为每个数据项指定唯一的 itemId，否则底层无法准确进行去重与曝光上报。`), f.value.onItemPresence(b);
           }) : f.value.onItemPresence(r);
         } catch (n) {
           console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), f.value.onItemPresence(t);
@@ -429,14 +429,14 @@ function Rt(e, a) {
           if (r && typeof r.clickPayload == "string")
             try {
               r.clickPayload = JSON.parse(r.clickPayload);
-            } catch (m) {
-              console.warn("Failed to parse clickPayload:", m);
+            } catch (b) {
+              console.warn("Failed to parse clickPayload:", b);
             }
           if (r && typeof r.focusPayload == "string")
             try {
               r.focusPayload = JSON.parse(r.focusPayload);
-            } catch (m) {
-              console.warn("Failed to parse focusPayload:", m);
+            } catch (b) {
+              console.warn("Failed to parse focusPayload:", b);
             }
           f.value.onItemClick(r);
         } catch (n) {
@@ -515,8 +515,8 @@ function Rt(e, a) {
   return {
     tabsDataStr: d,
     bindings: V,
-    tabs: v,
-    items: g,
+    tabs: g,
+    items: v,
     initData: R,
     setCallbacks: E,
     updateItem: (o, t) => {
@@ -527,12 +527,12 @@ function Rt(e, a) {
       p({ op: "UPDATE_ITEM", itemId: o, payload: t }), i = !0;
       try {
         if (c) {
-          const n = g.value.find((r) => r.id === o);
+          const n = v.value.find((r) => r.id === o);
           n && Object.assign(n, t);
         } else
-          for (const n of v.value)
+          for (const n of g.value)
             if (n.items) {
-              const r = n.items.find((m) => m.id === o);
+              const r = n.items.find((b) => b.id === o);
               if (r) {
                 Object.assign(r, t);
                 break;
@@ -547,12 +547,12 @@ function Rt(e, a) {
         p({ op: "DELETE_ITEM", itemId: o, payload: { animated: t } }), i = !0;
         try {
           if (c) {
-            const n = g.value.findIndex((r) => r.id === o);
-            n !== -1 && g.value.splice(n, 1);
+            const n = v.value.findIndex((r) => r.id === o);
+            n !== -1 && v.value.splice(n, 1);
           } else
-            for (const n of v.value)
+            for (const n of g.value)
               if (n.items) {
-                const r = n.items.findIndex((m) => m.id === o);
+                const r = n.items.findIndex((b) => b.id === o);
                 if (r !== -1) {
                   n.items.splice(r, 1);
                   break;
@@ -572,9 +572,9 @@ function Rt(e, a) {
         }), i = !0;
         try {
           if (c)
-            g.value.unshift(...t);
+            v.value.unshift(...t);
           else {
-            const n = v.value.find((r) => r.tabId === o);
+            const n = g.value.find((r) => r.tabId === o);
             n && n.items && n.items.unshift(...t);
           }
         } finally {
@@ -590,9 +590,9 @@ function Rt(e, a) {
         }), i = !0;
         try {
           if (c)
-            g.value.splice(0, g.value.length);
+            v.value.splice(0, v.value.length);
           else {
-            const t = v.value.find((n) => n.tabId === o);
+            const t = g.value.find((n) => n.tabId === o);
             t && t.items && t.items.splice(0, t.items.length);
           }
         } finally {
@@ -608,18 +608,18 @@ function Rt(e, a) {
           payload: { targetPosition: t, anchorItemId: n }
         }), i = !0;
         try {
-          const r = (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((De) => De.id === n), K = t === "after" ? q + 1 : q;
-              m.splice(K, 0, k);
+          const r = (b) => {
+            const y = b.findIndex((k) => k.id === o), m = b.findIndex((k) => k.id === n);
+            if (y !== -1 && m !== -1) {
+              const k = b.splice(y, 1)[0], q = b.findIndex((De) => De.id === n), K = t === "after" ? q + 1 : q;
+              b.splice(K, 0, k);
             }
           };
           if (c)
-            r(g.value);
+            r(v.value);
           else
-            for (const m of v.value)
-              m.items && r(m.items);
+            for (const b of g.value)
+              b.items && r(b.items);
         } finally {
           i = !1;
         }
@@ -634,12 +634,12 @@ function Rt(e, a) {
         }), i = !0;
         try {
           if (c) {
-            const n = g.value.findIndex((r) => r.id === o);
-            n !== -1 && (g.value[n] = t);
+            const n = v.value.findIndex((r) => r.id === o);
+            n !== -1 && (v.value[n] = t);
           } else
-            for (const n of v.value)
+            for (const n of g.value)
               if (n.items) {
-                const r = n.items.findIndex((m) => m.id === o);
+                const r = n.items.findIndex((b) => b.id === o);
                 if (r !== -1) {
                   n.items[r] = t;
                   break;
@@ -655,13 +655,13 @@ function Rt(e, a) {
     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 r = (m) => {
-        if (console.log("[useGridTabs] getFocusState callback received:", m), m && m.isSuccess !== void 0 && m.result !== void 0) {
-          o(m.result);
+      const r = (b) => {
+        if (console.log("[useGridTabs] getFocusState callback received:", b), b && b.isSuccess !== void 0 && b.result !== void 0) {
+          o(b.result);
           return;
         }
         try {
-          const y = typeof m == "string" ? JSON.parse(m) : m;
+          const y = typeof b == "string" ? JSON.parse(b) : b;
           o(y);
         } catch (y) {
           t(y);
@@ -672,19 +672,19 @@ function Rt(e, a) {
     getItemRect: async (o) => new Promise((t, n) => {
       let r = e.value;
       typeof e.value.getNativeNode == "function" ? r = e.value.getNativeNode() || e.value : e.value.nativeRef && (r = e.value.nativeRef), console.log(`[useGridTabs] getItemRect called for itemId=${o}, nativeTarget:`, r);
-      const m = (y) => {
+      const b = (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 b = typeof y == "string" ? JSON.parse(y) : y;
-          t(b);
-        } catch (b) {
-          n(b);
+          const m = typeof y == "string" ? JSON.parse(y) : y;
+          t(m);
+        } catch (m) {
+          n(m);
         }
       };
-      typeof I.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getItemRect") with itemId and callback as 4th arg'), I.callUIFunction(r, "getItemRect", [o], m)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), n(new Error("Native.callUIFunction is not available")));
+      typeof I.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getItemRect") with itemId and callback as 4th arg'), I.callUIFunction(r, "getItemRect", [o], b)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), n(new Error("Native.callUIFunction is not available")));
     }),
     requestFocus: (o) => {
       let t = e.value;
@@ -699,14 +699,14 @@ function Rt(e, a) {
         payload: {
           pageSpec: t,
           page_spec: t,
-          tabs: v.value
+          tabs: g.value
         }
       });
       const n = JSON.parse(d.value);
       n.page_spec = t, d.value = JSON.stringify(n), l = d.value;
     },
     reloadAll: (o, t) => {
-      u && (Object.keys(u).forEach((n) => delete u[n]), Object.assign(u, o)), v.value = t, p({
+      u && (Object.keys(u).forEach((n) => delete u[n]), Object.assign(u, o)), g.value = t, p({
         op: "RELOAD_TABS",
         payload: {
           pageSpec: o,
@@ -721,10 +721,10 @@ function Rt(e, a) {
     }
   };
 }
-const Ke = {
+const He = {
   inheritAttrs: !1
-}, me = /* @__PURE__ */ $({
-  ...Ke,
+}, be = /* @__PURE__ */ $({
+  ...He,
   __name: "Keyboard",
   props: {
     backgroundColor: {},
@@ -745,7 +745,7 @@ const Ke = {
   },
   emits: ["onInputChanged", "onKeyPressed"],
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtKeyboard", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtKeyboard", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
@@ -763,19 +763,19 @@ const Ke = {
     }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
       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,
+      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,
+      textClear: e.textClear || "",
+      textDelete: e.textDelete || "",
+      currentInput: e.currentInput || "",
       autofocus: e.autofocus,
       rememberKeyboardType: e.rememberKeyboardType,
       onOnInputChanged: i[0] || (i[0] = (f) => l.$emit("onInputChanged", f.nativeEvent)),
@@ -795,7 +795,7 @@ try {
   oe = e.registerElement || ((Ee = e.default) == null ? void 0 : Ee.registerElement);
 } catch {
 }
-const He = {
+const Je = {
   install: (e) => {
     if (!globalThis.__QtKeyboard_registered)
       if (oe) {
@@ -803,8 +803,8 @@ const He = {
           oe(d, {
             component: {
               name: u ? "QtKeyboard_Plugin" : "QtKeyboard",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -813,15 +813,15 @@ const He = {
         a("qt-keyboard", !1), a("qt-keyboard-plugin", !0), a("QtKeyboard", !1), a("QtKeyboard_Plugin", !0), globalThis.__QtKeyboard_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtKeyboard");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
-    e.component("Keyboard", me), e.component("qt-keyboard", me);
+    e.component("Keyboard", be), e.component("qt-keyboard", be);
   }
-}, Je = {
+}, Ze = {
   inheritAttrs: !1
-}, be = /* @__PURE__ */ $({
-  ...Je,
+}, me = /* @__PURE__ */ $({
+  ...Ze,
   __name: "PortalPool",
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtPortalPool", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtPortalPool", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
@@ -850,7 +850,7 @@ try {
   ne = e.registerElement || ((xe = e.default) == null ? void 0 : xe.registerElement);
 } catch {
 }
-const Ze = {
+const Xe = {
   install: (e) => {
     if (!globalThis.__QtPortalPool_registered)
       if (ne) {
@@ -858,8 +858,8 @@ const Ze = {
           ne(d, {
             component: {
               name: u ? "QtPortalPool_Plugin" : "QtPortalPool",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -868,18 +868,18 @@ const Ze = {
         a("qt-portal-pool", !1), a("qt-portal-pool-plugin", !0), a("QtPortalPool", !1), a("QtPortalPool_Plugin", !0), globalThis.__QtPortalPool_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtPortalPool");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
-    e.component("PortalPool", be), e.component("qt-portal-pool", be);
+    e.component("PortalPool", me), e.component("qt-portal-pool", me);
   }
-}, Xe = {
+}, Ye = {
   inheritAttrs: !1
 }, ye = /* @__PURE__ */ $({
-  ...Xe,
+  ...Ye,
   __name: "PortalItem",
   props: {
     portalId: {}
   },
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtPortalItem", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtPortalItem", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
@@ -893,7 +893,7 @@ const Ze = {
       ref: d,
       style: { position: "absolute" },
       absolute: !0,
-      portalId: e.portalId
+      portalId: e.portalId || ""
     }, l.$attrs), {
       default: Q(() => [
         D(l.$slots, "default")
@@ -909,7 +909,7 @@ try {
   ae = e.registerElement || ((Ae = e.default) == null ? void 0 : Ae.registerElement);
 } catch {
 }
-const Ye = {
+const et = {
   install: (e) => {
     if (!globalThis.__QtPortalItem_registered)
       if (ae) {
@@ -917,8 +917,8 @@ const Ye = {
           ae(d, {
             component: {
               name: u ? "QtPortalItem_Plugin" : "QtPortalItem",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -929,17 +929,17 @@ const Ye = {
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     e.component("PortalItem", ye), e.component("qt-portal-item", ye);
   }
-}, et = {
+}, tt = {
   inheritAttrs: !1
 }, he = /* @__PURE__ */ $({
-  ...et,
+  ...tt,
   __name: "HsvBackground",
   props: {
     hue: {},
     hueDuration: {}
   },
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtHsvBackground", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtHsvBackground", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
@@ -968,7 +968,7 @@ try {
   le = e.registerElement || ((we = e.default) == null ? void 0 : we.registerElement);
 } catch {
 }
-const tt = {
+const ot = {
   install: (e) => {
     if (!globalThis.__QtHsvBackground_registered)
       if (le) {
@@ -976,8 +976,8 @@ const tt = {
           le(d, {
             component: {
               name: u ? "QtHsvBackground_Plugin" : "QtHsvBackground",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -988,17 +988,17 @@ const tt = {
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     e.component("HsvBackground", he), e.component("qt-hsv-background", he);
   }
-}, ot = {
+}, nt = {
   inheritAttrs: !1
 }, pe = /* @__PURE__ */ $({
-  ...ot,
+  ...nt,
   __name: "SvgImage",
   props: {
     src: {},
     tintColor: {}
   },
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtSvgImage", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtSvgImage", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
@@ -1011,8 +1011,8 @@ const tt = {
     }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
       ref: d,
-      src: e.src,
-      tintColor: e.tintColor
+      src: e.src || "",
+      tintColor: e.tintColor || ""
     }, l.$attrs), {
       default: Q(() => [
         D(l.$slots, "default")
@@ -1028,7 +1028,7 @@ try {
   ie = e.registerElement || (($e = e.default) == null ? void 0 : $e.registerElement);
 } catch {
 }
-const nt = {
+const at = {
   install: (e) => {
     if (!globalThis.__QtSvgImage_registered)
       if (ie) {
@@ -1036,8 +1036,8 @@ const nt = {
           ie(d, {
             component: {
               name: u ? "QtSvgImage_Plugin" : "QtSvgImage",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -1048,10 +1048,10 @@ const nt = {
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     e.component("SvgImage", pe), e.component("qt-svg-image", pe);
   }
-}, at = {
+}, lt = {
   inheritAttrs: !1
-}, lt = /* @__PURE__ */ $({
-  ...at,
+}, it = /* @__PURE__ */ $({
+  ...lt,
   __name: "NaButtonBase",
   props: {
     text: {},
@@ -1074,7 +1074,7 @@ const nt = {
   },
   emits: ["onButtonCustomEvent"],
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtNaButton", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtNaButton", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
@@ -1087,20 +1087,20 @@ const nt = {
     }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
       ref: d,
-      text: e.text,
-      icon: e.icon,
+      text: e.text || "",
+      icon: e.icon || "",
       iconSize: e.iconSize,
       iconSpace: e.iconSpace,
-      layoutDirection: e.layoutDirection,
+      layoutDirection: e.layoutDirection || "",
       fontSize: e.fontSize,
       maxLines: e.maxLines,
-      textColor: e.textColor,
-      focusTextColor: e.focusTextColor,
-      backgroundColor: e.backgroundColor,
-      focusBackgroundColor: e.focusBackgroundColor,
+      textColor: e.textColor || "",
+      focusTextColor: e.focusTextColor || "",
+      backgroundColor: e.backgroundColor || "",
+      focusBackgroundColor: e.focusBackgroundColor || "",
       normalBorderWidth: e.normalBorderWidth,
-      normalBorderColor: e.normalBorderColor,
-      focusBorderColor: e.focusBorderColor,
+      normalBorderColor: e.normalBorderColor || "",
+      focusBorderColor: e.focusBorderColor || "",
       cornerRadius: e.cornerRadius,
       focusScale: e.focusScale,
       enableFocusBorder: e.enableFocusBorder,
@@ -1112,23 +1112,28 @@ const nt = {
       _: 3
     }, 16, ["text", "icon", "iconSize", "iconSpace", "layoutDirection", "fontSize", "maxLines", "textColor", "focusTextColor", "backgroundColor", "focusBackgroundColor", "normalBorderWidth", "normalBorderColor", "focusBorderColor", "cornerRadius", "focusScale", "enableFocusBorder"]));
   }
-}), it = {
+}), rt = {
   inheritAttrs: !1
 }, Ce = /* @__PURE__ */ $({
-  ...it,
+  ...rt,
   __name: "NaButton",
   props: {
     width: {},
     height: {}
   },
   setup(e) {
-    const a = e, d = j(() => ({
-      width: typeof a.width == "number" ? `${a.width}px` : a.width,
-      height: typeof a.height == "number" ? `${a.height}px` : a.height
-    }));
-    return (u, v) => (x(), O(lt, F(u.$attrs, { style: d.value }), {
+    const a = e, d = Me(), u = W(() => {
+      const g = {};
+      a.width !== void 0 && (g.width = typeof a.width == "number" ? `${a.width}px` : a.width), a.height !== void 0 && (g.height = typeof a.height == "number" ? `${a.height}px` : a.height);
+      const v = d.style || {};
+      return {
+        ...g,
+        ...typeof v == "object" ? v : {}
+      };
+    });
+    return (g, v) => (x(), O(it, F(g.$attrs, { style: u.value }), {
       default: Q(() => [
-        D(u.$slots, "default")
+        D(g.$slots, "default")
       ]),
       _: 3
     }, 16, ["style"]));
@@ -1141,7 +1146,7 @@ try {
   re = e.registerElement || ((Be = e.default) == null ? void 0 : Be.registerElement);
 } catch {
 }
-const rt = {
+const st = {
   install: (e) => {
     if (!globalThis.__QtNaButton_registered)
       if (re) {
@@ -1149,8 +1154,8 @@ const rt = {
           re(d, {
             component: {
               name: u ? "QtNaButton_Plugin" : "QtNaButton",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -1161,10 +1166,10 @@ const rt = {
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     e.component("NaButton", Ce), e.component("qt-na-button", Ce);
   }
-}, st = {
+}, ct = {
   inheritAttrs: !1
 }, ke = /* @__PURE__ */ $({
-  ...st,
+  ...ct,
   __name: "NaCheckbox",
   props: {
     text: {},
@@ -1211,7 +1216,7 @@ const rt = {
   },
   emits: ["onCheckedChange"],
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtNaCheckbox", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtNaCheckbox", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || ""
     );
@@ -1223,15 +1228,15 @@ const rt = {
     }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
       ref: d,
-      text: e.text,
+      text: e.text || "",
       checked: e.checked,
       disabled: e.disabled,
-      checkedIcon: e.checkedIcon,
-      uncheckedIcon: e.uncheckedIcon,
+      checkedIcon: e.checkedIcon || "",
+      uncheckedIcon: e.uncheckedIcon || "",
       iconSize: e.iconSize,
       iconSpace: e.iconSpace,
-      layoutDirection: e.layoutDirection,
-      gravity: e.gravity,
+      layoutDirection: e.layoutDirection || "",
+      gravity: e.gravity || "",
       paddingX: e.paddingX,
       showBackground: e.showBackground,
       fontSize: e.fontSize,
@@ -1250,7 +1255,7 @@ const rt = {
       checkedIconInnerColor: e.checkedIconInnerColor,
       focusCheckedIconInnerColor: e.focusCheckedIconInnerColor,
       disabledIconInnerColor: e.disabledIconInnerColor,
-      focusMode: e.focusMode,
+      focusMode: e.focusMode || "",
       bgColor: e.bgColor,
       focusBgColor: e.focusBgColor,
       checkedBgColor: e.checkedBgColor,
@@ -1263,7 +1268,7 @@ const rt = {
       disabledBorderColor: e.disabledBorderColor,
       cornerRadius: e.cornerRadius,
       focusScale: e.focusScale,
-      type: e.type,
+      type: e.type || "",
       onOnCheckedChange: i[0] || (i[0] = (f) => l.$emit("onCheckedChange", f.nativeEvent))
     }, l.$attrs), {
       default: Q(() => [
@@ -1280,7 +1285,7 @@ try {
   se = e.registerElement || ((Ge = e.default) == null ? void 0 : Ge.registerElement);
 } catch {
 }
-const ct = {
+const ut = {
   install: (e) => {
     if (!globalThis.__QtNaCheckbox_registered)
       if (se) {
@@ -1288,8 +1293,8 @@ const ct = {
           se(d, {
             component: {
               name: u ? "QtNaCheckbox_Plugin" : "QtNaCheckbox",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -1300,7 +1305,7 @@ const ct = {
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     e.component("NaCheckbox", ke), e.component("qt-na-checkbox", ke);
   }
-}, ut = $({
+}, dt = $({
   name: "NaRadioGroup",
   props: {
     modelValue: {
@@ -1339,29 +1344,29 @@ const ct = {
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
     return {
-      groupStyle: j(() => ({
+      groupStyle: W(() => ({
         display: "flex",
         flexDirection: e.direction,
         alignItems: "center"
       })),
-      getItemStyle: (g, c) => {
+      getItemStyle: (v, c) => {
         var h;
-        const s = { ...((h = g.props) == null ? void 0 : h.style) || {} };
+        const s = { ...((h = v.props) == null ? void 0 : h.style) || {} };
         return e.itemWidth !== void 0 && (s.width = e.itemWidth), e.itemHeight !== void 0 && (s.height = e.itemHeight), c !== e.options.length - 1 && (e.direction === "row" ? s.marginRight = e.itemGap : s.marginBottom = e.itemGap), s;
       },
-      onItemClick: (g) => {
-        g.disabled || (a("update:modelValue", g.value), a("change", g.value));
+      onItemClick: (v) => {
+        v.disabled || (a("update:modelValue", v.value), a("change", v.value));
       }
     };
   }
 });
 const ge = (e, a) => {
   const d = e.__vccOpts || e;
-  for (const [u, v] of a)
-    d[u] = v;
+  for (const [u, g] of a)
+    d[u] = g;
   return d;
 };
-function dt(e, a, d, u, v, g) {
+function ft(e, a, d, u, g, v) {
   const c = de("qt-na-checkbox");
   return x(), Z("div", {
     class: "na-radio-group",
@@ -1381,11 +1386,11 @@ function dt(e, a, d, u, v, g) {
     }), null, 16, ["checked", "text", "gravity", "showBackground", "disabled", "style", "onClick"]))), 128))
   ], 4);
 }
-const Te = /* @__PURE__ */ ge(ut, [["render", dt], ["__scopeId", "data-v-448252ff"]]), ft = {
+const Te = /* @__PURE__ */ ge(dt, [["render", ft], ["__scopeId", "data-v-448252ff"]]), gt = {
   install: (e) => {
     e.component("NaRadioGroup", Te), e.component("qt-na-radio-group", Te);
   }
-}, gt = $({
+}, vt = $({
   name: "NaCheckboxGroup",
   props: {
     modelValue: {
@@ -1424,26 +1429,26 @@ const Te = /* @__PURE__ */ ge(ut, [["render", dt], ["__scopeId", "data-v-448252f
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
     return {
-      groupStyle: j(() => ({
+      groupStyle: W(() => ({
         display: "flex",
         flexDirection: e.direction,
         alignItems: "center"
       })),
-      getItemStyle: (g, c) => {
+      getItemStyle: (v, c) => {
         var h;
-        const s = { ...((h = g.props) == null ? void 0 : h.style) || {} };
+        const s = { ...((h = v.props) == null ? void 0 : h.style) || {} };
         return e.itemWidth !== void 0 && (s.width = e.itemWidth), e.itemHeight !== void 0 && (s.height = e.itemHeight), c !== e.options.length - 1 && (e.direction === "row" ? s.marginRight = e.itemGap : s.marginBottom = e.itemGap), s;
       },
-      onItemClick: (g) => {
-        if (g.disabled)
+      onItemClick: (v) => {
+        if (v.disabled)
           return;
-        const c = [...e.modelValue], s = c.indexOf(g.value);
-        s > -1 ? c.splice(s, 1) : c.push(g.value), a("update:modelValue", c), a("change", c);
+        const c = [...e.modelValue], s = c.indexOf(v.value);
+        s > -1 ? c.splice(s, 1) : c.push(v.value), a("update:modelValue", c), a("change", c);
       }
     };
   }
 });
-function vt(e, a, d, u, v, g) {
+function bt(e, a, d, u, g, v) {
   const c = de("qt-na-checkbox");
   return x(), Z("div", {
     class: "na-checkbox-group",
@@ -1463,14 +1468,14 @@ function vt(e, a, d, u, v, g) {
     }), null, 16, ["checked", "text", "gravity", "showBackground", "disabled", "style", "onClick"]))), 128))
   ], 4);
 }
-const Ie = /* @__PURE__ */ ge(gt, [["render", vt], ["__scopeId", "data-v-cf6a4eaa"]]), mt = {
+const Ie = /* @__PURE__ */ ge(vt, [["render", bt], ["__scopeId", "data-v-cf6a4eaa"]]), mt = {
   install: (e) => {
     e.component("NaCheckboxGroup", Ie), e.component("qt-na-checkbox-group", Ie);
   }
-}, bt = {
+}, yt = {
   inheritAttrs: !1
 }, Ne = /* @__PURE__ */ $({
-  ...bt,
+  ...yt,
   __name: "NaSwitcher",
   props: {
     checked: { type: Boolean },
@@ -1488,7 +1493,7 @@ const Ie = /* @__PURE__ */ ge(gt, [["render", vt], ["__scopeId", "data-v-cf6a4ea
   },
   emits: ["onCheckedChange"],
   setup(e, { expose: a }) {
-    const d = A(), u = L(), v = "QtNaSwitcher", g = v + "_Plugin", s = (u.isPluginActive ? g : v).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
+    const d = A(), u = L(), g = "QtNaSwitcher", v = g + "_Plugin", s = (u.isPluginActive ? v : g).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), h = z(
       s,
       u.pluginPackageName || ""
     );
@@ -1502,13 +1507,13 @@ const Ie = /* @__PURE__ */ ge(gt, [["render", vt], ["__scopeId", "data-v-cf6a4ea
       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,
+      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,
@@ -1528,7 +1533,7 @@ try {
   ce = e.registerElement || ((Oe = e.default) == null ? void 0 : Oe.registerElement);
 } catch {
 }
-const yt = {
+const ht = {
   install: (e) => {
     if (!globalThis.__QtNaSwitcher_registered)
       if (ce) {
@@ -1536,8 +1541,8 @@ const yt = {
           ce(d, {
             component: {
               name: u ? "QtNaSwitcher_Plugin" : "QtNaSwitcher",
-              processEventData(v, g) {
-                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+              processEventData(g, v) {
+                const c = g.handler || g, s = v || (c == null ? void 0 : c.nativeParams) || {};
                 return c && (c.nativeEvent = s), c;
               }
             }
@@ -1548,7 +1553,7 @@ const yt = {
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     e.component("NaSwitcher", Ne), e.component("qt-na-switcher", Ne);
   }
-}, ht = $({
+}, pt = $({
   name: "NaSettingSwitch",
   props: {
     title: {
@@ -1602,25 +1607,25 @@ const yt = {
     ee(() => e.modelValue, (s) => {
       u.value = s;
     });
-    const v = (s) => {
+    const g = (s) => {
       const h = s.checked;
       u.value = h, a("update:modelValue", h), a("change", h);
-    }, g = j(() => typeof e.width == "number" ? `${e.width}px` : e.width), c = j(() => {
+    }, v = W(() => typeof e.width == "number" ? `${e.width}px` : e.width), c = W(() => {
       const s = d.style || {}, h = e.subtitle ? (typeof e.height == "number" ? e.height : parseInt(e.height)) + 30 : e.height;
       return {
-        width: g.value,
+        width: v.value,
         height: typeof h == "number" ? `${h}px` : h,
         ...s
       };
     });
     return {
       checked: u,
-      handleCheckedChange: v,
+      handleCheckedChange: g,
       mergedStyle: c
     };
   }
 });
-function pt(e, a, d, u, v, g) {
+function Ct(e, a, d, u, g, v) {
   const c = de("qt-na-switcher");
   return x(), O(c, {
     class: "na-setting-switch",
@@ -1637,11 +1642,11 @@ function pt(e, a, d, u, v, g) {
     onOnCheckedChange: e.handleCheckedChange
   }, null, 8, ["style", "title", "subtitle", "checked", "textOn", "textOff", "titleTextSize", "subtitleTextSize", "stateTextSize", "disabled", "onOnCheckedChange"]);
 }
-const Pe = /* @__PURE__ */ ge(ht, [["render", pt]]), Ct = {
+const Pe = /* @__PURE__ */ ge(pt, [["render", Ct]]), kt = {
   install(e) {
     e.component("NaSettingSwitch", Pe), e.component("qt-na-setting-switch", Pe);
   }
-}, kt = {
+}, Tt = {
   // 如果设置为 true，则全局跳过所有组件的原生插件安装检查，直接渲染
   skipPluginCheck: !1
 }, Y = /* @__PURE__ */ new Set();
@@ -1656,7 +1661,7 @@ function z(e, a, d) {
         default: !1
       }
     },
-    setup(u, { slots: v, attrs: g, expose: c }) {
+    setup(u, { slots: g, attrs: v, expose: c }) {
       const s = A("loading"), h = A(""), l = A(), i = globalThis.__VUE_INSTANCE__;
       c({
         getNativeNode: () => {
@@ -1667,7 +1672,7 @@ function z(e, a, d) {
       });
       let w = null, _ = null;
       try {
-        w = Fe(), _ = Ve();
+        w = Fe(), _ = je();
       } catch (C) {
         console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", C);
       }
@@ -1708,7 +1713,7 @@ function z(e, a, d) {
           return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", C), !1;
         }
       }, U = async () => {
-        if (kt.skipPluginCheck || u.skipPluginCheck) {
+        if (Tt.skipPluginCheck || u.skipPluginCheck) {
           console.log(`[withAsyncPlugin] 跳过 ${e} 插件检查 (skipPluginCheck = true)`), s.value = "ready";
           return;
         }
@@ -1745,12 +1750,12 @@ function z(e, a, d) {
             _.addListener({ pkg: a }, B), S = setTimeout(() => {
               _.removeListener(B), P(new Error(`插件安装超时: ${a}`));
             }, 8e3), typeof _.installPlugin == "function" ? _.installPlugin({ pkg: a }) : typeof _.install == "function" ? _.install(a) : P(new Error("当前运行时不支持 install / installPlugin"));
-          }), await ze(), Y.add(a), s.value = "ready";
+          }), await Le(), Y.add(a), s.value = "ready";
         } catch (T) {
           console.error("[withAsyncPlugin] 插件加载失败:", T), h.value = (T == null ? void 0 : T.message) || String(T), s.value = "error";
         }
       };
-      return Me(() => {
+      return ze(() => {
         U();
       }), () => {
         const C = {
@@ -1758,10 +1763,10 @@ function z(e, a, d) {
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...g.style || {}
+          ...v.style || {}
         };
-        g.width !== void 0 && !C.width && (C.width = typeof g.width == "number" ? `${g.width}px` : g.width), g.height !== void 0 && !C.height && (C.height = typeof g.height == "number" ? `${g.height}px` : g.height);
-        const T = g.class ? `qt-plugin-container ${g.class}` : "qt-plugin-container", P = {
+        v.width !== void 0 && !C.width && (C.width = typeof v.width == "number" ? `${v.width}px` : v.width), v.height !== void 0 && !C.height && (C.height = typeof v.height == "number" ? `${v.height}px` : v.height);
+        const T = v.class ? `qt-plugin-container ${v.class}` : "qt-plugin-container", P = {
           class: T,
           style: C,
           // 默认关闭外层 div 的裁剪，防止内部组件 focusScale 时被切
@@ -1778,13 +1783,13 @@ function z(e, a, d) {
             H("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${h.value}`)
           ]);
         const S = {}, B = {};
-        for (const [E, V] of Object.entries(g))
+        for (const [E, V] of Object.entries(v))
           if (E.startsWith("on") && typeof V == "function") {
-            let W = E;
-            E.startsWith("onOn") && (W = "on" + E.slice(4)), B[W] = V;
+            let j = E;
+            E.startsWith("onOn") && (j = "on" + E.slice(4)), B[j] = V;
           } else if (E.startsWith("on") && Array.isArray(V)) {
-            let W = E;
-            E.startsWith("onOn") && (W = "on" + E.slice(4)), B[W] = V;
+            let j = E;
+            E.startsWith("onOn") && (j = "on" + E.slice(4)), B[j] = V;
           } else
             E.startsWith("onOn") || (S[E] = V);
         const N = {
@@ -1798,7 +1803,7 @@ function z(e, a, d) {
             l.value = E;
           }
         }, G = N.tabsData || "", R = N.actionPayload || "";
-        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(N), "tabsData.length=", G.length, "actionPayload.length=", R.length), H(e, N, v.default ? v.default() : []);
+        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(N), "tabsData.length=", G.length, "actionPayload.length=", R.length), H(e, N, g.default ? g.default() : []);
       };
     }
   });
@@ -1809,7 +1814,7 @@ const Re = Symbol("AddonEnvContext"), Qe = {
   pluginPackageName: "com.quicktvui.plugin.glintui",
   builtInVersions: {}
 };
-async function Qt(e = "com.quicktvui.plugin.glintui", a = "_Plugin") {
+async function Dt(e = "com.quicktvui.plugin.glintui", a = "_Plugin") {
   const d = Fe();
   let u = {};
   try {
@@ -1818,7 +1823,7 @@ async function Qt(e = "com.quicktvui.plugin.glintui", a = "_Plugin") {
   } catch (h) {
     console.warn("[AddonProvider] Failed to fetch built-in versions from AddonEnvModule", h);
   }
-  const v = `QtGridTabs${a}`, g = d.isComponentRegistered(v), c = g instanceof Promise ? await g : g, s = {
+  const g = `QtGridTabs${a}`, v = d.isComponentRegistered(g), c = v instanceof Promise ? await v : v, s = {
     isPluginActive: c,
     nameSuffix: c ? a : "",
     // 如果使用了热更插件，包名加上 .ext 后缀（与 Gradle 打包脚本对齐）
@@ -1828,14 +1833,14 @@ async function Qt(e = "com.quicktvui.plugin.glintui", a = "_Plugin") {
   return console.info("[AddonProvider] Environment initialized:", s), s;
 }
 let ue = A(Qe);
-function Dt(e) {
-  ue.value = e, Le(Re, ue);
+function Mt(e) {
+  ue.value = e, Ue(Re, ue);
 }
 function L() {
   var e;
-  return ((e = Ue(Re, ue)) == null ? void 0 : e.value) || Qe;
+  return ((e = Ve(Re, ue)) == null ? void 0 : e.value) || Qe;
 }
-async function Tt(e) {
+async function It(e) {
   console.log("[AddonProvider] Sending GridTabs global config to Native:", e);
   try {
     const a = await I.callNativeWithPromise("GridTabsConfigModule", "setDefaultConfig", JSON.stringify(e));
@@ -1844,7 +1849,7 @@ async function Tt(e) {
     return console.error("[AddonProvider] Failed to initialize GridTabs global config:", a), !1;
   }
 }
-async function It(e) {
+async function Nt(e) {
   console.log("[AddonProvider] Sending ExtraUI global theme config to Native:", e);
   try {
     const a = await I.callNativeWithPromise("ExtraUIConfigModule", "setThemeConfig", JSON.stringify(e));
@@ -1853,9 +1858,9 @@ async function It(e) {
     return console.error("[AddonProvider] Failed to initialize ExtraUI global theme config:", a), !1;
   }
 }
-async function Mt(e) {
+async function zt(e) {
   console.log("[AddonProvider] Initializing global theme across all modules:", e);
-  const a = await It(e), d = await Tt({
+  const a = await Nt(e), d = await It({
     themeConfig: {
       placeholderColor: e.placeholderColor,
       glowColor: e.glowColor || e.focusBackgroundColor,
@@ -1876,46 +1881,46 @@ async function Mt(e) {
   });
   return a && d;
 }
-const zt = {
+const Lt = {
   install: (e) => {
-    e.use(je), e.use(He), e.use(Ze), e.use(Ye), e.use(tt), e.use(nt), e.use(rt), e.use(ct), e.use(ft), e.use(mt), e.use(yt), e.use(Ct);
+    e.use(Ke), e.use(Je), e.use(Xe), e.use(et), e.use(ot), e.use(at), e.use(st), e.use(ut), e.use(gt), e.use(mt), e.use(ht), e.use(kt);
   }
 };
 export {
   Re as ADDON_ENV_CONTEXT_KEY,
   X as GridTabs,
-  je as GridTabsPlugin,
+  Ke as GridTabsPlugin,
   he as HsvBackground,
-  tt as HsvBackgroundPlugin,
-  me as Keyboard,
-  He as KeyboardPlugin,
+  ot as HsvBackgroundPlugin,
+  be as Keyboard,
+  Je as KeyboardPlugin,
   Ce as NaButton,
-  rt as NaButtonPlugin,
+  st as NaButtonPlugin,
   ke as NaCheckbox,
   Ie as NaCheckboxGroup,
   mt as NaCheckboxGroupPlugin,
-  ct as NaCheckboxPlugin,
+  ut as NaCheckboxPlugin,
   Te as NaRadioGroup,
-  ft as NaRadioGroupPlugin,
+  gt as NaRadioGroupPlugin,
   Pe as NaSettingSwitch,
-  Ct as NaSettingSwitchPlugin,
+  kt as NaSettingSwitchPlugin,
   Ne as NaSwitcher,
-  yt as NaSwitcherPlugin,
+  ht as NaSwitcherPlugin,
   ye as PortalItem,
-  Ye as PortalItemPlugin,
-  be as PortalPool,
-  Ze as PortalPoolPlugin,
-  zt as QuickTVUINAddons,
-  kt as QuickTVUINAddonsConfig,
+  et as PortalItemPlugin,
+  me as PortalPool,
+  Xe as PortalPoolPlugin,
+  Lt as QuickTVUINAddons,
+  Tt as QuickTVUINAddonsConfig,
   pe as SvgImage,
-  nt as SvgImagePlugin,
-  zt as default,
-  Qt as initAddonEnv,
-  It as initExtraUIGlobalTheme,
-  Mt as initGlobalTheme,
-  Tt as initGridTabsGlobalConfig,
-  Dt as provideAddonEnv,
+  at as SvgImagePlugin,
+  Lt as default,
+  Dt as initAddonEnv,
+  Nt as initExtraUIGlobalTheme,
+  zt as initGlobalTheme,
+  It as initGridTabsGlobalConfig,
+  Mt as provideAddonEnv,
   L as useAddonEnv,
-  Rt as useGridTabs,
+  Qt as useGridTabs,
   z as withAsyncPlugin
 };