@persagy2/meri-design/custom/Message/index.js

fork from meri-design and extend it.

/*!
 * @@persagy2/meri-design v1.4.9-extend.2
 * (c) 2019-2020 xiongshuang
 * Released under the MIT License.
 * 2022-12-07 10:33:25
 */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("Message",["vue"],t):"object"==typeof exports?exports.Message=t(require("vue")):e.Message=t(e.Vue)}(this,(function(e){return function(){"use strict";var t={1900:function(e,t,n){function s(e,t,n,s,i,r,o,l){var a,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),s&&(u.functional=!0),r&&(u._scopeId="data-v-"+r),o?(a=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},u._ssrRegister=a):i&&(a=l?function(){i.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:i),a)if(u.functional){u._injectStyles=a;var c=u.render;u.render=function(e,t){return a.call(t),c(e,t)}}else{var f=u.beforeCreate;u.beforeCreate=f?[].concat(f,a):[a]}return{exports:e,options:u}}n.d(t,{Z:function(){return s}})},2205:function(t){t.exports=e}},n={};function s(e){var i=n[e];if(void 0!==i)return i.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,s),r.exports}s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return function(){s.r(i),s.d(i,{default:function(){return g}});var e=s(2205),t=s.n(e),n={name:"MessageBox"},r=s(1900),o=(0,r.Z)(n,(function(){return(0,this._self._c)("div",{staticClass:"p-message-box"})}),[],!1,null,null,null).exports,l={name:"Message",components:{IconClose:(0,r.Z)({},(function(){var e=this._self._c;return e("svg",{attrs:{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[e("path",{staticClass:"svg-fill-white",attrs:{d:"M522.752 441.124571L916.772571 47.104l78.848 78.774857L601.526857 520.045714l394.093714 394.020572-78.848 78.848-394.020571-394.093715-394.093714 394.093715-78.774857-78.848L443.904 520.045714 49.883429 125.805714 128.658286 47.104 522.752 441.051429z"}})])}),[],!1,null,null,null).exports,HintError:(0,r.Z)({},(function(){var e=this._self._c;return e("svg",{attrs:{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[e("path",{staticClass:"svg-fill-white",attrs:{d:"M8,-7.10542736e-15 C12.41875,0 16,3.58125 16,8 C16,12.41875 12.41875,16 8,16 C3.58125,16 0,12.41875 0,8 C0,3.58125 3.58125,0 8,-7.10542736e-15 Z M5.75226954,4.71485549 C5.46579556,4.4283815 5.00132947,4.4283815 4.71485549,4.71485549 C4.4283815,5.00132947 4.4283815,5.46579556 4.71485549,5.75226954 L4.71485549,5.75226954 L6.962,8 L4.71485549,10.2477305 C4.45442459,10.5081613 4.43074906,10.9156932 4.64382888,11.2028697 L4.71485549,11.2851445 C5.00132947,11.5716185 5.46579556,11.5716185 5.75226954,11.2851445 L5.75226954,11.2851445 L8,9.038 L10.2477305,11.2851445 C10.5081613,11.5455754 10.9156932,11.5692509 11.2028697,11.3561711 L11.2851445,11.2851445 C11.5716185,10.9986705 11.5716185,10.5342044 11.2851445,10.2477305 L11.2851445,10.2477305 L9.038,8 L11.2851445,5.75226954 C11.5455754,5.49183865 11.5692509,5.08430684 11.3561711,4.79713033 L11.2851445,4.71485549 C10.9986705,4.4283815 10.5342044,4.4283815 10.2477305,4.71485549 L10.2477305,4.71485549 L8,6.962 Z"}})])}),[],!1,null,null,null).exports,HintInfo:(0,r.Z)({},(function(){var e=this._self._c;return e("svg",{attrs:{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[e("path",{staticClass:"svg-fill-white",attrs:{d:"M0,8 C0,3.58125 3.58125,0 8,0 C12.41875,0 16,3.58125 16,8 C16,12.41875 12.41875,16 8,16 C3.58125,16 0,12.41875 0,8 Z M7.30712442,11.9860119 C8.23022907,11.9860119 8.77907791,11.3784871 9.31799651,10.5908436 C9.31799651,10.496903 9.35079884,10.2490614 9.33045,10.1085465 L8.61360116,10.9486257 C8.46456628,11.1070416 8.28004302,11.2181703 8.19205465,11.1881505 C8.11139186,11.1601109 8.06345,11.0718733 8.07981047,10.9849822 L9.27591512,7.13856634 C9.37513605,6.64985347 9.1046593,6.20589307 8.53342674,6.14910099 C7.9321593,6.14910099 7.04649651,6.77064554 6.50684535,7.55828911 C6.50684535,7.65286337 6.48975233,7.88668515 6.5095314,8.0272 L7.22711279,7.18648713 C7.37541512,7.02807129 7.54748488,6.91757624 7.6347407,6.94759604 C7.72272907,6.97761584 7.77132209,7.07789307 7.74242674,7.17183366 L6.55478721,10.9996356 C6.41763605,11.4469228 6.67688023,11.8863683 7.30712442,11.9860119 Z M8.82990769,4 C8.69197969,4.00307755 8.55711879,4.03923824 8.42532093,4.10848314 C8.29352307,4.17772804 8.18931237,4.27851633 8.11268571,4.41085103 C8.03605904,4.54318573 7.99851254,4.68398158 8.00004508,4.83324282 C8.00157761,4.98250405 8.03912411,5.12176115 8.11268571,5.2510183 C8.1862473,5.38027545 8.28662673,5.48183311 8.41382699,5.55569434 C8.54102725,5.62955557 8.67971943,5.66648563 8.82990769,5.66648563 C8.97703088,5.66956318 9.11572306,5.6334025 9.24598839,5.5580025 C9.37625372,5.48260249 9.47816565,5.38027545 9.55172725,5.2510183 C9.62528884,5.12176115 9.6636016,4.98173467 9.66666667,4.83093466 C9.66666667,4.68321221 9.62835391,4.54318573 9.55172725,4.41085103 C9.47510058,4.27851633 9.36935737,4.17695866 9.23449445,4.10617498 C9.09963152,4.03539131 8.96477062,4 8.82990769,4 Z"}})])}),[],!1,null,null,null).exports,HintSuccess:(0,r.Z)({},(function(){var e=this._self._c;return e("svg",{attrs:{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[e("path",{staticClass:"svg-fill-white",attrs:{d:"M8,-7.10542736e-15 C12.41875,0 16,3.58125 16,8 C16,12.41875 12.41875,16 8,16 C3.58125,16 0,12.41875 0,8 C0,3.58125 3.58125,0 8,-7.10542736e-15 Z M11.4856317,4.85973157 L7.07565283,9.76971039 L5.10392523,7.79798279 C4.82373446,7.51779201 4.36117761,7.52606985 4.07077561,7.81647186 C3.7803736,8.10687387 3.77209576,8.56943071 4.05228653,8.84962149 L6.53134441,11.3286794 C6.81153519,11.6088701 7.27409203,11.6005923 7.56449404,11.3101903 L12.5002922,5.87439213 C12.7906942,5.58399012 12.7989721,5.12143328 12.5187813,4.8412425 C12.2385905,4.56105173 11.7760337,4.56932957 11.4856317,4.85973157 Z"}})])}),[],!1,null,null,null).exports,HintWaring:(0,r.Z)({},(function(){var e=this._self._c;return e("svg",{attrs:{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[e("path",{staticClass:"svg-fill-white",attrs:{d:"M8,0 C12.41875,0 16,3.58125 16,8 C16,12.41875 12.41875,16 8,16 C3.58125,16 0,12.41875 0,8 C0,3.58125 3.58125,0 8,0 Z M8.16324102,10.6666667 C8.02531303,10.6697442 7.89045212,10.7059049 7.75865426,10.7751498 C7.6268564,10.8443947 7.5226457,10.945183 7.44601904,11.0775177 C7.36939238,11.2098524 7.33184588,11.3506483 7.33337841,11.4999095 C7.33491094,11.6491707 7.37245744,11.7884278 7.44601904,11.917685 C7.51958064,12.0469421 7.61996006,12.1484998 7.74716032,12.222361 C7.87436058,12.2962222 8.01305276,12.3331523 8.16324102,12.3331523 C8.31036421,12.3362298 8.44905639,12.3000692 8.57932172,12.2246692 C8.70958705,12.1492692 8.81149898,12.0469421 8.88506058,11.917685 C8.95862218,11.7884278 8.99693493,11.6484013 9,11.4976013 C9,11.3498789 8.96168724,11.2098524 8.88506058,11.0775177 C8.80843392,10.945183 8.70269071,10.8436253 8.56782778,10.7728417 C8.43296485,10.702058 8.29810395,10.6666667 8.16324102,10.6666667 Z M8.16666667,3.66666667 C8.1324564,3.66666667 8.09826624,3.66832478 8.06421651,3.67163517 C7.48223374,3.72821683 7.05631198,4.24587558 7.11289364,4.82785836 L7.11289364,4.82785836 L7.52688652,9.08607082 C7.55890782,9.41543277 7.83575179,9.66666667 8.16666667,9.66666667 C8.49758154,9.66666667 8.77442552,9.41543277 8.80644682,9.08607082 L8.80644682,9.08607082 L9.2204397,4.82785836 C9.22375009,4.79380863 9.2254082,4.75961847 9.2254082,4.7254082 C9.2254082,4.1406814 8.75139347,3.66666667 8.16666667,3.66666667 Z"}})])}),[],!1,null,null,null).exports},data:function(){return{type:"info",message:"",visible:!1}},methods:{closeNode:function(){var e=this;this.$el.style.transition="all .3s",this.$el.style.opacity=".5",this.$el.style.marginTop="0",this.$el.style.transform="translateY(-100%)",this.$destroy(),setTimeout((function(){e.$el.parentNode.removeChild(e.$el),e.cb&&e.cb()}),300)}}},a=(0,r.Z)(l,(function(){var e=this,t=e._self._c;return t("transition",{attrs:{name:"fadeDownUpUi"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],class:"p-message p-message-".concat(e.type)},[t("section",{staticClass:"p-message-hint"},["info"===e.type?t("HintInfo"):"success"===e.type?t("HintSuccess"):"warning"===e.type?t("HintWaring"):t("HintError")],1),e._v(" "),t("section",{staticClass:"p-message-text"},[e._v(e._s(e.message))]),e._v(" "),t("section",{staticClass:"p-message-close",on:{click:e.closeNode}},[t("IconClose")],1)])])}),[],!1,null,null,null).exports,u=t().extend(o),c=t().extend(a),f=null,C=null,p=0,d=[],v=[],w=function e(n){if(!t().prototype.$isServer){var s=n||{};"string"==typeof s&&(s={message:n});var i="message_".concat(p++);return f||(f=(f=new u).$mount(),document.body.appendChild(f.$el)),(C=new c({data:s})).id=i,(C=C.$mount()).visible=!0,f.$el.appendChild(C.$el),C.$el.style.zIndex=p+1001,C.$el.style.transform="translateZ(0)",d.push(C),e.setTimer(i,C),C}};["success","warning","info","error"].forEach((function(e){w[e]=function(t){var n=t||{};return"string"==typeof n&&(n={message:n}),n.type=e,w(n)}})),w.setTimer=function(e,t){v.push(window.setTimeout((function(){w.clearTimer(e,t)}),3e3))},w.clearTimer=function(e,t){t.visible=!1,t.$el.style.transition="all .3s",t.$el.style.opacity=".5",t.$el.style.transform="translateY(-100%)",setTimeout((function(){if(t&&!t._isDestroyed){t.$destroy(),t.$el.parentNode.removeChild(t.$el);var n=d.findIndex((function(t){return t.id===e}));window.clearTimeout(v[n]),v.splice(n,1),d.splice(n,1)}}),300)},w.changeMessage=function(e,t){e.message=t;for(var n=d.length,s=0;s<n;s++)if(d[s].id===e.id)return window.clearTimeout(v[s]),v.splice(s,1),d.splice(s,1),d.push(e),void w.setTimer(e.id,e)},w.remove=function(e){e&&!e._isDestroyed&&w.clearTimer(e.id,e)};var g=w}(),i}()}));