@quicktvui/naddons 1.0.0-rc.2 → 1.0.0-rc.4

package/dist/naddons.es.js

@@ -1,7 +1,10 @@
-import { defineComponent as w, ref as A, openBlock as S, 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 J, 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 Ze, useESPlugin as at } from "@extscreen/es3-core";
-const be = "QtGridTabs", X = /* @__PURE__ */ w({
+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 { Native as I } from "@extscreen/es3-vue";
+import { useES as Fe, useESPlugin as Ve } from "@extscreen/es3-core";
+const We = {
+  inheritAttrs: !1
+}, X = /* @__PURE__ */ $({
+  ...We,
   __name: "GridTabs",
   props: {
     protocolVersion: {},
@@ -10,199 +13,199 @@ const be = "QtGridTabs", X = /* @__PURE__ */ w({
     actionPayload: {}
   },
   emits: ["onTabSelected", "onTabClick", "onTabNeedsData", "onLoadMore", "onScroll", "onScrollStateChanged", "onItemPresence", "onTabFocused", "onItemClick", "onItemLongClick", "onItemFocused", "onProtocolMismatch"],
-  setup(e, { expose: i }) {
-    const u = 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"
+  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(
+      s,
+      u.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       },
-      dispatchAction: (...a) => {
-        var d, h;
-        const c = ((h = (d = u.value) == null ? void 0 : d.getNativeNode) == null ? void 0 : h.call(d)) || u.value;
-        if (c)
-          if (a.length > 0) {
-            let C = a[0];
-            typeof C == "object" && (C = JSON.stringify(C)), N.callUIFunction(c, "dispatchAction", [C]);
+      dispatchAction: (...l) => {
+        var f, p;
+        const i = ((p = (f = d.value) == null ? void 0 : f.getNativeNode) == null ? void 0 : p.call(f)) || d.value;
+        if (i)
+          if (l.length > 0) {
+            let w = l[0];
+            typeof w == "object" && (w = JSON.stringify(w)), I.callUIFunction(i, "dispatchAction", [w]);
           } else
-            N.callUIFunction(c, "dispatchAction", a);
+            I.callUIFunction(i, "dispatchAction", l);
       },
-      scrollToTop: (...a) => {
-        var d, h;
-        const c = ((h = (d = u.value) == null ? void 0 : d.getNativeNode) == null ? void 0 : h.call(d)) || u.value;
-        c && N.callUIFunction(c, "scrollToTop", a);
+      scrollToTop: (...l) => {
+        var f, p;
+        const i = ((p = (f = d.value) == null ? void 0 : f.getNativeNode) == null ? void 0 : p.call(f)) || d.value;
+        i && I.callUIFunction(i, "scrollToTop", l);
       },
-      getFocusState: (...a) => {
-        var d, h;
-        const c = ((h = (d = u.value) == null ? void 0 : d.getNativeNode) == null ? void 0 : h.call(d)) || u.value;
-        c && N.callUIFunction(c, "getFocusState", a);
+      getFocusState: (...l) => {
+        var f, p;
+        const i = ((p = (f = d.value) == null ? void 0 : f.getNativeNode) == null ? void 0 : p.call(f)) || d.value;
+        i && I.callUIFunction(i, "getFocusState", l);
       },
-      getItemRect: (...a) => {
-        var d, h;
-        const c = ((h = (d = u.value) == null ? void 0 : d.getNativeNode) == null ? void 0 : h.call(d)) || u.value;
-        c && N.callUIFunction(c, "getItemRect", a);
+      getItemRect: (...l) => {
+        var f, p;
+        const i = ((p = (f = d.value) == null ? void 0 : f.getNativeNode) == null ? void 0 : p.call(f)) || d.value;
+        i && I.callUIFunction(i, "getItemRect", l);
       },
-      requestFocus: (...a) => {
-        var d, h;
-        const c = ((h = (d = u.value) == null ? void 0 : d.getNativeNode) == null ? void 0 : h.call(d)) || u.value;
-        c && N.callUIFunction(c, "requestFocus", a);
+      requestFocus: (...l) => {
+        var f, p;
+        const i = ((p = (f = d.value) == null ? void 0 : f.getNativeNode) == null ? void 0 : p.call(f)) || d.value;
+        i && I.callUIFunction(i, "requestFocus", l);
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       protocolVersion: e.protocolVersion,
       pageSpec: e.pageSpec,
       tabsData: e.tabsData,
       actionPayload: e.actionPayload,
-      onOnTabSelected: c[0] || (c[0] = (d) => a.$emit("onTabSelected", d.nativeEvent)),
-      onOnTabClick: c[1] || (c[1] = (d) => a.$emit("onTabClick", d.nativeEvent)),
-      onOnTabNeedsData: c[2] || (c[2] = (d) => a.$emit("onTabNeedsData", d.nativeEvent)),
-      onOnLoadMore: c[3] || (c[3] = (d) => a.$emit("onLoadMore", d.nativeEvent)),
-      onOnScroll: c[4] || (c[4] = (d) => a.$emit("onScroll", d.nativeEvent)),
-      onOnScrollStateChanged: c[5] || (c[5] = (d) => a.$emit("onScrollStateChanged", d.nativeEvent)),
-      onOnItemPresence: c[6] || (c[6] = (d) => a.$emit("onItemPresence", d.nativeEvent)),
-      onOnTabFocused: c[7] || (c[7] = (d) => a.$emit("onTabFocused", d.nativeEvent)),
-      onOnItemClick: c[8] || (c[8] = (d) => a.$emit("onItemClick", d.nativeEvent)),
-      onOnItemLongClick: c[9] || (c[9] = (d) => a.$emit("onItemLongClick", d.nativeEvent)),
-      onOnItemFocused: c[10] || (c[10] = (d) => a.$emit("onItemFocused", d.nativeEvent)),
-      onOnProtocolMismatch: c[11] || (c[11] = (d) => a.$emit("onProtocolMismatch", d.nativeEvent))
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+      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)),
+      onOnLoadMore: i[3] || (i[3] = (f) => l.$emit("onLoadMore", f.nativeEvent)),
+      onOnScroll: i[4] || (i[4] = (f) => l.$emit("onScroll", f.nativeEvent)),
+      onOnScrollStateChanged: i[5] || (i[5] = (f) => l.$emit("onScrollStateChanged", f.nativeEvent)),
+      onOnItemPresence: i[6] || (i[6] = (f) => l.$emit("onItemPresence", f.nativeEvent)),
+      onOnTabFocused: i[7] || (i[7] = (f) => l.$emit("onTabFocused", f.nativeEvent)),
+      onOnItemClick: i[8] || (i[8] = (f) => l.$emit("onItemClick", f.nativeEvent)),
+      onOnItemLongClick: i[9] || (i[9] = (f) => l.$emit("onItemLongClick", f.nativeEvent)),
+      onOnItemFocused: i[10] || (i[10] = (f) => l.$emit("onItemFocused", f.nativeEvent)),
+      onOnProtocolMismatch: i[11] || (i[11] = (f) => l.$emit("onProtocolMismatch", f.nativeEvent))
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["protocolVersion", "pageSpec", "tabsData", "actionPayload"]));
   }
 });
 let te;
-var Fe;
+var Se;
 try {
   const e = require("@extscreen/es3-vue");
-  te = e.registerElement || ((Fe = e.default) == null ? void 0 : Fe.registerElement);
+  te = e.registerElement || ((Se = e.default) == null ? void 0 : Se.registerElement);
 } catch {
 }
-const it = {
+const je = {
   install: (e) => {
     if (!globalThis.__QtGridTabs_registered)
       if (te) {
-        const i = (u, s) => {
-          te(u, {
+        const a = (d, u) => {
+          te(d, {
             component: {
-              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;
+              name: u ? "QtGridTabs_Plugin" : "QtGridTabs",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        a("qt-grid-tabs", !1), a("qt-grid-tabs-plugin", !0), a("QtGridTabs", !1), a("QtGridTabs_Plugin", !0), a("gt-tabs", !1), a("gt-tabs-plugin", !0), globalThis.__QtGridTabs_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtGridTabs");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
     e.component("GridTabs", X), e.component("qt-grid-tabs", X), e.component("gt-tabs", X);
   }
 };
-function _t(e, i) {
-  const u = A(""), s = i ? JSON.parse(JSON.stringify(i)) : {}, f = me([]), v = me([]);
-  let l = !1, r = !1;
-  const a = "__virtual_single_tab__";
-  let c = "", d = !1;
-  const h = A({}), C = (o) => {
+function Rt(e, a) {
+  const d = A(""), u = a ? JSON.parse(JSON.stringify(a)) : {}, v = ve([]), g = ve([]);
+  let c = !1, s = !1;
+  const h = "__virtual_single_tab__";
+  let l = "", i = !1;
+  const f = A({}), p = (o) => {
     const t = Array.isArray(o) ? o : [o];
-    if (r && e.value) {
+    if (s && e.value) {
       if (typeof e.value.dispatchAction == "function") {
         console.log("[useGridTabs] Calling Wrapper dispatchAction directly"), e.value.dispatchAction(t);
         return;
       }
       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");
+      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"), I.callUIFunction(n, "dispatchAction", [JSON.stringify(t)])) : console.warn("[useGridTabs] Native target is null or undefined, cannot call dispatchAction");
     }
-  }, z = (o, t) => {
+  }, w = (o, t) => {
     if (!o)
       return !1;
     let n = !0;
     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) => {
+  }, _ = (o, t) => {
     if (!o)
       return !1;
     let n = !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;
-  }, Z = (o, t) => {
+  }, J = (o, t) => {
     if (!o || o.length === 0)
       return;
     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((g, m) => z(g, `items.value[${m}]`)) : o.forEach((g, m) => {
-      q(g, `tabs.value[${m}]`), g.items && Array.isArray(g.items) && g.items.forEach((y, b) => z(y, `tabs.value[${m}].items[${b}]`));
-    }), r = !0, p();
-  }, U = /* @__PURE__ */ new Set(), p = (o = "unknown") => {
-    if (!r) {
+    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}]`));
+    }), s = !0, C();
+  }, U = /* @__PURE__ */ new Set(), C = (o = "unknown") => {
+    if (!s) {
       console.warn("[useGridTabs] triggerRootUpdate skipped because isInitialized is false");
       return;
     }
     let t = {
       protocolVersion: "1.28.0",
       // 新增：显式声明协议版本
-      gridBasis: (s == null ? void 0 : s.gridBasis) ?? 30,
-      unitType: (s == null ? void 0 : s.unitType) ?? "px",
-      contentConfig: (s == null ? void 0 : s.contentConfig) ?? (s == null ? void 0 : s.layoutConfig) ?? {
+      gridBasis: (u == null ? void 0 : u.gridBasis) ?? 30,
+      unitType: (u == null ? void 0 : u.unitType) ?? "px",
+      contentConfig: (u == null ? void 0 : u.contentConfig) ?? (u == null ? void 0 : u.layoutConfig) ?? {
         box: { padding: [0, 60, 60, 60] },
         navContentGapNormal: 0,
         itemGap: 24
       },
-      navConfig: (s == null ? void 0 : s.navConfig) ?? {
+      navConfig: (u == null ? void 0 : u.navConfig) ?? {
         dock: "left",
         mode: "fixed",
         renderType: "smart-hybrid",
         box: { size: [200, 0] },
         expandedBox: { size: [300, 0] }
       },
-      cacheConfig: (s == null ? void 0 : s.cacheConfig) ?? {
+      cacheConfig: (u == null ? void 0 : u.cacheConfig) ?? {
         offscreenPageLimit: 1,
         prefetchOffset: 2,
         preLoadEnabled: !1,
         strategy: "data_priority"
       },
-      animationConfig: (s == null ? void 0 : s.animationConfig) ?? {
+      animationConfig: (u == null ? void 0 : u.animationConfig) ?? {
         duration: 300,
         easing: "ease-out"
       },
-      interactionStrategy: (s == null ? void 0 : s.interactionStrategy) ?? {
+      interactionStrategy: (u == null ? void 0 : u.interactionStrategy) ?? {
         defaultFocus: "nav",
         interceptBack: !0,
         backMode: "home-first",
         autoScrollToTop: !0,
         edgeScrollProtection: 0.5
       },
-      focusConfig: (s == null ? void 0 : s.focusConfig) ?? {
+      focusConfig: (u == null ? void 0 : u.focusConfig) ?? {
         boundaryLock: { left: !1, right: !1, top: !1, bottom: !1 }
       },
-      themeConfig: s == null ? void 0 : s.themeConfig,
-      referenceResolution: (s == null ? void 0 : s.referenceResolution) ?? { w: 1920, h: 1080 }
+      themeConfig: u == null ? void 0 : u.themeConfig,
+      referenceResolution: (u == null ? void 0 : u.referenceResolution) ?? { w: 1920, h: 1080 }
     }, n = [];
-    l ? (t.navConfig = { ...t.navConfig, renderType: "none" }, n = [
+    c ? (t.navConfig = { ...t.navConfig, renderType: "none" }, n = [
       {
-        tabId: a,
+        tabId: h,
         title: "Virtual Tab",
         hidden: !0,
-        items: v.value
+        items: g.value
       }
-    ]) : n = f.value;
-    const g = JSON.stringify({
+    ]) : n = v.value;
+    const r = JSON.stringify({
       page_spec: t,
       tabs: n
     });
-    if (u.value === "")
-      console.log(`[useGridTabs] triggerRootUpdate: Initializing tabsDataStr (length=${g.length})`), u.value = g, c = g;
+    if (d.value === "")
+      console.log(`[useGridTabs] triggerRootUpdate: Initializing tabsDataStr (length=${r.length})`), d.value = r, l = r;
     else {
-      if (c === g) {
+      if (l === r) {
         console.log("[useGridTabs] triggerRootUpdate: Data unchanged, skipping RELOAD_TABS");
         return;
       }
-      console.log(`[useGridTabs] triggerRootUpdate: Sending RELOAD_TABS action directly to Native (length=${g.length})`), u.value = g, c = g, C({
+      console.log(`[useGridTabs] triggerRootUpdate: Sending RELOAD_TABS action directly to Native (length=${r.length})`), d.value = r, l = r, p({
         op: "RELOAD_TABS",
         payload: {
           pageSpec: t,
@@ -212,13 +215,13 @@ function _t(e, i) {
         }
       });
     }
-  }, I = (o) => {
+  }, T = (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, g, m, y) {
-        const b = Reflect.set(n, g, m, y);
-        return o.id && r && C({
+      set(n, r, m, y) {
+        const b = Reflect.set(n, r, m, y);
+        return o.id && s && p({
           op: "UPDATE_ITEM",
           itemId: o.id,
           payload: o
@@ -226,9 +229,9 @@ function _t(e, i) {
       }
     }), 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, g, m, y) {
-        const b = Reflect.set(n, g, m, y);
-        return n.id && r && !d && C({
+      set(n, r, m, y) {
+        const b = Reflect.set(n, r, m, y);
+        return n.id && s && !i && p({
           op: "UPDATE_ITEM",
           itemId: n.id,
           payload: n
@@ -238,131 +241,131 @@ function _t(e, i) {
     return Object.defineProperty(t, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(t, "__v_skip", { value: !0, enumerable: !1 }), t;
   }, P = (o, t) => {
     for (let n = 0; n < o.length; n++)
-      o[n] = I(o[n]);
+      o[n] = T(o[n]);
     return new Proxy(o, {
-      get(n, g, m) {
-        return g === "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 d || C({
+      get(n, r, m) {
+        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);
+          return i || p({
             op: "APPEND_SUB_ITEMS",
             itemId: t,
             payload: { subItems: b }
           }), k;
-        } : g === "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 && !d && C({
+        } : 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({
             op: "PREPEND_SUB_ITEMS",
             itemId: t,
             payload: { subItems: b }
           }), k;
-        } : g === "splice" ? (...y) => {
+        } : r === "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 ? d || C({
+          return s && b && t !== h ? i || p({
             op: "CLEAR_SUB_ITEMS",
             itemId: t
-          }) : r && (d || p("items array spliced")), k;
-        } : Reflect.get(n, g, m);
+          }) : s && (i || C("items array spliced")), k;
+        } : Reflect.get(n, r, m);
       },
-      set(n, g, m, y) {
-        if (g !== "length" && !isNaN(Number(g))) {
-          r || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(g)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), z(m, `索引赋值 [${String(g)}]`);
-          const b = I(m), k = Reflect.set(n, g, b, y);
-          return b && b.id && !d && C({
+      set(n, r, m, 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({
             op: "UPDATE_ITEM",
             itemId: b.id,
             payload: b
           }), k;
         }
-        return Reflect.set(n, g, m, y);
+        return Reflect.set(n, r, m, y);
       }
     });
-  }, E = (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, g, m) {
+  }, 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) {
       if (n === "items") {
-        let b = g;
-        return Array.isArray(g) && !g.__isGridTabsProxy && (b = P(g, t.tabId), Object.defineProperty(b, "__isGridTabsProxy", { value: !0, enumerable: !1 })), Reflect.set(t, n, b, m);
+        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);
       } else if (n === "loadState") {
-        const b = Reflect.set(t, n, g, m);
-        return r && t.tabId && !d && C({
+        const b = Reflect.set(t, n, r, m);
+        return s && t.tabId && !i && p({
           op: "UPDATE_TAB_STATE",
           itemId: t.tabId,
-          payload: { loadState: g }
+          payload: { loadState: r }
         }), b;
       }
-      return Reflect.set(t, n, g, m);
+      return Reflect.set(t, n, r, m);
     }
-  })), G = (o) => {
-    const t = o.map((n) => E(n));
+  })), B = (o) => {
+    const t = o.map((n) => S(n));
     return new Proxy(t, {
-      set(n, g, m, y) {
-        if (g !== "length" && !isNaN(Number(g))) {
+      set(n, r, m, y) {
+        if (r !== "length" && !isNaN(Number(r))) {
           let b = m;
-          m.__isGridTabsProxy || (b = E(m), Object.defineProperty(b, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
-          const k = Reflect.set(n, g, b, y);
-          return p(), k;
+          m.__isGridTabsProxy || (b = S(m), Object.defineProperty(b, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
+          const k = Reflect.set(n, r, b, y);
+          return C(), k;
         }
-        return Reflect.set(n, g, m, y);
+        return Reflect.set(n, r, m, y);
       }
     });
   };
-  ee(f, (o, t) => {
-    if (console.log("[useGridTabs] watch(tabs) triggered:", { newTabs: o, isInitialized: r }), !o || o.length === 0) {
-      u.value = "", c = "", r = !1;
+  ee(v, (o, t) => {
+    if (console.log("[useGridTabs] watch(tabs) triggered:", { newTabs: o, isInitialized: s }), !o || o.length === 0) {
+      d.value = "", l = "", s = !1;
       return;
     }
     if (o.__isGridTabsProxy)
-      console.log("[useGridTabs] newTabs is ALREADY a proxy, triggering root update"), p();
+      console.log("[useGridTabs] newTabs is ALREADY a proxy, triggering root update"), C();
     else {
       console.log("[useGridTabs] newTabs is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
-      const n = G(o);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Z(n, "2d"), f.value = n;
+      const n = B(o);
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "2d"), v.value = n;
     }
-  }, { flush: "sync", deep: !1 }), ee(v, (o, t) => {
-    if (console.log("[useGridTabs] watch(items) triggered:", { newItems: o, isInitialized: r }), !o || o.length === 0) {
-      u.value = "", c = "", r = !1;
+  }, { flush: "sync", deep: !1 }), ee(g, (o, t) => {
+    if (console.log("[useGridTabs] watch(items) triggered:", { newItems: o, isInitialized: s }), !o || o.length === 0) {
+      d.value = "", l = "", s = !1;
       return;
     }
     if (o.__isGridTabsProxy)
-      console.log("[useGridTabs] newItems is ALREADY a proxy, triggering root update"), p();
+      console.log("[useGridTabs] newItems is ALREADY a proxy, triggering root update"), C();
     else {
       console.log("[useGridTabs] newItems is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
-      const n = P(o, a);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Z(n, "1d"), v.value = n;
+      const n = P(o, h);
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "1d"), g.value = n;
     }
   }, { flush: "sync", deep: !1 });
-  const T = {}, O = () => {
-    console.log("[useGridTabs] resetInitialization called manually"), r = !1, U.clear();
-    for (const o in T)
-      delete T[o];
-  }, M = (o) => {
+  const N = {}, G = () => {
+    console.log("[useGridTabs] resetInitialization called manually"), s = !1, U.clear();
+    for (const o in N)
+      delete N[o];
+  }, R = (o) => {
     if (!o || o.length === 0) {
-      u.value = "", r = !1;
+      d.value = "", s = !1;
       return;
     }
-    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: u.value,
+    o[0].hasOwnProperty("tabId") || o[0].hasOwnProperty("items") && Array.isArray(o[0].items) ? v.value = o : g.value = o;
+  }, E = (o) => {
+    f.value = o;
+  }, V = j(() => ({
+    tabsData: d.value,
     // 不再绑定 actionPayload 属性，完全走命令式 API，防止触发无意义的 Vue 节点更新
     onTabNeedsData: async (...o) => {
       let t = o[0];
-      if (t && t.nativeEvent && (t = t.nativeEvent), !h.value.onTabNeedsData)
+      if (t && t.nativeEvent && (t = t.nativeEvent), !f.value.onTabNeedsData)
         return;
-      const { tabId: n, index: g, reason: m } = t;
+      const { tabId: n, index: r, reason: m } = t;
       if (U.has(n)) {
         console.log(`[useGridTabs] onTabNeedsData SKIP: tabId=${n} 已经发起过请求，防止死循环`);
         return;
       }
       U.add(n);
       try {
-        const y = await h.value.onTabNeedsData(n, g, m);
+        const y = await f.value.onTabNeedsData(n, r, 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({
+          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({
               op: "UPDATE_TAB_STATE",
               itemId: n,
               payload: { loadState: "ready" }
@@ -375,18 +378,18 @@ function _t(e, i) {
     },
     onLoadMore: async (...o) => {
       let t = o[0];
-      if (t && t.nativeEvent && (t = t.nativeEvent), !h.value.onLoadMore)
+      if (t && t.nativeEvent && (t = t.nativeEvent), !f.value.onLoadMore)
         return;
-      const { tabId: n, itemId: g } = t, y = (T[n] || 1) + 1;
+      const { tabId: n, itemId: r } = t, y = (N[n] || 1) + 1;
       console.log(`[useGridTabs] 拦截到底层 onLoadMore，强行接管页码: tabId=${n}, pageNo=${y}`);
       try {
-        const b = await h.value.onLoadMore(n, y, g);
+        const b = await f.value.onLoadMore(n, y, r);
         if (b && Array.isArray(b))
           if (b.length > 0)
-            if (T[n] = y, l)
-              v.value.push(...b);
+            if (N[n] = y, c)
+              g.value.push(...b);
             else {
-              const k = f.value.find((Q) => Q.tabId === n);
+              const k = v.value.find((q) => q.tabId === n);
               k && k.items && k.items.push(...b);
             }
           else
@@ -397,230 +400,262 @@ function _t(e, i) {
     },
     onItemPresence: (...o) => {
       let t = o[0];
-      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", t), h.value.onItemPresence)
+      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", t), f.value.onItemPresence)
         try {
           let n = typeof t == "string" ? t : (t == null ? void 0 : t.nativeEvent) || t;
           n && typeof n.data == "string" && (n = n.data);
-          const g = typeof n == "string" ? JSON.parse(n) : n;
-          g && g.type === "VIEW_PRESENCE_BATCH" && Array.isArray(g.payload) ? g.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(g);
+          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);
+          }) : f.value.onItemPresence(r);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), h.value.onItemPresence(t);
+          console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), f.value.onItemPresence(t);
         }
     },
     onTabSelected: (...o) => {
       let t = o[0];
-      t && t.nativeEvent && (t = t.nativeEvent), h.value.onTabSelected && h.value.onTabSelected(t);
+      t && t.nativeEvent && (t = t.nativeEvent), f.value.onTabSelected && f.value.onTabSelected(t);
     },
     onTabClick: (...o) => {
       let t = o[0];
-      t && t.nativeEvent && (t = t.nativeEvent), h.value.onTabClick && h.value.onTabClick(t);
+      t && t.nativeEvent && (t = t.nativeEvent), f.value.onTabClick && f.value.onTabClick(t);
     },
     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)
+      if (console.log("[useGridTabs] RAW onItemClick intercepted from Native:", t), t && t.nativeEvent && (t = t.nativeEvent), f.value.onItemClick)
         try {
           let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
-          const g = typeof n == "string" ? JSON.parse(n) : n;
-          h.value.onItemClick(g);
+          const r = typeof n == "string" ? JSON.parse(n) : n;
+          if (r && typeof r.clickPayload == "string")
+            try {
+              r.clickPayload = JSON.parse(r.clickPayload);
+            } catch (m) {
+              console.warn("Failed to parse clickPayload:", m);
+            }
+          if (r && typeof r.focusPayload == "string")
+            try {
+              r.focusPayload = JSON.parse(r.focusPayload);
+            } catch (m) {
+              console.warn("Failed to parse focusPayload:", m);
+            }
+          f.value.onItemClick(r);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemClick event payload:", n), h.value.onItemClick(t);
+          console.error("[useGridTabs] Failed to parse onItemClick event payload:", n), f.value.onItemClick(t);
         }
       else
         console.warn("[useGridTabs] onItemClick triggered but NO callback registered in callbacksRef!");
     },
     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)
+      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), f.value.onItemLongClick)
         try {
           let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
-          const g = typeof n == "string" ? JSON.parse(n) : n;
-          h.value.onItemLongClick(g);
+          const r = typeof n == "string" ? JSON.parse(n) : n;
+          if (r && typeof r.clickPayload == "string")
+            try {
+              r.clickPayload = JSON.parse(r.clickPayload);
+            } catch {
+            }
+          if (r && typeof r.focusPayload == "string")
+            try {
+              r.focusPayload = JSON.parse(r.focusPayload);
+            } catch {
+            }
+          f.value.onItemLongClick(r);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemLongClick event payload:", n), h.value.onItemLongClick(t);
+          console.error("[useGridTabs] Failed to parse onItemLongClick event payload:", n), f.value.onItemLongClick(t);
         }
     },
     onItemFocused: (...o) => {
       let t = o[0];
-      if (t && t.nativeEvent && (t = t.nativeEvent), h.value.onItemFocused)
+      if (t && t.nativeEvent && (t = t.nativeEvent), f.value.onItemFocused)
         try {
           let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
-          const g = typeof n == "string" ? JSON.parse(n) : n;
-          h.value.onItemFocused(g);
+          const r = typeof n == "string" ? JSON.parse(n) : n;
+          if (r && typeof r.clickPayload == "string")
+            try {
+              r.clickPayload = JSON.parse(r.clickPayload);
+            } catch {
+            }
+          if (r && typeof r.focusPayload == "string")
+            try {
+              r.focusPayload = JSON.parse(r.focusPayload);
+            } catch {
+            }
+          f.value.onItemFocused(r);
         } catch (n) {
-          console.error("[useGridTabs] Failed to parse onItemFocused event payload:", n), h.value.onItemFocused(t);
+          console.error("[useGridTabs] Failed to parse onItemFocused event payload:", n), f.value.onItemFocused(t);
         }
     },
     onTabFocused: (...o) => {
       let t = o[0];
-      t && t.nativeEvent && (t = t.nativeEvent), h.value.onTabFocused && h.value.onTabFocused(t);
+      t && t.nativeEvent && (t = t.nativeEvent), f.value.onTabFocused && f.value.onTabFocused(t);
     },
     onScroll: (...o) => {
       let t = o[0];
-      if (t && t.nativeEvent && (t = t.nativeEvent), h.value.onScroll)
+      if (t && t.nativeEvent && (t = t.nativeEvent), f.value.onScroll)
         try {
           const n = (t == null ? void 0 : t.data) || t;
-          h.value.onScroll(n);
+          f.value.onScroll(n);
         } catch {
-          h.value.onScroll(t);
+          f.value.onScroll(t);
         }
     },
     onScrollStateChanged: (...o) => {
       let t = o[0];
-      if (t && t.nativeEvent && (t = t.nativeEvent), h.value.onScrollStateChanged)
+      if (t && t.nativeEvent && (t = t.nativeEvent), f.value.onScrollStateChanged)
         try {
           const n = (t == null ? void 0 : t.data) || t;
-          h.value.onScrollStateChanged(n);
+          f.value.onScrollStateChanged(n);
         } catch {
-          h.value.onScrollStateChanged(t);
+          f.value.onScrollStateChanged(t);
         }
     }
   }));
   return {
-    tabsDataStr: u,
+    tabsDataStr: d,
     bindings: V,
-    tabs: f,
-    items: v,
-    initData: M,
-    setCallbacks: x,
+    tabs: v,
+    items: g,
+    initData: R,
+    setCallbacks: E,
     updateItem: (o, t) => {
-      if (!r) {
+      if (!s) {
         console.error("[useGridTabs] ❌ 时机错误: 尚未初始化数据，无法调用 updateItem");
         return;
       }
-      C({ op: "UPDATE_ITEM", itemId: o, payload: t }), d = !0;
+      p({ op: "UPDATE_ITEM", itemId: o, payload: t }), i = !0;
       try {
-        if (l) {
-          const n = v.value.find((g) => g.id === o);
+        if (c) {
+          const n = g.value.find((r) => r.id === o);
           n && Object.assign(n, t);
         } else
-          for (const n of f.value)
+          for (const n of v.value)
             if (n.items) {
-              const g = n.items.find((m) => m.id === o);
-              if (g) {
-                Object.assign(g, t);
+              const r = n.items.find((m) => m.id === o);
+              if (r) {
+                Object.assign(r, t);
                 break;
               }
             }
       } finally {
-        d = !1;
+        i = !1;
       }
     },
     deleteItem: (o, t = !0) => {
-      if (r) {
-        C({ op: "DELETE_ITEM", itemId: o, payload: { animated: t } }), d = !0;
+      if (s) {
+        p({ op: "DELETE_ITEM", itemId: o, payload: { animated: t } }), i = !0;
         try {
-          if (l) {
-            const n = v.value.findIndex((g) => g.id === o);
-            n !== -1 && v.value.splice(n, 1);
+          if (c) {
+            const n = g.value.findIndex((r) => r.id === o);
+            n !== -1 && g.value.splice(n, 1);
           } else
-            for (const n of f.value)
+            for (const n of v.value)
               if (n.items) {
-                const g = n.items.findIndex((m) => m.id === o);
-                if (g !== -1) {
-                  n.items.splice(g, 1);
+                const r = n.items.findIndex((m) => m.id === o);
+                if (r !== -1) {
+                  n.items.splice(r, 1);
                   break;
                 }
               }
         } finally {
-          d = !1;
+          i = !1;
         }
       }
     },
     prependItems: (o, t) => {
-      if (r) {
-        C({
+      if (s) {
+        p({
           op: "PREPEND_SUB_ITEMS",
           itemId: o,
           payload: { subItems: t }
-        }), d = !0;
+        }), i = !0;
         try {
-          if (l)
-            v.value.unshift(...t);
+          if (c)
+            g.value.unshift(...t);
           else {
-            const n = f.value.find((g) => g.tabId === o);
+            const n = v.value.find((r) => r.tabId === o);
             n && n.items && n.items.unshift(...t);
           }
         } finally {
-          d = !1;
+          i = !1;
         }
       }
     },
     clearItems: (o) => {
-      if (r) {
-        C({
+      if (s) {
+        p({
           op: "CLEAR_SUB_ITEMS",
           itemId: o
-        }), d = !0;
+        }), i = !0;
         try {
-          if (l)
-            v.value.splice(0, v.value.length);
+          if (c)
+            g.value.splice(0, g.value.length);
           else {
-            const t = f.value.find((n) => n.tabId === o);
+            const t = v.value.find((n) => n.tabId === o);
             t && t.items && t.items.splice(0, t.items.length);
           }
         } finally {
-          d = !1;
+          i = !1;
         }
       }
     },
     moveItem: (o, t, n) => {
-      if (r) {
-        C({
+      if (s) {
+        p({
           op: "MOVE_ITEM",
           itemId: o,
           payload: { targetPosition: t, anchorItemId: n }
-        }), d = !0;
+        }), i = !0;
         try {
-          const g = (m) => {
+          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((Ye) => Ye.id === n), K = t === "after" ? Q + 1 : Q;
+              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);
             }
           };
-          if (l)
-            g(v.value);
+          if (c)
+            r(g.value);
           else
-            for (const m of f.value)
-              m.items && g(m.items);
+            for (const m of v.value)
+              m.items && r(m.items);
         } finally {
-          d = !1;
+          i = !1;
         }
       }
     },
     replaceItem: (o, t) => {
-      if (r) {
-        C({
+      if (s) {
+        p({
           op: "REPLACE_ITEM",
           itemId: o,
           payload: t
-        }), d = !0;
+        }), i = !0;
         try {
-          if (l) {
-            const n = v.value.findIndex((g) => g.id === o);
-            n !== -1 && (v.value[n] = t);
+          if (c) {
+            const n = g.value.findIndex((r) => r.id === o);
+            n !== -1 && (g.value[n] = t);
           } else
-            for (const n of f.value)
+            for (const n of v.value)
               if (n.items) {
-                const g = n.items.findIndex((m) => m.id === o);
-                if (g !== -1) {
-                  n.items[g] = t;
+                const r = n.items.findIndex((m) => m.id === o);
+                if (r !== -1) {
+                  n.items[r] = t;
                   break;
                 }
               }
         } finally {
-          d = !1;
+          i = !1;
         }
       }
     },
-    dispatchAction: C,
-    resetInitialization: O,
+    dispatchAction: p,
+    resetInitialization: G,
     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 g = (m) => {
+      const r = (m) => {
         if (console.log("[useGridTabs] getFocusState callback received:", m), m && m.isSuccess !== void 0 && m.result !== void 0) {
           o(m.result);
           return;
@@ -632,11 +667,11 @@ function _t(e, i) {
           t(y);
         }
       };
-      typeof N.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getFocusState") with callback as 4th arg'), N.callUIFunction(n, "getFocusState", [], g)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), t(new Error("Native.callUIFunction is not available")));
+      typeof I.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getFocusState") with callback as 4th arg'), I.callUIFunction(n, "getFocusState", [], r)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), t(new Error("Native.callUIFunction is not available")));
     }),
     getItemRect: async (o) => new Promise((t, n) => {
-      let g = e.value;
-      typeof e.value.getNativeNode == "function" ? g = e.value.getNativeNode() || e.value : e.value.nativeRef && (g = e.value.nativeRef), console.log(`[useGridTabs] getItemRect called for itemId=${o}, nativeTarget:`, g);
+      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) => {
         if (console.log(`[useGridTabs] getItemRect callback received for itemId=${o}:`, y), y && y.isSuccess !== void 0 && y.result !== void 0) {
           t(y.result);
@@ -649,29 +684,29 @@ function _t(e, i) {
           n(b);
         }
       };
-      typeof N.callUIFunction == "function" ? (console.log('[useGridTabs] Executing Native.callUIFunction("getItemRect") with itemId and callback as 4th arg'), N.callUIFunction(g, "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], m)) : (console.error("[useGridTabs] Native.callUIFunction is not available"), n(new Error("Native.callUIFunction is not available")));
     }),
     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]);
+      typeof e.value.getNativeNode == "function" ? t = e.value.getNativeNode() || e.value : e.value.nativeRef && (t = e.value.nativeRef), I.callUIFunction(t, "requestFocus", [o]);
     },
     updatePageSpec: (o) => {
-      if (!r)
+      if (!s)
         return;
-      const t = Object.assign({}, JSON.parse(u.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({
+      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)), u && Object.assign(u, t), p({
         op: "RELOAD_TABS",
         payload: {
           pageSpec: t,
           page_spec: t,
-          tabs: f.value
+          tabs: v.value
         }
       });
-      const n = JSON.parse(u.value);
-      n.page_spec = t, u.value = JSON.stringify(n), c = u.value;
+      const n = JSON.parse(d.value);
+      n.page_spec = t, d.value = JSON.stringify(n), l = d.value;
     },
     reloadAll: (o, t) => {
-      s && (Object.keys(s).forEach((n) => delete s[n]), Object.assign(s, o)), f.value = t, C({
+      u && (Object.keys(u).forEach((n) => delete u[n]), Object.assign(u, o)), v.value = t, p({
         op: "RELOAD_TABS",
         payload: {
           pageSpec: o,
@@ -682,11 +717,14 @@ function _t(e, i) {
     },
     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", []);
+      typeof e.value.getNativeNode == "function" ? o = e.value.getNativeNode() || e.value : e.value.nativeRef && (o = e.value.nativeRef), I.callUIFunction(o, "scrollToTop", []);
     }
   };
 }
-const ye = "QtKeyboard", he = /* @__PURE__ */ w({
+const Ke = {
+  inheritAttrs: !1
+}, me = /* @__PURE__ */ $({
+  ...Ke,
   __name: "Keyboard",
   props: {
     backgroundColor: {},
@@ -706,25 +744,25 @@ const ye = "QtKeyboard", he = /* @__PURE__ */ w({
     rememberKeyboardType: { type: Boolean }
   },
   emits: ["onInputChanged", "onKeyPressed"],
-  setup(e, { expose: i }) {
-    const u = 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",
+  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(
+      s,
+      u.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       },
-      requestFocus: (...a) => {
-        var d, h;
-        const c = ((h = (d = u.value) == null ? void 0 : d.getNativeNode) == null ? void 0 : h.call(d)) || u.value;
-        c && N.callUIFunction(c, "requestFocus", a);
+      requestFocus: (...l) => {
+        var f, p;
+        const i = ((p = (f = d.value) == null ? void 0 : f.getNativeNode) == null ? void 0 : p.call(f)) || d.value;
+        i && I.callUIFunction(i, "requestFocus", l);
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       backgroundColor: e.backgroundColor,
       backgroundGradient: e.backgroundGradient,
       textColor: e.textColor,
@@ -740,265 +778,280 @@ const ye = "QtKeyboard", he = /* @__PURE__ */ w({
       currentInput: e.currentInput,
       autofocus: e.autofocus,
       rememberKeyboardType: e.rememberKeyboardType,
-      onOnInputChanged: c[0] || (c[0] = (d) => a.$emit("onInputChanged", d.nativeEvent)),
-      onOnKeyPressed: c[1] || (c[1] = (d) => a.$emit("onKeyPressed", d.nativeEvent))
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+      onOnInputChanged: i[0] || (i[0] = (f) => l.$emit("onInputChanged", f.nativeEvent)),
+      onOnKeyPressed: i[1] || (i[1] = (f) => l.$emit("onKeyPressed", f.nativeEvent))
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["backgroundColor", "backgroundGradient", "textColor", "weakTextColor", "focusBackgroundColor", "focusTextColor", "placeholder", "textFullKeyboard", "textT9Keyboard", "keyboardType", "textClear", "textDelete", "currentInput", "autofocus", "rememberKeyboardType"]));
   }
 });
 let oe;
-var ze;
+var Ee;
 try {
   const e = require("@extscreen/es3-vue");
-  oe = e.registerElement || ((ze = e.default) == null ? void 0 : ze.registerElement);
+  oe = e.registerElement || ((Ee = e.default) == null ? void 0 : Ee.registerElement);
 } catch {
 }
-const lt = {
+const He = {
   install: (e) => {
     if (!globalThis.__QtKeyboard_registered)
       if (oe) {
-        const i = (u, s) => {
-          oe(u, {
+        const a = (d, u) => {
+          oe(d, {
             component: {
-              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;
+              name: u ? "QtKeyboard_Plugin" : "QtKeyboard",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        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", he), e.component("qt-keyboard", he);
+    e.component("Keyboard", me), e.component("qt-keyboard", me);
   }
-}, pe = "QtPortalPool", Ce = /* @__PURE__ */ w({
+}, Je = {
+  inheritAttrs: !1
+}, be = /* @__PURE__ */ $({
+  ...Je,
   __name: "PortalPool",
-  setup(e, { expose: i }) {
-    const u = 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"
+  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(
+      s,
+      u.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       style: { position: "absolute" },
       absolute: !0
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
 });
 let ne;
-var Me;
+var xe;
 try {
   const e = require("@extscreen/es3-vue");
-  ne = e.registerElement || ((Me = e.default) == null ? void 0 : Me.registerElement);
+  ne = e.registerElement || ((xe = e.default) == null ? void 0 : xe.registerElement);
 } catch {
 }
-const rt = {
+const Ze = {
   install: (e) => {
     if (!globalThis.__QtPortalPool_registered)
       if (ne) {
-        const i = (u, s) => {
-          ne(u, {
+        const a = (d, u) => {
+          ne(d, {
             component: {
-              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;
+              name: u ? "QtPortalPool_Plugin" : "QtPortalPool",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        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", Ce), e.component("qt-portal-pool", Ce);
+    e.component("PortalPool", be), e.component("qt-portal-pool", be);
   }
-}, ke = "QtPortalItem", Ie = /* @__PURE__ */ w({
+}, Xe = {
+  inheritAttrs: !1
+}, ye = /* @__PURE__ */ $({
+  ...Xe,
   __name: "PortalItem",
   props: {
     portalId: {}
   },
-  setup(e, { expose: i }) {
-    const u = 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"
+  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(
+      s,
+      u.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       style: { position: "absolute" },
       absolute: !0,
       portalId: e.portalId
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["portalId"]));
   }
 });
 let ae;
-var De;
+var Ae;
 try {
   const e = require("@extscreen/es3-vue");
-  ae = e.registerElement || ((De = e.default) == null ? void 0 : De.registerElement);
+  ae = e.registerElement || ((Ae = e.default) == null ? void 0 : Ae.registerElement);
 } catch {
 }
-const st = {
+const Ye = {
   install: (e) => {
     if (!globalThis.__QtPortalItem_registered)
       if (ae) {
-        const i = (u, s) => {
-          ae(u, {
+        const a = (d, u) => {
+          ae(d, {
             component: {
-              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;
+              name: u ? "QtPortalItem_Plugin" : "QtPortalItem",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        a("qt-portal-item", !1), a("qt-portal-item-plugin", !0), a("QtPortalItem", !1), a("QtPortalItem_Plugin", !0), globalThis.__QtPortalItem_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtPortalItem");
       } else
         console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
-    e.component("PortalItem", Ie), e.component("qt-portal-item", Ie);
+    e.component("PortalItem", ye), e.component("qt-portal-item", ye);
   }
-}, Ne = "QtHsvBackground", Te = /* @__PURE__ */ w({
+}, et = {
+  inheritAttrs: !1
+}, he = /* @__PURE__ */ $({
+  ...et,
   __name: "HsvBackground",
   props: {
     hue: {},
     hueDuration: {}
   },
-  setup(e, { expose: i }) {
-    const u = 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"
+  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(
+      s,
+      u.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       hue: e.hue,
       hueDuration: e.hueDuration
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["hue", "hueDuration"]));
   }
 });
-let ie;
-var Le;
+let le;
+var we;
 try {
   const e = require("@extscreen/es3-vue");
-  ie = e.registerElement || ((Le = e.default) == null ? void 0 : Le.registerElement);
+  le = e.registerElement || ((we = e.default) == null ? void 0 : we.registerElement);
 } catch {
 }
-const ct = {
+const tt = {
   install: (e) => {
     if (!globalThis.__QtHsvBackground_registered)
-      if (ie) {
-        const i = (u, s) => {
-          ie(u, {
+      if (le) {
+        const a = (d, u) => {
+          le(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;
+              name: u ? "QtHsvBackground_Plugin" : "QtHsvBackground",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        a("qt-hsv-background", !1), a("qt-hsv-background-plugin", !0), a("QtHsvBackground", !1), a("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);
+    e.component("HsvBackground", he), e.component("qt-hsv-background", he);
   }
-}, Se = "QtSvgImage", Pe = /* @__PURE__ */ w({
+}, ot = {
+  inheritAttrs: !1
+}, pe = /* @__PURE__ */ $({
+  ...ot,
   __name: "SvgImage",
   props: {
     src: {},
     tintColor: {}
   },
-  setup(e, { expose: i }) {
-    const u = A(), s = _(), f = Se + "_Plugin", l = (s.isPluginActive ? f : Se).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), r = L(
-      l,
-      s.pluginPackageName || "com.quicktvui.plugin.extraui",
+  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(
+      s,
+      u.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       src: e.src,
       tintColor: e.tintColor
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["src", "tintColor"]));
   }
 });
-let le;
-var _e;
+let ie;
+var $e;
 try {
   const e = require("@extscreen/es3-vue");
-  le = e.registerElement || ((_e = e.default) == null ? void 0 : _e.registerElement);
+  ie = e.registerElement || (($e = e.default) == null ? void 0 : $e.registerElement);
 } catch {
 }
-const ut = {
+const nt = {
   install: (e) => {
     if (!globalThis.__QtSvgImage_registered)
-      if (le) {
-        const i = (u, s) => {
-          le(u, {
+      if (ie) {
+        const a = (d, u) => {
+          ie(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;
+              name: u ? "QtSvgImage_Plugin" : "QtSvgImage",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        a("qt-svg-image", !1), a("qt-svg-image-plugin", !0), a("QtSvgImage", !1), a("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", Pe), e.component("qt-svg-image", Pe);
+    e.component("SvgImage", pe), e.component("qt-svg-image", pe);
   }
-}, Ee = "QtNaButton", dt = /* @__PURE__ */ w({
+}, at = {
+  inheritAttrs: !1
+}, lt = /* @__PURE__ */ $({
+  ...at,
   __name: "NaButtonBase",
   props: {
     text: {},
@@ -1020,20 +1073,20 @@ const ut = {
     enableFocusBorder: { type: Boolean }
   },
   emits: ["onButtonCustomEvent"],
-  setup(e, { expose: i }) {
-    const u = 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",
+  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(
+      s,
+      u.pluginPackageName || "com.quicktvui.plugin.extraui",
       "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       text: e.text,
       icon: e.icon,
       iconSize: e.iconSize,
@@ -1051,61 +1104,67 @@ const ut = {
       cornerRadius: e.cornerRadius,
       focusScale: e.focusScale,
       enableFocusBorder: e.enableFocusBorder,
-      onOnButtonCustomEvent: c[0] || (c[0] = (d) => a.$emit("onButtonCustomEvent", d.nativeEvent))
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+      onOnButtonCustomEvent: i[0] || (i[0] = (f) => l.$emit("onButtonCustomEvent", f.nativeEvent))
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["text", "icon", "iconSize", "iconSpace", "layoutDirection", "fontSize", "maxLines", "textColor", "focusTextColor", "backgroundColor", "focusBackgroundColor", "normalBorderWidth", "normalBorderColor", "focusBorderColor", "cornerRadius", "focusScale", "enableFocusBorder"]));
   }
-}), xe = /* @__PURE__ */ w({
+}), it = {
+  inheritAttrs: !1
+}, Ce = /* @__PURE__ */ $({
+  ...it,
   __name: "NaButton",
   props: {
     width: {},
     height: {}
   },
   setup(e) {
-    const i = e, u = W(() => ({
-      width: typeof i.width == "number" ? `${i.width}px` : i.width,
-      height: typeof i.height == "number" ? `${i.height}px` : i.height
+    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 (s, f) => (S(), $(dt, B(s.$attrs, { style: u.value }), {
-      default: R(() => [
-        F(s.$slots, "default")
+    return (u, v) => (x(), O(lt, F(u.$attrs, { style: d.value }), {
+      default: Q(() => [
+        D(u.$slots, "default")
       ]),
       _: 3
     }, 16, ["style"]));
   }
 });
 let re;
-var Ue;
+var Be;
 try {
   const e = require("@extscreen/es3-vue");
-  re = e.registerElement || ((Ue = e.default) == null ? void 0 : Ue.registerElement);
+  re = e.registerElement || ((Be = e.default) == null ? void 0 : Be.registerElement);
 } catch {
 }
-const gt = {
+const rt = {
   install: (e) => {
     if (!globalThis.__QtNaButton_registered)
       if (re) {
-        const i = (u, s) => {
-          re(u, {
+        const a = (d, u) => {
+          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;
+              name: u ? "QtNaButton_Plugin" : "QtNaButton",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        a("qt-na-button", !1), a("qt-na-button-plugin", !0), a("QtNaButton", !1), a("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);
+    e.component("NaButton", Ce), e.component("qt-na-button", Ce);
   }
-}, Ae = "QtNaCheckbox", we = /* @__PURE__ */ w({
+}, st = {
+  inheritAttrs: !1
+}, ke = /* @__PURE__ */ $({
+  ...st,
   __name: "NaCheckbox",
   props: {
     text: {},
@@ -1151,19 +1210,19 @@ const gt = {
     type: {}
   },
   emits: ["onCheckedChange"],
-  setup(e, { expose: i }) {
-    const u = 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 || ""
+  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(
+      s,
+      u.pluginPackageName || ""
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       text: e.text,
       checked: e.checked,
       disabled: e.disabled,
@@ -1205,43 +1264,43 @@ const gt = {
       cornerRadius: e.cornerRadius,
       focusScale: e.focusScale,
       type: e.type,
-      onOnCheckedChange: c[0] || (c[0] = (d) => a.$emit("onCheckedChange", d.nativeEvent))
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+      onOnCheckedChange: i[0] || (i[0] = (f) => l.$emit("onCheckedChange", f.nativeEvent))
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$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;
+var Ge;
 try {
   const e = require("@extscreen/es3-vue");
-  se = e.registerElement || ((Ve = e.default) == null ? void 0 : Ve.registerElement);
+  se = e.registerElement || ((Ge = e.default) == null ? void 0 : Ge.registerElement);
 } catch {
 }
-const ft = {
+const ct = {
   install: (e) => {
     if (!globalThis.__QtNaCheckbox_registered)
       if (se) {
-        const i = (u, s) => {
-          se(u, {
+        const a = (d, u) => {
+          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;
+              name: u ? "QtNaCheckbox_Plugin" : "QtNaCheckbox",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        a("qt-na-checkbox", !1), a("qt-na-checkbox-plugin", !0), a("QtNaCheckbox", !1), a("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);
+    e.component("NaCheckbox", ke), e.component("qt-na-checkbox", ke);
   }
-}, vt = w({
+}, ut = $({
   name: "NaRadioGroup",
   props: {
     modelValue: {
@@ -1278,55 +1337,55 @@ const ft = {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: i }) {
+  setup(e, { emit: a }) {
     return {
-      groupStyle: W(() => ({
+      groupStyle: j(() => ({
         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;
+      getItemStyle: (g, c) => {
+        var h;
+        const s = { ...((h = g.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: (v) => {
-        v.disabled || (i("update:modelValue", v.value), i("change", v.value));
+      onItemClick: (g) => {
+        g.disabled || (a("update:modelValue", g.value), a("change", g.value));
       }
     };
   }
 });
-const ve = (e, i) => {
-  const u = e.__vccOpts || e;
-  for (const [s, f] of i)
-    u[s] = f;
-  return u;
+const ge = (e, a) => {
+  const d = e.__vccOpts || e;
+  for (const [u, v] of a)
+    d[u] = v;
+  return d;
 };
-function mt(e, i, u, s, f, v) {
-  const l = ge("qt-na-checkbox");
-  return S(), J("div", {
+function dt(e, a, d, u, v, g) {
+  const c = de("qt-na-checkbox");
+  return x(), Z("div", {
     class: "na-radio-group",
     style: fe(e.groupStyle)
   }, [
-    (S(!0), J(Ke, null, He(e.options, (r, a) => (S(), $(l, B({
-      key: a,
+    (x(!0), Z(_e, null, qe(e.options, (s, h) => (x(), O(c, F({
+      key: h,
       type: "radio",
-      checked: e.modelValue === r.value,
-      text: r.label,
+      checked: e.modelValue === s.value,
+      text: s.label,
       gravity: e.gravity,
       showBackground: e.showBackground,
-      disabled: r.disabled
-    }, { ref_for: !0 }, r.props, {
-      style: e.getItemStyle(r, a),
-      onClick: (c) => e.onItemClick(r)
+      disabled: s.disabled
+    }, { ref_for: !0 }, s.props, {
+      style: e.getItemStyle(s, h),
+      onClick: (l) => e.onItemClick(s)
     }), null, 16, ["checked", "text", "gravity", "showBackground", "disabled", "style", "onClick"]))), 128))
   ], 4);
 }
-const $e = /* @__PURE__ */ ve(vt, [["render", mt], ["__scopeId", "data-v-448252ff"]]), bt = {
+const Te = /* @__PURE__ */ ge(ut, [["render", dt], ["__scopeId", "data-v-448252ff"]]), ft = {
   install: (e) => {
-    e.component("NaRadioGroup", $e), e.component("qt-na-radio-group", $e);
+    e.component("NaRadioGroup", Te), e.component("qt-na-radio-group", Te);
   }
-}, yt = w({
+}, gt = $({
   name: "NaCheckboxGroup",
   props: {
     modelValue: {
@@ -1363,52 +1422,55 @@ const $e = /* @__PURE__ */ ve(vt, [["render", mt], ["__scopeId", "data-v-448252f
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: i }) {
+  setup(e, { emit: a }) {
     return {
-      groupStyle: W(() => ({
+      groupStyle: j(() => ({
         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;
+      getItemStyle: (g, c) => {
+        var h;
+        const s = { ...((h = g.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: (v) => {
-        if (v.disabled)
+      onItemClick: (g) => {
+        if (g.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);
+        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);
       }
     };
   }
 });
-function ht(e, i, u, s, f, v) {
-  const l = ge("qt-na-checkbox");
-  return S(), J("div", {
+function vt(e, a, d, u, v, g) {
+  const c = de("qt-na-checkbox");
+  return x(), Z("div", {
     class: "na-checkbox-group",
     style: fe(e.groupStyle)
   }, [
-    (S(!0), J(Ke, null, He(e.options, (r, a) => (S(), $(l, B({
-      key: a,
+    (x(!0), Z(_e, null, qe(e.options, (s, h) => (x(), O(c, F({
+      key: h,
       type: "checkbox",
-      checked: e.modelValue.includes(r.value),
-      text: r.label,
+      checked: e.modelValue.includes(s.value),
+      text: s.label,
       gravity: e.gravity,
       showBackground: e.showBackground,
-      disabled: r.disabled
-    }, { ref_for: !0 }, r.props, {
-      style: e.getItemStyle(r, a),
-      onClick: (c) => e.onItemClick(r)
+      disabled: s.disabled
+    }, { ref_for: !0 }, s.props, {
+      style: e.getItemStyle(s, h),
+      onClick: (l) => e.onItemClick(s)
     }), null, 16, ["checked", "text", "gravity", "showBackground", "disabled", "style", "onClick"]))), 128))
   ], 4);
 }
-const Be = /* @__PURE__ */ ve(yt, [["render", ht], ["__scopeId", "data-v-cf6a4eaa"]]), pt = {
+const Ie = /* @__PURE__ */ ge(gt, [["render", vt], ["__scopeId", "data-v-cf6a4eaa"]]), mt = {
   install: (e) => {
-    e.component("NaCheckboxGroup", Be), e.component("qt-na-checkbox-group", Be);
+    e.component("NaCheckboxGroup", Ie), e.component("qt-na-checkbox-group", Ie);
   }
-}, Ge = "QtNaSwitcher", Oe = /* @__PURE__ */ w({
+}, bt = {
+  inheritAttrs: !1
+}, Ne = /* @__PURE__ */ $({
+  ...bt,
   __name: "NaSwitcher",
   props: {
     checked: { type: Boolean },
@@ -1425,19 +1487,19 @@ const Be = /* @__PURE__ */ ve(yt, [["render", ht], ["__scopeId", "data-v-cf6a4ea
     stateTextSize: {}
   },
   emits: ["onCheckedChange"],
-  setup(e, { expose: i }) {
-    const u = 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 || ""
+  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(
+      s,
+      u.pluginPackageName || ""
     );
-    return i({
+    return a({
       getNativeNode: () => {
-        var a, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
+        var l, i;
+        return ((i = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : i.call(l)) || d.value;
       }
-    }), (a, c) => (S(), $(D(r), B({
+    }), (l, i) => (x(), O(M(h), F({
       ref_key: "nativeRef",
-      ref: u,
+      ref: d,
       checked: e.checked,
       disabled: e.disabled,
       title: e.title,
@@ -1450,43 +1512,43 @@ const Be = /* @__PURE__ */ ve(yt, [["render", ht], ["__scopeId", "data-v-cf6a4ea
       titleTextSize: e.titleTextSize,
       subtitleTextSize: e.subtitleTextSize,
       stateTextSize: e.stateTextSize,
-      onOnCheckedChange: c[0] || (c[0] = (d) => a.$emit("onCheckedChange", d.nativeEvent))
-    }, a.$attrs), {
-      default: R(() => [
-        F(a.$slots, "default")
+      onOnCheckedChange: i[0] || (i[0] = (f) => l.$emit("onCheckedChange", f.nativeEvent))
+    }, l.$attrs), {
+      default: Q(() => [
+        D(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["checked", "disabled", "title", "textOn", "textOff", "subtitle", "subtitleColor", "titleColor", "focusTitleColor", "titleTextSize", "subtitleTextSize", "stateTextSize"]));
   }
 });
 let ce;
-var We;
+var Oe;
 try {
   const e = require("@extscreen/es3-vue");
-  ce = e.registerElement || ((We = e.default) == null ? void 0 : We.registerElement);
+  ce = e.registerElement || ((Oe = e.default) == null ? void 0 : Oe.registerElement);
 } catch {
 }
-const Ct = {
+const yt = {
   install: (e) => {
     if (!globalThis.__QtNaSwitcher_registered)
       if (ce) {
-        const i = (u, s) => {
-          ce(u, {
+        const a = (d, u) => {
+          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;
+              name: u ? "QtNaSwitcher_Plugin" : "QtNaSwitcher",
+              processEventData(v, g) {
+                const c = v.handler || v, s = g || (c == null ? void 0 : c.nativeParams) || {};
+                return c && (c.nativeEvent = s), c;
               }
             }
           });
         };
-        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");
+        a("qt-na-switcher", !1), a("qt-na-switcher-plugin", !0), a("QtNaSwitcher", !1), a("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);
+    e.component("NaSwitcher", Ne), e.component("qt-na-switcher", Ne);
   }
-}, kt = w({
+}, ht = $({
   name: "NaSettingSwitch",
   props: {
     title: {
@@ -1535,32 +1597,32 @@ const Ct = {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: i, attrs: u }) {
-    const s = A(e.modelValue);
-    ee(() => e.modelValue, (r) => {
-      s.value = r;
+  setup(e, { emit: a, attrs: d }) {
+    const u = A(e.modelValue);
+    ee(() => e.modelValue, (s) => {
+      u.value = s;
     });
-    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 = u.style || {}, a = e.subtitle ? (typeof e.height == "number" ? e.height : parseInt(e.height)) + 30 : e.height;
+    const v = (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(() => {
+      const s = d.style || {}, h = 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
+        width: g.value,
+        height: typeof h == "number" ? `${h}px` : h,
+        ...s
       };
     });
     return {
-      checked: s,
-      handleCheckedChange: f,
-      mergedStyle: l
+      checked: u,
+      handleCheckedChange: v,
+      mergedStyle: c
     };
   }
 });
-function It(e, i, u, s, f, v) {
-  const l = ge("qt-na-switcher");
-  return S(), $(l, {
+function pt(e, a, d, u, v, g) {
+  const c = de("qt-na-switcher");
+  return x(), O(c, {
     class: "na-setting-switch",
     style: fe(e.mergedStyle),
     title: e.title,
@@ -1575,119 +1637,16 @@ function It(e, i, u, s, f, v) {
     onOnCheckedChange: e.handleCheckedChange
   }, null, 8, ["style", "title", "subtitle", "checked", "textOn", "textOff", "titleTextSize", "subtitleTextSize", "stateTextSize", "disabled", "onOnCheckedChange"]);
 }
-const qe = /* @__PURE__ */ ve(kt, [["render", It]]), Nt = {
+const Pe = /* @__PURE__ */ ge(ht, [["render", pt]]), Ct = {
   install(e) {
-    e.component("NaSettingSwitch", qe), e.component("qt-na-setting-switch", qe);
+    e.component("NaSettingSwitch", Pe), e.component("qt-na-setting-switch", Pe);
   }
-}, 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 u = 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, c;
-        return ((c = (a = u.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : c.call(a)) || u.value;
-      }
-    }), (a, c) => (S(), $(D(r), B({
-      ref_key: "nativeRef",
-      ref: u,
-      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: c[0] || (c[0] = (d) => a.$emit("onInputClick", d.nativeEvent)),
-      onOnChange: c[1] || (c[1] = (d) => a.$emit("onChange", d.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 u = i, s = e, f = W(() => {
-      let r = 60;
-      return s.inputSize === "large" ? r = 70 : s.inputSize === "small" && (r = 50), {
-        height: `${r}px`
-      };
-    }), v = (r) => {
-      u("onInputClick", r);
-    }, l = (r) => {
-      u("onChange", r);
-    };
-    return (r, a) => (S(), $(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 St = {
-  install: (e) => {
-    if (!globalThis.__QtNaInputView_registered)
-      if (ue) {
-        const i = (u, s) => {
-          ue(u, {
-            component: {
-              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;
-              }
-            }
-          });
-        };
-        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");
-    e.component("NaInputView", Re), e.component("qt-na-input-view", Re);
-  }
-}, Pt = {
+}, kt = {
   // 如果设置为 true，则全局跳过所有组件的原生插件安装检查，直接渲染
   skipPluginCheck: !1
 }, Y = /* @__PURE__ */ new Set();
-function L(e, i, u) {
-  return w({
+function z(e, a, d) {
+  return $({
     name: `${e}AsyncWrapper`,
     inheritAttrs: !1,
     props: {
@@ -1697,206 +1656,206 @@ function L(e, i, u) {
         default: !1
       }
     },
-    setup(s, { slots: f, attrs: v, expose: l }) {
-      const r = A("loading"), a = A(""), c = A(), d = globalThis.__VUE_INSTANCE__;
-      l({
+    setup(u, { slots: v, attrs: g, expose: c }) {
+      const s = A("loading"), h = A(""), l = A(), i = globalThis.__VUE_INSTANCE__;
+      c({
         getNativeNode: () => {
-          let p = c.value;
-          return !p && d && d.vnode && d.vnode.el && (p = d.vnode.el, p.childNodes && p.childNodes.length > 0 && (p = p.childNodes[0])), p;
+          let C = l.value;
+          return !C && i && i.vnode && i.vnode.el && (C = i.vnode.el, C.childNodes && C.childNodes.length > 0 && (C = C.childNodes[0])), C;
         },
-        nativeRef: c
+        nativeRef: l
       });
-      let z = null, q = null;
+      let w = null, _ = null;
       try {
-        z = Ze(), q = at();
-      } catch (p) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", p);
+        w = Fe(), _ = Ve();
+      } catch (C) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", C);
       }
-      const Z = async () => {
-        if (!z || typeof z.isComponentRegistered != "function")
+      const J = async () => {
+        if (!w || typeof w.isComponentRegistered != "function")
           return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          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))
+          const C = await w.isComponentRegistered(e);
+          if (console.log(`[withAsyncPlugin] isComponentRegistered('${e}') 返回:`, C), C === !0 || C && typeof C == "object" && (C.registered === !0 || C.isRegistered === !0))
             return !0;
           try {
-            const I = await N.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
-            if (I && I.core_version) {
-              const P = I.core_version;
+            const T = await I.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
+            if (T && T.core_version) {
+              const P = T.core_version;
               console.log(`[withAsyncPlugin] 当前引擎核心版本: ${P}`);
-              const E = P.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) {
+              const S = P.split(".").map((B) => parseInt(B, 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: ${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)
+                  const N = e.split("-").map((E) => E.charAt(0).toUpperCase() + E.slice(1)).join("");
+                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${e}, ${N}`);
+                  const [G, R] = await Promise.all([
+                    I.callNativeWithPromise("ExtendModule", "isComponentRegistered", e).catch(() => !1),
+                    I.callNativeWithPromise("ExtendModule", "isComponentRegistered", N).catch(() => !1)
                   ]);
-                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${O}, ${M}]`), O === !0 || M === !0)
+                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${G}, ${R}]`), G === !0 || R === !0)
                     return !0;
                 } else
                   console.log(`[withAsyncPlugin] 引擎版本 ${P} < 1.11.205，跳过 ExtendModule 检查`);
               else
                 console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${P}`);
             }
-          } catch (I) {
-            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", I);
+          } catch (T) {
+            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", T);
           }
           return !1;
-        } catch (p) {
-          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", p), !1;
+        } catch (C) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", C), !1;
         }
       }, U = async () => {
-        if (Pt.skipPluginCheck || s.skipPluginCheck) {
-          console.log(`[withAsyncPlugin] 跳过 ${e} 插件检查 (skipPluginCheck = true)`), r.value = "ready";
+        if (kt.skipPluginCheck || u.skipPluginCheck) {
+          console.log(`[withAsyncPlugin] 跳过 ${e} 插件检查 (skipPluginCheck = true)`), s.value = "ready";
           return;
         }
-        if (!i) {
-          r.value = "ready";
+        if (!a) {
+          s.value = "ready";
           return;
         }
-        const p = await Z();
-        if (console.log(`[withAsyncPlugin] 拦截检查 - ${e} 是否已注册:`, p), p || Y.has(i)) {
-          r.value = "ready", Y.add(i), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
+        const C = await J();
+        if (console.log(`[withAsyncPlugin] 拦截检查 - ${e} 是否已注册:`, C), C || Y.has(a)) {
+          s.value = "ready", Y.add(a), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
           return;
         }
-        if (!q) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${e}`), r.value = "ready";
+        if (!_) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${e}`), s.value = "ready";
           return;
         }
-        console.log(`[withAsyncPlugin] 开始动态安装插件: ${i}`);
+        console.log(`[withAsyncPlugin] 开始动态安装插件: ${a}`);
         try {
-          await new Promise((I, P) => {
-            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 ? (u ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${u}`), N.callNative("EsNativeModule", "callReflect", {
+          await new Promise((T, P) => {
+            let S;
+            const B = {
+              onPluginInstallSuccess(N, G, R) {
+                N === a && (clearTimeout(S), _.removeListener(B), console.log(`[withAsyncPlugin] 安装成功 pkg=${N} 状态码=${G}`), G == 1003 || G == 1001 ? (d ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${d}`), I.callNative("EsNativeModule", "callReflect", {
                   entry: {
-                    from: u,
+                    from: d,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), I()) : P(new Error(`安装失败 pkg=${T} status=${O} msg=${M}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), T()) : P(new Error(`安装失败 pkg=${N} status=${G} msg=${R}`)));
               },
-              onPluginInstallError(T, O, M) {
-                T === i && (clearTimeout(E), q.removeListener(G), P(new Error(`安装失败 pkg=${T} status=${O} msg=${M}`)));
+              onPluginInstallError(N, G, R) {
+                N === a && (clearTimeout(S), _.removeListener(B), P(new Error(`安装失败 pkg=${N} status=${G} msg=${R}`)));
               }
             };
-            q.addListener({ pkg: i }, G), E = setTimeout(() => {
-              q.removeListener(G), P(new Error(`插件安装超时: ${i}`));
-            }, 8e3), typeof q.installPlugin == "function" ? q.installPlugin({ pkg: i }) : typeof q.install == "function" ? q.install(i) : P(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";
+            _.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";
+        } catch (T) {
+          console.error("[withAsyncPlugin] 插件加载失败:", T), h.value = (T == null ? void 0 : T.message) || String(T), s.value = "error";
         }
       };
-      return et(() => {
+      return Me(() => {
         U();
       }), () => {
-        const p = {
+        const C = {
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...v.style || {}
+          ...g.style || {}
         };
-        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", P = {
-          class: I,
-          style: p,
+        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 = {
+          class: T,
+          style: C,
           // 默认关闭外层 div 的裁剪，防止内部组件 focusScale 时被切
           clipChildren: !1,
           clipPadding: !1,
           clipToPadding: !1
         };
-        if (r.value === "loading")
+        if (s.value === "loading")
           return H("div", P, [
             H("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
           ]);
-        if (r.value === "error")
+        if (s.value === "error")
           return H("div", P, [
-            H("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${a.value}`)
+            H("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${h.value}`)
           ]);
-        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;
+        const S = {}, B = {};
+        for (const [E, V] of Object.entries(g))
+          if (E.startsWith("on") && typeof V == "function") {
+            let W = E;
+            E.startsWith("onOn") && (W = "on" + E.slice(4)), B[W] = V;
+          } else if (E.startsWith("on") && Array.isArray(V)) {
+            let W = E;
+            E.startsWith("onOn") && (W = "on" + E.slice(4)), B[W] = V;
           } else
-            x.startsWith("onOn") || (E[x] = V);
-        const T = {
-          ...E,
-          ...G,
-          class: I,
+            E.startsWith("onOn") || (S[E] = V);
+        const N = {
+          ...S,
+          ...B,
+          class: T,
           // 把外层 class 传给内部
-          style: p,
+          style: C,
           // 把外层 style 传给内部
-          ref: (x) => {
-            c.value = x;
+          ref: (E) => {
+            l.value = E;
           }
-        }, 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() : []);
+        }, 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() : []);
       };
     }
   });
 }
-const Je = Symbol("AddonEnvContext"), Xe = {
+const Re = Symbol("AddonEnvContext"), Qe = {
   isPluginActive: !1,
   nameSuffix: "",
   pluginPackageName: "com.quicktvui.plugin.glintui",
   builtInVersions: {}
 };
-async function Ut(e = "com.quicktvui.plugin.glintui", i = "_Plugin") {
-  const u = Ze();
-  let s = {};
+async function Qt(e = "com.quicktvui.plugin.glintui", a = "_Plugin") {
+  const d = Fe();
+  let u = {};
   try {
-    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 h = await I.callNativeModule("AddonEnvModule", "getBuiltInVersions", []);
+    h && typeof h == "object" && (u = h);
+  } catch (h) {
+    console.warn("[AddonProvider] Failed to fetch built-in versions from AddonEnvModule", h);
   }
-  const f = `QtGridTabs${i}`, v = u.isComponentRegistered(f), l = v instanceof Promise ? await v : v, r = {
-    isPluginActive: l,
-    nameSuffix: l ? i : "",
+  const v = `QtGridTabs${a}`, g = d.isComponentRegistered(v), c = g instanceof Promise ? await g : g, s = {
+    isPluginActive: c,
+    nameSuffix: c ? a : "",
     // 如果使用了热更插件，包名加上 .ext 后缀（与 Gradle 打包脚本对齐）
-    pluginPackageName: l ? `${e}.ext` : e,
-    builtInVersions: s
+    pluginPackageName: c ? `${e}.ext` : e,
+    builtInVersions: u
   };
-  return console.info("[AddonProvider] Environment initialized:", r), r;
+  return console.info("[AddonProvider] Environment initialized:", s), s;
 }
-let de = A(Xe);
-function Vt(e) {
-  de.value = e, ot(Je, de);
+let ue = A(Qe);
+function Dt(e) {
+  ue.value = e, Le(Re, ue);
 }
-function _() {
+function L() {
   var e;
-  return ((e = nt(Je, de)) == null ? void 0 : e.value) || Xe;
+  return ((e = Ue(Re, ue)) == null ? void 0 : e.value) || Qe;
 }
-async function Et(e) {
+async function Tt(e) {
   console.log("[AddonProvider] Sending GridTabs global config to Native:", e);
   try {
-    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 a = await I.callNativeWithPromise("GridTabsConfigModule", "setDefaultConfig", JSON.stringify(e));
+    return console.log("[AddonProvider] Received response from Native:", a), !!(a && a.success);
+  } catch (a) {
+    return console.error("[AddonProvider] Failed to initialize GridTabs global config:", a), !1;
   }
 }
-async function xt(e) {
+async function It(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;
+    const a = await I.callNativeWithPromise("ExtraUIConfigModule", "setThemeConfig", JSON.stringify(e));
+    return console.log("[AddonProvider] Received ExtraUI theme response from Native:", a), !!(a && a.success);
+  } catch (a) {
+    return console.error("[AddonProvider] Failed to initialize ExtraUI global theme config:", a), !1;
   }
 }
-async function Wt(e) {
+async function Mt(e) {
   console.log("[AddonProvider] Initializing global theme across all modules:", e);
-  const i = await xt(e), u = await Et({
+  const a = await It(e), d = await Tt({
     themeConfig: {
       placeholderColor: e.placeholderColor,
       glowColor: e.glowColor || e.focusBackgroundColor,
@@ -1915,50 +1874,48 @@ async function Wt(e) {
       // 更多属性映射根据后续 Glint/GridTabs 支持情况添加
     }
   });
-  return i && u;
+  return a && d;
 }
-const jt = {
+const zt = {
   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(St);
+    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);
   }
 };
 export {
-  Je as ADDON_ENV_CONTEXT_KEY,
+  Re 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,
-  St 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,
-  Pt as QuickTVUINAddonsConfig,
-  Pe 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
+  je as GridTabsPlugin,
+  he as HsvBackground,
+  tt as HsvBackgroundPlugin,
+  me as Keyboard,
+  He as KeyboardPlugin,
+  Ce as NaButton,
+  rt as NaButtonPlugin,
+  ke as NaCheckbox,
+  Ie as NaCheckboxGroup,
+  mt as NaCheckboxGroupPlugin,
+  ct as NaCheckboxPlugin,
+  Te as NaRadioGroup,
+  ft as NaRadioGroupPlugin,
+  Pe as NaSettingSwitch,
+  Ct as NaSettingSwitchPlugin,
+  Ne as NaSwitcher,
+  yt as NaSwitcherPlugin,
+  ye as PortalItem,
+  Ye as PortalItemPlugin,
+  be as PortalPool,
+  Ze as PortalPoolPlugin,
+  zt as QuickTVUINAddons,
+  kt 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,
+  L as useAddonEnv,
+  Rt as useGridTabs,
+  z as withAsyncPlugin
 };