@para-ui/core 2.2.4 → 2.2.5-beta

package/Notification/index.js

@@ -1,15 +1,266 @@
-!function(i,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("rc-notification"),require("@para-ui/icons/WarningCircleF"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("clsx")):"function"==typeof define&&define.amd?define(["react","rc-notification","@para-ui/icons/WarningCircleF","@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF","clsx"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("rc-notification"),require("@para-ui/icons/WarningCircleF"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("clsx")):i.ParaUI=t(i.react,i["rc-notification"],i["@para-ui/icons/WarningCircleF"],i["@para-ui/icons/CheckCircleF"],i["@para-ui/icons/Close"],i["@para-ui/icons/CloseCircleF"],i.clsx)}(self,(function(i,t,n,o,e,a,r){return function(){var c={698:function(i,t,n){(t=n(3645)(!1)).push([i.id,'.paraui-notification{position:fixed;margin:0 24px 0 0;padding:0;color:#2e3743;font-size:14px;z-index:9999}.paraui-notification-topLeft,.paraui-notification-bottomLeft{margin-right:0;margin-left:24px}.paraui-notification-topLeft .paraui-notification-fade-enter.paraui-notification-fade-enter-active,.paraui-notification-bottomLeft .paraui-notification-fade-enter.paraui-notification-fade-enter-active,.paraui-notification-topLeft .paraui-notification-fade-appear.paraui-notification-fade-appear-active,.paraui-notification-bottomLeft .paraui-notification-fade-appear.paraui-notification-fade-appear-active{animation-name:NotificationLeftFadeIn}.paraui-notification-hook-holder,.paraui-notification-notice{position:relative;width:430px;max-width:calc(100vw - 48px);margin-bottom:16px;margin-left:auto;overflow:hidden;word-wrap:break-word;background:#fff;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}.paraui-notification-topLeft .paraui-notification-hook-holder,.paraui-notification-topLeft .paraui-notification-notice,.paraui-notification-bottomLeft .paraui-notification-hook-holder,.paraui-notification-bottomLeft .paraui-notification-notice{margin-right:auto;margin-left:0}.paraui-notification-hook-holder>.paraui-notification-notice{margin-bottom:0;box-shadow:none}.paraui-notification-notice{padding:20px;line-height:1.5715}.paraui-notification-notice-content{position:relative}.paraui-notification-notice-message{margin-bottom:8px;color:#2e3743;font-size:14px;font-weight:700;line-height:24px}.paraui-notification-notice-message-single-line-auto-margin{display:block;width:calc(264px - 100%);max-width:4px;background-color:rgba(0,0,0,0);pointer-events:none}.paraui-notification-notice-message-single-line-auto-margin::before{display:block;content:""}.paraui-notification-notice-description{font-size:14px;font-weight:400}.paraui-notification-notice-closable .paraui-notification-notice-message{padding-right:24px}.paraui-notification-notice-with-icon .paraui-notification-notice-message{margin-bottom:4px;margin-left:24px}.paraui-notification-notice-with-icon .paraui-notification-notice-description{margin-left:24px}.paraui-notification .paraui-notification-notice-icon{position:absolute;top:4px;font-size:16px;line-height:24px}.paraui-notification .paraui-notification-notice-icon-success{color:#53c31b}.paraui-notification .paraui-notification-notice-icon-info{color:#3666d6}.paraui-notification .paraui-notification-notice-icon-warning{color:#ffa150}.paraui-notification .paraui-notification-notice-icon-error{color:#eb6054}.paraui-notification-notice-close{position:absolute;top:16px;right:22px;color:rgba(46,55,67,.7);outline:none}.paraui-notification-notice-close:hover{color:rgba(46,55,67,.7)}.paraui-notification .paraui-notification-close-icon{font-size:18px;cursor:pointer;color:rgba(46,55,67,.7)}.paraui-notification-notice-btn{float:right;margin-top:16px}.paraui-notification .notification-fade-effect{animation-duration:.24s;animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);animation-fill-mode:both}.paraui-notification-fade-enter,.paraui-notification-fade-appear{animation-duration:.24s;animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);animation-fill-mode:both;opacity:0;animation-play-state:paused}.paraui-notification-fade-leave{animation-duration:.24s;animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);animation-fill-mode:both;animation-play-state:paused}.paraui-notification-fade-enter.paraui-notification-fade-enter-active,.paraui-notification-fade-appear.paraui-notification-fade-appear-active{animation-name:NotificationFadeIn;animation-play-state:running}.paraui-notification-fade-leave.paraui-notification-fade-leave-active{animation-name:NotificationFadeOut;animation-play-state:running}@keyframes NotificationFadeIn{0%{left:430px;opacity:0}100%{left:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{right:430px;opacity:0}100%{right:0;opacity:1}}@keyframes NotificationFadeOut{0%{max-height:150px;margin-bottom:16px;opacity:1}100%{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}',""]),i.exports=t},3645:function(i){"use strict";i.exports=function(i){var t=[];return t.toString=function(){return this.map((function(t){var n=function(i,t){var n=i[1]||"",o=i[3];if(!o)return n;if(t&&"function"==typeof btoa){var e=(r=o,c=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),a=o.sources.map((function(i){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(i," */")}));return[n].concat(a).concat([e]).join("\n")}var r,c,s;return[n].join("\n")}(t,i);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(i,n,o){"string"==typeof i&&(i=[[null,i,""]]);var e={};if(o)for(var a=0;a<this.length;a++){var r=this[a][0];null!=r&&(e[r]=!0)}for(var c=0;c<i.length;c++){var s=[].concat(i[c]);o&&e[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),t.push(s))}},t}},7418:function(i){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function e(i){if(null==i)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(i)}i.exports=function(){try{if(!Object.assign)return!1;var i=new String("abc");if(i[5]="de","5"===Object.getOwnPropertyNames(i)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(i){return t[i]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(i){o[i]=i})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}()?Object.assign:function(i,a){for(var r,c,s=e(i),u=1;u<arguments.length;u++){for(var f in r=Object(arguments[u]))n.call(r,f)&&(s[f]=r[f]);if(t){c=t(r);for(var p=0;p<c.length;p++)o.call(r,c[p])&&(s[c[p]]=r[c[p]])}}return s}},5251:function(i,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 o=n(8156),e=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;e=a("react.element"),a("react.fragment")}var r=o.__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(i,t,n){var o,a={},u=null,f=null;for(o in void 0!==n&&(u=""+n),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(f=t.ref),t)c.call(t,o)&&!s.hasOwnProperty(o)&&(a[o]=t[o]);if(i&&i.defaultProps)for(o in t=i.defaultProps)void 0===a[o]&&(a[o]=t[o]);return{$$typeof:e,type:i,key:u,ref:f,props:a,_owner:r.current}}t.jsx=u,t.jsxs=u},5893:function(i,t,n){"use strict";i.exports=n(5251)},5567:function(i,t,n){var o=n(3379),e=n(698);"string"==typeof(e=e.__esModule?e.default:e)&&(e=[[i.id,e,""]]);var a={insert:("body","body"),singleton:!1};o(e,a);i.exports=e.locals||{}},3379:function(i,t,n){"use strict";var o,e=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},a=function(){var i={};return function(t){if(void 0===i[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(i){n=null}i[t]=n}return i[t]}}(),r=[];function c(i){for(var t=-1,n=0;n<r.length;n++)if(r[n].identifier===i){t=n;break}return t}function s(i,t){for(var n={},o=[],e=0;e<i.length;e++){var a=i[e],s=t.base?a[0]+t.base:a[0],u=n[s]||0,f="".concat(s," ").concat(u);n[s]=u+1;var p=c(f),l={css:a[1],media:a[2],sourceMap:a[3]};-1!==p?(r[p].references++,r[p].updater(l)):r.push({identifier:f,updater:b(l,t),references:1}),o.push(f)}return o}function u(i){var t=document.createElement("style"),o=i.attributes||{};if(void 0===o.nonce){var e=n.nc;e&&(o.nonce=e)}if(Object.keys(o).forEach((function(i){t.setAttribute(i,o[i])})),"function"==typeof i.insert)i.insert(t);else{var r=a(i.insert||"head");if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}return t}var f,p=(f=[],function(i,t){return f[i]=t,f.filter(Boolean).join("\n")});function l(i,t,n,o){var e=n?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(i.styleSheet)i.styleSheet.cssText=p(t,e);else{var a=document.createTextNode(e),r=i.childNodes;r[t]&&i.removeChild(r[t]),r.length?i.insertBefore(a,r[t]):i.appendChild(a)}}function d(i,t,n){var o=n.css,e=n.media,a=n.sourceMap;if(e?i.setAttribute("media",e):i.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),i.styleSheet)i.styleSheet.cssText=o;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(o))}}var m=null,g=0;function b(i,t){var n,o,e;if(t.singleton){var a=g++;n=m||(m=u(t)),o=l.bind(null,n,a,!1),e=l.bind(null,n,a,!0)}else n=u(t),o=d.bind(null,n,t),e=function(){!function(i){if(null===i.parentNode)return!1;i.parentNode.removeChild(i)}(n)};return o(i),function(t){if(t){if(t.css===i.css&&t.media===i.media&&t.sourceMap===i.sourceMap)return;o(i=t)}else e()}}i.exports=function(i,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=e());var n=s(i=i||[],t);return function(i){if(i=i||[],"[object Array]"===Object.prototype.toString.call(i)){for(var o=0;o<n.length;o++){var e=c(n[o]);r[e].references--}for(var a=s(i,t),u=0;u<n.length;u++){var f=c(n[u]);0===r[f].references&&(r[f].updater(),r.splice(f,1))}n=a}}}},1014:function(i){"use strict";i.exports=o},5927:function(i){"use strict";i.exports=e},6649:function(i){"use strict";i.exports=a},595:function(i){"use strict";i.exports=n},5744:function(i){"use strict";i.exports=r},6293:function(i){"use strict";i.exports=t},8156:function(t){"use strict";t.exports=i}},s={};function u(i){var t=s[i];if(void 0!==t)return t.exports;var n=s[i]={id:i,exports:{}};return c[i](n,n.exports,u),n.exports}u.n=function(i){var t=i&&i.__esModule?function(){return i.default}:function(){return i};return u.d(t,{a:t}),t},u.d=function(i,t){for(var n in t)u.o(t,n)&&!u.o(i,n)&&Object.defineProperty(i,n,{enumerable:!0,get:t[n]})},u.o=function(i,t){return Object.prototype.hasOwnProperty.call(i,t)},u.r=function(i){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},u.nc=void 0;var f={};return function(){"use strict";u.r(f);var i,t,n,o=u(5893),e=u(8156),a=u.n(e),r=u(6293),c=u.n(r),s=u(595),p=u.n(s),l=u(1014),d=u.n(l),m=u(5927),g=u.n(m),b=u(6649),v=u.n(b),h=u(5744),y=u.n(h),x=(u(5567),function(){return x=Object.assign||function(i){for(var t,n=1,o=arguments.length;n<o;n++)for(var e in t=arguments[n])Object.prototype.hasOwnProperty.call(t,e)&&(i[e]=t[e]);return i},x.apply(this,arguments)}),C={},w=4.5,j=24,O=24,k="topRight";function N(i,t,n){var o;switch(void 0===t&&(t=j),void 0===n&&(n=O),i){case"topLeft":o={left:0,top:t,bottom:"auto"};break;case"topRight":o={right:0,top:t,bottom:"auto"};break;case"bottomLeft":o={left:0,top:"auto",bottom:n};break;default:o={right:0,top:"auto",bottom:n}}return o}var S={success:d(),info:p(),error:v(),warning:p()};var _={open:function(e){!function(e,a){var r,s=e.placement,u=void 0===s?k:s,f=e.top,p=e.bottom,l=e.getContainer,d=void 0===l?i:l,m=e.closeIcon,b=void 0===m?t:m,v="paraui-notification",h="".concat(v,"-").concat(u),w=C[h];if(w)Promise.resolve(w).then((function(i){a({prefixCls:"".concat(v,"-notice"),instance:i})}));else{var j=(0,o.jsx)("span",x({className:"".concat(v,"-close-x")},{children:b||(0,o.jsx)(g(),{className:"".concat(v,"-close-icon")})})),O=y()("".concat(v,"-").concat(u),((r={})["".concat(v,"-rtl")]=!1,r));C[h]=new Promise((function(i){c().newInstance({prefixCls:v,className:O,style:N(u,f,p),getContainer:d,closeIcon:j,maxCount:n},(function(t){i(t),a({prefixCls:"".concat(v,"-notice"),instance:t})}))}))}}(e,(function(i){var t=i.prefixCls;i.instance.notice(function(i,t){var n,e=i.duration,r=i.icon,c=i.type,s=i.description,u=i.message,f=i.btn,p=i.onClose,l=i.onClick,d=i.key,m=i.style,g=i.className,b=void 0===e?w:e,v=null;r?v=(0,o.jsx)("span",x({className:"".concat(t,"-icon")},{children:r})):c&&(v=a().createElement(S[c]||null,{className:"".concat(t,"-icon ").concat(t,"-icon-").concat(c)}));var h=!s&&v?(0,o.jsx)("span",{className:"".concat(t,"-message-single-line-auto-margin")}):null;return{content:(0,o.jsxs)("div",x({className:v?"".concat(t,"-with-icon"):""},{children:[v,(0,o.jsxs)("div",x({className:"".concat(t,"-message")},{children:[h,u]})),(0,o.jsx)("div",x({className:"".concat(t,"-description")},{children:s})),f?(0,o.jsx)("span",x({className:"".concat(t,"-btn")},{children:f})):null]})),duration:b,closable:!0,onClose:p,onClick:l,key:d,style:m||{},className:y()(g,(n={},n["".concat(t,"-").concat(c)]=!!c,n))}}(e,t))}))},close:function(i){Object.keys(C).forEach((function(t){return Promise.resolve(C[t]).then((function(t){t.removeNotice(i)}))}))},config:function(o){var e=o.duration,a=o.placement,r=o.bottom,c=o.top,s=o.getContainer,u=o.closeIcon;void 0!==e&&(w=e),void 0!==a&&(k=a),void 0!==r&&(O=r),void 0!==c&&(j=c),void 0!==s&&(i=s),void 0!==u&&(t=u),void 0!==o.maxCount&&(n=o.maxCount)},destroy:function(){Object.keys(C).forEach((function(i){Promise.resolve(C[i]).then((function(i){i.destroy()})),delete C[i]}))}};["success","info","warning","error"].forEach((function(i){_[i]=function(t){return _.open(x(x({},t),{type:i}))}})),_.warn=_.warning,f.default=_}(),f}()}));
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default from 'react';
+import Notification from 'rc-notification';
+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 clsx from 'clsx';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-notification {\n  position: fixed;\n  margin: 0 24px 0 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-notification-topLeft, .paraui-notification-bottomLeft {\n  margin-right: 0;\n  margin-left: 24px;\n}\n.paraui-notification-topLeft .paraui-notification-fade-enter.paraui-notification-fade-enter-active, .paraui-notification-bottomLeft .paraui-notification-fade-enter.paraui-notification-fade-enter-active, .paraui-notification-topLeft .paraui-notification-fade-appear.paraui-notification-fade-appear-active, .paraui-notification-bottomLeft .paraui-notification-fade-appear.paraui-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-notification-hook-holder, .paraui-notification-notice {\n  position: relative;\n  width: 430px;\n  max-width: calc(100vw - 48px);\n  margin-bottom: 16px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-notification-topLeft .paraui-notification-hook-holder, .paraui-notification-topLeft .paraui-notification-notice, .paraui-notification-bottomLeft .paraui-notification-hook-holder, .paraui-notification-bottomLeft .paraui-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-notification-hook-holder > .paraui-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-notification-notice {\n  padding: 20px;\n  line-height: 1.5715;\n}\n.paraui-notification-notice-content {\n  position: relative;\n}\n.paraui-notification-notice-message {\n  margin-bottom: 8px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 24px;\n}\n.paraui-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-notification-notice-closable .paraui-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-notification-notice-with-icon .paraui-notification-notice-message {\n  margin-bottom: 4px;\n  margin-left: 24px;\n}\n.paraui-notification-notice-with-icon .paraui-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-notification .paraui-notification-notice-icon {\n  position: absolute;\n  top: 4px;\n  font-size: 16px;\n  line-height: 24px;\n}\n.paraui-notification .paraui-notification-notice-icon-success {\n  color: rgb(83, 195, 27);\n}\n.paraui-notification .paraui-notification-notice-icon-info {\n  color: rgb(54, 102, 214);\n}\n.paraui-notification .paraui-notification-notice-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-notification .paraui-notification-notice-icon-error {\n  color: rgb(235, 96, 84);\n}\n.paraui-notification-notice-close {\n  position: absolute;\n  top: 16px;\n  right: 22px;\n  color: rgba(46, 55, 67, 0.7);\n  outline: none;\n}\n.paraui-notification-notice-close:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-notification .paraui-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-notification-notice-btn {\n  float: right;\n  margin-top: 16px;\n}\n.paraui-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-notification-fade-enter, .paraui-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-notification-fade-enter.paraui-notification-fade-enter-active, .paraui-notification-fade-appear.paraui-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-notification-fade-leave.paraui-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 430px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 430px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
+styleInject(css_248z);
+
+var notificationInstance = {}; // 默认值
+
+var defaultDuration = 4.5; //默认 4.5 秒后自动关闭，配置为 null 则不自动关闭
+
+var defaultTop = 24;
+var defaultBottom = 24;
+var defaultPlacement = 'topRight';
+var defaultGetContainer;
+var defaultCloseIcon;
+var rtl = false;
+var maxCount; //设置全局配置
+
+function setNotificationConfig(options) {
+  var duration = options.duration,
+      placement = options.placement,
+      bottom = options.bottom,
+      top = options.top,
+      getContainer = options.getContainer,
+      closeIcon = options.closeIcon;
+
+  if (duration !== undefined) {
+    defaultDuration = duration;
+  }
+
+  if (placement !== undefined) {
+    defaultPlacement = placement;
+  }
+
+  if (bottom !== undefined) {
+    defaultBottom = bottom;
+  }
+
+  if (top !== undefined) {
+    defaultTop = top;
+  }
+
+  if (getContainer !== undefined) {
+    defaultGetContainer = getContainer;
+  }
+
+  if (closeIcon !== undefined) {
+    defaultCloseIcon = closeIcon;
+  }
+
+  if (options.maxCount !== undefined) {
+    maxCount = options.maxCount;
+  }
+} //获得位置样式
+
+
+function getPlacementStyle(placement) {
+  var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultTop;
+  var bottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultBottom;
+  var style;
+
+  switch (placement) {
+    case 'topLeft':
+      style = {
+        left: 0,
+        top: top,
+        bottom: 'auto'
+      };
+      break;
+
+    case 'topRight':
+      style = {
+        right: 0,
+        top: top,
+        bottom: 'auto'
+      };
+      break;
+
+    case 'bottomLeft':
+      style = {
+        left: 0,
+        top: 'auto',
+        bottom: bottom
+      };
+      break;
+
+    default:
+      style = {
+        right: 0,
+        top: 'auto',
+        bottom: bottom
+      };
+      break;
+  }
+
+  return style;
+} //创建通知框实例
+
+
+function getNotificationInstance(args, callback) {
+  var _args$placement = args.placement,
+      placement = _args$placement === void 0 ? defaultPlacement : _args$placement,
+      top = args.top,
+      bottom = args.bottom,
+      _args$getContainer = args.getContainer,
+      getContainer = _args$getContainer === void 0 ? defaultGetContainer : _args$getContainer,
+      _args$closeIcon = args.closeIcon,
+      closeIcon = _args$closeIcon === void 0 ? defaultCloseIcon : _args$closeIcon;
+  var prefixCls = 'paraui-notification';
+  var cacheKey = "".concat(prefixCls, "-").concat(placement);
+  var cacheInstance = notificationInstance[cacheKey];
+
+  if (cacheInstance) {
+    Promise.resolve(cacheInstance).then(function (instance) {
+      callback({
+        prefixCls: "".concat(prefixCls, "-notice"),
+        instance: instance
+      });
+    });
+    return;
+  } //close icon
+
+
+  var closeIconToRender = jsx("span", Object.assign({
+    className: "".concat(prefixCls, "-close-x")
+  }, {
+    children: closeIcon || jsx(CloseIcon, {
+      className: "".concat(prefixCls, "-close-icon")
+    })
+  })); //通知框cls
+
+
+  var notificationCls = clsx("".concat(prefixCls, "-").concat(placement), _defineProperty({}, "".concat(prefixCls, "-rtl"), rtl === true));
+  notificationInstance[cacheKey] = new Promise(function (resolve) {
+    Notification.newInstance({
+      prefixCls: prefixCls,
+      className: notificationCls,
+      style: getPlacementStyle(placement, top, bottom),
+      getContainer: getContainer,
+      closeIcon: closeIconToRender,
+      maxCount: maxCount
+    }, function (notification) {
+      resolve(notification);
+      callback({
+        prefixCls: "".concat(prefixCls, "-notice"),
+        instance: notification
+      });
+    });
+  });
+} //通知框类型图标
+
+
+var typeToIcon = {
+  success: SuccessOutlined,
+  info: WarningCircleF,
+  error: ErrorOutlined,
+  warning: WarningCircleF
+}; //创建通知框内容配置
+
+function getNoticeProps(args, prefixCls) {
+  var durationArg = args.duration,
+      icon = args.icon,
+      type = args.type,
+      description = args.description,
+      message = args.message,
+      btn = args.btn,
+      onClose = args.onClose,
+      onClick = args.onClick,
+      key = args.key,
+      style = args.style,
+      className = args.className;
+  var duration = durationArg === undefined ? defaultDuration : durationArg;
+  var iconNode = null;
+
+  if (icon) {
+    iconNode = jsx("span", Object.assign({
+      className: "".concat(prefixCls, "-icon")
+    }, {
+      children: icon
+    }));
+  } else if (type) {
+    iconNode = /*#__PURE__*/React__default.createElement(typeToIcon[type] || null, {
+      className: "".concat(prefixCls, "-icon ").concat(prefixCls, "-icon-").concat(type)
+    });
+  }
+
+  var autoMarginTag = !description && iconNode ? jsx("span", {
+    className: "".concat(prefixCls, "-message-single-line-auto-margin")
+  }) : null;
+  return {
+    content: jsxs("div", Object.assign({
+      className: iconNode ? "".concat(prefixCls, "-with-icon") : ''
+    }, {
+      children: [iconNode, jsxs("div", Object.assign({
+        className: "".concat(prefixCls, "-message")
+      }, {
+        children: [autoMarginTag, message]
+      })), jsx("div", Object.assign({
+        className: "".concat(prefixCls, "-description")
+      }, {
+        children: description
+      })), btn ? jsx("span", Object.assign({
+        className: "".concat(prefixCls, "-btn")
+      }, {
+        children: btn
+      })) : null]
+    })),
+    duration: duration,
+    closable: true,
+    onClose: onClose,
+    onClick: onClick,
+    key: key,
+    style: style || {},
+    className: clsx(className, _defineProperty({}, "".concat(prefixCls, "-").concat(type), !!type))
+  };
+} //通知框调用方法
+
+
+function notice(args) {
+  getNotificationInstance(args, function (_ref) {
+    var prefixCls = _ref.prefixCls,
+        instance = _ref.instance;
+    instance.notice(getNoticeProps(args, prefixCls));
+  });
+} //通知框api method
+
+
+var api = {
+  open: notice,
+  close: function close(key) {
+    Object.keys(notificationInstance).forEach(function (cacheKey) {
+      return Promise.resolve(notificationInstance[cacheKey]).then(function (instance) {
+        instance.removeNotice(key);
+      });
+    });
+  },
+  config: setNotificationConfig,
+  destroy: function destroy() {
+    Object.keys(notificationInstance).forEach(function (cacheKey) {
+      Promise.resolve(notificationInstance[cacheKey]).then(function (instance) {
+        instance.destroy();
+      });
+      delete notificationInstance[cacheKey];
+    });
+  }
+}; //通知框预设类型 'success', 'info', 'warning', 'error'
+
+['success', 'info', 'warning', 'error'].forEach(function (type) {
+  api[type] = function (args) {
+    return api.open(Object.assign(Object.assign({}, args), {
+      type: type
+    }));
+  };
+}); //兼容warn、warning
+
+api.warn = api.warning;
+
+export { api as default };

package/OperateBtn/index.d.ts

@@ -1,24 +1,29 @@
+import React__default, { FunctionComponent } from 'react';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\n* @description 表格操作按钮\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-operate-btn {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.paraui-operate-btn > .paraui-operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgba(54, 102, 214, 0.2);\n  margin: 0 12px;\n}\n.paraui-operate-btn.paraui-operate-btn-small > .paraui-operate-btn-line {\n  height: 12px;\n}\n.paraui-operate-btn.paraui-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-operate-btn.paraui-operate-btn-medium > .paraui-operate-btn-line {\n  height: 14px;\n}\n.paraui-operate-btn.paraui-operate-btn-medium button svg {\n  font-size: 24px;\n}\n.paraui-operate-btn.paraui-operate-btn-large > .paraui-operate-btn-line {\n  height: 16px;\n}\n.paraui-operate-btn.paraui-operate-btn-large button > svg {\n  font-size: 28px;\n}\n\n.paraui-operate-btn-popover .paraui-operate-btn-list {\n  padding: 8px 0;\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item {\n  padding: 0 12px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  line-height: 36px;\n  text-align: left;\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item-danger {\n  color: rgb(235, 96, 84);\n}";
+styleInject(css_248z);
+
 /**
  * @author linhd
  * @date 2022/4/13 10:49 AM
  * @description 表格操作按钮
  */
-import React, { FunctionComponent } from 'react';
-import './index.scss';
+
 /** 按钮配置 */
-export interface OperateBtnListProps {
+interface OperateBtnListProps {
     /** 样式class */
     className?: string;
     /** style */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
     /** key 表示唯一值 */
     key?: string;
     /** 显示名 */
-    label?: React.ReactNode;
+    label?: React__default.ReactNode;
     /** 鼠标移上去显示的内容 */
-    toolTipTitle?: React.ReactNode;
+    toolTipTitle?: React__default.ReactNode;
     /** 图标 */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /** 定位方向 */
     placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top";
     /** 是否禁用 */
@@ -29,11 +34,11 @@ export interface OperateBtnListProps {
     onClick?: (item: OperateBtnListProps, e: any) => void | Promise<boolean | any>;
     [name: string]: any;
 }
-export interface OperateBtnProps {
+interface OperateBtnProps {
     /** 样式class */
     className?: string;
     /** style */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
     /** listItem索引下标 */
     key?: string;
     /** 大小 */
@@ -56,4 +61,5 @@ export interface OperateBtnProps {
     onClick?: (item: OperateBtnListProps, e: any) => void | Promise<boolean | any>;
 }
 declare const OperateBtn: FunctionComponent<OperateBtnProps>;
-export default OperateBtn;
+
+export { OperateBtnListProps, OperateBtnProps, OperateBtn as default };