@quicktvui/naddons 1.0.0-alpha.8 → 1.0.0-beta.0

package/dist/naddons.es.js

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