fine-true/lib/message/index.js

A small and beautiful Vue3 version of the UI Library

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("./../utils/withInstall"));else if("function"==typeof define&&define.amd)define(["vue","./../utils/withInstall"],t);else{var r="object"==typeof exports?t(require("vue"),require("./../utils/withInstall")):t(e.vue,e["./../utils/withInstall"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t)=>(()=>{"use strict";var r={1677:e=>{e.exports=t},748:t=>{t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return r[e](i,i.exports,o),i.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{o.r(i),o.d(i,{default:()=>c});var e=o(748);const t=(0,e.defineComponent)({name:"fine-message",emits:["close","destroy"],props:{type:{type:String,default:"message"},message:{type:String,default:""},top:{type:Number,default:10},duration:{type:Number,default:3e3}},setup(t,r){var{emit:n}=r,o=(0,e.computed)((()=>{switch(t.type){case"message":return"notification-filling";case"info":return"prompt-filling";case"success":return"success-filling";case"warning":return"warning-filling";case"error":return"error"}})),i=(0,e.computed)((()=>({"fine-icon":!0,["icon-".concat(o.value)]:!0,["fine-icon-".concat(t.type)]:!0}))),a=(0,e.ref)(!1);return(0,e.onMounted)((()=>{a.value=!0,setTimeout((()=>{a.value=!1}),t.duration)})),()=>{var{message:r,top:o}=t;return(0,e.createVNode)(e.Transition,{name:"fine-message-fade-slide",onBeforeLeave:()=>n("close"),onAfterLeave:()=>n("destroy")},{default:()=>[a.value&&(0,e.createVNode)("div",{class:"fine-message",style:{top:"".concat(o,"px")}},[(0,e.createVNode)("div",{class:"fine-message-wrapper"},[(0,e.createVNode)("div",{class:"fine-message-content"},[(0,e.createVNode)("i",{class:i.value},null),(0,e.createVNode)("slot",null,[(0,e.createVNode)("span",null,[r])])])])])]})}}});var r=o(1677);function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}o.n(r)()(t);var l=[],u=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"message";return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=n.top||10;l.forEach((e=>{var t;o+=(null==e||null===(t=e.el)||void 0===t?void 0:t.offsetHeight)||0}));var i=document.createElement("div");document.body.appendChild(i);var s=(0,e.createVNode)(t,a(a({},n),{},{type:r,top:o,onClose(){!function(e){var t,r=l.findIndex((t=>t===e)),n=l.length;if(r>=n-1)return;l.splice(r,1);var o=e,i=(null===(t=o.el)||void 0===t?void 0:t.offsetHeight)||0;if(!i)return;n=l.length;for(var a=r;a<n;a++){var s=l[a],u=parseInt(s.el.style.top)-i;s.component.props.top=u}}(s),n.onClose&&n.onClose()},onDestroy(){var t;(0,e.render)(null,i),null===(t=i.parentNode)||void 0===t||t.removeChild(i)}}));return(0,e.render)(s,i),l.push(s),s}};["message","info","success","warning","error"].forEach((e=>{t[e]=u(e)}));const c=t})(),i})()));