@clake/react-bootstrap4-window 0.7.7 → 1.0.2

package/lib/WModal.js

@@ -1,19 +1,17 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.2 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T14:51:23+0800
  */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.WModal = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bind = _interopRequireDefault(require("classnames/bind"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactBootstrap = require("@clake/react-bootstrap4");
 
@@ -41,17 +39,29 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var ModalAlert = 0;
-var ModalConfirm = 1;
-var ModalLoading = 2;
-var ModalView = 3;
+// const ModalAlert = 0;
+// const ModalConfirm = 1;
+// const ModalLoading = 2;
+// const ModalView = 3;
+//基础INDEX值
 var BaseModal = 950;
+
+var ModalTypes =
+/*#__PURE__*/
+function (ModalTypes) {
+  ModalTypes[ModalTypes["ModalAlert"] = 0] = "ModalAlert";
+  ModalTypes[ModalTypes["ModalConfirm"] = 1] = "ModalConfirm";
+  ModalTypes[ModalTypes["ModalLoading"] = 2] = "ModalLoading";
+  ModalTypes[ModalTypes["ModalView"] = 3] = "ModalView";
+  return ModalTypes;
+}(ModalTypes || {});
+
 var defBtns = {
   ok: 'Ok',
   cancel: 'Cancel'
 };
 
-var WModal =
+var WModal = exports.WModal =
 /*#__PURE__*/
 function (_React$Component) {
   _inherits(WModal, _React$Component);
@@ -63,13 +73,37 @@ function (_React$Component) {
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(WModal).call(this, props));
 
-    _defineProperty(_assertThisInitialized(_this), "closeHandler", function (e) {
+    _defineProperty(_assertThisInitialized(_this), "domId", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "offsetIndex", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "is_open", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "fadeTime", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "modalType", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "callback", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_main", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_shadow", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "_dialog", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "defaultProps", {
+      center: false,
+      width: '300px',
+      fade: true
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "closeHandler", function () {
       if (typeof _this.props.onClose === 'function') {
         _this.props.onClose();
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "openHandler", function (e) {
+    _defineProperty(_assertThisInitialized(_this), "openHandler", function () {
       if (typeof _this.props.onOpen === 'function') {
         _this.props.onOpen();
       }
@@ -79,17 +113,18 @@ function (_React$Component) {
       content: '',
       title: '',
       isCloseBtn: true,
-      type: ModalAlert,
+      type: ModalTypes.ModalAlert,
       center: _this.props.center,
       fade: _this.props.fade,
       show: false,
       header: true,
-      btns: defBtns
+      btns: defBtns,
+      width: ''
     }; //modal type
 
-    _this.modalType = ModalAlert; //alert confirm callback function
+    _this.modalType = ModalTypes.ModalAlert; //alert confirm callback function
 
-    _this.callback = null;
+    _this.callback = undefined;
     _this.domId = 'modal-' + _reactBootstrap.Common.RandomString(16);
 
     if (_this.props.id) {
@@ -172,25 +207,32 @@ function (_React$Component) {
      * }
      * @param opt object
      */
-    value: function alert(opt, cb) {
+    value: function alert(args, cb) {
       var _this4 = this;
 
-      this.callback = opt.callback || cb || null;
-      this.modalType = ModalAlert;
+      var opt;
+
+      if (typeof args === 'string') {
+        opt = {
+          content: args
+        };
+      } else {
+        opt = args;
+      }
+
+      this.callback = opt.callback || cb || undefined;
+      this.modalType = ModalTypes.ModalAlert;
       this.setState({
         title: opt.title || 'Prompt',
         content: opt.content || opt || '',
         isCloseBtn: true,
-        type: ModalAlert,
+        type: ModalTypes.ModalAlert,
         center: opt.center || this.props.center,
         fade: opt.fade || this.props.fade,
         header: typeof opt.header === 'undefined' ? true : opt.header,
         btns: typeof opt.btns != 'undefined' ? opt.btns : defBtns
       }, function () {
-        _this4.open({
-          backdrop: 'static',
-          keyboard: false
-        });
+        _this4.open();
       });
     }
     /**
@@ -206,25 +248,32 @@ function (_React$Component) {
 
   }, {
     key: "confirm",
-    value: function confirm(opt, cb) {
+    value: function confirm(args, cb) {
       var _this5 = this;
 
-      this.callback = opt.callback || cb || null;
-      this.modalType = ModalConfirm;
+      var opt;
+
+      if (typeof args === 'string') {
+        opt = {
+          content: args
+        };
+      } else {
+        opt = args;
+      }
+
+      this.callback = opt.callback || cb || undefined;
+      this.modalType = ModalTypes.ModalConfirm;
       this.setState({
         title: opt.title || 'Prompt',
         content: opt.content || '',
         isCloseBtn: true,
-        type: ModalConfirm,
+        type: ModalTypes.ModalConfirm,
         center: opt.center || this.props.center,
         fade: opt.fade || this.props.fade,
         header: typeof opt.header === 'undefined' ? true : opt.header,
         btns: typeof opt.btns != 'undefined' ? opt.btns : defBtns
       }, function () {
-        _this5.open({
-          backdrop: 'static',
-          keyboard: false
-        });
+        _this5.open();
       });
     }
     /**
@@ -234,10 +283,20 @@ function (_React$Component) {
 
   }, {
     key: "loading",
-    value: function loading(opt) {
+    value: function loading(args) {
       var _this6 = this;
 
-      this.modalType = ModalLoading;
+      var opt;
+
+      if (typeof args === 'string') {
+        opt = {
+          content: args
+        };
+      } else {
+        opt = args;
+      }
+
+      this.modalType = ModalTypes.ModalLoading;
       this.setState({
         title: opt.title || 'Prompt',
         // content:(
@@ -247,15 +306,12 @@ function (_React$Component) {
         // ),
         content: opt.content || opt || '',
         isCloseBtn: false,
-        type: ModalLoading,
+        type: ModalTypes.ModalLoading,
         center: opt.center || this.props.center,
         fade: this.props.fade,
         header: opt.header || false
       }, function () {
-        _this6.open({
-          backdrop: 'static',
-          keyboard: false
-        });
+        _this6.open();
       });
     }
     /**
@@ -274,21 +330,18 @@ function (_React$Component) {
     value: function view(opt) {
       var _this7 = this;
 
-      this.callback = opt.callback || null;
-      this.modalType = ModalView;
+      this.callback = opt.callback || undefined;
+      this.modalType = ModalTypes.ModalView;
       this.setState({
         title: opt.title || 'Prompt',
         content: opt.content || '',
         isCloseBtn: true,
-        type: ModalView,
+        type: ModalTypes.ModalView,
         center: opt.center || this.props.center,
         fade: opt.fade || this.props.fade,
         header: typeof opt.header === 'undefined' ? true : opt.header
       }, function () {
-        _this7.open({
-          backdrop: 'static',
-          keyboard: false
-        });
+        _this7.open();
       });
     }
   }, {
@@ -297,25 +350,25 @@ function (_React$Component) {
       var base = 'wmodal-main';
 
       if (this.state.fade) {
-        base = (0, _bind["default"])(base, 'wmodal-fade');
+        base = (0, _classnames["default"])(base, 'wmodal-fade');
       }
 
-      return (0, _bind["default"])(base, this.props.className);
+      return (0, _classnames["default"])(base, this.props.className);
     }
   }, {
     key: "getClasses",
     value: function getClasses() {
       var base = 'modal wmodal-sm d-block';
 
-      if (this.modalType === ModalView) {
-        base = (0, _bind["default"])(base, "bd-example-modal-lg");
+      if (this.modalType === ModalTypes.ModalView) {
+        base = (0, _classnames["default"])(base, "bd-example-modal-lg");
       }
 
       if (this.state.fade) {
-        base = (0, _bind["default"])(base, 'wmodal-fade');
+        base = (0, _classnames["default"])(base, 'wmodal-fade');
       }
 
-      return (0, _bind["default"])(base, this.props.className);
+      return (0, _classnames["default"])(base, this.props.className);
     }
   }, {
     key: "getDialogStyles",
@@ -323,9 +376,9 @@ function (_React$Component) {
       var base = {};
 
       if (this.state.width) {
-        base['maxWidth'] = this.state.width;
+        base.maxWidth = this.state.width;
       } else if (this.props.width) {
-        base['maxWidth'] = this.props.width;
+        base.maxWidth = this.props.width;
       }
 
       return base;
@@ -335,21 +388,21 @@ function (_React$Component) {
     value: function getDialogClasses() {
       var base = 'modal-dialog';
 
-      if (this.modalType === ModalView) {
-        base = (0, _bind["default"])(base, "modal-lg");
+      if (this.modalType === ModalTypes.ModalView) {
+        base = (0, _classnames["default"])(base, "modal-lg");
       }
 
       if (this.state.center) {
-        base = (0, _bind["default"])(base, "modal-dialog-centered");
+        base = (0, _classnames["default"])(base, "modal-dialog-centered");
       }
 
-      return (0, _bind["default"])(base, this.props.className);
+      return (0, _classnames["default"])(base, this.props.className);
     }
   }, {
     key: "getShadowClasses",
     value: function getShadowClasses() {
       var base = 'modal-backdrop ck-modal-shadow show';
-      return (0, _bind["default"])(base, this.props.className);
+      return (0, _classnames["default"])(base, this.props.className);
     }
   }, {
     key: "renderFooter",
@@ -359,7 +412,7 @@ function (_React$Component) {
       var content = null;
 
       switch (this.state.type) {
-        case ModalAlert:
+        case ModalTypes.ModalAlert:
           content = _react["default"].createElement(_reactBootstrap.Button, {
             className: "w-100",
             size: "sm",
@@ -374,7 +427,7 @@ function (_React$Component) {
           }, this.state.btns['ok']);
           break;
 
-        case ModalConfirm:
+        case ModalTypes.ModalConfirm:
           content = _react["default"].createElement("div", {
             className: "row flex-grow-1 g-1 btn"
           }, _react["default"].createElement(_reactBootstrap.ButtonGroup, null, _react["default"].createElement(_reactBootstrap.Button, {
@@ -435,7 +488,7 @@ function (_React$Component) {
       }), _react["default"].createElement("div", {
         className: this.getClasses(),
         style: modalIndex,
-        tabIndex: "-1",
+        tabIndex: -1,
         id: this.domId,
         role: "dialog"
       }, _react["default"].createElement("div", {
@@ -459,26 +512,12 @@ function (_React$Component) {
         }
       }) : null) : null, _react["default"].createElement("div", {
         className: "modal-body"
-      }, this.state.type === ModalLoading ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactBootstrap.Load, null), "\xA0\xA0\xA0", this.state.content) : this.state.content), this.renderFooter()))));
+      }, this.state.type === ModalTypes.ModalLoading ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactBootstrap.Load, null), "\xA0\xA0\xA0", this.state.content) : this.state.content), this.renderFooter()))));
     }
   }]);
 
   return WModal;
 }(_react["default"].Component);
 
-WModal.propTypes = {
-  onOpen: _propTypes["default"].func,
-  onClose: _propTypes["default"].func,
-  center: _propTypes["default"].bool,
-  fade: _propTypes["default"].bool,
-  blurSelector: _propTypes["default"].string,
-  width: _propTypes["default"].string
-};
-WModal.defaultProps = {
-  center: false,
-  width: '300px',
-  fade: true
-};
-var _default = WModal;
-exports["default"] = _default;
+var _default = exports["default"] = WModal;
 //# sourceMappingURL=WModal.js.map

package/lib/WModal.js.map

@@ -1,5 +1,5 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.2 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T14:51:23+0800
  */
-{"version":3,"sources":["WModal.jsx"],"names":["ModalAlert","ModalConfirm","ModalLoading","ModalView","BaseModal","defBtns","ok","cancel","WModal","props","e","onClose","onOpen","state","content","title","isCloseBtn","type","center","fade","show","header","btns","modalType","callback","domId","Common","RandomString","id","offsetIndex","document","querySelectorAll","length","is_open","fadeTime","open","close","nextProps","nextState","clearTimeout","_main","classList","add","setTimeout","_shadow","_dialog","style","opacity","marginTop","remove","opt","cb","setState","backdrop","keyboard","base","className","width","modalIndex","zIndex","shadowIndex","c","getMainClasses","getShadowClasses","getClasses","getDialogClasses","getDialogStyles","renderFooter","React","Component","propTypes","PropTypes","func","bool","blurSelector","string","defaultProps"],"mappings":"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","sourcesContent":["/** @module react-bootstrap-v4-window/WModal */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport {\n    Button,\n    Load,\n    Common,\n    ButtonGroup\n} from '@clake/react-bootstrap4';\nimport './css/WModal.less';\n\nconst ModalAlert = 0;\nconst ModalConfirm = 1;\nconst ModalLoading = 2;\nconst ModalView = 3;\nconst BaseModal = 950;\n\nconst defBtns = {\n    ok:'Ok',\n    cancel:'Cancel',\n};\n\nclass WModal extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            content:'',\n            title:'',\n            isCloseBtn:true,\n            type:ModalAlert,\n            center:this.props.center,\n            fade:this.props.fade,\n            show:false,\n            header:true,\n            btns:defBtns,\n        };\n        //modal type\n        this.modalType = ModalAlert;\n        //alert confirm callback function\n        this.callback = null;\n\n        this.domId = 'modal-'+Common.RandomString(16);\n        if (this.props.id) {\n            this.domId = this.props.id;\n        }\n        this.offsetIndex = document.querySelectorAll(\".modal\").length * 10;\n        this.is_open = false;\n        this.fadeTime = {\n            open:0,\n            close:0\n        };\n    }\n\n    shouldComponentUpdate(nextProps, nextState) {\n        return this.state.content !== nextState.content\n    }\n\n    componentDidMount() {\n\n    }\n\n    componentWillUnmount() {\n\n    }\n\n    open() {\n        if (this.is_open) {\n            clearTimeout(this.fadeTime.open);\n            clearTimeout(this.fadeTime.close);\n        }\n\n        this._main.classList.add('d-block');\n        this.is_open = true;\n        if (this.state.fade) {\n            this.fadeTime.open = setTimeout(()=>{\n                this._shadow.classList.add('modal-show');\n                this._dialog.style.opacity = '1';\n                this._dialog.style.marginTop = '1.75rem';\n            },150);\n        }\n    }\n\n    close() {\n        if (this.state.fade) {\n            this._dialog.style.opacity = '0';\n            this._dialog.style.marginTop = '-1rem';\n            this._shadow.classList.remove('modal-show');\n        }\n        this.fadeTime.close = setTimeout(()=>{\n            if (this?._main) {\n                this._main.classList.remove('d-block');\n                this.is_open = false;\n            }\n        },150);\n    }\n\n    closeHandler = (e)=>{\n        if (typeof this.props.onClose === 'function') {\n            this.props.onClose();\n        }\n    };\n\n    openHandler = (e) =>{\n        if (typeof this.props.onOpen === 'function') {\n            this.props.onOpen();\n        }\n    };\n\n    /**\n     * modal alert method\n     * opt example\n     * {\n     *      title: '',\n     *      content: ''\n     *      [,callback: func]\n     * }\n     * @param opt object\n     */\n    alert(opt,cb) {\n        this.callback = opt.callback||cb||null;\n        this.modalType = ModalAlert;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||opt||'',\n            isCloseBtn:true,\n            type:ModalAlert,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header,\n            btns: typeof opt.btns != 'undefined' ? opt.btns:defBtns,\n        },()=>{\n            this.open({\n                backdrop:'static',\n                keyboard:false,\n            });\n        });\n    }\n\n    /**\n     * modal confirm method\n     * opt example\n     * {\n     *      title:'',\n     *      content:'',\n     *      [callback: func]\n     * }\n     * @param opt\n     */\n    confirm(opt,cb) {\n        this.callback = opt.callback||cb||null;\n        this.modalType = ModalConfirm;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||'',\n            isCloseBtn:true,\n            type:ModalConfirm,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header,\n            btns: typeof opt.btns != 'undefined' ? opt.btns:defBtns,\n        },()=>{\n            this.open({\n                backdrop:'static',\n                keyboard:false,\n            });\n        });\n    }\n\n    /**\n     * modal loading method\n     * @param opt\n     */\n    loading(opt) {\n        this.modalType = ModalLoading;\n        this.setState({\n            title:opt.title||'Prompt',\n            // content:(\n            //     <React.Fragment>\n            //         <Icon icon='spinner'/>&nbsp;&nbsp;&nbsp;{content}\n            //     </React.Fragment>\n            // ),\n            content:opt.content||opt||'',\n            isCloseBtn:false,\n            type:ModalLoading,\n            center:opt.center||this.props.center,\n            fade:this.props.fade,\n            header: opt.header||false,\n        },()=>{\n            this.open({\n                backdrop:'static',\n                keyboard:false,\n            });\n        });\n    }\n\n    /**\n     * modal view method\n     * opt example\n     * {\n     *      title:'',\n     *      content:flex,\n     *      [callback:func]\n     * }\n     * @param opt\n     */\n    view(opt) {\n        this.callback = opt.callback||null;\n        this.modalType = ModalView;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||'',\n            isCloseBtn:true,\n            type:ModalView,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header\n        },()=>{\n            this.open({\n                backdrop:'static',\n                keyboard:false,\n            });\n        });\n    }\n\n    getMainClasses() {\n        let base = 'wmodal-main';\n\n        if (this.state.fade) {\n            base = classNames(base,'wmodal-fade');\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getClasses() {\n        let base = 'modal wmodal-sm d-block';\n        if (this.modalType === ModalView) {\n            base = classNames(base,\"bd-example-modal-lg\");\n        }\n\n        if (this.state.fade) {\n            base = classNames(base,'wmodal-fade');\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getDialogStyles() {\n        let base = {};\n        if (this.state.width) {\n            base['maxWidth'] = this.state.width;\n        } else if (this.props.width) {\n            base['maxWidth'] = this.props.width;\n        }\n        return base;\n    }\n\n    getDialogClasses() {\n        let base = 'modal-dialog';\n        if (this.modalType === ModalView) {\n            base = classNames(base,\"modal-lg\");\n        }\n        if (this.state.center) {\n            base = classNames(base,\"modal-dialog-centered\");\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getShadowClasses() {\n        let base = 'modal-backdrop ck-modal-shadow show';\n\n        return classNames(base,this.props.className);\n    }\n\n    renderFooter() {\n        let content = null;\n        switch (this.state.type) {\n            case ModalAlert:\n                content = (\n                    <Button className=\"w-100\" size='sm' data-dismiss=\"modal\" onClick={e=>{\n                        this.close();\n                        if (typeof this.callback === 'function') {\n                            this.callback(1);\n                        }\n                    }}>{this.state.btns['ok']}</Button>\n                );\n                break;\n            case ModalConfirm:\n                content = (\n                    <div className='row flex-grow-1 g-1 btn'>\n                        <ButtonGroup>\n                        <Button className='col-6' size='sm' onClick={()=>{\n                            this.close();\n                            if (typeof this.callback === 'function') {\n                                this.callback(1);\n                            }\n                        }}>{this.state.btns['ok']}</Button>\n                        <Button className='col-6' size='sm' onClick={()=>{\n                            this.close();\n                            if (typeof this.callback === 'function') {\n                                this.callback(0);\n                            }\n                        }} theme='secondary'>{this.state.btns['cancel']}</Button>\n                        </ButtonGroup>\n                    </div>\n                );\n                break;\n            default:\n                return null;\n        }\n\n        return (\n            <div className=\"modal-footer\">\n                {content}\n            </div>\n        )\n    }\n\n    render() {\n        let modalIndex = {zIndex:BaseModal+this.offsetIndex+2};\n        let shadowIndex = {zIndex:BaseModal+this.offsetIndex+1};\n        return (\n            <div ref={c=>this._main=c} className={this.getMainClasses()}>\n                <div ref={c=>this._shadow=c} className={this.getShadowClasses()} style={shadowIndex} id={`${this.domId}-shadow`}/>\n                <div className={this.getClasses()} style={modalIndex} tabIndex=\"-1\" id={this.domId} role=\"dialog\">\n                    <div ref={c=>this._dialog=c} className={this.getDialogClasses()} style={this.getDialogStyles()} role=\"document\">\n                        <div className=\"modal-content\">\n                            {this.state.header?<div className=\"modal-header\">\n                                <h6 className=\"modal-title\">{this.state.title}</h6>\n                                {this.state.isCloseBtn?<button type=\"button\" className=\"btn-close\" onClick={()=>{\n                                    this.close();\n                                }}>\n                                </button>:null}\n                            </div>:null}\n                            <div className=\"modal-body\">\n                                {this.state.type === ModalLoading?<React.Fragment>\n                                    <Load/>&nbsp;&nbsp;&nbsp;{this.state.content}\n                                </React.Fragment>:this.state.content}\n                            </div>\n                            {this.renderFooter()}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\nWModal.propTypes = {\n    onOpen: PropTypes.func,\n    onClose: PropTypes.func,\n    center: PropTypes.bool,\n    fade: PropTypes.bool,\n    blurSelector: PropTypes.string,\n    width: PropTypes.string\n};\n\nWModal.defaultProps = {\n    center:false,\n    width: '300px',\n    fade:true,\n};\n\nexport default WModal;"],"file":"WModal.js"}
+{"version":3,"sources":["WModal.tsx"],"names":["BaseModal","ModalTypes","defBtns","ok","cancel","WModal","props","center","width","fade","onClose","onOpen","state","content","title","isCloseBtn","type","ModalAlert","show","header","btns","modalType","callback","undefined","domId","Common","RandomString","id","offsetIndex","document","querySelectorAll","length","is_open","fadeTime","open","close","nextProps","nextState","clearTimeout","_main","classList","add","setTimeout","_shadow","_dialog","style","opacity","marginTop","remove","args","cb","opt","setState","ModalConfirm","ModalLoading","ModalView","base","className","maxWidth","e","modalIndex","zIndex","shadowIndex","c","getMainClasses","getShadowClasses","getClasses","getDialogClasses","getDialogStyles","renderFooter","React","Component"],"mappings":"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","sourcesContent":["/** @module react-bootstrap-v4-window/WModal */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n    Button,\n    Load,\n    Common,\n    ButtonGroup,\n    ComponentProps,\n    StrObject,\n    AnyObject\n} from '@clake/react-bootstrap4';\nimport './css/WModal.less';\n\n// const ModalAlert = 0;\n// const ModalConfirm = 1;\n// const ModalLoading = 2;\n// const ModalView = 3;\n//基础INDEX值\nconst BaseModal = 950;\n\nenum ModalTypes {\n    ModalAlert, \n    ModalConfirm, \n    ModalLoading, \n    ModalView\n}\n\nconst defBtns:StrObject = {\n    ok:'Ok',\n    cancel:'Cancel',\n};\n\nexport interface ModalOptions {\n    content?: any\n    title?: any\n    isCloseBtn?: boolean\n    type?:number\n    callback?:()=>void\n    center?: boolean\n    fade?: boolean\n    header?: boolean\n    btns?: StrObject\n}\n\ninterface Props extends ComponentProps {\n    onOpen: ()=>void,\n    onClose: ()=>void,\n    center: boolean,\n    fade: boolean,\n    blurSelector: string,\n    width: string\n}\n\ninterface State {\n    content:string,\n    title:string,\n    isCloseBtn:boolean,\n    type:number,\n    center:boolean,\n    fade:boolean,\n    show:boolean,\n    header:boolean,\n    btns:StrObject,\n    width:string\n}\n\nexport class WModal extends React.Component<Props,State> {\n    domId: string\n    offsetIndex:number\n    is_open:boolean\n    fadeTime:AnyObject\n    modalType:number\n    callback?:(flag?:any)=>void\n    _main: HTMLDivElement\n    _shadow: HTMLDivElement\n    _dialog: HTMLDivElement\n\n    defaultProps = {\n        center:false,\n        width: '300px',\n        fade:true,\n    };\n\n    constructor(props:any) {\n        super(props);\n        this.state = {\n            content:'',\n            title:'',\n            isCloseBtn:true,\n            type:ModalTypes.ModalAlert,\n            center:this.props.center,\n            fade:this.props.fade,\n            show:false,\n            header:true,\n            btns:defBtns,\n            width:''\n        };\n        //modal type\n        this.modalType = ModalTypes.ModalAlert;\n        //alert confirm callback function\n        this.callback = undefined;\n\n        this.domId = 'modal-'+Common.RandomString(16);\n        if (this.props.id) {\n            this.domId = this.props.id;\n        }\n        this.offsetIndex = document.querySelectorAll(\".modal\").length * 10;\n        this.is_open = false;\n        this.fadeTime = {\n            open:0,\n            close:0\n        };\n    }\n\n    shouldComponentUpdate(nextProps:Props, nextState:State) {\n        return this.state.content !== nextState.content\n    }\n\n    componentDidMount() {\n\n    }\n\n    componentWillUnmount() {\n\n    }\n\n    open() {\n        if (this.is_open) {\n            clearTimeout(this.fadeTime.open);\n            clearTimeout(this.fadeTime.close);\n        }\n\n        this._main.classList.add('d-block');\n        this.is_open = true;\n        if (this.state.fade) {\n            this.fadeTime.open = setTimeout(()=>{\n                this._shadow.classList.add('modal-show');\n                this._dialog.style.opacity = '1';\n                this._dialog.style.marginTop = '1.75rem';\n            },150);\n        }\n    }\n\n    close() {\n        if (this.state.fade) {\n            this._dialog.style.opacity = '0';\n            this._dialog.style.marginTop = '-1rem';\n            this._shadow.classList.remove('modal-show');\n        }\n        this.fadeTime.close = setTimeout(()=>{\n            if (this?._main) {\n                this._main.classList.remove('d-block');\n                this.is_open = false;\n            }\n        },150);\n    }\n\n    closeHandler = ()=>{\n        if (typeof this.props.onClose === 'function') {\n            this.props.onClose();\n        }\n    };\n\n    openHandler = () =>{\n        if (typeof this.props.onOpen === 'function') {\n            this.props.onOpen();\n        }\n    };\n\n    /**\n     * modal alert method\n     * opt example\n     * {\n     *      title: '',\n     *      content: ''\n     *      [,callback: func]\n     * }\n     * @param opt object\n     */\n    alert(args:ModalOptions|string,cb?:()=>void):void {\n        let opt:ModalOptions\n        if (typeof args === 'string') {\n            opt = {\n                content:args\n            }\n        } else {\n            opt = args\n        }\n        this.callback = opt.callback||cb||undefined;\n        this.modalType = ModalTypes.ModalAlert;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||opt||'',\n            isCloseBtn:true,\n            type:ModalTypes.ModalAlert,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header,\n            btns: typeof opt.btns != 'undefined' ? opt.btns:defBtns,\n        },()=>{\n            this.open();\n        });\n    }\n\n    /**\n     * modal confirm method\n     * opt example\n     * {\n     *      title:'',\n     *      content:'',\n     *      [callback: func]\n     * }\n     * @param opt\n     */\n    confirm(args:ModalOptions|string,cb?:()=>void) {\n        let opt:ModalOptions\n        if (typeof args === 'string') {\n            opt = {\n                content:args\n            }\n        } else {\n            opt = args\n        }\n        this.callback = opt.callback||cb||undefined;\n        this.modalType = ModalTypes.ModalConfirm;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||'',\n            isCloseBtn:true,\n            type:ModalTypes.ModalConfirm,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header,\n            btns: typeof opt.btns != 'undefined' ? opt.btns:defBtns,\n        },()=>{\n            this.open();\n        });\n    }\n\n    /**\n     * modal loading method\n     * @param opt\n     */\n    loading(args:ModalOptions|string) {\n        let opt:ModalOptions\n        if (typeof args === 'string') {\n            opt = {\n                content:args\n            }\n        } else {\n            opt = args\n        }\n        this.modalType = ModalTypes.ModalLoading;\n        this.setState({\n            title:opt.title||'Prompt',\n            // content:(\n            //     <React.Fragment>\n            //         <Icon icon='spinner'/>&nbsp;&nbsp;&nbsp;{content}\n            //     </React.Fragment>\n            // ),\n            content:opt.content||opt||'',\n            isCloseBtn:false,\n            type:ModalTypes.ModalLoading,\n            center:opt.center||this.props.center,\n            fade:this.props.fade,\n            header: opt.header||false,\n        },()=>{\n            this.open();\n        });\n    }\n\n    /**\n     * modal view method\n     * opt example\n     * {\n     *      title:'',\n     *      content:flex,\n     *      [callback:func]\n     * }\n     * @param opt\n     */\n    view(opt:ModalOptions) {\n        this.callback = opt.callback||undefined;\n        this.modalType = ModalTypes.ModalView;\n        this.setState({\n            title:opt.title||'Prompt',\n            content:opt.content||'',\n            isCloseBtn:true,\n            type:ModalTypes.ModalView,\n            center:opt.center||this.props.center,\n            fade:opt.fade||this.props.fade,\n            header: typeof opt.header === 'undefined' ? true:opt.header\n        },()=>{\n            this.open();\n        });\n    }\n\n    getMainClasses() {\n        let base = 'wmodal-main';\n\n        if (this.state.fade) {\n            base = classNames(base,'wmodal-fade');\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getClasses() {\n        let base = 'modal wmodal-sm d-block';\n        if (this.modalType === ModalTypes.ModalView) {\n            base = classNames(base,\"bd-example-modal-lg\");\n        }\n\n        if (this.state.fade) {\n            base = classNames(base,'wmodal-fade');\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getDialogStyles() {\n        let base:any = {};\n        if (this.state.width) {\n            base.maxWidth = this.state.width;\n        } else if (this.props.width) {\n            base.maxWidth = this.props.width;\n        }\n        return base;\n    }\n\n    getDialogClasses() {\n        let base = 'modal-dialog';\n        if (this.modalType === ModalTypes.ModalView) {\n            base = classNames(base,\"modal-lg\");\n        }\n        if (this.state.center) {\n            base = classNames(base,\"modal-dialog-centered\");\n        }\n\n        return classNames(base,this.props.className);\n    }\n\n    getShadowClasses() {\n        let base = 'modal-backdrop ck-modal-shadow show';\n\n        return classNames(base,this.props.className);\n    }\n\n    renderFooter() {\n        let content = null;\n        switch (this.state.type) {\n            case ModalTypes.ModalAlert:\n                content = (\n                    <Button className=\"w-100\" size='sm' data-dismiss=\"modal\" onClick={e=>{\n                        this.close();\n                        if (typeof this.callback === 'function') {\n                            this.callback(1);\n                        }\n                    }}>{this.state.btns['ok']}</Button>\n                );\n                break;\n            case ModalTypes.ModalConfirm:\n                content = (\n                    <div className='row flex-grow-1 g-1 btn'>\n                        <ButtonGroup>\n                        <Button className='col-6' size='sm' onClick={()=>{\n                            this.close();\n                            if (typeof this.callback === 'function') {\n                                this.callback(1);\n                            }\n                        }}>{this.state.btns['ok']}</Button>\n                        <Button className='col-6' size='sm' onClick={()=>{\n                            this.close();\n                            if (typeof this.callback === 'function') {\n                                this.callback(0);\n                            }\n                        }} theme='secondary'>{this.state.btns['cancel']}</Button>\n                        </ButtonGroup>\n                    </div>\n                );\n                break;\n            default:\n                return null;\n        }\n\n        return (\n            <div className=\"modal-footer\">\n                {content}\n            </div>\n        )\n    }\n\n    render() {\n        let modalIndex = {zIndex:BaseModal+this.offsetIndex+2};\n        let shadowIndex = {zIndex:BaseModal+this.offsetIndex+1};\n        return (\n            <div ref={(c:any)=>this._main=c} className={this.getMainClasses()}>\n                <div ref={(c:any)=>this._shadow=c} className={this.getShadowClasses()} style={shadowIndex} id={`${this.domId}-shadow`}/>\n                <div className={this.getClasses()} style={modalIndex} tabIndex={-1} id={this.domId} role=\"dialog\">\n                    <div ref={(c:any)=>this._dialog=c} className={this.getDialogClasses()} style={this.getDialogStyles()} role=\"document\">\n                        <div className=\"modal-content\">\n                            {this.state.header?<div className=\"modal-header\">\n                                <h6 className=\"modal-title\">{this.state.title}</h6>\n                                {this.state.isCloseBtn?<button type=\"button\" className=\"btn-close\" onClick={()=>{\n                                    this.close();\n                                }}>\n                                </button>:null}\n                            </div>:null}\n                            <div className=\"modal-body\">\n                                {this.state.type === ModalTypes.ModalLoading?<React.Fragment>\n                                    <Load/>&nbsp;&nbsp;&nbsp;{this.state.content}\n                                </React.Fragment>:this.state.content}\n                            </div>\n                            {this.renderFooter()}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default WModal;"],"file":"WModal.js"}