vane-waterfall 2.0.2 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/doc-BAhVW3g8.js +150 -0
- package/dist/chunks/{doc-BXaJl1By.js → doc-BU0CKW63.js} +64 -35
- package/dist/chunks/{doc-D_ozEn0Q.js → doc-BrEd0oZB.js} +41 -32
- package/dist/chunks/{doc-bTHwfIVb.js → doc-Bud0hbaz.js} +39 -25
- package/dist/chunks/{doc-DukOmDCo.js → doc-C-B3zK2o.js} +52 -23
- package/dist/chunks/{doc-DElLNjIc.js → doc-C206ZwYC.js} +33 -24
- package/dist/chunks/{doc-BSnWbrkH.js → doc-C2L8kkeI.js} +49 -25
- package/dist/chunks/{doc-a0MK2S3n.js → doc-CE1DGMBV.js} +62 -38
- package/dist/chunks/{doc-BXSy2aPP.js → doc-CHbQXLwY.js} +33 -19
- package/dist/chunks/{doc-BfWnfTst.js → doc-CInpKZNU.js} +38 -24
- package/dist/chunks/{doc-gTAsLjVx.js → doc-CYxwSuG6.js} +30 -16
- package/dist/chunks/{doc-DzvTrZ13.js → doc-CaJ02INP.js} +25 -16
- package/dist/chunks/{doc-BXElhF2h.js → doc-CiCso5Ti.js} +44 -30
- package/dist/chunks/{doc-BCmEnh39.js → doc-CkuMr8Ca.js} +49 -25
- package/dist/chunks/{doc-3Fpag2G8.js → doc-D7m1OFCW.js} +38 -24
- package/dist/chunks/doc-DEN2WTDh.js +153 -0
- package/dist/chunks/{doc-C5xrHNoC.js → doc-DhICh9S2.js} +37 -23
- package/dist/chunks/{doc-DAieSXLy.js → doc-DlJICsyN.js} +41 -27
- package/dist/chunks/{doc-CN4edvn_.js → doc-DtxS1-P0.js} +32 -23
- package/dist/chunks/{doc-BIzjYAZW.js → doc-DudYCn_-.js} +25 -16
- package/dist/chunks/{doc-BmoijI6q.js → doc-HoyAFR_m.js} +43 -24
- package/dist/chunks/doc-RlBMCMNs.js +170 -0
- package/dist/chunks/doc-RwKQqySd.js +102 -0
- package/dist/chunks/{doc-CTUoMe7o.js → doc-eYhNJy97.js} +31 -22
- package/dist/chunks/{doc-CcPFavOs.js → doc-i6FY1We1.js} +27 -13
- package/dist/chunks/doc-skPl6ZMP.js +101 -0
- package/dist/chunks/index-8gEIzUxi.js +15 -0
- package/dist/chunks/index-B96I5CKE.js +21 -0
- package/dist/chunks/index-Bjmhy8jW.js +11 -0
- package/dist/chunks/index-Cuq0ofv-.js +13 -0
- package/dist/chunks/{index-BAWlVYr3.js → index-Cz4YEqRF.js} +1 -1
- package/dist/chunks/{index-CF0tYRop.js → index-FBJVUYmH.js} +1 -1
- package/dist/chunks/withPlugins-BOeDFhof.js +743 -0
- package/dist/custom-plugins/A11yPlugin/doc.json.d.ts +64 -40
- package/dist/custom-plugins/A11yPlugin/index.js +1 -1
- package/dist/custom-plugins/AlignmentPlugin/doc.json.d.ts +42 -28
- package/dist/custom-plugins/AlignmentPlugin/index.js +1 -1
- package/dist/custom-plugins/AutoColumnPlugin/doc.json.d.ts +53 -44
- package/dist/custom-plugins/AutoColumnPlugin/index.js +1 -1
- package/dist/custom-plugins/BookmarkPlugin/doc.json.d.ts +44 -35
- package/dist/custom-plugins/BookmarkPlugin/index.js +1 -1
- package/dist/custom-plugins/ClickAnalyticsPlugin/doc.json.d.ts +29 -0
- package/dist/custom-plugins/ClickAnalyticsPlugin/index.js +1 -1
- package/dist/custom-plugins/DebounceLayoutPlugin/doc.json.d.ts +37 -28
- package/dist/custom-plugins/DebounceLayoutPlugin/index.js +1 -1
- package/dist/custom-plugins/DragReorderPlugin/doc.json.d.ts +14 -0
- package/dist/custom-plugins/DragReorderPlugin/index.js +1 -1
- package/dist/custom-plugins/FilterPlugin/doc.json.d.ts +53 -39
- package/dist/custom-plugins/FilterPlugin/index.js +1 -1
- package/dist/custom-plugins/FixedHeightPlugin/doc.json.d.ts +42 -28
- package/dist/custom-plugins/FixedHeightPlugin/index.js +1 -1
- package/dist/custom-plugins/GapPlugin/doc.json.d.ts +61 -37
- package/dist/custom-plugins/GapPlugin/index.js +1 -1
- package/dist/custom-plugins/GroupingPlugin/doc.json.d.ts +61 -32
- package/dist/custom-plugins/GroupingPlugin/index.js +1 -1
- package/dist/custom-plugins/HeatmapAnalyticsPlugin/doc.json.d.ts +24 -0
- package/dist/custom-plugins/HeatmapAnalyticsPlugin/index.js +1 -1
- package/dist/custom-plugins/InfiniteScrollPlugin/doc.json.d.ts +55 -36
- package/dist/custom-plugins/InfiniteScrollPlugin/index.js +1 -1
- package/dist/custom-plugins/PaginationPlugin/doc.json.d.ts +56 -42
- package/dist/custom-plugins/PaginationPlugin/index.js +1 -1
- package/dist/custom-plugins/PinItemPlugin/doc.json.d.ts +49 -35
- package/dist/custom-plugins/PinItemPlugin/index.js +1 -1
- package/dist/custom-plugins/RecyclePlugin/doc.json.d.ts +57 -28
- package/dist/custom-plugins/RecyclePlugin/index.js +1 -1
- package/dist/custom-plugins/ReducedMotionPlugin/doc.json.d.ts +29 -0
- package/dist/custom-plugins/ReducedMotionPlugin/index.js +1 -1
- package/dist/custom-plugins/ResponsiveColumnsPlugin/doc.json.d.ts +40 -31
- package/dist/custom-plugins/ResponsiveColumnsPlugin/index.js +1 -1
- package/dist/custom-plugins/ScrollAnchorPlugin/doc.json.d.ts +42 -28
- package/dist/custom-plugins/ScrollAnchorPlugin/index.js +1 -1
- package/dist/custom-plugins/SearchPlugin/doc.json.d.ts +53 -39
- package/dist/custom-plugins/SearchPlugin/index.js +1 -1
- package/dist/custom-plugins/SortPlugin/doc.json.d.ts +52 -38
- package/dist/custom-plugins/SortPlugin/index.js +1 -1
- package/dist/custom-plugins/StatePersistencePlugin/doc.json.d.ts +71 -37
- package/dist/custom-plugins/StatePersistencePlugin/index.js +1 -1
- package/dist/custom-plugins/StickyHeaderPlugin/doc.json.d.ts +43 -34
- package/dist/custom-plugins/StickyHeaderPlugin/index.js +1 -1
- package/dist/custom-plugins/ThrottlePlugin/doc.json.d.ts +43 -34
- package/dist/custom-plugins/ThrottlePlugin/index.js +1 -1
- package/dist/custom-plugins/TransitionPlugin/doc.json.d.ts +49 -35
- package/dist/custom-plugins/TransitionPlugin/index.js +1 -1
- package/dist/custom-plugins/URLSyncPlugin/doc.json.d.ts +57 -33
- package/dist/custom-plugins/URLSyncPlugin/index.js +1 -1
- package/dist/custom-plugins/index.js +6 -6
- package/dist/entries/plugins.js +7 -7
- package/dist/index.js +1 -1
- package/dist/presets/dashboard/index.js +2 -2
- package/dist/presets/photo-feed/index.js +3 -3
- package/dist/presets/product-feed/index.js +2 -2
- package/package.json +26 -26
- package/dist/chunks/doc-BQQoKNto.js +0 -126
- package/dist/chunks/doc-BindRMfO.js +0 -72
- package/dist/chunks/doc-CBHjiDG7.js +0 -88
- package/dist/chunks/doc-CkU5GtLw.js +0 -136
- package/dist/chunks/doc-KN6Bvmty.js +0 -124
- package/dist/chunks/index-B8o6R4RZ.js +0 -15
- package/dist/chunks/index-BFyYpEY_.js +0 -11
- package/dist/chunks/index-CJR0Buju.js +0 -21
- package/dist/chunks/index-DHTB3QEP.js +0 -13
- package/dist/chunks/withPlugins-DG3YpSgL.js +0 -655
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { jsxs as m, jsx as k } from "react/jsx-runtime";
|
|
2
|
-
function O(d = {}) {
|
|
3
|
-
const { log: f = !1, showOverlay: g = !1 } = d, n = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
|
|
4
|
-
let c = null;
|
|
5
|
-
const i = () => Array.from(n.values()).reduce((t, e) => t + e, 0), y = (t, e, s) => {
|
|
6
|
-
try {
|
|
7
|
-
const a = t.props?.keyExtractor?.(e, s);
|
|
8
|
-
if (a != null) return String(a);
|
|
9
|
-
} catch {
|
|
10
|
-
}
|
|
11
|
-
return `#${s}`;
|
|
12
|
-
}, u = (t) => {
|
|
13
|
-
const e = t.items;
|
|
14
|
-
(c === null || e !== c) && (c = e, n.clear(), l.clear(), t.sharedData?.set("click-count", 0));
|
|
15
|
-
};
|
|
16
|
-
return {
|
|
17
|
-
name: "ClickAnalyticsPlugin",
|
|
18
|
-
enabled: !0,
|
|
19
|
-
getStats: () => ({
|
|
20
|
-
total: i(),
|
|
21
|
-
byIndex: Array.from(n.entries()).map(([t, e]) => ({
|
|
22
|
-
index: l.get(t) ?? 0,
|
|
23
|
-
key: t,
|
|
24
|
-
clicks: e
|
|
25
|
-
})).sort((t, e) => t.index - e.index || t.key.localeCompare(e.key))
|
|
26
|
-
}),
|
|
27
|
-
hooks: {
|
|
28
|
-
onMount: (t) => {
|
|
29
|
-
t.sharedData?.set("click-count", i());
|
|
30
|
-
},
|
|
31
|
-
onLayoutComplete: (t) => {
|
|
32
|
-
u(t);
|
|
33
|
-
},
|
|
34
|
-
onItemClick: (t, e, s, a) => {
|
|
35
|
-
u(t);
|
|
36
|
-
const o = y(t, s, e);
|
|
37
|
-
l.set(o, e);
|
|
38
|
-
const p = (n.get(o) ?? 0) + 1;
|
|
39
|
-
n.set(o, p);
|
|
40
|
-
const r = i();
|
|
41
|
-
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}`);
|
|
42
|
-
},
|
|
43
|
-
renderOverlay: (t) => {
|
|
44
|
-
if (!g) return null;
|
|
45
|
-
const e = t.sharedData?.get("click-count") || 0;
|
|
46
|
-
return /* @__PURE__ */ m(
|
|
47
|
-
"div",
|
|
48
|
-
{
|
|
49
|
-
style: {
|
|
50
|
-
position: "absolute",
|
|
51
|
-
top: 12,
|
|
52
|
-
right: 12,
|
|
53
|
-
padding: "10px 12px",
|
|
54
|
-
background: "#222",
|
|
55
|
-
color: "#fff",
|
|
56
|
-
borderRadius: 8,
|
|
57
|
-
fontSize: 14,
|
|
58
|
-
fontWeight: 600,
|
|
59
|
-
boxShadow: "0 4px 12px rgba(0,0,0,0.25)",
|
|
60
|
-
border: "1px solid rgba(255,255,255,0.15)",
|
|
61
|
-
pointerEvents: "none",
|
|
62
|
-
zIndex: 99
|
|
63
|
-
},
|
|
64
|
-
children: [
|
|
65
|
-
"点击次数:",
|
|
66
|
-
e,
|
|
67
|
-
/* @__PURE__ */ k("div", { style: { fontSize: 12, fontWeight: 400, opacity: 0.85, marginTop: 4 }, children: "提示:点击任意卡片观察计数变化" })
|
|
68
|
-
]
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
const h = "ClickAnalyticsPlugin", b = "统计每次项点击并累计总数,向 bus 发 `analytics:click`(带 index / item / total),`getStats()` 可随时取出按 index 的计数。默认只上报不显示角标,接入真实版式时不会被调试面板盖住内容。", x = "2.0.0", C = [
|
|
76
|
-
"interaction",
|
|
77
|
-
"埋点"
|
|
78
|
-
], S = [
|
|
79
|
-
{
|
|
80
|
-
name: "log",
|
|
81
|
-
type: "boolean",
|
|
82
|
-
default: "false",
|
|
83
|
-
description: "是否在控制台打印每次点击"
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
name: "showOverlay",
|
|
87
|
-
type: "boolean",
|
|
88
|
-
default: "false",
|
|
89
|
-
description: "是否显示右上角计数角标"
|
|
90
|
-
}
|
|
91
|
-
], v = `// 统计项点击次数,发 \`analytics:click\` 事件,可选角标与日志。
|
|
92
|
-
const Waterfall = withPlugins(WaterfallCore, [
|
|
93
|
-
createClickAnalyticsPlugin({
|
|
94
|
-
log: false,
|
|
95
|
-
showOverlay: false,
|
|
96
|
-
}),
|
|
97
|
-
]);
|
|
98
|
-
|
|
99
|
-
<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, A = [
|
|
100
|
-
"点击总量 + 按 index 明细(getStats)",
|
|
101
|
-
"bus 事件可被外部订阅上报",
|
|
102
|
-
"角标默认关闭"
|
|
103
|
-
], w = [
|
|
104
|
-
"内容流点击率统计",
|
|
105
|
-
"AB 实验埋点",
|
|
106
|
-
"调试点击行为"
|
|
107
|
-
], D = [
|
|
108
|
-
"生产环境请把数据从 bus 事件或 getStats() 接到自己的埋点 SDK,不要让插件直接打日志。",
|
|
109
|
-
"计数只在内存里,刷新即清零 —— 想持久化要自己定时取 getStats() 上报。"
|
|
110
|
-
], P = {
|
|
111
|
-
name: h,
|
|
112
|
-
description: b,
|
|
113
|
-
since: x,
|
|
114
|
-
tags: C,
|
|
115
|
-
config: S,
|
|
116
|
-
example: v,
|
|
117
|
-
features: A,
|
|
118
|
-
useCases: w,
|
|
119
|
-
notes: D
|
|
120
|
-
};
|
|
121
|
-
export {
|
|
122
|
-
O as c,
|
|
123
|
-
P as d
|
|
124
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { c as a, d as e } from "./doc-DElLNjIc.js";
|
|
2
|
-
import { c as t, d as s } from "./doc-CcPFavOs.js";
|
|
3
|
-
import { c, d as i } from "./doc-3Fpag2G8.js";
|
|
4
|
-
import { c as n, d as o } from "./doc-BfWnfTst.js";
|
|
5
|
-
import { c as r, d as g } from "./doc-DAieSXLy.js";
|
|
6
|
-
import { c as l, d as m } from "./doc-KN6Bvmty.js";
|
|
7
|
-
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 });
|
|
8
|
-
export {
|
|
9
|
-
O as a,
|
|
10
|
-
j as b,
|
|
11
|
-
x as c,
|
|
12
|
-
F as d,
|
|
13
|
-
f as e,
|
|
14
|
-
C as f
|
|
15
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { c as a, d as e } from "./doc-CTUoMe7o.js";
|
|
2
|
-
import { c as t, d as c } from "./doc-BSnWbrkH.js";
|
|
3
|
-
import { c as o, d as n } from "./doc-DukOmDCo.js";
|
|
4
|
-
import { c as s, d as i } from "./doc-BmoijI6q.js";
|
|
5
|
-
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 });
|
|
6
|
-
export {
|
|
7
|
-
g as a,
|
|
8
|
-
p as b,
|
|
9
|
-
d as c,
|
|
10
|
-
P as d
|
|
11
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { c as a, d as e } from "./doc-gTAsLjVx.js";
|
|
2
|
-
import { c, d as t } from "./doc-bTHwfIVb.js";
|
|
3
|
-
import { c as s, d as r } from "./doc-CBHjiDG7.js";
|
|
4
|
-
import { c as n, d as i } from "./doc-a0MK2S3n.js";
|
|
5
|
-
import { c as o, d as g } from "./doc-BXElhF2h.js";
|
|
6
|
-
import { c as m, d as l } from "./doc-BXSy2aPP.js";
|
|
7
|
-
import { c as d, d as u } from "./doc-BXaJl1By.js";
|
|
8
|
-
import { c as P, d as $ } from "./doc-CN4edvn_.js";
|
|
9
|
-
import { c as p, d as b } from "./doc-BQQoKNto.js";
|
|
10
|
-
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 });
|
|
11
|
-
export {
|
|
12
|
-
L as a,
|
|
13
|
-
x as b,
|
|
14
|
-
k as c,
|
|
15
|
-
I as d,
|
|
16
|
-
D as e,
|
|
17
|
-
U as f,
|
|
18
|
-
G as g,
|
|
19
|
-
q as h,
|
|
20
|
-
v as i
|
|
21
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { c as e, d as t } from "./doc-DzvTrZ13.js";
|
|
2
|
-
import { c as a, d as c } from "./doc-BIzjYAZW.js";
|
|
3
|
-
import { c as s, d as o } from "./doc-BindRMfO.js";
|
|
4
|
-
import { c as r, d as n } from "./doc-D_ozEn0Q.js";
|
|
5
|
-
import { c as i, d as m } from "./doc-CkU5GtLw.js";
|
|
6
|
-
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 });
|
|
7
|
-
export {
|
|
8
|
-
b as a,
|
|
9
|
-
p as b,
|
|
10
|
-
f as c,
|
|
11
|
-
j as d,
|
|
12
|
-
$ as e
|
|
13
|
-
};
|