vane-waterfall 2.0.1 → 2.0.2

package/dist/chunks/{doc-f4Uijujv.js → doc-KN6Bvmty.js}

@@ -1,27 +1,49 @@
-import { jsxs as u, jsx as f } from "react/jsx-runtime";
-function v(o = {}) {
-  const { log: i = !1, showOverlay: l = !1 } = o, n = /* @__PURE__ */ new Map(), s = () => Array.from(n.values()).reduce((t, e) => t + e, 0);
+import { jsxs as m, jsx as k } from "react/jsx-runtime";
+function O(d = {}) {
+  const { log: f = !1, showOverlay: g = !1 } = d, n = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+  let c = null;
+  const i = () => Array.from(n.values()).reduce((t, e) => t + e, 0), y = (t, e, s) => {
+    try {
+      const a = t.props?.keyExtractor?.(e, s);
+      if (a != null) return String(a);
+    } catch {
+    }
+    return `#${s}`;
+  }, u = (t) => {
+    const e = t.items;
+    (c === null || e !== c) && (c = e, n.clear(), l.clear(), t.sharedData?.set("click-count", 0));
+  };
   return {
     name: "ClickAnalyticsPlugin",
     enabled: !0,
     getStats: () => ({
-      total: s(),
-      byIndex: Array.from(n.entries()).map(([t, e]) => ({ index: t, clicks: e })).sort((t, e) => t.index - e.index)
+      total: i(),
+      byIndex: Array.from(n.entries()).map(([t, e]) => ({
+        index: l.get(t) ?? 0,
+        key: t,
+        clicks: e
+      })).sort((t, e) => t.index - e.index || t.key.localeCompare(e.key))
     }),
     hooks: {
       onMount: (t) => {
-        t.sharedData?.set("click-count", s());
+        t.sharedData?.set("click-count", i());
+      },
+      onLayoutComplete: (t) => {
+        u(t);
       },
-      onItemClick: (t, e, c, r) => {
-        const d = (n.get(e) ?? 0) + 1;
-        n.set(e, d);
-        const a = s();
-        t.sharedData?.set("click-count", a), t.bus?.emit("analytics:click", { index: e, item: c, event: r, total: a }), t.forceUpdate?.(), i && console.log(`[ClickAnalytics] item=${e} total=${a}`);
+      onItemClick: (t, e, s, a) => {
+        u(t);
+        const o = y(t, s, e);
+        l.set(o, e);
+        const p = (n.get(o) ?? 0) + 1;
+        n.set(o, p);
+        const r = i();
+        t.sharedData?.set("click-count", r), t.bus?.emit("analytics:click", { index: e, key: o, item: s, event: a, total: r }), t.forceUpdate?.(), f && console.log(`[ClickAnalytics] item=${e} total=${r}`);
       },
       renderOverlay: (t) => {
-        if (!l) return null;
+        if (!g) return null;
         const e = t.sharedData?.get("click-count") || 0;
-        return /* @__PURE__ */ u(
+        return /* @__PURE__ */ m(
           "div",
           {
             style: {
@@ -42,7 +64,7 @@ function v(o = {}) {
             children: [
               "点击次数：",
               e,
-              /* @__PURE__ */ f("div", { style: { fontSize: 12, fontWeight: 400, opacity: 0.85, marginTop: 4 }, children: "提示：点击任意卡片观察计数变化" })
+              /* @__PURE__ */ k("div", { style: { fontSize: 12, fontWeight: 400, opacity: 0.85, marginTop: 4 }, children: "提示：点击任意卡片观察计数变化" })
             ]
           }
         );
@@ -50,10 +72,10 @@ function v(o = {}) {
     }
   };
 }
-const g = "ClickAnalyticsPlugin", p = "统计每次项点击并累计总数，向 bus 发 `analytics:click`（带 index / item / total），`getStats()` 可随时取出按 index 的计数。默认只上报不显示角标，接入真实版式时不会被调试面板盖住内容。", m = "2.0.0", y = [
+const h = "ClickAnalyticsPlugin", b = "统计每次项点击并累计总数，向 bus 发 `analytics:click`（带 index / item / total），`getStats()` 可随时取出按 index 的计数。默认只上报不显示角标，接入真实版式时不会被调试面板盖住内容。", x = "2.0.0", C = [
   "interaction",
   "埋点"
-], k = [
+], S = [
   {
     name: "log",
     type: "boolean",
@@ -66,7 +88,7 @@ const g = "ClickAnalyticsPlugin", p = "统计每次项点击并累计总数，
     default: "false",
     description: "是否显示右上角计数角标"
   }
-], b = `// 统计项点击次数，发 \`analytics:click\` 事件，可选角标与日志。
+], v = `// 统计项点击次数，发 \`analytics:click\` 事件，可选角标与日志。
 const Waterfall = withPlugins(WaterfallCore, [
   createClickAnalyticsPlugin({
     log: false,
@@ -74,29 +96,29 @@ const Waterfall = withPlugins(WaterfallCore, [
   }),
 ]);
 
-<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, h = [
+<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, A = [
   "点击总量 + 按 index 明细（getStats）",
   "bus 事件可被外部订阅上报",
   "角标默认关闭"
-], x = [
+], w = [
   "内容流点击率统计",
   "AB 实验埋点",
   "调试点击行为"
-], C = [
+], D = [
   "生产环境请把数据从 bus 事件或 getStats() 接到自己的埋点 SDK，不要让插件直接打日志。",
   "计数只在内存里，刷新即清零 —— 想持久化要自己定时取 getStats() 上报。"
-], A = {
-  name: g,
-  description: p,
-  since: m,
-  tags: y,
-  config: k,
-  example: b,
-  features: h,
-  useCases: x,
-  notes: C
+], P = {
+  name: h,
+  description: b,
+  since: x,
+  tags: C,
+  config: S,
+  example: v,
+  features: A,
+  useCases: w,
+  notes: D
 };
 export {
-  v as c,
-  A as d
+  O as c,
+  P as d
 };

package/dist/chunks/{doc-B6kLfMPv.js → doc-a0MK2S3n.js}

@@ -1,41 +1,62 @@
-import { jsxs as r } from "react/jsx-runtime";
-function k(l = {}) {
-  const m = l.showOverlay ?? l.showOverlaySummary ?? !1, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  let i = !1;
-  const c = (t) => Array.from(t.values()).reduce((e, s) => e + s, 0);
+import { jsxs as p } from "react/jsx-runtime";
+function H(d = {}) {
+  const v = d.showOverlay ?? d.showOverlaySummary ?? !1, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+  let l = !1, c = null;
+  const f = (t) => Array.from(t.values()).reduce((e, s) => e + s, 0), m = (t, e, s) => {
+    try {
+      const n = t.props?.keyExtractor?.(e, s);
+      if (n != null) return String(n);
+    } catch {
+    }
+    return `#${s}`;
+  }, u = (t) => {
+    const e = t.items;
+    (c === null || e !== c) && (c = e, a.clear(), o.clear(), r.clear(), l = !1);
+  };
   return {
     name: "HeatmapAnalyticsPlugin",
     enabled: !0,
     getStats: () => {
       const t = /* @__PURE__ */ new Set([...a.keys(), ...o.keys()]);
       return {
-        totalViews: c(a),
-        totalClicks: c(o),
-        items: Array.from(t).sort((e, s) => e - s).map((e) => ({
-          index: e,
+        totalViews: f(a),
+        totalClicks: f(o),
+        items: Array.from(t).map((e) => ({
+          index: r.get(e) ?? 0,
+          key: e,
           views: a.get(e) ?? 0,
           clicks: o.get(e) ?? 0
-        }))
+        })).sort((e, s) => e.index - s.index || e.key.localeCompare(s.key))
       };
     },
     hooks: {
       onLayoutComplete: (t) => {
-        if (i) return;
-        const { start: e, end: s } = t.visibleRange;
-        for (let n = e; n <= s; n++)
-          a.set(n, (a.get(n) || 0) + 1);
-        i = !0;
+        if (u(t), l) return;
+        const { start: e, end: s } = t.visibleRange, n = t.items;
+        for (let i = e; i <= s; i++) {
+          const g = n[i];
+          if (g === void 0) continue;
+          const y = m(t, g, i);
+          r.set(y, i), a.set(y, (a.get(y) || 0) + 1);
+        }
+        l = !0;
       },
       onItemEnterViewport: (t, e) => {
-        a.set(e, (a.get(e) || 0) + 1);
+        u(t);
+        const s = t.items[e];
+        if (s === void 0) return;
+        const n = m(t, s, e);
+        r.set(n, e), a.set(n, (a.get(n) || 0) + 1);
       },
-      onItemClick: (t, e) => {
-        o.set(e, (o.get(e) || 0) + 1), t.forceUpdate?.();
+      onItemClick: (t, e, s) => {
+        u(t);
+        const n = m(t, s, e);
+        r.set(n, e), o.set(n, (o.get(n) || 0) + 1), t.forceUpdate?.();
       },
       renderOverlay: () => {
-        if (!m) return null;
+        if (!v) return null;
         const t = Array.from(a.values()).reduce((s, n) => s + n, 0), e = Array.from(o.values()).reduce((s, n) => s + n, 0);
-        return /* @__PURE__ */ r(
+        return /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -53,11 +74,11 @@ function k(l = {}) {
               marginBottom: 8
             },
             children: [
-              /* @__PURE__ */ r("span", { children: [
+              /* @__PURE__ */ p("span", { children: [
                 "曝光总计: ",
                 t
               ] }),
-              /* @__PURE__ */ r("span", { children: [
+              /* @__PURE__ */ p("span", { children: [
                 "点击总计: ",
                 e
               ] })
@@ -68,11 +89,11 @@ function k(l = {}) {
     }
   };
 }
-const u = "HeatmapAnalyticsPlugin", p = "统计每项进入视口次数与点击次数，可选顶部汇总条，`getStats()` 取出每项明细。曝光是瀑布流里最容易统计错的东西（滚动时反复进出视口），交给插件比自己写 IntersectionObserver 少踩坑。", y = "2.0.0", d = [
+const w = "HeatmapAnalyticsPlugin", k = "统计每项进入视口次数与点击次数，可选顶部汇总条，`getStats()` 取出每项明细。曝光是瀑布流里最容易统计错的东西（滚动时反复进出视口），交给插件比自己写 IntersectionObserver 少踩坑。", h = "2.0.0", C = [
   "interaction",
   "埋点",
   "曝光"
-], f = [
+], O = [
   {
     name: "showOverlay",
     type: "boolean",
@@ -85,37 +106,37 @@ const u = "HeatmapAnalyticsPlugin", p = "统计每项进入视口次数与点击
     default: "—",
     description: "showOverlay 的旧别名"
   }
-], g = `// 统计每项曝光次数与点击次数，可显示汇总条。
+], S = `// 统计每项曝光次数与点击次数，可显示汇总条。
 const Waterfall = withPlugins(WaterfallCore, [
   createHeatmapAnalyticsPlugin({
     showOverlay: false,
   }),
 ]);
 
-<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, w = [
+<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, A = [
   "按项的曝光 / 点击双计数",
   "首屏曝光在 onLayoutComplete 补一次",
   "getStats() 输出可上报的扁平结构"
-], v = [
+], b = [
   "信息流曝光分析",
   "广告位可见性验证",
   "调试曝光策略"
-], h = [
+], I = [
   "首屏曝光靠 onLayoutComplete 补一次，否则第一帧显示 0。",
   "真实上报要自己做去重与批次（插件只负责计数，不区分「同一项第几次进入」）。",
   "计数只在内存里，刷新即清零 —— 定时取 getStats() 上报。"
-], O = {
-  name: u,
-  description: p,
-  since: y,
-  tags: d,
-  config: f,
-  example: g,
-  features: w,
-  useCases: v,
-  notes: h
+], L = {
+  name: w,
+  description: k,
+  since: h,
+  tags: C,
+  config: O,
+  example: S,
+  features: A,
+  useCases: b,
+  notes: I
 };
 export {
-  k as c,
-  O as d
+  H as c,
+  L as d
 };

package/dist/chunks/{index-COaun3nf.js → index-B8o6R4RZ.js}

@@ -2,8 +2,8 @@ import { c as a, d as e } from "./doc-DElLNjIc.js";
 import { c as t, d as s } from "./doc-CcPFavOs.js";
 import { c, d as i } from "./doc-3Fpag2G8.js";
 import { c as n, d as o } from "./doc-BfWnfTst.js";
-import { c as r, d as g } from "./doc-B-7dugGv.js";
-import { c as l, d as m } from "./doc-f4Uijujv.js";
+import { c as r, d as g } from "./doc-DAieSXLy.js";
+import { c as l, d as m } from "./doc-KN6Bvmty.js";
 const f = Object.assign(a, { meta: e }), j = Object.assign(t, { meta: s }), O = Object.assign(c, { meta: i }), C = Object.assign(n, { meta: o }), F = Object.assign(r, { meta: g }), x = Object.assign(l, { meta: m });
 export {
   O as a,

package/dist/chunks/{index-DXAtA2f6.js → index-BFyYpEY_.js}

@@ -1,7 +1,7 @@
 import { c as a, d as e } from "./doc-CTUoMe7o.js";
-import { c as t, d as c } from "./doc-j4W9SUrY.js";
+import { c as t, d as c } from "./doc-BSnWbrkH.js";
 import { c as o, d as n } from "./doc-DukOmDCo.js";
-import { c as s, d as i } from "./doc-78xF08vt.js";
+import { c as s, d as i } from "./doc-BmoijI6q.js";
 const d = Object.assign(a, { meta: e }), g = Object.assign(t, { meta: c }), P = Object.assign(o, { meta: n }), p = Object.assign(s, { meta: i });
 export {
   g as a,

package/dist/chunks/{index-wLI6UXkY.js → index-CF0tYRop.js}

@@ -1,4 +1,4 @@
-import { c as a, d as c } from "./doc-kTbJE7rY.js";
+import { c as a, d as c } from "./doc-BCmEnh39.js";
 const t = Object.assign(a, { meta: c });
 export {
   t as c

package/dist/chunks/{index-gjoCq0yC.js → index-CJR0Buju.js}

@@ -1,12 +1,12 @@
 import { c as a, d as e } from "./doc-gTAsLjVx.js";
 import { c, d as t } from "./doc-bTHwfIVb.js";
 import { c as s, d as r } from "./doc-CBHjiDG7.js";
-import { c as n, d as i } from "./doc-B6kLfMPv.js";
+import { c as n, d as i } from "./doc-a0MK2S3n.js";
 import { c as o, d as g } from "./doc-BXElhF2h.js";
 import { c as m, d as l } from "./doc-BXSy2aPP.js";
-import { c as d, d as u } from "./doc-BCGQ8Cp5.js";
-import { c as P, d as $ } from "./doc-BtzhgTYj.js";
-import { c as p, d as b } from "./doc-DJjxOYzW.js";
+import { c as d, d as u } from "./doc-BXaJl1By.js";
+import { c as P, d as $ } from "./doc-CN4edvn_.js";
+import { c as p, d as b } from "./doc-BQQoKNto.js";
 const k = Object.assign(a, { meta: e }), D = Object.assign(c, { meta: t }), G = Object.assign(s, { meta: r }), I = Object.assign(n, { meta: i }), L = Object.assign(o, { meta: g }), U = Object.assign(m, { meta: l }), x = Object.assign(d, { meta: u }), q = Object.assign(P, { meta: $ }), v = Object.assign(p, { meta: b });
 export {
   L as a,

package/dist/chunks/{index-DsRLmBW-.js → index-DHTB3QEP.js}

@@ -1,8 +1,8 @@
 import { c as e, d as t } from "./doc-DzvTrZ13.js";
 import { c as a, d as c } from "./doc-BIzjYAZW.js";
-import { c as s, d as o } from "./doc-CraXjOaA.js";
-import { c as r, d as n } from "./doc-BP0DmB7-.js";
-import { c as i, d as m } from "./doc-NhL4Ux8q.js";
+import { c as s, d as o } from "./doc-BindRMfO.js";
+import { c as r, d as n } from "./doc-D_ozEn0Q.js";
+import { c as i, d as m } from "./doc-CkU5GtLw.js";
 const $ = Object.assign(e, { meta: t }), b = Object.assign(a, { meta: c }), p = Object.assign(s, { meta: o }), f = Object.assign(r, { meta: n }), j = Object.assign(i, { meta: m });
 export {
   b as a,