@ued_fpi/data-visual/dist/es/ipes/src/Level3AirDefense/components/NumberItem.vue.mjs

<br /> <br /> <div style="text-align:center"> <b style="font-size:30px">@ued_fpi/data-visual</b> <p>基于Vite4+TypeScript的Vue3大屏组件库开发框架</p> <img style="display:inline" src="https://img.shields.io/npm/v/@ued_fpi/data-visual" />

import { defineComponent, reactive, computed, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, toDisplayString } from 'vue';

const _hoisted_1 = { class: "dv-ipes-number-wrap" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "NumberItem",
  props: {
    value: {
      default: () => {
      },
      type: Object
    }
  },
  setup(__props) {
    const props = __props;
    const colors = reactive({
      normal: "#0EED95",
      abnormal: "#FF553C",
      offline: "#8FAFC7"
    });
    const data = computed(() => {
      const obj = {};
      const valueArr = ["normal", "abnormal", "offline"];
      valueArr.forEach((ele) => {
        if (props.value[ele])
          obj[ele] = props.value[ele];
      });
      return obj;
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        (openBlock(true), createElementBlock(Fragment, null, renderList(data.value, (name, key) => {
          return openBlock(), createElementBlock("span", {
            key,
            style: normalizeStyle({ color: colors[key] })
          }, toDisplayString(name), 5);
        }), 128))
      ]);
    };
  }
});

export { _sfc_main as default };