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

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

import { defineComponent as l, unref as o, openBlock as t, createElementBlock as s, normalizeStyle as c, normalizeClass as u, createBlock as f, createCommentVNode as n, createElementVNode as d, toDisplayString as g } from "vue";
import k from "../MeIcon/index.vue.js";
import { useShow as y } from "./hooks.js";
const w = /* @__PURE__ */ l({
  name: "MeToast",
  __name: "index",
  props: {
    message: { default: "" },
    bgColor: { default: "" },
    icon: { default: "" },
    durction: { default: 1e3 }
  },
  setup(e) {
    const a = e, { isShow: r, isDestroy: m, animationDuration: i } = y(a);
    return (p, C) => o(m) ? n("", !0) : (t(), s("div", {
      key: 0,
      class: u(["me-toast", { show: o(r) }]),
      style: c(`background:${e.bgColor};--animation-duration:${o(i)}ms;`)
    }, [
      e.icon ? (t(), f(k, {
        key: 0,
        name: e.icon,
        color: "#fff"
      }, null, 8, ["name"])) : n("", !0),
      d("span", null, g(e.message), 1)
    ], 6));
  }
});
export {
  w as default
};