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

package/dist/naddons.es.js

@@ -1,186 +1,207 @@
-import { defineComponent as q, ref as x, openBlock as Q, createBlock as B, unref as U, mergeProps as K, withCtx as j, renderSlot as V, shallowRef as oe, watch as J, computed as Ae, onMounted as me, h as L, nextTick as Ie, provide as Ee, inject as Ne } from "vue";
-import { Native as G } from "@extscreen/es3-vue";
-import { useES as pe, useESPlugin as we } from "@extscreen/es3-core";
-const se = "QtGridTabs", H = /* @__PURE__ */ q({
+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",
   props: {
     protocolVersion: {},
+    pageSpec: {},
     tabsData: {},
-    actionPayload: {},
-    hsvHue: { default: -2 }
+    actionPayload: {}
   },
-  emits: ["onTabSelected", "onTabNeedsData", "onLoadMore", "onItemPresence", "onTabFocused", "onItemClick", "onItemFocused", "onProtocolMismatch", "onScroll", "onScrollStateChanged"],
-  setup(o, { expose: s }) {
-    const d = x(), v = W(), b = se + "_Plugin", c = (v.isPluginActive ? b : se).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = z(
-      c,
-      v.pluginPackageName || "com.quicktvui.plugin.glintui"
+  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, a;
-        return ((a = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : a.call(i)) || d.value;
+        var a, l;
+        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
       },
-      dispatchAction: (...i) => {
-        var l, P;
-        const a = ((P = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : P.call(l)) || d.value;
-        a && G.callUIFunction(a, "dispatchAction", i);
+      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);
       },
-      scrollToTop: (...i) => {
-        var l, P;
-        const a = ((P = (l = d.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : P.call(l)) || d.value;
-        a && G.callUIFunction(a, "scrollToTop", 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, a) => (Q(), B(U(m), K({
+    }), (a, l) => (q(), R(U(f), Q({
       ref_key: "nativeRef",
-      ref: d,
+      ref: c,
       protocolVersion: o.protocolVersion,
+      pageSpec: o.pageSpec,
       tabsData: o.tabsData,
       actionPayload: o.actionPayload,
-      hsvHue: o.hsvHue,
-      onOnTabSelected: a[0] || (a[0] = (l) => i.$emit("onTabSelected", l.nativeEvent)),
-      onOnTabNeedsData: a[1] || (a[1] = (l) => i.$emit("onTabNeedsData", l.nativeEvent)),
-      onOnLoadMore: a[2] || (a[2] = (l) => i.$emit("onLoadMore", l.nativeEvent)),
-      onOnItemPresence: a[3] || (a[3] = (l) => i.$emit("onItemPresence", l.nativeEvent)),
-      onOnTabFocused: a[4] || (a[4] = (l) => i.$emit("onTabFocused", l.nativeEvent)),
-      onOnItemClick: a[5] || (a[5] = (l) => i.$emit("onItemClick", l.nativeEvent)),
-      onOnItemFocused: a[6] || (a[6] = (l) => i.$emit("onItemFocused", l.nativeEvent)),
-      onOnProtocolMismatch: a[7] || (a[7] = (l) => i.$emit("onProtocolMismatch", l.nativeEvent)),
-      onOnScroll: a[8] || (a[8] = (l) => i.$emit("onScroll", l.nativeEvent)),
-      onOnScrollStateChanged: a[9] || (a[9] = (l) => i.$emit("onScrollStateChanged", l.nativeEvent))
-    }, i.$attrs), {
-      default: j(() => [
-        V(i.$slots, "default")
+      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, ["protocolVersion", "tabsData", "actionPayload", "hsvHue"]));
+    }, 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 ke = {
+const xe = {
   install: (o) => {
     if (!globalThis.__QtGridTabs_registered)
       if (Y) {
-        const s = (d, v) => {
-          Y(d, {
+        const u = (c, r) => {
+          Y(c, {
             component: {
-              name: v ? "QtGridTabs_Plugin" : "QtGridTabs",
-              processEventData(b, y) {
-                const c = b.handler || b, m = y || (c == null ? void 0 : c.nativeParams) || {};
-                return c && (c.nativeEvent = m), c;
+              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", H), o.component("qt-grid-tabs", H), o.component("gt-tabs", H);
+    o.component("GridTabs", Z), o.component("qt-grid-tabs", Z), o.component("gt-tabs", Z);
   }
 };
-function Me(o, s) {
-  const d = x(""), v = oe([]), b = oe([]);
-  let y = !1, c = !1;
-  const m = "__virtual_single_tab__";
-  let i = "";
-  const a = x({}), l = (t) => {
-    const e = Array.isArray(t) ? t : [t], n = JSON.stringify(e);
-    if (c && 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(n);
+        console.log("[useGridTabs] Calling Wrapper dispatchAction directly"), o.value.dispatchAction(e);
         return;
       }
-      let r = o.value;
-      typeof o.value.getNativeNode == "function" ? r = o.value.getNativeNode() || o.value : o.value.nativeRef && (r = o.value.nativeRef), r ? (console.log("[useGridTabs] Calling Native.callUIFunction(dispatchAction)"), G.callUIFunction(r, "dispatchAction", [n])) : 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");
     }
-  }, P = (t, e) => {
+  }, G = (t, e) => {
     if (!t)
       return !1;
     let n = !0;
     return t.id || (console.error(`[useGridTabs] ❌ 数据格式错误 (${e}): 卡片缺失必填字段 'id'。每个卡片必须有唯一标识才能进行后续更新！`, t), n = !1), t.viewType || (console.error(`[useGridTabs] ❌ 数据格式错误 (${e}): 卡片缺失必填字段 'viewType' (id: ${t.id || "未知"})。必须指定 Native 注册的视图类型或 Portal 标识！`, t), n = !1), n;
-  }, h = (t, e) => {
+  }, $ = (t, e) => {
     if (!t)
       return !1;
     let n = !0;
     return t.tabId || (console.error(`[useGridTabs] ❌ 数据格式错误 (${e}): Tab 缺失必填字段 'tabId'。每个 Tab 必须有唯一标识！`, t), n = !1), (t.title === void 0 || t.title === null) && console.warn(`[useGridTabs] ⚠️ 数据格式警告 (${e}): Tab 缺失 'title' 字段 (tabId: ${t.tabId || "未知"})，导航栏可能显示为空。`, t), n;
-  }, S = (t, e) => {
+  }, J = (t, e) => {
     if (!t || t.length === 0)
       return;
-    I.clear();
+    F.clear();
     const n = t[0].hasOwnProperty("tabId") || t[0].hasOwnProperty("items") && Array.isArray(t[0].items);
-    y = 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((r, u) => P(r, `items.value[${u}]`)) : t.forEach((r, u) => {
-      h(r, `tabs.value[${u}]`), r.items && Array.isArray(r.items) && r.items.forEach((f, g) => P(f, `tabs.value[${u}].items[${g}]`));
-    }), c = !0, D();
-  }, I = /* @__PURE__ */ new Set(), D = (t = "unknown") => {
-    if (!c) {
+    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 }
+      themeConfig: r == null ? void 0 : r.themeConfig,
+      referenceResolution: (r == null ? void 0 : r.referenceResolution) ?? { w: 1920, h: 1080 }
     }, n = [];
-    y ? (e.navConfig = { ...e.navConfig, renderType: "none" }, n = [
+    d ? (e.navConfig = { ...e.navConfig, renderType: "none" }, n = [
       {
-        tabId: m,
+        tabId: a,
         title: "Virtual Tab",
         hidden: !0,
-        items: b.value
+        items: m.value
       }
-    ]) : n = v.value;
-    const r = JSON.stringify({
+    ]) : n = b.value;
+    const s = JSON.stringify({
       page_spec: e,
       tabs: n
     });
-    if (d.value === "")
-      console.log(`[useGridTabs] triggerRootUpdate: Initializing tabsDataStr (length=${r.length})`), d.value = r, i = r;
+    if (c.value === "")
+      console.log(`[useGridTabs] triggerRootUpdate: Initializing tabsDataStr (length=${s.length})`), c.value = s, l = s;
     else {
-      if (i === r) {
+      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=${r.length})`), d.value = r, i = r, l({
+      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,
@@ -190,23 +211,23 @@ function Me(o, s) {
         }
       });
     }
-  }, R = (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, r, u, f) {
-        const g = Reflect.set(n, r, u, f);
-        return t.id && c && l({
+      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
         }), 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 = p(t.subItems, t.id), Object.defineProperty(t.subItems, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(t.subItems, "__v_skip", { value: !0, enumerable: !1 }));
+    }), 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, r, u, f) {
-        const g = Reflect.set(n, r, u, f);
-        return n.id && c && l({
+      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
@@ -214,284 +235,453 @@ function Me(o, s) {
       }
     });
     return Object.defineProperty(e, "__isGridTabsProxy", { value: !0, enumerable: !1 }), Object.defineProperty(e, "__v_skip", { value: !0, enumerable: !1 }), e;
-  }, p = (t, e) => {
+  }, A = (t, e) => {
     for (let n = 0; n < t.length; n++)
-      t[n] = R(t[n]);
+      t[n] = h(t[n]);
     return new Proxy(t, {
-      get(n, r, u) {
-        return r === "push" ? (...f) => {
-          f.forEach((C, he) => P(C, `push(${he})`)), c || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 push()。请先对 items.value 或 tabs.value 进行全量赋值！");
-          const g = f.map((C) => R(C)), k = Array.prototype.push.apply(n, g);
-          return l({
+      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: g }
-          }), k;
-        } : r === "splice" ? (...f) => {
-          const g = f.length >= 2 && f[0] === 0 && f[1] === n.length, k = Array.prototype.splice.apply(n, f);
-          return c && g && e !== m ? l({
-            op: "UPDATE_TAB_STATE",
-            // 借用 UPDATE_TAB_STATE 指令，但带有特殊标识，要求底层清空该 Tab
+          }), 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: { action: "clear_items" }
-          }) : c && D("items array spliced"), k;
-        } : Reflect.get(n, r, u);
+            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
+          }) : f && (i || P("items array spliced")), I;
+        } : Reflect.get(n, s, v);
       },
-      set(n, r, u, f) {
-        if (r !== "length" && !isNaN(Number(r))) {
-          c || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(r)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), P(u, `索引赋值 [${String(r)}]`);
-          const g = R(u), k = Reflect.set(n, r, g, f);
-          return g && g.id && l({
+      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: g.id,
             payload: g
-          }), k;
+          }), I;
         }
-        return Reflect.set(n, r, u, f);
+        return Reflect.set(n, s, v, p);
       }
     });
-  }, A = (t) => (t.items && Array.isArray(t.items) && !t.items.__isGridTabsProxy && (t.items = p(t.items, t.tabId), Object.defineProperty(t.items, "__isGridTabsProxy", { value: !0, enumerable: !1 })), new Proxy(t, {
-    set(e, n, r, u) {
+  }, 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 = r;
-        return Array.isArray(r) && !r.__isGridTabsProxy && (g = p(r, e.tabId), Object.defineProperty(g, "__isGridTabsProxy", { value: !0, enumerable: !1 })), Reflect.set(e, n, g, u);
+        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, r, u);
-        return c && e.tabId && l({
+        const g = Reflect.set(e, n, s, v);
+        return f && e.tabId && !i && T({
           op: "UPDATE_TAB_STATE",
           itemId: e.tabId,
-          payload: { loadState: r }
+          payload: { loadState: s }
         }), g;
       }
-      return Reflect.set(e, n, r, u);
+      return Reflect.set(e, n, s, v);
     }
-  })), w = (t) => {
-    const e = t.map((n) => A(n));
+  })), _ = (t) => {
+    const e = t.map((n) => S(n));
     return new Proxy(e, {
-      set(n, r, u, f) {
-        if (r !== "length" && !isNaN(Number(r))) {
-          let g = u;
-          u.__isGridTabsProxy || (g = A(u), Object.defineProperty(g, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
-          const k = Reflect.set(n, r, g, f);
-          return D(), k;
+      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(n, r, u, f);
+        return Reflect.set(n, s, v, p);
       }
     });
   };
-  J(v, (t, e) => {
-    if (console.log("[useGridTabs] watch(tabs) triggered:", { newTabs: t, isInitialized: c }), !t || t.length === 0) {
-      d.value = "", i = "", c = !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 (t.__isGridTabsProxy)
-      console.log("[useGridTabs] newTabs is ALREADY a proxy, triggering root update"), D();
+      console.log("[useGridTabs] newTabs is ALREADY a proxy, triggering root update"), P();
     else {
       console.log("[useGridTabs] newTabs is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
-      const n = w(t);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), S(n, "2d"), v.value = n;
+      const n = _(t);
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "2d"), b.value = n;
     }
-  }, { flush: "sync", deep: !1 }), J(b, (t, e) => {
-    if (console.log("[useGridTabs] watch(items) triggered:", { newItems: t, isInitialized: c }), !t || t.length === 0) {
-      d.value = "", i = "", c = !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 (t.__isGridTabsProxy)
-      console.log("[useGridTabs] newItems is ALREADY a proxy, triggering root update"), D();
+      console.log("[useGridTabs] newItems is ALREADY a proxy, triggering root update"), P();
     else {
       console.log("[useGridTabs] newItems is NOT a proxy, performing full deduceModeAndInitialize & wrapping");
-      const n = p(t, m);
-      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), S(n, "1d"), b.value = n;
+      const n = A(t, a);
+      Object.defineProperty(n, "__isGridTabsProxy", { value: !0, enumerable: !1 }), J(n, "1d"), m.value = n;
     }
   }, { flush: "sync", deep: !1 });
-  const T = {}, $ = () => {
-    console.log("[useGridTabs] resetInitialization called manually"), c = !1, I.clear();
-    for (const t in T)
-      delete T[t];
-  }, E = (t) => {
+  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) {
-      d.value = "", c = !1;
+      c.value = "", f = !1;
       return;
     }
-    t[0].hasOwnProperty("tabId") || t[0].hasOwnProperty("items") && Array.isArray(t[0].items) ? v.value = t : b.value = t;
-  }, _ = (t) => {
-    a.value = t;
-  }, O = Ae(() => ({
-    tabsData: d.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 (...t) => {
       let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), !a.value.onTabNeedsData)
+      if (e && e.nativeEvent && (e = e.nativeEvent), !y.value.onTabNeedsData)
         return;
-      const { tabId: n, index: r, reason: u } = e;
-      if (I.has(n)) {
+      const { tabId: n, index: s, reason: v } = e;
+      if (F.has(n)) {
         console.log(`[useGridTabs] onTabNeedsData SKIP: tabId=${n} 已经发起过请求，防止死循环`);
         return;
       }
-      I.add(n);
+      F.add(n);
       try {
-        const f = await a.value.onTabNeedsData(n, r, u);
-        if (f && Array.isArray(f))
-          if (T[n] = 1, f.length > 0) {
-            const g = v.value.find((k) => k.tabId === n);
-            g && (g.items ? g.items.length > 0 && g.items.splice(0, g.items.length) : g.items = [], g.items.push(...f), g.loadState = "ready", l({
+        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: n,
               payload: { loadState: "ready" }
             }));
           } else
             console.warn(`[useGridTabs] ⚠️ 警告: onTabNeedsData(tabId="${n}") 返回了空数组 []！`), console.warn("👉 如果你已经在此函数内手动调用了 push() 来追加数据，请在最后 return null 或 undefined。"), console.warn("👉 如果该 Tab 确实没有数据，返回 [] 可能会导致底层的 Header 等已有元素被清空，请注意检查。"), console.warn("👉 框架已为您拦截此次空数组覆盖，保留了当前的 DOM 结构。");
-      } catch (f) {
-        console.error("[useGridTabs] onTabNeedsData 执行失败:", f), I.delete(n);
+      } catch (p) {
+        console.error("[useGridTabs] onTabNeedsData 执行失败:", p), F.delete(n);
       }
     },
     onLoadMore: async (...t) => {
       let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), !a.value.onLoadMore)
+      if (e && e.nativeEvent && (e = e.nativeEvent), !y.value.onLoadMore)
         return;
-      const { tabId: n, itemId: r } = e, f = (T[n] || 1) + 1;
-      console.log(`[useGridTabs] 拦截到底层 onLoadMore，强行接管页码: tabId=${n}, pageNo=${f}`);
+      const { tabId: n, itemId: s } = e, p = (N[n] || 1) + 1;
+      console.log(`[useGridTabs] 拦截到底层 onLoadMore，强行接管页码: tabId=${n}, pageNo=${p}`);
       try {
-        const g = await a.value.onLoadMore(n, f, r);
+        const g = await y.value.onLoadMore(n, p, s);
         if (g && Array.isArray(g))
           if (g.length > 0)
-            if (T[n] = f, y)
-              b.value.push(...g);
+            if (N[n] = p, d)
+              m.value.push(...g);
             else {
-              const k = v.value.find((C) => C.tabId === n);
-              k && k.items && k.items.push(...g);
+              const I = b.value.find((C) => C.tabId === n);
+              I && I.items && I.items.push(...g);
             }
           else
-            console.warn(`[useGridTabs] ⚠️ 警告: onLoadMore(tabId="${n}", pageNo="${f}") 返回了空数组 []！`), console.warn('👉 如果这是你的最后一页数据，推荐在卡片列表中追加一个 type="no_more" 的 footer 卡片，而不是仅仅返回空。'), console.warn("👉 框架已忽略本次空数据追加，且不会自增页码。");
+            console.warn(`[useGridTabs] ⚠️ 警告: onLoadMore(tabId="${n}", pageNo="${p}") 返回了空数组 []！`), console.warn('👉 如果这是你的最后一页数据，推荐在卡片列表中追加一个 type="no_more" 的 footer 卡片，而不是仅仅返回空。'), console.warn("👉 框架已忽略本次空数据追加，且不会自增页码。");
       } catch (g) {
         console.error("[useGridTabs] onLoadMore 业务层请求失败:", g);
       }
     },
     onItemPresence: (...t) => {
       let e = t[0];
-      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", e), a.value.onItemPresence)
+      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", e), y.value.onItemPresence)
         try {
           let n = typeof e == "string" ? e : (e == null ? void 0 : e.nativeEvent) || e;
           n && typeof n.data == "string" && (n = n.data);
-          const r = typeof n == "string" ? JSON.parse(n) : n;
-          r && r.type === "VIEW_PRESENCE_BATCH" && Array.isArray(r.payload) ? r.payload.forEach((u) => {
-            u.itemId && typeof u.itemId == "string" && u.itemId.startsWith("fallback_pos_") && console.warn(`[useGridTabs] ⚠️ 警告：检测到列表项曝光 (index=${u.index})，但未配置 itemId。请检查传入的 items 数组，务必为每个数据项指定唯一的 itemId，否则底层无法准确进行去重与曝光上报。`), a.value.onItemPresence(u);
-          }) : a.value.onItemPresence(r);
+          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), a.value.onItemPresence(e);
+          console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), y.value.onItemPresence(e);
         }
     },
     onTabSelected: (...t) => {
       let e = t[0];
-      e && e.nativeEvent && (e = e.nativeEvent), a.value.onTabSelected && a.value.onTabSelected(e);
+      e && e.nativeEvent && (e = e.nativeEvent), y.value.onTabSelected && y.value.onTabSelected(e);
     },
     onItemClick: (...t) => {
       let e = t[0];
-      if (console.log("[useGridTabs] RAW onItemClick intercepted from Native:", e), e && e.nativeEvent && (e = e.nativeEvent), a.value.onItemClick)
+      if (console.log("[useGridTabs] RAW onItemClick intercepted from Native:", e), e && e.nativeEvent && (e = e.nativeEvent), y.value.onItemClick)
         try {
           let n = typeof e == "string" ? e : (e == null ? void 0 : e.data) || e;
-          console.log("[useGridTabs] Parsed eventStr:", n);
-          const r = typeof n == "string" ? JSON.parse(n) : n;
-          a.value.onItemClick(r);
+          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), a.value.onItemClick(e);
+          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: (...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 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: (...t) => {
       let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), a.value.onItemFocused)
+      if (e && e.nativeEvent && (e = e.nativeEvent), y.value.onItemFocused)
         try {
           let n = typeof e == "string" ? e : (e == null ? void 0 : e.data) || e;
-          const r = typeof n == "string" ? JSON.parse(n) : n;
-          a.value.onItemFocused(r);
+          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), a.value.onItemFocused(e);
+          console.error("[useGridTabs] Failed to parse onItemFocused event payload:", n), y.value.onItemFocused(e);
         }
     },
     onTabFocused: (...t) => {
       let e = t[0];
-      e && e.nativeEvent && (e = e.nativeEvent), a.value.onTabFocused && a.value.onTabFocused(e);
+      e && e.nativeEvent && (e = e.nativeEvent), y.value.onTabFocused && y.value.onTabFocused(e);
     },
     onScroll: (...t) => {
       let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), a.value.onScroll)
+      if (e && e.nativeEvent && (e = e.nativeEvent), y.value.onScroll)
         try {
           const n = (e == null ? void 0 : e.data) || e;
-          a.value.onScroll(n);
+          y.value.onScroll(n);
         } catch {
-          a.value.onScroll(e);
+          y.value.onScroll(e);
         }
     },
     onScrollStateChanged: (...t) => {
       let e = t[0];
-      if (e && e.nativeEvent && (e = e.nativeEvent), a.value.onScrollStateChanged)
+      if (e && e.nativeEvent && (e = e.nativeEvent), y.value.onScrollStateChanged)
         try {
           const n = (e == null ? void 0 : e.data) || e;
-          a.value.onScrollStateChanged(n);
+          y.value.onScrollStateChanged(n);
         } catch {
-          a.value.onScrollStateChanged(e);
+          y.value.onScrollStateChanged(e);
         }
     }
   }));
   return {
-    tabsDataStr: d,
-    bindings: O,
-    tabs: v,
-    items: b,
-    initData: E,
-    setCallbacks: _,
+    tabsDataStr: c,
+    bindings: M,
+    tabs: b,
+    items: m,
+    initData: O,
+    setCallbacks: k,
     updateItem: (t, e) => {
-      if (!c) {
+      if (!f) {
         console.error("[useGridTabs] ❌ 时机错误: 尚未初始化数据，无法调用 updateItem");
         return;
       }
-      l({ op: "UPDATE_ITEM", itemId: t, payload: e });
-      const n = (r) => {
-        for (const u in e)
-          u === "content" && r.content ? Object.assign(r.content, e.content) : r[u] = e[u];
-      };
-      if (y) {
-        const r = b.value.find((u) => u.id === t);
-        r && n(r);
-      } else
-        for (const r of v.value)
-          if (r.items) {
-            const u = r.items.find((f) => f.id === t);
-            if (u) {
-              n(u);
-              break;
+      T({ op: "UPDATE_ITEM", itemId: t, payload: e }), i = !0;
+      try {
+        if (d) {
+          const n = m.value.find((s) => s.id === t);
+          n && Object.assign(n, e);
+        } else
+          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 {
+        i = !1;
+      }
+    },
+    deleteItem: (t, e = !0) => {
+      if (f) {
+        T({ op: "DELETE_ITEM", itemId: t, payload: { animated: e } }), i = !0;
+        try {
+          if (d) {
+            const n = m.value.findIndex((s) => s.id === t);
+            n !== -1 && m.value.splice(n, 1);
+          } else
+            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 {
+          i = !1;
+        }
+      }
+    },
+    prependItems: (t, e) => {
+      if (f) {
+        T({
+          op: "PREPEND_SUB_ITEMS",
+          itemId: t,
+          payload: { subItems: e }
+        }), i = !0;
+        try {
+          if (d)
+            m.value.unshift(...e);
+          else {
+            const n = b.value.find((s) => s.tabId === t);
+            n && n.items && n.items.unshift(...e);
           }
+        } finally {
+          i = !1;
+        }
+      }
+    },
+    clearItems: (t) => {
+      if (f) {
+        T({
+          op: "CLEAR_SUB_ITEMS",
+          itemId: t
+        }), i = !0;
+        try {
+          if (d)
+            m.value.splice(0, m.value.length);
+          else {
+            const e = b.value.find((n) => n.tabId === t);
+            e && e.items && e.items.splice(0, e.items.length);
+          }
+        } finally {
+          i = !1;
+        }
+      }
+    },
+    moveItem: (t, e, n) => {
+      if (f) {
+        T({
+          op: "MOVE_ITEM",
+          itemId: t,
+          payload: { targetPosition: e, anchorItemId: n }
+        }), i = !0;
+        try {
+          const s = (v) => {
+            const p = v.findIndex((I) => I.id === t), g = v.findIndex((I) => I.id === n);
+            if (p !== -1 && g !== -1) {
+              const I = v.splice(p, 1)[0], C = v.findIndex((Ae) => Ae.id === n), W = e === "after" ? C + 1 : C;
+              v.splice(W, 0, I);
+            }
+          };
+          if (d)
+            s(m.value);
+          else
+            for (const v of b.value)
+              v.items && s(v.items);
+        } finally {
+          i = !1;
+        }
+      }
     },
-    dispatchAction: l,
-    resetInitialization: $,
+    replaceItem: (t, e) => {
+      if (f) {
+        T({
+          op: "REPLACE_ITEM",
+          itemId: t,
+          payload: e
+        }), i = !0;
+        try {
+          if (d) {
+            const n = m.value.findIndex((s) => s.id === t);
+            n !== -1 && (m.value[n] = e);
+          } else
+            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 {
+          i = !1;
+        }
+      }
+    },
+    dispatchAction: T,
+    resetInitialization: w,
     getFocusState: async () => new Promise((t, e) => {
       let n = o.value;
-      typeof o.value.getNativeNode == "function" ? n = o.value.getNativeNode() || o.value : o.value.nativeRef && (n = o.value.nativeRef), G.callUIFunction(n, "getFocusState", [], (r) => {
+      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 r == "string" ? JSON.parse(r) : r;
-          t(u);
-        } catch (u) {
-          e(u);
+          const p = typeof v == "string" ? JSON.parse(v) : v;
+          t(p);
+        } catch (p) {
+          e(p);
         }
-      });
+      };
+      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 (t) => new Promise((e, n) => {
-      let r = o.value;
-      typeof o.value.getNativeNode == "function" ? r = o.value.getNativeNode() || o.value : o.value.nativeRef && (r = o.value.nativeRef), G.callUIFunction(r, "getItemRect", [t], (u) => {
+      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 f = typeof u == "string" ? JSON.parse(u) : u;
-          e(f);
-        } catch (f) {
-          n(f);
+          const g = typeof p == "string" ? JSON.parse(p) : p;
+          e(g);
+        } catch (g) {
+          n(g);
+        }
+      };
+      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: (t) => {
+      let e = o.value;
+      typeof o.value.getNativeNode == "function" ? e = o.value.getNativeNode() || o.value : o.value.nativeRef && (e = o.value.nativeRef), E.callUIFunction(e, "requestFocus", [t]);
+    },
+    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", ae = /* @__PURE__ */ q({
+const le = "QtKeyboard", re = /* @__PURE__ */ D({
   __name: "Keyboard",
   props: {
     backgroundColor: {},
@@ -503,46 +693,33 @@ const re = "QtKeyboard", ae = /* @__PURE__ */ q({
     placeholder: {},
     textFullKeyboard: {},
     textT9Keyboard: {},
+    keyboardType: {},
     textClear: {},
     textDelete: {},
     currentInput: {},
     autofocus: { type: Boolean },
-    requestFocus: { type: Boolean },
-    keyboardType: {},
     rememberKeyboardType: { type: Boolean }
   },
   emits: ["onInputChanged", "onKeyPressed"],
-  setup(o, { expose: s, emit: d }) {
-    const v = x(), b = W(), y = re + "_Plugin", m = (b.isPluginActive ? y : re).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), i = z(
-      m,
-      b.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"
-    ), a = o;
-    return me(() => {
-      (a.autofocus || a.requestFocus) && setTimeout(() => {
-        var P, h;
-        const l = ((h = (P = v.value) == null ? void 0 : P.getNativeNode) == null ? void 0 : h.call(P)) || v.value;
-        l && G.callUIFunction(l, "requestFocus", [!0]);
-      }, 300);
-    }), J(() => a.requestFocus, (l) => {
-      l && setTimeout(() => {
-        var h, S;
-        const P = ((S = (h = v.value) == null ? void 0 : h.getNativeNode) == null ? void 0 : S.call(h)) || v.value;
-        P && G.callUIFunction(P, "requestFocus", [!0]);
-      }, 300);
-    }), s({
+    );
+    return u({
       getNativeNode: () => {
-        var l, P;
-        return ((P = (l = v.value) == null ? void 0 : l.getNativeNode) == null ? void 0 : P.call(l)) || v.value;
+        var a, l;
+        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
       },
-      requestFocus: (...l) => {
-        var h, S;
-        const P = ((S = (h = v.value) == null ? void 0 : h.getNativeNode) == null ? void 0 : S.call(h)) || v.value;
-        P && G.callUIFunction(P, "requestFocus", l);
+      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);
       }
-    }), (l, P) => (Q(), B(U(i), K({
+    }), (a, l) => (q(), R(U(f), Q({
       ref_key: "nativeRef",
-      ref: v,
+      ref: c,
       backgroundColor: o.backgroundColor,
       backgroundGradient: o.backgroundGradient,
       textColor: o.textColor,
@@ -552,190 +729,246 @@ const re = "QtKeyboard", ae = /* @__PURE__ */ q({
       placeholder: o.placeholder,
       textFullKeyboard: o.textFullKeyboard,
       textT9Keyboard: o.textT9Keyboard,
+      keyboardType: o.keyboardType,
       textClear: o.textClear,
       textDelete: o.textDelete,
       currentInput: o.currentInput,
       autofocus: o.autofocus,
-      requestFocus: o.requestFocus,
-      keyboardType: o.keyboardType,
-      rememberKeyboardType: o.rememberKeyboardType ?? !0,
-      onOnInputChanged: P[0] || (P[0] = (h) => l.$emit("onInputChanged", h.nativeEvent)),
-      onOnKeyPressed: P[1] || (P[1] = (h) => l.$emit("onKeyPressed", h.nativeEvent))
-    }, l.$attrs), {
-      default: j(() => [
-        V(l.$slots, "default")
+      rememberKeyboardType: o.rememberKeyboardType,
+      onOnInputChanged: l[0] || (l[0] = (i) => a.$emit("onInputChanged", i.nativeEvent)),
+      onOnKeyPressed: l[1] || (l[1] = (i) => a.$emit("onKeyPressed", i.nativeEvent))
+    }, a.$attrs), {
+      default: B(() => [
+        j(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["backgroundColor", "backgroundGradient", "textColor", "weakTextColor", "focusBackgroundColor", "focusTextColor", "placeholder", "textFullKeyboard", "textT9Keyboard", "textClear", "textDelete", "currentInput", "autofocus", "requestFocus", "keyboardType", "rememberKeyboardType"]));
+    }, 16, ["backgroundColor", "backgroundGradient", "textColor", "weakTextColor", "focusBackgroundColor", "focusTextColor", "placeholder", "textFullKeyboard", "textT9Keyboard", "keyboardType", "textClear", "textDelete", "currentInput", "autofocus", "rememberKeyboardType"]));
   }
 });
 let X;
-var fe;
+var ye;
 try {
   const o = require("@extscreen/es3-vue");
-  X = o.registerElement || ((fe = o.default) == null ? void 0 : fe.registerElement);
+  X = o.registerElement || ((ye = o.default) == null ? void 0 : ye.registerElement);
 } catch {
 }
-const Se = {
+const Ge = {
   install: (o) => {
     if (!globalThis.__QtKeyboard_registered)
       if (X) {
-        const s = (d, v) => {
-          X(d, {
+        const u = (c, r) => {
+          X(c, {
             component: {
-              name: v ? "QtKeyboard_Plugin" : "QtKeyboard",
-              processEventData(b, y) {
-                const c = b.handler || b, m = y || (c == null ? void 0 : c.nativeParams) || {};
-                return c && (c.nativeEvent = m), c;
+              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", ae), o.component("qt-keyboard", ae);
+    o.component("Keyboard", re), o.component("qt-keyboard", re);
   }
-}, ie = "QtPortalPool", le = /* @__PURE__ */ q({
+}, ce = "QtPortalPool", ue = /* @__PURE__ */ D({
   __name: "PortalPool",
-  setup(o, { expose: s }) {
-    const d = x(), v = W(), b = ie + "_Plugin", c = (v.isPluginActive ? b : ie).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = z(
-      c,
-      v.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, a;
-        return ((a = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : a.call(i)) || d.value;
+        var a, l;
+        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
       }
-    }), (i, a) => (Q(), B(U(m), K({
+    }), (a, l) => (q(), R(U(f), Q({
       ref_key: "nativeRef",
-      ref: d
-    }, i.$attrs), {
-      default: j(() => [
-        V(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 $e = {
+const Oe = {
   install: (o) => {
     if (!globalThis.__QtPortalPool_registered)
       if (ee) {
-        const s = (d, v) => {
-          ee(d, {
+        const u = (c, r) => {
+          ee(c, {
             component: {
-              name: v ? "QtPortalPool_Plugin" : "QtPortalPool",
-              processEventData(b, y) {
-                const c = b.handler || b, m = y || (c == null ? void 0 : c.nativeParams) || {};
-                return c && (c.nativeEvent = m), c;
+              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", le), o.component("qt-portal-pool", le);
+    o.component("PortalPool", ue), o.component("qt-portal-pool", ue);
   }
-}, ce = "QtPortalItem", ue = /* @__PURE__ */ q({
+}, de = "QtPortalItem", fe = /* @__PURE__ */ D({
   __name: "PortalItem",
   props: {
     portalId: {}
   },
-  setup(o, { expose: s }) {
-    const d = x(), v = W(), b = ce + "_Plugin", c = (v.isPluginActive ? b : ce).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = z(
-      c,
-      v.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, a;
-        return ((a = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : a.call(i)) || d.value;
+        var a, l;
+        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
       }
-    }), (i, a) => (Q(), B(U(m), K({
+    }), (a, l) => (q(), R(U(f), Q({
       ref_key: "nativeRef",
-      ref: d,
+      ref: c,
       portalId: o.portalId
-    }, i.$attrs), {
-      default: j(() => [
-        V(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 _e = {
+const Fe = {
   install: (o) => {
     if (!globalThis.__QtPortalItem_registered)
       if (te) {
-        const s = (d, v) => {
-          te(d, {
+        const u = (c, r) => {
+          te(c, {
             component: {
-              name: v ? "QtPortalItem_Plugin" : "QtPortalItem",
-              processEventData(b, y) {
-                const c = b.handler || b, m = y || (c == null ? void 0 : c.nativeParams) || {};
-                return c && (c.nativeEvent = m), c;
+              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", ue), o.component("qt-portal-item", ue);
+    o.component("PortalItem", fe), o.component("qt-portal-item", fe);
   }
-}, de = "QtHsvBackground", ve = /* @__PURE__ */ q({
+}, ve = "QtHsvBackground", ge = /* @__PURE__ */ D({
   __name: "HsvBackground",
   props: {
     hue: { default: -2 }
   },
-  setup(o, { expose: s }) {
-    const d = x(), v = W(), b = de + "_Plugin", c = (v.isPluginActive ? b : de).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, ""), m = z(
-      c,
-      v.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, a;
-        return ((a = (i = d.value) == null ? void 0 : i.getNativeNode) == null ? void 0 : a.call(i)) || d.value;
+        var a, l;
+        return ((l = (a = c.value) == null ? void 0 : a.getNativeNode) == null ? void 0 : l.call(a)) || c.value;
       }
-    }), (i, a) => (Q(), B(U(m), K({
+    }), (a, l) => (q(), R(U(f), Q({
       ref_key: "nativeRef",
-      ref: d,
+      ref: c,
       hue: o.hue
-    }, i.$attrs), {
-      default: j(() => [
-        V(i.$slots, "default")
+    }, a.$attrs), {
+      default: B(() => [
+        j(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["hue"]));
   }
-}), Ge = {
+}), Me = {
   install(o) {
-    o.component("qt-hsv-background", ve), o.component("HsvBackground", ve);
+    o.component("qt-hsv-background", ge), o.component("HsvBackground", ge);
   }
-}, xe = {
+}, 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"]));
+  }
+});
+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
-}, Z = /* @__PURE__ */ new Set();
-function z(o, s, d) {
-  return q({
+}, H = /* @__PURE__ */ new Set();
+function K(o, u, c) {
+  return D({
     name: `${o}AsyncWrapper`,
     inheritAttrs: !1,
     props: {
@@ -745,208 +978,220 @@ function z(o, s, d) {
         default: !1
       }
     },
-    setup(v, { slots: b, attrs: y, expose: c }) {
-      const m = x("loading"), i = x(""), a = x(), l = globalThis.__VUE_INSTANCE__;
-      c({
+    setup(r, { slots: b, attrs: m, expose: d }) {
+      const f = x("loading"), a = x(""), l = x(), i = globalThis.__VUE_INSTANCE__;
+      d({
         getNativeNode: () => {
-          let p = a.value;
-          return !p && l && l.vnode && l.vnode.el && (p = l.vnode.el, p.childNodes && p.childNodes.length > 0 && (p = p.childNodes[0])), p;
+          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: a
+        nativeRef: l
       });
-      let S = null, I = null;
+      let G = null, $ = null;
       try {
-        S = pe(), I = we();
-      } catch (p) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", p);
+        G = he(), $ = Ce();
+      } catch (P) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", P);
       }
-      const D = async () => {
-        if (!S || typeof S.isComponentRegistered != "function")
+      const J = async () => {
+        if (!G || typeof G.isComponentRegistered != "function")
           return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          const p = await S.isComponentRegistered(o);
-          if (console.log(`[withAsyncPlugin] isComponentRegistered('${o}') 返回:`, p), p === !0 || p && typeof p == "object" && (p.registered === !0 || p.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 A = await G.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
-            if (A && A.core_version) {
-              const w = A.core_version;
-              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${w}`);
-              const T = w.split(".").map(($) => parseInt($, 10));
-              if (T.length >= 3 && !isNaN(T[0]) && !isNaN(T[1]) && !isNaN(T[2]))
-                if (T[0] * 1e6 + T[1] * 1e3 + T[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 E = o.split("-").map((N) => N.charAt(0).toUpperCase() + N.slice(1)).join("");
-                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${o}, ${E}`);
-                  const [_, O] = await Promise.all([
-                    G.callNativeWithPromise("ExtendModule", "isComponentRegistered", o).catch(() => !1),
-                    G.callNativeWithPromise("ExtendModule", "isComponentRegistered", E).catch(() => !1)
+                  const N = o.split("-").map((k) => k.charAt(0).toUpperCase() + k.slice(1)).join("");
+                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${o}, ${N}`);
+                  const [w, O] = await Promise.all([
+                    E.callNativeWithPromise("ExtendModule", "isComponentRegistered", o).catch(() => !1),
+                    E.callNativeWithPromise("ExtendModule", "isComponentRegistered", N).catch(() => !1)
                   ]);
-                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${_}, ${O}]`), _ === !0 || O === !0)
+                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${w}, ${O}]`), w === !0 || O === !0)
                     return !0;
                 } else
-                  console.log(`[withAsyncPlugin] 引擎版本 ${w} < 1.11.205，跳过 ExtendModule 检查`);
+                  console.log(`[withAsyncPlugin] 引擎版本 ${A} < 1.11.205，跳过 ExtendModule 检查`);
               else
-                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${w}`);
+                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${A}`);
             }
-          } catch (A) {
-            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", A);
+          } catch (h) {
+            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", h);
           }
           return !1;
-        } catch (p) {
-          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", p), !1;
+        } catch (P) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", P), !1;
         }
-      }, R = async () => {
-        if (xe.skipPluginCheck || v.skipPluginCheck) {
-          console.log(`[withAsyncPlugin] 跳过 ${o} 插件检查 (skipPluginCheck = true)`), m.value = "ready";
+      }, F = async () => {
+        if (Le.skipPluginCheck || r.skipPluginCheck) {
+          console.log(`[withAsyncPlugin] 跳过 ${o} 插件检查 (skipPluginCheck = true)`), f.value = "ready";
           return;
         }
-        if (!s) {
-          m.value = "ready";
+        if (!u) {
+          f.value = "ready";
           return;
         }
-        const p = await D();
-        if (console.log(`[withAsyncPlugin] 拦截检查 - ${o} 是否已注册:`, p), p || Z.has(s)) {
-          m.value = "ready", Z.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 (!I) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`), m.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((A, w) => {
-            let T;
-            const $ = {
-              onPluginInstallSuccess(E, _, O) {
-                E === s && (clearTimeout(T), I.removeListener($), console.log(`[withAsyncPlugin] 安装成功 pkg=${E} 状态码=${_}`), _ == 1003 || _ == 1001 ? (d ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${d}`), G.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: d,
+                    from: c,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), A()) : w(new Error(`安装失败 pkg=${E} status=${_} msg=${O}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), h()) : A(new Error(`安装失败 pkg=${N} status=${w} msg=${O}`)));
               },
-              onPluginInstallError(E, _, O) {
-                E === s && (clearTimeout(T), I.removeListener($), w(new Error(`安装失败 pkg=${E} status=${_} msg=${O}`)));
+              onPluginInstallError(N, w, O) {
+                N === u && (clearTimeout(S), $.removeListener(_), A(new Error(`安装失败 pkg=${N} status=${w} msg=${O}`)));
               }
             };
-            I.addListener({ pkg: s }, $), T = setTimeout(() => {
-              I.removeListener($), w(new Error(`插件安装超时: ${s}`));
-            }, 8e3), typeof I.installPlugin == "function" ? I.installPlugin({ pkg: s }) : typeof I.install == "function" ? I.install(s) : w(new Error("当前运行时不支持 install / installPlugin"));
-          }), await Ie(), Z.add(s), m.value = "ready";
-        } catch (A) {
-          console.error("[withAsyncPlugin] 插件加载失败:", A), i.value = (A == null ? void 0 : A.message) || String(A), m.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 me(() => {
-        R();
+      return ke(() => {
+        F();
       }), () => {
-        const p = {
+        const P = {
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...y.style || {}
+          ...m.style || {}
         };
-        y.width !== void 0 && !p.width && (p.width = typeof y.width == "number" ? `${y.width}px` : y.width), y.height !== void 0 && !p.height && (p.height = typeof y.height == "number" ? `${y.height}px` : y.height);
-        const A = y.class ? `qt-plugin-container ${y.class}` : "qt-plugin-container", w = {
-          class: A,
-          style: p,
+        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 (m.value === "loading")
-          return L("div", w, [
-            L("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
+        if (f.value === "loading")
+          return z("div", A, [
+            z("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
           ]);
-        if (m.value === "error")
-          return L("div", w, [
-            L("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 T = {}, $ = {};
-        for (const [N, F] of Object.entries(y))
-          if (N.startsWith("on") && typeof F == "function") {
-            let M = N;
-            N.startsWith("onOn") && (M = "on" + N.slice(4)), $[M] = F;
-          } else if (N.startsWith("on") && Array.isArray(F)) {
-            let M = N;
-            N.startsWith("onOn") && (M = "on" + N.slice(4)), $[M] = F;
+        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
-            N.startsWith("onOn") || (T[N] = F);
-        const E = {
-          ...T,
-          ...$,
-          class: A,
+            k.startsWith("onOn") || (S[k] = M);
+        const N = {
+          ...S,
+          ..._,
+          class: h,
           // 把外层 class 传给内部
-          style: p,
+          style: P,
           // 把外层 style 传给内部
-          ref: (N) => {
-            a.value = N;
+          ref: (k) => {
+            l.value = k;
           }
-        }, _ = E.tabsData || "", O = E.actionPayload || "";
-        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(E), "tabsData.length=", _.length, "actionPayload.length=", O.length), L(o, E, b.default ? b.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 Pe = Symbol("AddonEnvContext"), Te = {
+const Ne = Symbol("AddonEnvContext"), Ee = {
   isPluginActive: !1,
   nameSuffix: "",
   pluginPackageName: "com.quicktvui.plugin.glintui",
   builtInVersions: {}
 };
-async function qe(o = "com.quicktvui.plugin.glintui", s = "_Plugin") {
-  const d = pe();
-  let v = {};
+async function et(o = "com.quicktvui.plugin.glintui", u = "_Plugin") {
+  const c = he();
+  let r = {};
   try {
-    const i = await G.callNativeModule("AddonEnvModule", "getBuiltInVersions", []);
-    i && typeof i == "object" && (v = 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 b = `QtGridTabs${s}`, y = d.isComponentRegistered(b), c = y instanceof Promise ? await y : y, m = {
-    isPluginActive: c,
-    nameSuffix: c ? 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: c ? `${o}.ext` : o,
-    builtInVersions: v
+    pluginPackageName: d ? `${o}.ext` : o,
+    builtInVersions: r
   };
-  return console.info("[AddonProvider] Environment initialized:", m), m;
+  return console.info("[AddonProvider] Environment initialized:", f), f;
 }
-let ne = x(Te);
-function Re(o) {
-  ne.value = o, Ee(Pe, ne);
+let oe = x(Ee);
+function tt(o) {
+  oe.value = o, we(Ne, oe);
 }
-function W() {
+function V() {
   var o;
-  return ((o = Ne(Pe, ne)) == null ? void 0 : o.value) || Te;
+  return ((o = $e(Ne, oe)) == null ? void 0 : o.value) || Ee;
+}
+async function nt(o) {
+  console.log("[AddonProvider] Sending GridTabs global config to Native:", o);
+  try {
+    const u = await E.callNativeWithPromise("GridTabsConfigModule", "setDefaultConfig", JSON.stringify(o));
+    return console.log("[AddonProvider] Received response from Native:", u), !!(u && u.success);
+  } catch (u) {
+    return console.error("[AddonProvider] Failed to initialize GridTabs global config:", u), !1;
+  }
 }
-const Ce = {
+const ot = {
   install: (o) => {
-    o.use(ke), o.use(Se), o.use($e), o.use(_e), o.use(Ge);
+    o.use(xe), o.use(Ge), o.use(Oe), o.use(Fe), o.use(Me), o.use(De);
   }
 };
 export {
-  Pe as ADDON_ENV_CONTEXT_KEY,
-  H as GridTabs,
-  ke as GridTabsPlugin,
-  ve as HsvBackground,
-  Ge as HsvBackgroundPlugin,
-  ae as Keyboard,
-  Se as KeyboardPlugin,
-  ue as PortalItem,
-  _e as PortalItemPlugin,
-  le as PortalPool,
-  $e as PortalPoolPlugin,
-  Ce as QuickTVUINAddons,
-  xe as QuickTVUINAddonsConfig,
-  Ce as default,
-  qe as initAddonEnv,
-  Re as provideAddonEnv,
-  W as useAddonEnv,
-  Me 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
 };