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

package/dist/naddons.es.js

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