@wil-works/evoke-charts 0.5.0 → 0.7.0

package/dist/ai.mjs

@@ -1,2 +1,2 @@
-import { a as SPEC_RULES, c as inferColumns, d as parseNumeric, f as chartOptionsSchema, i as formatExamples, l as looksLikeTime, n as buildChartPrompt, o as detectIntent, p as validateOptions, r as SPEC_EXAMPLES, s as generateChartSpec, t as lintChartSpec, u as parseDataTable } from "./ai-BmXDig6M.js";
-export { SPEC_EXAMPLES, SPEC_RULES, buildChartPrompt, chartOptionsSchema, detectIntent, formatExamples, generateChartSpec, inferColumns, lintChartSpec, looksLikeTime, parseDataTable, parseNumeric, validateOptions };
+import { _ as chartOptionsSchema, a as formatExamples, c as detectIntent, d as planThreed, f as wantsThreed, g as parseNumeric, h as parseDataTable, i as SPEC_EXAMPLES_3D, l as generateChartSpec, m as looksLikeTime, n as buildChartPrompt, o as formatExamples3d, p as inferColumns, r as SPEC_EXAMPLES, s as SPEC_RULES, t as lintChartSpec, u as SPEC_RULES_3D, v as validateOptions } from "./ai-cRi95pS2.js";
+export { SPEC_EXAMPLES, SPEC_EXAMPLES_3D, SPEC_RULES, SPEC_RULES_3D, buildChartPrompt, chartOptionsSchema, detectIntent, formatExamples, formatExamples3d, generateChartSpec, inferColumns, lintChartSpec, looksLikeTime, parseDataTable, parseNumeric, planThreed, validateOptions, wantsThreed };

package/dist/evoke-charts.css

@@ -1,5 +1,165 @@
 
-.ev-chart[data-v-df8a90cc] {
+.ev-chart3d[data-v-36ccea38] {
+  --ev-chart3d-surface: var(--ev-bg-color-overlay, #ffffff);
+  --ev-chart3d-text: var(--ev-text-color-primary, #1f2937);
+  --ev-chart3d-text-secondary: var(--ev-text-color-secondary, #6b7280);
+  --ev-chart3d-border: var(--ev-border-color, rgba(31, 41, 55, 0.16));
+  --ev-chart3d-fill: var(--ev-fill-color-light, rgba(31, 41, 55, 0.05));
+  position: relative;
+  overflow: hidden;
+  font-family: var(--ev-font-family, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', sans-serif);
+}
+.ev-chart3d__canvas[data-v-36ccea38] {
+  display: block;
+  width: 100%;
+  height: 100%;
+  touch-action: none;
+  cursor: grab;
+}
+.ev-chart3d__canvas[data-v-36ccea38]:active {
+  cursor: grabbing;
+}
+.ev-chart3d__overlay[data-v-36ccea38] {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.ev-chart3d__empty[data-v-36ccea38],
+.ev-chart3d__loading[data-v-36ccea38],
+.ev-chart3d__error[data-v-36ccea38] {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+.ev-chart3d__empty-icon-wrap[data-v-36ccea38] {
+  width: 52px;
+  height: 52px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--ev-chart3d-fill);
+  color: var(--ev-chart3d-text-secondary);
+}
+.ev-chart3d__empty-img[data-v-36ccea38] {
+  width: 26px;
+  height: 26px;
+}
+.ev-chart3d__empty-text[data-v-36ccea38] {
+  font-size: 12px;
+  color: var(--ev-chart3d-text-secondary);
+}
+.ev-chart3d__loading-bars[data-v-36ccea38] {
+  display: flex;
+  align-items: flex-end;
+  gap: 5px;
+  height: 34px;
+}
+.ev-chart3d__loading-bar[data-v-36ccea38] {
+  width: 6px;
+  border-radius: 3px;
+  background: var(--ev-chart3d-border);
+  animation: ev-chart3d-shimmer-36ccea38 1.1s ease-in-out infinite;
+}
+.ev-chart3d__error[data-v-36ccea38] {
+  color: var(--ev-color-danger, #dc2626);
+  font-size: 12px;
+}
+.ev-chart3d__error-icon[data-v-36ccea38] {
+  font-size: 22px;
+  display: inline-flex;
+}
+.ev-chart3d__tooltip[data-v-36ccea38] {
+  position: absolute;
+  z-index: 20;
+  max-width: 260px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  background: var(--ev-chart3d-surface);
+  border: 1px solid var(--ev-chart3d-border);
+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
+  pointer-events: none;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--ev-chart3d-text);
+}
+.ev-chart3d__tooltip-title[data-v-36ccea38] {
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+.ev-chart3d__tooltip-item[data-v-36ccea38] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.ev-chart3d__tooltip-dot[data-v-36ccea38] {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex: none;
+}
+.ev-chart3d__tooltip-name[data-v-36ccea38] {
+  color: var(--ev-chart3d-text-secondary);
+  margin-right: auto;
+}
+.ev-chart3d__tooltip-value[data-v-36ccea38] {
+  font-variant-numeric: tabular-nums;
+  font-weight: 500;
+}
+.ev-chart3d__sr-only[data-v-36ccea38] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.ev-chart3d-fade-enter-active[data-v-36ccea38],
+.ev-chart3d-fade-leave-active[data-v-36ccea38] {
+  transition: opacity 0.24s ease;
+}
+.ev-chart3d-fade-enter-from[data-v-36ccea38],
+.ev-chart3d-fade-leave-to[data-v-36ccea38] {
+  opacity: 0;
+}
+.ev-chart3d-tooltip-enter-active[data-v-36ccea38],
+.ev-chart3d-tooltip-leave-active[data-v-36ccea38] {
+  transition: opacity 0.16s ease;
+}
+.ev-chart3d-tooltip-enter-from[data-v-36ccea38],
+.ev-chart3d-tooltip-leave-to[data-v-36ccea38] {
+  opacity: 0;
+}
+@keyframes ev-chart3d-shimmer-36ccea38 {
+0%, 100% { height: 10px; opacity: 0.55;
+}
+50% { height: 30px; opacity: 1;
+}
+}
+
+/* 暗色覆盖（与生态一致：html.dark 为准） */
+html.dark .ev-chart3d__tooltip {
+  background: var(--ev-bg-color-overlay, #1f2937);
+  border-color: var(--ev-border-color, rgba(229, 231, 235, 0.2));
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
+  color: var(--ev-text-color-primary, #e5e7eb);
+}
+html.dark .ev-chart3d {
+  --ev-chart3d-surface: var(--ev-bg-color-overlay, #1f2937);
+  --ev-chart3d-text: var(--ev-text-color-primary, #e5e7eb);
+  --ev-chart3d-text-secondary: var(--ev-text-color-secondary, #9ca3af);
+  --ev-chart3d-border: var(--ev-border-color, rgba(229, 231, 235, 0.2));
+  --ev-chart3d-fill: var(--ev-fill-color-dark, rgba(229, 231, 235, 0.08));
+}
+
+.ev-chart[data-v-af1c6d5e] {
   position: relative;
   /* 容器不带边框：是否加框、加多粗由宿主决定，图表只负责内容；
      圆角裁剪下沉到 canvas 与浮层自身（border-radius: inherit） */
@@ -8,8 +168,14 @@
   background: var(--ev-bg-color, #ffffff);
 }
 
+/* 键盘可达（DESIGN §13.7 期 1）：容器可聚焦，焦点环贴内缘不裁切 */
+.ev-chart[data-v-af1c6d5e]:focus-visible {
+  outline: 2px solid var(--ev-color-primary, #175dff);
+  outline-offset: -2px;
+}
+
 /* 关键：canvas 必须能接收鼠标事件 */
-.ev-chart__canvas[data-v-df8a90cc] {
+.ev-chart__canvas[data-v-af1c6d5e] {
   position: absolute;
   top: 0;
   left: 0;
@@ -23,14 +189,14 @@
 
 /* HTML 覆盖层：只在内容层，不与 canvas 抢交互（子元素可自行 pointer-events:auto），
    也不压过 tooltip（z-index 100） */
-.ev-chart__overlay[data-v-df8a90cc] {
+.ev-chart__overlay[data-v-af1c6d5e] {
   position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: none;
   border-radius: inherit;
 }
-.ev-chart__tooltip[data-v-df8a90cc] {
+.ev-chart__tooltip[data-v-af1c6d5e] {
   position: absolute;
   pointer-events: none;
   z-index: 100;
@@ -50,47 +216,47 @@
 }
 
 /* tooltip 淡入淡出（仅 opacity，位置由 left/top transition 负责） */
-.ev-chart-tooltip-enter-active[data-v-df8a90cc],
-.ev-chart-tooltip-leave-active[data-v-df8a90cc] {
+.ev-chart-tooltip-enter-active[data-v-af1c6d5e],
+.ev-chart-tooltip-leave-active[data-v-af1c6d5e] {
   transition: var(--ev-tooltip-fade-transition);
 }
 
 /* 进入期间禁用位置 transition，避免首次出现时从旧位置滑入 */
-.ev-chart-tooltip-enter-active[data-v-df8a90cc] {
+.ev-chart-tooltip-enter-active[data-v-af1c6d5e] {
   transition:
     var(--ev-tooltip-fade-transition),
     left 0s,
     top 0s;
 }
-.ev-chart-tooltip-enter-from[data-v-df8a90cc],
-.ev-chart-tooltip-leave-to[data-v-df8a90cc] {
+.ev-chart-tooltip-enter-from[data-v-af1c6d5e],
+.ev-chart-tooltip-leave-to[data-v-af1c6d5e] {
   opacity: 0;
 }
 
 /* v-html 注入的内容不带 scoped 属性，需用 :deep() 穿透 */
-[data-v-df8a90cc] .ev-chart__tooltip-title {
+[data-v-af1c6d5e] .ev-chart__tooltip-title {
   color: var(--ev-text-color-secondary, #6b7280);
   font-size: 12px;
   margin-bottom: 6px;
   font-weight: 500;
 }
-[data-v-df8a90cc] .ev-chart__tooltip-item {
+[data-v-af1c6d5e] .ev-chart__tooltip-item {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 2px 0;
 }
-[data-v-df8a90cc] .ev-chart__tooltip-dot {
+[data-v-af1c6d5e] .ev-chart__tooltip-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   flex-shrink: 0;
   display: inline-block;
 }
-[data-v-df8a90cc] .ev-chart__tooltip-name {
+[data-v-af1c6d5e] .ev-chart__tooltip-name {
   color: var(--ev-text-color-primary, #111827);
 }
-[data-v-df8a90cc] .ev-chart__tooltip-value {
+[data-v-af1c6d5e] .ev-chart__tooltip-value {
   color: var(--ev-text-color-primary, #111827);
   font-weight: 600;
   margin-left: auto;
@@ -99,7 +265,7 @@
 }
 
 /* ══════ 空数据占位 ══════ */
-.ev-chart__empty[data-v-df8a90cc] {
+.ev-chart__empty[data-v-af1c6d5e] {
   position: absolute;
   inset: 0;
   border-radius: inherit;
@@ -112,7 +278,7 @@
   gap: 14px;
   user-select: none;
 }
-.ev-chart__empty-icon-wrap[data-v-df8a90cc] {
+.ev-chart__empty-icon-wrap[data-v-af1c6d5e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -121,19 +287,19 @@
   border-radius: 16px;
   background: var(--ev-fill-color-light, #f5f7fa);
 }
-.ev-chart__empty-img[data-v-df8a90cc] {
+.ev-chart__empty-img[data-v-af1c6d5e] {
   width: 32px;
   height: 32px;
   opacity: 0.4;
 }
-.ev-chart__empty-text[data-v-df8a90cc] {
+.ev-chart__empty-text[data-v-af1c6d5e] {
   letter-spacing: 0.04em;
   font-weight: 500;
   font-size: 13px;
 }
 
 /* ══════ 加载中骨架 ══════ */
-.ev-chart__loading[data-v-df8a90cc] {
+.ev-chart__loading[data-v-af1c6d5e] {
   position: absolute;
   inset: 0;
   border-radius: inherit;
@@ -142,20 +308,20 @@
   justify-content: center;
   background: var(--ev-bg-color, #ffffff);
 }
-.ev-chart__loading-bars[data-v-df8a90cc] {
+.ev-chart__loading-bars[data-v-af1c6d5e] {
   display: flex;
   align-items: flex-end;
   gap: 6px;
   height: 60px;
 }
-.ev-chart__loading-bar[data-v-df8a90cc] {
+.ev-chart__loading-bar[data-v-af1c6d5e] {
   width: 10px;
   height: 40px;
   border-radius: 4px;
   background: var(--ev-border-color, #e2e8f0);
-  animation: ev-chart-shimmer-df8a90cc 1.2s ease-in-out infinite;
+  animation: ev-chart-shimmer-af1c6d5e 1.2s ease-in-out infinite;
 }
-@keyframes ev-chart-shimmer-df8a90cc {
+@keyframes ev-chart-shimmer-af1c6d5e {
 0%,
   100% {
     transform: scaleY(0.4);
@@ -168,7 +334,7 @@
 }
 
 /* ══════ 错误边界 ══════ */
-.ev-chart__error[data-v-df8a90cc] {
+.ev-chart__error[data-v-af1c6d5e] {
   position: absolute;
   inset: 0;
   border-radius: inherit;
@@ -182,13 +348,13 @@
   padding: 20px;
   text-align: center;
 }
-.ev-chart__error-icon[data-v-df8a90cc] {
+.ev-chart__error-icon[data-v-af1c6d5e] {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 30px;
 }
-.ev-chart__error-text[data-v-df8a90cc] {
+.ev-chart__error-text[data-v-af1c6d5e] {
   font-size: 12px;
   line-height: 1.5;
   max-width: 80%;
@@ -196,17 +362,17 @@
 }
 
 /* ══════ 进入/离开淡入淡出 ══════ */
-.ev-chart-fade-enter-active[data-v-df8a90cc],
-.ev-chart-fade-leave-active[data-v-df8a90cc] {
+.ev-chart-fade-enter-active[data-v-af1c6d5e],
+.ev-chart-fade-leave-active[data-v-af1c6d5e] {
   transition: opacity 0.2s ease;
 }
-.ev-chart-fade-enter-from[data-v-df8a90cc],
-.ev-chart-fade-leave-to[data-v-df8a90cc] {
+.ev-chart-fade-enter-from[data-v-af1c6d5e],
+.ev-chart-fade-leave-to[data-v-af1c6d5e] {
   opacity: 0;
 }
 
 /* ══════ 无障碍：sr-only ══════ */
-.ev-chart__sr-only[data-v-df8a90cc] {
+.ev-chart__sr-only[data-v-af1c6d5e] {
   position: absolute;
   width: 1px;
   height: 1px;