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

package/dist/naddons.es.js

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