import { defineComponent as h, toRefs as p, openBlock as n, createElementBlock as u, createElementVNode as t, toDisplayString as s, unref as e, createVNode as E, normalizeStyle as D, Fragment as k, renderList as C, pushScopeId as F, popScopeId as w } from "vue";
import A from "./images/circle.mjs";
import S from "./images/line.mjs";
import x from "../../../NComponents/echartsContainer/EchartsContainer.mjs";
const l = (o) => (F("data-v-30a8100b"), o = o(), w(), o), b = { class: "box" }, I = { class: "left" }, O = { class: "leftInner" }, N = /* @__PURE__ */ l(() => /* @__PURE__ */ t("img", {
  src: A,
  class: "circlePng"
}, null, -1)), P = { class: "middle" }, V = { class: "key" }, j = /* @__PURE__ */ l(() => /* @__PURE__ */ t("div", { class: "dianBox" }, [
  /* @__PURE__ */ t("div", { class: "dian" }),
  /* @__PURE__ */ t("div", { class: "line" })
], -1)), q = /* @__PURE__ */ l(() => /* @__PURE__ */ t("img", {
  src: S,
  class: "linePng"
}, null, -1)), z = { class: "value" }, L = { class: "right" }, R = { class: "title" }, G = { class: "t2" }, H = { class: "unit" }, J = h({ name: "EComponent26" }), X = /* @__PURE__ */ h({
  ...J,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(o) {
    var c, d;
    const a = o;
    let m = {
      dataset: {
        style: {
          width: "118px",
          height: "118px"
        },
        chartOption: {
          tooltip: {
            show: !0,
            trigger: "item"
          },
          legend: {
            show: !0
          },
          series: [
            {
              type: "pie",
              radius: ["82%", "90%"],
              center: ["50%", "50%"],
              hoverAnimation: !0,
              label: {
                show: !1
              },
              data: [
                {
                  value: [25],
                  itemStyle: {
                    color: "#2CF6B6",
                    shadowBlur: 10,
                    shadowColor: "#97e2f5"
                  }
                },
                {
                  value: [75],
                  itemStyle: {
                    color: "transparent",
                    shadowBlur: 0
                  }
                }
              ]
            }
          ]
        },
        innerData: {
          title: "\u6D88\u7EB3\u573A\u603B\u6570",
          num: 109
        },
        list: [
          {
            key: "\u7EFC\u5408\u5229\u7528\u5382",
            value: 22
          },
          {
            key: "\u56FA\u5B9A\u6D88\u7EB3\u573A",
            value: 50
          },
          {
            key: "\u4E34\u65F6\u6D88\u7EB3\u573A(\u56DE\u586B)",
            value: 22
          },
          {
            key: "\u4E34\u65F6\u6D88\u7EB3\u573A(\u5806\u5761)",
            value: 6
          },
          {
            key: "\u5176\u4ED6\u5229\u7528",
            value: 15
          }
        ],
        rightData: {
          title: "\u5904\u7F6E\u80FD\u529B",
          num: "282739",
          unit: "\u5428/\u6BCF\u5E74"
        }
      }
    };
    console.log((c = a.chartConfig) == null ? void 0 : c.option);
    const { dataset: v } = p(((d = a.chartConfig) == null ? void 0 : d.option) || m), { style: y, chartOption: f, innerData: r, list: g, rightData: i } = p(
      v.value
    );
    return (K, M) => (n(), u("div", b, [
      t("div", I, [
        t("div", O, [
          t("div", null, s(e(r).num), 1),
          t("div", null, s(e(r).title), 1)
        ]),
        N,
        E(x, {
          options: e(f),
          style: D(e(y))
        }, null, 8, ["options", "style"])
      ]),
      t("div", P, [
        (n(!0), u(k, null, C(e(g), (_, B) => (n(), u("div", { key: B }, [
          t("div", V, s(_.key), 1),
          j,
          q,
          t("div", z, s(_.value), 1)
        ]))), 128))
      ]),
      t("div", L, [
        t("div", R, s(e(i).title), 1),
        t("div", G, [
          t("span", null, s(e(i).num), 1),
          t("span", H, s(e(i).unit), 1)
        ])
      ])
    ]));
  }
});
export {
  X as default
};
