import { defineComponent, toRefs, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, normalizeStyle, createTextVNode, pushScopeId, popScopeId } from "vue";
import _imports_0 from "./images/fly.mjs";
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-617a5840"), n = n(), popScopeId(), n);
const _hoisted_1 = { class: "title" };
const _hoisted_2 = { class: "conent" };
const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "first" }, null, -1));
const _hoisted_4 = { class: "middle" };
const _hoisted_5 = { class: "num" };
const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "first" }, null, -1));
const _hoisted_7 = { class: "middle2" };
const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "innerLeft" }, null, -1));
const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
  src: _imports_0,
  alt: ""
}, null, -1));
const _hoisted_10 = { class: "middle3" };
const __default__ = defineComponent({ name: "EComponent27" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true,
      default: () => {
        return {
          option: {
            dataset: {
              title: "\u603B\u5BB9\u91CF/\u5269\u4F59\u5BB9\u91CF\uFF08\u5355\u4F4D\uFF1A\u5428\uFF09",
              unit: "\u4F7F\u7528\u7387\uFF08%\uFF09",
              useNum: 63e3,
              countNum: 9e4,
              leftText: "\u4F7F\u7528\u60C5\u51B5",
              rightText: "\u603B\u5BB9\u91CF"
            }
          }
        };
      }
    }
  },
  setup(__props) {
    const props = __props;
    const { title, unit, useNum, countNum, leftText, rightText } = toRefs(
      props.chartConfig.option.dataset
    );
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock(Fragment, null, [
        createElementVNode("div", _hoisted_1, [
          createElementVNode("div", null, toDisplayString(unref(title)), 1),
          createElementVNode("div", null, toDisplayString(unref(unit)), 1)
        ]),
        createElementVNode("div", _hoisted_2, [
          _hoisted_3,
          createElementVNode("div", _hoisted_4, [
            createElementVNode("div", {
              class: "useLine",
              style: normalizeStyle({
                width: unref(useNum) / unref(countNum) * 100 + "%"
              })
            }, [
              createElementVNode("div", _hoisted_5, toDisplayString(unref(useNum) / unref(countNum) * 100 + "%"), 1)
            ], 4)
          ]),
          _hoisted_6
        ]),
        createElementVNode("div", _hoisted_7, [
          createElementVNode("div", {
            class: "middle2Left",
            style: normalizeStyle({
              width: unref(useNum) / unref(countNum) * 100 + "%"
            })
          }, [
            createTextVNode(toDisplayString(unref(leftText)) + " ", 1),
            _hoisted_8,
            _hoisted_9
          ], 4),
          createElementVNode("div", null, toDisplayString(unref(rightText)), 1)
        ]),
        createElementVNode("div", _hoisted_10, [
          createElementVNode("div", {
            class: "left3",
            style: normalizeStyle({
              width: unref(useNum) / unref(countNum) * 105 + "%"
            })
          }, [
            createTextVNode(" 0 "),
            createElementVNode("div", null, toDisplayString(unref(useNum)), 1)
          ], 4),
          createElementVNode("div", null, toDisplayString(unref(countNum)), 1)
        ])
      ], 64);
    };
  }
});
var _EComponent27 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-617a5840"]]);
export { _EComponent27 as default };
