hc-energy-ui 0.0.1

package/dist/hc-energy-ui.es.js

@@ -0,0 +1,933 @@
+import { defineComponent as U, openBlock as f, createElementBlock as p, normalizeClass as A, renderSlot as de, ref as S, computed as L, watch as z, onMounted as me, onBeforeUnmount as ge, createElementVNode as h, withModifiers as oe, createCommentVNode as F, createBlock as te, Teleport as De, normalizeStyle as fe, toDisplayString as M, Fragment as W, renderList as H, unref as R, nextTick as be, createTextVNode as ie, createVNode as J, onUnmounted as ke, useModel as we, withCtx as xe, withDirectives as _e, vShow as $e, mergeModels as se } from "vue";
+import * as Ce from "echarts";
+const Te = ["disabled"], Me = /* @__PURE__ */ U({
+  __name: "Button",
+  props: {
+    type: { default: "default" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: a }) {
+    const o = a, n = (r) => {
+      o("click", r);
+    };
+    return (r, l) => (f(), p("button", {
+      class: A(["hc-button", [`hc-button--${e.type}`]]),
+      disabled: e.disabled,
+      onClick: n
+    }, [
+      de(r.$slots, "default", {}, void 0, !0)
+    ], 10, Te));
+  }
+}), I = (e, a) => {
+  const o = e.__vccOpts || e;
+  for (const [n, r] of a)
+    o[n] = r;
+  return o;
+}, ye = /* @__PURE__ */ I(Me, [["__scopeId", "data-v-c0879ce0"]]), pe = ye;
+pe.install = (e) => {
+  e.component("HcButton", ye);
+};
+function X(e) {
+  return String(e).padStart(2, "0");
+}
+function Fe(e, a) {
+  const o = e.getFullYear(), n = X(e.getMonth() + 1), r = X(e.getDate());
+  return a === "year" ? `${o}-01-01` : a === "month" ? `${o}-${n}-01` : `${o}-${n}-${r}`;
+}
+function re(e) {
+  if (!e) return null;
+  if (e instanceof Date)
+    return Number.isNaN(e.getTime()) ? null : e;
+  const a = new Date(e);
+  return Number.isNaN(a.getTime()) ? null : a;
+}
+function Ae(e, a) {
+  if (!e) return "";
+  const o = e.getFullYear(), n = X(e.getMonth() + 1), r = X(e.getDate());
+  return a === "year" ? `${o}` : a === "month" ? `${o}-${n}` : `${o}-${n}-${r}`;
+}
+function ue(e, a) {
+  return e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate();
+}
+function Le(e, a) {
+  const n = new Date(e, a, 1).getDay(), r = new Date(e, a + 1, 0).getDate(), l = new Date(e, a, 0).getDate(), b = [];
+  for (let i = n - 1; i >= 0; i--)
+    b.push({
+      date: new Date(e, a - 1, l - i),
+      current: !1
+    });
+  for (let i = 1; i <= r; i++)
+    b.push({ date: new Date(e, a, i), current: !0 });
+  const C = 42 - b.length;
+  for (let i = 1; i <= C; i++)
+    b.push({ date: new Date(e, a + 1, i), current: !1 });
+  return b;
+}
+const Ee = ["value", "placeholder", "disabled"], Ne = { class: "hc-date-picker__header" }, Ye = { class: "hc-date-picker__header-label" }, Pe = {
+  key: 0,
+  class: "hc-date-picker__body"
+}, Se = { class: "hc-date-picker__weeks" }, Be = { class: "hc-date-picker__days" }, ze = ["onClick"], Ue = {
+  key: 1,
+  class: "hc-date-picker__body hc-date-picker__body--month"
+}, Ie = ["onClick"], Ve = {
+  key: 2,
+  class: "hc-date-picker__body hc-date-picker__body--year"
+}, Oe = ["onClick"], We = /* @__PURE__ */ U({
+  name: "HcDatePicker",
+  __name: "DatePicker",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "date" },
+    placeholder: { default: "选择日期" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    size: { default: "default" },
+    dark: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    var ne, le;
+    const o = e, n = a, r = ["日", "一", "二", "三", "四", "五", "六"], l = /* @__PURE__ */ new Date(), b = S(null), C = S(null), i = S(!1), x = S({}), m = L(() => re(o.modelValue)), d = L(() => Ae(m.value, o.type)), u = S(((ne = m.value) == null ? void 0 : ne.getFullYear()) ?? l.getFullYear()), w = S(((le = m.value) == null ? void 0 : le.getMonth()) ?? l.getMonth());
+    z(
+      () => [o.modelValue, o.type],
+      () => {
+        const _ = re(o.modelValue);
+        _ && (u.value = _.getFullYear(), w.value = _.getMonth());
+      }
+    );
+    const k = L(() => Le(u.value, w.value)), v = L(() => Math.floor(u.value / 10) * 10), c = L(
+      () => Array.from({ length: 12 }, (_, E) => v.value - 1 + E)
+    ), t = L(() => o.type === "year" ? `${v.value} 年 - ${v.value + 9} 年` : o.type === "month" ? `${u.value} 年` : `${u.value} 年 ${w.value + 1} 月`);
+    function s() {
+      if (!b.value) return;
+      const _ = b.value.getBoundingClientRect(), E = _.bottom + 4 + window.scrollY;
+      let D = _.left + window.scrollX;
+      const P = 292;
+      D + P > window.innerWidth - 8 && (D = Math.max(8, window.innerWidth - P - 8)), x.value = {
+        position: "absolute",
+        top: `${E}px`,
+        left: `${D}px`,
+        zIndex: "3000"
+      };
+    }
+    async function g() {
+      o.disabled || (i.value = !0, await be(), s());
+    }
+    function N() {
+      i.value = !1;
+    }
+    function Y() {
+      o.disabled || (i.value ? N() : g());
+    }
+    function V() {
+      n("update:modelValue", ""), n("change", null);
+    }
+    function O(_) {
+      const E = Fe(_, o.type);
+      n("update:modelValue", E), n("change", E), N();
+    }
+    function y(_) {
+      O(_);
+    }
+    function B(_) {
+      O(new Date(u.value, _, 1));
+    }
+    function T(_) {
+      O(new Date(_, 0, 1));
+    }
+    function $() {
+      w.value === 0 ? (w.value = 11, u.value -= 1) : w.value -= 1;
+    }
+    function q() {
+      w.value === 11 ? (w.value = 0, u.value += 1) : w.value += 1;
+    }
+    function Q() {
+      o.type === "year" ? u.value -= 10 : u.value -= 1;
+    }
+    function j() {
+      o.type === "year" ? u.value += 10 : u.value += 1;
+    }
+    function ae(_) {
+      var D, P;
+      if (!i.value) return;
+      const E = _.target;
+      (D = b.value) != null && D.contains(E) || (P = C.value) != null && P.contains(E) || N();
+    }
+    function K() {
+      i.value && s();
+    }
+    return me(() => {
+      document.addEventListener("mousedown", ae), window.addEventListener("scroll", K, !0), window.addEventListener("resize", K);
+    }), ge(() => {
+      document.removeEventListener("mousedown", ae), window.removeEventListener("scroll", K, !0), window.removeEventListener("resize", K);
+    }), (_, E) => (f(), p("div", {
+      ref_key: "rootRef",
+      ref: b,
+      class: A(["hc-date-picker", [`hc-date-picker--${e.size}`, { "hc-date-picker--dark": e.dark, "is-disabled": e.disabled }]])
+    }, [
+      h("div", {
+        class: A(["hc-date-picker__trigger", { "is-focus": i.value, "is-disabled": e.disabled }]),
+        onClick: Y
+      }, [
+        h("input", {
+          class: "hc-date-picker__inner",
+          type: "text",
+          readonly: "",
+          value: d.value,
+          placeholder: e.placeholder,
+          disabled: e.disabled
+        }, null, 8, Ee),
+        e.clearable && d.value && !e.disabled ? (f(), p("span", {
+          key: 0,
+          class: "hc-date-picker__clear",
+          onClick: oe(V, ["stop"])
+        }, " × ")) : F("", !0)
+      ], 2),
+      (f(), te(De, { to: "body" }, [
+        i.value ? (f(), p("div", {
+          key: 0,
+          ref_key: "popperRef",
+          ref: C,
+          class: A(["hc-date-picker__popper", { "is-dark": e.dark }]),
+          style: fe(x.value),
+          onMousedown: E[0] || (E[0] = oe(() => {
+          }, ["stop"]))
+        }, [
+          h("div", Ne, [
+            h("button", {
+              type: "button",
+              class: "hc-date-picker__icon-btn",
+              onClick: Q
+            }, "«"),
+            e.type === "date" ? (f(), p("button", {
+              key: 0,
+              type: "button",
+              class: "hc-date-picker__icon-btn",
+              onClick: $
+            }, " ‹ ")) : F("", !0),
+            h("span", Ye, M(t.value), 1),
+            e.type === "date" ? (f(), p("button", {
+              key: 1,
+              type: "button",
+              class: "hc-date-picker__icon-btn",
+              onClick: q
+            }, " › ")) : F("", !0),
+            h("button", {
+              type: "button",
+              class: "hc-date-picker__icon-btn",
+              onClick: j
+            }, "»")
+          ]),
+          e.type === "date" ? (f(), p("div", Pe, [
+            h("div", Se, [
+              (f(), p(W, null, H(r, (D) => h("span", { key: D }, M(D), 1)), 64))
+            ]),
+            h("div", Be, [
+              (f(!0), p(W, null, H(k.value, (D, P) => (f(), p("button", {
+                key: P,
+                type: "button",
+                class: A(["hc-date-picker__cell", {
+                  "is-other": !D.current,
+                  "is-selected": m.value && R(ue)(D.date, m.value),
+                  "is-today": R(ue)(D.date, R(l))
+                }]),
+                onClick: ($t) => y(D.date)
+              }, M(D.date.getDate()), 11, ze))), 128))
+            ])
+          ])) : e.type === "month" ? (f(), p("div", Ue, [
+            (f(), p(W, null, H(12, (D) => h("button", {
+              key: D,
+              type: "button",
+              class: A(["hc-date-picker__cell hc-date-picker__cell--month", {
+                "is-selected": m.value && m.value.getFullYear() === u.value && m.value.getMonth() === D - 1
+              }]),
+              onClick: (P) => B(D - 1)
+            }, M(D) + "月 ", 11, Ie)), 64))
+          ])) : (f(), p("div", Ve, [
+            (f(!0), p(W, null, H(c.value, (D) => (f(), p("button", {
+              key: D,
+              type: "button",
+              class: A(["hc-date-picker__cell hc-date-picker__cell--year", { "is-selected": m.value && m.value.getFullYear() === D }]),
+              onClick: (P) => T(D)
+            }, M(D), 11, Oe))), 128))
+          ]))
+        ], 38)) : F("", !0)
+      ]))
+    ], 2));
+  }
+}), G = /* @__PURE__ */ I(We, [["__scopeId", "data-v-b2bff9b8"]]), ve = G;
+ve.install = (e) => {
+  e.component("HcDatePicker", G), e.component("DatePicker", G);
+};
+const He = { class: "box-title" }, qe = { class: "text" }, Re = {
+  key: 0,
+  class: "text-num"
+}, Qe = { class: "num" }, je = /* @__PURE__ */ U({
+  __name: "BoxTitle",
+  props: {
+    title: {},
+    mountNum: {}
+  },
+  setup(e) {
+    return (a, o) => (f(), p("div", He, [
+      h("span", qe, M(e.title), 1),
+      e.mountNum ? (f(), p("p", Re, [
+        o[0] || (o[0] = ie(" 挂载总量：", -1)),
+        h("span", Qe, M(e.mountNum || "--"), 1),
+        o[1] || (o[1] = ie("个 ", -1))
+      ])) : F("", !0)
+    ]));
+  }
+}), Ke = /* @__PURE__ */ I(je, [["__scopeId", "data-v-bc025af7"]]), Xe = { class: "module-panel" }, Ge = { class: "panel-content" }, Ze = /* @__PURE__ */ U({
+  __name: "ModulePanel",
+  props: {
+    title: {},
+    mountNum: {}
+  },
+  setup(e) {
+    return (a, o) => (f(), p("div", Xe, [
+      J(Ke, {
+        title: e.title,
+        mountNum: e.mountNum
+      }, null, 8, ["title", "mountNum"]),
+      h("div", Ge, [
+        de(a.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), Je = /* @__PURE__ */ I(Ze, [["__scopeId", "data-v-c6a014b4"]]), et = { class: "time-control" }, tt = {
+  key: 0,
+  class: "filter-group"
+}, at = { class: "dateStyl" }, nt = {
+  key: 0,
+  class: "title"
+}, lt = /* @__PURE__ */ U({
+  name: "HcTimeControl",
+  __name: "TimeControl",
+  props: {
+    activeTime: { default: "日" },
+    time: { default: () => [] },
+    day: { default: () => [] },
+    month: { default: () => [] },
+    showLj: { type: Boolean, default: !0 },
+    showY: { type: Boolean, default: !0 },
+    showM: { type: Boolean, default: !0 },
+    showD: { type: Boolean, default: !0 },
+    showTime: { type: Boolean, default: !0 },
+    activeTimeModel1: { default: "选择时间" },
+    typeNumber: { default: "" },
+    titleOne: { default: "日" }
+  },
+  emits: ["update:activeTime", "update:time", "update:day", "update:month", "update:activeTimeModel1", "dateChange"],
+  setup(e, { expose: a, emit: o }) {
+    const n = e, r = o, l = (c) => {
+      const t = c.getFullYear(), s = String(c.getMonth() + 1).padStart(2, "0"), g = String(c.getDate()).padStart(2, "0");
+      return `${t}-${s}-${g}`;
+    }, b = (c) => {
+      c.length === 0 && r("update:activeTimeModel1", "选择时间");
+    };
+    z(() => n.day, b, { deep: !0 }), z(() => n.time, b, { deep: !0 }), z(() => n.month, b, { deep: !0 }), (() => {
+      const c = /* @__PURE__ */ new Date(), t = new Date(c.getFullYear(), c.getMonth(), c.getDate()), s = new Date(t);
+      s.setHours(23, 59, 59, 999);
+      const g = new Date(c.getFullYear(), c.getMonth(), 1), N = new Date(c.getFullYear(), 0, 1);
+      n.time.length === 0 && r("update:time", [l(t), l(s)]), n.day.length === 0 && r("update:day", [l(g), l(s)]), n.month.length === 0 && r("update:month", [l(N), l(s)]);
+    })();
+    const i = L({
+      get: () => n.activeTime,
+      set: (c) => r("update:activeTime", c)
+    }), x = L(() => i.value === "月" ? "month" : i.value === "年" || i.value === "累计" ? "year" : "date"), m = L(
+      () => ["日", "周", n.titleOne, "月", "年", "累计"].includes(i.value)
+    ), d = L(() => i.value === "月" ? "选择月份" : i.value === "年" ? "选择年份" : i.value === "累计" ? "累计" : "选择时间"), u = L({
+      get: () => i.value === "月" ? Array.isArray(n.day) && n.day.length > 0 ? String(n.day[0]) : "" : i.value === "年" || i.value === "累计" ? Array.isArray(n.month) && n.month.length > 0 ? String(n.month[0]) : "" : Array.isArray(n.time) && n.time.length > 0 ? String(n.time[0]) : "",
+      set: (c) => {
+        if (!c) {
+          i.value === "月" ? r("update:day", []) : i.value === "年" || i.value === "累计" ? r("update:month", []) : r("update:time", []);
+          return;
+        }
+        const t = new Date(c);
+        if (i.value === "月") {
+          const s = new Date(t.getFullYear(), t.getMonth(), 1), g = new Date(t.getFullYear(), t.getMonth() + 1, 0);
+          r("update:day", [l(s), l(g)]);
+        } else if (i.value === "年" || i.value === "累计") {
+          const s = t.getFullYear();
+          r("update:month", [`${s}-01-01`, `${s}-12-31`]);
+        } else {
+          const s = l(t);
+          r("update:time", [s, s]);
+        }
+      }
+    }), w = (c) => {
+      const t = /* @__PURE__ */ new Date();
+      if (c === n.titleOne) {
+        const s = new Date(t.getFullYear(), t.getMonth(), t.getDate()), g = new Date(s);
+        g.setHours(23, 59, 59, 999), r("update:time", [l(s), l(g)]), r("dateChange", [l(s), l(g)]);
+      } else if (c === "月") {
+        const s = new Date(t.getFullYear(), t.getMonth(), 1);
+        r("update:day", [l(s), l(t)]), r("dateChange", [l(s), l(t)]);
+      } else if (c === "年") {
+        const s = new Date(t.getFullYear(), 0, 1);
+        r("update:month", [l(s), l(t)]), r("dateChange", [l(s), l(t)]);
+      } else if (c === "累计")
+        r("dateChange", null);
+      else {
+        const s = new Date(t.getFullYear(), 0, 1);
+        r("dateChange", [l(s), l(t)]);
+      }
+    }, k = (c) => {
+      if (!c) {
+        r("dateChange", null);
+        return;
+      }
+      const t = new Date(c);
+      if (i.value === n.titleOne || i.value === "日") {
+        const s = new Date(t.getFullYear(), t.getMonth(), t.getDate()), g = new Date(t.getFullYear(), t.getMonth(), t.getDate(), 23, 59, 59, 999);
+        r("update:time", [l(s), l(g)]), r("dateChange", [l(s), l(g)]);
+      } else if (i.value === "月") {
+        const s = new Date(t.getFullYear(), t.getMonth(), 1), g = new Date(t.getFullYear(), t.getMonth() + 1, 0, 23, 59, 59, 999);
+        r("update:day", [l(s), l(g)]), r("dateChange", [l(s), l(g)]);
+      } else if (i.value === "年") {
+        const s = new Date(t.getFullYear(), 0, 1), g = new Date(t.getFullYear(), 11, 31, 23, 59, 59, 999);
+        r("update:month", [l(s), l(g)]), r("dateChange", [l(s), l(g)]);
+      }
+    }, v = (c) => {
+      i.value = c, w(c);
+    };
+    return a({ onTimeFn: v }), (c, t) => (f(), p("div", et, [
+      e.showTime ? (f(), p("div", tt, [
+        e.showD ? (f(), p("span", {
+          key: 0,
+          class: A(["filter-btn", { active: i.value === e.titleOne }]),
+          onClick: t[0] || (t[0] = (s) => v(e.titleOne))
+        }, M(e.titleOne), 3)) : F("", !0),
+        e.showM ? (f(), p("span", {
+          key: 1,
+          class: A(["filter-btn", { active: i.value === "月" }]),
+          onClick: t[1] || (t[1] = (s) => v("月"))
+        }, " 月 ", 2)) : F("", !0),
+        e.showY ? (f(), p("span", {
+          key: 2,
+          class: A(["filter-btn", { active: i.value === "年" }]),
+          onClick: t[2] || (t[2] = (s) => v("年"))
+        }, " 年 ", 2)) : F("", !0),
+        e.showLj ? (f(), p("span", {
+          key: 3,
+          class: A(["filter-btn", { active: i.value === "累计" }]),
+          onClick: t[3] || (t[3] = (s) => v("累计"))
+        }, " 累计 ", 2)) : F("", !0)
+      ])) : F("", !0),
+      h("div", at, [
+        e.titleOne != "周" ? (f(), p("span", nt, "选择时间：")) : F("", !0),
+        m.value ? (f(), te(G, {
+          key: x.value,
+          modelValue: u.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (s) => u.value = s),
+          type: x.value,
+          placeholder: d.value,
+          disabled: i.value === "累计",
+          clearable: "",
+          size: "small",
+          dark: "",
+          onChange: k
+        }, null, 8, ["modelValue", "type", "placeholder", "disabled"])) : F("", !0)
+      ])
+    ]));
+  }
+}), ot = /* @__PURE__ */ I(lt, [["__scopeId", "data-v-e501d06e"]]), Z = (e) => {
+  const a = e.toString();
+  if (a.replace(".", "").length > 4) {
+    const o = Math.abs(e);
+    return o >= 1e8 ? { value: (e / 1e8).toFixed(2), unit: "亿" } : o >= 1e7 ? { value: (e / 1e7).toFixed(2), unit: "千万" } : o >= 1e4 ? { value: (e / 1e4).toFixed(2), unit: "万" } : { value: Number(e.toFixed(2)).toString(), unit: "" };
+  }
+  return { value: a, unit: "" };
+}, it = { class: "echsrtLine" }, st = /* @__PURE__ */ U({
+  __name: "ChartLine",
+  props: {
+    chartData: {
+      type: Object,
+      default: () => ({
+        xAxisData: [],
+        yAxisData: []
+      })
+    },
+    typeData: {
+      type: Array,
+      default: () => []
+    },
+    unit: {
+      type: String,
+      default: ""
+    },
+    xUnit: {
+      type: String,
+      default: ""
+    },
+    left: {
+      type: Number,
+      default: 2
+    },
+    right: {
+      type: Number,
+      default: 3
+    },
+    bottom: {
+      type: Number,
+      default: 10
+    },
+    unitLeft: {
+      type: Number,
+      default: 9
+    },
+    legendLeft: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(e) {
+    const a = e, o = L(
+      () => a.typeData.map((k, v) => {
+        var c, t;
+        return {
+          type: k.name,
+          data: ((t = (c = a.chartData) == null ? void 0 : c.yAxisData) == null ? void 0 : t[v]) || [],
+          color: k.color || "#00ff88",
+          unit: k.unit || a.unit
+        };
+      })
+    ), n = L(
+      () => o.value.some(
+        (k) => (k.data || []).some(
+          (v) => v != null && !Number.isNaN(Number(v))
+        )
+      )
+    ), r = S(null);
+    let l = null, b = null, C = 0;
+    const i = () => {
+      var v, c;
+      const k = o.value.map((t) => ({
+        name: t.type,
+        type: "line",
+        smooth: !0,
+        symbol: "none",
+        data: t.data,
+        lineStyle: {
+          width: 3,
+          color: t.color
+        },
+        areaStyle: {
+          color: {
+            type: "linear",
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              { offset: 0, color: t.color },
+              { offset: 1, color: "transparent" }
+            ]
+          }
+        }
+      }));
+      return {
+        backgroundColor: "transparent",
+        color: o.value.map((t) => t.color),
+        tooltip: {
+          trigger: "axis",
+          appendToBody: !0,
+          backgroundColor: "rgba(0,0,0,0.8)",
+          borderColor: "#00ffff",
+          extraCssText: "z-index: 1000; pointer-events: auto;",
+          textStyle: { color: "#fff", fontSize: 12 },
+          axisPointer: {
+            type: "line",
+            lineStyle: { color: "#00ffff", type: "dashed" }
+          },
+          formatter: (t) => {
+            const s = t;
+            if (!(s != null && s.length)) return "";
+            const g = s[0].name ?? "";
+            let N = `<div style="margin-bottom: 5px;">${g}${g ? a.xUnit : ""}</div>`;
+            return s.forEach((Y) => {
+              const V = Y.value !== void 0 && Y.value !== null ? Z(Y.value).value + Z(Y.value).unit : "-";
+              N += `
+            <div style="display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 3px">
+              <span style="display: flex; align-items: center; gap: 4px;">
+                ${Y.marker || ""}
+                <span style="color: #ccc;">${Y.seriesName || ""}</span>
+              </span>
+              <span style="font-weight: bold;">
+                ${V} <span style="font-size: 10px; font-weight: normal; color: #888;">${a.unit || ""}</span>
+              </span>
+            </div>
+          `;
+            }), N;
+          }
+        },
+        legend: {
+          data: ((v = a.typeData) == null ? void 0 : v.map((t) => t.name)) || [],
+          icon: "path://M4,0 L12,0 Q16,0 16,4 L16,4 Q16,8 12,8 L4,8 Q0,8 0,4 L0,4 Q0,0 4,0 Z",
+          itemWidth: 12,
+          itemHeight: 6,
+          align: "left",
+          textStyle: {
+            color: "#fff",
+            fontSize: 12
+          },
+          top: 20,
+          left: a.legendLeft ? a.legendLeft : "center"
+        },
+        grid: {
+          left: `${a.left}%`,
+          right: `${a.right}%`,
+          top: 57,
+          bottom: `${a.bottom}%`,
+          containLabel: !0
+        },
+        xAxis: {
+          type: "category",
+          data: ((c = a.chartData) == null ? void 0 : c.xAxisData) || [],
+          boundaryGap: !1,
+          axisLine: {
+            lineStyle: { color: "#333" }
+          },
+          axisTick: { show: !1 },
+          axisLabel: {
+            color: "rgba(255,255,255,0.8)",
+            fontSize: 11,
+            fontWeight: 300,
+            margin: 10,
+            rotate: 0
+          }
+        },
+        yAxis: {
+          type: "value",
+          min: n.value ? void 0 : 0,
+          max: n.value ? void 0 : 100,
+          interval: n.value ? void 0 : 25,
+          splitNumber: 4,
+          nameGap: 0,
+          axisLine: { show: !1 },
+          axisTick: { show: !1 },
+          splitLine: {
+            lineStyle: { color: "rgba(255,255,255,0.08)" }
+          },
+          axisLabel: {
+            color: "rgba(255,255,255,0.8)",
+            fontSize: 12,
+            fontWeight: 300,
+            formatter: (t) => t >= 1e8 ? t / 1e8 + "亿" : t >= 1e6 ? t / 1e6 + "百万" : t >= 1e4 ? t / 1e4 + "万" : String(t)
+          }
+        },
+        series: k
+      };
+    }, x = () => {
+      b && (clearInterval(b), b = null);
+    }, m = () => {
+      l && (x(), l.dispatchAction({
+        type: "showTip",
+        seriesIndex: 0,
+        dataIndex: 0
+      }), b = setInterval(() => {
+        var v, c;
+        const k = ((c = (v = a.chartData) == null ? void 0 : v.xAxisData) == null ? void 0 : c.length) || 0;
+        k && (C = (C + 1) % k, l == null || l.dispatchAction({
+          type: "showTip",
+          seriesIndex: 0,
+          dataIndex: C
+        }));
+      }, 5e3));
+    }, d = () => {
+      var k, v;
+      r.value && (l = Ce.init(r.value), l.setOption(i()), (v = (k = a.chartData) == null ? void 0 : k.yAxisData) != null && v.length && setTimeout(() => m(), 5e3));
+    }, u = () => {
+      l && l.setOption(i(), !0);
+    }, w = () => {
+      l == null || l.resize();
+    };
+    return me(() => {
+      d(), window.addEventListener("resize", w);
+    }), ke(() => {
+      x(), l == null || l.dispose(), window.removeEventListener("resize", w);
+    }), z(
+      () => [a.chartData, a.typeData, a.unit, a.xUnit],
+      () => u(),
+      { deep: !0, flush: "post" }
+    ), (k, v) => (f(), p("div", it, [
+      h("div", {
+        ref_key: "chartRef",
+        ref: r,
+        class: "chart-container"
+      }, null, 512),
+      h("div", {
+        class: "unit",
+        style: fe({ left: e.unitLeft + "px" })
+      }, M(e.unit), 5)
+    ]));
+  }
+}), rt = /* @__PURE__ */ I(st, [["__scopeId", "data-v-35a8b884"]]);
+function Tt() {
+  return {
+    activeTime: "日",
+    time: [],
+    day: [],
+    month: [],
+    activeTimeModel1: "",
+    activeEnergy: "0",
+    typeIndex: 1,
+    unit: "kW·h"
+  };
+}
+function ut() {
+  return {
+    summary: {
+      originalEnergy: 0,
+      realtimeEnergy: 0,
+      monthCumulativeEnergy: 0,
+      yearCumulativeEnergy: 0,
+      totalCumulativeEnergy: 0
+    },
+    typeData: [
+      { name: "原始能耗", color: "#F2993D" },
+      { name: "实时能耗", color: "#FFFC3F" },
+      { name: "节能量", color: "#28FF87" }
+    ],
+    chartData: { xAxisData: [], yAxisData: [] },
+    xUnit: "日"
+  };
+}
+const ct = { class: "leftBottom" }, dt = {
+  key: 0,
+  class: "hc-loading"
+}, mt = { class: "typeList" }, ft = ["onClick"], yt = { class: "num" }, pt = { class: "unit-small" }, vt = { class: "name" }, ht = { class: "unit" }, gt = { class: "chart-wrapper" }, Dt = { class: "energy-tabs" }, bt = ["onClick"], kt = /* @__PURE__ */ U({
+  name: "HcEnergyAnalysis",
+  __name: "EnergyAnalysis",
+  props: /* @__PURE__ */ se({
+    title: { default: "能耗分析" },
+    loading: { type: Boolean, default: !1 },
+    view: { default: () => ut() },
+    energyTypes: { default: () => [
+      { label: "电", value: "0", unit: "kW·h" },
+      { label: "水", value: "1", unit: "m³" },
+      { label: "气", value: "2", unit: "m³" }
+    ] },
+    typeList: { default: () => [
+      { name: "原始能耗", unit: "(kW·h)", value: "originalEnergy" },
+      { name: "实时能耗", unit: "(kW·h)", date: "日", value: "realtimeEnergy" },
+      { name: "月累计能耗", unit: "(kW·h)", value: "monthCumulativeEnergy", date: "月" },
+      { name: "年累计能耗", unit: "(kW·h)", value: "yearCumulativeEnergy", date: "年" },
+      { name: "累计总能耗", unit: "(kW·h)", value: "totalCumulativeEnergy", date: "累计" }
+    ] }
+  }, {
+    query: {
+      required: !0
+    },
+    queryModifiers: {}
+  }),
+  emits: /* @__PURE__ */ se(["query-change"], ["update:query"]),
+  setup(e, { emit: a }) {
+    const o = e, n = we(e, "query"), r = a, l = S(o.typeList.map((m) => ({ ...m })));
+    z(
+      () => n.value.unit,
+      (m) => {
+        l.value = l.value.map((d) => ({
+          ...d,
+          unit: `(${m})`
+        }));
+      },
+      { immediate: !0 }
+    ), z(
+      () => o.typeList,
+      (m) => {
+        l.value = m.map((d) => ({
+          ...d,
+          unit: `(${n.value.unit})`
+        }));
+      },
+      { deep: !0 }
+    );
+    const b = S(null);
+    function C() {
+      r("query-change");
+    }
+    function i(m) {
+      n.value.activeEnergy = m;
+      const d = o.energyTypes.find((u) => u.value === m);
+      d && (n.value.unit = d.unit), r("query-change");
+    }
+    function x(m, d) {
+      var u;
+      n.value.typeIndex = d, m.date ? (u = b.value) == null || u.onTimeFn(m.date) : r("query-change");
+    }
+    return (m, d) => (f(), te(Je, { title: e.title }, {
+      default: xe(() => [
+        h("div", ct, [
+          e.loading ? (f(), p("div", dt, [...d[5] || (d[5] = [
+            h("span", { class: "hc-loading__spinner" }, null, -1)
+          ])])) : F("", !0),
+          _e(J(ot, {
+            activeTime: n.value.activeTime,
+            "onUpdate:activeTime": d[0] || (d[0] = (u) => n.value.activeTime = u),
+            time: n.value.time,
+            "onUpdate:time": d[1] || (d[1] = (u) => n.value.time = u),
+            day: n.value.day,
+            "onUpdate:day": d[2] || (d[2] = (u) => n.value.day = u),
+            month: n.value.month,
+            "onUpdate:month": d[3] || (d[3] = (u) => n.value.month = u),
+            activeTimeModel1: n.value.activeTimeModel1,
+            "onUpdate:activeTimeModel1": d[4] || (d[4] = (u) => n.value.activeTimeModel1 = u),
+            "type-number": "2",
+            ref_key: "timeControlRef",
+            ref: b,
+            onDateChange: C
+          }, null, 8, ["activeTime", "time", "day", "month", "activeTimeModel1"]), [
+            [$e, n.value.typeIndex !== 0]
+          ]),
+          h("div", null, [
+            h("ul", mt, [
+              (f(!0), p(W, null, H(l.value, (u, w) => (f(), p("li", {
+                key: u.name,
+                onClick: (k) => x(u, w)
+              }, [
+                h("p", yt, [
+                  h("span", null, M(R(Z)(e.view.summary[u.value] || 0).value), 1),
+                  h("span", pt, M(R(Z)(e.view.summary[u.value] || 0).unit), 1)
+                ]),
+                h("div", {
+                  class: A(["name_main", {
+                    active: n.value.typeIndex !== 0 ? u.date === n.value.activeTime : w === 0
+                  }])
+                }, [
+                  h("p", vt, M(u.name), 1),
+                  h("p", ht, M(u.unit), 1)
+                ], 2)
+              ], 8, ft))), 128))
+            ]),
+            h("div", gt, [
+              h("div", Dt, [
+                (f(!0), p(W, null, H(e.energyTypes, (u) => (f(), p("span", {
+                  key: u.value,
+                  class: A(["energy-tab", { active: n.value.activeEnergy === u.value }]),
+                  onClick: (w) => i(u.value)
+                }, M(u.label), 11, bt))), 128))
+              ]),
+              J(rt, {
+                typeData: e.view.typeData,
+                legendLeft: 70,
+                right: 4,
+                unitLeft: 9,
+                unit: n.value.unit,
+                xUnit: e.view.xUnit,
+                chartData: e.view.chartData
+              }, null, 8, ["typeData", "unit", "xUnit", "chartData"])
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), ee = /* @__PURE__ */ I(kt, [["__scopeId", "data-v-076a9047"]]), ce = {
+  日: "时",
+  月: "日",
+  年: "月",
+  累计: "月"
+}, wt = (e) => {
+  const a = e ? new Date(e) : /* @__PURE__ */ new Date();
+  return Number.isNaN(a.getTime()) ? 31 : new Date(a.getFullYear(), a.getMonth() + 1, 0).getDate();
+}, xt = (e, a) => {
+  if (e === "日")
+    return Array.from({ length: 24 }, (o, n) => `${n}`.padStart(2, "0"));
+  if (e === "月") {
+    const o = wt(a);
+    return Array.from({ length: o }, (n, r) => `${r + 1}`);
+  }
+  return Array.from({ length: 12 }, (o, n) => `${n + 1}`);
+};
+function Mt(e) {
+  let a = "", o = "";
+  return e.activeTime1 === "日" ? (o = "hourly", a = e.time1[0]) : e.activeTime1 === "月" ? (o = "daily", a = e.day1[0]) : e.activeTime1 === "年" ? (o = "monthly", a = e.month1[0]) : e.activeTime1 === "累计" ? (o = "cumulative", a = e.month1[0]) : (o = "monthly", a = e.month1[0]), { selectedDate: a, timeDimension: o };
+}
+function Ft(e, a) {
+  var v, c, t, s, g, N, Y, V, O;
+  const o = (e == null ? void 0 : e.series) || [], { activeTime: n, typeIndex: r, unit: l, monthDate: b } = a, C = xt(n, b);
+  if (n === "累计") {
+    let y = [];
+    if (o.length > 0) {
+      const T = [...o].sort(
+        ($, q) => {
+          var Q, j;
+          return (((Q = q.dataPoints) == null ? void 0 : Q.length) || 0) - (((j = $.dataPoints) == null ? void 0 : j.length) || 0);
+        }
+      )[0];
+      (v = T == null ? void 0 : T.dataPoints) != null && v.length && (y = T.dataPoints.map(($) => $.timeLabel));
+    }
+    y.length || (y = C);
+    const B = ["#28FF87", "#F2993D", "#0783FA", "#1CC767"];
+    return {
+      xUnit: ce[n] || "月",
+      typeData: o.map((T, $) => ({
+        name: T.name,
+        color: B[$ % B.length]
+      })),
+      chartData: {
+        xAxisData: y,
+        yAxisData: o.map((T) => {
+          var $;
+          return ($ = T.dataPoints) != null && $.length ? T.dataPoints.map((q) => q.energyKwh) : y.map(() => null);
+        })
+      }
+    };
+  }
+  if (r === 0) {
+    const y = o.find(($) => $.name === "原始能耗"), B = ((c = y == null ? void 0 : y.dataPoints) == null ? void 0 : c.map(($) => $.timeLabel)) || C, T = ((t = y == null ? void 0 : y.dataPoints) == null ? void 0 : t.map(($) => $.energyKwh)) || [];
+    return {
+      xUnit: "月",
+      typeData: [{ name: "原始能耗", color: "#F2993D", unit: l }],
+      chartData: {
+        xAxisData: B,
+        yAxisData: T.length ? [T] : [B.map(() => null)]
+      }
+    };
+  }
+  const i = o.find((y) => y.name === "实时能耗"), x = o.find((y) => y.name === "原始能耗"), m = o.find((y) => y.name === "节能量");
+  let d = [];
+  (s = x == null ? void 0 : x.dataPoints) != null && s.length ? d = x.dataPoints.map((y) => y.timeLabel) : (g = i == null ? void 0 : i.dataPoints) != null && g.length ? d = i.dataPoints.map((y) => y.timeLabel) : (N = m == null ? void 0 : m.dataPoints) != null && N.length && (d = m.dataPoints.map((y) => y.timeLabel)), d.length || (d = C);
+  const u = ((Y = i == null ? void 0 : i.dataPoints) == null ? void 0 : Y.map((y) => y.energyKwh)) || [], w = ((V = x == null ? void 0 : x.dataPoints) == null ? void 0 : V.map((y) => y.energyKwh)) || [], k = ((O = m == null ? void 0 : m.dataPoints) == null ? void 0 : O.map((y) => y.energyKwh)) || [];
+  return {
+    xUnit: ce[n] || "日",
+    typeData: [
+      { name: "原始能耗", color: "#F2993D", unit: l },
+      { name: "实时能耗", color: "#FFFC3F", unit: l },
+      { name: "节能量", color: "#28FF87", unit: l }
+    ],
+    chartData: {
+      xAxisData: d,
+      yAxisData: [
+        w.length ? w : d.map(() => null),
+        u.length ? u : d.map(() => null),
+        k.length ? k : d.map(() => null)
+      ]
+    }
+  };
+}
+const he = ee;
+he.install = (e) => {
+  e.component("HcEnergyAnalysis", ee), e.component("EnergyAnalysis", ee);
+};
+const _t = [pe, ve, he], At = {
+  install(e) {
+    _t.forEach((a) => {
+      e.use(a);
+    });
+  }
+};
+export {
+  pe as Button,
+  ve as DatePicker,
+  he as EnergyAnalysis,
+  Mt as buildEnergyQueryParams,
+  Tt as createDefaultEnergyQuery,
+  ut as createDefaultEnergyView,
+  At as default,
+  Ft as transformEnergyDashboard
+};