import { defineComponent as l, ref as E, toRefs as x, openBlock as i, createElementBlock as u, createElementVNode as c, Fragment as y, renderList as b, unref as t, createVNode as n, withCtx as B } from "vue";
import e from "../../../NComponents/configCommon/refConfig.vue_vue_type_script_setup_true_lang.mjs";
import S from "./images/active.mjs";
import k from "./images/default.mjs";
const F = { class: "lists" }, w = ["onClick"], z = { class: "content" }, A = l({ name: "EComponent22List" }), O = /* @__PURE__ */ l({
  ...A,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(s) {
    var f;
    const m = s;
    let g = {
      dataset: [
        {
          name: "\u4ECA\u65E5\u6392\u653E",
          num: 372,
          unit: "\u5428"
        },
        {
          name: "\u672C\u6708\u6392\u653E",
          num: 4688,
          unit: "\u5428"
        },
        {
          name: "\u672C\u5E74\u6392\u653E",
          num: 69803,
          unit: "\u5428"
        },
        {
          name: "\u7D2F\u8BA1\u6392\u653E",
          num: 282739,
          unit: "\u5428"
        }
      ],
      nameCofing: {
        fontSize: 16,
        color: "rgb(255, 255, 255)"
      },
      numCofing: {
        fontSize: 22,
        color: "rgb(255, 255, 255)",
        fontFamily: "Bureau Agency FB"
      },
      unitCofing: {
        fontSize: 12,
        color: "rgba(145, 213, 196, 1)"
      },
      defaultConfig: {
        imgSrc: k,
        width: 107,
        height: 90
      },
      activeConfig: {
        imgSrc: S,
        width: 107,
        height: 90
      }
    };
    const a = E(0), {
      dataset: d,
      nameCofing: C,
      numCofing: p,
      unitCofing: _,
      defaultConfig: h,
      activeConfig: v,
      subTitleCofing: I
    } = x(((f = m.chartConfig) == null ? void 0 : f.option) || g);
    return (L, N) => (i(), u("div", null, [
      c("div", F, [
        (i(!0), u(y, null, b(t(d), (o, r) => (i(), u("div", {
          onClick: (V) => a.value = r
        }, [
          n(e, {
            config: r == a.value ? t(v) : t(h),
            type: "bgImg",
            class: "list"
          }, {
            default: B(() => [
              c("div", z, [
                n(e, {
                  config: { ...t(C), text: o.name },
                  type: "text"
                }, null, 8, ["config"]),
                c("div", null, [
                  n(e, {
                    config: { ...t(p), text: o.num },
                    type: "text",
                    class: "numClass"
                  }, null, 8, ["config"]),
                  n(e, {
                    config: { ...t(_), text: o.unit },
                    type: "text"
                  }, null, 8, ["config"])
                ])
              ])
            ]),
            _: 2
          }, 1032, ["config"])
        ], 8, w))), 256))
      ])
    ]));
  }
});
export {
  O as default
};
