x-next 1.6.0 → 1.8.0

package/dist/es/components/bar-chart/BarChart.js

@@ -0,0 +1,470 @@
+import { defineComponent as xe, createVNode as h, mergeProps as ge, Fragment as be, ref as ee, reactive as pe, computed as i, watch as le, nextTick as ye } from "vue";
+import { getComponentPrefix as Ie, getClassNameMixin as we } from "../../_utils/config.js";
+import { useLocale as ke } from "../../locale/index.js";
+import { isObject as Me } from "../../_utils/is.js";
+import { useChartSize as Le } from "../../_hooks/use-chart-size.js";
+import { Spin as Ce } from "../spin/index.js";
+import Te from "../_components/chart/ChartAxis.js";
+import Ae from "../_components/chart/ChartLegend.js";
+import Se from "../_components/chart/ChartTooltip.js";
+import { barChartProps as ze } from "./props.js";
+import { computeBarLayout as Ee } from "./helpers/layout.js";
+import { getSeriesColor as Ne } from "../_components/chart/colors.js";
+import { getScale as Ve, estimateTextWidth as ie, pickLabelIndices as Be } from "../../_utils/chart/scale.js";
+import { getPadding as Fe } from "../../_utils/chart/padding.js";
+const Re = 4, oe = 8, Je = /* @__PURE__ */ xe({
+  name: Ie("BarChart"),
+  props: ze,
+  emits: {
+    /**
+     * @zh 点击柱体或绘图区时触发
+     * @en Emitted when a bar or the plot area is clicked
+     */
+    "bar-click": (n) => !0,
+    /**
+     * @zh 图例切换后触发，参数为当前可见的系列下标
+     * @en Emitted after a legend toggle, with the visible series indexes
+     */
+    "legend-change": (n) => !0
+  },
+  slots: Object,
+  setup(n, {
+    emit: y,
+    slots: B
+  }) {
+    const {
+      t: M
+    } = ke(), d = we("bar-chart"), H = ee(null), F = ee(null), z = ee(null), O = {
+      root: H,
+      canvas: F,
+      tooltip: z
+    }, s = pe({
+      activeIndex: null,
+      /** 键盘导航触发的激活态才做读屏播报，鼠标悬浮不播报 */
+      keyboardActive: !1,
+      hiddenIndexes: [],
+      tooltipWidth: 0
+    }), {
+      size: L
+    } = Le({
+      elementRef: F,
+      width: () => n.width,
+      height: () => n.height
+    }), f = i(() => {
+      var e;
+      return ((e = n.labels) == null ? void 0 : e.fontSize) ?? 12;
+    }), E = i(() => {
+      var e;
+      return ((e = n.labels) == null ? void 0 : e.yVisible) !== !1;
+    }), R = i(() => {
+      var e;
+      return ((e = n.labels) == null ? void 0 : e.xVisible) !== !1;
+    }), C = i(() => {
+      var e;
+      return Math.max(2, Math.floor(((e = n.grid) == null ? void 0 : e.horizontalLinesNumber) ?? Re));
+    }), N = i(() => {
+      var e;
+      return ((e = n.grid) == null ? void 0 : e.horizontalLines) !== !1;
+    }), v = i(() => n.series ?? []), W = i(() => (n.categories ?? []).map((e) => String(e))), I = i(() => v.value.length), m = i(() => I.value === 0 ? [] : Array.from({
+      length: I.value
+    }, (e, t) => t).filter((e) => !s.hiddenIndexes.includes(e))), c = i(() => {
+      const e = v.value.reduce((t, a) => Math.max(t, (a.data ?? []).length), 0);
+      return Math.max(W.value.length, e);
+    }), w = i(() => v.value.map((e) => {
+      const t = e.data ?? [];
+      return Array.from({
+        length: c.value
+      }, (a, l) => Number.isFinite(t[l]) && t[l] > 0 ? t[l] : 0);
+    })), T = i(() => m.value.map((e) => w.value[e] ?? [])), $ = i(() => w.value.some((e) => e.some((t) => t > 0))), te = i(() => {
+      if (!T.value.length || c.value === 0) return 0;
+      if (n.stack) {
+        let e = 0;
+        for (let t = 0; t < c.value; t += 1) {
+          const a = T.value.reduce((l, u) => l + (u[t] ?? 0), 0);
+          a > e && (e = a);
+        }
+        return e;
+      }
+      return T.value.reduce((e, t) => t.reduce((a, l) => Math.max(a, l), e), 0);
+    }), A = i(() => Ve(te.value, C.value, n.max)), g = i(() => n.valueFormatter), _ = (e) => {
+      var t;
+      return (t = n.labels) != null && t.yFormatter ? n.labels.yFormatter(e) : g.value(e);
+    }, X = i(() => {
+      var e;
+      return ((e = n.labels) == null ? void 0 : e.color) ?? "var(--x-chart-color-axis-text)";
+    }), k = (e) => {
+      var a;
+      const t = W.value[e] ?? String(e + 1);
+      return (a = n.labels) != null && a.xFormatter ? n.labels.xFormatter(t, e) : t;
+    }, j = i(() => {
+      if (!E.value) return 0;
+      const e = A.value.ticks, t = e.reduce((a, l) => Math.max(a, ie(_(l), f.value)), 0);
+      return e.length ? Math.round(t) + 6 : 0;
+    }), K = i(() => !R.value || c.value === 0 ? 0 : Math.ceil(8 + f.value * 1.15)), x = i(() => {
+      const e = Fe(n.padding), t = E.value ? Math.ceil(f.value * 0.7) : 0, a = e.left + j.value, l = Math.max(e.top, t), u = L.width - e.right, r = L.height - e.bottom - K.value;
+      return {
+        left: a,
+        top: l,
+        right: u,
+        bottom: r,
+        width: Math.max(0, u - a),
+        height: Math.max(0, r - l)
+      };
+    }), b = i(() => Ee({
+      count: c.value,
+      values: T.value,
+      stack: n.stack,
+      plot: x.value,
+      domainMax: A.value.max,
+      barRadius: n.barRadius,
+      barWidth: n.barWidth
+    })), P = i(() => {
+      if (c.value === 0) return [];
+      const e = Array.from({
+        length: c.value
+      }, (t, a) => ie(k(a), f.value)).reduce((t, a) => Math.max(t, a), 0);
+      return Be(c.value, b.value.band, e, f.value * 0.6);
+    }), S = (e) => {
+      var t;
+      return ((t = v.value[e]) == null ? void 0 : t.color) ?? Ne(e);
+    }, G = (e) => {
+      const {
+        max: t
+      } = A.value;
+      return t <= 0 ? x.value.bottom : x.value.bottom - e / t * x.value.height;
+    }, Y = i(() => A.value.ticks.map((e) => ({
+      y: G(e),
+      label: _(e),
+      isBaseline: e === 0
+    }))), U = i(() => P.value.map((e) => ({
+      x: b.value.categoryCenters[e] ?? 0,
+      text: k(e)
+    }))), q = i(() => b.value.bars.map((e) => ({
+      ...e,
+      color: S(e.seriesIndex)
+    }))), o = i(() => {
+      const e = s.activeIndex;
+      if (e === null || e < 0 || e >= c.value) return null;
+      const t = m.value.map((l) => {
+        var u, r;
+        return {
+          seriesIndex: l,
+          name: (u = v.value[l]) == null ? void 0 : u.name,
+          value: ((r = w.value[l]) == null ? void 0 : r[e]) ?? 0,
+          color: S(l)
+        };
+      }).filter((l) => l.value > 0 || m.value.length === 1), a = t.reduce((l, u) => l + u.value, 0);
+      return {
+        index: e,
+        label: k(e),
+        items: t,
+        total: a
+      };
+    }), J = i(() => {
+      const e = o.value;
+      return e ? {
+        ...e,
+        formatValue: g.value
+      } : null;
+    }), Q = i(() => {
+      var e;
+      return (((e = o.value) == null ? void 0 : e.items) ?? []).map((t) => ({
+        key: t.seriesIndex,
+        name: t.name ?? Z(t.seriesIndex),
+        value: g.value(t.value),
+        color: t.color
+      }));
+    }), se = i(() => {
+      const e = o.value;
+      return !e || e.items.length <= 1 ? null : {
+        label: M("chart.total"),
+        value: g.value(e.total)
+      };
+    }), re = i(() => {
+      const e = o.value;
+      if (!e) return {};
+      const t = b.value.categoryCenters[e.index] ?? 0, a = s.tooltipWidth / 2 || 0, l = a + 4, u = Math.max(l, L.width - a - 4), r = Math.min(Math.max(t, l), u), p = Math.max(oe, (b.value.categoryTops[e.index] ?? x.value.bottom) - oe);
+      return {
+        left: `${r}px`,
+        top: `${p}px`
+      };
+    });
+    le(() => [c.value, I.value], () => {
+      s.activeIndex !== null && s.activeIndex >= c.value && (s.activeIndex = null), s.hiddenIndexes = s.hiddenIndexes.filter((e) => e < I.value);
+    }), le(() => s.activeIndex, (e) => {
+      e !== null && ye(() => {
+        var a;
+        const t = ((a = z.value) == null ? void 0 : a.offsetWidth) ?? 0;
+        t !== s.tooltipWidth && (s.tooltipWidth = t);
+      });
+    });
+    const ce = (e) => {
+      var l;
+      const t = e.target, a = (l = t == null ? void 0 : t.closest) == null ? void 0 : l.call(t, "[data-bar-category]");
+      if (a) {
+        const u = Number(a.getAttribute("data-bar-series")), r = Number(a.getAttribute("data-bar-value"));
+        return {
+          seriesIndex: u,
+          value: r
+        };
+      }
+      return {
+        seriesIndex: null,
+        value: null
+      };
+    }, ae = (e) => {
+      const {
+        left: t,
+        width: a
+      } = x.value;
+      if (a <= 0 || e < t || e > t + a) return null;
+      const l = a / c.value;
+      return Math.min(c.value - 1, Math.max(0, Math.floor((e - t) / l)));
+    }, ue = (e) => {
+      if (!n.tooltip || !$.value) return;
+      const t = e.currentTarget.getBoundingClientRect();
+      s.keyboardActive = !1, s.activeIndex = ae(e.clientX - t.left);
+    }, ne = () => {
+      s.activeIndex = null, s.keyboardActive = !1;
+    }, de = (e) => {
+      const t = e.currentTarget.getBoundingClientRect(), a = ae(e.clientX - t.left);
+      if (a === null) return;
+      const {
+        seriesIndex: l,
+        value: u
+      } = ce(e), r = o.value;
+      y("bar-click", {
+        index: a,
+        label: k(a),
+        items: (r == null ? void 0 : r.index) === a ? r.items : m.value.map((p) => {
+          var D, V;
+          return {
+            seriesIndex: p,
+            name: (D = v.value[p]) == null ? void 0 : D.name,
+            value: ((V = w.value[p]) == null ? void 0 : V[a]) ?? 0,
+            color: S(p)
+          };
+        }),
+        total: (r == null ? void 0 : r.index) === a ? r.total : m.value.reduce((p, D) => {
+          var V;
+          return p + (((V = w.value[D]) == null ? void 0 : V[a]) ?? 0);
+        }, 0),
+        seriesIndex: l,
+        value: u
+      });
+    }, he = (e) => {
+      if (!n.tooltip) return;
+      const t = c.value - 1;
+      if (t < 0) return;
+      let a = null;
+      if (e.key === "ArrowRight") a = Math.min(t, (s.activeIndex ?? -1) + 1);
+      else if (e.key === "ArrowLeft") a = Math.max(0, (s.activeIndex ?? t + 1) - 1);
+      else if (e.key === "Home") a = 0;
+      else if (e.key === "End") a = t;
+      else if (e.key === "Escape") {
+        ne();
+        return;
+      }
+      a !== null && (e.preventDefault(), s.keyboardActive = !0, s.activeIndex = a);
+    }, ve = (e) => {
+      const t = s.hiddenIndexes.includes(e) ? s.hiddenIndexes.filter((a) => a !== e) : [...s.hiddenIndexes, e];
+      s.hiddenIndexes = t, y("legend-change", Array.from({
+        length: I.value
+      }, (a, l) => l).filter((a) => !t.includes(a)));
+    }, Z = (e) => {
+      var t;
+      return ((t = v.value[e]) == null ? void 0 : t.name) ?? M("chart.seriesName", {
+        index: e + 1
+      });
+    }, me = i(() => v.value.map((e, t) => ({
+      key: t,
+      name: Z(t),
+      color: S(t),
+      hidden: s.hiddenIndexes.includes(t)
+    }))), fe = i(() => {
+      const e = o.value;
+      if (!s.keyboardActive || !e) return "";
+      const t = e.items.map((a) => `${a.name ?? Z(a.seriesIndex)} ${g.value(a.value)}`);
+      return `${e.label}：${t.join("，")}`;
+    });
+    return {
+      className: d,
+      state: s,
+      size: L,
+      /*
+       * refs 必须是普通对象容器，不能把 rootRef / tooltipRef 直接 return：
+       * setup 返回的顶层 ref 会在选项式 render 的 this 上被自动解包成 DOM 元素，
+       * `ref={已解包的节点}` 不会绑定任何东西，尺寸测量会一直拿到 0。
+       * 放进普通对象后 unref 不再深入，属性仍是原始 Ref。
+       */
+      refs: O,
+      slots: B,
+      t: M,
+      fontSize: f,
+      labelColor: X,
+      yVisible: E,
+      xVisible: R,
+      showHorizontalLines: N,
+      seriesList: v,
+      visibleSeriesIndexes: m,
+      categoryCount: c,
+      hasData: $,
+      plot: x,
+      layout: b,
+      axisTicks: Y,
+      axisXLabels: U,
+      visibleBarEntries: q,
+      activeCategory: o,
+      tooltipSlotProps: J,
+      tooltipEntries: Q,
+      tooltipTotal: se,
+      tooltipStyle: re,
+      legendItems: me,
+      categoryLabel: k,
+      formatValue: g,
+      liveText: fe,
+      handleMouseMove: ue,
+      handleClick: de,
+      handleKeydown: he,
+      clearActive: ne,
+      toggleSeries: ve,
+      setTooltipElement: (e) => {
+        z.value = e;
+      }
+    };
+  },
+  render() {
+    const {
+      className: n,
+      state: y,
+      size: B,
+      refs: M,
+      slots: d,
+      t: H,
+      fontSize: F,
+      labelColor: z,
+      yVisible: O,
+      xVisible: s,
+      showHorizontalLines: L,
+      seriesList: f,
+      visibleSeriesIndexes: E,
+      hasData: R,
+      plot: C,
+      layout: N,
+      axisTicks: v,
+      axisXLabels: W,
+      visibleBarEntries: I,
+      tooltipSlotProps: m,
+      tooltipEntries: c,
+      tooltipTotal: w,
+      tooltipStyle: T,
+      legendItems: $,
+      categoryLabel: te,
+      liveText: A,
+      handleMouseMove: g,
+      handleClick: _,
+      handleKeydown: X,
+      clearActive: k,
+      toggleSeries: j,
+      setTooltipElement: K
+    } = this, x = typeof this.width == "number" ? `${this.width}px` : this.width, b = typeof this.height == "number" ? `${this.height}px` : this.height, P = B.width > 0 && B.height > 0 && C.width > 0, S = () => I.map((o) => {
+      const J = y.activeIndex === o.index, Q = d.bar ? d.bar({
+        seriesIndex: o.seriesIndex,
+        index: o.index,
+        value: o.value,
+        x: o.x,
+        y: o.y,
+        width: o.width,
+        height: o.height,
+        color: o.color
+      }) : h("path", {
+        class: n.element("bar-shape"),
+        d: o.path,
+        fill: o.color
+      }, null);
+      return h("g", {
+        key: `${o.seriesIndex}-${o.index}`,
+        class: [n.element("bar"), {
+          [n.is("active")]: J
+        }],
+        "data-bar-category": o.index,
+        "data-bar-series": o.seriesIndex,
+        "data-bar-value": o.value
+      }, [Q]);
+    }), G = () => y.activeIndex === null || !P ? null : h("rect", {
+      class: n.element("active-band"),
+      x: (N.categoryCenters[y.activeIndex] ?? 0) - N.band / 2,
+      y: C.top,
+      width: N.band,
+      height: C.height
+    }, null), Y = () => !this.legend || f.length === 0 ? null : h(Ae, {
+      items: $,
+      onToggle: j
+    }, d.legend ? {
+      default: () => {
+        var o;
+        return (o = d.legend) == null ? void 0 : o.call(d, {
+          series: f,
+          hiddenIndexes: y.hiddenIndexes
+        });
+      }
+    } : void 0), U = () => !this.tooltip || !m ? null : h(Se, {
+      visible: !0,
+      title: m.label,
+      entries: c,
+      total: w,
+      position: T,
+      onElement: K
+    }, d.tooltip ? {
+      default: () => {
+        var o;
+        return (o = d.tooltip) == null ? void 0 : o.call(d, m);
+      }
+    } : void 0), q = () => R && E.length > 0 ? null : h("div", {
+      class: "x-chart--empty"
+    }, [d.empty ? d.empty() : H("common.noData")]);
+    return h("div", {
+      ref: M.root,
+      class: n.block
+    }, [h(Ce, ge(Me(this.loading) ? this.loading : {
+      loading: this.loading
+    }, {
+      display: "block"
+    }), {
+      default: () => [h("div", {
+        ref: M.canvas,
+        class: n.element("canvas"),
+        role: this.ariaLabel ? "img" : void 0,
+        "aria-label": this.ariaLabel
+      }, [h("svg", {
+        class: n.element("svg"),
+        xmlns: "http://www.w3.org/2000/svg",
+        style: {
+          width: x,
+          height: b
+        },
+        "aria-hidden": this.ariaLabel ? "true" : void 0,
+        tabindex: this.tooltip ? 0 : void 0,
+        onMousemove: g,
+        onMouseleave: k,
+        onClick: _,
+        onKeydown: X
+      }, [P && h(be, null, [h(Te, {
+        plot: C,
+        ticks: v,
+        xLabels: W,
+        fontSize: F,
+        color: z,
+        showX: s,
+        showY: O,
+        showHorizontalLines: L
+      }, null), G(), S()])]), U(), q()])]
+    }), Y(), h("span", {
+      class: "x-chart--live",
+      "aria-live": "polite"
+    }, [A])]);
+  }
+});
+export {
+  Je as default
+};

package/dist/es/components/bar-chart/helpers/layout.js

@@ -0,0 +1,53 @@
+import { roundedTopRectPath as S } from "../../../_utils/chart/path.js";
+const C = 32, p = (s) => Math.round(s * 100) / 100, A = (s, n, l) => Math.min(Math.max(s, n), l), Y = (s) => {
+  var R;
+  const { count: n, values: l, stack: i, plot: a, domainMax: x, barRadius: G } = s, e = l.length, T = s.stackGap ?? 1, d = n > 0 ? a.width / n : 0, k = (t) => a.left + d * (t + 0.5), y = (t) => {
+    if (x <= 0) return a.bottom;
+    const r = A(t, 0, x);
+    return a.bottom - r / x * a.height;
+  }, b = 2, L = i || e <= 1 ? A(d * 0.6, 1, C) : A((d * 0.7 - (e - 1) * b) / e, 1, 24), D = e > 1 && !i ? (d * 0.95 - (e - 1) * b) / e : d * 0.95, h = Math.max(
+    0.5,
+    Math.min(s.barWidth && s.barWidth > 0 ? s.barWidth : L, D, C)
+  ), w = [], H = Array.from({ length: n }, (t, r) => k(r)), f = Array.from({ length: n }, () => a.bottom), B = Array.from({ length: n }, () => e - 1);
+  if (i) {
+    for (let t = 0; t < n; t += 1)
+      for (let r = e - 1; r >= 0; r -= 1)
+        if ((((R = l[r]) == null ? void 0 : R[t]) ?? 0) > 0) {
+          B[t] = r;
+          break;
+        }
+  }
+  const O = i ? h : e * h + (e - 1) * b, I = (t) => k(t) - O / 2, M = new Array(n).fill(0);
+  for (let t = 0; t < e; t += 1) {
+    const r = l[t] ?? [];
+    for (let o = 0; o < n; o += 1) {
+      const m = r[o] ?? 0;
+      if (m <= 0) continue;
+      let g, c, W;
+      if (i) {
+        const _ = M[o], v = _ + m;
+        M[o] = v, g = I(o), c = y(v), W = y(_), c < f[o] && (f[o] = c);
+      } else
+        g = I(o) + t * (h + b), c = y(m), W = a.bottom, c < f[o] && (f[o] = c);
+      let u = W - c;
+      if (i && M[o] - m > 0 && u > T + 0.5 && (u -= T), u <= 0) continue;
+      const P = !i || t === B[o] ? Math.min(G, h / 2, u) : 0;
+      w.push({
+        index: o,
+        seriesIndex: t,
+        value: m,
+        x: p(g),
+        y: p(c),
+        width: p(h),
+        height: p(u),
+        path: S(g, c, h, u, P)
+      });
+    }
+  }
+  return { band: d, barWidth: p(h), bars: w, categoryCenters: H, categoryTops: f };
+};
+export {
+  C as MAX_BAR_WIDTH,
+  Y as computeBarLayout,
+  S as roundedTopRectPath
+};

package/dist/es/components/bar-chart/index.js

@@ -0,0 +1,8 @@
+import r from "./BarChart.js";
+import { generateComponent as t } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as o } from "../../_utils/config.js";
+const n = t(o("BarChart"), r);
+export {
+  n as BarChart,
+  n as default
+};

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

@@ -0,0 +1,148 @@
+import { definePropType as e } from "../../_utils/vue-eco.js";
+import { defaultValueFormatter as a } from "../../_utils/chart/scale.js";
+import { validatePadding as r } from "../../_utils/chart/padding.js";
+const o = {
+  /**
+   * @zh 类目轴标签，与每个系列 data 的下标一一对应；缺省时按 1、2、3… 显示
+   * @en Category axis labels, aligned by index with each series data
+   */
+  categories: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @zh 数据系列；单系列渲染为普通柱状图，多系列可并排或堆叠
+   * @en Data series; a single series renders plain bars, multiple series render
+   * grouped or stacked
+   */
+  series: {
+    required: !0,
+    type: e(Array),
+    default: () => []
+  },
+  /**
+   * @zh 是否堆叠多系列；false 时同组柱体并排
+   * @en Whether to stack multiple series; side-by-side when false
+   * @defaultValue false
+   */
+  stack: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @zh 图表高度，数字按 px 处理
+   * @en Chart height; numbers are treated as px
+   * @defaultValue 240
+   */
+  height: {
+    type: [Number, String],
+    default: 240
+  },
+  /**
+   * @zh 图表宽度，数字按 px 处理，默认撑满父容器
+   * @en Chart width; numbers are treated as px, defaults to filling the parent
+   * @defaultValue '100%'
+   */
+  width: {
+    type: [Number, String],
+    default: "100%"
+  },
+  /**
+   * @zh 数值轴上界；传入后不再自动计算「好看」的刻度，超出部分被截断
+   * @en Upper bound of the value axis; disables nice-tick calculation and clamps
+   * larger values
+   */
+  max: {
+    type: Number
+  },
+  /**
+   * @zh 柱体宽度，默认按类目带自适应（并排时不超过 24px，单柱不超过 32px）
+   * @en Bar width; defaults to adapting to the band (max 24px grouped, 32px single)
+   */
+  barWidth: {
+    type: Number
+  },
+  /**
+   * @zh 柱顶圆角半径
+   * @en Radius of the bar top corners
+   * @defaultValue 4
+   */
+  barRadius: {
+    type: Number,
+    default: 4
+  },
+  /**
+   * @zh 绘制边距，支持 1-4 个非负数字字符串或单个非负数字
+   * @en Plot padding; supports a single non-negative number or CSS-like 1-4 values
+   * @defaultValue '8'
+   */
+  padding: {
+    default: "8",
+    type: [String, Number],
+    validator(t) {
+      return r(t);
+    }
+  },
+  /**
+   * @zh 横向网格线配置
+   * @en Horizontal grid line options
+   */
+  grid: {
+    default: null,
+    type: e(Object)
+  },
+  /**
+   * @zh 坐标轴标签配置
+   * @en Axis label options
+   */
+  labels: {
+    default: null,
+    type: e(Object)
+  },
+  /**
+   * @zh 悬浮提示
+   * @en Hover tooltip
+   * @defaultValue true
+   */
+  tooltip: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @zh 图例；多系列时建议开启，点击图例项可临时隐藏/显示对应系列
+   * @en Legend; recommended for multiple series, clicking an item toggles the
+   * series visibility
+   * @defaultValue false
+   */
+  legend: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * @zh 数值格式化函数，用于提示、图例与数值轴
+   * @en Value formatter used by tooltip, legend and the value axis
+   */
+  valueFormatter: {
+    type: Function,
+    default: a
+  },
+  /**
+   * @zh 加载中
+   * @en Loading state
+   * @defaultValue false
+   */
+  loading: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  /**
+   * @zh 无障碍名称；设置后根节点带 role="img"
+   * @en Accessible name; adds role="img" to the root when set
+   */
+  ariaLabel: {
+    type: String
+  }
+};
+export {
+  o as barChartProps
+};