common_com/lib/Modal/index.js

lazyload、calendar、react-lazyload、loading、scroll、modal、slider、input

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactDom=require("react-dom");require("./index.css");function _interopRequireWildcard(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};d.get||d.set?Object.defineProperty(b,c,d):b[c]=a[c]}return b.default=a,b}function _typeof(a){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),a}function _possibleConstructorReturn(a,b){return b&&("object"===_typeof(b)||"function"==typeof b)?b:_assertThisInitialized(a)}function _assertThisInitialized(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function _getPrototypeOf(a){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},_getPrototypeOf(a)}function _inherits(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),b&&_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}var Modal=/*#__PURE__*/function(a){function b(){return _classCallCheck(this,b),_possibleConstructorReturn(this,_getPrototypeOf(b).apply(this,arguments))}return _inherits(b,a),_createClass(b,[{key:"render",value:function render(){var a=this.props,c=a.title,d=void 0===c?"Modal":c,e=a.content,f=void 0===e?"Modal...":e,g=a.onCancel,h=a.onSure;return _react.default.createElement("div",{className:"ui-suyangzhou-modal-container"},_react.default.createElement("div",{className:"ui-suyangzhou-modal-content"},_react.default.createElement("div",{className:"ui-suyangzhou-modal-header"},_react.default.createElement("div",{className:"ui-suyangzhou-modal-title"},d),_react.default.createElement("div",{onClick:b.hide,className:"ui-suyangzhou-modal-close"})),_react.default.createElement("div",{className:"ui-suyangzhou-modal-body"},f),_react.default.createElement("div",{className:"ui-suyangzhou-modal-footer"},_react.default.createElement("button",{onClick:g?g:b.hide,className:"ui-suyangzhou-modal-cancel"},"\u53D6\u6D88"),_react.default.createElement("button",{onClick:h?h:b.hide,className:"ui-suyangzhou-modal-sure"},"\u786E\u5B9A"))))}}],[{key:"show",value:function show(a){if(!b.ele){var c=document.createElement("div");document.body.appendChild(c),document.body.style.setProperty("overflow","hidden"),b.ele=c,(0,_reactDom.render)(_react.default.createElement(b,a),c)}}},{key:"hide",value:function hide(){document.body.style.removeProperty("overflow"),b.ele&&((0,_reactDom.unmountComponentAtNode)(b.ele),document.body.removeChild(b.ele),b.ele=null)}}]),b}(_react.Component),_default=Modal;exports.default=_default;