@ued_fpi/data-visual/dist/lib/ipes/src/Level3AirDefense/components/NumberItem.vue.js

<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" />

'use strict';

Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });

const vue = require('vue');

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

exports.default = _sfc_main;