@para-ui/core 2.2.6 → 2.2.7-beta

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,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,c,s;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 c=0;c<e.length;c++){var s=[].concat(e[c]);r&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),t.push(s))}},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,c,s=o(e),u=1;u<arguments.length;u++){for(var l in a=Object(arguments[u]))n.call(a,l)&&(s[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)r.call(a,c[f])&&(s[c[f]]=a[c[f]])}}return s}},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,c=Object.prototype.hasOwnProperty,s={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)c.call(t,r)&&!s.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 c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function s(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],s=t.base?i[0]+t.base:i[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var f=c(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=s(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=c(n[r]);a[o].references--}for(var i=s(e,t),u=0;u<n.length;u++){var l=c(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}},c={};function s(e){var t=c[e];if(void 0!==t)return t.exports;var n=c[e]={id:e,exports:{}};return a[e](n,n.exports,s),n.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})},s.nc=void 0;var u={};return function(){"use strict";s.r(u),s.d(u,{Message:function(){return y}});var e=s(5893),t=s(7111),n=s.n(t),r=s(595),o=s.n(r),i=s(1014),a=s.n(i),c=s(5927),l=s.n(c),f=s(6649),d=s.n(f),p=(s(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,c=r.text,s=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,c=e.desc,s=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,c){var f=document.createElement("span");f.className="msg-desc",f.textContent=c||"",l.classList.add("msg-text--title"),l.appendChild(f)}s&&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:s,text:c,icon:a,type:u,html:f,close:d,desc:p,hideIcon:m});null==t||t.appendChild(g);var v=document.querySelector("#".concat(s," .msg-icon"));v&&a&&!m&&n().render(a,v);var b=document.querySelector("#".concat(s," .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,c=function(){return m().__msg_conf__||{}},s=p[n],u="",l="",f=!1,d=!1,g=null!==(o=c().maxCount)&&void 0!==o?o:1/0,b=null!==(i=c().duration)&&void 0!==i?i:t,x="",y=void 0,w=!isNaN(b)&&b>0;"string"==typeof e?u=e:"object"==typeof e&&(u=e.text||"",l=e.desc,s=e.icon||p[n],f=e.html||!1,d=e.hideIcon||!1,x=e.className||"",y=e.style,e.maxCount>0&&(g=e.maxCount||1/0)),a="object"==typeof e&&"boolean"==typeof e.close?e.close:!w;var C=document.getElementById(r);if(C||((C=document.createElement("div")).id=r,document.body.appendChild(C)),y){var j=[];Object.keys(y).forEach((function(e){var t=y[e];j.push("".concat(e,":").concat(t))})),j.length&&C.setAttribute("style",j.join(";"))}C.className="para-message-box".concat(x?" "+x:"");var _="msgitem_"+String(1e5*Math.random()|0+(new Date).getTime());v(C,{id:_,text:u,icon:s,type:n,html:f,close:a,desc:l,hideIcon:d},b,w),h(C,g)},h=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]))}},x=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 x(g)},destroyAll:function(){return x(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;
+    document.body.appendChild(parent);
+  }
+
+  parent.className = "para-message-box".concat('');
+  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/Confirm/index.d.ts

@@ -1,66 +1,65 @@
-import { FunctionComponent, ReactNode } from "react";
-import { ButtonProps } from "../../Button";
-import './index.scss';
-declare type ConfirmType = "success" | "info" | "error" | "warn" | "warning";
-interface InternalConfirmProps {
-    /**图标类型*/
-    type?: ConfirmType;
-    /**打开*/
-    open?: boolean;
-    /**标题*/
-    title?: ReactNode;
-    /**内容*/
-    content?: ReactNode;
-    /**自定义图标*/
-    icon?: ReactNode;
-    /**ok文本*/
-    okText?: string;
-    /**cancel文本*/
-    cancelText?: string;
-    /**底部操作栏*/
-    actions?: ReactNode;
-    /**是否显示actions*/
-    showActions?: boolean;
-    /**确定回调*/
-    onOk?: Function;
-    /**取消回调*/
-    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;
-}
-export declare const InternalConfirm: FunctionComponent<InternalConfirmProps>;
-declare type ConfirmProps = Omit<InternalConfirmProps, 'open' | 'resolveFn' | 'destroy' | 'callback'> & {
-    uuid?: string;
-};
-interface ConfirmFn {
-    (config: ConfirmProps | string, callback?: Function): void | Promise<any>;
-}
-export interface ConfirmObject {
-    info: ConfirmFn;
-    warn: ConfirmFn;
-    error: ConfirmFn;
-    success: ConfirmFn;
-    destroyAll?: (uuid?: string) => void;
-}
-export declare const Confirm: ConfirmObject;
-export {};
+import { ReactNode } from "react";
+import { ButtonProps } from "../../Button";
+import './index.scss';
+declare type ConfirmType = "success" | "info" | "error" | "warn" | "warning";
+interface ConfirmDialogProps {
+    /**图标类型*/
+    type?: ConfirmType;
+    /**打开*/
+    open?: boolean;
+    /**标题*/
+    title?: ReactNode;
+    /**内容*/
+    content?: ReactNode;
+    /**自定义图标*/
+    icon?: ReactNode;
+    /**ok文本*/
+    okText?: string;
+    /**cancel文本*/
+    cancelText?: string;
+    /**底部操作栏*/
+    actions?: ReactNode;
+    /**是否显示actions*/
+    showActions?: boolean;
+    /**确定回调*/
+    onOk?: Function;
+    /**取消回调*/
+    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>;
+}
+export interface ConfirmObject {
+    info: ConfirmFn;
+    warn: ConfirmFn;
+    error: ConfirmFn;
+    success: ConfirmFn;
+    destroyAll?: (uuid?: string) => void;
+}
+export declare const Confirm: ConfirmObject;
+export {};

package/Modal/index.d.ts

@@ -1,61 +1,90 @@
-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 {
-    /**打开*/
-    open?: boolean;
-    /**标题*/
-    title?: ReactNode;
-    /**子节点*/
-    children?: ReactNode;
-    /**对话框头部*/
-    header?: ReactNode;
-    /**隐藏对话框头部*/
-    hideHeader?: boolean;
-    /**底部操作栏*/
-    actions?: ((buttons: ReactNode[]) => ReactNode[]) | ReactNode;
-    /**是否显示actions*/
-    showActions?: boolean;
-    /**确定回调*/
-    onOk?: Function;
-    /**取消回调 return false 不关闭*/
-    onCancel?: () => boolean | void;
-    /**OK文本*/
-    okText?: string;
-    /**取消文本*/
-    cancelText?: string;
-    /**确定按钮属性*/
-    okButtonProps?: ButtonProps;
-    /**取消按钮属性*/
-    cancelButtonProps?: ButtonProps;
-    /**显示取消按钮*/
-    showCancel?: boolean;
-    /**cls*/
-    className?: string;
-    /**大小*/
-    size?: ModalSize;
-    /**禁用backdrop点击*/
-    disableBackdropClick?: boolean;
-    /**禁用esc键*/
-    disableEscapeKeyDown?: boolean;
-    /**禁用强制焦点*/
-    disableEnforceFocus?: boolean;
-    /**是否全屏*/
-    fullScreen?: boolean;
-    /**自定义大小*/
-    customizeSize?: React.CSSProperties;
-    /**自定义大小 兼容customizeSize*/
-    style?: React.CSSProperties;
-    /**内容宽度*/
-    contentWidth?: number | string;
-    /**内容高度*/
-    contentHeight?: number | string;
-    /**内容样式*/
-    contentStyle?: React.CSSProperties;
-}
-export declare const Modal: FunctionComponent<ModalProps>;
-export { Confirm };
-export type { ConfirmObject };
-export default Modal;
+import React, { 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 {
+    /** 对话框是否可见 */
+    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;
+    /** 是否显示右上角的关闭按钮 */
+    closable?: boolean;
+    /** 点击确定回调 */
+    onOk?: (e?: React.MouseEvent<HTMLElement>) => void;
+    /** 点击模态框右上角叉、取消按钮,return false 不关闭 */
+    onCancel?: (e?: React.MouseEvent<HTMLElement>) => boolean | void;
+    afterClose?: () => void;
+    /** 大小 */
+    size?: ModalSize;
+    /** 垂直居中 */
+    centered?: boolean;
+    /** 宽度 */
+    width?: string | number;
+    /** 确认按钮文字 */
+    okText?: ReactNode;
+    /** 确认按钮类型 */
+    okType?: string;
+    /** 取消按钮文字 */
+    cancelText?: ReactNode;
+    /** 点击蒙层是否允许关闭 */
+    maskClosable?: boolean;
+    disableBackdropClick?: boolean;
+    /** 强制渲染 Modal */
+    forceRender?: boolean;
+    /** 确定按钮属性 */
+    okButtonProps?: ButtonProps;
+    /** 取消按钮属性 */
+    cancelButtonProps?: ButtonProps;
+    destroyOnClose?: boolean;
+    style?: React.CSSProperties;
+    wrapClassName?: string;
+    maskTransitionName?: string;
+    transitionName?: string;
+    className?: string;
+    getContainer?: string | HTMLElement | (() => HTMLElement) | false;
+    zIndex?: number;
+    bodyStyle?: React.CSSProperties;
+    maskStyle?: React.CSSProperties;
+    mask?: boolean;
+    /** 是否支持键盘esc关闭 */
+    keyboard?: boolean;
+    disableEscapeKeyDown?: boolean;
+    wrapProps?: any;
+    closeIcon?: ReactNode;
+    modalRender?: (node: ReactNode) => ReactNode;
+    focusTriggerAfterClose?: boolean;
+    /** 是否全屏 */
+    fullScreen?: boolean;
+    /** 自定义大小 */
+    customizeSize?: React.CSSProperties;
+    /** 内容宽度 */
+    contentWidth?: number | string;
+    /** 内容高度 */
+    contentHeight?: number | string;
+    /** 内容样式 */
+    contentStyle?: React.CSSProperties;
+    [name: string]: any;
+}
+export declare const Modal: React.FC<ModalProps>;
+export { Confirm };
+export type { ConfirmObject };
+export default Modal;