x-next 1.7.0 → 1.8.0

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.
Files changed (88) hide show
  1. package/AI_USAGE.md +129 -4
  2. package/CHANGELOG.md +38 -0
  3. package/dist/_hooks/use-chart-size.d.ts +25 -0
  4. package/dist/_utils/chart/index.d.ts +6 -0
  5. package/dist/_utils/chart/padding.d.ts +15 -0
  6. package/dist/_utils/chart/path.d.ts +34 -0
  7. package/dist/_utils/chart/scale.d.ts +55 -0
  8. package/dist/components/_components/chart/ChartAxis.d.ts +85 -0
  9. package/dist/components/_components/chart/ChartLegend.d.ts +26 -0
  10. package/dist/components/_components/chart/ChartTooltip.d.ts +76 -0
  11. package/dist/components/_components/chart/colors.d.ts +10 -0
  12. package/dist/components/_components/chart/interface.d.ts +38 -0
  13. package/dist/components/bar-chart/BarChart.d.ts +278 -0
  14. package/dist/components/bar-chart/helpers/layout.d.ts +55 -0
  15. package/dist/components/bar-chart/index.d.ts +600 -0
  16. package/dist/components/bar-chart/interface.d.ts +74 -0
  17. package/dist/components/bar-chart/props.d.ts +145 -0
  18. package/dist/components/heatmap/Heatmap.d.ts +10 -0
  19. package/dist/components/heatmap/index.d.ts +30 -0
  20. package/dist/components/index.d.ts +3 -0
  21. package/dist/components/line-chart/LineChart.d.ts +295 -0
  22. package/dist/components/line-chart/helpers/layout.d.ts +74 -0
  23. package/dist/components/line-chart/index.d.ts +614 -0
  24. package/dist/components/line-chart/interface.d.ts +76 -0
  25. package/dist/components/line-chart/props.d.ts +173 -0
  26. package/dist/components/pie-chart/PieChart.d.ts +219 -0
  27. package/dist/components/pie-chart/index.d.ts +470 -0
  28. package/dist/components/pie-chart/interface.d.ts +58 -0
  29. package/dist/components/pie-chart/props.d.ts +107 -0
  30. package/dist/components/trend-chart/components/TrendChart.d.ts +19 -96
  31. package/dist/components/trend-chart/index.d.ts +33 -187
  32. package/dist/components/trend-chart/props.d.ts +9 -78
  33. package/dist/components/trend-chart/themes.d.ts +0 -1
  34. package/dist/es/_hooks/use-chart-size.js +25 -0
  35. package/dist/es/_styles/palette-aliases.js +5 -0
  36. package/dist/es/_utils/chart/padding.js +22 -0
  37. package/dist/es/_utils/chart/path.js +69 -0
  38. package/dist/es/_utils/chart/scale.js +77 -0
  39. package/dist/es/components/_components/chart/ChartAxis.js +79 -0
  40. package/dist/es/components/_components/chart/ChartLegend.js +53 -0
  41. package/dist/es/components/_components/chart/ChartTooltip.js +64 -0
  42. package/dist/es/components/_components/chart/colors.js +12 -0
  43. package/dist/es/components/bar-chart/BarChart.js +470 -0
  44. package/dist/es/components/bar-chart/helpers/layout.js +53 -0
  45. package/dist/es/components/bar-chart/index.js +8 -0
  46. package/dist/es/components/bar-chart/props.js +148 -0
  47. package/dist/es/components/heatmap/Heatmap.js +244 -169
  48. package/dist/es/components/index.js +132 -126
  49. package/dist/es/components/line-chart/LineChart.js +532 -0
  50. package/dist/es/components/line-chart/helpers/layout.js +80 -0
  51. package/dist/es/components/line-chart/index.js +8 -0
  52. package/dist/es/components/line-chart/props.js +178 -0
  53. package/dist/es/components/pie-chart/PieChart.js +397 -0
  54. package/dist/es/components/pie-chart/index.js +8 -0
  55. package/dist/es/components/pie-chart/props.js +104 -0
  56. package/dist/es/components/trend-chart/components/TrendChart.js +143 -183
  57. package/dist/es/components/trend-chart/components/trend-chart-curve.js +85 -81
  58. package/dist/es/components/trend-chart/props.js +28 -74
  59. package/dist/es/components/trend-chart/themes.js +30 -31
  60. package/dist/es/index.js +193 -187
  61. package/dist/es/locale/en-US.js +8 -1
  62. package/dist/es/locale/zh-CN.js +8 -1
  63. package/dist/es/style.css +1 -1
  64. package/dist/index.cjs +4 -4
  65. package/dist/index.umd.js +4 -4
  66. package/dist/locale/interface.d.ts +13 -0
  67. package/dist/style/bar-chart.css +1 -0
  68. package/dist/style/bar-chart.js +2 -0
  69. package/dist/style/base.css +1 -1
  70. package/dist/style/heatmap.css +1 -1
  71. package/dist/style/line-chart.css +1 -0
  72. package/dist/style/line-chart.js +2 -0
  73. package/dist/style/pie-chart.css +1 -0
  74. package/dist/style/pie-chart.js +2 -0
  75. package/dist/style.css +1 -1
  76. package/dist/types.d.ts +3 -0
  77. package/package.json +1 -1
  78. package/volar.d.ts +3 -0
  79. package/dist/components/trend-chart/components/trend-chart-grid.d.ts +0 -55
  80. package/dist/components/trend-chart/components/trend-chart-labels.d.ts +0 -26
  81. package/dist/components/trend-chart/helpers/genPath.d.ts +0 -8
  82. package/dist/components/trend-chart/helpers/getPadding.d.ts +0 -8
  83. package/dist/components/trend-chart/helpers/validatePadding.d.ts +0 -2
  84. package/dist/es/components/trend-chart/components/trend-chart-grid.js +0 -62
  85. package/dist/es/components/trend-chart/components/trend-chart-labels.js +0 -75
  86. package/dist/es/components/trend-chart/helpers/genPath.js +0 -22
  87. package/dist/es/components/trend-chart/helpers/getPadding.js +0 -21
  88. package/dist/es/components/trend-chart/helpers/validatePadding.js +0 -7
package/dist/locale/interface.d.ts CHANGED
@@ -283,10 +283,21 @@ export interface Locale {
283
283
  readonly: string;
284
284
  };
285
285
  heatmap: HeatmapLocale;
286
+ chart: ChartLocale;
286
287
  colorPicker: ColorPickerLocale;
287
288
  common: CommonLocale;
288
289
  validateMessages: ValidateMessagesLocale;
289
290
  }
291
+ export interface ChartLocale {
292
+ /** 提示浮层中的合计行文案 */
293
+ total: string;
294
+ /** 未提供 name 的系列名，`{index}` 会被替换为从 1 开始的序号 */
295
+ seriesName: string;
296
+ /** 图例按钮的无障碍名称，`{name}` 会被替换为项名称 */
297
+ legendToggle: string;
298
+ /** 饼图中心默认展示的合计文案 */
299
+ pieTotal: string;
300
+ }
290
301
  export interface ColorPickerLocale {
291
302
  /** 触发器无障碍名称 */
292
303
  trigger: string;
@@ -310,6 +321,8 @@ export interface HeatmapLocale {
310
321
  value: string;
311
322
  /** 无数据格子的提示文案，`{date}` 会被替换 */
312
323
  noData: string;
324
+ /** 网格的无障碍名称（未传 ariaLabel 时使用） */
325
+ gridLabel: string;
313
326
  }
314
327
  /** 语言包中所有叶子 key 的点分路径 */
315
328
  export type LocaleKey = {
package/dist/style/bar-chart.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-bar-chart-border-radius-bar: var(--x-border-radius-small)}.x-bar-chart{position:relative;width:100%}.x-bar-chart--canvas{position:relative;width:100%}.x-bar-chart--svg{display:block;max-width:100%;overflow:visible;outline:none;cursor:default}.x-bar-chart--svg:focus-visible{outline:2px solid var(--x-color-border-focus);outline-offset:2px;border-radius:var(--x-bar-chart-border-radius-bar)}.x-bar-chart--active-band{fill:var(--x-chart-color-active-band);pointer-events:none}.x-bar-chart--bar{cursor:pointer;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-bar-chart--bar-shape{transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-bar-chart--canvas:has(.x-bar-chart--bar.x-bar-chart-is-active) .x-bar-chart--bar:not(.x-bar-chart-is-active) .x-bar-chart--bar-shape{opacity:.45}
package/dist/style/bar-chart.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './bar-chart.css';