@para-ui/core 2.2.6 → 2.2.7-beta

package/Modal/index.js

@@ -1,14 +1,443 @@
-!function(o,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext"),require("@para-ui/icons/Close"),require("react-dom"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/WarningCircleF"),require("@paraview/lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/LoadingF","@para-ui/icons/Forbid","@para-ui/icons/Down","@para-ui/core/GlobalContext","@para-ui/icons/Close","react-dom","@para-ui/icons/CheckCircleF","@para-ui/icons/CloseCircleF","@para-ui/icons/WarningCircle","@para-ui/icons/WarningCircleF","@paraview/lib"],n):"object"==typeof exports?exports.ParaUI=n(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext"),require("@para-ui/icons/Close"),require("react-dom"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/WarningCircleF"),require("@paraview/lib")):o.ParaUI=n(o.react,o["@material-ui/core"],o.clsx,o["@para-ui/icons/LoadingF"],o["@para-ui/icons/Forbid"],o["@para-ui/icons/Down"],o["@para-ui/core/GlobalContext"],o["@para-ui/icons/Close"],o["react-dom"],o["@para-ui/icons/CheckCircleF"],o["@para-ui/icons/CloseCircleF"],o["@para-ui/icons/WarningCircle"],o["@para-ui/icons/WarningCircleF"],o["@paraview/lib"])}(self,(function(o,n,t,i,r,e,a,c,l,u,s,p,d,b){return function(){var f={8313:function(o,n,t){(n=t(3645)(!1)).push([o.id,'@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:0;text-transform:none;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;white-space:nowrap}.paraui-button-label{height:100%}.paraui-button-loading{pointer-events:none}.paraui-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-contained .btn-icon{display:inline-flex;color:inherit}.paraui-button-contained .btn-icon svg{color:inherit;font-size:16px}.paraui-button-contained .btn-icon.start-icon{margin-left:3px}.paraui-button-contained .btn-icon.end-icon{margin-right:3px}.paraui-button-contained .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-contained.paraui-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-outlined .btn-icon{display:inline-flex;color:inherit}.paraui-button-outlined .btn-icon svg{color:inherit;font-size:16px}.paraui-button-outlined .btn-icon.start-icon{margin-left:3px}.paraui-button-outlined .btn-icon.end-icon{margin-right:3px}.paraui-button-outlined .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-button-text{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none;color:#3666d6;background-color:rgba(0,0,0,0);border:none}.paraui-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0);box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,.4);background-color:rgba(0,0,0,0);border:none}.paraui-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-button-text .btn-icon{display:inline-flex;color:inherit}.paraui-button-text .btn-icon svg{color:inherit;font-size:16px}.paraui-button-text .btn-icon.start-icon{margin-left:3px}.paraui-button-text .btn-icon.end-icon{margin-right:3px}.paraui-button-text .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.paraui-button-text.paraui-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-button-large{height:36px}.paraui-button-medium{height:32px}.paraui-button-small{height:28px}.paraui-button--disabled{display:inline-block}.paraui-icon-button{padding:0;border-radius:4px}.paraui-icon-button-loading{pointer-events:none}.paraui-icon-button-loading .loading-icon{display:inline-flex;animation:loadingSpin 1s infinite linear}.paraui-icon-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-icon-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-contained.paraui-icon-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-icon-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-outlined svg{color:inherit;font-size:16px}.paraui-icon-button-outlined.paraui-icon-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0)}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,.4)}.paraui-icon-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.paraui-icon-button-text.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-icon-button-text.paraui-icon-button-large{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-large svg{font-size:28px}.paraui-icon-button-text.paraui-icon-button-medium{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-medium svg{font-size:24px}.paraui-icon-button-text.paraui-icon-button-small{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-small svg{font-size:20px}.paraui-icon-button-large{width:36px;height:36px}.paraui-icon-button-medium{width:32px;height:32px}.paraui-icon-button-small{width:28px;height:28px}.paraui-button-split{display:inline-block}.paraui-button-split .paraui-button-split--active{color:#3666d6;box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin:8px 0;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);background-color:#fff}.paraui-button-split-list ul .split-li{min-width:140px;padding:11px 12px;color:#2e3743;font-size:14px;line-height:1;cursor:pointer;transition:background-color .3s,color .3s}.paraui-button-split-list ul .split-li:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--active{color:#3666d6}.paraui-button-split-list ul .split-li.split-li--active:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--disabled{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-button-split-list ul .split-li.split-li--disabled:hover{background-color:#fff}.paraui-button-split-list ul .split-li-group:not(:first-child){position:relative;margin-top:16px}.paraui-button-split-list ul .split-li-group:not(:first-child):before{content:"";position:absolute;top:-8px;left:8px;right:8px;border-top:1px solid rgba(171,176,185,.2)}',""]),o.exports=n},348:function(o,n,t){(n=t(3645)(!1)).push([o.id,".paraui-confirm-wrapper{position:absolute;top:50%;left:50%;width:416px;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);border-radius:4px;outline:none}.paraui-confirm-content{position:relative;padding:32px 32px 24px}.paraui-confirm-content .paraui-confirm-content-close{position:absolute;right:16px;top:16px;border:none}.paraui-confirm-content .paraui-confirm-content-close .paraui-icon{font-size:18px}.paraui-confirm-content-icon{float:left;margin-top:2px;color:#ffa150}.paraui-confirm-content-icon svg{color:inherit;font-size:16px}.paraui-confirm-content-icon--warn,.paraui-confirm-content-icon-warning{color:#ffa150}.paraui-confirm-content-icon--error{color:#eb6054}.paraui-confirm-content-icon--success{color:#53c31b}.paraui-confirm-content-icon--info{color:#3666d6}.paraui-confirm-content-body{margin:0 16px 0 30px;color:#2e3743;font-size:14px}.paraui-confirm-content-body .paraui-confirm-body-title{display:block;margin-bottom:8px;font-weight:700;font-size:16px}.paraui-confirm-content-actions{margin-top:24px;text-align:right}.paraui-confirm-content-actions>button+button{margin-left:16px}",""]),o.exports=n},222:function(o,n,t){(n=t(3645)(!1)).push([o.id,".paraui-modal .paraui-modal-paper{color:#2e3743;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}.paraui-modal .paraui-modal-paper-sm{width:430px;max-height:250px}.paraui-modal .paraui-modal-paper-md{width:486px;max-height:610px}.paraui-modal .paraui-modal-paper-lg{width:948px;max-height:610px}.paraui-modal .paraui-modal-title{position:relative;height:44px;padding:12px 24px;border-bottom:1px solid rgba(171,176,185,.2)}.paraui-modal .paraui-modal-title>h3{margin-right:30px;font-size:14px;color:#2e3743;font-weight:700;line-height:20px}.paraui-modal .paraui-modal-title-close{position:absolute;top:8px;right:14px;border:none}.paraui-modal .paraui-modal-content{padding:16px 24px}.paraui-modal .paraui-modal-actions{padding-right:24px;padding-bottom:24px}.paraui-modal .paraui-modal-actions>button+button{margin-left:16px}",""]),o.exports=n},9929:function(o,n,t){(n=t(3645)(!1)).push([o.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),o.exports=n},3645:function(o){"use strict";o.exports=function(o){var n=[];return n.toString=function(){return this.map((function(n){var t=function(o,n){var t=o[1]||"",i=o[3];if(!i)return t;if(n&&"function"==typeof btoa){var r=(a=i,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(l," */")),e=i.sources.map((function(o){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(o," */")}));return[t].concat(e).concat([r]).join("\n")}var a,c,l;return[t].join("\n")}(n,o);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(o,t,i){"string"==typeof o&&(o=[[null,o,""]]);var r={};if(i)for(var e=0;e<this.length;e++){var a=this[e][0];null!=a&&(r[a]=!0)}for(var c=0;c<o.length;c++){var l=[].concat(o[c]);i&&r[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),n.push(l))}},n}},7418:function(o){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var n=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function r(o){if(null==o)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(o)}o.exports=function(){try{if(!Object.assign)return!1;var o=new String("abc");if(o[5]="de","5"===Object.getOwnPropertyNames(o)[0])return!1;for(var n={},t=0;t<10;t++)n["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(o){return n[o]})).join(""))return!1;var i={};return"abcdefghijklmnopqrst".split("").forEach((function(o){i[o]=o})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},i)).join("")}catch(o){return!1}}()?Object.assign:function(o,e){for(var a,c,l=r(o),u=1;u<arguments.length;u++){for(var s in a=Object(arguments[u]))t.call(a,s)&&(l[s]=a[s]);if(n){c=n(a);for(var p=0;p<c.length;p++)i.call(a,c[p])&&(l[c[p]]=a[c[p]])}}return l}},5251:function(o,n,t){"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.
- */t(7418);var i=t(8156),r=60103;if(n.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var e=Symbol.for;r=e("react.element"),n.Fragment=e("react.fragment")}var a=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function u(o,n,t){var i,e={},u=null,s=null;for(i in void 0!==t&&(u=""+t),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(s=n.ref),n)c.call(n,i)&&!l.hasOwnProperty(i)&&(e[i]=n[i]);if(o&&o.defaultProps)for(i in n=o.defaultProps)void 0===e[i]&&(e[i]=n[i]);return{$$typeof:r,type:o,key:u,ref:s,props:e,_owner:a.current}}n.jsx=u,n.jsxs=u},5893:function(o,n,t){"use strict";o.exports=t(5251)},5822:function(o,n,t){var i=t(3379),r=t(8313);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[o.id,r,""]]);var e={insert:("body","body"),singleton:!1};i(r,e);o.exports=r.locals||{}},2806:function(o,n,t){var i=t(3379),r=t(348);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[o.id,r,""]]);var e={insert:("body","body"),singleton:!1};i(r,e);o.exports=r.locals||{}},8281:function(o,n,t){var i=t(3379),r=t(222);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[o.id,r,""]]);var e={insert:("body","body"),singleton:!1};i(r,e);o.exports=r.locals||{}},2310:function(o,n,t){var i=t(3379),r=t(9929);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[o.id,r,""]]);var e={insert:("body","body"),singleton:!1};i(r,e);o.exports=r.locals||{}},3379:function(o,n,t){"use strict";var i,r=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},e=function(){var o={};return function(n){if(void 0===o[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(o){t=null}o[n]=t}return o[n]}}(),a=[];function c(o){for(var n=-1,t=0;t<a.length;t++)if(a[t].identifier===o){n=t;break}return n}function l(o,n){for(var t={},i=[],r=0;r<o.length;r++){var e=o[r],l=n.base?e[0]+n.base:e[0],u=t[l]||0,s="".concat(l," ").concat(u);t[l]=u+1;var p=c(s),d={css:e[1],media:e[2],sourceMap:e[3]};-1!==p?(a[p].references++,a[p].updater(d)):a.push({identifier:s,updater:m(d,n),references:1}),i.push(s)}return i}function u(o){var n=document.createElement("style"),i=o.attributes||{};if(void 0===i.nonce){var r=t.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(o){n.setAttribute(o,i[o])})),"function"==typeof o.insert)o.insert(n);else{var a=e(o.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(n)}return n}var s,p=(s=[],function(o,n){return s[o]=n,s.filter(Boolean).join("\n")});function d(o,n,t,i){var r=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(o.styleSheet)o.styleSheet.cssText=p(n,r);else{var e=document.createTextNode(r),a=o.childNodes;a[n]&&o.removeChild(a[n]),a.length?o.insertBefore(e,a[n]):o.appendChild(e)}}function b(o,n,t){var i=t.css,r=t.media,e=t.sourceMap;if(r?o.setAttribute("media",r):o.removeAttribute("media"),e&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(e))))," */")),o.styleSheet)o.styleSheet.cssText=i;else{for(;o.firstChild;)o.removeChild(o.firstChild);o.appendChild(document.createTextNode(i))}}var f=null,g=0;function m(o,n){var t,i,r;if(n.singleton){var e=g++;t=f||(f=u(n)),i=d.bind(null,t,e,!1),r=d.bind(null,t,e,!0)}else t=u(n),i=b.bind(null,t,n),r=function(){!function(o){if(null===o.parentNode)return!1;o.parentNode.removeChild(o)}(t)};return i(o),function(n){if(n){if(n.css===o.css&&n.media===o.media&&n.sourceMap===o.sourceMap)return;i(o=n)}else r()}}o.exports=function(o,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=r());var t=l(o=o||[],n);return function(o){if(o=o||[],"[object Array]"===Object.prototype.toString.call(o)){for(var i=0;i<t.length;i++){var r=c(t[i]);a[r].references--}for(var e=l(o,n),u=0;u<t.length;u++){var s=c(t[u]);0===a[s].references&&(a[s].updater(),a.splice(s,1))}t=e}}}},7896:function(o,n,t){"use strict";t.d(n,{default:function(){return j}});var i=t(5893),r=t(8156),e=t(670),a=t(5744),c=t.n(a),l=t(2788),u=t.n(l),s=t(3835),p=t.n(s),d=t(7371),b=t(2396),f=t.n(b),g=t(3054),m={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},x=function(){return x=Object.assign||function(o){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r]);return o},x.apply(this,arguments)};t(5822);var h=function(){return h=Object.assign||function(o){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r]);return o},h.apply(this,arguments)},v=function(o,n){var t={};for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&n.indexOf(i)<0&&(t[i]=o[i]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(o);r<i.length;r++)n.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(o,i[r])&&(t[i[r]]=o[i[r]])}return t},y=function(o){var n=o.variant,t=void 0===n?"contained":n,a=o.size,l=void 0===a?"large":a,s=o.className,b=o.disabled,f=void 0!==b&&b,g=o.children,m=o.startIcon,x=o.endIcon,y=o.loading,j=void 0!==y&&y,w=o.toolTipTitle,k=void 0===w?"":w,C=o.TooltipProps,O=o.danger,S=void 0!==O&&O,N=v(o,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),P=(0,r.useState)(!1),T=P[0],z=P[1],E=function(o){if(!T)return"start"===o&&m?(0,i.jsx)("span",h({className:c()("btn-icon","start-icon")},{children:m})):"end"===o&&x?(0,i.jsx)("span",h({className:c()("btn-icon","end-icon")},{children:x})):null;if("object"==typeof j){var n=j.delay||0;setTimeout((function(){return z(!1)}),n)}return"start"===o?(0,i.jsx)("span",h({className:"btn-icon loading-icon"},{children:(0,i.jsx)(u(),{})})):null},F=(0,i.jsx)(e.Button,h({},N,{color:"default",variant:"contained",disabled:f,disableRipple:!0,disableElevation:!0,className:c()("paraui-button",s,"paraui-button-".concat(t),"paraui-button-".concat(l),T&&"paraui-button-loading",S&&!f&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:E("start"),endIcon:E("end")},{children:g}));return(0,r.useEffect)((function(){z(!!j)}),[j]),f&&k?(0,i.jsx)(d.default,h({},C,{title:function(){if(f&&k){return(0,i.jsxs)("span",{children:[(0,i.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),k]})}return k}()},{children:(0,i.jsx)("span",h({className:"paraui-button--disabled"},{children:F}))})):F};y.IconButton=function(o){var n=o.variant,t=void 0===n?"contained":n,a=o.size,l=void 0===a?"large":a,s=o.toolTipTitle,b=void 0===s?"":s,f=o.children,g=o.className,m=o.disabled,x=void 0!==m&&m,y=o.loading,j=void 0!==y&&y,w=o.TooltipProps,k=o.danger,C=void 0!==k&&k,O=v(o,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),S=(0,r.useState)(!1),N=S[0],P=S[1],T=(0,i.jsx)(e.IconButton,h({},O,{disabled:x,disableRipple:!0,className:c()("paraui-icon-button",g,"paraui-icon-button-".concat(t),"paraui-icon-button-".concat(l),N&&"paraui-icon-button-loading",C&&!x&&"paraui-icon-button-dangerous")},{children:function(){if(!N)return f;if("object"==typeof j){var o=j.delay||0;setTimeout((function(){return P(!1)}),o)}return(0,i.jsx)("span",h({className:"loading-icon"},{children:(0,i.jsx)(u(),{})}))}()}));return(0,r.useEffect)((function(){P(!!j)}),[j]),b?(0,i.jsx)(d.default,h({},w,{title:function(){if(x&&b){return(0,i.jsxs)("span",{children:[(0,i.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),b]})}return b}()},{children:x?(0,i.jsx)("span",h({className:"paraui-button--disabled"},{children:T})):T}),+N):T},y.SplitButton=function(o){var n=o.buttonText,t=o.options,a=void 0===t?[]:t,l=o.className,u=o.popperClassName,s=o.style,p=o.popperStyle,d=o.disabled,b=void 0!==d&&d,h=o.onClick,v=o.optionRender,y=o.placement,w=void 0===y?"bottom-end":y,k=o.buttonProps,C=o.iconButton,O=void 0!==C&&C,S=(0,g.Z)("Button",m),N=(0,r.useState)(!1),P=N[0],T=N[1],z=(0,r.useRef)(null),E=(0,r.useRef)(),F=(0,r.useRef)(),q=(0,r.useState)(),_=q[0],I=q[1],A=function(o,n,t){var i;o.disabled?t.stopPropagation():(I(n),T(!1),null===(i=E.current)||void 0===i||i.classList.remove("paraui-button-split--active"),null==h||h(o,t))},M=function(o){o.stopPropagation(),B();var n=o.currentTarget;F.current=window.setTimeout((function(){E.current=n,n.classList.add("paraui-button-split--active"),T(!0)}),150)},B=function(){F.current&&(clearTimeout(F.current),F.current=null)},D=function(o){var n,t;(null===(n=z.current)||void 0===n?void 0:n.contains(o.target))||(T(!1),null===(t=E.current)||void 0===t||t.classList.remove("paraui-button-split--active"))},L=function(){return(0,i.jsx)("div",x({className:"paraui-button-split-list"},{children:(0,i.jsx)("ul",{children:a.map((function(o,n){return Array.isArray(o)?function(o,n){return(0,i.jsx)("li",x({className:"split-li-group"},{children:o.map((function(o,t){var r="".concat(n,"-").concat(t);return(0,i.jsx)("div",x({className:c()("split-li",r===_&&"split-li--active",o.disabled&&"split-li--disabled"),onClick:function(n){return A(o,r,n)}},{children:(null==v?void 0:v(o))||o.label}),r)}))}),n)}(o,n):(0,i.jsx)("li",x({className:c()("split-li",n===_&&"split-li--active",o.disabled&&"split-li--disabled"),onClick:function(t){return A(o,n,t)}},{children:(null==v?void 0:v(o))||o.label}),n)}))})}))};return(0,i.jsxs)("div",x({className:c()("paraui-button-split",l),ref:z,style:s,onMouseLeave:function(o){var n;o.stopPropagation(),B(),null===(n=o.currentTarget.firstElementChild)||void 0===n||n.classList.remove("paraui-button-split--active"),T(!1)}},{children:[O?(0,i.jsx)(j.IconButton,x({variant:"text",size:"small",disabled:b},k,{onMouseEnter:M},{children:null!=n?n:S({id:"moreActions"})})):(0,i.jsx)(j,x({variant:"outlined",size:"large",startIcon:(0,i.jsx)(f(),{}),disabled:b},k,{onMouseEnter:M},{children:null!=n?n:S({id:"moreActions"})})),(0,i.jsx)(e.Popper,x({open:P,anchorEl:z.current,transition:!0,placement:w,style:x({zIndex:1500},p),className:c()("paraui-button-split-popper",u)},{children:function(o){var n=o.TransitionProps;o.placement;return(0,i.jsx)(e.Grow,x({},n,{children:(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(e.ClickAwayListener,x({onClickAway:D},{children:L()}))})}))}}))]}))};var j=y},3054:function(o,n,t){"use strict";var i=t(8156),r=t.n(i),e=t(5395),a=t.n(e);n.Z=function(o,n){var t=r().useContext(a()).intlFormat;return n.zh_CN=n.zh,n.en_US=n.en,t&&t(o,n)}},4779:function(o,n,t){"use strict";t.d(n,{Z:function(){return i}});var i={zh:{cancel:"取消",ok:"确定"},en:{cancel:"Cancel",ok:"Ok"}}},7371:function(o,n,t){"use strict";var i=t(5893),r=t(670),e=t(5744),a=t.n(e),c=(t(2310),function(){return c=Object.assign||function(o){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r]);return o},c.apply(this,arguments)}),l=function(o,n){var t={};for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&n.indexOf(i)<0&&(t[i]=o[i]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(o);r<i.length;r++)n.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(o,i[r])&&(t[i[r]]=o[i[r]])}return t};n.default=function(o){var n,t=o.placement,e=void 0===t?"top-start":t,u=o.className,s=o.arrow,p=void 0===s||s,d=o.PopperProps,b=o.boundariesElement,f=void 0===b?"scrollParent":b,g=l(o,["placement","className","arrow","PopperProps","boundariesElement"]),m=c(c({},o.classes),{popper:a()("paraui-tooltip",u,null===(n=o.classes)||void 0===n?void 0:n.popper,{"paraui-tooltip-left-right":(null==e?void 0:e.includes("left"))||(null==e?void 0:e.includes("right")),"paraui-tooltip-top-bottom":(null==e?void 0:e.includes("top"))||(null==e?void 0:e.includes("bottom"))})});return(0,i.jsx)(r.Tooltip,c({},g,{enterTouchDelay:0,arrow:p,placement:e,classes:m,PopperProps:c(c({},d),{modifiers:{preventOverflow:{boundariesElement:f}}})}))}},670:function(o){"use strict";o.exports=n},5395:function(o){"use strict";o.exports=a},1014:function(o){"use strict";o.exports=u},5927:function(o){"use strict";o.exports=c},6649:function(o){"use strict";o.exports=s},2396:function(o){"use strict";o.exports=e},3835:function(o){"use strict";o.exports=r},2788:function(o){"use strict";o.exports=i},4753:function(o){"use strict";o.exports=p},595:function(o){"use strict";o.exports=d},8543:function(o){"use strict";o.exports=b},5744:function(o){"use strict";o.exports=t},8156:function(n){"use strict";n.exports=o},7111:function(o){"use strict";o.exports=l}},g={};function m(o){var n=g[o];if(void 0!==n)return n.exports;var t=g[o]={id:o,exports:{}};return f[o](t,t.exports,m),t.exports}m.n=function(o){var n=o&&o.__esModule?function(){return o.default}:function(){return o};return m.d(n,{a:n}),n},m.d=function(o,n){for(var t in n)m.o(n,t)&&!m.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:n[t]})},m.o=function(o,n){return Object.prototype.hasOwnProperty.call(o,n)},m.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})},m.nc=void 0;var x={};return function(){"use strict";m.r(x),m.d(x,{Confirm:function(){return P},Modal:function(){return q},default:function(){return _}});var o=m(5893),n=m(8156),t=m.n(n),i=m(670),r=m(7896),e=m(5927),a=m.n(e),c=m(5744),l=m.n(c),u=m(7111),s=m.n(u),p=m(1014),d=m.n(p),b=m(6649),f=m.n(b),g=m(4753),h=m.n(g),v=m(595),y=m.n(v),j=m(8543),w=m(5395),k=(m(2806),function(){return k=Object.assign||function(o){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r]);return o},k.apply(this,arguments)}),C={success:(0,o.jsx)(d(),{}),warn:(0,o.jsx)(y(),{}),warning:(0,o.jsx)(y(),{}),error:(0,o.jsx)(f(),{}),info:(0,o.jsx)(h(),{})},O=function(n){var t=n.type,e=void 0===t?"warning":t,c=n.open,u=void 0!==c&&c,s=n.title,p=n.content,d=n.icon,b=void 0===d?null:d,f=n.okText,g=n.cancelText,m=n.onOk,x=n.onCancel,h=n.className,v=n.showCancel,y=void 0===v||v,j=n.closable,w=void 0!==j&&j,O=n.disableBackdropClick,S=void 0===O||O,N=n.disableEscapeKeyDown,P=void 0===N||N,T=n.okButtonProps,z=n.cancelButtonProps,E=n.resolveFn,F=n.callback,q=n.destroy,_=n.actions,I=void 0===_?null:_,A=n.showActions,M=void 0===A||A,B=function(){null==x||x(),null==E||E(!1),null==q||q()},D=function(){null==m||m(),null==E||E(!0),null==F||F(),null==q||q()};return(0,o.jsx)(i.Modal,k({open:u,onClose:function(o,n){S||B()},closeAfterTransition:!0,BackdropProps:{timeout:500},disableEscapeKeyDown:P,disableAutoFocus:!0,className:l()("paraui-confirm",h)},{children:(0,o.jsx)(i.Fade,k({in:u},{children:(0,o.jsx)("div",k({className:"paraui-confirm-wrapper"},{children:(0,o.jsxs)("div",k({className:"paraui-confirm-content"},{children:[w&&(0,o.jsx)(r.default.IconButton,k({variant:"outlined",size:"small",className:"paraui-confirm-content-close",onClick:B},{children:(0,o.jsx)(a(),{})})),(0,o.jsx)("span",k({className:l()("paraui-confirm-content-icon","paraui-confirm-content-icon--".concat(e))},{children:b||C[e]})),(0,o.jsxs)("div",k({className:"paraui-confirm-content-body"},{children:[s&&(0,o.jsx)("span",k({className:"paraui-confirm-body-title"},{children:s})),(0,o.jsx)("div",k({className:"paraui-confirm-body-desc"},{children:p}))]})),M?I?(0,o.jsx)("div",k({className:"paraui-confirm-content-actions"},{children:I})):(0,o.jsxs)("div",k({className:"paraui-confirm-content-actions"},{children:[y&&(0,o.jsx)(r.default,k({variant:"outlined",size:"small",onClick:B},z,{children:g})),(0,o.jsx)(r.default,k({variant:"contained",size:"small",onClick:D},T,{children:f}))]})):null]}))}))}))}))},S=new Map,N=function(n,t,i){var r={type:t};return"string"==typeof n?r.content=n:r=k(k({},n),{type:t}),new Promise((function(n){!function(n,t,i){var r=document.createElement("div"),e=n.uuid||(0,j.UUID)();n.uuid&&r.setAttribute("data-confirm-cid",n.uuid),document.body.appendChild(r);var a=function(){s().unmountComponentAtNode(r)&&r.parentNode&&r.parentNode.removeChild(r),S.delete(e)};S.set(e,a),setTimeout((function(){var e,c,l=(0,w.getConfirmLocale)();s().render((0,o.jsx)(O,k({},n,{okText:null!==(e=n.okText)&&void 0!==e?e:l.ok,cancelText:null!==(c=n.cancelText)&&void 0!==c?c:l.cancel,open:!0,resolveFn:t,callback:i,destroy:a})),r)}))}(r,n,i)}))},P={info:function(o,n){return N(o,"info",n)},warn:function(o,n){return N(o,"warn",n)},error:function(o,n){return N(o,"error",n)},success:function(o,n){return N(o,"success",n)},destroyAll:function(o){if(o){var n=S.get(o);return n&&n(),void S.delete(o)}S.forEach((function(o){o&&o()})),S.clear()}},T=m(3054),z=m(4779),E=(m(8281),function(){return E=Object.assign||function(o){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r]);return o},E.apply(this,arguments)}),F=function(o,n){var t={};for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&n.indexOf(i)<0&&(t[i]=o[i]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(o);r<i.length;r++)n.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(o,i[r])&&(t[i[r]]=o[i[r]])}return t},q=function(e){var c=e.open,u=void 0!==c&&c,s=e.title,p=void 0===s?"":s,d=e.children,b=void 0===d?null:d,f=e.actions,g=void 0===f?null:f,m=e.showActions,x=void 0===m||m,h=e.header,v=void 0===h?null:h,y=e.hideHeader,j=void 0!==y&&y,w=e.onOk,k=e.onCancel,C=e.okText,O=e.cancelText,S=e.okButtonProps,N=e.cancelButtonProps,P=e.showCancel,q=void 0===P||P,_=e.className,I=e.size,A=void 0===I?"md":I,M=e.disableBackdropClick,B=void 0===M||M,D=e.disableEscapeKeyDown,L=void 0===D||D,R=e.disableEnforceFocus,W=void 0===R||R,U=e.fullScreen,H=void 0!==U&&U,K=e.customizeSize,G=e.style,Z=e.contentWidth,J=e.contentHeight,Y=e.contentStyle,$=F(e,["open","title","children","actions","showActions","header","hideHeader","onOk","onCancel","okText","cancelText","okButtonProps","cancelButtonProps","showCancel","className","size","disableBackdropClick","disableEscapeKeyDown","disableEnforceFocus","fullScreen","customizeSize","style","contentWidth","contentHeight","contentStyle"]),Q=(0,n.useState)(!1),V=Q[0],X=Q[1],oo=H||"fullScreen"===A,no=(0,T.Z)("Modal",z.Z),to=function(){!1!==(null==k?void 0:k())&&X(!1)},io=function(){null==w||w()};(0,n.useEffect)((function(){X(u)}),[u]);var ro;return(0,o.jsxs)(i.Dialog,E({className:l()("paraui-modal",_),scroll:"paper",onClose:function(o,n){B||to()},open:V,maxWidth:!1,disableEscapeKeyDown:L,disableEnforceFocus:W,fullScreen:oo},$,{PaperProps:{style:E(E({},K),G),elevation:0},classes:(ro={sm:"paraui-modal-paper-sm",md:"paraui-modal-paper-md",lg:"paraui-modal-paper-lg",auto:"paraui-modal-paper-auto",fullScreen:"paraui-modal-paper-fullscreen"},Z||J||Y?{paper:"paraui-modal-paper-auto paraui-modal-paper"}:K||G?{paper:"paraui-modal-paper-customizesize"}:oo?{paper:ro.fullScreen}:{paper:ro[A]+" paraui-modal-paper"})},{children:[j?null:v?(0,o.jsx)(i.DialogTitle,E({classes:{root:"paraui-modal-title"},disableTypography:!0},{children:v})):(0,o.jsxs)(i.DialogTitle,E({classes:{root:"paraui-modal-title"},disableTypography:!0},{children:[(0,o.jsx)("h3",{children:p}),(0,o.jsx)(r.default.IconButton,E({onClick:to,className:"paraui-modal-title-close",variant:"outlined",size:"small"},{children:(0,o.jsx)(a(),{})}))]})),(0,o.jsx)(i.DialogContent,E({className:"paraui-modal-content paraui-scrollbar-small",style:E({width:Z,height:J},Y)},{children:b})),function(){if(!x)return null;var n=(0,o.jsx)(r.default,E({variant:"contained",size:"medium",onClick:io},S,{children:null!=C?C:no({id:"ok"})})),e=[q&&(0,o.jsx)(r.default,E({variant:"outlined",size:"medium",onClick:to},N,{children:null!=O?O:no({id:"cancel"})})),n];if("function"==typeof g){var a=g(e);return(0,o.jsx)(i.DialogActions,E({className:"paraui-modal-actions"},{children:Array.isArray(a)?a.map((function(n,i){return(0,o.jsx)(t().Fragment,{children:n},i)})):a}))}return g?(0,o.jsx)(i.DialogActions,E({className:"paraui-modal-actions"},{children:g})):(0,o.jsx)(i.DialogActions,E({className:"paraui-modal-actions"},{children:e.map((function(n,i){return(0,o.jsx)(t().Fragment,{children:n},i)}))}))}()]}))},_=q}(),x}()}));
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React__default from 'react';
+import Dialog from 'rc-dialog';
+import { Button } from '../Button/index.js';
+import CloseIcon from '@para-ui/icons/Close';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { d as defaultModalLocale } from '../_verture/index-e2881a53.js';
+import ReactDOM from 'react-dom';
+import clsx from 'clsx';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import SuccessOutlined from '@para-ui/icons/CheckCircleF';
+import ErrorOutlined from '@para-ui/icons/CloseCircleF';
+import InfoOutlined from '@para-ui/icons/WarningCircle';
+import WarningCircleF from '@para-ui/icons/WarningCircleF';
+import { UUID } from '@paraview/lib';
+import { getConfirmLocale } from '@para-ui/core/GlobalContext';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/slicedToArray-d7722f4b.js';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/Forbid';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Down';
+import '../Dropdown/index.js';
+import 'rc-dropdown';
+
+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);
+
+var iconMap = {
+  "success": jsx(SuccessOutlined, {}),
+  "warn": jsx(WarningCircleF, {}),
+  "warning": jsx(WarningCircleF, {}),
+  "error": jsx(ErrorOutlined, {}),
+  "info": jsx(InfoOutlined, {})
+}; //confirm modal
+
+var ConfirmDialog = function ConfirmDialog(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'warning' : _props$type,
+      title = props.title,
+      content = props.content,
+      icon = props.icon,
+      okText = props.okText,
+      cancelText = props.cancelText,
+      onOk = props.onOk,
+      onCancel = props.onCancel,
+      className = props.className,
+      _props$showCancel = props.showCancel,
+      showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
+      _props$closable = props.closable,
+      closable = _props$closable === void 0 ? false : _props$closable,
+      okButtonProps = props.okButtonProps,
+      cancelButtonProps = props.cancelButtonProps,
+      resolveFn = props.resolveFn,
+      callback = props.callback,
+      destroy = props.destroy,
+      actions = props.actions,
+      _props$showActions = props.showActions,
+      showActions = _props$showActions === void 0 ? true : _props$showActions,
+      restProps = __rest(props, ["type", "title", "content", "icon", "okText", "cancelText", "onOk", "onCancel", "className", "showCancel", "closable", "okButtonProps", "cancelButtonProps", "resolveFn", "callback", "destroy", "actions", "showActions"]); //取消
+
+
+  var handleCancel = function handleCancel() {
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    resolveFn === null || resolveFn === void 0 ? void 0 : resolveFn(false);
+    destroy === null || destroy === void 0 ? void 0 : destroy();
+  }; //确认
+
+
+  var handleOk = function handleOk() {
+    onOk === null || onOk === void 0 ? void 0 : onOk();
+    resolveFn === null || resolveFn === void 0 ? void 0 : resolveFn(true);
+    callback === null || callback === void 0 ? void 0 : callback();
+    destroy === null || destroy === void 0 ? void 0 : destroy();
+  }; //render actions
+
+
+  var renderActions = function renderActions() {
+    if (!showActions) return null;
+
+    if (actions) {
+      return jsx("div", Object.assign({
+        className: 'paraui-confirm-content-actions'
+      }, {
+        children: actions
+      }));
+    }
+
+    return jsxs("div", Object.assign({
+      className: 'paraui-confirm-content-actions'
+    }, {
+      children: [showCancel && jsx(Button, Object.assign({
+        variant: 'outlined',
+        size: 'small',
+        onClick: handleCancel
+      }, cancelButtonProps, {
+        children: cancelText
+      })), jsx(Button, Object.assign({
+        variant: 'contained',
+        size: 'small',
+        onClick: handleOk
+      }, okButtonProps, {
+        children: okText
+      }))]
+    }));
+  };
+
+  return jsx(Modal, Object.assign({}, restProps, {
+    onOk: handleOk,
+    onCancel: handleCancel,
+    title: "",
+    footer: "",
+    size: 'auto',
+    hideHeader: true,
+    showActions: false,
+    className: clsx('paraui-confirm', className)
+  }, {
+    children: jsx("div", Object.assign({
+      className: 'paraui-confirm-wrapper'
+    }, {
+      children: jsxs("div", Object.assign({
+        className: 'paraui-confirm-content'
+      }, {
+        children: [closable && jsx(Button.IconButton, Object.assign({
+          variant: 'outlined',
+          size: 'small',
+          className: 'paraui-confirm-content-close',
+          onClick: handleCancel
+        }, {
+          children: jsx(CloseIcon, {})
+        })), jsx("span", Object.assign({
+          className: clsx('paraui-confirm-content-icon', "paraui-confirm-content-icon--".concat(type))
+        }, {
+          children: icon || iconMap[type]
+        })), jsxs("div", Object.assign({
+          className: 'paraui-confirm-content-body'
+        }, {
+          children: [title && jsx("span", Object.assign({
+            className: 'paraui-confirm-body-title'
+          }, {
+            children: title
+          })), jsx("div", Object.assign({
+            className: 'paraui-confirm-body-desc'
+          }, {
+            children: content
+          }))]
+        })), renderActions()]
+      }))
+    }))
+  }));
+}; //销毁方法map
+
+
+var $destroyFnsMap = new Map(); //confirm
+
+var confirm = function confirm(props, resolveFn, callback) {
+  var box = document.createElement('div');
+  var uuid = props.uuid || UUID();
+  if (props.uuid) box.setAttribute('data-confirm-cid', props.uuid);
+  document.body.appendChild(box); //销毁组件
+
+  var destroy = function destroy() {
+    var unmountResult = ReactDOM.unmountComponentAtNode(box);
+
+    if (unmountResult && box.parentNode) {
+      box.parentNode.removeChild(box);
+    }
+
+    $destroyFnsMap.delete(uuid);
+  };
+
+  $destroyFnsMap.set(uuid, destroy); //渲染组件
+
+  setTimeout(function () {
+    var _a, _b;
+
+    var runtimeLocale = getConfirmLocale();
+    ReactDOM.render(jsx(ConfirmDialog, Object.assign({}, props, {
+      okText: (_a = props.okText) !== null && _a !== void 0 ? _a : runtimeLocale.ok,
+      cancelText: (_b = props.cancelText) !== null && _b !== void 0 ? _b : runtimeLocale.cancel,
+      open: true,
+      resolveFn: resolveFn,
+      callback: callback,
+      destroy: destroy
+    })), box);
+  });
+}; //promise factory
+
+
+var promiseFactory = function promiseFactory(config, type, callback) {
+  var opts = {
+    type: type
+  };
+  if (typeof config === 'string') opts.content = config;else opts = Object.assign(Object.assign({}, config), {
+    type: type
+  });
+  return new Promise(function (resolve) {
+    confirm(opts, resolve, callback);
+  });
+}; //销毁弹框
+
+
+var destroyAllConfirm = function destroyAllConfirm(uuid) {
+  if (uuid) {
+    var close = $destroyFnsMap.get(uuid);
+    if (close) close();
+    $destroyFnsMap.delete(uuid);
+    return;
+  }
+
+  $destroyFnsMap.forEach(function (close) {
+    if (close) close();
+  });
+  $destroyFnsMap.clear();
+};
+
+var Confirm = {
+  info: function info(config, callback) {
+    return promiseFactory(config, 'info', callback);
+  },
+  warn: function warn(config, callback) {
+    return promiseFactory(config, 'warn', callback);
+  },
+  error: function error(config, callback) {
+    return promiseFactory(config, 'error', callback);
+  },
+  success: function success(config, callback) {
+    return promiseFactory(config, 'success', callback);
+  },
+  destroyAll: destroyAllConfirm
+};
+
+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);
+
+var mousePosition;
+
+var getClickPosition = function getClickPosition(e) {
+  mousePosition = {
+    x: e.pageX,
+    y: e.pageY
+  };
+  setTimeout(function () {
+    mousePosition = null;
+  }, 100);
+}; // 只有点击事件支持从鼠标位置动画展开
+
+
+if (window.document.documentElement) {
+  document.documentElement.addEventListener('click', getClickPosition, true);
+} //Modal
+
+
+var Modal = function Modal(props) {
+  var open = props.open,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      closeIcon = props.closeIcon,
+      _props$centered = props.centered,
+      centered = _props$centered === void 0 ? true : _props$centered,
+      _props$focusTriggerAf = props.focusTriggerAfterClose,
+      focusTriggerAfterClose = _props$focusTriggerAf === void 0 ? true : _props$focusTriggerAf,
+      title = props.title,
+      footer = props.footer,
+      _props$showActions = props.showActions,
+      showActions = _props$showActions === void 0 ? true : _props$showActions,
+      actions = props.actions,
+      header = props.header,
+      _props$hideHeader = props.hideHeader,
+      hideHeader = _props$hideHeader === void 0 ? false : _props$hideHeader,
+      _props$showCancel = props.showCancel,
+      showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
+      _props$maskClosable = props.maskClosable,
+      maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
+      _props$disableBackdro = props.disableBackdropClick,
+      disableBackdropClick = _props$disableBackdro === void 0 ? true : _props$disableBackdro,
+      _props$keyboard = props.keyboard,
+      keyboard = _props$keyboard === void 0 ? false : _props$keyboard,
+      _props$disableEscapeK = props.disableEscapeKeyDown,
+      disableEscapeKeyDown = _props$disableEscapeK === void 0 ? true : _props$disableEscapeK,
+      fullScreen = props.fullScreen,
+      customizeSize = props.customizeSize,
+      style = props.style,
+      bodyStyle = props.bodyStyle,
+      contentWidth = props.contentWidth,
+      contentHeight = props.contentHeight,
+      contentStyle = props.contentStyle,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'md' : _props$size,
+      children = props.children,
+      _props$closable = props.closable,
+      closable = _props$closable === void 0 ? true : _props$closable,
+      restProps = __rest(props, ["open", "visible", "closeIcon", "centered", "focusTriggerAfterClose", "title", "footer", "showActions", "actions", "header", "hideHeader", "showCancel", "maskClosable", "disableBackdropClick", "keyboard", "disableEscapeKeyDown", "fullScreen", "customizeSize", "style", "bodyStyle", "contentWidth", "contentHeight", "contentStyle", "size", "children", "closable"]);
+
+  var isFullScreen = fullScreen || size === 'fullScreen'; //是否全屏
+
+  var intl = useFormatMessage('Modal', defaultModalLocale);
+
+  var handleCancel = function handleCancel(e) {
+    var _a;
+
+    (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props, e);
+  };
+
+  var handleOk = function handleOk(e) {
+    var _a;
+
+    (_a = props.onOk) === null || _a === void 0 ? void 0 : _a.call(props, e);
+  }; //modal size class
+
+
+  var makeSizeCls = function makeSizeCls() {
+    var sizeMap = {
+      sm: 'paraui-modal-sm',
+      md: 'paraui-modal-md',
+      lg: 'paraui-modal-lg',
+      auto: 'paraui-modal-auto',
+      fullScreen: 'paraui-modal-fullscreen'
+    };
+    if (contentWidth || contentHeight || contentStyle) return;
+    if (isFullScreen) return sizeMap['fullScreen'];
+    return sizeMap[size];
+  }; //自定义样式
+
+
+  var getCStyle = function getCStyle() {
+    return Object.assign(Object.assign({}, customizeSize), style);
+  }; //自定义内容样式
+
+
+  var getContentStyle = function getContentStyle() {
+    return Object.assign(Object.assign(Object.assign({}, bodyStyle), {
+      width: contentWidth,
+      height: contentHeight
+    }), contentStyle);
+  }; //header
+
+
+  var renderHeader = function renderHeader() {
+    if (hideHeader) return null;
+    if (header) return header; //
+
+    var closeNode = closable && jsx(Button.IconButton, Object.assign({
+      onClick: handleCancel,
+      className: 'paraui-modal-close',
+      variant: 'outlined',
+      size: 'small'
+    }, {
+      children: closeIcon || jsx(CloseIcon, {})
+    }));
+
+    return jsxs(Fragment, {
+      children: [title, closeNode]
+    });
+  }; //footer
+
+
+  var renderFooter = function renderFooter() {
+    if (!showActions) return null;
+    var okText = props.okText,
+        cancelText = props.cancelText,
+        okButtonProps = props.okButtonProps,
+        cancelButtonProps = props.cancelButtonProps,
+        _props$confirmLoading = props.confirmLoading,
+        confirmLoading = _props$confirmLoading === void 0 ? false : _props$confirmLoading;
+
+    var okBtn = jsx(Button, Object.assign({
+      variant: "contained",
+      size: "medium",
+      loading: confirmLoading,
+      onClick: handleOk
+    }, okButtonProps, {
+      children: okText !== null && okText !== void 0 ? okText : intl({
+        id: 'ok'
+      })
+    }));
+
+    var cancelBtn = showCancel && jsx(Button, Object.assign({
+      variant: "outlined",
+      size: "medium",
+      onClick: handleCancel
+    }, cancelButtonProps, {
+      children: cancelText !== null && cancelText !== void 0 ? cancelText : intl({
+        id: 'cancel'
+      })
+    }));
+
+    var buttons = [cancelBtn, okBtn];
+    var tActions = actions !== null && actions !== void 0 ? actions : footer;
+
+    if (typeof tActions === 'function') {
+      var btns = tActions(buttons);
+      return jsx(Fragment, {
+        children: Array.isArray(btns) ? btns.map(function (btn, idx) {
+          return jsx(React__default.Fragment, {
+            children: btn
+          }, idx);
+        }) : btns
+      });
+    } else if (tActions) {
+      return tActions;
+    }
+
+    return jsx(Fragment, {
+      children: buttons.map(function (btn, idx) {
+        return jsx(React__default.Fragment, {
+          children: btn
+        }, idx);
+      })
+    });
+  };
+
+  var prefixCls = 'paraui-modal';
+  var makeWrapClassName = clsx(props.wrapClassName, _defineProperty({}, "".concat(prefixCls, "-centered"), centered));
+  var makeModalClassName = clsx(props.className, 'paraui-scrollbar-small', makeSizeCls());
+  return jsx(Dialog, Object.assign({}, restProps, {
+    visible: open !== null && open !== void 0 ? open : visible,
+    title: renderHeader(),
+    footer: renderFooter(),
+    style: getCStyle(),
+    bodyStyle: getContentStyle(),
+    prefixCls: prefixCls,
+    className: makeModalClassName,
+    wrapClassName: makeWrapClassName,
+    mousePosition: mousePosition,
+    onClose: handleCancel,
+    closable: false,
+    closeIcon: null,
+    maskClosable: !disableBackdropClick || maskClosable,
+    keyboard: !disableEscapeKeyDown || keyboard,
+    focusTriggerAfterClose: focusTriggerAfterClose,
+    transitionName: 'paraui-modal-zoom',
+    maskTransitionName: 'paraui-modal-fade'
+  }, {
+    children: children
+  }));
+};
+
+export { Confirm, Modal, Modal as default };

package/Modal/lang/en_US.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    cancel: string;
-    ok: string;
-};
-export default _default;
+declare const _default: {
+    cancel: string;
+    ok: string;
+};
+export default _default;

package/Modal/lang/index.d.ts

@@ -1,11 +1,11 @@
-declare const _default: {
-    zh: {
-        cancel: string;
-        ok: string;
-    };
-    en: {
-        cancel: string;
-        ok: string;
-    };
-};
-export default _default;
+declare const _default: {
+    zh: {
+        cancel: string;
+        ok: string;
+    };
+    en: {
+        cancel: string;
+        ok: string;
+    };
+};
+export default _default;

package/Modal/lang/zh_CN.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    cancel: string;
-    ok: string;
-};
-export default _default;
+declare const _default: {
+    cancel: string;
+    ok: string;
+};
+export default _default;