sci-pro/es/src/message/message.vue.mjs

import { defineComponent as s, onMounted as m, onUpdated as c, watch as r, openBlock as a, createBlock as p, TransitionGroup as u, withCtx as d, createElementBlock as f, createElementVNode as v, normalizeClass as _, toDisplayString as g, createCommentVNode as b } from "vue";
import "./style/index.css";
const y = {
  key: 0,
  class: "sci-message"
}, h = s({ name: "sci-message" }), C = /* @__PURE__ */ s({
  ...h,
  props: {
    type: { default: "default" },
    title: { default: "提示" },
    visible: { type: Boolean, default: !1 }
  },
  emits: ["update:visible"],
  setup(i, { emit: l }) {
    const t = i, o = l;
    return m(() => {
    }), c(() => {
    }), r(
      () => t.visible,
      (e, n) => {
        t.visible && setTimeout(() => {
          o("update:visible", !1);
        }, 3e3);
      },
      {
        // deep: true,
        // immediate: true
      }
    ), (e, n) => (a(), p(u, {
      name: "move",
      appear: "",
      "enter-active-class": "active_message_animate",
      "leave-active-class": "leave_message_animate"
    }, {
      default: d(() => [
        e.visible ? (a(), f("ul", y, [
          v("li", {
            class: _(["message-item", `message-item-${e.type}`])
          }, g(e.title), 3)
        ])) : b("", !0)
      ]),
      _: 1
    }));
  }
});
export {
  C as default
};