@quicktvui/naddons 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/naddons.es.js

@@ -1,232 +1,941 @@
-import { defineComponent as S, ref as b, openBlock as x, createBlock as R, unref as G, mergeProps as M, withCtx as D, renderSlot as k, onMounted as q, h, nextTick as L } from "vue";
-import { useES as Q, useESPlugin as F } from "@extscreen/es3-core";
-import { Native as P } from "@extscreen/es3-vue";
-const T = /* @__PURE__ */ S({
+import { defineComponent as x, ref as E, openBlock as _, createBlock as S, unref as q, mergeProps as M, withCtx as D, renderSlot as O, computed as ae, resolveComponent as j, normalizeStyle as ue, watch as C, createElementBlock as de, Fragment as me, renderList as fe, shallowRef as H, onMounted as ye, h as N, nextTick as ge } from "vue";
+import { useES as be, useESPlugin as pe } from "@extscreen/es3-core";
+import { Native as G } from "@extscreen/es3-vue";
+const W = /* @__PURE__ */ x({
   __name: "GridTabs",
   props: {
     tabsData: {},
     actionPayload: {}
   },
   emits: ["onTabSelected", "onTabNeedsData", "onLoadMore", "onItemPresence", "onTabFocused", "onItemClick", "onItemFocused"],
-  setup(r, { expose: e, emit: u }) {
-    const d = b(), w = O(
-      "QtGridTabs",
+  setup(e, { expose: o }) {
+    const i = E(), t = F(
+      "GTTabs",
       "com.quicktvui.plugin.glintui"
-    ), y = u;
-    function s(a, t) {
-      console.log(`[GridTabs.vue] received event from AsyncWrapper: ${a}`, t);
-      const n = t && t.nativeEvent !== void 0 ? t.nativeEvent : t;
-      console.log(`[GridTabs.vue] emitting to parent: ${a}`, n), y(a, n);
-    }
-    return e({
-      scrollToTop: (...a) => {
-        var t;
-        return (t = d.value) == null ? void 0 : t.scrollToTop(...a);
-      }
-    }), (a, t) => (x(), R(G(w), M({
+    );
+    return o({
+      scrollToTop: (...r) => {
+        var n;
+        return (n = i.value) == null ? void 0 : n.scrollToTop(...r);
+      }
+    }), (r, n) => (_(), S(q(t), M({
       ref_key: "nativeRef",
-      ref: d,
-      tabsData: r.tabsData,
-      actionPayload: r.actionPayload,
-      onOnTabSelected: t[0] || (t[0] = (n) => s("onTabSelected", n)),
-      onOnTabNeedsData: t[1] || (t[1] = (n) => s("onTabNeedsData", n)),
-      onOnLoadMore: t[2] || (t[2] = (n) => s("onLoadMore", n)),
-      onOnItemPresence: t[3] || (t[3] = (n) => s("onItemPresence", n)),
-      onOnTabFocused: t[4] || (t[4] = (n) => s("onTabFocused", n)),
-      onOnItemClick: t[5] || (t[5] = (n) => s("onItemClick", n)),
-      onOnItemFocused: t[6] || (t[6] = (n) => s("onItemFocused", n))
-    }, a.$attrs), {
+      ref: i,
+      tabsData: e.tabsData,
+      actionPayload: e.actionPayload,
+      onOnTabSelected: n[0] || (n[0] = (a) => r.$emit("onTabSelected", a.nativeEvent)),
+      onOnTabNeedsData: n[1] || (n[1] = (a) => r.$emit("onTabNeedsData", a.nativeEvent)),
+      onOnLoadMore: n[2] || (n[2] = (a) => r.$emit("onLoadMore", a.nativeEvent)),
+      onOnItemPresence: n[3] || (n[3] = (a) => r.$emit("onItemPresence", a.nativeEvent)),
+      onOnTabFocused: n[4] || (n[4] = (a) => r.$emit("onTabFocused", a.nativeEvent)),
+      onOnItemClick: n[5] || (n[5] = (a) => r.$emit("onItemClick", a.nativeEvent)),
+      onOnItemFocused: n[6] || (n[6] = (a) => r.$emit("onItemFocused", a.nativeEvent))
+    }, r.$attrs), {
       default: D(() => [
-        k(a.$slots, "default")
+        O(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["tabsData", "actionPayload"]));
   }
+}), ve = x({
+  name: "PortalItem",
+  props: {
+    portalId: {
+      type: String,
+      required: !0
+    },
+    // 前端必须传入明确的宽高 (由于不支持 100%)
+    width: {
+      type: [Number, String],
+      required: !0
+    },
+    height: {
+      type: [Number, String],
+      required: !0
+    }
+  },
+  setup(e) {
+    return {
+      itemStyle: ae(() => {
+        const i = typeof e.width == "number" ? `${e.width}px` : e.width, t = typeof e.height == "number" ? `${e.height}px` : e.height;
+        return {
+          width: i,
+          height: t,
+          display: "flex",
+          flexDirection: "column"
+        };
+      })
+    };
+  }
+}), le = (e, o) => {
+  const i = e.__vccOpts || e;
+  for (const [t, r] of o)
+    i[t] = r;
+  return i;
+};
+function he(e, o, i, t, r, n) {
+  const a = j("qt-portal-item-native");
+  return _(), S(a, {
+    portalId: e.portalId,
+    style: ue(e.itemStyle)
+  }, {
+    default: D(() => [
+      O(e.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["portalId", "style"]);
+}
+const z = /* @__PURE__ */ le(ve, [["render", he]]), Pe = x({
+  name: "PortalPool",
+  components: {
+    PortalItem: z
+  },
+  props: {
+    // 传入原始的数据源
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // GridTabs 发出的 presence 状态表 (由父级监听 @onItemPresence 后传入)
+    // 格式: { [itemId: string]: 'visible' | 'enter' | 'attached' | 'leave' }
+    presenceMap: {
+      type: Object,
+      default: () => ({})
+    },
+    // 总宽度，用于计算基于 span 的 px 宽度
+    gridBasis: {
+      type: Number,
+      default: 24
+    },
+    totalWidth: {
+      type: Number,
+      default: 1920
+    }
+  },
+  setup(e) {
+    const o = E([]), i = () => {
+      var r;
+      const t = [];
+      for (const n of e.data)
+        if (n.viewType && n.viewType.startsWith("portal:") && n.portalId) {
+          const a = e.presenceMap[n.itemId] || "leave";
+          if (a !== "leave" && a !== "null" && a) {
+            const p = n.span || e.gridBasis, b = Math.round(e.totalWidth / e.gridBasis * p), I = ((r = n.layoutConfig) == null ? void 0 : r.aspectRatio) || 1, A = Math.round(b / I);
+            t.push({
+              ...n,
+              presenceState: a,
+              width: b,
+              height: A
+            });
+          }
+        }
+      o.value = t;
+    };
+    return C(() => e.data, i, { deep: !0, immediate: !0 }), C(() => e.presenceMap, i, { deep: !0 }), {
+      activePortals: o
+    };
+  }
 });
-function U(r, e) {
-  const u = b(!1), d = b(!1);
+function Ie(e, o, i, t, r, n) {
+  const a = j("PortalItem"), p = j("qt-portal-pool-native");
+  return _(), S(p, { class: "qt-portal-pool-hidden" }, {
+    default: D(() => [
+      (_(!0), de(me, null, fe(e.activePortals, (b) => (_(), S(a, {
+        key: b.portalId,
+        portalId: b.portalId,
+        width: b.width,
+        height: b.height
+      }, {
+        default: D(() => [
+          O(e.$slots, "default", {
+            portal: b,
+            presenceState: b.presenceState
+          })
+        ]),
+        _: 2
+      }, 1032, ["portalId", "width", "height"]))), 128))
+    ]),
+    _: 3
+  });
+}
+const X = /* @__PURE__ */ le(Pe, [["render", Ie]]);
+function Re(e, o) {
+  const i = E(!1), t = E(!1);
   return {
-    isIntersecting: u,
-    isVisible: d,
-    handlePresenceState: (y) => {
-      var s, a, t;
-      switch (y) {
+    isIntersecting: i,
+    isVisible: t,
+    handlePresenceState: (n) => {
+      var a, p, b;
+      switch (n) {
         case "enter":
-          u.value = !0, (s = e == null ? void 0 : e.onEnter) == null || s.call(e);
+          i.value = !0, (a = o == null ? void 0 : o.onEnter) == null || a.call(o);
           break;
         case "visible":
-          d.value = !0, (a = e == null ? void 0 : e.onVisible) == null || a.call(e);
+          t.value = !0, (p = o == null ? void 0 : o.onVisible) == null || p.call(o);
           break;
         case "leave":
-          u.value = !1, d.value = !1, (t = e == null ? void 0 : e.onLeave) == null || t.call(e);
+          i.value = !1, t.value = !1, (b = o == null ? void 0 : o.onLeave) == null || b.call(o);
           break;
       }
     }
   };
 }
-let E;
-var p;
+function Oe() {
+  const e = E(""), o = (n) => {
+    const a = Array.isArray(n) ? n : [n];
+    e.value = JSON.stringify(a);
+  };
+  return {
+    actionPayloadStr: e,
+    dispatchAction: o,
+    updateItem: (n, a) => {
+      o({
+        op: "UPDATE_ITEM",
+        itemId: n,
+        payload: a
+      });
+    },
+    appendItems: (n, a) => {
+      o({
+        op: "APPEND_SUB_ITEMS",
+        itemId: n,
+        payload: {
+          subItems: a
+        }
+      });
+    },
+    removeItem: (n) => {
+      o({
+        op: "REMOVE_ITEM",
+        itemId: n
+      });
+    }
+  };
+}
+function Te(e, o) {
+  if (JSON.stringify(e.page_spec) !== JSON.stringify(o.page_spec) || JSON.stringify(e.navConfig) !== JSON.stringify(o.navConfig))
+    return "FULL_RELOAD";
+  const i = e.tabs || [], t = o.tabs || [];
+  if (i.length !== t.length)
+    return "FULL_RELOAD";
+  for (let n = 0; n < t.length; n++)
+    if (i[n].tabId !== t[n].tabId)
+      return "FULL_RELOAD";
+  const r = [];
+  for (let n = 0; n < t.length; n++) {
+    const a = i[n].items || [], p = t[n].items || [], b = t[n].tabId, I = new Map(a.map((u) => [u.id || u.itemId, u])), A = new Map(p.map((u) => [u.id || u.itemId, u]));
+    let $ = -1;
+    const v = [];
+    for (let u = 0; u < p.length; u++) {
+      const y = p[u], h = y.id || y.itemId, l = I.get(h);
+      if (l) {
+        const c = a.findIndex((R) => (R.id || R.itemId) === h);
+        if (c <= $ || ($ = c, l.viewType !== y.viewType || l.span !== y.span))
+          return "FULL_RELOAD";
+        const T = JSON.stringify(l.content) !== JSON.stringify(y.content), w = l.state !== y.state;
+        (T || w) && r.push({
+          op: "UPDATE_ITEM",
+          itemId: h,
+          payload: {
+            content: T ? y.content : void 0,
+            state: w ? y.state : void 0
+          }
+        });
+      } else {
+        let c = !0;
+        for (let T = u + 1; T < p.length; T++)
+          if (I.has(p[T].id || p[T].itemId)) {
+            c = !1;
+            break;
+          }
+        if (!c)
+          return "FULL_RELOAD";
+        v.push(y);
+      }
+    }
+    v.length > 0 && r.push({
+      op: "APPEND_SUB_ITEMS",
+      itemId: b,
+      // 追加到对应的 Tab 容器下
+      payload: { subItems: v }
+    });
+    for (const u of a) {
+      const y = u.id || u.itemId;
+      A.has(y) || r.push({
+        op: "REMOVE_ITEM",
+        itemId: y
+      });
+    }
+  }
+  return r;
+}
+function Ne(e) {
+  const o = E(""), i = E("");
+  let t = "";
+  return C(e, (r) => {
+    if (!r) {
+      o.value = "", t = "";
+      return;
+    }
+    const n = JSON.stringify(r);
+    if (n !== t) {
+      if (!t) {
+        o.value = n, t = n;
+        return;
+      }
+      try {
+        const a = JSON.parse(t), p = JSON.parse(n), b = Te(a, p);
+        b === "FULL_RELOAD" ? (console.log("[@quicktvui/naddons] Auto-Diff: 结构突变，执行全量刷新 (FULL_RELOAD)"), o.value = n) : b.length > 0 && (console.log("[@quicktvui/naddons] Auto-Diff: 命中局部更新，生成 Patch 指令 ->", b), i.value = JSON.stringify(b)), t = n;
+      } catch (a) {
+        console.warn("[@quicktvui/naddons] Auto-Diff failed, falling back to FULL_RELOAD", a), o.value = n, t = n;
+      }
+    }
+  }, { deep: !0, immediate: !0 }), {
+    tabsDataStr: o,
+    actionPayloadStr: i
+  };
+}
+let L;
+var ne;
 try {
-  const r = require("@extscreen/es3-vue");
-  E = r.registerElement || ((p = r.default) == null ? void 0 : p.registerElement);
+  const e = require("@extscreen/es3-vue");
+  L = e.registerElement || ((ne = e.default) == null ? void 0 : ne.registerElement);
 } catch {
 }
-const W = {
-  install: (r) => {
-    globalThis.__QtGridTabs_registered || (E ? (E("qt-grid-tabs", {
+const Ee = {
+  install: (e) => {
+    globalThis.__GTTabs_registered || (L ? (L("gt-tabs", {
       component: {
-        name: "QtGridTabs",
-        // 关键：将前端标签映射到真正的 Native 组件名
-        processEventData(e, u, d) {
-          return {
-            handler: u,
-            nativeEvent: d
-          };
+        name: "GTTabs",
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || t.nativeParams || {};
+          return t && (t.nativeEvent = r), t;
         }
       }
-    }), E("QtGridTabs", {
+    }), L("qt-portal-pool-native", {
+      component: { name: "QtPortalPool" }
+    }), L("qt-portal-item-native", {
+      component: { name: "QtPortalItem" }
+    }), L("qt-grid-tabs", {
       component: {
-        name: "QtGridTabs",
-        processEventData(e, u, d) {
+        name: "GTTabs",
+        defaultNativeProps: {},
+        processEventData(o, i, t) {
           return {
-            handler: u,
-            nativeEvent: d
+            ...o,
+            ...t
           };
         }
       }
-    }), globalThis.__QtGridTabs_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtGridTabs")) : console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")), r.component("GridTabs", T), r.component("qt-grid-tabs", T);
+    }), globalThis.__GTTabs_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tags for GridTabs & Portals")) : console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")), e.component("GridTabs", W), e.component("gt-tabs", W), e.component("qt-grid-tabs", W), e.component("QtPortalItem", z), e.component("qt-portal-item", z), e.component("QtPortalPool", X), e.component("qt-portal-pool", X);
+  }
+};
+function Le(e, o) {
+  const i = E(""), t = E(""), r = H([]), n = H([]);
+  let a = !1, p = !1;
+  const b = "__virtual_single_tab__", I = E({}), A = (s) => {
+    const m = Array.isArray(s) ? s : [s];
+    t.value = JSON.stringify(m);
+  }, $ = (s, m) => {
+    if (!s)
+      return !1;
+    let d = !0;
+    return s.id || (console.error(`[useGridTabs] ❌ 数据格式错误 (${m}): 卡片缺失必填字段 'id'。每个卡片必须有唯一标识才能进行后续更新！`, s), d = !1), s.viewType || (console.error(`[useGridTabs] ❌ 数据格式错误 (${m}): 卡片缺失必填字段 'viewType' (id: ${s.id || "未知"})。必须指定 Native 注册的视图类型或 Portal 标识！`, s), d = !1), d;
+  }, v = (s, m) => {
+    if (!s)
+      return !1;
+    let d = !0;
+    return s.tabId || (console.error(`[useGridTabs] ❌ 数据格式错误 (${m}): Tab 缺失必填字段 'tabId'。每个 Tab 必须有唯一标识！`, s), d = !1), (s.title === void 0 || s.title === null) && console.warn(`[useGridTabs] ⚠️ 数据格式警告 (${m}): Tab 缺失 'title' 字段 (tabId: ${s.tabId || "未知"})，导航栏可能显示为空。`, s), d;
+  }, u = (s, m) => {
+    if (!s || s.length === 0)
+      return;
+    const d = s[0].hasOwnProperty("tabId") || s[0].hasOwnProperty("items") && Array.isArray(s[0].items);
+    a = m === "1d", m === "1d" && d ? console.error("[useGridTabs] ❌ 赋值错误: 你正在向 `items.value` (一维瀑布流) 赋值二维 Tabs 数据结构！请改用 `tabs.value = ...`") : m === "2d" && !d && console.error("[useGridTabs] ❌ 赋值错误: 你正在向 `tabs.value` (二维导航) 赋值一维卡片列表数据结构！请改用 `items.value = ...`"), m === "1d" ? s.forEach((g, f) => $(g, `items.value[${f}]`)) : s.forEach((g, f) => {
+      v(g, `tabs.value[${f}]`), g.items && Array.isArray(g.items) && g.items.forEach((P, k) => $(P, `tabs.value[${f}].items[${k}]`));
+    }), p = !0, y();
+  }, y = () => {
+    if (!p)
+      return;
+    let s = {
+      gridBasis: (o == null ? void 0 : o.gridBasis) ?? 30,
+      unitType: (o == null ? void 0 : o.unitType) ?? "px",
+      layoutConfig: (o == null ? void 0 : o.layoutConfig) ?? {
+        screenPadding: { left: 60, right: 60, top: 0, bottom: 60 },
+        navContentGapNormal: 0,
+        itemGap: 24
+      },
+      navConfig: (o == null ? void 0 : o.navConfig) ?? {
+        placement: "left",
+        mode: "fixed",
+        renderType: "classic",
+        baseSize: 200,
+        expandedSize: 300
+      },
+      referenceResolution: (o == null ? void 0 : o.referenceResolution) ?? { w: 1920, h: 1080 }
+    }, m = [];
+    a ? (s.navConfig = { ...s.navConfig, renderType: "none" }, m = [
+      {
+        tabId: b,
+        title: "Virtual Tab",
+        hidden: !0,
+        items: n.value
+      }
+    ]) : m = r.value, i.value = JSON.stringify({
+      page_spec: s,
+      tabs: m
+    });
+  }, h = (s, m) => new Proxy(s, {
+    get(d, g, f) {
+      return g === "push" ? (...P) => {
+        P.forEach((V, ce) => $(V, `push(${ce})`)), p || console.error("[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时调用了 push()。请先对 items.value 或 tabs.value 进行全量赋值！");
+        const k = Array.prototype.push.apply(d, P);
+        return A({
+          op: "APPEND_SUB_ITEMS",
+          itemId: m,
+          payload: { subItems: P }
+        }), k;
+      } : Reflect.get(d, g, f);
+    },
+    set(d, g, f, P) {
+      if (g !== "length" && !isNaN(Number(g))) {
+        p || console.error(`[useGridTabs] ❌ 时机错误: 在底层还未完成初始化时直接修改了索引 [${String(g)}]。请先对 items.value 或 tabs.value 进行全量赋值！`), $(f, `索引赋值 [${String(g)}]`);
+        const k = Reflect.set(d, g, f, P);
+        return f && f.id && A({
+          op: "UPDATE_ITEM",
+          itemId: f.id,
+          payload: f
+        }), k;
+      }
+      return Reflect.set(d, g, f, P);
+    }
+  }), l = (s) => (s.items && Array.isArray(s.items) && !s.items.__isGridTabsProxy && (s.items = h(s.items, s.tabId), Object.defineProperty(s.items, "__isGridTabsProxy", { value: !0, enumerable: !1 })), new Proxy(s, {
+    set(m, d, g, f) {
+      if (d === "items") {
+        let P = g;
+        Array.isArray(g) && !g.__isGridTabsProxy && (P = h(g, m.tabId), Object.defineProperty(P, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
+        const k = Reflect.set(m, d, P, f);
+        return y(), k;
+      }
+      return Reflect.set(m, d, g, f);
+    }
+  })), c = (s) => {
+    const m = s.map((d) => l(d));
+    return new Proxy(m, {
+      set(d, g, f, P) {
+        if (g !== "length" && !isNaN(Number(g))) {
+          let k = f;
+          f.__isGridTabsProxy || (k = l(f), Object.defineProperty(k, "__isGridTabsProxy", { value: !0, enumerable: !1 }));
+          const V = Reflect.set(d, g, k, P);
+          return y(), V;
+        }
+        return Reflect.set(d, g, f, P);
+      }
+    });
+  };
+  C(r, (s, m) => {
+    if (!s || s.length === 0) {
+      i.value = "", p = !1;
+      return;
+    }
+    if (s.__isGridTabsProxy)
+      y();
+    else {
+      u(s, "2d");
+      const d = c(s);
+      Object.defineProperty(d, "__isGridTabsProxy", { value: !0, enumerable: !1 }), r.value = d;
+    }
+  }, { flush: "sync" }), C(n, (s, m) => {
+    if (!s || s.length === 0) {
+      i.value = "", p = !1;
+      return;
+    }
+    if (s.__isGridTabsProxy)
+      y();
+    else {
+      u(s, "1d");
+      const d = h(s, b);
+      Object.defineProperty(d, "__isGridTabsProxy", { value: !0, enumerable: !1 }), n.value = d;
+    }
+  }, { flush: "sync" });
+  const T = (s) => {
+    if (!s || s.length === 0) {
+      i.value = "", p = !1;
+      return;
+    }
+    s[0].hasOwnProperty("tabId") || s[0].hasOwnProperty("items") && Array.isArray(s[0].items) ? r.value = s : n.value = s;
+  }, w = (s) => {
+    I.value = s;
+  }, R = ae(() => ({
+    tabsData: i.value,
+    actionPayload: t.value,
+    onTabNeedsData: async (s) => {
+      if (!I.value.onTabNeedsData)
+        return;
+      const { tabId: m, index: d, reason: g } = s, f = await I.value.onTabNeedsData(m, d, g);
+      if (f && Array.isArray(f)) {
+        const P = r.value.find((k) => k.tabId === m);
+        P && (P.items = f);
+      }
+    },
+    onLoadMore: async (s) => {
+      if (!I.value.onLoadMore)
+        return;
+      const { tabId: m, cursor: d, itemId: g } = s, f = await I.value.onLoadMore(m, d, g);
+      if (f && Array.isArray(f) && f.length > 0)
+        if (a)
+          n.value.push(...f);
+        else {
+          const P = r.value.find((k) => k.tabId === m);
+          P && P.items && P.items.push(...f);
+        }
+    }
+  }));
+  return {
+    tabsDataStr: i,
+    actionPayloadStr: t,
+    bindings: R,
+    tabs: r,
+    items: n,
+    initData: T,
+    setCallbacks: w,
+    dispatchAction: A
+  };
+}
+const Y = /* @__PURE__ */ x({
+  __name: "RatingBar",
+  props: {
+    numStars: {},
+    rating: {},
+    stepSize: {},
+    isIndicator: { type: Boolean }
+  },
+  emits: ["onRatingChanged"],
+  setup(e) {
+    const o = E(), i = F(
+      "QtRatingBar",
+      "com.quicktvui.plugin.extraui",
+      "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
+    );
+    return (t, r) => (_(), S(q(i), M({
+      ref_key: "nativeRef",
+      ref: o,
+      numStars: e.numStars,
+      rating: e.rating,
+      stepSize: e.stepSize,
+      isIndicator: e.isIndicator,
+      onOnRatingChanged: r[0] || (r[0] = (n) => t.$emit("onRatingChanged", n.nativeEvent))
+    }, t.$attrs), {
+      default: D(() => [
+        O(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["numStars", "rating", "stepSize", "isIndicator"]));
+  }
+});
+let K;
+var oe;
+try {
+  const e = require("@extscreen/es3-vue");
+  K = e.registerElement || ((oe = e.default) == null ? void 0 : oe.registerElement);
+} catch {
+}
+const ke = {
+  install: (e) => {
+    globalThis.__QtRatingBar_registered || (K ? (K("qt-rating-bar", {
+      component: {
+        name: "QtRatingBar",
+        // 关键：将前端标签映射到真正的 Native 组件名
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || (t == null ? void 0 : t.nativeParams) || {};
+          return t && (t.nativeEvent = r), t;
+        }
+      }
+    }), K("QtRatingBar", {
+      component: {
+        name: "QtRatingBar",
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || (t == null ? void 0 : t.nativeParams) || {};
+          return t && (t.nativeEvent = r), t;
+        }
+      }
+    }), globalThis.__QtRatingBar_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtRatingBar")) : console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")), e.component("RatingBar", Y), e.component("qt-rating-bar", Y);
   }
-}, A = /* @__PURE__ */ new Set();
-function O(r, e, u) {
-  return S({
-    name: `${r}AsyncWrapper`,
+}, Z = /* @__PURE__ */ x({
+  __name: "Keyboard",
+  props: {
+    backgroundColor: {},
+    textColor: {},
+    weakTextColor: {},
+    focusBackgroundColor: {},
+    focusTextColor: {},
+    placeholder: {},
+    textFullKeyboard: {},
+    textT9Keyboard: {},
+    textClear: {},
+    textDelete: {},
+    currentInput: {}
+  },
+  emits: ["onInputChanged", "onKeyPressed"],
+  setup(e) {
+    const o = E(), i = F(
+      "QtKeyboard",
+      "com.quicktvui.plugin.extraui",
+      "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
+    );
+    return (t, r) => (_(), S(q(i), M({
+      ref_key: "nativeRef",
+      ref: o,
+      backgroundColor: e.backgroundColor,
+      textColor: e.textColor,
+      weakTextColor: e.weakTextColor,
+      focusBackgroundColor: e.focusBackgroundColor,
+      focusTextColor: e.focusTextColor,
+      placeholder: e.placeholder,
+      textFullKeyboard: e.textFullKeyboard,
+      textT9Keyboard: e.textT9Keyboard,
+      textClear: e.textClear,
+      textDelete: e.textDelete,
+      currentInput: e.currentInput,
+      onOnInputChanged: r[0] || (r[0] = (n) => t.$emit("onInputChanged", n.nativeEvent)),
+      onOnKeyPressed: r[1] || (r[1] = (n) => t.$emit("onKeyPressed", n.nativeEvent))
+    }, t.$attrs), {
+      default: D(() => [
+        O(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["backgroundColor", "textColor", "weakTextColor", "focusBackgroundColor", "focusTextColor", "placeholder", "textFullKeyboard", "textT9Keyboard", "textClear", "textDelete", "currentInput"]));
+  }
+});
+let Q;
+var re;
+try {
+  const e = require("@extscreen/es3-vue");
+  Q = e.registerElement || ((re = e.default) == null ? void 0 : re.registerElement);
+} catch {
+}
+const we = {
+  install: (e) => {
+    globalThis.__QtKeyboard_registered || (Q ? (Q("qt-keyboard", {
+      component: {
+        name: "QtKeyboard",
+        // 关键：将前端标签映射到真正的 Native 组件名
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || (t == null ? void 0 : t.nativeParams) || {};
+          return t && (t.nativeEvent = r), t;
+        }
+      }
+    }), Q("QtKeyboard", {
+      component: {
+        name: "QtKeyboard",
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || (t == null ? void 0 : t.nativeParams) || {};
+          return t && (t.nativeEvent = r), t;
+        }
+      }
+    }), globalThis.__QtKeyboard_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtKeyboard")) : console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")), e.component("Keyboard", Z), e.component("qt-keyboard", Z);
+  }
+}, ee = /* @__PURE__ */ x({
+  __name: "NumericKeyboard",
+  props: {
+    maxLength: {}
+  },
+  emits: ["onNumberPressed"],
+  setup(e) {
+    const o = E(), i = F(
+      "QtNumericKeyboard",
+      "com.quicktvui.plugin.extraui",
+      "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
+    );
+    return (t, r) => (_(), S(q(i), M({
+      ref_key: "nativeRef",
+      ref: o,
+      maxLength: e.maxLength,
+      onOnNumberPressed: r[0] || (r[0] = (n) => t.$emit("onNumberPressed", n.nativeEvent))
+    }, t.$attrs), {
+      default: D(() => [
+        O(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["maxLength"]));
+  }
+});
+let B;
+var se;
+try {
+  const e = require("@extscreen/es3-vue");
+  B = e.registerElement || ((se = e.default) == null ? void 0 : se.registerElement);
+} catch {
+}
+const Ae = {
+  install: (e) => {
+    globalThis.__QtNumericKeyboard_registered || (B ? (B("qt-numeric-keyboard", {
+      component: {
+        name: "QtNumericKeyboard",
+        // 关键：将前端标签映射到真正的 Native 组件名
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || (t == null ? void 0 : t.nativeParams) || {};
+          return t && (t.nativeEvent = r), t;
+        }
+      }
+    }), B("QtNumericKeyboard", {
+      component: {
+        name: "QtNumericKeyboard",
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || (t == null ? void 0 : t.nativeParams) || {};
+          return t && (t.nativeEvent = r), t;
+        }
+      }
+    }), globalThis.__QtNumericKeyboard_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtNumericKeyboard")) : console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")), e.component("NumericKeyboard", ee), e.component("qt-numeric-keyboard", ee);
+  }
+}, te = /* @__PURE__ */ x({
+  __name: "DatePicker",
+  props: {
+    initialDate: {}
+  },
+  emits: ["onDateChanged"],
+  setup(e) {
+    const o = E(), i = F(
+      "QtDatePicker",
+      "com.quicktvui.plugin.extraui",
+      "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
+    );
+    return (t, r) => (_(), S(q(i), M({
+      ref_key: "nativeRef",
+      ref: o,
+      initialDate: e.initialDate,
+      onOnDateChanged: r[0] || (r[0] = (n) => t.$emit("onDateChanged", n.nativeEvent))
+    }, t.$attrs), {
+      default: D(() => [
+        O(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["initialDate"]));
+  }
+});
+let U;
+var ie;
+try {
+  const e = require("@extscreen/es3-vue");
+  U = e.registerElement || ((ie = e.default) == null ? void 0 : ie.registerElement);
+} catch {
+}
+const $e = {
+  install: (e) => {
+    globalThis.__QtDatePicker_registered || (U ? (U("qt-date-picker", {
+      component: {
+        name: "QtDatePicker",
+        // 关键：将前端标签映射到真正的 Native 组件名
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || (t == null ? void 0 : t.nativeParams) || {};
+          return t && (t.nativeEvent = r), t;
+        }
+      }
+    }), U("QtDatePicker", {
+      component: {
+        name: "QtDatePicker",
+        processEventData(o, i) {
+          const t = o.handler || o, r = i || (t == null ? void 0 : t.nativeParams) || {};
+          return t && (t.nativeEvent = r), t;
+        }
+      }
+    }), globalThis.__QtDatePicker_registered = !0, console.log("[@quicktvui/naddons] Successfully registered Native tag:", "QtDatePicker")) : console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue")), e.component("DatePicker", te), e.component("qt-date-picker", te);
+  }
+}, _e = {
+  // 如果设置为 true，则全局跳过所有组件的原生插件安装检查，直接渲染
+  skipPluginCheck: !1
+}, J = /* @__PURE__ */ new Set();
+function F(e, o, i) {
+  return x({
+    name: `${e}AsyncWrapper`,
     inheritAttrs: !1,
-    setup(d, { slots: w, attrs: y }) {
-      const s = b("loading"), a = b("");
-      let t = null, n = null;
+    props: {
+      // 允许单个组件级别跳过检查
+      skipPluginCheck: {
+        type: Boolean,
+        default: !1
+      }
+    },
+    setup(t, { slots: r, attrs: n }) {
+      const a = E("loading"), p = E("");
+      let b = null, I = null;
       try {
-        t = Q(), n = F();
-      } catch (l) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", l);
+        b = be(), I = pe();
+      } catch (v) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", v);
       }
-      const I = async () => {
-        if (!t || typeof t.isComponentRegistered != "function")
+      const A = async () => {
+        if (!b || typeof b.isComponentRegistered != "function")
           return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          const l = await t.isComponentRegistered(r);
-          if (console.log(`[withAsyncPlugin] isComponentRegistered('${r}') 返回:`, l), l === !0 || l && typeof l == "object" && (l.registered === !0 || l.isRegistered === !0))
+          const v = await b.isComponentRegistered(e);
+          if (console.log(`[withAsyncPlugin] isComponentRegistered('${e}') 返回:`, v), v === !0 || v && typeof v == "object" && (v.registered === !0 || v.isRegistered === !0))
             return !0;
           try {
-            const o = await P.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
-            if (o && o.core_version) {
-              const c = o.core_version;
-              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${c}`);
-              const i = c.split(".").map((f) => parseInt(f, 10));
-              if (i.length >= 3 && !isNaN(i[0]) && !isNaN(i[1]) && !isNaN(i[2]))
-                if (i[0] * 1e6 + i[1] * 1e3 + i[2] >= 1011205) {
-                  console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${r}`);
-                  const g = r.split("-").map(($) => $.charAt(0).toUpperCase() + $.slice(1)).join("");
-                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${r}, ${g}`);
-                  const [m, v] = await Promise.all([
-                    P.callNativeWithPromise("ExtendModule", "isComponentRegistered", r).catch(() => !1),
-                    P.callNativeWithPromise("ExtendModule", "isComponentRegistered", g).catch(() => !1)
+            const u = await G.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
+            if (u && u.core_version) {
+              const y = u.core_version;
+              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${y}`);
+              const h = y.split(".").map((l) => parseInt(l, 10));
+              if (h.length >= 3 && !isNaN(h[0]) && !isNaN(h[1]) && !isNaN(h[2]))
+                if (h[0] * 1e6 + h[1] * 1e3 + h[2] >= 1011205) {
+                  console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${e}`);
+                  const c = e.split("-").map((R) => R.charAt(0).toUpperCase() + R.slice(1)).join("");
+                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${e}, ${c}`);
+                  const [T, w] = await Promise.all([
+                    G.callNativeWithPromise("ExtendModule", "isComponentRegistered", e).catch(() => !1),
+                    G.callNativeWithPromise("ExtendModule", "isComponentRegistered", c).catch(() => !1)
                   ]);
-                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${m}, ${v}]`), m === !0 || v === !0)
+                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${T}, ${w}]`), T === !0 || w === !0)
                     return !0;
                 } else
-                  console.log(`[withAsyncPlugin] 引擎版本 ${c} < 1.11.205，跳过 ExtendModule 检查`);
+                  console.log(`[withAsyncPlugin] 引擎版本 ${y} < 1.11.205，跳过 ExtendModule 检查`);
               else
-                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${c}`);
+                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${y}`);
             }
-          } catch (o) {
-            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", o);
+          } catch (u) {
+            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", u);
           }
           return !1;
-        } catch (l) {
-          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", l), !1;
+        } catch (v) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", v), !1;
         }
-      }, C = async () => {
-        if (!e) {
-          s.value = "ready";
+      }, $ = async () => {
+        if (_e.skipPluginCheck || t.skipPluginCheck) {
+          console.log(`[withAsyncPlugin] 跳过 ${e} 插件检查 (skipPluginCheck = true)`), a.value = "ready";
           return;
         }
-        const l = await I();
-        if (console.log(`[withAsyncPlugin] 拦截检查 - ${r} 是否已注册:`, l), l || A.has(e)) {
-          s.value = "ready", A.add(e), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
+        if (!o) {
+          a.value = "ready";
           return;
         }
-        if (!n) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${r}`), s.value = "ready";
+        const v = await A();
+        if (console.log(`[withAsyncPlugin] 拦截检查 - ${e} 是否已注册:`, v), v || J.has(o)) {
+          a.value = "ready", J.add(o), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
           return;
         }
-        console.log(`[withAsyncPlugin] 开始动态安装插件: ${e}`);
+        if (!I) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${e}`), a.value = "ready";
+          return;
+        }
+        console.log(`[withAsyncPlugin] 开始动态安装插件: ${o}`);
         try {
-          await new Promise((o, c) => {
-            let i;
-            const f = {
-              onPluginInstallSuccess(g, m, v) {
-                g === e && (clearTimeout(i), n.removeListener(f), console.log(`[withAsyncPlugin] 安装成功 pkg=${g} 状态码=${m}`), m == 1003 || m == 1001 ? (u ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${u}`), P.callNative("EsNativeModule", "callReflect", {
+          await new Promise((u, y) => {
+            let h;
+            const l = {
+              onPluginInstallSuccess(c, T, w) {
+                c === o && (clearTimeout(h), I.removeListener(l), console.log(`[withAsyncPlugin] 安装成功 pkg=${c} 状态码=${T}`), T == 1003 || T == 1001 ? (i ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${i}`), G.callNative("EsNativeModule", "callReflect", {
                   entry: {
-                    from: u,
+                    from: i,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), o()) : c(new Error(`安装失败 pkg=${g} status=${m} msg=${v}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), u()) : y(new Error(`安装失败 pkg=${c} status=${T} msg=${w}`)));
               },
-              onPluginInstallError(g, m, v) {
-                g === e && (clearTimeout(i), n.removeListener(f), c(new Error(`安装失败 pkg=${g} status=${m} msg=${v}`)));
+              onPluginInstallError(c, T, w) {
+                c === o && (clearTimeout(h), I.removeListener(l), y(new Error(`安装失败 pkg=${c} status=${T} msg=${w}`)));
               }
             };
-            n.addListener({ pkg: e }, f), i = setTimeout(() => {
-              n.removeListener(f), c(new Error(`插件安装超时: ${e}`));
-            }, 8e3), typeof n.installPlugin == "function" ? n.installPlugin({ pkg: e }) : typeof n.install == "function" ? n.install(e) : c(new Error("当前运行时不支持 install / installPlugin"));
-          }), await L(), A.add(e), s.value = "ready";
-        } catch (o) {
-          console.error("[withAsyncPlugin] 插件加载失败:", o), a.value = (o == null ? void 0 : o.message) || String(o), s.value = "error";
+            I.addListener({ pkg: o }, l), h = setTimeout(() => {
+              I.removeListener(l), y(new Error(`插件安装超时: ${o}`));
+            }, 8e3), typeof I.installPlugin == "function" ? I.installPlugin({ pkg: o }) : typeof I.install == "function" ? I.install(o) : y(new Error("当前运行时不支持 install / installPlugin"));
+          }), await ge(), J.add(o), a.value = "ready";
+        } catch (u) {
+          console.error("[withAsyncPlugin] 插件加载失败:", u), p.value = (u == null ? void 0 : u.message) || String(u), a.value = "error";
         }
       };
-      return q(() => {
-        C();
+      return ye(() => {
+        $();
       }), () => {
-        const l = {
-          width: "100%",
-          height: "100%",
+        const v = {
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...y.style || {}
-        };
-        if (s.value === "loading")
-          return h("div", { class: "qt-plugin-container", style: l }, [
-            h("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
+          ...n.style || {}
+        }, u = n.class ? `qt-plugin-container ${n.class}` : "qt-plugin-container";
+        if (a.value === "loading")
+          return N("div", { class: u, style: v }, [
+            N("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
           ]);
-        if (s.value === "error")
-          return h("div", { class: "qt-plugin-container", style: l }, [
-            h("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${a.value}`)
+        if (a.value === "error")
+          return N("div", { class: u, style: v }, [
+            N("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${p.value}`)
           ]);
-        const o = {};
-        for (const [c, i] of Object.entries(y))
-          c.startsWith("on") && typeof i == "function" ? o[c] = (...f) => (console.log(`[withAsyncPlugin] NativeTag=${r} 收到事件 ${c}:`, f), i(...f)) : o[c] = i;
-        return h("div", { class: "qt-plugin-container", style: l }, [
-          h(r, {
-            ...o,
-            style: { width: "100%", height: "100%", backgroundColor: "transparent" }
-          }, w.default ? w.default() : [])
+        const y = {};
+        for (const [l, c] of Object.entries(n)) {
+          const T = l.startsWith("on") && l !== "onItemPresence" && l !== "onTabSelected" && l !== "onTabNeedsData" && l !== "onLoadMore" && l !== "onTabFocused" && l !== "onItemClick" && l !== "onItemFocused";
+          l === "class" || l === "style" || !l.startsWith("onOn") && !T && (y[l] = c);
+        }
+        const h = {
+          ...y,
+          style: { width: "100%", height: "100%", backgroundColor: "transparent" },
+          onItemPresence: (l) => {
+            console.log(`[withAsyncPlugin] NativeTag=${e} 收到事件 onItemPresence:`, l);
+            const c = n.onOnItemPresence || n.onItemPresence || n["onItem-presence"] || n.onitempresence;
+            typeof c == "function" && c(l);
+          },
+          onTabSelected: (l) => {
+            console.log(`[withAsyncPlugin] NativeTag=${e} 收到事件 onTabSelected:`, l);
+            const c = n.onOnTabSelected || n.onTabSelected || n["onTab-selected"] || n.ontabselected;
+            typeof c == "function" && c(l);
+          },
+          onTabNeedsData: (l) => {
+            console.log(`[withAsyncPlugin] NativeTag=${e} 收到事件 onTabNeedsData:`, l);
+            const c = n.onOnTabNeedsData || n.onTabNeedsData || n["onTab-needs-data"] || n.ontabneedsdata;
+            typeof c == "function" && c(l);
+          },
+          onLoadMore: (l) => {
+            console.log(`[withAsyncPlugin] NativeTag=${e} 收到事件 onLoadMore:`, l);
+            const c = n.onOnLoadMore || n.onLoadMore || n["onLoad-more"] || n.onloadmore;
+            typeof c == "function" && c(l);
+          },
+          onTabFocused: (l) => {
+            console.log(`[withAsyncPlugin] NativeTag=${e} 收到事件 onTabFocused:`, l);
+            const c = n.onOnTabFocused || n.onTabFocused || n["onTab-focused"] || n.ontabfocused;
+            typeof c == "function" && c(l);
+          },
+          onItemClick: (l) => {
+            console.log(`[withAsyncPlugin] NativeTag=${e} 收到事件 onItemClick:`, l);
+            const c = n.onOnItemClick || n.onItemClick || n["onItem-click"] || n.onitemclick;
+            typeof c == "function" && c(l);
+          },
+          onItemFocused: (l) => {
+            console.log(`[withAsyncPlugin] NativeTag=${e} 收到事件 onItemFocused:`, l);
+            const c = n.onOnItemFocused || n.onItemFocused || n["onItem-focused"] || n.onitemfocused;
+            typeof c == "function" && c(l);
+          }
+        };
+        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(h)), N("div", { class: u, style: v }, [
+          N(e, h, r.default ? r.default() : [])
         ]);
       };
     }
   });
 }
-const K = {
-  install: (r) => {
-    r.use(W);
+const Ce = {
+  install: (e) => {
+    e.use(Ee), e.use(ke), e.use(we), e.use(Ae), e.use($e);
   }
 };
 export {
-  T as GridTabs,
-  W as GridTabsPlugin,
-  K as QuickTVUINAddons,
-  K as default,
-  U as useGridItemPresence,
-  O as withAsyncPlugin
+  te as DatePicker,
+  $e as DatePickerPlugin,
+  W as GridTabs,
+  Ee as GridTabsPlugin,
+  Z as Keyboard,
+  we as KeyboardPlugin,
+  ee as NumericKeyboard,
+  Ae as NumericKeyboardPlugin,
+  z as PortalItem,
+  X as PortalPool,
+  Ce as QuickTVUINAddons,
+  _e as QuickTVUINAddonsConfig,
+  Y as RatingBar,
+  ke as RatingBarPlugin,
+  Ce as default,
+  Te as diffGridTabsData,
+  Re as useGridItemPresence,
+  Le as useGridTabs,
+  Ne as useGridTabsData,
+  Oe as useGridTabsUpdater,
+  F as withAsyncPlugin
 };