@squadbase/vantage 0.6.2-dev1.0017a4d → 0.6.2-dev1.02aab78
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/{build-X5NVCQKT.js → build-YOPOGPQB.js} +7 -7
- package/dist/{build-X5NVCQKT.js.map → build-YOPOGPQB.js.map} +1 -1
- package/dist/{check-ZBIH422T.js → check-FBHT6W6J.js} +5 -5
- package/dist/{check-ZBIH422T.js.map → check-FBHT6W6J.js.map} +1 -1
- package/dist/{chunk-7DZGJQ3P.js → chunk-5C2SEDPH.js} +21 -4
- package/dist/chunk-5C2SEDPH.js.map +1 -0
- package/dist/chunk-6OTTGAPO.js +44 -0
- package/dist/chunk-6OTTGAPO.js.map +1 -0
- package/dist/{chunk-2ICNHUG6.js → chunk-7652CGJJ.js} +10 -3
- package/dist/{chunk-2ICNHUG6.js.map → chunk-7652CGJJ.js.map} +1 -1
- package/dist/{chunk-RU6WKEOG.js → chunk-QOXXOFGL.js} +7 -4
- package/dist/chunk-QOXXOFGL.js.map +1 -0
- package/dist/{chunk-WAMZWZJB.js → chunk-R6MTJAHX.js} +6 -6
- package/dist/chunk-R6MTJAHX.js.map +1 -0
- package/dist/{chunk-CEXAQQ5W.js → chunk-S5MDTHH7.js} +180 -18
- package/dist/chunk-S5MDTHH7.js.map +1 -0
- package/dist/{chunk-JKLLFVEU.js → chunk-UWSQUHX6.js} +4 -99
- package/dist/chunk-UWSQUHX6.js.map +1 -0
- package/dist/cli.js +6 -6
- package/dist/components/index.d.ts +8 -4
- package/dist/components/index.js +1 -1
- package/dist/delta-text-CvwBGJ95.d.ts +15 -0
- package/dist/{dev-4XEDTELV.js → dev-GUKQT6U6.js} +7 -7
- package/dist/{dev-4XEDTELV.js.map → dev-GUKQT6U6.js.map} +1 -1
- package/dist/doc/index.d.ts +22 -1
- package/dist/doc/index.js +45 -72
- package/dist/doc/index.js.map +1 -1
- package/dist/{doctor-5E2VEZPK.js → doctor-B2O3GJDU.js} +5 -5
- package/dist/{doctor-5E2VEZPK.js.map → doctor-B2O3GJDU.js.map} +1 -1
- package/dist/{routes-3SGAFDMC.js → routes-PVKNT777.js} +4 -4
- package/dist/{routes-3SGAFDMC.js.map → routes-PVKNT777.js.map} +1 -1
- package/dist/slide/index.d.ts +96 -1
- package/dist/slide/index.js +414 -297
- package/dist/slide/index.js.map +1 -1
- package/dist/table/index.js +1 -1
- package/dist/{upgrade-JHXZBGQS.js → upgrade-7ZXMCTTR.js} +4 -4
- package/dist/{upgrade-JHXZBGQS.js.map → upgrade-7ZXMCTTR.js.map} +1 -1
- package/dist/vite/index.js +3 -3
- package/docs/en/changelog.md +2 -0
- package/docs/en/components.md +4 -2
- package/docs/en/doc/delta-text.md +40 -0
- package/docs/en/doc/doc-notes-and-sources.md +43 -0
- package/docs/en/pages-and-metadata.md +15 -0
- package/docs/en/parts/delta.md +4 -3
- package/docs/en/parts/kpi-card.md +2 -1
- package/docs/en/slide/slide-chart-full.md +48 -0
- package/docs/en/slide/slide-columns.md +46 -0
- package/docs/en/slide/slide-comparison.md +68 -0
- package/docs/en/slide/slide-heading.md +38 -0
- package/docs/en/slide/slide-section.md +44 -0
- package/docs/en/slide/slide-source-line.md +34 -0
- package/docs/index.json +208 -48
- package/docs/ja/changelog.md +2 -0
- package/docs/ja/components.md +4 -2
- package/docs/ja/doc/delta-text.md +40 -0
- package/docs/ja/doc/doc-notes-and-sources.md +43 -0
- package/docs/ja/page-types/slide.md +1 -0
- package/docs/ja/pages-and-metadata.md +15 -0
- package/docs/ja/parts/delta.md +5 -4
- package/docs/ja/parts/kpi-card.md +2 -1
- package/docs/ja/slide/slide-chart-full.md +48 -0
- package/docs/ja/slide/slide-columns.md +46 -0
- package/docs/ja/slide/slide-comparison.md +68 -0
- package/docs/ja/slide/slide-heading.md +38 -0
- package/docs/ja/slide/slide-section.md +44 -0
- package/docs/ja/slide/slide-source-line.md +34 -0
- package/package.json +2 -2
- package/registry/ui/delta.tsx +7 -4
- package/registry/ui/kpi-card.tsx +9 -4
- package/skills/vantage-pitfalls/SKILL.md +5 -0
- package/skills/vantage-slide/SKILL.md +2 -2
- package/templates/AGENTS.md +4 -2
- package/templates/agents/doc.md +3 -0
- package/templates/agents/slide.md +16 -1
- package/theme.css +7 -4
- package/dist/chunk-7DZGJQ3P.js.map +0 -1
- package/dist/chunk-CEXAQQ5W.js.map +0 -1
- package/dist/chunk-JKLLFVEU.js.map +0 -1
- package/dist/chunk-RU6WKEOG.js.map +0 -1
- package/dist/chunk-WAMZWZJB.js.map +0 -1
package/docs/index.json
CHANGED
|
@@ -1035,13 +1035,13 @@
|
|
|
1035
1035
|
"order": 1
|
|
1036
1036
|
},
|
|
1037
1037
|
{
|
|
1038
|
-
"slug": "slide/slide-
|
|
1038
|
+
"slug": "slide/slide-section",
|
|
1039
1039
|
"lang": "ja",
|
|
1040
1040
|
"section": "components/slide",
|
|
1041
1041
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
1042
|
-
"title": "
|
|
1043
|
-
"description": "
|
|
1044
|
-
"file": "ja/slide/slide-
|
|
1042
|
+
"title": "SlideSection",
|
|
1043
|
+
"description": "章の区切りの 1 枚。章タイトルと、任意で目次。",
|
|
1044
|
+
"file": "ja/slide/slide-section.md",
|
|
1045
1045
|
"order": 1
|
|
1046
1046
|
},
|
|
1047
1047
|
{
|
|
@@ -1065,13 +1065,13 @@
|
|
|
1065
1065
|
"order": 2
|
|
1066
1066
|
},
|
|
1067
1067
|
{
|
|
1068
|
-
"slug": "slide/slide-
|
|
1068
|
+
"slug": "slide/slide-exec-summary",
|
|
1069
1069
|
"lang": "ja",
|
|
1070
1070
|
"section": "components/slide",
|
|
1071
1071
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
1072
|
-
"title": "
|
|
1073
|
-
"description": "1
|
|
1074
|
-
"file": "ja/slide/slide-
|
|
1072
|
+
"title": "SlideExecSummary",
|
|
1073
|
+
"description": "結論を先に伝える 1 枚。アクションタイトルと 3〜5 個の要点。",
|
|
1074
|
+
"file": "ja/slide/slide-exec-summary.md",
|
|
1075
1075
|
"order": 2
|
|
1076
1076
|
},
|
|
1077
1077
|
{
|
|
@@ -1095,13 +1095,13 @@
|
|
|
1095
1095
|
"order": 3
|
|
1096
1096
|
},
|
|
1097
1097
|
{
|
|
1098
|
-
"slug": "slide/slide-kpi-
|
|
1098
|
+
"slug": "slide/slide-kpi-hero",
|
|
1099
1099
|
"lang": "ja",
|
|
1100
1100
|
"section": "components/slide",
|
|
1101
1101
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
1102
|
-
"title": "
|
|
1103
|
-
"description": "
|
|
1104
|
-
"file": "ja/slide/slide-kpi-
|
|
1102
|
+
"title": "SlideKpiHero",
|
|
1103
|
+
"description": "1 つの数字を主役にする 1 枚。値・増減・推移の線。",
|
|
1104
|
+
"file": "ja/slide/slide-kpi-hero.md",
|
|
1105
1105
|
"order": 3
|
|
1106
1106
|
},
|
|
1107
1107
|
{
|
|
@@ -1115,13 +1115,13 @@
|
|
|
1115
1115
|
"order": 4
|
|
1116
1116
|
},
|
|
1117
1117
|
{
|
|
1118
|
-
"slug": "slide/slide-
|
|
1118
|
+
"slug": "slide/slide-kpi-grid",
|
|
1119
1119
|
"lang": "ja",
|
|
1120
1120
|
"section": "components/slide",
|
|
1121
1121
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
1122
|
-
"title": "
|
|
1123
|
-
"description": "
|
|
1124
|
-
"file": "ja/slide/slide-
|
|
1122
|
+
"title": "SlideKpiGrid",
|
|
1123
|
+
"description": "2〜4 個の KPI を並べるスコアボード。値・増減・目標。",
|
|
1124
|
+
"file": "ja/slide/slide-kpi-grid.md",
|
|
1125
1125
|
"order": 4
|
|
1126
1126
|
},
|
|
1127
1127
|
{
|
|
@@ -1135,13 +1135,13 @@
|
|
|
1135
1135
|
"order": 5
|
|
1136
1136
|
},
|
|
1137
1137
|
{
|
|
1138
|
-
"slug": "slide/slide-
|
|
1138
|
+
"slug": "slide/slide-comparison",
|
|
1139
1139
|
"lang": "ja",
|
|
1140
1140
|
"section": "components/slide",
|
|
1141
1141
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
1142
|
-
"title": "
|
|
1143
|
-
"description": "
|
|
1144
|
-
"file": "ja/slide/slide-
|
|
1142
|
+
"title": "SlideComparison",
|
|
1143
|
+
"description": "A と B、施策の前と後を 2〜3 列で並べる 1 枚。",
|
|
1144
|
+
"file": "ja/slide/slide-comparison.md",
|
|
1145
1145
|
"order": 5
|
|
1146
1146
|
},
|
|
1147
1147
|
{
|
|
@@ -1155,13 +1155,13 @@
|
|
|
1155
1155
|
"order": 6
|
|
1156
1156
|
},
|
|
1157
1157
|
{
|
|
1158
|
-
"slug": "slide/slide-
|
|
1158
|
+
"slug": "slide/slide-chart-insight",
|
|
1159
1159
|
"lang": "ja",
|
|
1160
1160
|
"section": "components/slide",
|
|
1161
1161
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
1162
|
-
"title": "
|
|
1163
|
-
"description": "
|
|
1164
|
-
"file": "ja/slide/slide-
|
|
1162
|
+
"title": "SlideChartInsight",
|
|
1163
|
+
"description": "グラフ 1 つと、その読み解き。レポートでいちばん多い 1 枚。",
|
|
1164
|
+
"file": "ja/slide/slide-chart-insight.md",
|
|
1165
1165
|
"order": 6
|
|
1166
1166
|
},
|
|
1167
1167
|
{
|
|
@@ -1174,6 +1174,86 @@
|
|
|
1174
1174
|
"file": "ja/doc/doc-action-items.md",
|
|
1175
1175
|
"order": 7
|
|
1176
1176
|
},
|
|
1177
|
+
{
|
|
1178
|
+
"slug": "slide/slide-chart-full",
|
|
1179
|
+
"lang": "ja",
|
|
1180
|
+
"section": "components/slide",
|
|
1181
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
1182
|
+
"title": "SlideChartFull",
|
|
1183
|
+
"description": "グラフ 1 つを 12 カラム全幅で見せる 1 枚。下に 1 行の注記。",
|
|
1184
|
+
"file": "ja/slide/slide-chart-full.md",
|
|
1185
|
+
"order": 7
|
|
1186
|
+
},
|
|
1187
|
+
{
|
|
1188
|
+
"slug": "doc/doc-notes-and-sources",
|
|
1189
|
+
"lang": "ja",
|
|
1190
|
+
"section": "components/doc",
|
|
1191
|
+
"sectionTitle": "@squadbase/vantage/doc",
|
|
1192
|
+
"title": "DocNotesAndSources",
|
|
1193
|
+
"description": "ドキュメント末尾の注記・用語の定義・出典。",
|
|
1194
|
+
"file": "ja/doc/doc-notes-and-sources.md",
|
|
1195
|
+
"order": 8
|
|
1196
|
+
},
|
|
1197
|
+
{
|
|
1198
|
+
"slug": "slide/slide-scorecard-table",
|
|
1199
|
+
"lang": "ja",
|
|
1200
|
+
"section": "components/slide",
|
|
1201
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
1202
|
+
"title": "SlideScorecardTable",
|
|
1203
|
+
"description": "指標ごとの目標と実績、状態を並べるスコアカード表。",
|
|
1204
|
+
"file": "ja/slide/slide-scorecard-table.md",
|
|
1205
|
+
"order": 8
|
|
1206
|
+
},
|
|
1207
|
+
{
|
|
1208
|
+
"slug": "doc/delta-text",
|
|
1209
|
+
"lang": "ja",
|
|
1210
|
+
"section": "components/doc",
|
|
1211
|
+
"sectionTitle": "@squadbase/vantage/doc",
|
|
1212
|
+
"title": "DeltaText",
|
|
1213
|
+
"description": "[部品] 文中に置く増減。▲ ▼ と符号つきの値。ドキュメントでもスライドでも。",
|
|
1214
|
+
"file": "ja/doc/delta-text.md",
|
|
1215
|
+
"order": 9
|
|
1216
|
+
},
|
|
1217
|
+
{
|
|
1218
|
+
"slug": "slide/slide-next-actions",
|
|
1219
|
+
"lang": "ja",
|
|
1220
|
+
"section": "components/slide",
|
|
1221
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
1222
|
+
"title": "SlideNextActions",
|
|
1223
|
+
"description": "次の打ち手。担当・期限・確認する指標つきで 3〜5 件。",
|
|
1224
|
+
"file": "ja/slide/slide-next-actions.md",
|
|
1225
|
+
"order": 9
|
|
1226
|
+
},
|
|
1227
|
+
{
|
|
1228
|
+
"slug": "slide/slide-heading",
|
|
1229
|
+
"lang": "ja",
|
|
1230
|
+
"section": "components/slide",
|
|
1231
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
1232
|
+
"title": "SlideHeading",
|
|
1233
|
+
"description": "[部品] スライド 1 枚の見出し。アクションタイトルと任意のアイブロウ。",
|
|
1234
|
+
"file": "ja/slide/slide-heading.md",
|
|
1235
|
+
"order": 10
|
|
1236
|
+
},
|
|
1237
|
+
{
|
|
1238
|
+
"slug": "slide/slide-source-line",
|
|
1239
|
+
"lang": "ja",
|
|
1240
|
+
"section": "components/slide",
|
|
1241
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
1242
|
+
"title": "SlideSourceLine",
|
|
1243
|
+
"description": "[部品] スライド 1 枚の足元の 1 行。時点・出典・ページ番号。",
|
|
1244
|
+
"file": "ja/slide/slide-source-line.md",
|
|
1245
|
+
"order": 11
|
|
1246
|
+
},
|
|
1247
|
+
{
|
|
1248
|
+
"slug": "slide/slide-columns",
|
|
1249
|
+
"lang": "ja",
|
|
1250
|
+
"section": "components/slide",
|
|
1251
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
1252
|
+
"title": "SlideColumns",
|
|
1253
|
+
"description": "[部品] スライド本文の 12 カラム配置。SlideColumns と SlideColumn。",
|
|
1254
|
+
"file": "ja/slide/slide-columns.md",
|
|
1255
|
+
"order": 12
|
|
1256
|
+
},
|
|
1177
1257
|
{
|
|
1178
1258
|
"slug": "index",
|
|
1179
1259
|
"lang": "en",
|
|
@@ -2177,13 +2257,13 @@
|
|
|
2177
2257
|
"order": 1
|
|
2178
2258
|
},
|
|
2179
2259
|
{
|
|
2180
|
-
"slug": "slide/slide-
|
|
2260
|
+
"slug": "slide/slide-section",
|
|
2181
2261
|
"lang": "en",
|
|
2182
2262
|
"section": "components/slide",
|
|
2183
2263
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
2184
|
-
"title": "
|
|
2185
|
-
"description": "
|
|
2186
|
-
"file": "en/slide/slide-
|
|
2264
|
+
"title": "SlideSection",
|
|
2265
|
+
"description": "A chapter divider — the chapter title, optionally with an agenda.",
|
|
2266
|
+
"file": "en/slide/slide-section.md",
|
|
2187
2267
|
"order": 1
|
|
2188
2268
|
},
|
|
2189
2269
|
{
|
|
@@ -2197,13 +2277,13 @@
|
|
|
2197
2277
|
"order": 2
|
|
2198
2278
|
},
|
|
2199
2279
|
{
|
|
2200
|
-
"slug": "slide/slide-
|
|
2280
|
+
"slug": "slide/slide-exec-summary",
|
|
2201
2281
|
"lang": "en",
|
|
2202
2282
|
"section": "components/slide",
|
|
2203
2283
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
2204
|
-
"title": "
|
|
2205
|
-
"description": "
|
|
2206
|
-
"file": "en/slide/slide-
|
|
2284
|
+
"title": "SlideExecSummary",
|
|
2285
|
+
"description": "The conclusion-first slide — an action title and 3–5 points.",
|
|
2286
|
+
"file": "en/slide/slide-exec-summary.md",
|
|
2207
2287
|
"order": 2
|
|
2208
2288
|
},
|
|
2209
2289
|
{
|
|
@@ -2217,13 +2297,13 @@
|
|
|
2217
2297
|
"order": 3
|
|
2218
2298
|
},
|
|
2219
2299
|
{
|
|
2220
|
-
"slug": "slide/slide-kpi-
|
|
2300
|
+
"slug": "slide/slide-kpi-hero",
|
|
2221
2301
|
"lang": "en",
|
|
2222
2302
|
"section": "components/slide",
|
|
2223
2303
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
2224
|
-
"title": "
|
|
2225
|
-
"description": "
|
|
2226
|
-
"file": "en/slide/slide-kpi-
|
|
2304
|
+
"title": "SlideKpiHero",
|
|
2305
|
+
"description": "One number as the hero — value, change and a trend line.",
|
|
2306
|
+
"file": "en/slide/slide-kpi-hero.md",
|
|
2227
2307
|
"order": 3
|
|
2228
2308
|
},
|
|
2229
2309
|
{
|
|
@@ -2237,13 +2317,13 @@
|
|
|
2237
2317
|
"order": 4
|
|
2238
2318
|
},
|
|
2239
2319
|
{
|
|
2240
|
-
"slug": "slide/slide-
|
|
2320
|
+
"slug": "slide/slide-kpi-grid",
|
|
2241
2321
|
"lang": "en",
|
|
2242
2322
|
"section": "components/slide",
|
|
2243
2323
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
2244
|
-
"title": "
|
|
2245
|
-
"description": "
|
|
2246
|
-
"file": "en/slide/slide-
|
|
2324
|
+
"title": "SlideKpiGrid",
|
|
2325
|
+
"description": "A scoreboard of 2–4 KPIs — value, change and target.",
|
|
2326
|
+
"file": "en/slide/slide-kpi-grid.md",
|
|
2247
2327
|
"order": 4
|
|
2248
2328
|
},
|
|
2249
2329
|
{
|
|
@@ -2257,13 +2337,13 @@
|
|
|
2257
2337
|
"order": 5
|
|
2258
2338
|
},
|
|
2259
2339
|
{
|
|
2260
|
-
"slug": "slide/slide-
|
|
2340
|
+
"slug": "slide/slide-comparison",
|
|
2261
2341
|
"lang": "en",
|
|
2262
2342
|
"section": "components/slide",
|
|
2263
2343
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
2264
|
-
"title": "
|
|
2265
|
-
"description": "A
|
|
2266
|
-
"file": "en/slide/slide-
|
|
2344
|
+
"title": "SlideComparison",
|
|
2345
|
+
"description": "A vs B, or before and after — 2 to 3 columns side by side.",
|
|
2346
|
+
"file": "en/slide/slide-comparison.md",
|
|
2267
2347
|
"order": 5
|
|
2268
2348
|
},
|
|
2269
2349
|
{
|
|
@@ -2277,13 +2357,13 @@
|
|
|
2277
2357
|
"order": 6
|
|
2278
2358
|
},
|
|
2279
2359
|
{
|
|
2280
|
-
"slug": "slide/slide-
|
|
2360
|
+
"slug": "slide/slide-chart-insight",
|
|
2281
2361
|
"lang": "en",
|
|
2282
2362
|
"section": "components/slide",
|
|
2283
2363
|
"sectionTitle": "@squadbase/vantage/slide",
|
|
2284
|
-
"title": "
|
|
2285
|
-
"description": "
|
|
2286
|
-
"file": "en/slide/slide-
|
|
2364
|
+
"title": "SlideChartInsight",
|
|
2365
|
+
"description": "One chart and its reading — the most common slide in a report.",
|
|
2366
|
+
"file": "en/slide/slide-chart-insight.md",
|
|
2287
2367
|
"order": 6
|
|
2288
2368
|
},
|
|
2289
2369
|
{
|
|
@@ -2295,6 +2375,86 @@
|
|
|
2295
2375
|
"description": "What to do next — action, owner, due date, expected effect and priority.",
|
|
2296
2376
|
"file": "en/doc/doc-action-items.md",
|
|
2297
2377
|
"order": 7
|
|
2378
|
+
},
|
|
2379
|
+
{
|
|
2380
|
+
"slug": "slide/slide-chart-full",
|
|
2381
|
+
"lang": "en",
|
|
2382
|
+
"section": "components/slide",
|
|
2383
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
2384
|
+
"title": "SlideChartFull",
|
|
2385
|
+
"description": "One chart across all 12 columns, with a one-line note under it.",
|
|
2386
|
+
"file": "en/slide/slide-chart-full.md",
|
|
2387
|
+
"order": 7
|
|
2388
|
+
},
|
|
2389
|
+
{
|
|
2390
|
+
"slug": "doc/doc-notes-and-sources",
|
|
2391
|
+
"lang": "en",
|
|
2392
|
+
"section": "components/doc",
|
|
2393
|
+
"sectionTitle": "@squadbase/vantage/doc",
|
|
2394
|
+
"title": "DocNotesAndSources",
|
|
2395
|
+
"description": "The end matter of a document — notes, definitions of terms and data sources.",
|
|
2396
|
+
"file": "en/doc/doc-notes-and-sources.md",
|
|
2397
|
+
"order": 8
|
|
2398
|
+
},
|
|
2399
|
+
{
|
|
2400
|
+
"slug": "slide/slide-scorecard-table",
|
|
2401
|
+
"lang": "en",
|
|
2402
|
+
"section": "components/slide",
|
|
2403
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
2404
|
+
"title": "SlideScorecardTable",
|
|
2405
|
+
"description": "A scorecard table — target vs actual per metric, with a status.",
|
|
2406
|
+
"file": "en/slide/slide-scorecard-table.md",
|
|
2407
|
+
"order": 8
|
|
2408
|
+
},
|
|
2409
|
+
{
|
|
2410
|
+
"slug": "doc/delta-text",
|
|
2411
|
+
"lang": "en",
|
|
2412
|
+
"section": "components/doc",
|
|
2413
|
+
"sectionTitle": "@squadbase/vantage/doc",
|
|
2414
|
+
"title": "DeltaText",
|
|
2415
|
+
"description": "[Part] An inline change — ▲ ▼ and a signed value — for documents and slides.",
|
|
2416
|
+
"file": "en/doc/delta-text.md",
|
|
2417
|
+
"order": 9
|
|
2418
|
+
},
|
|
2419
|
+
{
|
|
2420
|
+
"slug": "slide/slide-next-actions",
|
|
2421
|
+
"lang": "en",
|
|
2422
|
+
"section": "components/slide",
|
|
2423
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
2424
|
+
"title": "SlideNextActions",
|
|
2425
|
+
"description": "What happens next — 3–5 actions with owner, due date and the metric to check.",
|
|
2426
|
+
"file": "en/slide/slide-next-actions.md",
|
|
2427
|
+
"order": 9
|
|
2428
|
+
},
|
|
2429
|
+
{
|
|
2430
|
+
"slug": "slide/slide-heading",
|
|
2431
|
+
"lang": "en",
|
|
2432
|
+
"section": "components/slide",
|
|
2433
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
2434
|
+
"title": "SlideHeading",
|
|
2435
|
+
"description": "[Part] The title of one slide — an action title with an optional eyebrow.",
|
|
2436
|
+
"file": "en/slide/slide-heading.md",
|
|
2437
|
+
"order": 10
|
|
2438
|
+
},
|
|
2439
|
+
{
|
|
2440
|
+
"slug": "slide/slide-source-line",
|
|
2441
|
+
"lang": "en",
|
|
2442
|
+
"section": "components/slide",
|
|
2443
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
2444
|
+
"title": "SlideSourceLine",
|
|
2445
|
+
"description": "[Part] The footer line of one slide — as-of date, source and page number.",
|
|
2446
|
+
"file": "en/slide/slide-source-line.md",
|
|
2447
|
+
"order": 11
|
|
2448
|
+
},
|
|
2449
|
+
{
|
|
2450
|
+
"slug": "slide/slide-columns",
|
|
2451
|
+
"lang": "en",
|
|
2452
|
+
"section": "components/slide",
|
|
2453
|
+
"sectionTitle": "@squadbase/vantage/slide",
|
|
2454
|
+
"title": "SlideColumns",
|
|
2455
|
+
"description": "[Part] The 12-column layout of a slide's body — SlideColumns and SlideColumn.",
|
|
2456
|
+
"file": "en/slide/slide-columns.md",
|
|
2457
|
+
"order": 12
|
|
2298
2458
|
}
|
|
2299
2459
|
]
|
|
2300
2460
|
}
|
package/docs/ja/changelog.md
CHANGED
|
@@ -14,6 +14,8 @@ Vantage のリリースごとの変更点です。新しいものが上に来ま
|
|
|
14
14
|
|
|
15
15
|
### 追加
|
|
16
16
|
|
|
17
|
+
- **アプリの表示言語 `lang`。** ルート `_layout.tsx` の `export const lang = "ja"`(リテラル)が `<html lang>` になります。
|
|
18
|
+
日本語のスライド・doc が文節の途中で折れなくなり、スライドのツールバーも日本語になります。未指定は従来どおり `"en"` です。
|
|
17
19
|
- **`--host [addr]` と `--allowed-hosts <list|true>`** を `vantage dev` / `vantage preview`(SPA)に
|
|
18
20
|
追加しました。Vite は `Host` ヘッダが `localhost` 以外のリクエストを 403 で拒否するため、
|
|
19
21
|
サンドボックスのプレビュープロキシやトンネルなど**別のホスト名で前に立つもの**があると
|
package/docs/ja/components.md
CHANGED
|
@@ -97,8 +97,10 @@ Markdown 描画は Shiki の全言語文法を抱えており、`components` の
|
|
|
97
97
|
|
|
98
98
|
[スライド](page-types/slide)と[ドキュメント](page-types/doc)のページに置く block です。`/components` とは別のサブパスで、`vantage add` のコピー対象にもなりません(import して使います)。
|
|
99
99
|
|
|
100
|
-
- **slide**: 1 枚の `<Slide>` の中身(`<Slide>` 自体は持ちません)。[`SlideCover`](slide/slide-cover) / [`SlideExecSummary`](slide/slide-exec-summary) / [`SlideKpiHero`](slide/slide-kpi-hero) / [`SlideKpiGrid`](slide/slide-kpi-grid) / [`SlideChartInsight`](slide/slide-chart-insight) / [`SlideScorecardTable`](slide/slide-scorecard-table) / [`SlideNextActions`](slide/slide-next-actions)
|
|
101
|
-
- **
|
|
100
|
+
- **slide**: 1 枚の `<Slide>` の中身(`<Slide>` 自体は持ちません)。[`SlideCover`](slide/slide-cover) / [`SlideExecSummary`](slide/slide-exec-summary) / [`SlideKpiHero`](slide/slide-kpi-hero) / [`SlideKpiGrid`](slide/slide-kpi-grid) / [`SlideChartInsight`](slide/slide-chart-insight) / [`SlideScorecardTable`](slide/slide-scorecard-table) / [`SlideNextActions`](slide/slide-next-actions) / [`SlideSection`](slide/slide-section) / [`SlideComparison`](slide/slide-comparison) / [`SlideChartFull`](slide/slide-chart-full)
|
|
101
|
+
- **slide parts**: 1 枚の中で使う部品(1 枚まるごとではありません)。[`SlideHeading`](slide/slide-heading) / [`SlideSourceLine`](slide/slide-source-line) / [`SlideColumns`, `SlideColumn`](slide/slide-columns)
|
|
102
|
+
- **doc**: `<Document>` の中に並べる節や部品(`DocFigure` / `DocDataTable` / `DocCallout` は節の中に置く部品)。[`DocReportHeader`](doc/doc-report-header) / [`DocExecutiveSummary`](doc/doc-executive-summary) / [`DocKpiScorecard`](doc/doc-kpi-scorecard) / [`DocFigure`](doc/doc-figure) / [`DocDataTable`](doc/doc-data-table) / [`DocCallout`](doc/doc-callout) / [`DocKeyFindings`](doc/doc-key-findings) / [`DocActionItems`](doc/doc-action-items) / [`DocNotesAndSources`](doc/doc-notes-and-sources)
|
|
103
|
+
- **doc parts**: 文中に置く部品(slide でも使えます)。[`DeltaText`](doc/delta-text)
|
|
102
104
|
|
|
103
105
|
## 組み合わせる
|
|
104
106
|
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# DeltaText
|
|
2
|
+
|
|
3
|
+
> [部品] 文中に置く増減。▲ ▼ と符号つきの値。ドキュメントでもスライドでも。
|
|
4
|
+
|
|
5
|
+
増減を文中に置くインラインの `span` です。印や符号(「▲ +3.2%」)で向きが分かるので、印刷や色覚の違いでも読めます。色は良い・悪いを足すだけです。文字サイズは指定せず、置いた行に従います。ドキュメントとスライドのどちらでも使える**部品**で、1 節や 1 枚の block ではありません。
|
|
6
|
+
|
|
7
|
+
```tsx
|
|
8
|
+
import { DeltaText } from "@squadbase/vantage/doc";
|
|
9
|
+
import type { DeltaTextProps } from "@squadbase/vantage/doc";
|
|
10
|
+
// スライドでも同じものを使える
|
|
11
|
+
// import { DeltaText } from "@squadbase/vantage/slide";
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
> [!NOTE]
|
|
15
|
+
> これは **文中に置く部品**です。自分では寸法も文字サイズも持たず、置いた行の大きさに従います。ダッシュボード用の `Delta` とは別物です。
|
|
16
|
+
|
|
17
|
+
## props
|
|
18
|
+
|
|
19
|
+
| Prop | Type | Default | 説明 |
|
|
20
|
+
| --- | --- | --- | --- |
|
|
21
|
+
| `value` | `number \| null` | | 増減そのもの。向きは符号で決まる。`null` は「—」。**必須**。 |
|
|
22
|
+
| `format` | `ValueFormat` | | 値の整形(`"percent"` / `"currency"` など)。符号つきで出る。 |
|
|
23
|
+
| `betterWhen` | `"up" \| "down"` | `"up"` | どちらの向きが良いか。色が決まる。解約率・コストは `"down"`。 |
|
|
24
|
+
| `comparisonLabel` | `string` | | 比較相手の名前(「前月比」)。増減の前に薄く出る。 |
|
|
25
|
+
|
|
26
|
+
## 使い方
|
|
27
|
+
|
|
28
|
+
```tsx
|
|
29
|
+
import { DeltaText } from "@squadbase/vantage/doc";
|
|
30
|
+
|
|
31
|
+
<p>
|
|
32
|
+
9 月の売上は 5.4 億円でした(<DeltaText value={0.074} format="percent" comparisonLabel="前月比" />)。
|
|
33
|
+
解約率は 1.8% です(<DeltaText value={-0.006} format="percent" betterWhen="down" comparisonLabel="前月比" />)。
|
|
34
|
+
</p>
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## 注意
|
|
38
|
+
|
|
39
|
+
- 0 は「→」で薄い色になります。
|
|
40
|
+
- 読み上げ用の語(「増」「減」「横ばい」「改善」「悪化」)は固定の日本語です。
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
# DocNotesAndSources
|
|
2
|
+
|
|
3
|
+
> ドキュメント末尾の注記・用語の定義・出典。
|
|
4
|
+
|
|
5
|
+
ドキュメントの最後に置く節です。注記(番号つき)、用語の定義、出典(データ時点つき)をまとめて出します。中身のない部分は描かれず、3 つとも空なら何も出ません。
|
|
6
|
+
|
|
7
|
+
```tsx
|
|
8
|
+
import { DocNotesAndSources } from "@squadbase/vantage/doc";
|
|
9
|
+
import type { DocNotesAndSourcesProps, DocDefinition, DocSource } from "@squadbase/vantage/doc";
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
> [!NOTE]
|
|
13
|
+
> これは **`<Document>` 直下に置く 1 セクション**です。見出し・本文の大きさや幅は `<Document>` が決めるので、ここでは寸法を指定しません。Markdown 文字列は解釈されません。ページ全体の組み方は [ドキュメント](page-types/doc) を参照してください。
|
|
14
|
+
|
|
15
|
+
## props
|
|
16
|
+
|
|
17
|
+
| Prop | Type | Default | 説明 |
|
|
18
|
+
| --- | --- | --- | --- |
|
|
19
|
+
| `title` | `string` | `"注記・出典"` | 節の見出し。 |
|
|
20
|
+
| `headingLevel` | `2 \| 3` | `2` | 見出しの階層。`<Document>` 直下なら `2`、別の節の中なら `3`。小見出しは 1 つ下がる。 |
|
|
21
|
+
| `notes` | `ReactNode[]` | | 注記。番号つきの一覧で出る(速報値・除外条件など)。 |
|
|
22
|
+
| `definitions` | `DocDefinition[]` | | 用語の定義。`{ term: string; description: ReactNode }`。 |
|
|
23
|
+
| `sources` | `DocSource[]` | | 出典。`{ name: string; asOf?: string }`。`asOf` は日付のみ(例: `"2026-10-03"`)で、「(データ時点 2026-10-03)」と出る。 |
|
|
24
|
+
|
|
25
|
+
## 使い方
|
|
26
|
+
|
|
27
|
+
```tsx
|
|
28
|
+
import { Document, DocNotesAndSources } from "@squadbase/vantage/doc";
|
|
29
|
+
|
|
30
|
+
<Document>
|
|
31
|
+
{/* …本文の節… */}
|
|
32
|
+
<DocNotesAndSources
|
|
33
|
+
notes={["9 月の数値は速報値です。確定値は 10 月 10 日に更新します。", "返金分は売上から除いています。"]}
|
|
34
|
+
definitions={[{ term: "解約率", description: "月初契約数に対する、当月に解約した契約数の割合。" }]}
|
|
35
|
+
sources={[{ name: "契約管理 DB", asOf: "2026-10-03" }, { name: "会計システム" }]}
|
|
36
|
+
/>
|
|
37
|
+
</Document>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## 注意
|
|
41
|
+
|
|
42
|
+
- 小見出し「注記」「用語の定義」「出典」と「(データ時点 …)」は固定の日本語です。
|
|
43
|
+
- 各部分は印刷時に途中で改ページされないようにまとまります。
|
|
@@ -45,6 +45,7 @@ export default function Deck() {
|
|
|
45
45
|
- **3 つの見え方。** 左にスライド一覧(`L` で開閉)、スライドのみ、全画面(`F`)。一覧の開閉と
|
|
46
46
|
今のページは URL(`?rail=` / `?p=`)に入るので、そのまま共有できます。`Esc` でデッキを抜けます。
|
|
47
47
|
- **PowerPoint に書き出す。** ツールバーのボタンで、全スライドを `.pptx` として保存します。
|
|
48
|
+
- **日本語の改行。** ルート `_layout.tsx` に `export const lang = "ja"` を書くと、見出しが文節の途中で折れず、ツールバーも日本語になります([アプリの表示言語](pages-and-metadata))。
|
|
48
49
|
- **テーマに追従。** 配色と書体は `--slide-*` トークンで、既定はアプリのトークンを指すので
|
|
49
50
|
ダークモードにも追従します。デッキごとに `theme` で上書きできます。
|
|
50
51
|
|
|
@@ -60,6 +60,21 @@ export default function MonthlyAnalysis() {
|
|
|
60
60
|
**ファイルをリネーム**するか、`_` を前置してルート化を止め、tsx から `FilePageView` で描いて
|
|
61
61
|
そこに `definePage` を書きます。
|
|
62
62
|
|
|
63
|
+
## アプリの表示言語
|
|
64
|
+
|
|
65
|
+
ルートの `_layout.tsx` で `lang` をリテラルでエクスポートすると、`<html lang>` に入ります。
|
|
66
|
+
|
|
67
|
+
```tsx
|
|
68
|
+
// src/_layout.tsx
|
|
69
|
+
export const lang = "ja"
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
- 値は BCP 47 の言語タグ(`"ja"` / `"en"` / `"ja-JP"` など)。変数やテンプレート補間は読まれません。
|
|
73
|
+
- 読まれるのはルートの `_layout.tsx` だけです。入れ子のレイアウトやページに書いても無視されます。
|
|
74
|
+
- 未指定、または形式が不正な値は `"en"` になります(診断で警告します)。何も書かないアプリの出力は従来どおりです。
|
|
75
|
+
- `ja` を指定すると、スライドと doc ページの日本語が文節の途中で折れなくなり(`word-break: auto-phrase`)、スライドのツールバーの文言も日本語になります。
|
|
76
|
+
- dev では `lang` を書き換えると自動で再読み込みされます。
|
|
77
|
+
|
|
63
78
|
## Fast Refresh との関係
|
|
64
79
|
|
|
65
80
|
`page` のような非コンポーネントのエクスポートがあっても、Vantage はそれを内部で扱うため
|
package/docs/ja/parts/delta.md
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
|
|
5
5
|
値の変化を「↑ +12.4% 前期比」の 1 行で示します。**向き・率・色・文言はすべて `value` と `comparison`
|
|
6
6
|
から計算**され、外から渡すことはできません — そのため矢印と色が食い違うことがありません。色だけに
|
|
7
|
-
頼らず、矢印と符号が必ず付きます。解約率のように上がると悪い指標は `
|
|
8
|
-
|
|
7
|
+
頼らず、矢印と符号が必ず付きます。解約率のように上がると悪い指標は `betterWhen="down"` を
|
|
8
|
+
渡してください(古い名前の `polarity` も使えます)。
|
|
9
9
|
|
|
10
10
|
非推奨の [`TrendIndicator`](parts/trend-indicator) の置き換えです。
|
|
11
11
|
|
|
@@ -18,7 +18,8 @@ import type { DeltaProps, Comparison, Polarity } from "@squadbase/vantage/compon
|
|
|
18
18
|
| --- | --- | --- | --- |
|
|
19
19
|
| `value` | `number \| null \| undefined` | | 現在の値。**必須**。前の値は `comparison` から取る。 |
|
|
20
20
|
| `comparison` | `Comparison` | | 比較の相手。**必須**(増減に必ずラベルが付くように)。下の表を参照。 |
|
|
21
|
-
| `
|
|
21
|
+
| `betterWhen` | `"up" \| "down"` | `"up"` | どちらに動くと良いか。解約率のように下がる方が良い指標は `"down"`。`polarity` より優先される。 |
|
|
22
|
+
| `polarity` | `"higher-is-better" \| "lower-is-better" \| "neutral"` | `"higher-is-better"` | 非推奨。`betterWhen` の古い名前。`"neutral"`(良し悪しの色をつけない)はこちらからだけ渡せる。 |
|
|
22
23
|
| `neutralBand` | `number` | `0.01` | 変化率の絶対値がこれ未満なら横ばい(–)として扱う。既定は 1%。 |
|
|
23
24
|
| `variant` | `"badge" \| "inline"` | `"badge"` | 枠付きのバッジか、文中に置く素の文字か。 |
|
|
24
25
|
| `locale` | `string` | `"ja-JP"` | 率の書式のロケール。 |
|
|
@@ -43,7 +44,7 @@ import type { DeltaProps, Comparison, Polarity } from "@squadbase/vantage/compon
|
|
|
43
44
|
<Delta value={1_240_000} comparison={{ previous: 1_103_000, vs: "prior-period" }} />
|
|
44
45
|
|
|
45
46
|
// 下がる方が良い指標
|
|
46
|
-
<Delta value={0.021} comparison={{ previous: 0.026, vs: "prior-period" }}
|
|
47
|
+
<Delta value={0.021} comparison={{ previous: 0.026, vs: "prior-period" }} betterWhen="down" />
|
|
47
48
|
```
|
|
48
49
|
|
|
49
50
|
色は `--positive` / `--negative` / `--neutral` のトークンで決まります。KPI を 1 枚のカードで見せる
|
|
@@ -19,7 +19,8 @@ import type { KpiCardProps, KpiCardSource, Comparison, Polarity, ValueFormat } f
|
|
|
19
19
|
| `format` | `ValueFormat` | `"compact"` | 値の書式(→ format / comparison のページ)。前期実績・目標・残りにも同じ書式を使う。 |
|
|
20
20
|
| `locale` | `string` | `"ja-JP"` | 書式のロケール。 |
|
|
21
21
|
| `comparison` | `Comparison` | | 比較の相手(`{ previous, vs, label? }`)。渡すと増減と前期実績の行が出る。 |
|
|
22
|
-
| `
|
|
22
|
+
| `betterWhen` | `"up" \| "down"` | `"up"` | どちらに動くと良いか。解約率のように下がる方が良い指標は `"down"`。`polarity` より優先される。 |
|
|
23
|
+
| `polarity` | `"higher-is-better" \| "lower-is-better" \| "neutral"` | `"higher-is-better"` | 非推奨。`betterWhen` の古い名前。`"neutral"`(良し悪しの色をつけない)はこちらからだけ渡せる。 |
|
|
23
24
|
| `neutralBand` | `number` | `0.01` | 変化率の絶対値がこれ未満なら横ばいとして扱う。 |
|
|
24
25
|
| `showPrevious` | `boolean` | `true` | 前期の実績(「前期 400」)を出すか。`comparison` が要る。 |
|
|
25
26
|
| `summary` | `string` | | 結論の 1 文の**テンプレート**。下のプレースホルダをカードが埋める。 |
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
# SlideChartFull
|
|
2
|
+
|
|
3
|
+
> グラフ 1 つを 12 カラム全幅で見せる 1 枚。下に 1 行の注記。
|
|
4
|
+
|
|
5
|
+
横幅が要るグラフ(カテゴリが多い・系列が長い)を全幅で見せる 1 枚です。グラフの下に、読み方や注目点を 1 行(`note`)で添えられます。
|
|
6
|
+
|
|
7
|
+
```tsx
|
|
8
|
+
import { SlideChartFull } from "@squadbase/vantage/slide";
|
|
9
|
+
import type { SlideChartFullProps } from "@squadbase/vantage/slide";
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
> [!NOTE]
|
|
13
|
+
> これは **`<Slide>` 1 枚の中身**です。`<Slide>` 自体は持たないので、`<Slide>` の直下に置いてください。ルートはキャンバス(1920×1080)いっぱい(100%)に広がり、`className` は受けません。余白・文字サイズ・グリッドは block の中で決まっている(1920×1080 の 12 カラム)ので、寸法を足さないでください。デッキの組み方は [スライド](page-types/slide) を参照してください。
|
|
14
|
+
|
|
15
|
+
## props
|
|
16
|
+
|
|
17
|
+
| Prop | Type | 説明 |
|
|
18
|
+
| --- | --- | --- |
|
|
19
|
+
| `title` | `string` | 結論を 1 文で書いた見出し(アクションタイトル)。**必須**。 |
|
|
20
|
+
| `chart` | `SlideChartInsightChart` | `{ type: "line" \| "bar" \| "area"; categories: string[]; series: { name: string; data: number[] }[] }`。**必須**。`SlideChartInsight` と同じ形・同じ描画。系列が 2 つ以上なら凡例が出る。 |
|
|
21
|
+
| `note` | `string` | グラフの下の 1 行。読み方や注目点。60 文字ほどまで。 |
|
|
22
|
+
| `asOf` | `string` | 数字を取った日。日付のみ(例: `"2026-10-01"`)。「2026-10-01 時点」と表示される。「時点」は書かない。 |
|
|
23
|
+
| `source` | `string` | 出典(例: `"社内 BI"`)。「出典: 社内 BI」と表示される。 |
|
|
24
|
+
|
|
25
|
+
## 使い方
|
|
26
|
+
|
|
27
|
+
```tsx
|
|
28
|
+
import { Slide, SlideChartFull } from "@squadbase/vantage/slide";
|
|
29
|
+
|
|
30
|
+
<Slide>
|
|
31
|
+
<SlideChartFull
|
|
32
|
+
title="売上は 9 月に過去最高を更新した"
|
|
33
|
+
chart={{
|
|
34
|
+
type: "line",
|
|
35
|
+
categories: ["4 月", "5 月", "6 月", "7 月", "8 月", "9 月"],
|
|
36
|
+
series: [{ name: "売上(百万円)", data: [460, 480, 490, 500, 503, 540] }],
|
|
37
|
+
}}
|
|
38
|
+
note="9 月は大型案件 2 件の計上を含む"
|
|
39
|
+
asOf="2026-10-01"
|
|
40
|
+
source="社内 BI"
|
|
41
|
+
/>
|
|
42
|
+
</Slide>
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
## 注意
|
|
46
|
+
|
|
47
|
+
- グラフは `EChart` でアニメーションなし・ツールチップなし。pptx への書き出しはその描画(`data-waitfor="canvas"`)を待ちます。
|
|
48
|
+
- 読み解きの文を並べたいときは `SlideChartInsight` を使います。
|