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

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

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