vuux/dist/es/Result/src/index.vue.mjs

Vue3 Nuxt3 Nuxt4 组件库

import { defineComponent as p, useSlots as m, createElementBlock as n, openBlock as t, createBlock as r, createCommentVNode as s, renderSlot as d, unref as o, Fragment as k, toDisplayString as c } from "vue";
import { Icon as a } from "@vuux/icons";
const y = { class: "app-result" }, _ = {
  key: 0,
  class: "is-title"
}, f = {
  key: 1,
  class: "is-content"
}, h = /* @__PURE__ */ p({
  name: "Result",
  __name: "index",
  props: {
    title: {},
    content: {},
    status: { default: "success" }
  },
  setup(l) {
    const e = l, i = m();
    return (u, v) => (t(), n("div", y, [
      e.status == "success" ? (t(), r(o(a), {
        key: 0,
        name: "Icon5524835",
        size: 32,
        color: "var(--app-success)"
      })) : s("", !0),
      e.status == "warning" ? (t(), r(o(a), {
        key: 1,
        name: "Icon7903790",
        size: 32,
        color: "var(--app-warning)"
      })) : s("", !0),
      e.status == "error" ? (t(), r(o(a), {
        key: 2,
        name: "Icon5212574",
        size: 32,
        color: "var(--app-danger)"
      })) : s("", !0),
      e.status == "empty" ? (t(), r(o(a), {
        key: 3,
        name: "Icon4835048",
        size: 32,
        opacity: 0.9,
        color: "var(--app-text-color)"
      })) : s("", !0),
      o(i).default ? d(u.$slots, "default", { key: 4 }) : (t(), n(k, { key: 5 }, [
        e.title ? (t(), n("div", _, c(e.title), 1)) : s("", !0),
        e.content ? (t(), n("div", f, c(e.content), 1)) : s("", !0)
      ], 64))
    ]));
  }
});
export {
  h as default
};