xqq_ele/lib/es/components/message/message.vue.js

框架

(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("#x-message{position:fixed;top:0;left:0;width:100%;text-align:center;z-index:9999;transform:translateZ(9999px);padding-top:28px;pointer-events:none}#x-message .message{box-sizing:border-box;transition:top .4s ease}#x-message .message .message-container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;margin-bottom:14px}#x-message .message .message-container .message-content{padding:4px 18px;font-size:14px;font-weight:400;border-radius:4px;color:#595959;box-shadow:0 4px 12px #00000026;background:#ffffff}#x-message .message .message-container .message-content .option{display:inline-block;pointer-events:all;margin-left:18px;cursor:pointer}#x-message .message .message-container .message-content .message-icon{display:inline-block;margin-right:6px;font-size:16px}#x-message .message .slide-fade-enter-active{transition:all .2s ease-out}#x-message .message .slide-fade-leave-active{transition:all .2s ease}#x-message .message .slide-fade-enter-from,#x-message .message .slide-fade-leave-to{transform:translateY(-20px);opacity:0}\n")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected', e);} })();import a from "./message.vue2.js";
import { resolveComponent as l, openBlock as o, createBlock as r, Transition as m, withCtx as d, createElementBlock as n, createElementVNode as i, normalizeClass as f, createVNode as c, normalizeStyle as p, createCommentVNode as s, toDisplayString as g } from "vue";
/* empty css              */import u from "../../_virtual/_plugin-vue_export-helper.js";
const _ = {
  key: 0,
  class: "message-container"
}, C = {
  key: 0,
  class: "message-icon"
}, N = ["textContent"], k = {
  key: 1,
  class: "option"
};
function y(e, h, v, $, B, V) {
  const t = l("x-icon");
  return o(), r(m, { name: "slide-fade" }, {
    default: d(() => [
      e.visibled ? (o(), n("div", _, [
        i("div", {
          class: f(["message-content", e.config.className])
        }, [
          e.config.icon ? (o(), n("div", C, [
            c(t, {
              iconName: e.config.icon,
              style: p({ color: e.config.color }),
              className: e.fn === "loading" ? "x-rotate" : ""
            }, null, 8, ["iconName", "style", "className"])
          ])) : s("", !0),
          i("span", {
            textContent: g(e.config.content)
          }, null, 8, N),
          e.config.close ? s("", !0) : (o(), n("div", k, [
            c(t, {
              iconName: "icon-close",
              onClick: e.onClose
            }, null, 8, ["onClick"])
          ]))
        ], 2)
      ])) : s("", !0)
    ]),
    _: 1
  });
}
const w = /* @__PURE__ */ u(a, [["render", y]]);
export {
  w as default
};