import { defineComponent, useCssVars, unref, reactive, toRefs, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, createTextVNode, createVNode, pushScopeId, popScopeId } from "vue";
import { NNumberAnimation } from "naive-ui";
import "./index.vue_vue_type_style_index_0_scoped_true_lang.mjs";
import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.mjs";
const _withScopeId = (n) => (pushScopeId("data-v-5c097b6f"), n = n(), popScopeId(), n);
const _hoisted_1 = { class: "din" };
const _hoisted_2 = { class: "title" };
const _hoisted_3 = { class: "kuan_din" };
const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "din_tu" }, [
  /* @__PURE__ */ createElementVNode("div", { class: "din_bjt" })
], -1));
const _hoisted_5 = { class: "din_tl" };
const _hoisted_6 = { class: "din_flex" };
const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "din_biao" }, null, -1));
const _hoisted_8 = { class: "din_num" };
const __default__ = defineComponent({ name: "EBoundingBox02" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    useCssVars((_ctx) => ({
      "103364f3": unref(titleColor),
      "1c1dfedc": unref(titleSize) + "px",
      "3c29544c": unref(titleLeft) + "px",
      "35b7069e": unref(titleTop) + "px"
    }));
    const state = reactive({
      datas: [
        {
          key: "\u5E94\u6536\u91D1\u989D",
          value: 0,
          unit: "\u4E07"
        },
        {
          key: "\u5DF2\u6536\u91D1\u989D",
          value: 0,
          unit: "\u4E07"
        },
        {
          key: "\u672A\u6536\u91D1\u989D",
          value: 0,
          unit: "\u4E07"
        }
      ]
    });
    const { titleText, titleColor, titleSize, titleLeft, titleTop, datas } = toRefs(
      props.chartConfig.option
    );
    state.datas = datas;
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("div", _hoisted_2, toDisplayString(unref(titleText)), 1),
        createElementVNode("div", _hoisted_3, [
          _hoisted_4,
          createElementVNode("div", _hoisted_5, [
            (openBlock(true), createElementBlock(Fragment, null, renderList(state.datas, (item, i) => {
              return openBlock(), createElementBlock("div", {
                key: i,
                class: "din_shuj"
              }, [
                createElementVNode("div", _hoisted_6, [
                  _hoisted_7,
                  createTextVNode(" " + toDisplayString(item.key) + ": ", 1)
                ]),
                createElementVNode("span", _hoisted_8, [
                  createVNode(unref(NNumberAnimation), {
                    ref_for: true,
                    ref: "numberAnimationInstRef",
                    to: item.value
                  }, null, 8, ["to"])
                ]),
                createTextVNode(toDisplayString(item.unit), 1)
              ]);
            }), 128))
          ])
        ])
      ]);
    };
  }
});
var _EBoundingBox02 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c097b6f"]]);
export { _EBoundingBox02 as default };
