@clake/react-bootstrap4-window 0.7.2 → 0.7.4

package/lib/WModal.js

@@ -0,0 +1,484 @@
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
+ * Copyright (c) 2024 Clake,
+ * 2024-03-14T20:19:35+0800
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _bind = _interopRequireDefault(require("classnames/bind"));
+
+var _reactBootstrap = require("@clake/react-bootstrap4");
+
+require("./css/WModal.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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;
+var BaseModal = 950;
+var defBtns = {
+  ok: 'Ok',
+  cancel: 'Cancel'
+};
+
+var WModal =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(WModal, _React$Component);
+
+  function WModal(props) {
+    var _this;
+
+    _classCallCheck(this, WModal);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(WModal).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "closeHandler", function (e) {
+      if (typeof _this.props.onClose === 'function') {
+        _this.props.onClose();
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "openHandler", function (e) {
+      if (typeof _this.props.onOpen === 'function') {
+        _this.props.onOpen();
+      }
+    });
+
+    _this.state = {
+      content: '',
+      title: '',
+      isCloseBtn: true,
+      type: ModalAlert,
+      center: _this.props.center,
+      fade: _this.props.fade,
+      show: false,
+      header: true,
+      btns: defBtns
+    }; //modal type
+
+    _this.modalType = ModalAlert; //alert confirm callback function
+
+    _this.callback = null;
+    _this.domId = 'modal-' + _reactBootstrap.Common.RandomString(16);
+
+    if (_this.props.id) {
+      _this.domId = _this.props.id;
+    }
+
+    _this.offsetIndex = document.querySelectorAll(".modal").length * 10;
+    _this.is_open = false;
+    _this.fadeTime = {
+      open: 0,
+      close: 0
+    };
+    return _this;
+  }
+
+  _createClass(WModal, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps, nextState) {
+      return this.state.content !== nextState.content;
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {}
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {}
+  }, {
+    key: "open",
+    value: function open() {
+      var _this2 = this;
+
+      if (this.is_open) {
+        clearTimeout(this.fadeTime.open);
+        clearTimeout(this.fadeTime.close);
+      }
+
+      this._main.classList.add('d-block');
+
+      this.is_open = true;
+
+      if (this.state.fade) {
+        this.fadeTime.open = setTimeout(function () {
+          _this2._shadow.classList.add('modal-show');
+
+          _this2._dialog.style.opacity = '1';
+          _this2._dialog.style.marginTop = '1.75rem';
+        }, 150);
+      }
+    }
+  }, {
+    key: "close",
+    value: function close() {
+      var _this3 = this;
+
+      if (this.state.fade) {
+        this._dialog.style.opacity = '0';
+        this._dialog.style.marginTop = '-1rem';
+
+        this._shadow.classList.remove('modal-show');
+      }
+
+      this.fadeTime.close = setTimeout(function () {
+        if (_this3 !== null && _this3 !== void 0 && _this3._main) {
+          _this3._main.classList.remove('d-block');
+
+          _this3.is_open = false;
+        }
+      }, 150);
+    }
+  }, {
+    key: "alert",
+
+    /**
+     * modal alert method
+     * opt example
+     * {
+     *      title: '',
+     *      content: ''
+     *      [,callback: func]
+     * }
+     * @param opt object
+     */
+    value: function alert(opt, cb) {
+      var _this4 = this;
+
+      this.callback = opt.callback || cb || null;
+      this.modalType = ModalAlert;
+      this.setState({
+        title: opt.title || 'Prompt',
+        content: opt.content || opt || '',
+        isCloseBtn: true,
+        type: 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
+        });
+      });
+    }
+    /**
+     * modal confirm method
+     * opt example
+     * {
+     *      title:'',
+     *      content:'',
+     *      [callback: func]
+     * }
+     * @param opt
+     */
+
+  }, {
+    key: "confirm",
+    value: function confirm(opt, cb) {
+      var _this5 = this;
+
+      this.callback = opt.callback || cb || null;
+      this.modalType = ModalConfirm;
+      this.setState({
+        title: opt.title || 'Prompt',
+        content: opt.content || '',
+        isCloseBtn: true,
+        type: 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
+        });
+      });
+    }
+    /**
+     * modal loading method
+     * @param opt
+     */
+
+  }, {
+    key: "loading",
+    value: function loading(opt) {
+      var _this6 = this;
+
+      this.modalType = ModalLoading;
+      this.setState({
+        title: opt.title || 'Prompt',
+        // content:(
+        //     <React.Fragment>
+        //         <Icon icon='spinner'/>&nbsp;&nbsp;&nbsp;{content}
+        //     </React.Fragment>
+        // ),
+        content: opt.content || opt || '',
+        isCloseBtn: false,
+        type: ModalLoading,
+        center: opt.center || this.props.center,
+        fade: this.props.fade,
+        header: opt.header || false
+      }, function () {
+        _this6.open({
+          backdrop: 'static',
+          keyboard: false
+        });
+      });
+    }
+    /**
+     * modal view method
+     * opt example
+     * {
+     *      title:'',
+     *      content:flex,
+     *      [callback:func]
+     * }
+     * @param opt
+     */
+
+  }, {
+    key: "view",
+    value: function view(opt) {
+      var _this7 = this;
+
+      this.callback = opt.callback || null;
+      this.modalType = ModalView;
+      this.setState({
+        title: opt.title || 'Prompt',
+        content: opt.content || '',
+        isCloseBtn: true,
+        type: 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
+        });
+      });
+    }
+  }, {
+    key: "getMainClasses",
+    value: function getMainClasses() {
+      var base = 'wmodal-main';
+
+      if (this.state.fade) {
+        base = (0, _bind["default"])(base, 'wmodal-fade');
+      }
+
+      return (0, _bind["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.state.fade) {
+        base = (0, _bind["default"])(base, 'wmodal-fade');
+      }
+
+      return (0, _bind["default"])(base, this.props.className);
+    }
+  }, {
+    key: "getDialogStyles",
+    value: function getDialogStyles() {
+      var base = {};
+
+      if (this.state.width) {
+        base['maxWidth'] = this.state.width;
+      } else if (this.props.width) {
+        base['maxWidth'] = this.props.width;
+      }
+
+      return base;
+    }
+  }, {
+    key: "getDialogClasses",
+    value: function getDialogClasses() {
+      var base = 'modal-dialog';
+
+      if (this.modalType === ModalView) {
+        base = (0, _bind["default"])(base, "modal-lg");
+      }
+
+      if (this.state.center) {
+        base = (0, _bind["default"])(base, "modal-dialog-centered");
+      }
+
+      return (0, _bind["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);
+    }
+  }, {
+    key: "renderFooter",
+    value: function renderFooter() {
+      var _this8 = this;
+
+      var content = null;
+
+      switch (this.state.type) {
+        case ModalAlert:
+          content = _react["default"].createElement(_reactBootstrap.Button, {
+            className: "w-100",
+            size: "sm",
+            "data-dismiss": "modal",
+            onClick: function onClick(e) {
+              _this8.close();
+
+              if (typeof _this8.callback === 'function') {
+                _this8.callback(1);
+              }
+            }
+          }, this.state.btns['ok']);
+          break;
+
+        case 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, {
+            className: "col-6",
+            size: "sm",
+            onClick: function onClick() {
+              _this8.close();
+
+              if (typeof _this8.callback === 'function') {
+                _this8.callback(1);
+              }
+            }
+          }, this.state.btns['ok']), _react["default"].createElement(_reactBootstrap.Button, {
+            className: "col-6",
+            size: "sm",
+            onClick: function onClick() {
+              _this8.close();
+
+              if (typeof _this8.callback === 'function') {
+                _this8.callback(0);
+              }
+            },
+            theme: "secondary"
+          }, this.state.btns['cancel'])));
+          break;
+
+        default:
+          return null;
+      }
+
+      return _react["default"].createElement("div", {
+        className: "modal-footer"
+      }, content);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this9 = this;
+
+      var modalIndex = {
+        zIndex: BaseModal + this.offsetIndex + 2
+      };
+      var shadowIndex = {
+        zIndex: BaseModal + this.offsetIndex + 1
+      };
+      return _react["default"].createElement("div", {
+        ref: function ref(c) {
+          return _this9._main = c;
+        },
+        className: this.getMainClasses()
+      }, _react["default"].createElement("div", {
+        ref: function ref(c) {
+          return _this9._shadow = c;
+        },
+        className: this.getShadowClasses(),
+        style: shadowIndex,
+        id: "".concat(this.domId, "-shadow")
+      }), _react["default"].createElement("div", {
+        className: this.getClasses(),
+        style: modalIndex,
+        tabIndex: "-1",
+        id: this.domId,
+        role: "dialog"
+      }, _react["default"].createElement("div", {
+        ref: function ref(c) {
+          return _this9._dialog = c;
+        },
+        className: this.getDialogClasses(),
+        style: this.getDialogStyles(),
+        role: "document"
+      }, _react["default"].createElement("div", {
+        className: "modal-content"
+      }, this.state.header ? _react["default"].createElement("div", {
+        className: "modal-header"
+      }, _react["default"].createElement("h6", {
+        className: "modal-title"
+      }, this.state.title), this.state.isCloseBtn ? _react["default"].createElement("button", {
+        type: "button",
+        className: "btn-close",
+        onClick: function onClick() {
+          _this9.close();
+        }
+      }) : 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()))));
+    }
+  }]);
+
+  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;
+//# sourceMappingURL=WModal.js.map

package/lib/WModal.js.map

@@ -0,0 +1,5 @@
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
+ * Copyright (c) 2024 Clake,
+ * 2024-03-14T20:19:35+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":["import 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"}

package/lib/Window.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.2 | by Clake
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-13T16:54:23+0800
+ * 2024-03-14T20:19:35+0800
  */
 "use strict";
 

package/lib/Window.js.map

@@ -1,5 +1,5 @@
-/* @clake/react-bootstrap4-window v0.7.2 | by Clake
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-13T16:54:23+0800
+ * 2024-03-14T20:19:35+0800
  */
 {"version":3,"sources":["Window.js"],"names":["Window","props","is_before","beforeCloseHandler","hide","max","dom","style","top","left","classList","add","setActive","is_max","parent","removeWindowOpens","name","setState","close","closeHandler","e","isMaxBtn","trigger","EVT_MAX_WINDOW","EVT_SHOW","EVT_CLOSE","clearEvent","EVT_BEFORE_CLOSE","state","data","evts","max_position","drag","Drag","dragDom","domHeader","start","remove","move","y","marginTop","end","addEventListener","changeWindowIndex","unbind","option","x","params","showHandler","flag","width","height","right","bottom","index","zIndex","active","Common","GetDomXY","fn_name","fn","undefined","val","base","className","shadow","reg","match","parseInt","backColor","backgroundColor","content","c","getClasses","getStyles","maxHandler","title","isCloseBtn","renderContent","ReactDOM","createPortal","document","body","React","Children","map","children","child","cloneElement","PureComponent","propTypes","PropTypes","string","any","bool","isMinBtn","defaultProps","EVT_RESIZE","EVT_MAXWINDOW","module","hot","accept"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './css/Window.less';\nimport ReactDOM from \"react-dom\";\nimport Drag from './Drag';\nimport IconButton from \"./IconButton\";\nimport {\n    Common\n} from '@clake/react-bootstrap4';\nclass Window extends React.PureComponent {\n    constructor(props) {\n        super(props);\n        this.state = {\n            close:true\n        };\n        this.parent = this.props.parent || null;\n        this.data = null;\n        this.evts = {};\n        this.is_before = false;\n        this.is_max = false;\n        this.max_position = {};\n    }\n\n    componentDidMount() {\n        this.drag = new Drag(this.dragDom,this.domHeader,{\n            start:()=>{\n                if (this.is_max) return;\n                this.dragDom.style.top = this.dom.style.top;\n                this.dragDom.style.left = this.dom.style.left;\n                this.dragDom.classList.remove('d-none');\n                this.dom.classList.add('ck-window-opacity');\n                return true;\n            },\n            move:(move)=> {\n                if (move.y < this.props.marginTop) {\n                    move.y = this.props.marginTop;\n                }\n            },\n            end:()=>{\n                this.dragDom.classList.add('d-none');\n                this.dom.classList.remove('ck-window-opacity');\n                this.dom.style.top = this.dragDom.style.top;\n                this.dom.style.left = this.dragDom.style.left;\n                return true;\n            }\n        });\n        if (this.parent) {\n            this.dom.addEventListener('mousedown',(e)=>{\n                this.parent.changeWindowIndex(this.props.name);\n            },false);\n        }\n    }\n\n    componentWillUnmount() {\n        this.drag.unbind();\n        this.drag = null;\n    }\n\n    show(option) {\n        option = option || {\n            x:20,\n            y:20\n        };\n        this.params = option.params || null;\n        this.dom.classList.remove('d-none');\n        this.move(option.x,option.y);\n        this.setState({\n            close:false\n        },()=>{\n            this.showHandler(this.params);\n        });\n    }\n\n    close = () => {\n        if (this.is_before) {\n            this.beforeCloseHandler(this.hide);\n            return;\n        }\n        this.hide();\n    };\n\n    hide = ()=>{\n        this.max(false);\n        this.dom.style.top = 0;\n        this.dom.style.left = 0;\n        this.dom.classList.add('d-none');\n        this.setActive(false);\n        this.is_max = false;\n        if (this.parent) {\n            this.parent.removeWindowOpens(this.props.name);\n        }\n        this.setState({\n            close:true\n        },()=>{\n            this.closeHandler();\n        });\n    };\n\n    move(x,y) {\n        this.dom.style.top = (y+this.props.marginTop)+'px';\n        this.dom.style.left = x+'px';\n    }\n\n    max(flag) {\n        if (flag) {\n            this.max_position.y = this.dom.style.top;\n            this.max_position.x = this.dom.style.left;\n            this.max_position.width = this.dom.style.width;\n            this.max_position.height = this.dom.style.height;\n            this.dom.style.top = this.props.marginTop+'px';\n            this.dom.style.left = '0';\n            this.dom.style.right = '0';\n            this.dom.style.bottom = '0';\n            this.dom.style.width = 'unset';\n            this.dom.style.height = 'unset';\n            this.is_max = true;\n        } else {\n            this.dom.style.width = this.max_position.width;\n            this.dom.style.height = this.max_position.height;\n            this.dom.style.top = this.max_position.y;\n            this.dom.style.left = this.max_position.x;\n            this.dom.style.right = 'unset';\n            this.dom.style.bottom = 'unset';\n            this.is_max = false;\n        }\n    }\n\n    setIndex(index) {\n        this.dom.style.zIndex = index;\n    }\n\n    setActive(active) {\n        if (active) {\n            this.dom.classList.add('ck-window-active');\n        } else {\n            this.dom.classList.remove('ck-window-active');\n        }\n    }\n\n    getPosition() {\n        return Common.GetDomXY(this.dom);\n    }\n\n    maxHandler = (e)=>{\n        if (!this.props.isMaxBtn) {\n            return\n        }\n        this.trigger(EVT_MAX_WINDOW,e);\n        this.max(!this.is_max);\n    };\n\n    showHandler = (e)=>{\n        this.trigger(EVT_SHOW,e);\n    };\n\n    closeHandler = (e)=>{\n        this.trigger(EVT_CLOSE,e);\n        this.clearEvent();\n    };\n\n    beforeCloseHandler = (e)=>{\n        this.trigger(EVT_BEFORE_CLOSE,e);\n    };\n\n    on(fn_name,fn) {\n        this.evts[fn_name] = fn;\n    }\n\n    off(fn_name) {\n        this.evts[fn_name] = undefined;\n    }\n\n    trigger(fn_name,val) {\n        if (typeof this.evts[fn_name] === 'function') {\n            this.evts[fn_name](val);\n        }\n    }\n\n    clearEvent() {\n        this.evts = {};\n    }\n\n    getClasses() {\n        let base = 'card ck-window shadow d-none';\n        return classNames(base,this.props.className);\n    }\n\n    getStyles(shadow) {\n        let base = {\n            width: \"600px\",\n            height: \"400px\",\n            top: '20px',\n            left: '20px'\n        };\n        if (this.props.width) {\n            base.width = this.props.width;\n        }\n        if (this.props.height) {\n            let reg = /(\\d+)(px|rem|pt|cm|mm)/;\n            let match = this.props.height.match(reg);\n            base.height = (35+parseInt(match[1]))+match[2];\n        }\n        if (this.props.x) {\n            base.left = this.props.x;\n        }\n        if (this.props.y) {\n            base.top = this.props.y;\n        }\n        if (this.props.backColor && !shadow ) {\n            base.backgroundColor = this.props.backColor;\n        }\n        return base;\n    }\n\n    render() {\n        let content = (\n            <React.Fragment>\n                <div ref={c=>this.dom=c} className={this.getClasses()} style={this.getStyles()}>\n                    <div ref={c=>this.domHeader=c} onDoubleClick={this.maxHandler} className='card-header'>\n                        {this.props.title}\n                        <div className='window-btn'>\n                            {/*<IconButton className='mr-1' iconType='regular' icon='window-minimize'/>*/}\n                            {this.props.isMaxBtn?<IconButton className='mr-1' iconType='regular' icon='window-maximize' onClick={this.maxHandler}/>:null}\n                            {this.props.isCloseBtn?<IconButton icon='window-close' onClick={this.close}/>:null}\n                        </div>\n                    </div>\n                    <div className=\"card-body\">\n                        {/*{this.props.children}*/}\n                        {!this.state.close?this.renderContent():null}\n                    </div>\n                </div>\n                <div ref={c=>this.dragDom=c} className='ck-window-drag-box d-none border border-secondary' style={this.getStyles(true)}/>\n            </React.Fragment>\n        );\n\n        return ReactDOM.createPortal(\n            content,document.body\n        );\n    }\n\n    renderContent() {\n        return React.Children.map(this.props.children,(child)=>{\n            return React.cloneElement(child,{...child.props,parent:this});\n        })\n    }\n\n    renderEmpty() {\n        return null;\n    }\n}\n\nWindow.propTypes = {\n    title: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    x: PropTypes.string,\n    y: PropTypes.string,\n    backColor: PropTypes.string,\n    name: PropTypes.string,\n    parent: PropTypes.any,\n    marginTop: PropTypes.any,\n    isMaxBtn: PropTypes.bool,\n    isCloseBtn: PropTypes.bool,\n    isMinBtn: PropTypes.bool,\n};\n\nWindow.defaultProps = {\n    marginTop: 0,\n    isMaxBtn: true,\n    isCloseBtn: true,\n    isMinBtn: false,\n};\n\nconst EVT_RESIZE = 'resize';\nconst EVT_MAX_WINDOW = 'max_window';\nconst EVT_SHOW = 'show';\nconst EVT_CLOSE = 'close';\nconst EVT_BEFORE_CLOSE = 'before_close';\n\nWindow.EVT_RESIZE = EVT_RESIZE;\nWindow.EVT_MAXWINDOW = EVT_MAX_WINDOW;\nWindow.EVT_SHOW = EVT_SHOW;\nWindow.EVT_CLOSE = EVT_CLOSE;\nWindow.EVT_BEFORE_CLOSE = EVT_BEFORE_CLOSE;\n\nexport default Window;\nif (module.hot) {\n    module.hot.accept();\n}"],"file":"Window.js"}

package/lib/WindowGroup.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.2 | by Clake
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-13T16:54:23+0800
+ * 2024-03-14T20:19:35+0800
  */
 "use strict";
 

package/lib/WindowGroup.js.map

@@ -1,5 +1,5 @@
-/* @clake/react-bootstrap4-window v0.7.2 | by Clake
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-13T16:54:23+0800
+ * 2024-03-14T20:19:35+0800
  */
 {"version":3,"sources":["WindowGroup.js"],"names":["defIndex","WindowGroup","props","state","showWindows","windows","opens","windowList","currentActive","React","Children","map","children","item","name","params","setActive","indexOf","changeWindowIndex","show","push","setState","option","x","length","y","splice","forEach","key","index","setIndex","close","parent","ref","c","cloneElement","Component","propTypes","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\nconst defIndex = 100;\n\nclass WindowGroup extends React.Component {\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            showWindows:[],\n        };\n        //ref window components\n        this.windows = {};\n        //opened window list\n        this.opens = [];\n        //windows\n        this.windowList = {};\n        //current active window\n        this.currentActive = null;\n\n        React.Children.map(this.props.children,(item)=>{\n            this.windowList[item.props.name] = item;\n        });\n    }\n\n    componentDidMount() {\n\n    }\n\n    /**\n     * open window\n     * @param name string\n     * @param params object\n     */\n    open(name,params) {\n        if (this.currentActive) {\n            this.windows[this.currentActive].setActive(false);\n            this.currentActive = name;\n        }\n        if (this.opens.indexOf(name) !== -1) {\n            this.changeWindowIndex(name);\n            this.windows[name].show({\n                params:params\n            });\n            return;\n        }\n\n        if (this.windowList[name]) {\n            if (this.state.showWindows.indexOf(name) !== -1) {\n                this.show(name,params);\n                return;\n            }\n            let showWindows = this.state.showWindows;\n            showWindows.push(name);\n            this.setState({\n                showWindows: showWindows,\n            },()=>{\n                this.show(name,params);\n            });\n        }\n    }\n\n    show(name,params) {\n        let option = {\n            x:this.opens.length*20+10,\n            y:this.opens.length*20+10,\n            params:params\n        };\n        this.windows[name].show(option);\n        this.opens.push(name);\n        this.changeWindowIndex(name);\n    }\n\n    changeWindowIndex(name) {\n        if (this.currentActive) {\n            this.windows[this.currentActive].setActive(false);\n            this.currentActive = name;\n        }\n        this.opens.splice(this.opens.indexOf(name),1);\n        this.opens.push(name);\n        this.opens.forEach((key,index)=>{\n            this.windows[key].setActive(key === name);\n            this.windows[key].setIndex(defIndex+index);\n        });\n    }\n\n    removeWindowOpens(name) {\n        this.opens.splice(this.opens.indexOf(name),1);\n        this.opens.forEach((key,index)=>{\n            this.windows[key].setIndex(defIndex+index);\n        });\n        // let showWindows = this.state.showWindows.slice(0);\n        // showWindows.splice(showWindows.indexOf(name),1);\n        // this.setState({\n        //     showWindows: showWindows,\n        // });\n    }\n\n    close(name) {\n        if (this.windows[name]) {\n            this.windows[name].close();\n        }\n    }\n\n    render() {\n        return this.state.showWindows.map((name)=>{\n            let item = this.windowList[name];\n            item.props.parent = this;\n            item.props.ref = c=>this.windows[name]=c;\n            return React.cloneElement(item,item.props);\n        });\n    }\n\n    // render() {\n    //     return React.Children.map(this.props.children,(item)=>{\n    //         item.props.parent = this;\n    //         item.props.ref = c=>this.windows[item.props.name]=c;\n    //         return React.cloneElement(item,item.props,item.props.children);\n    //     })\n    // }\n}\n\nWindowGroup.propTypes = {\n\n};\n\nWindowGroup.defaultProps = {\n\n};\n\nexport default WindowGroup;"],"file":"WindowGroup.js"}

package/lib/i18n/CTable.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.2 | by Clake
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-13T16:54:23+0800
+ * 2024-03-14T20:19:35+0800
  */
 "use strict";
 

package/lib/i18n/CTable.js.map

@@ -1,5 +1,5 @@
-/* @clake/react-bootstrap4-window v0.7.2 | by Clake
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-13T16:54:23+0800
+ * 2024-03-14T20:19:35+0800
  */
 {"version":3,"sources":["i18n/CTable.js"],"names":["zh_cn","en_us","CTableLang"],"mappings":";;;;;;AAAA,IAAMA,KAAK,GAAG;AACV,UAAO,IADG;AAEV,SAAM,IAFI;AAGV,yBAAsB,WAHZ;AAIV,gCAA6B,YAJnB;AAKV,yBAAsB,WALZ;AAMV,gBAAa,MANH;AAOV,gBAAa,OAPH;AAQV,cAAW,OARD;AASV,kBAAe,OATL;AAUV,oBAAiB,IAVP;AAWV,qBAAkB,IAXR;AAYV,gBAAa,KAZH;AAaV,eAAY,OAbF;AAcV,sBAAmB;AAdT,CAAd;AAiBA,IAAMC,KAAK,GAAG;AACV,UAAO,MADG;AAEV,SAAM,KAFI;AAGV,yBAAsB,qBAHZ;AAIV,gCAA6B,4BAJnB;AAKV,yBAAsB,qBALZ;AAMV,gBAAa,YANH;AAOV,gBAAa,YAPH;AAQV,cAAW,UARD;AASV,kBAAe,cATL;AAUV,oBAAiB,gBAVP;AAWV,qBAAkB,iBAXR;AAYV,gBAAa,YAZH;AAaV,eAAY,WAbF;AAcV,sBAAmB;AAdT,CAAd;AAiBA,IAAMC,UAAU,GAAG;AACf,QAAKF,KADU;AAEf,QAAKC;AAFU,CAAnB;eAMeC,U","sourcesContent":["const zh_cn = {\n    \"Copy\":\"复制\",\n    \"Cut\":\"剪切\",\n    \"Filter By Selection\":\"显示包括选择的字符\",\n    \"Filter Excluding Selection\":\"显示不包括选择的字符\",\n    \"Clear Filter / Sort\":\"清除过滤 / 排序\",\n    \"Equal With\":\"字符等于\",\n    \"Start With\":\"字符开始于\",\n    \"End With\":\"字符结束于\",\n    \"Contain with\":\"字符包含于\",\n    \"Sort Ascending\":\"升序\",\n    \"Sort Descending\":\"降序\",\n    \"Delete Row\":\"删除行\",\n    \"Clone Row\":\"克隆行数据\",\n    \"Condition Filter\":\"条件查询\",\n};\n\nconst en_us = {\n    \"Copy\":\"Copy\",\n    \"Cut\":\"Cut\",\n    \"Filter By Selection\":\"Filter By Selection\",\n    \"Filter Excluding Selection\":\"Filter Excluding Selection\",\n    \"Clear Filter / Sort\":\"Clear Filter / Sort\",\n    \"Equal With\":\"Equal With\",\n    \"Start With\":\"Start With\",\n    \"End With\":\"End With\",\n    \"Contain with\":\"Contain with\",\n    \"Sort Ascending\":\"Sort Ascending\",\n    \"Sort Descending\":\"Sort Descending\",\n    \"Delete Row\":\"Delete Row\",\n    \"Clone Row\":\"Clone Row\",\n    \"Condition Filter\":\"Condition Filter\",\n};\n\nconst CTableLang = {\n    \"zh\":zh_cn,\n    \"en\":en_us\n};\n\n\nexport default CTableLang;"],"file":"CTable.js"}

package/lib/index.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.2 | by Clake
+/* @clake/react-bootstrap4-window v0.7.4 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-13T16:54:23+0800
+ * 2024-03-14T20:19:35+0800
  */
 "use strict";