import { defineComponent as r, useCssVars as y, unref as e, reactive as g, toRefs as a, openBlock as c, createElementBlock as n, createElementVNode as t, toDisplayString as o, Fragment as x, renderList as C } from "vue";
const k = { class: "staff" }, B = { class: "title" }, b = { class: "duty_pope" }, E = { class: "duty_img" }, S = ["src"], L = { class: "duty_name" }, T = { class: "duty_post" }, V = { class: "duty_phone" }, j = r({ name: "EBoundingBox01" }), D = /* @__PURE__ */ r({
  ...j,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(d) {
    const i = d;
    y((m) => ({
      "0d74290a": e(l),
      "1a73e129": e(u) + "px",
      "64ac34e3": e(p) + "px",
      eccb91b2: e(f) + "px"
    })), g({
      commant: []
    }), a(i.chartConfig.attr);
    const { titleText: _, titleColor: l, titleSize: u, titleLeft: p, titleTop: f, datas: h } = a(
      i.chartConfig.option
    );
    return (m, q) => (c(), n("div", k, [
      t("div", B, o(e(_)), 1),
      t("div", b, [
        (c(!0), n(x, null, C(e(h), (s, v) => (c(), n("div", {
          key: v,
          class: "duty_itme"
        }, [
          t("div", E, [
            t("img", {
              src: s.imgSrc
            }, null, 8, S)
          ]),
          t("div", L, o(s.key), 1),
          t("div", T, o(s.value), 1),
          t("div", V, o(s.unit), 1)
        ]))), 128))
      ])
    ]));
  }
});
export {
  D as default
};
