@para-ui/core 2.2.4 → 2.2.5-beta

package/Message/index.d.ts

@@ -1,4 +1,8 @@
-import './index.scss';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.para-message-box {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.para-message-box .msg-item .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 44px;\n  padding: 12px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.para-message-box .msg-item .msg-icon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 16px;\n  line-height: 0;\n}\n.para-message-box .msg-item .msg-icon svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.para-message-box .msg-item .msg-text {\n  display: inline-block;\n  max-width: 60vw;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 22px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.para-message-box .msg-item .msg-text--title {\n  font-weight: 700;\n}\n.para-message-box .msg-item .msg-text--noicon {\n  margin-left: 0;\n}\n.para-message-box .msg-item .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.para-message-box .msg-item .msg-close {\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.para-message-box .msg-item .msg-close svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.para-message-box .msg-info {\n  background-color: rgb(243, 246, 252);\n  color: rgb(54, 102, 214);\n}\n.para-message-box .msg-info .msg-close {\n  color: rgb(54, 102, 214);\n}\n.para-message-box .msg-warn {\n  background-color: rgb(254, 249, 245);\n  color: rgb(255, 161, 80);\n}\n.para-message-box .msg-warn .msg-close {\n  color: rgb(255, 161, 80);\n}\n.para-message-box .msg-error {\n  background-color: rgb(253, 246, 245);\n  color: rgb(235, 96, 84);\n}\n.para-message-box .msg-error .msg-close {\n  color: rgb(235, 96, 84);\n}\n.para-message-box .msg-success {\n  background-color: rgb(245, 251, 242);\n  color: rgb(83, 195, 27);\n}\n.para-message-box .msg-success .msg-close {\n  color: rgb(83, 195, 27);\n}\n.para-message-box .para-message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: para-message-fadeInDown;\n}\n@keyframes para-message-fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
+styleInject(css_248z);
+
 interface MsgGlobalConfig {
     /**
      * 最大显示数
@@ -10,8 +14,8 @@ interface MsgGlobalConfig {
     duration?: number;
 }
 declare const _default: () => JSX.Element;
-export default _default;
-export declare type MsgTypeProps = {
+
+declare type MsgTypeProps = {
     /**是否启用html渲染内容*/
     html?: boolean;
     /**是否强制显示关闭按钮，默认自动当延迟关闭事件为0或null时自动显示*/
@@ -40,7 +44,7 @@ export declare type MsgTypeProps = {
 interface MsgPorps {
     (config: string | MsgTypeProps, duration?: number): void;
 }
-export interface MessageObject {
+interface MessageObject {
     /**信息*/
     info: MsgPorps;
     /**警告*/
@@ -56,4 +60,6 @@ export interface MessageObject {
     /** 全局配置 */
     config?: (config: MsgGlobalConfig) => void;
 }
-export declare const Message: MessageObject;
+declare const Message: MessageObject;
+
+export { Message, MessageObject, MsgTypeProps, _default as default };

package/Message/index.js

@@ -1,15 +1,222 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom"),require("@para-ui/icons/WarningCircleF"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF")):"function"==typeof define&&define.amd?define(["react","react-dom","@para-ui/icons/WarningCircleF","@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("react-dom"),require("@para-ui/icons/WarningCircleF"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF")):e.ParaUI=t(e.react,e["react-dom"],e["@para-ui/icons/WarningCircleF"],e["@para-ui/icons/CheckCircleF"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircleF"])}(self,(function(e,t,n,r,o,i){return function(){var a={747:function(e,t,n){(t=n(3645)(!1)).push([e.id,".para-message-box{position:fixed;top:3%;left:0;z-index:10005;text-align:center;width:100%;pointer-events:none}.para-message-box .msg-item .msg-wrapper{position:relative;display:inline-block;margin:10px auto;min-height:44px;padding:12px 16px;border-radius:4px;font-size:14px;text-align:left}.para-message-box .msg-item .msg-icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;line-height:0}.para-message-box .msg-item .msg-icon svg{font-size:14px;color:currentColor}.para-message-box .msg-item .msg-text{display:inline-block;max-width:60vw;word-wrap:break-word;margin-right:32px;margin-left:22px;line-height:20px;word-break:break-all}.para-message-box .msg-item .msg-text--title{font-weight:700}.para-message-box .msg-item .msg-text--noicon{margin-left:0}.para-message-box .msg-item .msg-text .msg-desc{display:block;margin-top:8px;font-weight:400;word-wrap:break-word}.para-message-box .msg-item .msg-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;line-height:0;pointer-events:auto}.para-message-box .msg-item .msg-close svg{font-size:14px;color:currentColor}.para-message-box .msg-info{background-color:#f3f6fc;color:#3666d6}.para-message-box .msg-info .msg-close{color:#3666d6}.para-message-box .msg-warn{background-color:#fef9f5;color:#ffa150}.para-message-box .msg-warn .msg-close{color:#ffa150}.para-message-box .msg-error{background-color:#fdf6f5;color:#eb6054}.para-message-box .msg-error .msg-close{color:#eb6054}.para-message-box .msg-success{background-color:#f5fbf2;color:#53c31b}.para-message-box .msg-success .msg-close{color:#53c31b}.para-message-box .para-message-fadeInDown{animation-duration:.5s;animation-name:para-message-fadeInDown}@keyframes para-message-fadeInDown{from{opacity:0;transform:translate(0, -50px)}to{opacity:1;transform:translate(0, 0)}}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(c," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,s,c;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);r&&o[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,s,c=o(e),u=1;u<arguments.length;u++){for(var l in a=Object(arguments[u]))n.call(a,l)&&(c[l]=a[l]);if(t){s=t(a);for(var f=0;f<s.length;f++)r.call(a,s[f])&&(c[s[f]]=a[s[f]])}}return c}},5251:function(e,t,n){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-n(7418);var r=n(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,n){var r,i={},u=null,l=null;for(r in void 0!==n&&(u=""+n),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(l=t.ref),t)s.call(t,r)&&!c.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:u,ref:l,props:i,_owner:a.current}}t.jsx=u},5893:function(e,t,n){"use strict";e.exports=n(5251)},821:function(e,t,n){var r=n(3379),o=n(747);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function s(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],c=t.base?i[0]+t.base:i[0],u=n[c]||0,l="".concat(c," ").concat(u);n[c]=u+1;var f=s(l),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(d)):a.push({identifier:l,updater:v(d,t),references:1}),r.push(l)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function p(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,g=0;function v(e,t){var n,r,o;if(t.singleton){var i=g++;n=m||(m=u(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=u(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=s(n[r]);a[o].references--}for(var i=c(e,t),u=0;u<n.length;u++){var l=s(n[u]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},1014:function(e){"use strict";e.exports=r},5927:function(e){"use strict";e.exports=o},6649:function(e){"use strict";e.exports=i},595:function(e){"use strict";e.exports=n},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t}},s={};function c(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={id:e,exports:{}};return a[e](n,n.exports,c),n.exports}c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,{a:t}),t},c.d=function(e,t){for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.nc=void 0;var u={};return function(){"use strict";c.r(u),c.d(u,{Message:function(){return y}});var e=c(5893),t=c(7111),n=c.n(t),r=c(595),o=c.n(r),i=c(1014),a=c.n(i),s=c(5927),l=c.n(s),f=c(6649),d=c.n(f),p=(c(821),{info:(0,e.jsx)(o(),{}),warn:(0,e.jsx)(o(),{}),error:(0,e.jsx)(d(),{}),success:(0,e.jsx)(a(),{})}),m=function(){return window===window.top?window:window.top},g="msgbox_"+String(1e5*Math.random()|0+(new Date).getTime());u.default=function(){return(0,e.jsx)("div",{className:"para-message-box",id:g})};var v=function(t,r,o,i){var a=r.icon,s=r.text,c=r.id,u=r.type,f=r.html,d=r.close,p=r.desc,m=r.hideIcon,g=function(e){var t=e.icon,n=e.text,r=e.id,o=e.type,i=e.html,a=e.close,s=e.desc,c=e.hideIcon,u=document.createElement("div");u.className="msg-item",u.id=r,u.innerHTML='<div class="msg-wrapper para-message-fadeInDown msg-'.concat(o,'">\n                ').concat(t?'<div class="msg-icon"></div>':"",'\n                <div class="msg-text"></div>\n                ').concat(a?'<div class="msg-close"></div>':"","\n                </div>\n    ");var l=u.querySelector(".msg-text");if(!l)return u;if(i?l.innerHTML=n:l.textContent=n,s){var f=document.createElement("span");f.className="msg-desc",f.textContent=s||"",l.classList.add("msg-text--title"),l.appendChild(f)}c&&l.classList.add("msg-text--noicon");var d=u.querySelector(".msg-close");return d&&d.addEventListener("click",(function(){var e;document.querySelector("#".concat(r))&&(null===(e=null==u?void 0:u.parentNode)||void 0===e||e.removeChild(u),u=null)})),u}({id:c,text:s,icon:a,type:u,html:f,close:d,desc:p,hideIcon:m});null==t||t.appendChild(g);var v=document.querySelector("#".concat(c," .msg-icon"));v&&a&&!m&&n().render(a,v);var b=document.querySelector("#".concat(c," .msg-close"));b&&n().render((0,e.jsx)(l(),{}),b),i&&setTimeout((function(){document.querySelector("#".concat(g.id))&&(null==t||t.removeChild(g))}),o)},b=function(e,t,n,r){var o,i,a,s=function(){return m().__msg_conf__||{}},c=p[n],u="",l="",f=!1,d=!1,g=null!==(o=s().maxCount)&&void 0!==o?o:1/0,b=null!==(i=s().duration)&&void 0!==i?i:t,h=!isNaN(b)&&b>0;"string"==typeof e?u=e:"object"==typeof e&&(u=e.text||"",l=e.desc,c=e.icon||p[n],f=e.html||!1,d=e.hideIcon||!1,e.maxCount>0&&(g=e.maxCount||1/0)),a="object"==typeof e&&"boolean"==typeof e.close?e.close:!h;var y=document.getElementById(r);y||((y=document.createElement("div")).id=r,y.className="para-message-box",document.body.appendChild(y));var w="msgitem_"+String(1e5*Math.random()|0+(new Date).getTime());v(y,{id:w,text:u,icon:c,type:n,html:f,close:a,desc:l,hideIcon:d},b,h),x(y,g)},x=function(e,t){var n,r;if(e&&(null===(n=e.children)||void 0===n?void 0:n.length)){var o=e.children,i=o.length;if(i>t)for(var a=0;a<i;a++)a<t&&o[a]&&(null===(r=o[a].parentNode)||void 0===r||r.removeChild(o[a]))}},h=function(e){var t=document.getElementById(e);t&&(t.innerHTML="")},y={info:function(e,t){return void 0===t&&(t=2e3),b(e,t,"info",g)},warn:function(e,t){return void 0===t&&(t=2e3),b(e,t,"warn",g)},error:function(e,t){return void 0===t&&(t=2e3),b(e,t,"error",g)},success:function(e,t){return void 0===t&&(t=2e3),b(e,t,"success",g)},clear:function(){return h(g)},destroyAll:function(){return h(g)},config:function(e){return void 0===(t=e)&&(t={}),void(m().__msg_conf__=t);var t}}}(),u}()}));
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { jsx } from 'react/jsx-runtime';
+import ReactDOM from 'react-dom';
+import WarningCircleF from '@para-ui/icons/WarningCircleF';
+import SuccessOutlined from '@para-ui/icons/CheckCircleF';
+import CloseIcon from '@para-ui/icons/Close';
+import ErrorOutlined from '@para-ui/icons/CloseCircleF';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.para-message-box {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.para-message-box .msg-item .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 44px;\n  padding: 12px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.para-message-box .msg-item .msg-icon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 16px;\n  line-height: 0;\n}\n.para-message-box .msg-item .msg-icon svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.para-message-box .msg-item .msg-text {\n  display: inline-block;\n  max-width: 60vw;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 22px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.para-message-box .msg-item .msg-text--title {\n  font-weight: 700;\n}\n.para-message-box .msg-item .msg-text--noicon {\n  margin-left: 0;\n}\n.para-message-box .msg-item .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.para-message-box .msg-item .msg-close {\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.para-message-box .msg-item .msg-close svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.para-message-box .msg-info {\n  background-color: rgb(243, 246, 252);\n  color: rgb(54, 102, 214);\n}\n.para-message-box .msg-info .msg-close {\n  color: rgb(54, 102, 214);\n}\n.para-message-box .msg-warn {\n  background-color: rgb(254, 249, 245);\n  color: rgb(255, 161, 80);\n}\n.para-message-box .msg-warn .msg-close {\n  color: rgb(255, 161, 80);\n}\n.para-message-box .msg-error {\n  background-color: rgb(253, 246, 245);\n  color: rgb(235, 96, 84);\n}\n.para-message-box .msg-error .msg-close {\n  color: rgb(235, 96, 84);\n}\n.para-message-box .msg-success {\n  background-color: rgb(245, 251, 242);\n  color: rgb(83, 195, 27);\n}\n.para-message-box .msg-success .msg-close {\n  color: rgb(83, 195, 27);\n}\n.para-message-box .para-message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: para-message-fadeInDown;\n}\n@keyframes para-message-fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
+styleInject(css_248z);
+
+var iconMapping = {
+  'info': jsx(WarningCircleF, {}),
+  'warn': jsx(WarningCircleF, {}),
+  'error': jsx(ErrorOutlined, {}),
+  'success': jsx(SuccessOutlined, {})
+}; //获取window
+
+var getMsgWindow = function getMsgWindow() {
+  return window === window.top ? window : window.top;
+}; //消息内容模板
+
+
+var template = function template(_ref) {
+  var icon = _ref.icon,
+      text = _ref.text,
+      id = _ref.id,
+      type = _ref.type,
+      html = _ref.html,
+      close = _ref.close,
+      desc = _ref.desc,
+      hideIcon = _ref.hideIcon;
+  var item = document.createElement('div');
+  item.className = "msg-item";
+  item.id = id;
+  item.innerHTML = "<div class=\"msg-wrapper para-message-fadeInDown msg-".concat(type, "\">\n                ").concat(icon ? "<div class=\"msg-icon\"></div>" : '', "\n                <div class=\"msg-text\"></div>\n                ").concat(close ? "<div class=\"msg-close\"></div>" : '', "\n                </div>\n    ");
+  var msgBox = item.querySelector('.msg-text');
+  if (!msgBox) return item;
+  if (html) msgBox.innerHTML = text;else msgBox.textContent = text; //描述
+
+  if (desc) {
+    var span = document.createElement('span');
+    span.className = 'msg-desc';
+    span.textContent = desc || '';
+    msgBox.classList.add('msg-text--title');
+    msgBox.appendChild(span);
+  }
+
+  if (hideIcon) {
+    msgBox.classList.add('msg-text--noicon');
+  }
+
+  var msgClose = item.querySelector('.msg-close');
+  if (msgClose) msgClose.addEventListener('click', function () {
+    var _a;
+
+    var hasNode = document.querySelector("#".concat(id));
+
+    if (hasNode) {
+      (_a = item === null || item === void 0 ? void 0 : item.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(item);
+      item = null;
+    }
+  });
+  return item;
+}; //消息box id
+
+
+var parentId = 'msgbox_' + String(Math.random() * 100000 | 0 + new Date().getTime()); //message mountNode
+
+var index = (function () {
+  return jsx("div", {
+    className: 'para-message-box',
+    id: parentId
+  });
+}); //渲染msg 内容
+
+var renderContent = function renderContent(box, _ref2, removeTime, autoClose) {
+  var icon = _ref2.icon,
+      text = _ref2.text,
+      id = _ref2.id,
+      type = _ref2.type,
+      html = _ref2.html,
+      close = _ref2.close,
+      desc = _ref2.desc,
+      hideIcon = _ref2.hideIcon;
+  var item = template({
+    id: id,
+    text: text,
+    icon: icon,
+    type: type,
+    html: html,
+    close: close,
+    desc: desc,
+    hideIcon: hideIcon
+  });
+  box === null || box === void 0 ? void 0 : box.appendChild(item);
+  var iconDom = document.querySelector("#".concat(id, " .msg-icon"));
+  if (iconDom && icon && !hideIcon) ReactDOM.render(icon, iconDom);
+  var closeDom = document.querySelector("#".concat(id, " .msg-close"));
+  if (closeDom) ReactDOM.render(jsx(CloseIcon, {}), closeDom);
+  if (!autoClose) return;
+  setTimeout(function () {
+    var hasNode = document.querySelector("#".concat(item.id));
+    if (hasNode) box === null || box === void 0 ? void 0 : box.removeChild(item);
+  }, removeTime);
+}; //message 构造方法
+
+
+var Msg = function Msg(config, removeTime, type, parentId) {
+  var _a, _b;
+
+  var getMsgConf = function getMsgConf() {
+    var _win = getMsgWindow();
+
+    return _win['__msg_conf__'] || {};
+  };
+
+  var icon = iconMapping[type],
+      text = '',
+      desc = '',
+      html = false,
+      close,
+      hideIcon = false,
+      maxCount = (_a = getMsgConf().maxCount) !== null && _a !== void 0 ? _a : Infinity,
+      duration = (_b = getMsgConf().duration) !== null && _b !== void 0 ? _b : removeTime;
+  var autoClose = !isNaN(duration) && duration > 0;
+  if (typeof config === "string") text = config;else if (_typeof(config) === "object") {
+    text = config.text || '';
+    desc = config.desc;
+    icon = config.icon || iconMapping[type];
+    html = config.html || false;
+    hideIcon = config.hideIcon || false;
+    if (config.maxCount > 0) maxCount = config.maxCount || Infinity;
+  }
+  if (_typeof(config) === "object" && typeof config.close === "boolean") close = config.close;else close = !autoClose;
+  var parent = document.getElementById(parentId);
+
+  if (!parent) {
+    parent = document.createElement('div');
+    parent.id = parentId;
+    parent.className = 'para-message-box';
+    document.body.appendChild(parent);
+  }
+
+  var id = 'msgitem_' + String(Math.random() * 100000 | 0 + new Date().getTime());
+  renderContent(parent, {
+    id: id,
+    text: text,
+    icon: icon,
+    type: type,
+    html: html,
+    close: close,
+    desc: desc,
+    hideIcon: hideIcon
+  }, duration, autoClose);
+  dropEleWhenExceedLimit(parent, maxCount);
+}; //超出maxCount 删除之前元素
+
+
+var dropEleWhenExceedLimit = function dropEleWhenExceedLimit(parent, maxCount) {
+  var _a, _b;
+
+  if (!parent || !((_a = parent.children) === null || _a === void 0 ? void 0 : _a.length)) return;
+  var child = parent.children;
+  var len = child.length;
+
+  if (len > maxCount) {
+    for (var i = 0; i < len; i++) {
+      if (i < maxCount && child[i]) {
+        (_b = child[i].parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(child[i]);
+      }
+    }
+  }
+}; //清除所有msg
+
+
+var clearFunc = function clearFunc(parentId) {
+  var parent = document.getElementById(parentId);
+  if (!parent) return;
+  parent.innerHTML = '';
+}; //msg 全局配置
+
+
+var msgConfig = function msgConfig() {
+  var conf = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  var _win = getMsgWindow();
+
+  _win.__msg_conf__ = conf;
+}; //message
+
+
+var Message = {
+  info: function info(config) {
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    return Msg(config, duration, 'info', parentId);
+  },
+  warn: function warn(config) {
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    return Msg(config, duration, 'warn', parentId);
+  },
+  error: function error(config) {
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    return Msg(config, duration, 'error', parentId);
+  },
+  success: function success(config) {
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    return Msg(config, duration, 'success', parentId);
+  },
+  clear: function clear() {
+    return clearFunc(parentId);
+  },
+  destroyAll: function destroyAll() {
+    return clearFunc(parentId);
+  },
+  config: function config(_config) {
+    return msgConfig(_config);
+  }
+};
+
+export { Message, index as default };

package/Modal/index.d.ts

@@ -1,61 +1,163 @@
-import React, { FunctionComponent, ReactNode } from "react";
-import { ButtonProps } from "../Button";
-import { Confirm, ConfirmObject } from "./Confirm";
-import './index.scss';
-declare type ModalSize = 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
-export interface ModalProps {
+import React__default, { ReactNode } from 'react';
+import { ButtonProps } from '../Button/index.js';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+import '../_verture/interface-a77a851e.js';
+import 'rc-tooltip/lib/Tooltip';
+import '../_verture/index-6190b129.js';
+import '../_verture/index-5b08df83.js';
+import '../Dropdown/index.js';
+import '../_verture/index-0d8e1d07.js';
+
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午7:00\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-confirm .paraui-modal-body {\n  padding: 0;\n}\n.paraui-confirm-wrapper {\n  width: 416px;\n  outline: none;\n}\n.paraui-confirm-content {\n  position: relative;\n  padding: 32px 32px 24px;\n}\n.paraui-confirm-content .paraui-confirm-content-close {\n  position: absolute;\n  right: 16px;\n  top: 16px;\n  border: none;\n}\n.paraui-confirm-content .paraui-confirm-content-close .paraui-icon {\n  font-size: 18px;\n}\n.paraui-confirm-content-icon {\n  float: left;\n  margin-top: 2px;\n  color: rgb(255, 161, 80);\n}\n.paraui-confirm-content-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-confirm-content-icon--warn, .paraui-confirm-content-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-confirm-content-icon--error {\n  color: rgb(235, 96, 84);\n}\n.paraui-confirm-content-icon--success {\n  color: rgb(83, 195, 27);\n}\n.paraui-confirm-content-icon--info {\n  color: rgb(54, 102, 214);\n}\n.paraui-confirm-content-body {\n  margin: 0 16px 0 30px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-confirm-content-body .paraui-confirm-body-title {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 700;\n  font-size: 16px;\n}\n.paraui-confirm-content-actions {\n  margin-top: 24px;\n  text-align: right;\n}\n.paraui-confirm-content-actions > button + button {\n  margin-left: 16px;\n}";
+styleInject(css_248z$1);
+
+declare type ConfirmType = "success" | "info" | "error" | "warn" | "warning";
+interface ConfirmDialogProps {
+    /**图标类型*/
+    type?: ConfirmType;
     /**打开*/
     open?: boolean;
     /**标题*/
     title?: ReactNode;
-    /**子节点*/
-    children?: ReactNode;
-    /**对话框头部*/
-    header?: ReactNode;
-    /**隐藏对话框头部*/
-    hideHeader?: boolean;
+    /**内容*/
+    content?: ReactNode;
+    /**自定义图标*/
+    icon?: ReactNode;
+    /**ok文本*/
+    okText?: string;
+    /**cancel文本*/
+    cancelText?: string;
     /**底部操作栏*/
-    actions?: ((buttons: ReactNode[]) => ReactNode[]) | ReactNode;
+    actions?: ReactNode;
     /**是否显示actions*/
     showActions?: boolean;
     /**确定回调*/
     onOk?: Function;
-    /**取消回调 return false 不关闭*/
-    onCancel?: () => boolean | void;
-    /**OK文本*/
-    okText?: string;
-    /**取消文本*/
-    cancelText?: string;
+    /**取消回调*/
+    onCancel?: Function;
+    /**cls*/
+    className?: string;
+    /**confirm 宽度*/
+    width?: string | number;
+    /**显示取消按钮*/
+    showCancel?: boolean;
+    /**显示关闭按钮*/
+    closable?: boolean;
+    /**禁用backdrop点击*/
+    disableBackdropClick?: boolean;
+    /**禁用esc键*/
+    disableEscapeKeyDown?: boolean;
     /**确定按钮属性*/
     okButtonProps?: ButtonProps;
     /**取消按钮属性*/
     cancelButtonProps?: ButtonProps;
-    /**显示取消按钮*/
+    /**promise resolve*/
+    resolveFn?: Function;
+    /**确定时回调*/
+    callback?: Function;
+    /**销毁方法*/
+    destroy?: Function;
+}
+declare type ConfirmProps = Omit<ConfirmDialogProps, 'open' | 'resolveFn' | 'destroy' | 'callback'> & {
+    uuid?: string;
+};
+interface ConfirmFn {
+    (config: ConfirmProps | string, callback?: Function): void | Promise<any>;
+}
+interface ConfirmObject {
+    info: ConfirmFn;
+    warn: ConfirmFn;
+    error: ConfirmFn;
+    success: ConfirmFn;
+    destroyAll?: (uuid?: string) => void;
+}
+declare const Confirm: ConfirmObject;
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-modal {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  font-feature-settings: \"tnum\";\n  pointer-events: none;\n  position: relative;\n  top: 100px;\n  width: auto;\n  max-width: calc(100vw - 32px);\n  margin: 0 auto;\n  padding-bottom: 24px;\n}\n.paraui-modal-sm .paraui-modal-content {\n  width: 430px;\n  max-height: 250px;\n}\n.paraui-modal-md .paraui-modal-content {\n  width: 486px;\n  max-height: 610px;\n}\n.paraui-modal-lg .paraui-modal-content {\n  width: 948px;\n  max-height: 610px;\n}\n.paraui-modal-fullscreen {\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n}\n.paraui-modal.paraui-modal-zoom-enter, .paraui-modal.paraui-modal-zoom-appear {\n  transform: none;\n  opacity: 0;\n  animation-duration: 0.3s;\n  user-select: none;\n}\n.paraui-modal-mask {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n}\n.paraui-modal-mask-hidden {\n  display: none;\n}\n.paraui-modal-wrap {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: auto;\n  outline: 0;\n  z-index: 1500;\n  -webkit-overflow-scrolling: touch;\n}\n.paraui-modal-title {\n  position: relative;\n  height: 44px;\n  padding: 12px 24px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  font-weight: 700;\n  line-height: 20px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n  overflow-wrap: break-word;\n}\n.paraui-modal-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  position: relative;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  pointer-events: auto;\n  overflow-y: auto;\n}\n.paraui-modal-close {\n  position: absolute;\n  top: 8px;\n  right: 14px;\n  z-index: 10;\n  border: 0;\n}\n.paraui-modal-body {\n  flex: auto;\n  padding: 16px 24px;\n  overflow-y: auto;\n  overflow-wrap: break-word;\n}\n.paraui-modal-footer {\n  padding: 8px 24px 24px;\n  text-align: right;\n}\n.paraui-modal-footer > button + button {\n  margin-left: 16px;\n}\n.paraui-modal-open {\n  overflow: hidden;\n}\n.paraui-modal-centered {\n  text-align: center;\n}\n.paraui-modal-centered::before {\n  display: inline-block;\n  width: 0;\n  height: 100%;\n  vertical-align: middle;\n  content: \"\";\n}\n.paraui-modal-centered .paraui-modal {\n  top: 0;\n  display: inline-block;\n  padding-bottom: 0;\n  text-align: left;\n  vertical-align: middle;\n}\n@media (max-width: 767px) {\n  .paraui-modal .paraui-modal {\n    max-width: calc(100vw - 16px);\n    margin: 8px auto;\n  }\n  .paraui-modal .paraui-modal-centered .paraui-modal {\n    flex: 1;\n  }\n}\n\n.paraui-modal-zoom-enter,\n.paraui-modal-zoom-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-modal-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-modal-zoom-enter.paraui-modal-zoom-enter-active,\n.paraui-modal-zoom-appear.paraui-modal-zoom-appear-active {\n  animation-name: parauiModalZoomIn;\n  animation-play-state: running;\n}\n\n.paraui-modal-zoom-leave.paraui-modal-zoom-leave-active {\n  animation-name: parauiModalZoomOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-modal-zoom-enter-prepare,\n.paraui-modal-zoom-appear-prepare {\n  transform: none;\n}\n\n.paraui-modal-zoom-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-modal-fade-enter,\n.paraui-modal-fade-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-modal-fade-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-modal-fade-enter.paraui-modal-fade-enter-active,\n.paraui-modal-fade-appear.paraui-modal-fade-appear-active {\n  animation-name: parauiModalFadeIn;\n  animation-play-state: running;\n}\n\n.paraui-modal-fade-leave.paraui-modal-fade-leave-active {\n  animation-name: parauiModalFadeOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-modal-fade-enter,\n.paraui-modal-fade-appear {\n  opacity: 0;\n  animation-timing-function: linear;\n}\n\n.paraui-modal-fade-leave {\n  animation-timing-function: linear;\n}\n\n@keyframes parauiModalZoomIn {\n  0% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes parauiModalZoomOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n}\n@keyframes parauiModalFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes parauiModalFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}";
+styleInject(css_248z);
+
+declare type ModalSize = 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
+interface ModalProps {
+    /** 对话框是否可见 */
+    visible?: boolean;
+    /** 打开 */
+    open?: boolean;
+    /** 确定按钮 loading */
+    confirmLoading?: boolean;
+    /** 标题 */
+    title?: ReactNode;
+    /** 内容 */
+    children?: ReactNode;
+    /** 对话框头部 */
+    header?: ReactNode;
+    /** 隐藏对话框头部 */
+    hideHeader?: boolean;
+    /** 底部操作栏 */
+    actions?: ((buttons: ReactNode[]) => ReactNode[]) | ReactNode;
+    /** 底部内容 */
+    footer?: ((buttons: ReactNode[]) => ReactNode[]) | ReactNode;
+    /** 是否显示actions */
+    showActions?: boolean;
+    /** 显示取消按钮 */
     showCancel?: boolean;
-    /**cls*/
-    className?: string;
-    /**大小*/
+    /** 是否显示右上角的关闭按钮 */
+    closable?: boolean;
+    /** 点击确定回调 */
+    onOk?: (e?: React__default.MouseEvent<HTMLElement>) => void;
+    /** 点击模态框右上角叉、取消按钮,return false 不关闭 */
+    onCancel?: (e?: React__default.MouseEvent<HTMLElement>) => boolean | void;
+    afterClose?: () => void;
+    /** 大小 */
     size?: ModalSize;
-    /**禁用backdrop点击*/
+    /** 垂直居中 */
+    centered?: boolean;
+    /** 宽度 */
+    width?: string | number;
+    /** 确认按钮文字 */
+    okText?: ReactNode;
+    /** 确认按钮类型 */
+    okType?: string;
+    /** 取消按钮文字 */
+    cancelText?: ReactNode;
+    /** 点击蒙层是否允许关闭 */
+    maskClosable?: boolean;
     disableBackdropClick?: boolean;
-    /**禁用esc键*/
+    /** 强制渲染 Modal */
+    forceRender?: boolean;
+    /** 确定按钮属性 */
+    okButtonProps?: ButtonProps;
+    /** 取消按钮属性 */
+    cancelButtonProps?: ButtonProps;
+    destroyOnClose?: boolean;
+    style?: React__default.CSSProperties;
+    wrapClassName?: string;
+    maskTransitionName?: string;
+    transitionName?: string;
+    className?: string;
+    getContainer?: string | HTMLElement | (() => HTMLElement) | false;
+    zIndex?: number;
+    bodyStyle?: React__default.CSSProperties;
+    maskStyle?: React__default.CSSProperties;
+    mask?: boolean;
+    /** 是否支持键盘esc关闭 */
+    keyboard?: boolean;
     disableEscapeKeyDown?: boolean;
-    /**禁用强制焦点*/
-    disableEnforceFocus?: boolean;
-    /**是否全屏*/
+    wrapProps?: any;
+    closeIcon?: ReactNode;
+    modalRender?: (node: ReactNode) => ReactNode;
+    focusTriggerAfterClose?: boolean;
+    /** 是否全屏 */
     fullScreen?: boolean;
-    /**自定义大小*/
-    customizeSize?: React.CSSProperties;
-    /**自定义大小 兼容customizeSize*/
-    style?: React.CSSProperties;
-    /**内容宽度*/
+    /** 自定义大小 */
+    customizeSize?: React__default.CSSProperties;
+    /** 内容宽度 */
     contentWidth?: number | string;
-    /**内容高度*/
+    /** 内容高度 */
     contentHeight?: number | string;
-    /**内容样式*/
-    contentStyle?: React.CSSProperties;
+    /** 内容样式 */
+    contentStyle?: React__default.CSSProperties;
+    [name: string]: any;
 }
-export declare const Modal: FunctionComponent<ModalProps>;
-export { Confirm };
-export type { ConfirmObject };
-export default Modal;
+declare const Modal: React__default.FC<ModalProps>;
+
+export { Confirm, ConfirmObject, Modal, ModalProps, Modal as default };