x-next 1.7.0 → 1.8.0

package/dist/es/components/trend-chart/props.js

@@ -1,6 +1,6 @@
 import { definePropType as t } from "../../_utils/vue-eco.js";
-import r from "./helpers/validatePadding.js";
-const o = {
+import { validatePadding as r } from "../../_utils/chart/padding.js";
+const u = {
   // 数据集
   dataset: {
     required: !0,
@@ -21,16 +21,6 @@ const o = {
     type: [Number, String],
     default: "100%"
   },
-  // 网格属性
-  grid: {
-    default: null,
-    type: t(Object)
-  },
-  // 标签属性
-  labels: {
-    default: null,
-    type: t(Object)
-  },
   // 最大值，传入后锁定数据域上界，超出部分被裁剪
   max: {
     type: Number
@@ -39,9 +29,15 @@ const o = {
   min: {
     type: Number
   },
-  // 绘制边距，支持 1-4 个非负数字字符串或单个非负数字
+  /*
+   * 绘制边距，支持 1-4 个非负数字字符串或单个非负数字。
+   *
+   * 默认 3 是最小的安全值：激活态数据点半径为 3px，圆心落在边界上时
+   * 圆的顶端恰好与画布边缘相切；再小就会被画布裁掉。默认值取这个下界，
+   * 让曲线尽可能贴近画布顶部（迷你图重在形态，不需要多余的留白）。
+   */
   padding: {
-    default: "5",
+    default: "3",
     type: [String, Number],
     validator(e) {
       return typeof e == "number" ? Number.isFinite(e) && e >= 0 : r(e);
@@ -89,6 +85,23 @@ const o = {
   ariaLabel: {
     type: String
   },
+  /*
+   * 已废弃：网格与坐标轴标签。
+   *
+   * 这两个能力在 1.7.0 发布过，但从定位上就不属于迷你图——带网格和坐标文字的
+   * 图是「读数的图」，应该用 LineChart。1.8.0 起不再渲染任何内容，
+   * 保留声明只为避免既有代码在升级时编译或运行报错。
+   *
+   * 保留一个次要版本后（2.0.0）彻底移除。
+   */
+  grid: {
+    default: null,
+    type: t(Object)
+  },
+  labels: {
+    default: null,
+    type: t(Object)
+  },
   // 主题
   theme: {
     type: t(Object),
@@ -162,67 +175,8 @@ const o = {
   theme: {
     type: t(Object)
   }
-}, i = {
-  boundary: {
-    required: !0,
-    type: t(Object),
-    default: () => {
-    }
-  },
-  verticalLines: {
-    default: !1,
-    type: Boolean
-  },
-  verticalLinesNumber: {
-    default: 0,
-    type: Number
-  },
-  horizontalLines: {
-    default: !1,
-    type: Boolean
-  },
-  horizontalLinesNumber: {
-    default: 0,
-    type: Number
-  }
-}, n = {
-  boundary: {
-    required: !0,
-    type: t(Object),
-    default: () => {
-    }
-  },
-  minValue: {
-    type: Number,
-    required: !0
-  },
-  maxValue: {
-    type: Number,
-    required: !0
-  },
-  xLabels: {
-    type: Array
-  },
-  yLabels: {
-    type: Number,
-    required: !0
-  },
-  yLabelsTextFormatter: {
-    default: (e) => e,
-    type: Function
-  },
-  // 标签字号，默认按绘图区高度自适应
-  fontSize: {
-    type: Number
-  },
-  // 标签颜色
-  color: {
-    type: String
-  }
 };
 export {
   l as trendChartCurveProps,
-  i as trendChartGridProps,
-  n as trendChartLabelsProps,
-  o as trendChartProps
+  u as trendChartProps
 };

package/dist/es/components/trend-chart/themes.js

@@ -1,15 +1,15 @@
-const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i = "var(--x-color-warning-solid)", c = "var(--x-color-text-secondary)", t = "var(--x-color-success-solid)", l = "var(--x-color-primary-solid)", a = "var(--x-color-border-subtle)", s = {
+const o = "var(--x-color-danger-solid)", i = "var(--x-color-strong-solid)", r = "var(--x-color-warning-solid)", c = "var(--x-color-text-secondary)", t = "var(--x-color-success-solid)", l = "var(--x-color-primary-solid)", a = {
   DANGER: {
     // 主题色
     color: o,
     // 点
     point: {
-      width: 3,
+      width: 2,
       color: o
     },
     // 描边
     stroke: {
-      width: 2,
+      width: 1.5,
       color: o,
       opacity: 1
     },
@@ -20,53 +20,53 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     },
     axisLine: {
       color: o,
-      width: 2,
+      width: 1,
       opacity: 0.9
     }
   },
   STRONG: {
     // 主题色
-    color: r,
+    color: i,
     // 点
     point: {
-      width: 3,
-      color: r
+      width: 2,
+      color: i
     },
     stroke: {
-      width: 2,
-      color: r,
+      width: 1.5,
+      color: i,
       opacity: 1
     },
     fill: {
-      color: r,
+      color: i,
       opacity: 0.1
     },
     axisLine: {
-      color: r,
-      width: 2,
+      color: i,
+      width: 1,
       opacity: 0.9
     }
   },
   WARNING: {
     // 主题色
-    color: i,
+    color: r,
     // 点
     point: {
-      width: 3,
-      color: i
+      width: 2,
+      color: r
     },
     stroke: {
-      width: 2,
-      color: i,
+      width: 1.5,
+      color: r,
       opacity: 1
     },
     fill: {
-      color: i,
+      color: r,
       opacity: 0.1
     },
     axisLine: {
-      color: i,
-      width: 2,
+      color: r,
+      width: 1,
       opacity: 0.9
     }
   },
@@ -75,11 +75,11 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     color: t,
     // 点
     point: {
-      width: 3,
+      width: 2,
       color: t
     },
     stroke: {
-      width: 2,
+      width: 1.5,
       color: t,
       opacity: 1
     },
@@ -89,7 +89,7 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     },
     axisLine: {
       color: t,
-      width: 2,
+      width: 1,
       opacity: 0.9
     }
   },
@@ -98,11 +98,11 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     color: c,
     // 点
     point: {
-      width: 3,
+      width: 2,
       color: c
     },
     stroke: {
-      width: 2,
+      width: 1.5,
       color: c,
       opacity: 1
     },
@@ -112,7 +112,7 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     },
     axisLine: {
       color: c,
-      width: 2,
+      width: 1,
       opacity: 0.9
     }
   },
@@ -121,11 +121,11 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     color: l,
     // 点
     point: {
-      width: 3,
+      width: 2,
       color: l
     },
     stroke: {
-      width: 2,
+      width: 1.5,
       color: l,
       opacity: 1
     },
@@ -135,12 +135,11 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     },
     axisLine: {
       color: l,
-      width: 2,
+      width: 1,
       opacity: 0.9
     }
   }
 };
 export {
-  a as TrendChartAxisColor,
-  s as TrendChartTheme
+  a as TrendChartTheme
 };