@quicktvui/naddons 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/naddons.es.js

@@ -1,259 +1,783 @@
-import { defineComponent as p, ref as P, openBlock as M, createBlock as F, unref as O, mergeProps as D, withCtx as k, renderSlot as G, onMounted as R, h, nextTick as L } from "vue";
-import { useES as x, useESPlugin as q } from "@extscreen/es3-core";
-import { Native as v } from "@extscreen/es3-vue";
-const E = /* @__PURE__ */ p({
+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({
   __name: "GridTabs",
   props: {
+    protocolVersion: {},
     tabsData: {},
     actionPayload: {}
   },
-  emits: ["onTabSelected", "onTabNeedsData", "onLoadMore", "onItemPresence", "onTabFocused", "onItemClick", "onItemFocused"],
-  setup(o, { expose: t }) {
-    const a = P(), u = W(
-      "QtGridTabs",
-      "com.quicktvui.plugin.glintui"
+  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,
+      v.pluginPackageName || "com.quicktvui.plugin.glintui"
     );
-    return t({
-      scrollToTop: (...c) => {
-        var n;
-        return (n = a.value) == null ? void 0 : n.scrollToTop(...c);
+    return r({
+      getNativeNode: () => {
+        var s, l;
+        return ((l = (s = c.value) == null ? void 0 : s.getNativeNode) == null ? void 0 : l.call(s)) || c.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);
+      },
+      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);
       }
-    }), (c, n) => (M(), F(O(u), D({
+    }), (s, l) => (R(), C(M(m), Q({
       ref_key: "nativeRef",
-      ref: a,
+      ref: c,
+      protocolVersion: o.protocolVersion,
       tabsData: o.tabsData,
       actionPayload: o.actionPayload,
-      onOnTabSelected: n[0] || (n[0] = (l) => c.$emit("onTabSelected", l.nativeEvent)),
-      onOnTabNeedsData: n[1] || (n[1] = (l) => c.$emit("onTabNeedsData", l.nativeEvent)),
-      onOnLoadMore: n[2] || (n[2] = (l) => c.$emit("onLoadMore", l.nativeEvent)),
-      onOnItemPresence: n[3] || (n[3] = (l) => c.$emit("onItemPresence", l.nativeEvent)),
-      onOnTabFocused: n[4] || (n[4] = (l) => c.$emit("onTabFocused", l.nativeEvent)),
-      onOnItemClick: n[5] || (n[5] = (l) => c.$emit("onItemClick", l.nativeEvent)),
-      onOnItemFocused: n[6] || (n[6] = (l) => c.$emit("onItemFocused", l.nativeEvent))
-    }, c.$attrs), {
-      default: k(() => [
-        G(c.$slots, "default")
+      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")
       ]),
       _: 3
-    }, 16, ["tabsData", "actionPayload"]));
+    }, 16, ["protocolVersion", "tabsData", "actionPayload"]));
   }
 });
-function z(o, t) {
-  const a = P(!1), u = P(!1);
-  return {
-    isIntersecting: a,
-    isVisible: u,
-    handlePresenceState: (n) => {
-      var l, w, y;
-      switch (n) {
-        case "enter":
-          a.value = !0, (l = t == null ? void 0 : t.onEnter) == null || l.call(t);
-          break;
-        case "visible":
-          u.value = !0, (w = t == null ? void 0 : t.onVisible) == null || w.call(t);
-          break;
-        case "leave":
-          a.value = !1, u.value = !1, (y = t == null ? void 0 : t.onLeave) == null || y.call(t);
-          break;
+let z;
+var ae;
+try {
+  const o = require("@extscreen/es3-vue");
+  z = o.registerElement || ((ae = o.default) == null ? void 0 : ae.registerElement);
+} catch {
+}
+const he = {
+  install: (o) => {
+    if (!globalThis.__QtGridTabs_registered)
+      if (z) {
+        const r = (c, v) => {
+          z(c, {
+            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;
+              }
+            }
+          });
+        };
+        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");
+      } 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);
+  }
+};
+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) {
+      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");
+    }
+  }, d = (e, t) => {
+    if (!e)
+      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 !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;
+    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) {
+      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],
+        navContentGapNormal: 0,
+        itemGap: 24
+      },
+      navConfig: (r == null ? void 0 : r.navConfig) ?? {
+        dock: "left",
+        mode: "fixed",
+        renderType: "smart-hybrid",
+        box: { size: [200, 0] },
+        expandedBox: { size: [300, 0] }
+      },
+      cacheConfig: (r == null ? void 0 : r.cacheConfig) ?? {
+        offscreenPageLimit: 1,
+        prefetchOffset: 2,
+        resetOnSwitch: !0
+      },
+      animationConfig: (r == null ? void 0 : r.animationConfig) ?? {
+        duration: 250,
+        layoutEntrance: "staggered_slide_up",
+        itemUpdate: "fade_cross"
+      },
+      focusConfig: (r == null ? void 0 : r.focusConfig) ?? {
+        defaultFocus: "content",
+        restoreLastFocus: !0
+      },
+      referenceResolution: (r == null ? void 0 : r.referenceResolution) ?? { w: 1920, h: 1080 }
+    }, n = [];
+    y ? (t.navConfig = { ...t.navConfig, renderType: "none" }, n = [
+      {
+        tabId: m,
+        title: "Virtual Tab",
+        hidden: !0,
+        items: g.value
       }
+    ]) : n = v.value;
+    const i = JSON.stringify({
+      page_spec: t,
+      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
+      }
+    }));
+  }, 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;
     }
+  })), 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);
+          return l({
+            op: "APPEND_SUB_ITEMS",
+            itemId: t,
+            payload: { subItems: p }
+          }), $;
+        } : Reflect.get(n, i, 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({
+            op: "UPDATE_ITEM",
+            itemId: p.id,
+            payload: p
+          }), $;
+        }
+        return Reflect.set(n, i, 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) {
+      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;
+      }
+      return Reflect.set(t, n, i, 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(), $;
+        }
+        return Reflect.set(n, i, 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;
+      return;
+    }
+    if (e.__isGridTabsProxy)
+      console.log("[useGridTabs] newTabs is ALREADY a proxy, triggering root update"), T();
+    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();
+    }
+  }, { 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;
+      return;
+    }
+    if (e.__isGridTabsProxy)
+      console.log("[useGridTabs] newItems is ALREADY a proxy, triggering root update"), T();
+    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();
+    }
+  }, { 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;
+      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,
+    // 不再绑定 actionPayload 属性，完全走命令式 API，防止触发无意义的 Vue 节点更新
+    onTabNeedsData: async (...e) => {
+      let t = e[0];
+      if (t && t.nativeEvent && (t = t.nativeEvent), !s.value.onTabNeedsData)
+        return;
+      const { tabId: n, index: i, reason: u } = t;
+      if (k.has(n)) {
+        console.log(`[useGridTabs] onTabNeedsData SKIP: tabId=${n} 已经发起过请求，防止死循环`);
+        return;
+      }
+      k.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);
+        }
+      } catch (f) {
+        console.error("[useGridTabs] onTabNeedsData 执行失败:", f), k.delete(n);
+      }
+    },
+    onLoadMore: async (...e) => {
+      let t = e[0];
+      if (t && t.nativeEvent && (t = t.nativeEvent), !s.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);
+        }
+    },
+    onItemPresence: (...e) => {
+      let t = e[0];
+      if (console.log("[useGridTabs] ⚡️ bindings caught onItemPresence:", t), s.value.onItemPresence)
+        try {
+          let n = typeof t == "string" ? t : (t == null ? void 0 : t.nativeEvent) || t;
+          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);
+        } catch (n) {
+          console.error("[useGridTabs] Failed to parse onItemPresence event payload:", n), s.value.onItemPresence(t);
+        }
+    },
+    onTabSelected: (...e) => {
+      let t = e[0];
+      t && t.nativeEvent && (t = t.nativeEvent), s.value.onTabSelected && s.value.onTabSelected(t);
+    },
+    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)
+        try {
+          let n = typeof t == "string" ? t : (t == null ? void 0 : t.data) || t;
+          console.log("[useGridTabs] Parsed eventStr:", n);
+          const i = typeof n == "string" ? JSON.parse(n) : n;
+          s.value.onItemClick(i);
+        } catch (n) {
+          console.error("[useGridTabs] Failed to parse onItemClick event payload:", n), s.value.onItemClick(t);
+        }
+      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)
+        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);
+        } catch (n) {
+          console.error("[useGridTabs] Failed to parse onItemFocused event payload:", n), s.value.onItemFocused(t);
+        }
+    },
+    onTabFocused: (...e) => {
+      let t = e[0];
+      t && t.nativeEvent && (t = t.nativeEvent), s.value.onTabFocused && s.value.onTabFocused(t);
+    }
+  }));
+  return {
+    tabsDataStr: c,
+    bindings: E,
+    tabs: v,
+    items: g,
+    initData: h,
+    setCallbacks: I,
+    updateItem: (e, t) => {
+      if (!a) {
+        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];
+      };
+      if (y) {
+        const i = g.value.find((u) => u.id === e);
+        i && n(i);
+      } else
+        for (const i of v.value)
+          if (i.items) {
+            const u = i.items.find((f) => f.id === e);
+            if (u) {
+              n(u);
+              break;
+            }
+          }
+    },
+    dispatchAction: l,
+    resetInitialization: A
   };
 }
-let $;
-var I;
+const te = "QtKeyboard", ne = /* @__PURE__ */ D({
+  __name: "Keyboard",
+  props: {
+    backgroundColor: {},
+    textColor: {},
+    weakTextColor: {},
+    focusBackgroundColor: {},
+    focusTextColor: {},
+    placeholder: {},
+    textFullKeyboard: {},
+    textT9Keyboard: {},
+    textClear: {},
+    textDelete: {},
+    currentInput: {}
+  },
+  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",
+      "com.quicktvui.plugin.extraui.ExtraUIPluginApp"
+    );
+    return r({
+      getNativeNode: () => {
+        var s, l;
+        return ((l = (s = c.value) == null ? void 0 : s.getNativeNode) == null ? void 0 : l.call(s)) || c.value;
+      }
+    }), (s, l) => (R(), C(M(m), Q({
+      ref_key: "nativeRef",
+      ref: c,
+      backgroundColor: o.backgroundColor,
+      textColor: o.textColor,
+      weakTextColor: o.weakTextColor,
+      focusBackgroundColor: o.focusBackgroundColor,
+      focusTextColor: o.focusTextColor,
+      placeholder: o.placeholder,
+      textFullKeyboard: o.textFullKeyboard,
+      textT9Keyboard: o.textT9Keyboard,
+      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")
+      ]),
+      _: 3
+    }, 16, ["backgroundColor", "textColor", "weakTextColor", "focusBackgroundColor", "focusTextColor", "placeholder", "textFullKeyboard", "textT9Keyboard", "textClear", "textDelete", "currentInput"]));
+  }
+});
+let W;
+var le;
 try {
   const o = require("@extscreen/es3-vue");
-  $ = o.registerElement || ((I = o.default) == null ? void 0 : I.registerElement);
+  W = o.registerElement || ((le = o.default) == null ? void 0 : le.registerElement);
 } catch {
 }
-const Q = {
+const Ae = {
   install: (o) => {
-    globalThis.__QtGridTabs_registered || ($ ? ($("qt-grid-tabs", {
-      component: {
-        name: "QtGridTabs",
-        // 关键：将前端标签映射到真正的 Native 组件名
-        processEventData(t, a, u) {
-          return console.log(`[GridTabs/index.ts] qt-grid-tabs 收到原生事件: ${a}, 数据:`, u), t.nativeEvent = u, t;
-        }
+    if (!globalThis.__QtKeyboard_registered)
+      if (W) {
+        const r = (c, v) => {
+          W(c, {
+            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;
+              }
+            }
+          });
+        };
+        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");
+      } else
+        console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
+    o.component("Keyboard", ne), o.component("qt-keyboard", ne);
+  }
+}, oe = "QtPortalPool", se = /* @__PURE__ */ D({
+  __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,
+      v.pluginPackageName || "com.quicktvui.plugin.glintui"
+    );
+    return r({
+      getNativeNode: () => {
+        var s, l;
+        return ((l = (s = c.value) == null ? void 0 : s.getNativeNode) == null ? void 0 : l.call(s)) || c.value;
       }
-    }), $("QtGridTabs", {
-      component: {
-        name: "QtGridTabs",
-        processEventData(t, a, u) {
-          return console.log(`[GridTabs/index.ts] QtGridTabs 收到原生事件: ${a}, 数据:`, u), t.nativeEvent = u, t;
-        }
+    }), (s, l) => (R(), C(M(m), Q({
+      ref_key: "nativeRef",
+      ref: c
+    }, s.$attrs), {
+      default: q(() => [
+        F(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+let Z;
+var ce;
+try {
+  const o = require("@extscreen/es3-vue");
+  Z = o.registerElement || ((ce = o.default) == null ? void 0 : ce.registerElement);
+} catch {
+}
+const Ie = {
+  install: (o) => {
+    if (!globalThis.__QtPortalPool_registered)
+      if (Z) {
+        const r = (c, v) => {
+          Z(c, {
+            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;
+              }
+            }
+          });
+        };
+        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");
+      } else
+        console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
+    o.component("PortalPool", se), o.component("qt-portal-pool", se);
+  }
+}, re = "QtPortalItem", ie = /* @__PURE__ */ D({
+  __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,
+      v.pluginPackageName || "com.quicktvui.plugin.glintui"
+    );
+    return r({
+      getNativeNode: () => {
+        var s, l;
+        return ((l = (s = c.value) == null ? void 0 : s.getNativeNode) == null ? void 0 : l.call(s)) || c.value;
       }
-    }), 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")), o.component("GridTabs", E), o.component("qt-grid-tabs", E);
+    }), (s, l) => (R(), C(M(m), Q({
+      ref_key: "nativeRef",
+      ref: c,
+      portalId: o.portalId
+    }, s.$attrs), {
+      default: q(() => [
+        F(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["portalId"]));
+  }
+});
+let J;
+var ue;
+try {
+  const o = require("@extscreen/es3-vue");
+  J = o.registerElement || ((ue = o.default) == null ? void 0 : ue.registerElement);
+} catch {
+}
+const Ee = {
+  install: (o) => {
+    if (!globalThis.__QtPortalItem_registered)
+      if (J) {
+        const r = (c, v) => {
+          J(c, {
+            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;
+              }
+            }
+          });
+        };
+        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");
+      } else
+        console.warn("[@quicktvui/naddons] Failed to find registerElement from @extscreen/es3-vue");
+    o.component("PortalItem", ie), o.component("qt-portal-item", ie);
   }
-}, T = /* @__PURE__ */ new Set();
-function W(o, t, a) {
-  return p({
+}, Ne = {
+  // 如果设置为 true，则全局跳过所有组件的原生插件安装检查，直接渲染
+  skipPluginCheck: !1
+}, B = /* @__PURE__ */ new Set();
+function L(o, r, c) {
+  return D({
     name: `${o}AsyncWrapper`,
     inheritAttrs: !1,
-    setup(u, { slots: c, attrs: n }) {
-      const l = P("loading"), w = P("");
-      let y = null, g = null;
+    props: {
+      // 允许单个组件级别跳过检查
+      skipPluginCheck: {
+        type: Boolean,
+        default: !1
+      }
+    },
+    setup(v, { slots: g, attrs: y, expose: a }) {
+      const m = w("loading"), s = w(""), l = w(), d = globalThis.__VUE_INSTANCE__;
+      a({
+        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;
+        },
+        nativeRef: l
+      });
+      let k = null, T = null;
       try {
-        y = x(), g = q();
-      } catch (i) {
-        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", i);
+        k = de(), T = Te();
+      } catch (b) {
+        console.warn("[withAsyncPlugin] 获取 useES 或 useESPlugin 失败，可能处于非 ES 环境。", b);
       }
       const S = async () => {
-        if (!y || typeof y.isComponentRegistered != "function")
+        if (!k || typeof k.isComponentRegistered != "function")
           return console.log("[withAsyncPlugin] es.isComponentRegistered 不可用"), !1;
         try {
-          const i = await y.isComponentRegistered(o);
-          if (console.log(`[withAsyncPlugin] isComponentRegistered('${o}') 返回:`, i), i === !0 || i && typeof i == "object" && (i.registered === !0 || i.isRegistered === !0))
+          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))
             return !0;
           try {
-            const r = await v.callNativeWithPromise("ExtendModule", "getCoreSDKInfo");
-            if (r && r.core_version) {
-              const d = r.core_version;
-              console.log(`[withAsyncPlugin] 当前引擎核心版本: ${d}`);
-              const e = d.split(".").map((s) => parseInt(s, 10));
-              if (e.length >= 3 && !isNaN(e[0]) && !isNaN(e[1]) && !isNaN(e[2]))
-                if (e[0] * 1e6 + e[1] * 1e3 + e[2] >= 1011205) {
+            const 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) {
                   console.log(`[withAsyncPlugin] 引擎 >= 1.11.205，使用 ExtendModule 检查 Controller: ${o}`);
-                  const f = o.split("-").map((A) => A.charAt(0).toUpperCase() + A.slice(1)).join("");
-                  console.log(`[withAsyncPlugin] 同时检查原名和驼峰名: ${o}, ${f}`);
-                  const [m, b] = await Promise.all([
-                    v.callNativeWithPromise("ExtendModule", "isComponentRegistered", o).catch(() => !1),
-                    v.callNativeWithPromise("ExtendModule", "isComponentRegistered", f).catch(() => !1)
+                  const E = o.split("-").map((t) => t.charAt(0).toUpperCase() + t.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)
                   ]);
-                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${m}, ${b}]`), m === !0 || b === !0)
+                  if (console.log(`[withAsyncPlugin] ExtendModule.isComponentRegistered 返回: [${N}, ${e}]`), N === !0 || e === !0)
                     return !0;
                 } else
-                  console.log(`[withAsyncPlugin] 引擎版本 ${d} < 1.11.205，跳过 ExtendModule 检查`);
+                  console.log(`[withAsyncPlugin] 引擎版本 ${A} < 1.11.205，跳过 ExtendModule 检查`);
               else
-                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${d}`);
+                console.log(`[withAsyncPlugin] 无法解析引擎版本号: ${A}`);
             }
-          } catch (r) {
-            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", r);
+          } catch (P) {
+            console.log("[withAsyncPlugin] 获取引擎版本或检查 Controller 失败:", P);
           }
           return !1;
-        } catch (i) {
-          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", i), !1;
+        } catch (b) {
+          return console.warn("[withAsyncPlugin] 检查组件注册状态异常:", b), !1;
         }
-      }, C = async () => {
-        if (!t) {
-          l.value = "ready";
+      }, O = async () => {
+        if (Ne.skipPluginCheck || v.skipPluginCheck) {
+          console.log(`[withAsyncPlugin] 跳过 ${o} 插件检查 (skipPluginCheck = true)`), m.value = "ready";
           return;
         }
-        const i = await S();
-        if (console.log(`[withAsyncPlugin] 拦截检查 - ${o} 是否已注册:`, i), i || T.has(t)) {
-          l.value = "ready", T.add(t), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
+        if (!r) {
+          m.value = "ready";
           return;
         }
-        if (!g) {
-          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`), l.value = "ready";
+        const b = await S();
+        if (console.log(`[withAsyncPlugin] 拦截检查 - ${o} 是否已注册:`, b), b || B.has(r)) {
+          m.value = "ready", B.add(r), console.log("[withAsyncPlugin] 组件已注册，跳过安装流程");
           return;
         }
-        console.log(`[withAsyncPlugin] 开始动态安装插件: ${t}`);
+        if (!T) {
+          console.warn(`[withAsyncPlugin] 无法获取 useESPlugin 实例，可能处于内置 AAR 环境或非插件环境，尝试直接渲染 ${o}`), m.value = "ready";
+          return;
+        }
+        console.log(`[withAsyncPlugin] 开始动态安装插件: ${r}`);
         try {
-          await new Promise((r, d) => {
-            let e;
-            const s = {
-              onPluginInstallSuccess(f, m, b) {
-                f === t && (clearTimeout(e), g.removeListener(s), console.log(`[withAsyncPlugin] 安装成功 pkg=${f} 状态码=${m}`), m == 1003 || m == 1001 ? (a ? (console.log(`[withAsyncPlugin] 触发反射初始化: ${a}`), v.callNative("EsNativeModule", "callReflect", {
+          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", {
                   entry: {
-                    from: a,
+                    from: c,
                     method: "setup"
                   }
-                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), r()) : d(new Error(`安装失败 pkg=${f} status=${m} msg=${b}`)));
+                })) : console.log("[withAsyncPlugin] 安装成功，跳过反射初始化（无 pluginInitClass）"), P()) : A(new Error(`安装失败 pkg=${E} status=${N} msg=${e}`)));
               },
-              onPluginInstallError(f, m, b) {
-                f === t && (clearTimeout(e), g.removeListener(s), d(new Error(`安装失败 pkg=${f} status=${m} msg=${b}`)));
+              onPluginInstallError(E, N, e) {
+                E === r && (clearTimeout(h), T.removeListener(I), A(new Error(`安装失败 pkg=${E} status=${N} msg=${e}`)));
               }
             };
-            g.addListener({ pkg: t }, s), e = setTimeout(() => {
-              g.removeListener(s), d(new Error(`插件安装超时: ${t}`));
-            }, 8e3), typeof g.installPlugin == "function" ? g.installPlugin({ pkg: t }) : typeof g.install == "function" ? g.install(t) : d(new Error("当前运行时不支持 install / installPlugin"));
-          }), await L(), T.add(t), l.value = "ready";
-        } catch (r) {
-          console.error("[withAsyncPlugin] 插件加载失败:", r), w.value = (r == null ? void 0 : r.message) || String(r), l.value = "error";
+            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";
         }
       };
-      return R(() => {
-        C();
+      return be(() => {
+        O();
       }), () => {
-        const i = {
-          width: "100%",
-          height: "100%",
+        const b = {
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          ...n.style || {}
-        };
-        if (l.value === "loading")
-          return h("div", { class: "qt-plugin-container", style: i }, [
-            h("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
+          ...y.style || {}
+        }, P = y.class ? `qt-plugin-container ${y.class}` : "qt-plugin-container";
+        if (m.value === "loading")
+          return G("div", { class: P, style: b }, [
+            G("div", { style: { color: "white", fontSize: "30px" } }, "插件加载中...")
           ]);
-        if (l.value === "error")
-          return h("div", { class: "qt-plugin-container", style: i }, [
-            h("div", { style: { color: "white", fontSize: "30px", backgroundColor: "rgba(255,0,0,0.5)" } }, `插件加载失败: ${w.value}`)
+        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}`)
           ]);
-        const r = {};
-        for (const [e, s] of Object.entries(n)) {
-          const f = e.startsWith("on") && e !== "onItemPresence" && e !== "onTabSelected" && e !== "onTabNeedsData" && e !== "onLoadMore" && e !== "onTabFocused" && e !== "onItemClick" && e !== "onItemFocused";
-          !e.startsWith("onOn") && !f && (r[e] = s);
-        }
-        const d = {
-          ...r,
-          style: { width: "1920px", height: "1080px", backgroundColor: "transparent" },
-          onItemPresence: (e) => {
-            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemPresence:`, e);
-            const s = n.onOnItemPresence || n.onItemPresence || n.onitempresence;
-            typeof s == "function" && s(e);
+        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;
           },
-          onTabSelected: (e) => {
-            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabSelected:`, e);
-            const s = n.onOnTabSelected || n.onTabSelected;
-            typeof s == "function" && s(e);
-          },
-          onTabNeedsData: (e) => {
-            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabNeedsData:`, e);
-            const s = n.onOnTabNeedsData || n.onTabNeedsData;
-            typeof s == "function" && s(e);
-          },
-          onLoadMore: (e) => {
-            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onLoadMore:`, e);
-            const s = n.onOnLoadMore || n.onLoadMore;
-            typeof s == "function" && s(e);
-          },
-          onTabFocused: (e) => {
-            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onTabFocused:`, e);
-            const s = n.onOnTabFocused || n.onTabFocused;
-            typeof s == "function" && s(e);
-          },
-          onItemClick: (e) => {
-            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemClick:`, e);
-            const s = n.onOnItemClick || n.onItemClick;
-            typeof s == "function" && s(e);
-          },
-          onItemFocused: (e) => {
-            console.log(`[withAsyncPlugin] NativeTag=${o} 收到事件 onItemFocused:`, e);
-            const s = n.onOnItemFocused || n.onItemFocused;
-            typeof s == "function" && s(e);
-          }
-        };
-        return console.log("[withAsyncPlugin] 最终准备传递给 h() 的属性键集合:", Object.keys(d)), h("div", { class: "qt-plugin-container", style: i }, [
-          h(o, d, c.default ? c.default() : [])
+          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 B = {
+const ve = Symbol("AddonEnvContext"), ge = {
+  isPluginActive: !1,
+  nameSuffix: "",
+  pluginPackageName: "com.quicktvui.plugin.glintui",
+  builtInVersions: {}
+};
+async function xe(o = "com.quicktvui.plugin.glintui", r = "_Plugin") {
+  const c = de();
+  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 g = `QtGridTabs${r}`, y = c.isComponentRegistered(g), a = y instanceof Promise ? await y : y, m = {
+    isPluginActive: a,
+    nameSuffix: a ? r : "",
+    // 如果使用了热更插件，包名加上 .ext 后缀（与 Gradle 打包脚本对齐）
+    pluginPackageName: a ? `${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);
+}
+function K() {
+  var o;
+  return ((o = Pe(ve, Y)) == null ? void 0 : o.value) || ge;
+}
+const Se = {
   install: (o) => {
-    o.use(Q);
+    o.use(he), o.use(Ae), o.use(Ie), o.use(Ee);
   }
 };
 export {
-  E as GridTabs,
-  Q as GridTabsPlugin,
-  B as QuickTVUINAddons,
-  B as default,
-  z as useGridItemPresence,
-  W as withAsyncPlugin
+  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
 };