wargerm 0.3.1 → 0.3.5

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+declare type Props = {
+    title?: string | ReactNode;
+    onOk?: (e: any) => void;
+    onCancel?: (e: any) => void;
+    closeCb?: () => void;
+    footer?: ReactNode | boolean;
+    content?: ReactNode;
+    onClose?: () => void;
+    okText?: string;
+    cancelText?: string;
+    visible?: boolean;
+    width?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: ReactNode;
+};
+export default function DialogModel(props: Props): React.ReactPortal;
+export {};

package/dist/components/ModalTips/index.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+declare type Props = {
+    title?: string | ReactNode;
+    onOk?: (e: any) => void;
+    onCancel?: (e: any) => void;
+    closeCb?: () => void;
+    footer?: ReactNode | boolean;
+    content?: ReactNode;
+    onClose?: () => void;
+    okText?: string;
+    cancelText?: string;
+    visible?: boolean;
+    width?: number;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare class Modal extends React.PureComponent<Props> {
+    static show: (config: any) => {
+        setShow: null;
+        mounted: boolean;
+        hidden(): void;
+        destory(): void;
+    } | undefined;
+    static hidden: () => void;
+    renderFooter: () => JSX.Element | null;
+    renderTop: () => JSX.Element;
+    renderContent: () => {} | null;
+    render(): JSX.Element;
+}
+export default Modal;

package/dist/index.css

@@ -208,6 +208,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   position: relative;
   z-index: 2;
   min-height: 32px;
@@ -259,6 +260,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   position: relative;
   z-index: 2;
 }
@@ -1763,6 +1765,100 @@ button.swiper-pagination-bullet {
   height: 100%;
   background-color: #00000073;
 }
+.model_container-tips {
+  position: absolute;
+  z-index: 2000;
+  top: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  bottom: 0;
+  border-width: 63px 124px 63px 124px;
+  border-style: solid;
+  -o-border-image: url('data:image/png;base64,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') round;
+     border-image: url('data:image/png;base64,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') round;
+  border-image-slice: 63 124 63 124;
+  border-image-width: 63px 124px 63px 124px;
+  border-image-repeat: stretch stretch;
+  min-height: 200px;
+  min-width: 300px;
+}
+.model_container-tips .model_wrap-tips {
+  position: absolute;
+  width: calc(100% + 248px);
+  height: calc(100% + 125px);
+  left: 0;
+  top: 0;
+  transform: translate(-124px, -63px);
+  padding: 12px 6px;
+}
+.model_container-tips .model_wrap-tips .model-header-tips {
+  height: 42px;
+  background: rgba(17, 60, 84, 0.7);
+}
+.model_container-tips .model_wrap-tips .model-header-tips .model-title-tips {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  font-size: 18px;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  text-align: center;
+  color: linear-gradient(#cffaff 0%, #4fc2ff 100%);
+  background-image: linear-gradient(#cffaff 0%, #4fc2ff 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 2px 3px 2px 0px rgba(15, 22, 27, 0.8);
+}
+.model_container-tips .model_wrap-tips .model-header-tips .model-closeIcon-tips {
+  color: #45a4d9;
+  font-size: 24px;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}
+.model_container-tips .model_wrap-tips .model-content-tips {
+  position: absolute;
+  width: 100%;
+  height: calc(100% - 50px);
+  background: rgba(10, 16, 27, 0.7);
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips {
+  z-index: 100;
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips .okbtn {
+  background: #15364a;
+  font-size: 14px;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  color: #d9f1ff;
+  border: 1px solid #276588;
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips .okbtn:hover {
+  border: 1px solid #276588;
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips .concellbtn {
+  background: #1487c2;
+  font-size: 14px;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  color: #d9f1ff;
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips .concellbtn:hover,
+.model_container-tips .model_wrap-tips .model_bottom-tips .concellbtn:active {
+  border: none;
+}
+.mask-tips {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  height: 100%;
+  background-color: #00000073;
+}
 [data-prefers-color='dark'] .ant-form-item-label > label {
   font-size: 16px;
   color: #4281a1;

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export { default as Swiper } from './components/Swiper';
 export { default as Breadcrumb } from './components/Breadcrumb';
 export { default as Card } from './components/Card';
 export { default as Modal } from './components/Modal';
+export { default as ModalTips } from './components/ModalTips';
 export { default as ModalForm } from './components/ModalForm';
 export { default as TabelCard } from './components/TabelCard';
 export { default as Cascader } from './components/Cascader';

package/dist/index.esm.css

@@ -208,6 +208,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   position: relative;
   z-index: 2;
   min-height: 32px;
@@ -259,6 +260,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   position: relative;
   z-index: 2;
 }
@@ -1763,6 +1765,100 @@ button.swiper-pagination-bullet {
   height: 100%;
   background-color: #00000073;
 }
+.model_container-tips {
+  position: absolute;
+  z-index: 2000;
+  top: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  bottom: 0;
+  border-width: 63px 124px 63px 124px;
+  border-style: solid;
+  -o-border-image: url('data:image/png;base64,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') round;
+     border-image: url('data:image/png;base64,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') round;
+  border-image-slice: 63 124 63 124;
+  border-image-width: 63px 124px 63px 124px;
+  border-image-repeat: stretch stretch;
+  min-height: 200px;
+  min-width: 300px;
+}
+.model_container-tips .model_wrap-tips {
+  position: absolute;
+  width: calc(100% + 248px);
+  height: calc(100% + 125px);
+  left: 0;
+  top: 0;
+  transform: translate(-124px, -63px);
+  padding: 12px 6px;
+}
+.model_container-tips .model_wrap-tips .model-header-tips {
+  height: 42px;
+  background: rgba(17, 60, 84, 0.7);
+}
+.model_container-tips .model_wrap-tips .model-header-tips .model-title-tips {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  font-size: 18px;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  text-align: center;
+  color: linear-gradient(#cffaff 0%, #4fc2ff 100%);
+  background-image: linear-gradient(#cffaff 0%, #4fc2ff 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 2px 3px 2px 0px rgba(15, 22, 27, 0.8);
+}
+.model_container-tips .model_wrap-tips .model-header-tips .model-closeIcon-tips {
+  color: #45a4d9;
+  font-size: 24px;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}
+.model_container-tips .model_wrap-tips .model-content-tips {
+  position: absolute;
+  width: 100%;
+  height: calc(100% - 50px);
+  background: rgba(10, 16, 27, 0.7);
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips {
+  z-index: 100;
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips .okbtn {
+  background: #15364a;
+  font-size: 14px;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  color: #d9f1ff;
+  border: 1px solid #276588;
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips .okbtn:hover {
+  border: 1px solid #276588;
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips .concellbtn {
+  background: #1487c2;
+  font-size: 14px;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  color: #d9f1ff;
+}
+.model_container-tips .model_wrap-tips .model_bottom-tips .concellbtn:hover,
+.model_container-tips .model_wrap-tips .model_bottom-tips .concellbtn:active {
+  border: none;
+}
+.mask-tips {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  height: 100%;
+  background-color: #00000073;
+}
 [data-prefers-color='dark'] .ant-form-item-label > label {
   font-size: 16px;
   color: #4281a1;

package/dist/index.esm.js

@@ -737,7 +737,7 @@ var WSelect = function WSelect(props) {
 
     onLoad && onLoad(options);
     setValueEnumList(valueEnumNode);
-  }, [JSON.stringify(resList)]);
+  }, [JSON.stringify(resList), request]);
   return /*#__PURE__*/React.createElement(_Select, _objectSpread2({}, extraProps), request ? childrenNode : valueEnum ? valueEnumList : children);
 };
 
@@ -7992,12 +7992,16 @@ function Table(_ref) {
     return arr;
   };
 
-  var filterFormColumns = flattenColumns(columns).filter(function (c) {
-    return !c.hideInSearch;
-  });
-  var filterColumns = flattenColumns(columns).filter(function (c) {
-    return !c.hideInTable;
-  });
+  var filterFormColumns = useMemo(function () {
+    return flattenColumns(columns).filter(function (c) {
+      return !c.hideInSearch;
+    });
+  }, [columns]);
+  var filterColumns = useMemo(function () {
+    return flattenColumns(columns).filter(function (c) {
+      return !c.hideInTable;
+    });
+  }, [columns]);
   var renderTh = useMemo(function () {
     var renderThFc = function renderThFc(columns, parentHeight, isChild) {
       var showColumns = columns.filter(function (c) {
@@ -8290,7 +8294,7 @@ function Table(_ref) {
         }
       }, _callee);
     }))();
-  }, [params, pageParams, pagination, tableList, formSearch]);
+  }, [params, pageParams, pagination, tableList, formSearch, columns]);
 
   var onFormSubmit = function onFormSubmit(values) {
     onSubmit && onSubmit(values);
@@ -9715,7 +9719,255 @@ Modal.hidden = function () {
   ModalContainer[modelSysbol] && ModalContainer[modelSysbol].hidden();
 };
 
-var _excluded$f = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
+var controlShow$1 = function controlShow(f1, f2, value, timer) {
+  f1(value);
+  return setTimeout(function () {
+    f2(value);
+  }, timer);
+};
+
+function DialogModel$1(props) {
+  var width = props.width,
+      visible = props.visible,
+      closeCb = props.closeCb,
+      onClose = props.onClose,
+      _props$className = props.className,
+      className = _props$className === void 0 ? 'default-dialog' : _props$className,
+      style = props.style;
+
+  var _useState = useState(visible),
+      _useState2 = _slicedToArray(_useState, 2),
+      modelShow = _useState2[0],
+      setModelShow = _useState2[1];
+
+  var _useState3 = useState(visible),
+      _useState4 = _slicedToArray(_useState3, 2),
+      modelShowAync = _useState4[0],
+      setModelShowAync = _useState4[1];
+
+  var _useState5 = useState(visible),
+      _useState6 = _slicedToArray(_useState5, 2),
+      flag = _useState6[0],
+      setFlag = _useState6[1];
+
+  var renderChildren = useMemo(function () {
+    var _classNames;
+
+    return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", {
+      className: "w100p h100p pa ",
+      style: {
+        display: modelShow ? 'block' : 'none',
+        overflow: 'hidden',
+        top: 0,
+        left: 0
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames((_classNames = {}, _defineProperty(_classNames, className, true), _defineProperty(_classNames, 'model_container-tips', true), _defineProperty(_classNames, "animate__animated", true), _defineProperty(_classNames, flag ? 'animate__bounceInDown' : 'animate__fadeOutRightBig', true), _classNames)),
+      style: _objectSpread2({
+        opacity: modelShowAync ? 1 : 0,
+        width: typeof width == 'number' ? width + 'px' : width
+      }, style)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'model_wrap-tips'
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+        position: 'relative'
+      }
+    }, ' ', props.children, ' '))), /*#__PURE__*/React.createElement("div", {
+      className: 'mask-tips',
+      onClick: function onClick() {
+        return onClose && onClose();
+      },
+      style: {
+        opacity: modelShowAync ? 0.6 : 0
+      }
+    })), document.body);
+  }, [modelShowAync, modelShow, props]);
+  useEffect(function () {
+    var timer;
+    setFlag(visible);
+
+    if (visible) {
+      timer = controlShow$1(setModelShow, setModelShowAync, visible, 30);
+    } else {
+      timer = controlShow$1(setModelShowAync, setModelShow, visible, 1000);
+    }
+
+    return function () {
+      timer && clearTimeout(timer);
+    };
+  }, [visible]);
+  useEffect(function () {
+    !modelShow && typeof closeCb === 'function' && closeCb();
+  }, [modelShow]);
+  return renderChildren;
+}
+
+var _excluded$f = ["visible"];
+
+var Modal$1 = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(Modal, _React$PureComponent);
+
+  var _super = _createSuper(Modal);
+
+  function Modal() {
+    var _this;
+
+    _classCallCheck(this, Modal);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.renderFooter = function () {
+      var _this$props = _this.props,
+          onOk = _this$props.onOk,
+          onCancel = _this$props.onCancel,
+          cancelText = _this$props.cancelText,
+          okText = _this$props.okText,
+          footer = _this$props.footer;
+      if (footer && /*#__PURE__*/React.isValidElement(footer)) return footer;
+      if (footer === false) return null;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "model_bottom-tips"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "model_btn_box",
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/React.createElement(WButton, {
+        className: "okbtn",
+        onClick: function onClick(e) {
+          onOk && onOk(e);
+        }
+      }, okText || '确定'), /*#__PURE__*/React.createElement(WButton, {
+        className: "concellbtn",
+        style: {
+          marginLeft: '10px'
+        },
+        onClick: function onClick(e) {
+          onCancel && onCancel(e);
+        }
+      }, cancelText || '取消')));
+    };
+
+    _this.renderTop = function () {
+      var _this$props2 = _this.props,
+          title = _this$props2.title,
+          onClose = _this$props2.onClose;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "model-header-tips"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "model-title-tips"
+      }, title), /*#__PURE__*/React.createElement(CloseCircleOutlined, {
+        className: "model-closeIcon-tips",
+        onClick: function onClick() {
+          return onClose && onClose();
+        }
+      }));
+    };
+
+    _this.renderContent = function () {
+      var _this$props3 = _this.props,
+          content = _this$props3.content,
+          children = _this$props3.children;
+      return /*#__PURE__*/React.isValidElement(content) ? content : children ? children : null;
+    };
+
+    return _this;
+  }
+
+  _createClass(Modal, [{
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+          visible = _this$props4.visible,
+          width = _this$props4.width,
+          closeCb = _this$props4.closeCb,
+          onClose = _this$props4.onClose,
+          className = _this$props4.className,
+          style = _this$props4.style;
+      return /*#__PURE__*/React.createElement(DialogModel$1, {
+        closeCb: closeCb,
+        onClose: onClose,
+        visible: visible,
+        width: width,
+        className: className,
+        style: style
+      }, this.renderTop(), /*#__PURE__*/React.createElement("div", {
+        className: "model-content-tips"
+      }, this.renderContent()), this.renderFooter());
+    }
+  }]);
+
+  return Modal;
+}(React.PureComponent);
+
+Modal$1.show = void 0;
+Modal$1.hidden = void 0;
+var ModalContainer$1 = null;
+var modelSysbol$1 = Symbol('$$__model__Container_hidden');
+
+Modal$1.show = function (config) {
+  if (ModalContainer$1) return;
+
+  var props = _objectSpread2(_objectSpread2({}, config), {}, {
+    visible: true
+  });
+
+  var container = ModalContainer$1 = document.createElement('div');
+  var manager = container[modelSysbol$1] = {
+    setShow: null,
+    mounted: false,
+    hidden: function hidden() {
+      var setShow = manager.setShow;
+      setShow && setShow(false);
+    },
+    destory: function destory() {
+      ReactDOM.unmountComponentAtNode(container);
+      document.body.removeChild(container);
+      ModalContainer$1 = null;
+    }
+  };
+
+  var ModelApp = function ModelApp(props) {
+    var _useState = useState(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        show = _useState2[0],
+        setShow = _useState2[1];
+
+    manager.setShow = setShow;
+
+    var visible = props.visible,
+        trueProps = _objectWithoutProperties(props, _excluded$f);
+
+    useEffect(function () {
+      manager.mounted = true;
+      setShow(visible);
+    }, []);
+    return /*#__PURE__*/React.createElement(Modal$1, _objectSpread2(_objectSpread2({}, trueProps), {}, {
+      closeCb: function closeCb() {
+        return manager.mounted && manager.destory();
+      },
+      visible: show
+    }));
+  };
+
+  document.body.appendChild(container);
+  ReactDOM.render( /*#__PURE__*/React.createElement(ModelApp, _objectSpread2({}, props)), container);
+  return manager;
+};
+
+Modal$1.hidden = function () {
+  if (!ModalContainer$1) return;
+  ModalContainer$1[modelSysbol$1] && ModalContainer$1[modelSysbol$1].hidden();
+};
+
+var _excluded$g = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
 
 var ModalForm = function ModalForm(props, ref) {
   var columns = props.columns,
@@ -9729,7 +9981,7 @@ var ModalForm = function ModalForm(props, ref) {
       title = props.title,
       record = props.record,
       onFormChange = props.onFormChange,
-      extraProps = _objectWithoutProperties(props, _excluded$f);
+      extraProps = _objectWithoutProperties(props, _excluded$g);
 
   var formRef = useRef(null);
 
@@ -9860,7 +10112,7 @@ var ModalForm = function ModalForm(props, ref) {
 
 var ModalForm$1 = /*#__PURE__*/React.forwardRef(ModalForm);
 
-var _excluded$g = ["columns", "extraColumns", "request", "modalFormSearch", "search", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"],
+var _excluded$h = ["columns", "extraColumns", "request", "modalFormSearch", "search", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"],
     _excluded2$3 = ["actionMethod"];
 
 var TabelCard = function TabelCard(props, ref) {
@@ -9876,7 +10128,7 @@ var TabelCard = function TabelCard(props, ref) {
       onFormChange = props.onFormChange,
       modalConfig = props.modalConfig,
       optionColumnConfig = props.optionColumnConfig,
-      extraProps = _objectWithoutProperties(props, _excluded$g);
+      extraProps = _objectWithoutProperties(props, _excluded$h);
 
   var actionRef = useRef();
   var formRef = useRef(null);
@@ -10524,4 +10776,4 @@ var WebsocketHeart = /*#__PURE__*/_createClass(function WebsocketHeart(_ref) {
   this.heartCheck = null;
 });
 
-export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, Index$c as Card, WCascader as Cascader, Index$3 as Checkbox, Index$8 as CountUp, Index$1 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, Modal, ModalForm$1 as ModalForm, Index$7 as Number, NumericInput, Index$2 as Radio, Index$4 as Select, Index$a as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$6 as TreeSelect, Index$5 as WDatePicker, WForm$1 as WForm, WebsocketHeart };
+export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, Index$c as Card, WCascader as Cascader, Index$3 as Checkbox, Index$8 as CountUp, Index$1 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$7 as Number, NumericInput, Index$2 as Radio, Index$4 as Select, Index$a as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$6 as TreeSelect, Index$5 as WDatePicker, WForm$1 as WForm, WebsocketHeart };

package/dist/index.js

@@ -771,7 +771,7 @@ var WSelect = function WSelect(props) {
 
     onLoad && onLoad(options);
     setValueEnumList(valueEnumNode);
-  }, [JSON.stringify(resList)]);
+  }, [JSON.stringify(resList), request]);
   return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'], _objectSpread2({}, extraProps), request ? childrenNode : valueEnum ? valueEnumList : children);
 };
 
@@ -8026,12 +8026,16 @@ function Table(_ref) {
     return arr;
   };
 
-  var filterFormColumns = flattenColumns(columns).filter(function (c) {
-    return !c.hideInSearch;
-  });
-  var filterColumns = flattenColumns(columns).filter(function (c) {
-    return !c.hideInTable;
-  });
+  var filterFormColumns = React.useMemo(function () {
+    return flattenColumns(columns).filter(function (c) {
+      return !c.hideInSearch;
+    });
+  }, [columns]);
+  var filterColumns = React.useMemo(function () {
+    return flattenColumns(columns).filter(function (c) {
+      return !c.hideInTable;
+    });
+  }, [columns]);
   var renderTh = React.useMemo(function () {
     var renderThFc = function renderThFc(columns, parentHeight, isChild) {
       var showColumns = columns.filter(function (c) {
@@ -8324,7 +8328,7 @@ function Table(_ref) {
         }
       }, _callee);
     }))();
-  }, [params, pageParams, pagination, tableList, formSearch]);
+  }, [params, pageParams, pagination, tableList, formSearch, columns]);
 
   var onFormSubmit = function onFormSubmit(values) {
     onSubmit && onSubmit(values);
@@ -9749,7 +9753,255 @@ Modal.hidden = function () {
   ModalContainer[modelSysbol] && ModalContainer[modelSysbol].hidden();
 };
 
-var _excluded$f = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
+var controlShow$1 = function controlShow(f1, f2, value, timer) {
+  f1(value);
+  return setTimeout(function () {
+    f2(value);
+  }, timer);
+};
+
+function DialogModel$1(props) {
+  var width = props.width,
+      visible = props.visible,
+      closeCb = props.closeCb,
+      onClose = props.onClose,
+      _props$className = props.className,
+      className = _props$className === void 0 ? 'default-dialog' : _props$className,
+      style = props.style;
+
+  var _useState = React.useState(visible),
+      _useState2 = _slicedToArray(_useState, 2),
+      modelShow = _useState2[0],
+      setModelShow = _useState2[1];
+
+  var _useState3 = React.useState(visible),
+      _useState4 = _slicedToArray(_useState3, 2),
+      modelShowAync = _useState4[0],
+      setModelShowAync = _useState4[1];
+
+  var _useState5 = React.useState(visible),
+      _useState6 = _slicedToArray(_useState5, 2),
+      flag = _useState6[0],
+      setFlag = _useState6[1];
+
+  var renderChildren = React.useMemo(function () {
+    var _classNames;
+
+    return /*#__PURE__*/ReactDOM__default['default'].createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "w100p h100p pa ",
+      style: {
+        display: modelShow ? 'block' : 'none',
+        overflow: 'hidden',
+        top: 0,
+        left: 0
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: classnames__default['default']((_classNames = {}, _defineProperty(_classNames, className, true), _defineProperty(_classNames, 'model_container-tips', true), _defineProperty(_classNames, "animate__animated", true), _defineProperty(_classNames, flag ? 'animate__bounceInDown' : 'animate__fadeOutRightBig', true), _classNames)),
+      style: _objectSpread2({
+        opacity: modelShowAync ? 1 : 0,
+        width: typeof width == 'number' ? width + 'px' : width
+      }, style)
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: 'model_wrap-tips'
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+        position: 'relative'
+      }
+    }, ' ', props.children, ' '))), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: 'mask-tips',
+      onClick: function onClick() {
+        return onClose && onClose();
+      },
+      style: {
+        opacity: modelShowAync ? 0.6 : 0
+      }
+    })), document.body);
+  }, [modelShowAync, modelShow, props]);
+  React.useEffect(function () {
+    var timer;
+    setFlag(visible);
+
+    if (visible) {
+      timer = controlShow$1(setModelShow, setModelShowAync, visible, 30);
+    } else {
+      timer = controlShow$1(setModelShowAync, setModelShow, visible, 1000);
+    }
+
+    return function () {
+      timer && clearTimeout(timer);
+    };
+  }, [visible]);
+  React.useEffect(function () {
+    !modelShow && typeof closeCb === 'function' && closeCb();
+  }, [modelShow]);
+  return renderChildren;
+}
+
+var _excluded$f = ["visible"];
+
+var Modal$1 = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(Modal, _React$PureComponent);
+
+  var _super = _createSuper(Modal);
+
+  function Modal() {
+    var _this;
+
+    _classCallCheck(this, Modal);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.renderFooter = function () {
+      var _this$props = _this.props,
+          onOk = _this$props.onOk,
+          onCancel = _this$props.onCancel,
+          cancelText = _this$props.cancelText,
+          okText = _this$props.okText,
+          footer = _this$props.footer;
+      if (footer && /*#__PURE__*/React__default['default'].isValidElement(footer)) return footer;
+      if (footer === false) return null;
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "model_bottom-tips"
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "model_btn_box",
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement(WButton, {
+        className: "okbtn",
+        onClick: function onClick(e) {
+          onOk && onOk(e);
+        }
+      }, okText || '确定'), /*#__PURE__*/React__default['default'].createElement(WButton, {
+        className: "concellbtn",
+        style: {
+          marginLeft: '10px'
+        },
+        onClick: function onClick(e) {
+          onCancel && onCancel(e);
+        }
+      }, cancelText || '取消')));
+    };
+
+    _this.renderTop = function () {
+      var _this$props2 = _this.props,
+          title = _this$props2.title,
+          onClose = _this$props2.onClose;
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "model-header-tips"
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "model-title-tips"
+      }, title), /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleOutlined, {
+        className: "model-closeIcon-tips",
+        onClick: function onClick() {
+          return onClose && onClose();
+        }
+      }));
+    };
+
+    _this.renderContent = function () {
+      var _this$props3 = _this.props,
+          content = _this$props3.content,
+          children = _this$props3.children;
+      return /*#__PURE__*/React__default['default'].isValidElement(content) ? content : children ? children : null;
+    };
+
+    return _this;
+  }
+
+  _createClass(Modal, [{
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+          visible = _this$props4.visible,
+          width = _this$props4.width,
+          closeCb = _this$props4.closeCb,
+          onClose = _this$props4.onClose,
+          className = _this$props4.className,
+          style = _this$props4.style;
+      return /*#__PURE__*/React__default['default'].createElement(DialogModel$1, {
+        closeCb: closeCb,
+        onClose: onClose,
+        visible: visible,
+        width: width,
+        className: className,
+        style: style
+      }, this.renderTop(), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "model-content-tips"
+      }, this.renderContent()), this.renderFooter());
+    }
+  }]);
+
+  return Modal;
+}(React__default['default'].PureComponent);
+
+Modal$1.show = void 0;
+Modal$1.hidden = void 0;
+var ModalContainer$1 = null;
+var modelSysbol$1 = Symbol('$$__model__Container_hidden');
+
+Modal$1.show = function (config) {
+  if (ModalContainer$1) return;
+
+  var props = _objectSpread2(_objectSpread2({}, config), {}, {
+    visible: true
+  });
+
+  var container = ModalContainer$1 = document.createElement('div');
+  var manager = container[modelSysbol$1] = {
+    setShow: null,
+    mounted: false,
+    hidden: function hidden() {
+      var setShow = manager.setShow;
+      setShow && setShow(false);
+    },
+    destory: function destory() {
+      ReactDOM__default['default'].unmountComponentAtNode(container);
+      document.body.removeChild(container);
+      ModalContainer$1 = null;
+    }
+  };
+
+  var ModelApp = function ModelApp(props) {
+    var _useState = React.useState(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        show = _useState2[0],
+        setShow = _useState2[1];
+
+    manager.setShow = setShow;
+
+    var visible = props.visible,
+        trueProps = _objectWithoutProperties(props, _excluded$f);
+
+    React.useEffect(function () {
+      manager.mounted = true;
+      setShow(visible);
+    }, []);
+    return /*#__PURE__*/React__default['default'].createElement(Modal$1, _objectSpread2(_objectSpread2({}, trueProps), {}, {
+      closeCb: function closeCb() {
+        return manager.mounted && manager.destory();
+      },
+      visible: show
+    }));
+  };
+
+  document.body.appendChild(container);
+  ReactDOM__default['default'].render( /*#__PURE__*/React__default['default'].createElement(ModelApp, _objectSpread2({}, props)), container);
+  return manager;
+};
+
+Modal$1.hidden = function () {
+  if (!ModalContainer$1) return;
+  ModalContainer$1[modelSysbol$1] && ModalContainer$1[modelSysbol$1].hidden();
+};
+
+var _excluded$g = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
 
 var ModalForm = function ModalForm(props, ref) {
   var columns = props.columns,
@@ -9763,7 +10015,7 @@ var ModalForm = function ModalForm(props, ref) {
       title = props.title,
       record = props.record,
       onFormChange = props.onFormChange,
-      extraProps = _objectWithoutProperties(props, _excluded$f);
+      extraProps = _objectWithoutProperties(props, _excluded$g);
 
   var formRef = React.useRef(null);
 
@@ -9894,7 +10146,7 @@ var ModalForm = function ModalForm(props, ref) {
 
 var ModalForm$1 = /*#__PURE__*/React__default['default'].forwardRef(ModalForm);
 
-var _excluded$g = ["columns", "extraColumns", "request", "modalFormSearch", "search", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"],
+var _excluded$h = ["columns", "extraColumns", "request", "modalFormSearch", "search", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"],
     _excluded2$3 = ["actionMethod"];
 
 var TabelCard = function TabelCard(props, ref) {
@@ -9910,7 +10162,7 @@ var TabelCard = function TabelCard(props, ref) {
       onFormChange = props.onFormChange,
       modalConfig = props.modalConfig,
       optionColumnConfig = props.optionColumnConfig,
-      extraProps = _objectWithoutProperties(props, _excluded$g);
+      extraProps = _objectWithoutProperties(props, _excluded$h);
 
   var actionRef = React.useRef();
   var formRef = React.useRef(null);
@@ -10571,6 +10823,7 @@ exports.Input = Index;
 exports.InputNumber = WInputNumber;
 exports.Modal = Modal;
 exports.ModalForm = ModalForm$1;
+exports.ModalTips = Modal$1;
 exports.Number = Index$7;
 exports.NumericInput = NumericInput;
 exports.Radio = Index$2;

package/package.json

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