vane-waterfall 2.0.2 → 2.0.3

package/dist/chunks/withPlugins-BOeDFhof.js

@@ -0,0 +1,743 @@
+import { jsxs as pe, Fragment as ye, jsx as le } from "react/jsx-runtime";
+import we, { useRef as E, useState as F, useCallback as $, useMemo as _, useLayoutEffect as ae, createContext as ve, forwardRef as be, useEffect as te } from "react";
+function Pe() {
+  const o = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  let i = 0;
+  const a = (r, u) => {
+    const y = o.get(r);
+    if (y) {
+      if (i >= 50) {
+        console.warn(`[PluginBus] emit depth exceeded: "${r}"`);
+        return;
+      }
+      i += 1;
+      for (const w of [...y])
+        try {
+          w(u);
+        } catch (S) {
+          console.warn(`[PluginBus] handler error for event "${r}"`, S);
+        }
+      i -= 1;
+    }
+  }, l = (r, u) => {
+    let y = o.get(r);
+    return y || (y = /* @__PURE__ */ new Set(), o.set(r, y)), y.add(u), () => {
+      y?.delete(u);
+    };
+  }, p = (r, u) => {
+    const y = (w) => {
+      try {
+        u(w);
+      } finally {
+        c(r, y);
+      }
+    };
+    return l(r, y);
+  }, c = (r, u) => {
+    if (!u) {
+      o.delete(r);
+      return;
+    }
+    o.get(r)?.delete(u);
+  };
+  return { emit: a, on: l, once: p, off: c, getData: (r) => t.get(r), setData: (r, u) => {
+    const y = t.get(r);
+    t.set(r, u), y !== u && a(r, u);
+  }, deleteData: (r) => {
+    const u = t.has(r);
+    t.delete(r), u && a(r, void 0);
+  }, hasData: (r) => t.has(r), getAll: () => {
+    const r = /* @__PURE__ */ Object.create(null);
+    return t.forEach((u, y) => {
+      r[y] = u;
+    }), r;
+  }, clear: () => {
+    o.clear(), t.clear();
+  } };
+}
+function Ie(o) {
+  const t = new Map(o.map((r) => [r.name, r])), i = [];
+  for (const r of o)
+    for (const u of r.dependencies ?? [])
+      t.has(u) || i.push(`${r.name} -> ${u}`);
+  const a = [], l = /* @__PURE__ */ new Set(), p = [...o], c = (r) => (r.dependencies ?? []).every((u) => l.has(u) || !t.has(u));
+  for (; p.length > 0; ) {
+    const r = p.filter(c);
+    if (r.length === 0)
+      throw new Error(
+        `[vane/plugin-core] 插件循环依赖: ${p.map((y) => y.name).join(" <-> ")}`
+      );
+    let u = r[0];
+    for (const y of r)
+      (y.priority ?? 0) > (u.priority ?? 0) && (u = y);
+    a.push(u), l.add(u.name), p.splice(p.indexOf(u), 1);
+  }
+  return i.length > 0 && console.warn(
+    `[vane/plugin-core] 以下插件依赖未注册，将被忽略:
+  ${i.join(`
+  `)}`
+  ), a;
+}
+function ge(o, t) {
+  try {
+    return Ie(o);
+  } catch (i) {
+    return t?.(i), o;
+  }
+}
+async function ke(o, t = {}) {
+  const { timeout: i = 3e3, name: a = "anonymous", hook: l = "unknown" } = t;
+  if (!i || i <= 0)
+    return await o();
+  let p;
+  const c = new Promise((r, u) => {
+    p = setTimeout(() => {
+      u(new Error(`[vane/plugin-core] 插件 ${a} 的钩子 ${l} 超时(${i}ms)`));
+    }, i);
+  });
+  try {
+    return await Promise.race([Promise.resolve().then(o), c]);
+  } finally {
+    p && clearTimeout(p);
+  }
+}
+const xe = /* @__PURE__ */ new Set(["onMount", "onUnmount", "onPropsChange", "onError"]);
+function Me(o = {}) {
+  const t = o.logger ?? console, i = o.sandbox ?? !0, a = o.timeout ?? 3e3, l = [];
+  let p = [];
+  const c = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set();
+  let y = 0, w = null, S = 0;
+  const I = (e, s, g) => {
+    l.push({ plugin: e, hook: s, error: g }), process.env.NODE_ENV !== "production" && l.length > 100 && l.splice(0, l.length - 100);
+  }, W = () => {
+    y += 1, w = null;
+  }, U = (e, s = /* @__PURE__ */ new Set()) => e.enabled === !1 ? !1 : s.has(e.name) ? !0 : (s.add(e.name), (e.dependencies ?? []).every((g) => {
+    const x = c.get(g);
+    return !x || U(x, s);
+  })), A = () => {
+    if (w) return w;
+    const e = [...c.values()].filter((s) => U(s) ? !0 : (I(s.name, "dependencies", new Error("依赖已停用")), !1));
+    return w = ge(
+      e,
+      (s) => I("[order]", "resolveDependencyOrder", s)
+    );
+  }, B = (e) => {
+    const s = p.filter(([g]) => !e || g === e).reverse();
+    p = e ? p.filter(([g]) => g !== e) : [];
+    for (const [, g] of s)
+      try {
+        g();
+      } catch (x) {
+        t.warn("[vane] cleanup failed", x);
+      }
+  }, V = (e) => (
+    // await 后 await：异步 destroy 既满足可等待，也保证旧资源先于新资源释放
+    Promise.resolve(e.destroy?.()).catch(
+      (s) => t.warn(`[vane] destroy failed: ${e.name}`, s)
+    )
+  ), Y = async (e, s, g, x, b) => {
+    const C = s === "onUnmount";
+    if (s === "onMount" || C) {
+      if (u.has(e.name) !== C) return {};
+      C ? u.delete(e.name) : u.add(e.name);
+    }
+    const D = e.hooks?.[s];
+    if (typeof D != "function") return {};
+    let v;
+    try {
+      const T = () => D(g, ...x);
+      v = e.sandbox ?? i ? await ke(T, {
+        timeout: e.timeout ?? a,
+        name: e.name,
+        hook: s
+      }) : await T();
+    } catch (T) {
+      return b !== y ? {} : (I(e.name, s, T), t.warn(`[vane] ${s} failed: ${e.name}`, T), o.onError?.(e.name, s, T), { stop: s === "onError" });
+    }
+    return b !== y ? {} : xe.has(s) && typeof v == "function" ? (p.push([e.name, v]), {}) : { value: v };
+  }, K = async (e, s, g) => {
+    const x = y;
+    for (const b of A()) {
+      if (x !== y) return;
+      const C = await Y(b, e, s, g, x);
+      if (C.stop) return;
+      if (C.value === !1) return !1;
+      if (C.value !== void 0 && C.value !== !0) return C.value;
+    }
+  }, N = (e, s, ...g) => K(e, s, g), j = (e) => {
+    c.get(e.name) && r.get(e.name) !== e && (t.warn(`[vane] duplicate plugin, destroy old: ${e.name}`), G(e.name)), c.set(e.name, { ...e, enabled: e.enabled ?? !0 }), r.set(e.name, e), u.delete(e.name), W(), e.init && Promise.resolve(e.init()).catch((s) => {
+      t.warn(`[vane] init failed: ${e.name}`, s);
+    });
+  }, q = (e) => e.forEach(j), z = (e) => {
+    c.delete(e), r.delete(e), u.delete(e), w = null;
+  }, G = (e) => {
+    const s = c.get(e);
+    s && (W(), B(e), V(s), z(e));
+  };
+  return {
+    register: j,
+    registerAll: q,
+    unregister: G,
+    getPlugin: (e) => c.get(e),
+    getAllPlugins: () => [...c.values()],
+    getEnabledPlugins: () => [...c.values()].filter((e) => e.enabled !== !1),
+    getExecutionOrder: () => [...A()],
+    enable: (e) => {
+      const s = c.get(e);
+      s && (s.enabled = !0, w = null);
+    },
+    disable: (e) => {
+      const s = c.get(e);
+      s && (s.enabled = !1, w = null);
+    },
+    has: (e) => c.has(e),
+    executeHook: N,
+    clear: () => {
+      W(), S += 1, B();
+      const e = [...c.values()].map(V);
+      return c.clear(), r.clear(), u.clear(), Promise.all(e).then(() => {
+      });
+    },
+    getErrors: () => [...l],
+    align: async (e, s) => {
+      const g = ++S, x = new Map(e.map((b) => [b.name, b]));
+      for (const b of [...c.keys()]) {
+        if (g !== S) return;
+        if (r.get(b) === x.get(b)) continue;
+        const C = c.get(b);
+        W(), await Y(C, "onUnmount", s, [], y), B(b), await V(C), z(b);
+      }
+      for (const b of e) {
+        if (g !== S) return;
+        r.get(b.name) !== b && j(b);
+      }
+    },
+    peekOrder: A
+  };
+}
+var Ce = Object.defineProperty, Le = (o, t, i) => t in o ? Ce(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i, Ee = (o, t, i) => Le(o, t + "", i);
+class de extends we.Component {
+  constructor() {
+    super(...arguments), Ee(this, "state", { error: null });
+  }
+  static getDerivedStateFromError(t) {
+    return { error: t };
+  }
+  componentDidUpdate(t) {
+    const i = t.resetKeys ?? [], a = this.props.resetKeys ?? [];
+    this.state.error && (i.length !== a.length || i.some((l, p) => !Object.is(l, a[p]))) && (this.props.onReset?.(), this.setState({ error: null }));
+  }
+  componentDidCatch(t, i) {
+    console.warn("[vane/plugin-core] 插件渲染错误已被隔离", t, i), this.props.onError?.(t, i);
+  }
+  render() {
+    const { error: t } = this.state;
+    return t ? this.props.fallback ? this.props.fallback(t) : null : this.props.children;
+  }
+}
+let ne = null;
+function Re(o = !1) {
+  if (ne && !o) return ne;
+  const t = typeof window < "u" ? window.innerWidth : 1024, i = typeof window < "u" ? window.innerHeight : 768, a = typeof window < "u" && window.devicePixelRatio || 1, l = typeof navigator < "u" && navigator.userAgent || "", p = /iPad|Tablet/i.test(l), c = /Mobile|Android|iPhone/i.test(l), r = typeof window < "u" && ("ontouchstart" in window || (navigator.maxTouchPoints ?? 0) > 0);
+  return ne = {
+    type: p ? "tablet" : c ? "mobile" : "desktop",
+    os: l,
+    browser: l,
+    devicePixelRatio: a,
+    viewportWidth: t,
+    viewportHeight: i,
+    isTouchDevice: r,
+    isRetina: a >= 2
+  }, ne;
+}
+function ce(o, t) {
+  if (Object.is(o, t)) return !0;
+  if (typeof o != "object" || typeof t != "object" || o === null || t === null)
+    return !1;
+  const i = Object.keys(o), a = Object.keys(t);
+  return i.length !== a.length ? !1 : i.every(
+    (l) => Object.is(o[l], t[l])
+  );
+}
+function He(o) {
+  const {
+    plugins: t,
+    props: i,
+    data: a,
+    initialState: l,
+    containerRef: p,
+    enableDebug: c = !1,
+    managerOptions: r,
+    extendContext: u
+  } = o, y = E(null), w = p ?? y, S = E(null);
+  S.current || (S.current = Me(
+    r
+  ));
+  const I = S.current, W = E(null);
+  W.current || (W.current = Pe());
+  const U = W.current, A = E(/* @__PURE__ */ new Map()), [B, V] = F(l ?? {}), [, Y] = F(0), K = $(() => Y((k) => k + 1), []), N = _(() => Re(), []), j = E(i);
+  ce(j.current, i) || (j.current = i);
+  const q = j.current, z = E(a);
+  ce(z.current, a) || (z.current = a);
+  const G = z.current, e = E(null), s = _(() => {
+    const k = {
+      props: q,
+      data: G,
+      bus: U,
+      refs: { container: w, getContainer: () => w.current },
+      state: B,
+      setState: (M) => V((n) => ({ ...n, ...M })),
+      shared: A.current,
+      deviceInfo: N,
+      forceUpdate: K,
+      getSize: () => {
+        const M = w.current;
+        return M ? { width: M.offsetWidth, height: M.offsetHeight } : { width: 0, height: 0 };
+      },
+      logger: console
+    };
+    return u ? u(k) : k;
+  }, [q, G, B, N, U, u]);
+  ae(() => {
+    e.current = s;
+  }, [s]);
+  const g = E(t), x = g.current;
+  x !== t && (x.length !== t.length || t.some((k, M) => k !== x[M])) && (g.current = t);
+  const b = g.current, C = E(0);
+  ae(() => {
+    const k = ++C.current, M = e.current;
+    return I.align(b, M).then(() => {
+      C.current === k && (c && console.debug(
+        "[vane/plugin-core] plugins registered:",
+        b.map((n) => n.name).join("|")
+      ), I.executeHook("onMount", M));
+    }), () => {
+      C.current += 1;
+    };
+  }, [b, I, c]), ae(
+    () => () => {
+      const k = e.current;
+      if (!I.getExecutionOrder().some((M) => typeof M.hooks?.onUnmount == "function")) {
+        I.clear();
+        return;
+      }
+      I.executeHook("onUnmount", k).finally(() => I.clear());
+    },
+    [I]
+  );
+  const D = I.peekOrder(), v = E([]), T = _(() => {
+    const k = new Map(b.map((d) => [d.name, d])), M = b.filter(
+      (d) => d.enabled !== !1 && I.getPlugin(d.name)?.enabled !== !1
+    ), n = D.length === M.length ? D.map((d) => k.get(d.name) ?? d) : ge(M), f = v.current;
+    return f.length === n.length && n.every((d, P) => d === f[P]) ? f : (v.current = n, n);
+  }, [b, I, D]), J = E(s);
+  J.current = s;
+  const Q = $(
+    (k, M) => {
+      const n = J.current;
+      let f = M;
+      for (const d of T) {
+        const P = d.hooks?.[k];
+        if (typeof P == "function")
+          try {
+            f = k === "transformData" ? P(n, f) : P(f);
+          } catch (m) {
+            (n.logger ?? console).warn(
+              `[plugin-core] ${d.name}.${k} 执行失败，已跳过`,
+              m
+            );
+          }
+      }
+      return f;
+    },
+    [T]
+  ), se = $(
+    (k) => Q("transformProps", k),
+    [Q]
+  ), X = $(
+    (k) => Q("transformData", k),
+    [Q]
+  ), ee = $(
+    (k, ...M) => I.executeHook(k, e.current, ...M),
+    [I]
+  );
+  return {
+    manager: I,
+    bus: U,
+    context: s,
+    state: B,
+    setState: s.setState,
+    execute: ee,
+    transformProps: se,
+    transformData: X,
+    orderedPlugins: T
+  };
+}
+ve(null);
+function oe(o, t, i) {
+  if (o.enabled === !1 || typeof o.hooks?.[t] != "function") return !1;
+  const a = o.config?.slotPosition;
+  return i === "before" ? a === "before" : i === "footer" ? a === void 0 || a === "after" || a === "footer" : a === void 0 || a === "after";
+}
+function Se(o, t) {
+  return (o.config?.order ?? 0) - (t.config?.order ?? 0) || (t.priority ?? 0) - (o.priority ?? 0);
+}
+function re(o, t, i) {
+  const a = /* @__PURE__ */ new Set();
+  return o.map((l) => {
+    if (a.has(l.name)) return null;
+    a.add(l.name);
+    try {
+      const p = l.hooks?.[i], c = p?.(t);
+      return c == null ? null : /* @__PURE__ */ le(de, { children: c }, `vane-slot-${l.name}`);
+    } catch (p) {
+      return console.warn(`[vane/plugin-core] 插件 ${l.name} 的 ${i} 渲染失败`, p), null;
+    }
+  });
+}
+function Te(o, t, i) {
+  const a = {
+    headerBefore: [],
+    overlay: [],
+    headerAfter: [],
+    footer: []
+  };
+  for (const l of o)
+    oe(l, "renderHeader", "before") ? a.headerBefore.push(l) : oe(l, "renderHeader", "after") && a.headerAfter.push(l), oe(l, "renderOverlay", "after") && a.overlay.push(l), oe(l, "renderFooter", "footer") && a.footer.push(l);
+  for (const l of Object.keys(a)) a[l].sort(Se);
+  return /* @__PURE__ */ pe(ye, { children: [
+    re(a.headerBefore, t, "renderHeader"),
+    i,
+    re(a.overlay, t, "renderOverlay"),
+    re(a.headerAfter, t, "renderHeader"),
+    re(a.footer, t, "renderFooter")
+  ] });
+}
+const $e = {
+  columns: 0,
+  columnWidth: 0,
+  gap: 0,
+  columnHeights: [],
+  totalHeight: 0,
+  containerWidth: 0,
+  containerHeight: 0
+}, We = {
+  scrollTop: 0,
+  scrollLeft: 0,
+  scrollHeight: 0,
+  scrollWidth: 0,
+  clientHeight: 0,
+  clientWidth: 0,
+  isScrolling: !1,
+  direction: null
+};
+function O(o, t, ...i) {
+  if (typeof t == "function")
+    try {
+      return t(...i);
+    } catch (a) {
+      console.warn(`[vane-waterfall] ${o} 回调抛错，已忽略`, a);
+      return;
+    }
+}
+async function fe(o, t, ...i) {
+  if (typeof t == "function")
+    try {
+      return await t(...i);
+    } catch (a) {
+      console.warn(`[vane-waterfall] ${o} 回调抛错，已忽略`, a);
+      return;
+    }
+}
+function Oe() {
+  const o = typeof navigator < "u" ? navigator : void 0, t = o?.connection || o?.mozConnection || o?.webkitConnection;
+  if (t)
+    return {
+      effectiveType: t.effectiveType || "4g",
+      downlink: Number(t.downlink || 10),
+      rtt: Number(t.rtt || 50),
+      saveData: !!t.saveData,
+      online: o?.onLine !== !1
+    };
+}
+function me(o, t, i) {
+  let a = Number.POSITIVE_INFINITY, l = -1;
+  return o.forEach((p, c) => {
+    Math.max(
+      0,
+      Math.min(t + i, p.y + p.height) - Math.max(t, p.y)
+    ) > 0 && (c < a && (a = c), c > l && (l = c));
+  }), l < 0 ? { start: 0, end: 0 } : { start: a, end: l };
+}
+function je(o, t) {
+  const i = Array.isArray(t) ? { plugins: t } : t, { plugins: a, enableDebug: l = !1 } = i, p = be(
+    (c, r) => {
+      const u = E(null), y = E(/* @__PURE__ */ new Map()), w = E(null), S = _(() => Oe(), []), I = E(null), [W, U] = F($e), [A, B] = F(
+        () => /* @__PURE__ */ new Map()
+      ), [V, Y] = F(We), [K, N] = F(!1), [j, q] = F(0), z = $(
+        (n) => {
+          const f = () => w.current?.getLayoutInfo() ?? W, d = () => w.current?.getAllItemPositions() ?? A, P = () => w.current?.getViewportInfo() ?? V, m = () => I.current?.items ?? n.props?.items ?? [], H = () => n.props?.items ?? [], L = () => {
+            const h = w.current?.getVisibleItems();
+            if (h && h.size > 0) return h;
+            const Z = P(), ue = /* @__PURE__ */ new Set();
+            return d().forEach((ie, he) => {
+              Math.max(
+                0,
+                Math.min(Z.scrollTop + Z.clientHeight, ie.y + ie.height) - Math.max(Z.scrollTop, ie.y)
+              ) > 0 && ue.add(he);
+            }), ue;
+          }, R = {
+            ...n,
+            items: m(),
+            itemCount: m().length,
+            rawItems: H(),
+            containerRef: u,
+            itemRefs: y.current,
+            getItemRef: (h) => y.current.get(h) ?? null,
+            layout: f(),
+            itemPositions: d(),
+            getItemPosition: (h) => d().get(h) ?? null,
+            viewport: P(),
+            visibleItems: L(),
+            visibleRange: me(
+              d(),
+              P().scrollTop,
+              P().clientHeight
+            ),
+            isLayouting: K,
+            isScrolling: V.isScrolling,
+            isDragging: !!n.state?.dragInfo?.isDragging,
+            isLoading: !!(n.state?.isLoading ?? !1),
+            hasMore: !!(n.state?.hasMore ?? !0),
+            error: n.state?.error ?? null,
+            sharedData: n.shared,
+            networkInfo: S,
+            dragInfo: n.state?.dragInfo,
+            relayout: () => w.current?.relayout(),
+            scrollToItem: (h, Z) => w.current?.scrollToItem(h, Z),
+            scrollToTop: (h) => w.current?.scrollToTop(h),
+            scrollToBottom: (h) => w.current?.scrollToBottom(h),
+            measureItem: (h) => w.current?.measureItem(h) ?? Promise.resolve({ width: 0, height: 0 })
+          };
+          return Object.defineProperties(R, {
+            layout: { get: f, enumerable: !0, configurable: !0 },
+            itemPositions: { get: d, enumerable: !0, configurable: !0 },
+            viewport: { get: P, enumerable: !0, configurable: !0 },
+            items: { get: m, enumerable: !0, configurable: !0 },
+            itemCount: {
+              get: () => m().length,
+              enumerable: !0,
+              configurable: !0
+            },
+            rawItems: { get: H, enumerable: !0, configurable: !0 },
+            visibleItems: { get: L, enumerable: !0, configurable: !0 },
+            // 宿主 props 优先：`hasMore` / `isLoading` 从「恒 true / 恒 false」改成
+            // 「props 能覆盖插件状态」，页面不用 hand-roll 一个插件就能控制（P2-2）
+            hasMore: {
+              get: () => I.current?.hasMore ?? n.state?.hasMore ?? !0,
+              enumerable: !0,
+              configurable: !0
+            },
+            isLoading: {
+              get: () => I.current?.isLoading ?? n.state?.isLoading ?? !1,
+              enumerable: !0,
+              configurable: !0
+            },
+            props: {
+              get: () => I.current ?? n.props,
+              enumerable: !0,
+              configurable: !0
+            },
+            visibleRange: {
+              get: () => {
+                const h = P();
+                return me(d(), h.scrollTop, h.clientHeight);
+              },
+              enumerable: !0,
+              configurable: !0
+            }
+          }), R;
+        },
+        [W, A, V, K, S]
+      ), e = He({
+        plugins: a,
+        props: c,
+        enableDebug: l,
+        containerRef: u,
+        extendContext: z
+      }), s = E(e.context);
+      ae(() => {
+        s.current = e.context;
+      }), te(
+        () => e.bus.on("props:invalidate", () => q((n) => n + 1)),
+        [e.bus]
+      );
+      const g = $(
+        (n, ...f) => e.execute(n, ...f),
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        [e.manager]
+      ), x = e.orderedPlugins, b = a.map((n) => n.name).join("|"), C = _(() => {
+        const n = x.filter(
+          (m) => typeof m.hooks?.calculateColumns == "function"
+        ), f = x.filter(
+          (m) => typeof m.hooks?.calculateColumnWidth == "function"
+        ), d = x.filter(
+          (m) => typeof m.hooks?.calculateItemPosition == "function"
+        );
+        if (!n.length && !f.length && !d.length)
+          return;
+        const P = (m, H, L) => console.warn(`[vane-waterfall] ${m} 的 ${H} 执行失败`, L);
+        return {
+          calculateColumns: n.length ? (m) => {
+            const H = s.current?.containerRef?.current?.clientWidth ?? 0;
+            for (const L of n)
+              try {
+                const R = L.hooks.calculateColumns(s.current, H);
+                if (typeof R == "number" && Number.isFinite(R)) return R;
+              } catch (R) {
+                P(L.name, "calculateColumns", R);
+              }
+          } : void 0,
+          calculateColumnWidth: f.length ? (m, H, L) => {
+            for (const R of f)
+              try {
+                const h = R.hooks.calculateColumnWidth(
+                  s.current,
+                  L,
+                  H
+                );
+                if (typeof h == "number" && Number.isFinite(h)) return h;
+              } catch (h) {
+                P(R.name, "calculateColumnWidth", h);
+              }
+          } : void 0,
+          calculateItemPosition: d.length ? (m, H, L) => {
+            for (const R of d)
+              try {
+                const h = R.hooks.calculateItemPosition(
+                  s.current,
+                  m,
+                  H,
+                  L
+                );
+                if (h) return h;
+              } catch (h) {
+                P(R.name, "calculateItemPosition", h);
+              }
+          } : void 0
+        };
+      }, [x]), D = $(() => {
+        const n = w.current;
+        if (!n) return;
+        const f = n.getLayoutInfo(), d = n.getAllItemPositions(), P = n.getViewportInfo();
+        U(
+          (m) => m.totalHeight === f.totalHeight && m.columns === f.columns && m.columnWidth === f.columnWidth && m.containerWidth === f.containerWidth ? m : f
+        ), B((m) => {
+          if (m === d) return m;
+          if (m.size !== d.size) return d;
+          let H = !0;
+          return d.forEach((L, R) => {
+            if (H === !1) return;
+            const h = m.get(R);
+            (!h || h.x !== L.x || h.y !== L.y || h.width !== L.width || h.height !== L.height || h.column !== L.column) && (H = !1);
+          }), H ? m : d;
+        }), Y(
+          (m) => m.scrollTop === P.scrollTop && m.clientHeight === P.clientHeight && m.scrollHeight === P.scrollHeight && m.isScrolling === P.isScrolling ? m : P
+        );
+      }, []), v = _(() => e.transformProps(c), [e.transformProps, c, j]);
+      te(() => {
+        a.some((n) => n.name === "PaginationPlugin") && a.some((n) => n.name === "InfiniteScrollPlugin") && console.warn(
+          "[vane-waterfall] PaginationPlugin 与 InfiniteScrollPlugin 互斥：两者都会改写 items，请只保留一个"
+        );
+      }, [b]), te(() => {
+        g("onMount");
+      }, [g]);
+      const T = E(c);
+      te(() => {
+        const n = T.current;
+        n !== c && (T.current = c, g("onPropsChange", n, c));
+      }, [c, g]), I.current = v;
+      const J = $(async () => (N(!0), await g("onBeforeLayout") === !1 ? (N(!1), !1) : !0), [g]), Q = $(() => {
+        g("onLayout");
+      }, [g]), se = $(() => {
+        N(!1), g("onLayoutComplete"), Promise.resolve().then(D);
+      }, [g, D]), X = _(
+        () => x.filter((n) => typeof n.hooks?.renderItemWrapper == "function"),
+        [x]
+      ), ee = v.renderItem, k = $(
+        (n, f) => {
+          let d = ee?.(n, f) ?? null;
+          for (const P of X)
+            try {
+              const m = P.hooks.renderItemWrapper(s.current, d, f);
+              m != null && (d = m);
+            } catch (m) {
+              console.warn(`[vane-waterfall] ${P.name} 的 renderItemWrapper 失败`, m);
+            }
+          return d;
+        },
+        // 身份保持稳定（插件链与基础 renderItem 不变时不变）：Core 里项单元是 memo 的，
+        // 这里每次渲染都给新函数等于把 memo 全部击穿（P2-11）
+        [ee, X]
+      ), M = {
+        ...v,
+        containerRefExternal: u,
+        itemRefsExternal: y,
+        debug: v.debug ?? l,
+        layoutHooks: C ?? v.layoutHooks,
+        renderItem: k,
+        children: /* @__PURE__ */ le(de, { children: Te(e.orderedPlugins, e.context, v.children) }),
+        onMount: () => {
+          O("onMount", v.onMount);
+        },
+        onUnmount: () => {
+          O("onUnmount", v.onUnmount);
+        },
+        onBeforeLayout: async () => await J() === !1 ? !1 : await fe("onBeforeLayout", v.onBeforeLayout) ?? !0,
+        onLayout: () => {
+          O("onLayout", v.onLayout), Q();
+        },
+        onLayoutComplete: () => {
+          O("onLayoutComplete", v.onLayoutComplete), se();
+        },
+        onItemMount: (n, f) => {
+          O("onItemMount", v.onItemMount, n, f), g("onItemMount", n, f);
+        },
+        onItemUnmount: (n) => {
+          O("onItemUnmount", v.onItemUnmount, n), g("onItemUnmount", n);
+        },
+        onItemEnterViewport: (n, f) => {
+          O("onItemEnterViewport", v.onItemEnterViewport, n, f), g("onItemEnterViewport", n, f);
+        },
+        onItemLeaveViewport: (n, f) => {
+          O("onItemLeaveViewport", v.onItemLeaveViewport, n, f), g("onItemLeaveViewport", n, f);
+        },
+        onScroll: (n, f) => {
+          O("onScroll", v.onScroll, n, f), g("onScroll", n, f), D();
+        },
+        onResize: (n, f) => {
+          O("onResize", v.onResize, n, f), g("onResize", n, f);
+        },
+        onReachBottom: async (n) => {
+          await fe("onReachBottom", v.onReachBottom, n), await g("onReachBottom", n);
+        },
+        onItemClick: (n, f, d) => {
+          O("onItemClick", v.onItemClick, n, f, d), g("onItemClick", n, f, d);
+        }
+      };
+      return /* @__PURE__ */ le(
+        o,
+        {
+          ref: (n) => {
+            w.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
+          },
+          ...M
+        }
+      );
+    }
+  );
+  return p.displayName = "WithPlugins(WaterfallCore)", p;
+}
+export {
+  je as w
+};