xqq_ele/lib/es/components/card-metrics/card-metrics.vue.js

框架

(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".x-card-metrics[data-v-c1e12ff3],.x-card-metrics .x-card-metrics-line[data-v-c1e12ff3]{display:grid}.x-card-metrics .x-card-metrics-line .x-card-metrics-line-module[data-v-c1e12ff3]{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-start}.x-card-metrics .x-card-metrics-line .x-card-metrics-line-module .right-content[data-v-c1e12ff3]{flex:1;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.x-card-metrics .x-card-metrics-line .x-card-metrics-line-module .right-content .module-value[data-v-c1e12ff3]{width:100%}.x-card-metrics .x-card-metrics-line .x-card-metrics-line-module .right-content .module-value-v[data-v-c1e12ff3]{padding:3px 0;display:inline-block}.x-card-metrics .x-card-metrics-line .x-card-metrics-line-module .right-content .module-value-u[data-v-c1e12ff3]{display:inline-block}.x-card-metrics .x-card-metrics-line .x-card-metrics-line-module .right-content .module-text[data-v-c1e12ff3]{flex:1;width:100%}\n")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected', e);} })();import v from "./card-metrics.vue2.js";
import { openBlock as s, createElementBlock as a, normalizeStyle as l, Fragment as i, renderList as m, renderSlot as n, createElementVNode as o, toDisplayString as r, createCommentVNode as p, createTextVNode as c } from "vue";
/* empty css                   */import S from "../../_virtual/_plugin-vue_export-helper.js";
const f = ["onClick"], $ = { class: "right-content" };
function k(e, g, C, N, V, B) {
  return s(), a("div", {
    class: "x-card-metrics",
    style: l(e.cardStyle)
  }, [
    (s(!0), a(i, null, m(e.data, (u, d) => (s(), a("div", {
      key: String(d),
      class: "x-card-metrics-line",
      style: l(e.lineStyle(u.length))
    }, [
      (s(!0), a(i, null, m(u, (t, y) => (s(), a("div", {
        key: `${d}-${y}`,
        class: "x-card-metrics-line-module",
        style: l(e.borderStyle(t.idx)),
        onClick: (E) => e.onClick(t)
      }, [
        n(e.$slots, "left-content", { data: t }, void 0, !0),
        o("div", $, [
          o("div", {
            class: "module-value",
            style: l(e.vnStyle(t))
          }, [
            o("span", {
              class: "module-value-v",
              style: l(e.valueStyle(t.idx))
            }, r(t.value), 5),
            t.total && t.total !== 0 ? (s(), a("span", {
              key: 0,
              class: "module-value-sl",
              style: l(e.splitTotalStyle)
            }, "/", 4)) : p("", !0),
            o("span", {
              class: "module-value-t",
              style: l(e.totalStyle)
            }, r(t.total), 5),
            o("span", {
              class: "module-value-u",
              style: l(e.unitStyle)
            }, r(t.unit), 5),
            n(e.$slots, "default", { data: t }, void 0, !0)
          ], 4),
          o("div", {
            class: "module-text",
            style: l(e.textStyle(t.idx))
          }, [
            c(r(t.text) + " ", 1),
            n(e.$slots, "text", { data: t }, void 0, !0)
          ], 4)
        ])
      ], 12, f))), 128))
    ], 4))), 128))
  ], 4);
}
const F = /* @__PURE__ */ S(v, [["render", k], ["__scopeId", "data-v-c1e12ff3"]]);
export {
  F as default
};