@sentropic/design-system-vue 0.36.18 → 0.36.19
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/HLCChart.d.ts +64 -0
- package/dist/HLCChart.d.ts.map +1 -0
- package/dist/HLCChart.js +185 -0
- package/dist/HLCChart.js.map +1 -0
- package/dist/ItemChart.d.ts +80 -0
- package/dist/ItemChart.d.ts.map +1 -0
- package/dist/ItemChart.js +185 -0
- package/dist/ItemChart.js.map +1 -0
- package/dist/VennChart.d.ts +63 -0
- package/dist/VennChart.d.ts.map +1 -0
- package/dist/VennChart.js +199 -0
- package/dist/VennChart.js.map +1 -0
- package/dist/WordCloudChart.d.ts +63 -0
- package/dist/WordCloudChart.d.ts.map +1 -0
- package/dist/WordCloudChart.js +171 -0
- package/dist/WordCloudChart.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +335 -0
- package/package.json +1 -1
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
export type HLCChartDatum = {
|
|
2
|
+
label: string;
|
|
3
|
+
high: number;
|
|
4
|
+
low: number;
|
|
5
|
+
close: number;
|
|
6
|
+
};
|
|
7
|
+
export type HLCChartProps = {
|
|
8
|
+
data: HLCChartDatum[];
|
|
9
|
+
label: string;
|
|
10
|
+
width?: number;
|
|
11
|
+
height?: number;
|
|
12
|
+
class?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const HLCChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
15
|
+
data: {
|
|
16
|
+
type: () => HLCChartDatum[];
|
|
17
|
+
default: () => never[];
|
|
18
|
+
};
|
|
19
|
+
label: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
width: {
|
|
24
|
+
type: NumberConstructor;
|
|
25
|
+
default: number;
|
|
26
|
+
};
|
|
27
|
+
height: {
|
|
28
|
+
type: NumberConstructor;
|
|
29
|
+
default: number;
|
|
30
|
+
};
|
|
31
|
+
class: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
36
|
+
[key: string]: any;
|
|
37
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
|
+
data: {
|
|
39
|
+
type: () => HLCChartDatum[];
|
|
40
|
+
default: () => never[];
|
|
41
|
+
};
|
|
42
|
+
label: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
required: true;
|
|
45
|
+
};
|
|
46
|
+
width: {
|
|
47
|
+
type: NumberConstructor;
|
|
48
|
+
default: number;
|
|
49
|
+
};
|
|
50
|
+
height: {
|
|
51
|
+
type: NumberConstructor;
|
|
52
|
+
default: number;
|
|
53
|
+
};
|
|
54
|
+
class: {
|
|
55
|
+
type: StringConstructor;
|
|
56
|
+
default: undefined;
|
|
57
|
+
};
|
|
58
|
+
}>> & Readonly<{}>, {
|
|
59
|
+
class: string;
|
|
60
|
+
data: HLCChartDatum[];
|
|
61
|
+
height: number;
|
|
62
|
+
width: number;
|
|
63
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
64
|
+
//# sourceMappingURL=HLCChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HLCChart.d.ts","sourceRoot":"","sources":["../src/HLCChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsCF,eAAO,MAAM,QAAQ;;cAGM,MAAM,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAArB,MAAM,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAgL9C,CAAC"}
|
package/dist/HLCChart.js
ADDED
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
import { defineComponent, h, ref } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
import { chartDataList } from "./chartScale.js";
|
|
4
|
+
const MARGIN = { top: 12, right: 16, bottom: 32, left: 52 };
|
|
5
|
+
function scaleLinear(v, d0, d1, r0, r1) {
|
|
6
|
+
if (d1 === d0)
|
|
7
|
+
return r0;
|
|
8
|
+
return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
|
|
9
|
+
}
|
|
10
|
+
function niceTicks(min, max, target = 5) {
|
|
11
|
+
if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
|
|
12
|
+
const base = Number.isFinite(max) ? max : 0;
|
|
13
|
+
return [base];
|
|
14
|
+
}
|
|
15
|
+
const range = max - min;
|
|
16
|
+
const rough = range / Math.max(target - 1, 1);
|
|
17
|
+
const pow = Math.pow(10, Math.floor(Math.log10(rough)));
|
|
18
|
+
const norm = rough / pow;
|
|
19
|
+
let step;
|
|
20
|
+
if (norm < 1.5)
|
|
21
|
+
step = 1 * pow;
|
|
22
|
+
else if (norm < 3)
|
|
23
|
+
step = 2 * pow;
|
|
24
|
+
else if (norm < 7)
|
|
25
|
+
step = 5 * pow;
|
|
26
|
+
else
|
|
27
|
+
step = 10 * pow;
|
|
28
|
+
const start = Math.floor(min / step) * step;
|
|
29
|
+
const end = Math.ceil(max / step) * step;
|
|
30
|
+
const ticks = [];
|
|
31
|
+
for (let v = start; v <= end + step / 2; v += step) {
|
|
32
|
+
ticks.push(Number(v.toFixed(10)));
|
|
33
|
+
}
|
|
34
|
+
return ticks;
|
|
35
|
+
}
|
|
36
|
+
function formatTick(v) {
|
|
37
|
+
if (Math.abs(v) >= 1000)
|
|
38
|
+
return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
|
|
39
|
+
if (Number.isInteger(v))
|
|
40
|
+
return String(v);
|
|
41
|
+
return v.toFixed(1);
|
|
42
|
+
}
|
|
43
|
+
export const HLCChart = defineComponent({
|
|
44
|
+
name: "HLCChart",
|
|
45
|
+
props: {
|
|
46
|
+
data: { type: Array, default: () => [] },
|
|
47
|
+
label: { type: String, required: true },
|
|
48
|
+
width: { type: Number, default: 480 },
|
|
49
|
+
height: { type: Number, default: 240 },
|
|
50
|
+
class: { type: String, default: undefined },
|
|
51
|
+
},
|
|
52
|
+
setup(props, { attrs }) {
|
|
53
|
+
const hoveredIndex = ref(null);
|
|
54
|
+
function handleLeave() {
|
|
55
|
+
hoveredIndex.value = null;
|
|
56
|
+
}
|
|
57
|
+
function handlePointerMove(event) {
|
|
58
|
+
const target = event.target;
|
|
59
|
+
if (!(target instanceof Element)) {
|
|
60
|
+
hoveredIndex.value = null;
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
const idx = Number(target.getAttribute("data-chart-index"));
|
|
64
|
+
hoveredIndex.value = Number.isInteger(idx) ? idx : null;
|
|
65
|
+
}
|
|
66
|
+
return () => {
|
|
67
|
+
const data = props.data ?? [];
|
|
68
|
+
const label = props.label;
|
|
69
|
+
const width = props.width ?? 480;
|
|
70
|
+
const height = props.height ?? 240;
|
|
71
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
72
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
73
|
+
// Filter invalid bars BEFORE domain
|
|
74
|
+
const validData = data.filter((d) => Number.isFinite(d.high) &&
|
|
75
|
+
Number.isFinite(d.low) &&
|
|
76
|
+
Number.isFinite(d.close));
|
|
77
|
+
const allVals = [];
|
|
78
|
+
for (const d of validData) {
|
|
79
|
+
// Domain includes high/low/close (no open)
|
|
80
|
+
allVals.push(d.high, d.low, d.close);
|
|
81
|
+
}
|
|
82
|
+
const rawMin = allVals.length === 0 ? 0 : Math.min(...allVals);
|
|
83
|
+
const rawMax = allVals.length === 0 ? 1 : Math.max(...allVals);
|
|
84
|
+
// Flat domain → fallback range 1 to avoid division by zero
|
|
85
|
+
const safeRawMax = rawMax === rawMin ? rawMin + 1 : rawMax;
|
|
86
|
+
const ticks = niceTicks(rawMin, safeRawMax, 5);
|
|
87
|
+
const domainMin = ticks[0] ?? rawMin;
|
|
88
|
+
const domainMax = ticks[ticks.length - 1] ?? safeRawMax;
|
|
89
|
+
const band = validData.length > 0 ? plotWidth / validData.length : plotWidth;
|
|
90
|
+
// length of the close tick (right of the bar)
|
|
91
|
+
const tickW = Math.min(band * 0.3, 12);
|
|
92
|
+
const bars = validData.map((d, i) => {
|
|
93
|
+
// clamp high/low to guarantee high≥close and low≤close
|
|
94
|
+
const clampedHigh = Math.max(d.high, d.close);
|
|
95
|
+
const clampedLow = Math.min(d.low, d.close);
|
|
96
|
+
// up/down = close vs. previous close (first bar = up)
|
|
97
|
+
const prevClose = i > 0 ? validData[i - 1].close : d.close;
|
|
98
|
+
const bullish = d.close >= prevClose;
|
|
99
|
+
const centerX = MARGIN.left + band * i + band / 2;
|
|
100
|
+
const highY = MARGIN.top + scaleLinear(clampedHigh, domainMin, domainMax, plotHeight, 0);
|
|
101
|
+
const lowY = MARGIN.top + scaleLinear(clampedLow, domainMin, domainMax, plotHeight, 0);
|
|
102
|
+
const closeY = MARGIN.top + scaleLinear(d.close, domainMin, domainMax, plotHeight, 0);
|
|
103
|
+
return {
|
|
104
|
+
datum: d, index: i, bullish, centerX,
|
|
105
|
+
barHighY: highY, barLowY: lowY,
|
|
106
|
+
closeY,
|
|
107
|
+
closeX: centerX + tickW,
|
|
108
|
+
tooltipY: Math.min(highY, closeY),
|
|
109
|
+
};
|
|
110
|
+
});
|
|
111
|
+
const dataValueItems = validData.map((d) => `${d.label}: H ${d.high} L ${d.low} C ${d.close}`);
|
|
112
|
+
const svgChildren = [];
|
|
113
|
+
// gridlines + tick labels
|
|
114
|
+
for (const tick of ticks) {
|
|
115
|
+
const ty = MARGIN.top + scaleLinear(tick, domainMin, domainMax, plotHeight, 0);
|
|
116
|
+
svgChildren.push(h("line", { key: `g${tick}`, class: "st-hlcChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: ty, y2: ty }));
|
|
117
|
+
svgChildren.push(h("text", { key: `t${tick}`, class: "st-hlcChart__tickLabel", x: MARGIN.left - 6, y: ty, "text-anchor": "end", "dominant-baseline": "middle" }, formatTick(tick)));
|
|
118
|
+
}
|
|
119
|
+
// axes
|
|
120
|
+
svgChildren.push(h("line", { class: "st-hlcChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }));
|
|
121
|
+
svgChildren.push(h("line", { class: "st-hlcChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }));
|
|
122
|
+
// composite key to avoid duplicates
|
|
123
|
+
for (const b of bars) {
|
|
124
|
+
const i = b.index;
|
|
125
|
+
const isDim = hoveredIndex.value !== null && hoveredIndex.value !== i;
|
|
126
|
+
svgChildren.push(h("g", {
|
|
127
|
+
key: `bar${i}-${b.datum.label}`,
|
|
128
|
+
class: classNames("st-hlcChart__bar", `st-hlcChart__bar--${b.bullish ? "up" : "down"}`, isDim ? "st-hlcChart__bar--dim" : undefined),
|
|
129
|
+
}, [
|
|
130
|
+
// vertical low → high range
|
|
131
|
+
h("line", {
|
|
132
|
+
class: "st-hlcChart__range",
|
|
133
|
+
x1: b.centerX, x2: b.centerX,
|
|
134
|
+
y1: b.barHighY, y2: b.barLowY,
|
|
135
|
+
"data-chart-index": i,
|
|
136
|
+
}),
|
|
137
|
+
// close tick (right)
|
|
138
|
+
h("line", {
|
|
139
|
+
class: "st-hlcChart__close",
|
|
140
|
+
x1: b.centerX, x2: b.closeX,
|
|
141
|
+
y1: b.closeY, y2: b.closeY,
|
|
142
|
+
"data-chart-index": i,
|
|
143
|
+
}),
|
|
144
|
+
]));
|
|
145
|
+
// category label
|
|
146
|
+
svgChildren.push(h("text", {
|
|
147
|
+
key: `lbl${i}`,
|
|
148
|
+
class: "st-hlcChart__categoryLabel",
|
|
149
|
+
x: b.centerX, y: height - MARGIN.bottom + 16,
|
|
150
|
+
"text-anchor": "middle",
|
|
151
|
+
}, b.datum.label));
|
|
152
|
+
}
|
|
153
|
+
const hoveredBar = hoveredIndex.value !== null ? bars[hoveredIndex.value] : undefined;
|
|
154
|
+
const children = [
|
|
155
|
+
h("div", {
|
|
156
|
+
class: "st-hlcChart__visual",
|
|
157
|
+
role: "img",
|
|
158
|
+
"aria-label": label,
|
|
159
|
+
onPointermove: handlePointerMove,
|
|
160
|
+
onPointerleave: handleLeave,
|
|
161
|
+
}, [
|
|
162
|
+
h("svg", {
|
|
163
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
164
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
165
|
+
width: "100%", height: "100%",
|
|
166
|
+
focusable: "false", "aria-hidden": "true",
|
|
167
|
+
}, svgChildren),
|
|
168
|
+
]),
|
|
169
|
+
chartDataList(label, dataValueItems),
|
|
170
|
+
];
|
|
171
|
+
if (hoveredBar) {
|
|
172
|
+
children.push(h("div", {
|
|
173
|
+
class: "st-hlcChart__tooltip",
|
|
174
|
+
role: "presentation",
|
|
175
|
+
style: `left:${(hoveredBar.centerX / width) * 100}%;top:${(hoveredBar.tooltipY / height) * 100}%`,
|
|
176
|
+
}, [
|
|
177
|
+
h("span", { class: "st-hlcChart__tooltipLabel" }, hoveredBar.datum.label),
|
|
178
|
+
h("span", { class: "st-hlcChart__tooltipValue" }, `H ${hoveredBar.datum.high} L ${hoveredBar.datum.low} C ${hoveredBar.datum.close}`),
|
|
179
|
+
]));
|
|
180
|
+
}
|
|
181
|
+
return h("div", { ...attrs, class: classNames("st-hlcChart", props.class) }, children);
|
|
182
|
+
};
|
|
183
|
+
},
|
|
184
|
+
});
|
|
185
|
+
//# sourceMappingURL=HLCChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HLCChart.js","sourceRoot":"","sources":["../src/HLCChart.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
export type ItemChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
2
|
+
export type ItemChartDatum = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: number;
|
|
5
|
+
tone?: ItemChartTone;
|
|
6
|
+
};
|
|
7
|
+
export type ItemChartSeat = {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
r: number;
|
|
11
|
+
tone: ItemChartTone;
|
|
12
|
+
groupIndex: number;
|
|
13
|
+
};
|
|
14
|
+
export type ItemChartProps = {
|
|
15
|
+
data: ItemChartDatum[];
|
|
16
|
+
width?: number;
|
|
17
|
+
height?: number;
|
|
18
|
+
label: string;
|
|
19
|
+
class?: string;
|
|
20
|
+
};
|
|
21
|
+
export declare function seatCount(value: number): number;
|
|
22
|
+
/**
|
|
23
|
+
* Construit la liste ordonnée des sièges de l'hémicycle, puis affecte chaque
|
|
24
|
+
* siège à un groupe dans l'ordre fourni (blocs contigus). Pur, sans état.
|
|
25
|
+
*/
|
|
26
|
+
export declare function buildSeats(counts: number[], width: number, height: number): {
|
|
27
|
+
seats: ItemChartSeat[];
|
|
28
|
+
cx: number;
|
|
29
|
+
cy: number;
|
|
30
|
+
};
|
|
31
|
+
export declare const ItemChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
32
|
+
data: {
|
|
33
|
+
type: () => ItemChartDatum[];
|
|
34
|
+
required: true;
|
|
35
|
+
};
|
|
36
|
+
width: {
|
|
37
|
+
type: NumberConstructor;
|
|
38
|
+
default: number;
|
|
39
|
+
};
|
|
40
|
+
height: {
|
|
41
|
+
type: NumberConstructor;
|
|
42
|
+
default: number;
|
|
43
|
+
};
|
|
44
|
+
label: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
class: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
default: undefined;
|
|
51
|
+
};
|
|
52
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
53
|
+
[key: string]: any;
|
|
54
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
55
|
+
data: {
|
|
56
|
+
type: () => ItemChartDatum[];
|
|
57
|
+
required: true;
|
|
58
|
+
};
|
|
59
|
+
width: {
|
|
60
|
+
type: NumberConstructor;
|
|
61
|
+
default: number;
|
|
62
|
+
};
|
|
63
|
+
height: {
|
|
64
|
+
type: NumberConstructor;
|
|
65
|
+
default: number;
|
|
66
|
+
};
|
|
67
|
+
label: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
required: true;
|
|
70
|
+
};
|
|
71
|
+
class: {
|
|
72
|
+
type: StringConstructor;
|
|
73
|
+
default: undefined;
|
|
74
|
+
};
|
|
75
|
+
}>> & Readonly<{}>, {
|
|
76
|
+
class: string;
|
|
77
|
+
height: number;
|
|
78
|
+
width: number;
|
|
79
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
80
|
+
//# sourceMappingURL=ItemChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ItemChart.d.ts","sourceRoot":"","sources":["../src/ItemChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAaF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/C;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,MAAM,EAAE,EAChB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb;IAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAkEpD;AAED,eAAO,MAAM,SAAS;;cAGK,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAtB,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;4EAoJ/C,CAAC"}
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
import { defineComponent, h, ref } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
import { chartDataList } from "./chartScale.js";
|
|
4
|
+
const TONES = [
|
|
5
|
+
"category1",
|
|
6
|
+
"category2",
|
|
7
|
+
"category3",
|
|
8
|
+
"category4",
|
|
9
|
+
"category5",
|
|
10
|
+
"category6",
|
|
11
|
+
"category7",
|
|
12
|
+
"category8",
|
|
13
|
+
];
|
|
14
|
+
export function seatCount(value) {
|
|
15
|
+
if (!Number.isFinite(value) || value < 0)
|
|
16
|
+
return 0;
|
|
17
|
+
return Math.round(value);
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Construit la liste ordonnée des sièges de l'hémicycle, puis affecte chaque
|
|
21
|
+
* siège à un groupe dans l'ordre fourni (blocs contigus). Pur, sans état.
|
|
22
|
+
*/
|
|
23
|
+
export function buildSeats(counts, width, height) {
|
|
24
|
+
const total = counts.reduce((sum, c) => sum + c, 0);
|
|
25
|
+
const cx = width / 2;
|
|
26
|
+
const cy = height - 8;
|
|
27
|
+
if (total <= 0)
|
|
28
|
+
return { seats: [], cx, cy };
|
|
29
|
+
const rows = Math.max(1, Math.min(5, Math.round(Math.sqrt(total / 12)) || 1));
|
|
30
|
+
const outerR = Math.max(Math.min(cx, cy) - 14, 1);
|
|
31
|
+
const innerR = outerR * 0.42;
|
|
32
|
+
const rowGap = rows > 1 ? (outerR - innerR) / (rows - 1) : 0;
|
|
33
|
+
// Poids de chaque rangée ∝ son rayon (rangées extérieures = plus de sièges).
|
|
34
|
+
const radii = [];
|
|
35
|
+
let weightSum = 0;
|
|
36
|
+
for (let r = 0; r < rows; r++) {
|
|
37
|
+
const radius = rows > 1 ? innerR + rowGap * r : (innerR + outerR) / 2;
|
|
38
|
+
radii.push(radius);
|
|
39
|
+
weightSum += radius;
|
|
40
|
+
}
|
|
41
|
+
// Répartit `total` sièges sur les rangées au prorata du rayon (reste au plus
|
|
42
|
+
// grand résidu) pour conserver exactement `total` sièges.
|
|
43
|
+
const perRowFloat = radii.map((radius) => (total * radius) / weightSum);
|
|
44
|
+
const perRow = perRowFloat.map((v) => Math.floor(v));
|
|
45
|
+
let assigned = perRow.reduce((sum, c) => sum + c, 0);
|
|
46
|
+
const residuals = perRowFloat
|
|
47
|
+
.map((v, i) => ({ i, frac: v - Math.floor(v) }))
|
|
48
|
+
.sort((a, b) => b.frac - a.frac);
|
|
49
|
+
let ri = 0;
|
|
50
|
+
while (assigned < total) {
|
|
51
|
+
perRow[residuals[ri % residuals.length].i] += 1;
|
|
52
|
+
assigned += 1;
|
|
53
|
+
ri += 1;
|
|
54
|
+
}
|
|
55
|
+
// Rayon du point ≈ moitié de l'espacement de rangée, borné par l'arc.
|
|
56
|
+
const seatR = Math.max(2, Math.min(rowGap > 0 ? rowGap * 0.34 : outerR * 0.12, outerR * 0.12));
|
|
57
|
+
const ordered = [];
|
|
58
|
+
for (let r = 0; r < rows; r++) {
|
|
59
|
+
const radius = radii[r];
|
|
60
|
+
const n = perRow[r];
|
|
61
|
+
if (n <= 0)
|
|
62
|
+
continue;
|
|
63
|
+
// Demi-cercle de la GAUCHE (π) vers la DROITE (0) en passant par le HAUT.
|
|
64
|
+
for (let s = 0; s < n; s++) {
|
|
65
|
+
const t = n === 1 ? 0.5 : s / (n - 1);
|
|
66
|
+
const angle = Math.PI - t * Math.PI;
|
|
67
|
+
ordered.push({
|
|
68
|
+
x: cx + radius * Math.cos(angle),
|
|
69
|
+
y: cy - radius * Math.sin(angle),
|
|
70
|
+
r: seatR,
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
// Attribution des sièges ordonnés aux groupes (blocs contigus).
|
|
75
|
+
const seats = [];
|
|
76
|
+
let cursor = 0;
|
|
77
|
+
for (let g = 0; g < counts.length; g++) {
|
|
78
|
+
const tone = TONES[g % TONES.length];
|
|
79
|
+
for (let k = 0; k < counts[g] && cursor < ordered.length; k++) {
|
|
80
|
+
const seat = ordered[cursor++];
|
|
81
|
+
seats.push({ x: seat.x, y: seat.y, r: seat.r, tone, groupIndex: g });
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
return { seats, cx, cy };
|
|
85
|
+
}
|
|
86
|
+
export const ItemChart = defineComponent({
|
|
87
|
+
name: "ItemChart",
|
|
88
|
+
props: {
|
|
89
|
+
data: { type: Array, required: true },
|
|
90
|
+
width: { type: Number, default: 480 },
|
|
91
|
+
height: { type: Number, default: 280 },
|
|
92
|
+
label: { type: String, required: true },
|
|
93
|
+
class: { type: String, default: undefined },
|
|
94
|
+
},
|
|
95
|
+
setup(props, { attrs }) {
|
|
96
|
+
const hoveredIndex = ref(null);
|
|
97
|
+
function handleLeave() {
|
|
98
|
+
hoveredIndex.value = null;
|
|
99
|
+
}
|
|
100
|
+
function handleVisualPointerMove(event) {
|
|
101
|
+
const target = event.target;
|
|
102
|
+
if (!(target instanceof Element)) {
|
|
103
|
+
hoveredIndex.value = null;
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
107
|
+
hoveredIndex.value = Number.isInteger(index) ? index : null;
|
|
108
|
+
}
|
|
109
|
+
return () => {
|
|
110
|
+
const data = props.data ?? [];
|
|
111
|
+
const width = props.width ?? 480;
|
|
112
|
+
const height = props.height ?? 280;
|
|
113
|
+
const label = props.label;
|
|
114
|
+
const groups = data.map((datum, index) => ({
|
|
115
|
+
datum,
|
|
116
|
+
count: seatCount(datum.value),
|
|
117
|
+
tone: datum.tone ?? TONES[index % TONES.length],
|
|
118
|
+
}));
|
|
119
|
+
const layout = buildSeats(groups.map((g) => g.count), width, height);
|
|
120
|
+
// Sièges avec le ton EFFECTIF du groupe (respecte un `tone` explicite).
|
|
121
|
+
const seats = layout.seats.map((seat) => ({
|
|
122
|
+
...seat,
|
|
123
|
+
tone: groups[seat.groupIndex]?.tone ?? seat.tone,
|
|
124
|
+
}));
|
|
125
|
+
const dataValueItems = groups.map((g) => `${g.datum.label}: ${g.count}`);
|
|
126
|
+
const total = groups.reduce((sum, g) => sum + g.count, 0);
|
|
127
|
+
const svgChildren = [];
|
|
128
|
+
seats.forEach((seat, i) => {
|
|
129
|
+
const isDim = hoveredIndex.value !== null && hoveredIndex.value !== seat.groupIndex;
|
|
130
|
+
svgChildren.push(h("circle", {
|
|
131
|
+
key: `seat-${i}`,
|
|
132
|
+
class: classNames("st-itemChart__seat", `st-itemChart__seat--${seat.tone}`, isDim ? "st-itemChart__seat--dim" : undefined),
|
|
133
|
+
cx: seat.x,
|
|
134
|
+
cy: seat.y,
|
|
135
|
+
r: seat.r,
|
|
136
|
+
"data-chart-index": seat.groupIndex,
|
|
137
|
+
}));
|
|
138
|
+
});
|
|
139
|
+
if (total > 0) {
|
|
140
|
+
svgChildren.push(h("text", {
|
|
141
|
+
key: "total",
|
|
142
|
+
class: "st-itemChart__total",
|
|
143
|
+
x: layout.cx,
|
|
144
|
+
y: layout.cy - 6,
|
|
145
|
+
"text-anchor": "middle",
|
|
146
|
+
}, String(total)));
|
|
147
|
+
}
|
|
148
|
+
const hovered = hoveredIndex.value !== null ? groups[hoveredIndex.value] : undefined;
|
|
149
|
+
return h("div", { ...attrs, class: classNames("st-itemChart", props.class) }, [
|
|
150
|
+
h("div", {
|
|
151
|
+
class: "st-itemChart__visual",
|
|
152
|
+
role: "img",
|
|
153
|
+
"aria-label": label,
|
|
154
|
+
onPointermove: handleVisualPointerMove,
|
|
155
|
+
onPointerleave: handleLeave,
|
|
156
|
+
}, [
|
|
157
|
+
h("svg", {
|
|
158
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
159
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
160
|
+
width: "100%",
|
|
161
|
+
height: "100%",
|
|
162
|
+
focusable: "false",
|
|
163
|
+
"aria-hidden": "true",
|
|
164
|
+
}, svgChildren),
|
|
165
|
+
]),
|
|
166
|
+
h("ul", { class: "st-itemChart__legend", "aria-hidden": "true" }, groups.map((group, i) => h("li", {
|
|
167
|
+
key: group.datum.label,
|
|
168
|
+
class: classNames("st-itemChart__legendItem", hoveredIndex.value !== null && hoveredIndex.value !== i ? "st-itemChart__legendItem--dim" : undefined),
|
|
169
|
+
}, [
|
|
170
|
+
h("span", { class: classNames("st-itemChart__swatch", `st-itemChart__swatch--${group.tone}`) }),
|
|
171
|
+
h("span", { class: "st-itemChart__legendLabel" }, group.datum.label),
|
|
172
|
+
h("span", { class: "st-itemChart__legendValue" }, String(group.count)),
|
|
173
|
+
]))),
|
|
174
|
+
chartDataList(label, dataValueItems),
|
|
175
|
+
hovered
|
|
176
|
+
? h("div", { class: "st-itemChart__tooltip", role: "presentation" }, [
|
|
177
|
+
h("span", { class: "st-itemChart__tooltipLabel" }, hovered.datum.label),
|
|
178
|
+
h("span", { class: "st-itemChart__tooltipValue" }, String(hovered.count)),
|
|
179
|
+
])
|
|
180
|
+
: null,
|
|
181
|
+
]);
|
|
182
|
+
};
|
|
183
|
+
},
|
|
184
|
+
});
|
|
185
|
+
//# sourceMappingURL=ItemChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ItemChart.js","sourceRoot":"","sources":["../src/ItemChart.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { type PropType, type VNode } from "vue";
|
|
2
|
+
export type VennChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type VennChartArea = {
|
|
4
|
+
sets: string[];
|
|
5
|
+
value: number;
|
|
6
|
+
};
|
|
7
|
+
export type VennChartProps = {
|
|
8
|
+
data: VennChartArea[];
|
|
9
|
+
label: string;
|
|
10
|
+
width?: number;
|
|
11
|
+
height?: number;
|
|
12
|
+
class?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const VennChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
15
|
+
data: {
|
|
16
|
+
type: PropType<VennChartArea[]>;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
label: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
width: {
|
|
24
|
+
type: NumberConstructor;
|
|
25
|
+
default: number;
|
|
26
|
+
};
|
|
27
|
+
height: {
|
|
28
|
+
type: NumberConstructor;
|
|
29
|
+
default: number;
|
|
30
|
+
};
|
|
31
|
+
class: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
36
|
+
[key: string]: any;
|
|
37
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
|
+
data: {
|
|
39
|
+
type: PropType<VennChartArea[]>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
label: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
required: true;
|
|
45
|
+
};
|
|
46
|
+
width: {
|
|
47
|
+
type: NumberConstructor;
|
|
48
|
+
default: number;
|
|
49
|
+
};
|
|
50
|
+
height: {
|
|
51
|
+
type: NumberConstructor;
|
|
52
|
+
default: number;
|
|
53
|
+
};
|
|
54
|
+
class: {
|
|
55
|
+
type: StringConstructor;
|
|
56
|
+
default: undefined;
|
|
57
|
+
};
|
|
58
|
+
}>> & Readonly<{}>, {
|
|
59
|
+
class: string;
|
|
60
|
+
height: number;
|
|
61
|
+
width: number;
|
|
62
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
63
|
+
//# sourceMappingURL=VennChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VennChart.d.ts","sourceRoot":"","sources":["../src/VennChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAIzE,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuIF,eAAO,MAAM,SAAS;;cAGK,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;cAAzB,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;4EA4HlD,CAAC"}
|