t-fighting-design/lib/_hooks/use-message/index.js

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../message/src/index2.js"),_=require("../../notification/src/index2.js"),a=require("vue"),p=require("../use-message-mange/index.js");require("../../loading-bar/src/index2.js");const d=p.useMassageManage(),f=["default","primary","success","danger","warning"],v=c=>{let o=1;const g={message:{placement:"top"},notification:{placement:"top-right"}},l={message:m.default,notification:_.default},t=e=>{const s=document.createElement("div"),r=`message-${o}`;typeof e=="string"&&(e={message:e});const n={id:r,...g[c],...e};n.onDestroy=()=>{n.closeEnd&&n.closeEnd(),a.render(null,s)};const i=a.createVNode(l[c],n);a.render(i,s),document.body.appendChild(s.firstElementChild);const u=i.component;return o++,d.createInstance({id:r,vm:u,close:()=>{u.exposed.close()},bottom:0,visible:0},n.placement)};return f.forEach(e=>{t[e]=s=>{t({message:s,type:e})}}),{instance:t}};exports.massageManage=d;exports.useMessage=v;