UNPKG

@auraxy/react-modal

Version:

A react modal component

10 lines (8 loc) • 17.4 kB
1
2
3
4
5
6
7
8
9
10
/** * Bundle of @auraxy/react-modal * Generated: 2020-10-29 * Version: 2.1.4 * License: MIT * Author: 2631541594@qq.com */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e=e||self).ReactModal={},e.React,e.ReactDOM)}(this,function(e,h,y){"use strict";var p="default"in h?h.default:h;y=y&&Object.prototype.hasOwnProperty.call(y,"default")?y.default:y;var t,f,d=(function(e){var t=function(c){var l,e=Object.prototype,u=e.hasOwnProperty,t="function"==typeof Symbol?Symbol:{},n=t.iterator||"@@iterator",r=t.asyncIterator||"@@asyncIterator",o=t.toStringTag||"@@toStringTag";function a(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{a({},"")}catch(e){a=function(e,t,r){return e[t]=r}}function i(e,t,r,n){var o,a,c,i,t=t&&t.prototype instanceof p?t:p,t=Object.create(t.prototype),n=new k(n||[]);return t._invoke=(o=e,a=r,c=n,i=f,function(e,t){if(i===m)throw new Error("Generator is already running");if(i===h){if("throw"===e)throw t;return j()}for(c.method=e,c.arg=t;;){var r=c.delegate;if(r){var n=function e(t,r){var n=t.iterator[r.method];if(n===l){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=l,e(t,r),"throw"===r.method))return y;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return y}n=s(n,t.iterator,r.arg);if("throw"===n.type)return r.method="throw",r.arg=n.arg,r.delegate=null,y;var n=n.arg;if(!n)return r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y;{if(!n.done)return n;r[t.resultName]=n.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=l)}r.delegate=null;return y}(r,c);if(n){if(n===y)continue;return n}}if("next"===c.method)c.sent=c._sent=c.arg;else if("throw"===c.method){if(i===f)throw i=h,c.arg;c.dispatchException(c.arg)}else"return"===c.method&&c.abrupt("return",c.arg);i=m;n=s(o,a,c);if("normal"===n.type){if(i=c.done?h:d,n.arg!==y)return{value:n.arg,done:c.done}}else"throw"===n.type&&(i=h,c.method="throw",c.arg=n.arg)}}),t}function s(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}c.wrap=i;var f="suspendedStart",d="suspendedYield",m="executing",h="completed",y={};function p(){}function v(){}function g(){}var b={};b[n]=function(){return this};t=Object.getPrototypeOf,t=t&&t(t(N([])));t&&t!==e&&u.call(t,n)&&(b=t);var w=g.prototype=p.prototype=Object.create(b);function E(e){["next","throw","return"].forEach(function(t){a(e,t,function(e){return this._invoke(t,e)})})}function x(c,i){var t;this._invoke=function(r,n){function e(){return new i(function(e,t){!function t(e,r,n,o){e=s(c[e],c,r);if("throw"!==e.type){var a=e.arg,r=a.value;return r&&"object"==typeof r&&u.call(r,"__await")?i.resolve(r.__await).then(function(e){t("next",e,n,o)},function(e){t("throw",e,n,o)}):i.resolve(r).then(function(e){a.value=e,n(a)},function(e){return t("throw",e,n,o)})}o(e.arg)}(r,n,e,t)})}return t=t?t.then(e,e):e()}}function C(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function O(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function k(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function N(t){if(t){var e=t[n];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,e=function e(){for(;++r<t.length;)if(u.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=l,e.done=!0,e};return e.next=e}}return{next:j}}function j(){return{value:l,done:!0}}return((v.prototype=w.constructor=g).constructor=v).displayName=a(g,o,"GeneratorFunction"),c.isGeneratorFunction=function(e){e="function"==typeof e&&e.constructor;return!!e&&(e===v||"GeneratorFunction"===(e.displayName||e.name))},c.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,a(e,o,"GeneratorFunction")),e.prototype=Object.create(w),e},c.awrap=function(e){return{__await:e}},E(x.prototype),x.prototype[r]=function(){return this},c.AsyncIterator=x,c.async=function(e,t,r,n,o){void 0===o&&(o=Promise);var a=new x(i(e,t,r,n),o);return c.isGeneratorFunction(t)?a:a.next().then(function(e){return e.done?e.value:a.next()})},E(w),a(w,o,"Generator"),w[n]=function(){return this},w.toString=function(){return"[object Generator]"},c.keys=function(r){var e,n=[];for(e in r)n.push(e);return n.reverse(),function e(){for(;n.length;){var t=n.pop();if(t in r)return e.value=t,e.done=!1,e}return e.done=!0,e}},c.values=N,k.prototype={constructor:k,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=l,this.done=!1,this.delegate=null,this.method="next",this.arg=l,this.tryEntries.forEach(O),!e)for(var t in this)"t"===t.charAt(0)&&u.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=l)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var n=this;function e(e,t){return a.type="throw",a.arg=r,n.next=e,t&&(n.method="next",n.arg=l),!!t}for(var t=this.tryEntries.length-1;0<=t;--t){var o=this.tryEntries[t],a=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var c=u.call(o,"catchLoc"),i=u.call(o,"finallyLoc");if(c&&i){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(c){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!i)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;0<=r;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&u.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=e,a.arg=t,o?(this.method="next",this.next=o.finallyLoc,y):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),y},finish:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),O(r),y}},catch:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n,o=r.completion;return"throw"===o.type&&(n=o.arg,O(r)),n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:N(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=l),y}},c}(e.exports);try{regeneratorRuntime=t}catch(e){Function("r","regeneratorRuntime = r")(t)}}(t={exports:{}}),t.exports);function m(e,t,r,n,o,a,c){try{var i=e[a](c),l=i.value}catch(e){return void r(e)}i.done?t(l):Promise.resolve(l).then(n,o)}function v(e,t){if(null==e)return{};var r,n=function(e,t){if(null==e)return{};for(var r,n={},o=Object.keys(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r]);return n}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function b(e,t){if(null==e)return{};var r,n=function(e,t){if(null==e)return{};for(var r,n={},o=Object.keys(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r]);return n}(u=f=f||{})[u.Normal=0]="Normal",u[u.Pending=1]="Pending",u[u.Success=2]="Success",u[u.Failed=3]="Failed";function w(e){var t=e.children,r=void 0===(l=e.canUseAgain)||l,n=void 0===(a=e.loadingContent)?"loading...":a,o=void 0===(i=e.successContent)?"":i,a=void 0===(l=e.failedContent)?"":l,c=e.onClick,i=e.disabled,l=void 0===(l=e.className)?"":l,e=b(e,["children","canUseAgain","loadingContent","successContent","failedContent","onClick","disabled","className"]),n=function(e,t){var r=g(h.useState(f.Normal),2),n=r[0],o=r[1],a=h.useRef(!1);switch(a.current=a.current||n!==f.Normal,r=e.children,t=!t&&a.current,a="",n){case f.Pending:e.loadingContent&&(r=e.loadingContent),a="btn-pending",t=!0;break;case f.Failed:e.failedContent&&(r=e.failedContent),a="btn-failed";break;case f.Success:e.successContent&&(r=e.successContent),a="btn-success"}return[r,t,a,o]}({children:t,loadingContent:n,successContent:o,failedContent:a},r),a=(o=g(n,4))[0],r=o[1],n=o[2],u=o[3],s=h.useRef(!1);return h.useEffect(function(){return function(){s.current=!0}},[]),p.createElement("button",Object.assign({},e,{className:"".concat(l," ").concat(n),onClick:function(e){u(f.Pending),c(e).then(function(){s.current||u(f.Success)}).catch(function(){s.current||u(f.Failed)})},disabled:i||r}),a)}function o(e,t){if(null==e)return{};var r,n=function(e,t){if(null==e)return{};for(var r,n={},o=Object.keys(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r]);return n}function E(e){var t,r=e.className,n=o(e,["className"]);return"undefined"!=typeof window&&(t="module-css-react-loading",(e=document.getElementById(t))||((e=document.createElement("style")).id=t,e.innerHTML=".react-loading .circle{animation:sk-circleFadeDelay 1s infinite ease-in-out both}.react-loading .st0{animation-delay:-0.9s}.react-loading .st1{animation-delay:-0.8s}.react-loading .st2{animation-delay:-0.7s}.react-loading .st3{animation-delay:-0.6s}.react-loading .st4{animation-delay:-0.5s}.react-loading .st5{animation-delay:-0.4s}.react-loading .st6{animation-delay:-0.3s}.react-loading .st7{animation-delay:-0.2s}.react-loading .st8{animation-delay:-0.1s}.react-loading .st9{animation-delay:0s}@keyframes sk-circleFadeDelay{10%{opacity:0.1}100%{opacity:1}}",document.head.appendChild(e))),p.createElement("svg",Object.assign({},n,{className:"react-loading "+r,viewBox:"0 0 512 512"}),p.createElement("circle",{className:"circle st0",fill:"currentColor",cx:"256",cy:"472",r:"40"}),p.createElement("circle",{transform:"matrix(0.5878 -0.809 0.809 0.5878 -295.2906 281.9548)",className:"circle st1",fill:"currentColor",cx:"129",cy:"430.7",r:"40"}),p.createElement("circle",{transform:"matrix(0.9511 -0.309 0.309 0.9511 -97.2594 31.4239)",className:"circle st2",fill:"currentColor",cx:"50.6",cy:"322.7",r:"40"}),p.createElement("circle",{transform:"matrix(0.309 -0.9511 0.9511 0.309 -145.0454 178.8668)",className:"circle st3",fill:"currentColor",cx:"50.6",cy:"189.3",r:"40"}),p.createElement("circle",{transform:"matrix(0.809 -0.5878 0.5878 0.809 -23.1148 91.3647)",className:"circle st4",fill:"currentColor",cx:"129",cy:"81.3",r:"40"}),p.createElement("circle",{className:"circle st5",fill:"currentColor",cx:"256",cy:"40",r:"40"}),p.createElement("circle",{transform:"matrix(0.5878 -0.809 0.809 0.5878 92.1279 343.3159)",className:"circle st6",fill:"currentColor",cx:"383",cy:"81.3",r:"40"}),p.createElement("circle",{transform:"matrix(0.9511 -0.309 0.309 0.9511 -35.8983 151.8518)",className:"circle st7",fill:"currentColor",cx:"461.4",cy:"189.3",r:"40"}),p.createElement("circle",{transform:"matrix(0.309 -0.9511 0.9511 0.309 11.8878 661.8575)",className:"circle st8",fill:"currentColor",cx:"461.4",cy:"322.7",r:"40"}),p.createElement("circle",{transform:"matrix(0.809 -0.5878 0.5878 0.809 -180.048 307.3647)",className:"circle st9",fill:"currentColor",cx:"383",cy:"430.7",r:"40"}))}function x(e){var t=h.useRef(!1);return t.current=t.current||e,t.current}function C(e){var t=h.useRef(null),r=h.useCallback(function(){t.current&&t.current.open()},[]),n=h.useCallback(function(){t.current&&t.current.close()},[]),o=h.useMemo(function(){return{open:r,close:n}},[n,r]);return h.useImperativeHandle(e,function(){return o}),h.useMemo(function(){return{overlayRef:t,methods:o}},[o])}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,o=!1,a=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw a}}return r}}(e,t)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var r={portalDom:void 0};function k(e){e=e||r.portalDom;return"string"==typeof e?document.querySelector(e):e}var i=h.forwardRef(function(e,t){var r=e.children,n=e.forceShow,o=void 0!==n&&n,n=e.enableEscape,a=void 0===n||n,n=e.enableClick,c=void 0===n||n,i=e.onClose,l=e.onOpen,n=e.portalDom,u=h.useRef(null),e=O(h.useState(o),2),s=e[0],f=e[1];h.useLayoutEffect(function(){o&&f(!0)},[o]);function d(){f(!0),l&&l()}function m(){o||(f(!1),i&&i())}if(h.useImperativeHandle(t,function(){return{open:d,close:m}}),h.useEffect(function(){if(a&&s){var e=function(e){"Escape"!==e.key&&27!==e.keyCode||!i||i()};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}},[s,a,i]),!x(s))return p.createElement(p.Fragment,null);t=s?"overlay overlay-show":"overlay overlay-hidden",r=p.createElement("div",{ref:u,className:t,onClick:function(e){c&&e&&e.target===u.current&&m()}},r),n=k(n);return n?y.createPortal(r,n):r}),N=h.forwardRef(function(e,t){var r=e.children,n=e.title,o=e.showClose,a=void 0===o||o,c=e.className,o=v(e,["children","title","showClose","className"]),e=C(t),t=e.overlayRef,e=e.methods.close;return p.createElement(i,Object.assign({},o,{ref:t}),p.createElement("section",{className:"modal ".concat(c||"")},n&&p.createElement("header",{className:"header"},n),a&&p.createElement("div",{className:"icon-close",onClick:e}),r))}),a=h.forwardRef(function(e,t){var r=e.content,n=e.texts,o=e.hideCancel,a=e.onOk,c=e.onCancel,i=e.className,l=e.forceShow,u=v(e,["content","texts","hideCancel","onOk","onCancel","className","forceShow"]),e=C(t),t=e.overlayRef,s=e.methods.close,e={ok:n&&n.ok||"确定",cancel:n&&n.cancel||"取消"},n=function(){var i,e=(i=d.mark(function e(t){var r;return d.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!(r="ok"===t?a:c)){e.next=6;break}if((r=r())&&"function"==typeof r.then)return e.next=6,r;e.next=6;break;case 6:"cancel"===t&&s();case 7:case"end":return e.stop()}},e)}),function(){var e=this,c=arguments;return new Promise(function(t,r){var n=i.apply(e,c);function o(e){m(n,t,r,o,a,"next",e)}function a(e){m(n,t,r,o,a,"throw",e)}o(void 0)})});return function(){return e.apply(this,arguments)}}();return p.createElement(N,Object.assign({},u,{className:"confirm-modal ".concat(i||""),ref:t,forceShow:l}),p.createElement("div",{className:"modal-content"},r||"确认操作吗？"),p.createElement("footer",{className:"footer"},!o&&p.createElement(w,{className:"btn-cancel",onClick:n.bind(null,"cancel"),loadingContent:p.createElement(E,null)},e.cancel),p.createElement(w,{className:"btn-ok",onClick:n.bind(null,"ok"),loadingContent:p.createElement(E,null)},e.ok)))});function c(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function l(){var e=O(h.useState(),2),t=e[0],r=e[1],n=h.useRef(null);return h.useLayoutEffect(function(){window.GlobalConfirmModal={open:function(e){r(e),n.current.open()},close:function(){n.current.close()}}}),p.createElement(a,Object.assign({},t,{ref:n}))}var u=function(){function r(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r)}var e,t,n;return e=r,n=[{key:"open",value:function(e){r.render().then(function(){return window.GlobalConfirmModal.open(e)})}},{key:"close",value:function(){r.render().then(function(){return window.GlobalConfirmModal.close()})}},{key:"render",value:function(){return new Promise(function(e){var t;document.getElementById(r.id)?e():((t=document.createElement("div")).id=r.id,document.body.appendChild(t),y.render(p.createElement(l,null),t,e))})}}],(t=null)&&c(e.prototype,t),n&&c(e,n),r}();u.id="global-confirm-modal",e.ConfirmModal=a,e.GlobalConfig=r,e.GlobalConfirmModal=u,e.Modal=N,e.Overlay=i,e.getPortalDom=k,e.useDeliveryRef=C,e.useShouldRender=x,Object.defineProperty(e,"__esModule",{value:!0})});