@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/echartsLineAxisTag.js

@@ -1,920 +1 @@
-import { defineComponent as ne, useTemplateRef as oe, ref as W, computed as Z, onMounted as le, nextTick as re, watch as ue, openBlock as X, createBlock as ce, unref as me, withCtx as Q, renderSlot as j, createElementBlock as $, createElementVNode as k, Fragment as ee, renderList as ge, normalizeClass as de, createVNode as he } from "vue";
-import { C as e } from "./shared/base-fr2I80sU.js";
-import { C as te } from "./shared/index-B477PjJ3.js";
-import { _ as fe } from "./shared/Index.vue_vue_type_script_setup_true_lang-C2EI2VnJ.js";
-import { _ as ye } from "./shared/Index.vue_vue_type_script_setup_true_lang-DB10zsLZ.js";
-class pe {
-  colorPalette;
-  constructor() {
-    this.colorPalette = [
-      "#2ec7c9",
-      "#b6a2de",
-      "#5ab1ef",
-      "#ffb980",
-      "#d87a80",
-      "#8d98b3",
-      "#e5cf0d",
-      "#97b552",
-      "#95706d",
-      "#dc69aa",
-      "#07a2a4",
-      "#9a7fd1",
-      "#588dd5",
-      "#f5994e",
-      "#c05050",
-      "#59678c",
-      "#c9ab00",
-      "#7eb00a",
-      "#6f5553",
-      "#c14089"
-    ];
-  }
-  /**
-   * 计算 targetRect 被 clipRect 裁剪后的可见矩形（等价 echarts.graphic.clipRectByRect）。
-   * 无交集返回 undefined（不绘制），有交集返回交集区域。
-   * 内联实现以消除 Common/echart.ts 对 echarts 的顶层静态 import，
-   * 使非图表用户（import Common/echart）不再被迫加载 echarts。
-   * desc: 矩形裁剪 | enum: targetRect, rect 均含 { x, y, width, height }
-   */
-  _clipRectByRect(i, n) {
-    const t = Math.max(i.x, n.x), a = Math.min(i.x + i.width, n.x + n.width), c = Math.max(i.y, n.y), h = Math.min(i.y + i.height, n.y + n.height);
-    if (a >= t && h >= c)
-      return { x: t, y: c, width: a - t, height: h - c };
-  }
-  getBaseOptions(i) {
-    const n = {
-      title: { show: !1, text: "" },
-      tooltip: {
-        trigger: "item",
-        padding: 5,
-        borderWidth: 0,
-        textStyle: {
-          color: "#FFFFFF"
-        }
-      },
-      toolbox: { show: !1 },
-      legend: { data: [] },
-      series: []
-    };
-    return e.getJsonMergeDeep(n, i);
-  }
-  /**
-   * 获取初始化配置信息
-   * @param chartParam 条件{chartType:day|hour,element:容器元素,dataOriginal,tipTitleFormat,seriesNameFormat}
-   * @returns
-   */
-  getOptionAxis(i) {
-    let n = !0;
-    switch (i.chartType) {
-      case "hour":
-        n = !1;
-        break;
-      case "day":
-        n = !1;
-        break;
-    }
-    const t = {
-      interval: "auto"
-    };
-    n ? t.interval = 0 : t.interval = i.chartType === "hour" ? 0 : "auto";
-    const a = e.isEmpty(i.tipTitleFormat) ? "" : i.tipTitleFormat, c = e.isEmpty(i.seriesNameFormat) ? "" : i.seriesNameFormat, h = e.isBoolean(i.isMultiple) ? i.isMultiple : !1, f = e.isBoolean(i.isTitleMergeSeriesName) ? i.isTitleMergeSeriesName : !1;
-    return this.getBaseOptions({
-      title: { text: "" },
-      tooltip: {
-        trigger: "axis",
-        formatter: (o) => {
-          const m = (y) => {
-            const r = h ? i.dataOriginal?.[0]?.list?.[y] : i.dataOriginal?.[y];
-            return e.isEmpty(r) ? null : r;
-          }, l = [];
-          let s = o[0].name;
-          switch (e.isObject(o[0].data) && o[0].data.extInfo && !e.isUndefined(o[0].data.extInfo.xValueOriginal) && (s = o[0].data.extInfo.xValueOriginal), i.chartType) {
-            case "hour":
-              s = e.getHourInterval(s);
-              break;
-            case "day":
-              s = e.getValueByFormat(s, "date");
-              break;
-          }
-          if (a.length > 0) {
-            const y = m(o[0].dataIndex);
-            if (!e.isEmpty(y)) {
-              const r = e.getJsonClone(y);
-              r._title = s, s = e.convertStringFormat(a, r);
-            }
-          }
-          f || l.push(e.encodeHTML(s));
-          const x = "<span style='display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:${color}'></span>";
-          for (let y = 0; y < o.length; y++) {
-            const r = o[y], S = m(r.dataIndex), A = r.marker || e.convertStringFormatEncodeHTML(x, { color: r.color });
-            let D = r.seriesName;
-            if (c.length > 0 && !e.isEmpty(S)) {
-              const V = e.getJsonClone(S);
-              V._seriesName = D, D = e.convertStringFormat(c, V);
-            }
-            let B;
-            if (e.isUndefined(r.value))
-              B = null;
-            else if (e.isNumber(r.value)) {
-              const V = Number(r.value);
-              if (V < 0.01)
-                B = e.getNumCeil(V, { isCeil: !1 });
-              else {
-                let T = "num";
-                const C = { isEmptyDefault: !1 };
-                V < 0.1 && (T = "float", C.decimalNum = 3), B = e.getValueByFormat(r.value, T, C);
-              }
-            } else
-              B = r.value;
-            if (e.isObject(r.data) && !e.isUndefined(r.data.extInfo) && r.data.extInfo.tipValueFormat && r.data.extInfo.tipValueFormat.length > 0) {
-              const V = e.getJsonClone(S);
-              V._value = B, B = e.convertStringFormat(
-                r.data.extInfo.tipValueFormat,
-                V
-              );
-            }
-            l.push(
-              A + (f ? e.encodeHTML(s) : e.encodeHTML(D)) + " : " + e.encodeHTML(B)
-            );
-          }
-          return l.join("<br />");
-        }
-      },
-      legend: { data: [] },
-      grid: { top: "20px", left: "1%", right: "1%", bottom: "1%", containLabel: !0 },
-      xAxis: {
-        type: "category",
-        boundaryGap: !0,
-        axisLabel: {
-          interval: t.interval,
-          formatter: (o) => {
-            if (n && i?.element?.clientWidth && !e.isEmpty(i.dataOriginal)) {
-              const m = i.element.clientWidth, l = parseInt(((m - 200) / i.dataOriginal.length).toString());
-              if (l > 0) {
-                const s = o.toString().split(""), x = [];
-                let y = 0;
-                for (let S = 0; S < s.length && (y += Math.ceil(te.getTextWidth(s[S])), !(y > l)); S++)
-                  x.push(s[S]);
-                let r = "";
-                return s.length === x.length ? r = o : x.length > 3 ? r = x.slice(0, x.length - 3).join("") + "..." : r = x.join("") + "...", r;
-              }
-            }
-            return o;
-          }
-        },
-        splitLine: { show: !1 },
-        data: []
-      },
-      yAxis: [],
-      series: []
-    });
-  }
-  _getSeriesNumber(i) {
-    let n = typeof i == "symbol" ? Number.NaN : Number(i);
-    return n.toString() === "NaN" ? n = 0 : n = Number(n.toFixed(2)), n;
-  }
-  _getBaseDataInfo(i, n, t, a = {}) {
-    const c = [], h = [], f = [], M = !e.isUndefined(a.seriesExtData);
-    let o = 0;
-    if (i.forEach((s, x) => {
-      const y = this._getSeriesNumber(s[t]);
-      if (x < a.totalOther || !a.isSumOther) {
-        const r = s[n] || "";
-        c.push(r);
-        const S = {
-          value: y,
-          name: r
-        };
-        M && (S.extInfo = a.seriesExtData), h.push(S), f.push(y);
-      } else
-        o += Number(y);
-    }), a.isSumOther) {
-      const s = e.isEmpty(a.otherText) ? "其他" : a.otherText;
-      c.push(s);
-      const x = { value: o, name: s };
-      M && (x.extInfo = a.seriesExtData), h.push(x), f.push(o);
-    }
-    let m = f.length > 0 ? Math.max.apply(null, f) : 0;
-    m = e.getNumCeil(m, { isEndFive: Number(m) < 100 });
-    let l = f.length > 0 ? Math.min.apply(null, f) : 0;
-    return l = e.getNumCeil(l, { isEndFive: Number(l) < 100 }), { legendData: c, seriesData: h, seriesMax: m, seriesMin: l };
-  }
-  /**
-   * 获取图表数据
-   * @param list  数据格式 [{legendKey:"xxx",seriesKey:"123"}]
-   * @param legendKey 显示 legend.data 的关键字
-   * @param seriesKey 显示 series.data 的关键字 可单个或多个
-   * @param extOpt 额外参数 {totalOther} totalOther:配置大于0时,大于的个数归其他类别
-   * @returns 返回格式{legendData,seriesData ,max,sort}
-   */
-  getBaseData(i, n, t, a = {}) {
-    const c = e.isEmpty(a.totalOther) ? -1 : parseInt(a.totalOther), h = c > 0 && i.length > c, f = e.isUndefined(a.seriesExtData) ? null : a.seriesExtData, M = { totalOther: c, isSumOther: h, seriesExtData: f };
-    if (e.isArray(t)) {
-      let o = [];
-      const m = [], l = [], s = [];
-      t.forEach((r, S) => {
-        const A = this._getBaseDataInfo(i, n, r, M);
-        S === 0 && (o = A.legendData), m.push({
-          valueKey: r,
-          data: A.seriesData,
-          maxData: A.seriesMax,
-          minData: A.seriesMin
-        }), l.push(A.seriesMax), s.push(A.seriesMin);
-      });
-      const x = Math.max.apply(null, l), y = Math.min.apply(null, s);
-      return { legendData: o, seriesData: m, seriesMax: x, seriesMin: y };
-    } else
-      return this._getBaseDataInfo(i, n, t, M);
-  }
-  _getItemXAxisSeries(i, n, t, a) {
-    let c, h;
-    if (!e.isEmpty(n.xKey))
-      if (c = i[n.xKey], h = c, e.isEmpty(c))
-        c = "";
-      else {
-        let l = e.isEmpty(t.xValueFormat) ? "" : t.xValueFormat;
-        switch (t.chartType) {
-          case "day":
-            e.isEmpty(t.xValueFormat) && (l = "MM.DD"), c = e.getValueByFormat(c, "date", { dateFormat: l });
-            break;
-        }
-      }
-    let f;
-    if (!e.isEmpty(n.seriesKey)) {
-      let l = n.seriesKey;
-      e.isString(l) && e.isExistValue(l, ",") && (l = l.split(",")), e.isString(l) ? f = this._getSeriesNumber(i[n.seriesKey]) : e.isArray(l) && (f = [], l.forEach((s) => {
-        let x;
-        s === n.xKey ? x = c : x = this._getSeriesNumber(i[s]), f.push(x);
-      }));
-    }
-    let M;
-    e.isEmpty(n.legendKey) || (M = i[n.legendKey] || "");
-    const o = n.colorKey || "color";
-    let m = i[o] || t[o] || "";
-    if (e.isEmpty(m) && t.isPolychrome) {
-      const l = e.isEmpty(t.colorPalette) ? this.colorPalette : t.colorPalette, s = l.length, x = a % s;
-      m = l[x];
-    }
-    return { xValue: c, xValueOriginal: h, seriesValue: f, legendValue: M, colorValue: m };
-  }
-  /**
-   * 线图
-   * @param list list  数据格式 [{xKey:xxx,legendKey:xxx,seriesKey:xxx}]
-   * @param keyOpt  xKey legendKey seriesKey
-   * @param extOpt 额外参数
-   * @returns
-   */
-  getLineOption(i, n, t = {}) {
-    let a = {
-      type: "line",
-      areaStyle: {},
-      lineStyle: {},
-      smooth: !0
-    };
-    t.seriesItem && (a = e.getJsonMergeDeep(a, t.seriesItem));
-    const c = e.getJsonMerge(t, { seriesItemBase: a });
-    return this._getOneOptionBase(i, n, c);
-  }
-  /**
-   * 柱状图
-   * @param list list  数据格式 [{xKey:xxx,legendKey:xxx,seriesKey:xxx}]
-   * @param keyOpt  xKey legendKey seriesKey
-   * @param extOpt 额外参数
-   * @returns
-   */
-  getBarOption(i, n, t = {}) {
-    let a = { type: "bar" };
-    const c = e.isBoolean(t.isPositiveNegative) ? t.isPositiveNegative : !1;
-    let h;
-    c && (h = e.isEmpty(t.seriesPos) ? "vertical" : t.seriesPos, a.label = { show: !0 }), a = e.getJsonMergeDeep(a, t.seriesItem);
-    const f = e.getJsonMerge(t, {
-      seriesItemBase: a,
-      isPositiveNegative: c,
-      seriesPos: h
-    }), M = this._getOneOptionBase(i, n, f);
-    return M.xAxis.boundaryGap = !0, M;
-  }
-  /**
-   * 散点图
-   * @param list list  数据格式 [{xKey:xxx,seriesKey:xxx}]
-   * @param keyOpt  xKey  seriesKey
-   * @param extOpt 额外参数
-   * @returns
-   */
-  getScatterOption(i, n, t = {}) {
-    let a = {
-      type: "scatter",
-      symbolSize: 10
-    };
-    t.seriesItem && (a = e.getJsonMergeDeep(a, t.seriesItem));
-    const c = e.getJsonMerge(t, { seriesItemBase: a }), h = e.getJsonMerge(n, {
-      seriesKey: [n.xKey, n.seriesKey]
-    }), f = this._getOneOptionBase(i, h, c);
-    return f.legend = { show: !1 }, f.xAxis.axisTick = {
-      show: !0,
-      alignWithLabel: !0
-    }, f.xAxis.splitLine = {
-      show: !1
-    }, f.xAxis.splitArea = {
-      show: !1
-    }, f.yAxis.axisTick = {
-      show: !0
-    }, f.yAxis.splitLine = {
-      show: !1
-    }, f.yAxis.splitArea = {
-      show: !1
-    }, f.tooltip.trigger = "item", f.tooltip.formatter = (M) => M.marker + M.value[0] + ": " + M.value[1], f;
-  }
-  /**
-   * 获取数据
-   * @param list  数据格式 [{xKey:xxx,legendKey:xxx,seriesKey:xxx}]
-   * @param keyOpt  xKey legendKey seriesKey
-   * @param extOpt 额外参数 {chartType}  chartType:day|hour| 类型的显示格式转换
-   */
-  _getOneOptionBase(i, n, t = {}) {
-    const a = [];
-    let c = [];
-    const h = [];
-    let f = "";
-    const M = e.getJsonMerge(n, { colorKey: t.colorKey });
-    i.forEach((s, x) => {
-      const y = this._getItemXAxisSeries(s, M, t, x);
-      if (e.isUndefined(y.xValue) || a.push(y.xValue), e.isUndefined(y.legendValue) || c.push(y.legendValue), !e.isUndefined(y.seriesValue)) {
-        const r = y.seriesValue, S = {
-          value: y.seriesValue,
-          extInfo: {
-            xValueOriginal: y.xValueOriginal,
-            infoOriginal: s
-          }
-        };
-        t.isPositiveNegative ? (S.label = {
-          position: t.seriesPos === "horizontal" ? r >= 0 ? "left" : "right" : r >= 0 ? "top" : "bottom"
-        }, S.itemStyle = { color: r >= 0 ? "#1088F0" : "#ee3c24" }) : (!e.isEmpty(y.colorValue) && f.length == 0 && (f = y.colorValue), t.isPolychrome && !e.isEmpty(y.colorValue) && (S.itemStyle = {
-          color: y.colorValue
-        })), e.isEmpty(t.seriesDataAddParam) || e.isExistValue(t.seriesDataAddParam, "symbolSize") && !e.isEmpty(s.symbolSize) && (S.symbolSize = s.symbolSize), h.push(S);
-      }
-    }), e.isUndefined(n.legendKey) || (c = e.getArrUnique(c));
-    const o = e.getJsonMerge(t.seriesItemBase || {}, {
-      name: t.legendData ? t.legendData : c[0],
-      data: h
-    });
-    e.isEmpty(f) || (o.itemStyle = { color: f });
-    let m = {};
-    m = e.getJsonMerge(m, t);
-    const l = this.getOptionAxis(m);
-    return l.legend.data = c, l.xAxis = e.getJsonMergeDeep(
-      l.xAxis,
-      { axisLine: {} },
-      t.xAxisItem || {}
-    ), l.xAxis.data = a, l.series = [o], l.yAxis = { type: "value", axisLine: { show: !0 } }, l;
-  }
-  /**
-   * 根据分组获取多线数据(line)
-   * @param list  数据格式 [{legendKey:"xxx",list:[{xKey:xxx,seriesKey:xxx}]}]
-   * @param keyOpt  xKey legendKey seriesKey
-   * @param extOpt 额外参数 {}
-   */
-  getLineMultiOption(i, n, t = {}) {
-    let a = {
-      type: "line",
-      areaStyle: {},
-      smooth: !0
-    };
-    t.seriesItem && (a = e.getJsonMergeDeep(a, t.seriesItem));
-    const c = e.getJsonMerge(t, { seriesItemBase: a, emptyFill: 0 });
-    return this._getMultiOptionBase(i, n, c);
-  }
-  /**
-   * 根据分组获取多线数据(Bar)
-   * @param list  数据格式 [{legendKey:"xxx",list:[{xKey:xxx,seriesKey:xxx}]}]
-   * @param keyOpt  xKey legendKey seriesKey
-   * @param extOpt 额外参数 {}
-   */
-  getBarMultiOption(i, n, t = {}) {
-    let a = { type: "bar" };
-    t.seriesItem && (a = e.getJsonMergeDeep(a, t.seriesItem));
-    const c = e.getJsonMerge(t, { seriesItemBase: a }), h = this._getMultiOptionBase(i, n, c);
-    if (e.isBoolean(t.isHideNull) ? t.isHideNull : !0) {
-      const M = this._setBarMultiCustom(h, t);
-      M.length > 0 && (h.series = M, h.legend.show = !1, h.tooltip.formatter = (o) => {
-        const m = [];
-        m.push(o[0]?.axisValue);
-        for (let l = 0; l < o.length; l++) {
-          const s = o[l];
-          m.push(
-            s.marker + e.encodeHTML(s.name) + " : " + e.getValueByFormat(s.value[1], "num")
-          );
-        }
-        return m.join("<br />");
-      });
-    }
-    return h;
-  }
-  _setBarMultiCustom(i, n) {
-    const t = [], a = {};
-    let c = !1;
-    i.series.forEach((f, M) => {
-      const { name: o, itemStyle: m } = f;
-      f.data.forEach((l, s) => {
-        const x = e.isObject(l) ? l.value : l;
-        if (e.isUndefined(x))
-          c = !0;
-        else {
-          const y = s.toString();
-          e.isExistJsonKey(a, y) || (a[y] = []), a[y].push(o);
-          const r = { name: o, value: [s, x] };
-          if (!e.isUndefined(m))
-            r.itemStyle = m;
-          else {
-            const S = e.isEmpty(n.colorPalette) ? this.colorPalette : n.colorPalette, A = M % S.length;
-            r.itemStyle = { color: S[A] };
-          }
-          x < 0 && (r.label = { show: !0, position: "left" }), t.push(r);
-        }
-      });
-    });
-    let h = [];
-    if (c) {
-      h = [
-        {
-          type: "custom",
-          renderItem: (o, m) => {
-            const l = m.value(0), s = m.value(1), x = m.coord([0, l]), y = m.coord([Math.abs(s), l]);
-            let r = m.size([0, 1])[1] * 0.8, S = x[1] - r / 2, A = o.coordSys.y;
-            const D = m.value(3), B = m.value(4);
-            let V = r;
-            if (D > 1 || B > 1) {
-              D !== B && (r = r / B * D, S = x[1] - r / 2);
-              const _ = r / D, Y = m.value(2), R = _ * (Y - 1);
-              S += R, A += R;
-              const G = _ * 0.1;
-              S += G, A += G, V = _ * 0.8;
-            }
-            const T = {
-              x: x[0],
-              y: S,
-              width: (y[0] - x[0]) * 0.9,
-              height: V
-            };
-            return s < 0 && (T.x -= T.width), {
-              type: "rect",
-              shape: this._clipRectByRect(T, {
-                x: o.coordSys.x,
-                y: A,
-                width: o.coordSys.width * 0.9,
-                height: o.coordSys.height
-              }),
-              style: { fill: m.visual("color") }
-            };
-          },
-          itemStyle: {
-            opacity: 1
-          },
-          encode: {
-            x: 1,
-            y: 0
-          },
-          label: {},
-          data: []
-        }
-      ];
-      const f = t.map((o) => a[o.value[0].toString()].length), M = Math.max.apply(null, f);
-      t.forEach((o) => {
-        const m = o.value[0], l = a[m.toString()], s = l.indexOf(o.name);
-        o.value.push(s + 1), o.value.push(l.length), o.value.push(M);
-      }), h[0].data = t, h[0].label = i.series[0].label, h[0].label && h[0].label.formatter && (h[0].label.formatter = (o) => e.getValueByFormat(o.value[1], "num"));
-    }
-    return h;
-  }
-  /**
-   * 根据分组获取多线数据
-   * @param list  数据格式 [{legendKey:"xxx",list:[{xKey:xxx,seriesKey:xxx}]}]
-   * @param keyOpt legendKey xKey seriesKey
-   * @param extOpt 额外参数 {}
-   */
-  _getMultiOptionBase(i, n, t = {}) {
-    let a = [], c = [];
-    const h = {}, f = [], M = e.isEmpty(t.seriesItemBase) ? {} : t.seriesItemBase, o = e.isEmpty(t.emptyFill) ? null : t.emptyFill, m = e.isBoolean(t.isCompletionLegendX) ? t.isCompletionLegendX : !0, l = !e.isEmpty(t.xAxisSort), s = !e.isEmpty(t.legendSort), x = t.colorKey || "color", y = e.getJsonMerge(n, { colorKey: x });
-    i.forEach((A) => {
-      const D = A[y.legendKey] || "", B = {};
-      A.list.forEach((V, T) => {
-        const C = this._getItemXAxisSeries(V, { xKey: y.xKey }, t, T);
-        e.isUndefined(C.xValue) || (a.push(C.xValue), B[C.xValue] = V);
-      }), c.push(D), h[D] = B;
-    }), c = e.getArrUnique(c), a = e.getArrUnique(a), s && (c = t.legendSort), l && (a = t.xAxisSort), c.forEach((A) => {
-      const D = [];
-      let B = "";
-      m ? a.forEach((T, C) => {
-        if (e.isExistJsonKey(h, A) && e.isExistJsonKey(h[A], T)) {
-          const _ = this._getItemXAxisSeries(h[A][T], y, t, C);
-          e.isUndefined(_.seriesValue) || D.push({
-            value: _.seriesValue,
-            extInfo: {
-              xValueOriginal: _.xValueOriginal
-            }
-          }), B = _.colorValue;
-        } else
-          D.push({ value: o });
-      }) : e.isExistJsonKey(h, A) ? Object.keys(h[A]).forEach((T, C) => {
-        const _ = this._getItemXAxisSeries(h[A][T], y, t, C);
-        e.isUndefined(_.seriesValue) || D.push({
-          value: _.seriesValue,
-          extInfo: {
-            xValueOriginal: _.xValueOriginal
-          }
-        }), B = _.colorValue;
-      }) : D.push({ value: o });
-      const V = e.getJsonMerge(M, {
-        name: A
-      });
-      V.data = D, V.label && t.isShowLabelThousand && (V.label.formatter = (T) => e.getValueByFormat(T.value, "num")), e.isEmpty(B) || (V.itemStyle = { color: B }), f.push(V);
-    });
-    let r = {};
-    r = e.getJsonMerge(r, t), r.isMultiple = !0;
-    const S = this.getOptionAxis(r);
-    return S.legend.data = c, S.series = f, S.xAxis = e.getJsonMergeDeep(S.xAxis, t.xAxisItem || {}), S.xAxis.data = a, S.yAxis = { type: "value", axisLine: { show: !0 } }, S;
-  }
-}
-const xe = new pe(), Se = {
-  key: 0,
-  class: "lineAxisTag-head"
-}, Ee = { class: "lineAxisTag-list" }, ve = "其他", we = /* @__PURE__ */ ne({
-  name: "ClEchartsLineAxisTag",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下的 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    type: {
-      type: String,
-      validator: (F) => F === "day" || F === "hour"
-      // desc: 图表类型（day 时 x 轴按 MM.DD 格式化）| enum: day, hour
-    },
-    height: {
-      type: Number,
-      default: 400,
-      // desc: 图表高度（单位 px）
-      validator: (F) => F > 0
-    },
-    isRunLoad: {
-      type: Boolean,
-      default: !1
-      // desc: 是否显示加载态
-    },
-    list: {
-      type: Array,
-      default: () => []
-      // desc: 图表数据 [{xAxisKey 字段: 日期, [tagId]: 数值}]
-    },
-    isTagShow: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示 tag 标签栏
-    },
-    tagList: {
-      type: Array,
-      default: () => []
-      // desc: tag 标签列表 [{id, name, color?, nameFormat?, valueFormat?, isYMinZero?}]
-    },
-    tagSelectCountMax: {
-      type: Number,
-      validator: (F) => F > 0 && F <= 2,
-      // desc: 同时选中的 tag 最大数量 | enum: 1, 2
-      default: 2
-    },
-    tagInitValue: {
-      type: String,
-      default: ""
-      // desc: 初始选中的 tag id（多个用逗号分隔，需在 tagList 中存在）
-    },
-    tagSort: {
-      type: Array,
-      default: () => []
-      // desc: tag 显示顺序（tag id 数组，仅保留 tagList 中存在的 id）
-    },
-    xAxisLen: {
-      type: Number,
-      default: -1
-      // desc: x 轴显示数量限制（小于 0 显示全部，超出部分归入「其他」）
-    },
-    xAxisKey: {
-      type: String,
-      default: "name"
-      // desc: x 轴取值字段名
-    },
-    xAxisIsShowOther: {
-      type: Boolean,
-      default: !1
-      // desc: 超出 xAxisLen 的数据是否归入「其他」显示
-    },
-    isShowY: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示 Y 轴
-    },
-    isYMinZero: {
-      type: Boolean,
-      default: !0
-      // desc: Y 轴最小值是否从 0 开始（tag 项可单独覆盖）
-    },
-    ySpace: {
-      type: Number,
-      default: 5,
-      // desc: Y 轴刻度间隔数量
-      validator: (F) => F > 0
-    },
-    yRatio: {
-      type: Number,
-      default: 1.5
-      // desc: 第二根 Y 轴最大值放大比例
-    },
-    isYEqual: {
-      type: Boolean,
-      default: !1
-      // desc: 双 Y 轴刻度是否一致
-    },
-    seriesType: {
-      type: String,
-      default: "line",
-      // desc: 系列图表类型（逗号分隔，按选中顺序对应，超出部分回退首个）| enum: line, bar
-      validator: (F) => e.isString(F) && F.split(",").every((i) => i === "line" || i === "bar")
-    },
-    tipFormat: String,
-    // desc: tooltip 标题格式化模板（占位符 ${字段}，数据字段来自 list 项）
-    seriesFormat: String,
-    // desc: series 名称格式化模板（占位符 ${字段}）
-    isShowLineBg: {
-      type: Boolean,
-      default: !0
-      // desc: 折线图是否显示背景填充
-    },
-    isXBoundaryGap: {
-      type: Boolean,
-      default: !0
-      // desc: x 轴是否显示边界间隙（isShowLineBg 开启时按图表类型自动决定，本属性仅在 isShowLineBg=false 时生效）
-    },
-    gridInfo: {
-      type: Object,
-      default: () => ({})
-      // desc: 图表 grid 配置覆盖（top/left/right/bottom）
-    }
-  },
-  emits: ["onInitFirst", "onHideResize", "onError"],
-  setup(F, { expose: i, emit: n }) {
-    const t = F, a = n, c = (u) => {
-      a("onError", u);
-    }, h = `echartsLineAxisTag-${e.getRandom(5)}`, f = t.id, M = oe("refElChart"), o = W(), m = W([]), l = Z(
-      () => e.isArray(t.tagList) ? t.tagList.filter(
-        (u) => !e.isUndefined(u) && !e.isUndefined(u.id)
-      ) : []
-    ), s = {
-      tagSort: [],
-      tagJson: {},
-      chartTagJson: {},
-      useSeriesType: ["line", "bar"],
-      isInited: !1
-    }, x = Z(() => {
-      const u = t.seriesType, p = e.isNonEmptyString(u) ? u.split(",") : [], d = p.length === 1 ? p[0] : "line", b = t.tagSelectCountMax > 0 ? t.tagSelectCountMax : 2, g = p.length - 1, N = [];
-      for (let E = 0; E < b; E++)
-        N.push(E <= g && s.useSeriesType.indexOf(p[E]) > -1 ? p[E] : d);
-      return N;
-    }), y = Z(() => {
-      let u = { "panel-echarts-line-axis-tag": !0 };
-      return u = e.getJsonMerge(u, te.getClassNameJson(t.className)), e.getStringByJson(u, " ");
-    }), r = () => {
-      a("onHideResize");
-    }, S = () => {
-      a("onInitFirst");
-    }, A = () => {
-      let u = [];
-      const p = {};
-      if ((e.isArray(t.tagList) ? t.tagList : []).forEach((b) => {
-        if (e.isUndefined(b) || e.isUndefined(b.id))
-          return;
-        const g = b.id.toString();
-        p[g] = b, u.push(g);
-      }), !e.isEmpty(t.tagSort)) {
-        const b = [];
-        t.tagSort.forEach((g) => {
-          e.isExistJsonKey(p, g) && b.push(g);
-        }), b.length > 0 && (u = b);
-      }
-      s.tagSort = u, s.tagJson = p;
-    }, D = (u) => {
-      if (u.length === 0)
-        return [];
-      const p = t.tagSelectCountMax;
-      return Array.from(new Set(u)).sort((b, g) => s.tagSort.indexOf(b) - s.tagSort.indexOf(g)).slice(0, p);
-    }, B = (u) => {
-      let p = [];
-      e.isNonEmptyString(u) && (u.split(",").forEach((d) => {
-        e.isExistJsonKey(s.tagJson, d) && p.push(d);
-      }), p = D(p)), m.value = p;
-    }, V = (u) => {
-      const p = { name: [], allName: [] }, d = {}, b = [], g = {};
-      s.tagSort.forEach((E) => {
-        const I = e.getJsonClone(s.tagJson[E], !0);
-        I.aliasName = e.isUndefined(I.nameFormat) ? I.name : e.convertStringFormat(I.nameFormat, I), I.data = [], I.alldata = [], d[E] = I, g[E] = 0;
-      });
-      let N = u.length;
-      return t.xAxisLen > 0 && (N = N > t.xAxisLen ? t.xAxisLen : N), u.forEach((E, I) => {
-        I < N && b.push(E);
-        let v = e.isExistJsonKey(E, t.xAxisKey) ? E[t.xAxisKey] : "";
-        (e.isUndefined(v) || v === null) && (v = ""), p.allName.push(v), I < N && (t.type === "day" && (v = e.getValueByFormat(v, "date", { dateFormat: "MM.DD" })), p.name.push(v)), s.tagSort.forEach((L) => {
-          if (e.isExistJsonKey(E, L)) {
-            let w = Number(E[L]);
-            e.isFinite(w) || (w = 0), d[L].alldata.push(w), I < N ? d[L].data.push(w) : g[L] += w;
-          } else
-            d[L].alldata.push(0), I < N && d[L].data.push(0);
-        });
-      }), { x: p, y: d, data: b, other: g, isEmptyData: N === 0 };
-    }, T = () => {
-      const u = D(m.value), p = x.value, { xAxisLen: d, xAxisIsShowOther: b, ySpace: g, yRatio: N, isYMinZero: E, isYEqual: I } = t;
-      return u.map((v, L) => {
-        const w = s.tagJson[v];
-        let K = E;
-        return K = e.isBoolean(w.isYMinZero) ? w.isYMinZero : K, {
-          name: v,
-          color: w.color || null,
-          type: p[L],
-          len: d,
-          isShowOther: b,
-          ySpace: g,
-          yMaxRatio: L === 1 ? I ? 1 : N : 1,
-          // i===1 为第二根 Y 轴
-          isYMinZero: K
-        };
-      });
-    }, C = (u, p, d, b) => {
-      if (u.length === 0)
-        return { min: 0, max: 1, interval: 1 };
-      const g = p > 0 ? p : 1, N = u.map((J) => J.value);
-      let E = N.reduce((J, H) => Math.min(J, H));
-      E = e.getNumCeil(E, { isEndFive: Number(E) < 100 });
-      let I = N.reduce((J, H) => Math.max(J, H));
-      I = I * 1.02, I = e.getNumCeil(I, { isEndFive: Number(E) < 100 });
-      const v = b ? 0 : E, L = d > 1 ? d : 1;
-      let w = I * L - v;
-      w <= 0 && (w = 1);
-      let K = e.getNumCeil(w / g, { isEndFive: Number(E) < 100 }), U = Number((g * K).toFixed(2)) + v;
-      return v === U && U === 0 && (U = 1, K = 1 / g), { min: v, max: U, interval: K };
-    }, _ = (u, p) => {
-      const d = [], b = [], g = [];
-      let N = [];
-      const E = x.value, I = E.length > 0 && E.every((v) => v === "line");
-      if (p.forEach((v, L) => {
-        const w = u.y[v.name], K = w.name;
-        d.push(K);
-        const U = {};
-        w.valueFormat && (U.tipValueFormat = w.valueFormat);
-        let J = [];
-        u.isEmptyData ? J = [] : (J = w.data.map((q, ae) => {
-          const P = { value: q, extInfo: e.getJsonClone(U) };
-          return P.extInfo.xValueOriginal = u.x.allName[ae], P;
-        }), v.isShowOther && v.len > 0 && v.len < w.alldata.length && J.push({
-          value: e.getValueByFormat(u.other[v.name], "num"),
-          extInfo: U
-        }));
-        const H = { name: K, type: v.type, yAxisIndex: L, data: J };
-        e.isEmpty(v.color) || (H.itemStyle = { color: v.color }), I && t.isShowLineBg && (H.areaStyle = {}), b.push(H);
-        const z = C(
-          J,
-          v.ySpace,
-          v.yMaxRatio,
-          v.isYMinZero
-        );
-        g.push({
-          type: "value",
-          name: w.aliasName,
-          nameLocation: "end",
-          nameTextStyle: {
-            color: "#aaa"
-          },
-          splitNumber: v.ySpace,
-          min: u.isEmptyData ? 0 : z.min,
-          max: u.isEmptyData ? 1 : z.max,
-          interval: u.isEmptyData ? 1 : z.interval,
-          axisLine: { show: !0 }
-        });
-      }), u.isEmptyData || (N = e.getArrClone(u.x.name), p[0].isShowOther && p[0].len > 0 && p[0].len < u.x.allName.length && N.push(ve)), g.length === 2 && t.isYEqual) {
-        const v = [g[0].min, g[1].min], L = [g[0].max, g[1].max], w = Math.min.apply(null, v), K = Math.max.apply(null, L), U = t.ySpace > 0 ? t.ySpace : 1, J = (K - w) / U, H = w, z = e.getNumCeil(J), q = Number((U * z).toFixed(2)) + H;
-        g[0].min = g[1].min = H, g[0].max = g[1].max = q, g[0].interval = g[1].interval = z;
-      }
-      return {
-        legendData: d,
-        series: b,
-        yAxis: g,
-        xNames: N,
-        xAxisBoundaryGap: t.isShowLineBg ? !I : t.isXBoundaryGap
-      };
-    }, Y = (u) => {
-      const p = T();
-      if (p.length === 0) {
-        o.value = {};
-        return;
-      }
-      const d = _(u, p), b = {
-        chartType: t.type,
-        dataOriginal: u.data,
-        element: M.value?.getChartElement(),
-        tipTitleFormat: t.tipFormat,
-        seriesNameFormat: t.seriesFormat
-      }, g = xe.getOptionAxis(b);
-      g.legend.show = !1, g.legend.data = d.legendData, g.xAxis.data = d.xNames, g.yAxis = d.yAxis, g.series = d.series, g.xAxis.boundaryGap = d.xAxisBoundaryGap, g.grid.top = "40px", g.grid.left = d.yAxis[0].max === 0 ? "20px" : "auto", g.grid.right = d.yAxis.length > 1 && d.yAxis[1].max === 0 ? "20px" : "auto", g.yAxis.length === 1 && !d.xAxisBoundaryGap && (g.grid.right = "20px");
-      const { gridInfo: N } = t;
-      e.isEmpty(N) || ["top", "left", "right", "bottom"].forEach((E) => {
-        const I = N[E];
-        e.isEmpty(I) || (g.grid[E] = I);
-      }), g.yAxis.forEach((E) => {
-        E.show = t.isShowY;
-      }), o.value = g;
-    }, R = (u) => {
-      const p = e.isArray(u) ? u : [];
-      if (s.isInited = !0, s.chartTagJson = V(p), p.length === 0) {
-        o.value = {};
-        return;
-      }
-      Y(s.chartTagJson);
-    }, G = () => {
-      A(), B(t.tagInitValue), R(t.list);
-    };
-    le(() => {
-      re(() => {
-        s.isInited || G();
-      });
-    }), ue(
-      [() => t.list, () => t.tagList, () => t.tagSort, () => t.tagInitValue],
-      () => {
-        A();
-        const u = m.value.some((p) => !s.tagJson[p]);
-        (m.value.length === 0 || u) && B(t.tagInitValue), R(t.list);
-      }
-    );
-    const O = (u) => {
-      if (e.isUndefined(u))
-        return;
-      const p = u.toString();
-      let d = [];
-      switch (t.tagSelectCountMax) {
-        case 1:
-          d = [p];
-          break;
-        case 2: {
-          d = e.getArrClone(m.value);
-          const b = d.indexOf(p);
-          b > -1 ? d.length > 1 && d.splice(b, 1) : (d.push(p), d.length > 2 && d.splice(0, 1));
-          break;
-        }
-      }
-      m.value = d, Y(s.chartTagJson);
-    }, se = () => {
-      S();
-    }, ie = () => {
-      r();
-    };
-    return i({
-      resize: () => {
-        M.value?.resize();
-      }
-    }), (u, p) => (X(), ce(fe, {
-      ref_key: "refElChart",
-      ref: M,
-      id: me(f),
-      chartOption: o.value,
-      className: y.value,
-      height: F.height,
-      isRunLoad: F.isRunLoad,
-      onOnInitFirst: se,
-      onOnHideResize: ie,
-      onOnError: c
-    }, {
-      chartHead: Q(() => [
-        F.isTagShow ? (X(), $("div", Se, [
-          k("div", null, [
-            j(u.$slots, "title")
-          ]),
-          k("div", Ee, [
-            (X(!0), $(ee, null, ge(l.value, (d, b) => (X(), $("span", {
-              key: `${h}-list-${d.id}-${b}`,
-              class: de({ active: m.value.indexOf(d.id.toString()) > -1 })
-            }, [
-              he(ye, {
-                color: "white",
-                label: d.name,
-                onOnClick: (g) => O(d.id)
-              }, null, 8, ["label", "onOnClick"])
-            ], 2))), 128))
-          ])
-        ])) : (X(), $(ee, { key: 1 }, [], 64))
-      ]),
-      nothingData: Q(() => [
-        j(u.$slots, "nothingData")
-      ]),
-      _: 3
-    }, 8, ["id", "chartOption", "className", "height", "isRunLoad"]));
-  }
-});
-export {
-  we as default
-};
+export { default } from '../utils/Web/ClEchartsLineAxisTag.js';