wargerm 0.3.19 → 0.3.20

package/dist/components/Modal/dialog.d.ts

@@ -9,6 +9,7 @@ declare type Props = {
     onClose?: () => void;
     okText?: string;
     cancelText?: string;
+    destroyOnClose?: boolean;
     visible?: boolean;
     width?: number;
     className?: string;

package/dist/index.css

@@ -1211,7 +1211,7 @@ div.ant-picker.ant-picker-focused {
   align-items: baseline;
 }
 .autoScroll-outer {
-  overflow: hidden;
+  overflow: auto;
   height: 100px;
 }
 @font-face {

package/dist/index.esm.css

@@ -1211,7 +1211,7 @@ div.ant-picker.ant-picker-focused {
   align-items: baseline;
 }
 .autoScroll-outer {
-  overflow: hidden;
+  overflow: auto;
   height: 100px;
 }
 @font-face {

package/dist/index.esm.js

@@ -9506,6 +9506,7 @@ var controlShow = function controlShow(f1, f2, value, timer) {
 function DialogModel(props) {
   var width = props.width,
       visible = props.visible,
+      destroyOnClose = props.destroyOnClose,
       closeCb = props.closeCb,
       onClose = props.onClose,
       _props$className = props.className,
@@ -9527,6 +9528,16 @@ function DialogModel(props) {
       flag = _useState6[0],
       setFlag = _useState6[1];
 
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      hasVisit = _useState8[0],
+      setHasVisit = _useState8[1];
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      isDesChild = _useState10[0],
+      setIsDesChild = _useState10[1];
+
   var renderChildren = useMemo(function () {
     var _classNames;
 
@@ -9552,16 +9563,16 @@ function DialogModel(props) {
         height: '100%',
         position: 'relative'
       }
-    }, props.children))), /*#__PURE__*/React.createElement("div", {
+    }, isDesChild ? null : props.children))), /*#__PURE__*/React.createElement("div", {
       className: 'mask',
       onClick: function onClick() {
-        return onClose && onClose();
+        onClose && onClose();
       },
       style: {
         opacity: modelShowAync ? 0.6 : 0
       }
     })), document.body);
-  }, [modelShowAync, modelShow, props]);
+  }, [modelShowAync, modelShow, props, isDesChild]);
   useEffect(function () {
     var timer;
     setFlag(visible);
@@ -9577,12 +9588,25 @@ function DialogModel(props) {
     };
   }, [visible]);
   useEffect(function () {
+    if (modelShow) {
+      setHasVisit(true);
+    }
+
+    if (destroyOnClose && hasVisit) {
+      if (!modelShow) {
+        setIsDesChild(true);
+      } else {
+        setIsDesChild(false);
+      }
+    }
+
     !modelShow && typeof closeCb === 'function' && closeCb();
-  }, [modelShow]);
+  }, [modelShow, hasVisit, destroyOnClose]);
   return renderChildren;
 }
 
-var _excluded$e = ["visible"];
+var _excluded$e = ["visible", "width", "closeCb", "onClose", "className", "style"],
+    _excluded2$3 = ["visible"];
 
 var Modal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Modal, _React$PureComponent);
@@ -9661,15 +9685,17 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
           closeCb = _this$props4.closeCb,
           onClose = _this$props4.onClose,
           className = _this$props4.className,
-          style = _this$props4.style;
-      return /*#__PURE__*/React.createElement(DialogModel, {
+          style = _this$props4.style,
+          other = _objectWithoutProperties(_this$props4, _excluded$e);
+
+      return /*#__PURE__*/React.createElement(DialogModel, _objectSpread2({
         closeCb: closeCb,
         onClose: onClose,
         visible: visible,
         width: width,
         className: className,
         style: style
-      }, this.renderTop(), /*#__PURE__*/React.createElement("div", {
+      }, other), this.renderTop(), /*#__PURE__*/React.createElement("div", {
         className: "model-content"
       }, /*#__PURE__*/React.createElement("div", {
         className: "model-content-in"
@@ -9716,7 +9742,7 @@ Modal.show = function (config) {
     manager.setShow = setShow;
 
     var visible = props.visible,
-        trueProps = _objectWithoutProperties(props, _excluded$e);
+        trueProps = _objectWithoutProperties(props, _excluded2$3);
 
     useEffect(function () {
       manager.mounted = true;

package/dist/index.js

@@ -9540,6 +9540,7 @@ var controlShow = function controlShow(f1, f2, value, timer) {
 function DialogModel(props) {
   var width = props.width,
       visible = props.visible,
+      destroyOnClose = props.destroyOnClose,
       closeCb = props.closeCb,
       onClose = props.onClose,
       _props$className = props.className,
@@ -9561,6 +9562,16 @@ function DialogModel(props) {
       flag = _useState6[0],
       setFlag = _useState6[1];
 
+  var _useState7 = React.useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      hasVisit = _useState8[0],
+      setHasVisit = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      isDesChild = _useState10[0],
+      setIsDesChild = _useState10[1];
+
   var renderChildren = React.useMemo(function () {
     var _classNames;
 
@@ -9586,16 +9597,16 @@ function DialogModel(props) {
         height: '100%',
         position: 'relative'
       }
-    }, props.children))), /*#__PURE__*/React__default['default'].createElement("div", {
+    }, isDesChild ? null : props.children))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: 'mask',
       onClick: function onClick() {
-        return onClose && onClose();
+        onClose && onClose();
       },
       style: {
         opacity: modelShowAync ? 0.6 : 0
       }
     })), document.body);
-  }, [modelShowAync, modelShow, props]);
+  }, [modelShowAync, modelShow, props, isDesChild]);
   React.useEffect(function () {
     var timer;
     setFlag(visible);
@@ -9611,12 +9622,25 @@ function DialogModel(props) {
     };
   }, [visible]);
   React.useEffect(function () {
+    if (modelShow) {
+      setHasVisit(true);
+    }
+
+    if (destroyOnClose && hasVisit) {
+      if (!modelShow) {
+        setIsDesChild(true);
+      } else {
+        setIsDesChild(false);
+      }
+    }
+
     !modelShow && typeof closeCb === 'function' && closeCb();
-  }, [modelShow]);
+  }, [modelShow, hasVisit, destroyOnClose]);
   return renderChildren;
 }
 
-var _excluded$e = ["visible"];
+var _excluded$e = ["visible", "width", "closeCb", "onClose", "className", "style"],
+    _excluded2$3 = ["visible"];
 
 var Modal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Modal, _React$PureComponent);
@@ -9695,15 +9719,17 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
           closeCb = _this$props4.closeCb,
           onClose = _this$props4.onClose,
           className = _this$props4.className,
-          style = _this$props4.style;
-      return /*#__PURE__*/React__default['default'].createElement(DialogModel, {
+          style = _this$props4.style,
+          other = _objectWithoutProperties(_this$props4, _excluded$e);
+
+      return /*#__PURE__*/React__default['default'].createElement(DialogModel, _objectSpread2({
         closeCb: closeCb,
         onClose: onClose,
         visible: visible,
         width: width,
         className: className,
         style: style
-      }, this.renderTop(), /*#__PURE__*/React__default['default'].createElement("div", {
+      }, other), this.renderTop(), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "model-content"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "model-content-in"
@@ -9750,7 +9776,7 @@ Modal.show = function (config) {
     manager.setShow = setShow;
 
     var visible = props.visible,
-        trueProps = _objectWithoutProperties(props, _excluded$e);
+        trueProps = _objectWithoutProperties(props, _excluded2$3);
 
     React.useEffect(function () {
       manager.mounted = true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "wargerm",
-  "version": "0.3.19",
+  "version": "0.3.20",
   "scripts": {
     "dev": "dumi dev",
     "docs:build": "dumi build",