mine-h5-ui/es/MeEmpty/index.vue.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { defineComponent as i, openBlock as t, createElementBlock as l, normalizeStyle as c, createElementVNode as n, normalizeClass as m, unref as r, toDisplayString as d, renderSlot as u } from "vue";
import { useIconName as f } from "./hooks.js";
const h = { class: "img" }, y = ["src"], p = { class: "txt" }, v = /* @__PURE__ */ i({
  name: "MeEmpty",
  __name: "index",
  props: {
    text: { default: "" },
    type: { default: "default" },
    height: { default: 200 },
    iconName: { default: "" },
    url: { default: "" }
  },
  setup(e) {
    const o = e, { icon: s } = f(o);
    return (a, g) => (t(), l("div", {
      class: "me-empty",
      style: c(`min-height:${e.height}px;`)
    }, [
      n("div", h, [
        e.url ? (t(), l("img", {
          key: 0,
          src: e.url,
          alt: "empty"
        }, null, 8, y)) : (t(), l("i", {
          key: 1,
          class: m(`iconfont icon-${r(s)}`)
        }, null, 2))
      ]),
      n("div", p, d(e.text), 1),
      u(a.$slots, "default")
    ], 4));
  }
});
export {
  v as default
};