tplus-components-touch 3.28.2 → 3.28.3

package/dist/components/modalWraper/index.js

@@ -0,0 +1,470 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _modal = require('antd/es/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _checkbox = require('antd/es/checkbox');
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _class, _temp; /*
+                   className :添加类名
+                    modalType: 大 中 小 最大（map）
+                    title  :
+                    footer:底部按钮
+                    ok:确定方法
+                    cancel:取消方法
+                    exclueBoard: boolean 去除键盘居中
+                    vertical: boolean 是否为竖屏
+                    wrapperControl: 启用外部控制，控制用法如下 confirm 描述
+                    在 confirm 类型的模态框中的 onOk 事件返回false时不会关闭弹窗，如果为异步时返回一个promise，通过resolve状态关闭控制(暂时只在vertical为true时生效)
+                   */
+
+
+require('antd/es/modal/style');
+
+require('antd/es/button/style');
+
+require('antd/es/checkbox/style');
+
+var _ticon = require('../ticon');
+
+var _ticon2 = _interopRequireDefault(_ticon);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _mutantsUtil = require('mutants-util');
+
+var _utils = require('./utils');
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var map = {
+  'big': 'big-modal',
+  'mid': 'mid-modal',
+  'small': 'sm-modal',
+  'bigger': 'bigger-modal'
+};
+var ModalWraper = (_temp = _class = function (_React$Component) {
+  (0, _inherits3.default)(ModalWraper, _React$Component);
+
+  function ModalWraper(props, context) {
+    (0, _classCallCheck3.default)(this, ModalWraper);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (ModalWraper.__proto__ || (0, _getPrototypeOf2.default)(ModalWraper)).call(this, props, context));
+
+    _this.state = {
+      modalIndex: 0,
+      hasShow: false
+    };
+
+    _this.setInventoryFocus = function () {
+      if (_this.isHorizontalPad) return;
+      // let doms = document.getElementsByClassName('app hot-key-focus-container')
+      var input = document.getElementById('productPoint');
+      if (input) setTimeout(function () {
+        {
+          console.log('ModalWraper--商品焦点==Focus==');input.focus();
+        }
+      }, 300);
+    };
+
+    _this.onHide = function () {
+      var _this$props = _this.props,
+          onHide = _this$props.onHide,
+          cancel = _this$props.cancel;
+
+      if (onHide) {
+        onHide();
+      } else {
+        cancel && cancel();
+      }
+      _this.setInventoryFocus();
+    };
+
+    _this.onExited = function () {
+      _this.setInventoryFocus();
+    };
+
+    var _ref = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref.isHorizontalPad;
+
+    _this.isHorizontalPad = !!isHorizontalPad;
+    return _this;
+  }
+
+  (0, _createClass3.default)(ModalWraper, [{
+    key: 'componentWillUnmount',
+
+
+    // componentDidMount() {
+    //   console.log('modalWraper-compontentDidMount==Focus==',this.state.hasShow)
+    //   if (!this.state.hasShow) return
+    //   setTimeout(() => { this.handleLaterRender() }, 300)
+    // }
+
+    value: function componentWillUnmount() {
+      if (ModalWraper.modalCount > 0 && this.state.hasShow) {
+        this.setState({ hasShow: false, modalIndex: ModalWraper.modalCount-- });
+        this.setInventoryFocus();
+      }
+    }
+
+    /**
+     * 模态框关闭时，强制设定商品录入框焦点
+     */
+
+
+    /**
+     * 页面渲染结束之后，焦点给到第一个input框。并绑定input事件，支持回车切换焦点。
+     */
+    // handleLaterRender = () => {
+    //   if (this.isHorizontalPad) return;
+    //   let list = $.find_element('input textarea');
+    //   if (list && list.length > 0) {
+    //     let input = list.find(v => v.type == 'text' || v.type == 'textarea')
+    //     if (input && input != document.activeElement) {
+    //       let val = input.value;
+    //       console.log('modalWraper--input==Focus==');
+    //       input.value = ''; input.focus(); input.click(); input.value = val;
+    //     }
+    //   }
+    // }
+
+    // onEntered = () => {
+    //   setTimeout(() => { this.handleLaterRender() }, 300)
+    // }
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          modalType = _props.modalType,
+          className = _props.className,
+          title = _props.title,
+          memberClass = _props.memberClass,
+          footer = _props.footer,
+          cancel = _props.cancel,
+          ok = _props.ok,
+          position = _props.position,
+          closeButton = _props.closeButton,
+          okText = _props.okText,
+          show = _props.show,
+          check = _props.check,
+          header = _props.header,
+          reqfooter = _props.reqfooter,
+          _props$backdropStyle = _props.backdropStyle,
+          backdropStyle = _props$backdropStyle === undefined ? {} : _props$backdropStyle,
+          onHide = _props.onHide,
+          cancelable = _props.cancelable,
+          okable = _props.okable,
+          _props$exclueBoard = _props.exclueBoard,
+          exclueBoard = _props$exclueBoard === undefined ? false : _props$exclueBoard,
+          _props$centered = _props.centered,
+          centered = _props$centered === undefined ? true : _props$centered,
+          vertical = _props.vertical,
+          props = (0, _objectWithoutProperties3.default)(_props, ['modalType', 'className', 'title', 'memberClass', 'footer', 'cancel', 'ok', 'position', 'closeButton', 'okText', 'show', 'check', 'header', 'reqfooter', 'backdropStyle', 'onHide', 'cancelable', 'okable', 'exclueBoard', 'centered', 'vertical']);
+      var _state = this.state,
+          modalIndex = _state.modalIndex,
+          hasShow = _state.hasShow;
+      //针对Pad移动端
+
+      centered = !this.isHorizontalPad;
+      //针对全选的处理。
+
+      var _ref2 = check || {},
+          isShowCheck = _ref2.isShowCheck,
+          isChecked = _ref2.isChecked,
+          checkedCount = _ref2.checkedCount,
+          checkBoxEvent = _ref2.checkBoxEvent,
+          pickupChecked = _ref2.pickupChecked;
+
+      props.maskClosable = props.backdropClosable || false;
+      var typeClass = map[modalType] ? map[modalType] : map['small'];
+      var alignClass = exclueBoard ? 'modal-centre' : '';
+      alignClass = this.isHorizontalPad ? '' : alignClass;
+      if (modalIndex > 0) {
+        backdropStyle = (0, _extends3.default)({}, backdropStyle, {
+          backgroundColor: 'rgba(0,0,0, 0)'
+        });
+      }
+      return _react2.default.createElement(
+        _modal2.default,
+        (0, _extends3.default)({
+          wrapClassName: 'modal-formated ' + alignClass + ' ' + className + ' ' + position + ' ' + typeClass + ' ' + (0, _utils.verticalContainer)(this.props) + ' ' + (memberClass && memberClass),
+          onCancel: this.onHide
+          // onEntered={this.onEntered}
+          , afterClose: this.onExited,
+          visible: hasShow,
+          maskStyle: backdropStyle,
+          centered: centered
+        }, props, {
+          title: header ? header : title,
+          closable: closeButton,
+          destroyOnClose: true,
+          footer: reqfooter ? footer ? footer : _react2.default.createElement(
+            'div',
+            { className: 'footer' },
+            _react2.default.createElement(
+              'div',
+              { className: 'check' },
+              isShowCheck && _react2.default.createElement(
+                _checkbox2.default,
+                { checked: pickupChecked ? pickupChecked : isChecked, onChange: pickupChecked ? null : function (event) {
+                    return checkBoxEvent(0, event.target.checked);
+                  } },
+                '\u5168\u9009(',
+                checkedCount,
+                ')'
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'btn' },
+              cancelable && _react2.default.createElement(
+                _button2.default,
+                { onClick: function onClick() {
+                    cancel && cancel();
+                  } },
+                '\u53D6\u6D88'
+              ),
+              okable && _react2.default.createElement(
+                _button2.default,
+                { disabled: this.props.btnDissabled, type: 'primary', onClick: function onClick() {
+                    ok && ok();
+                  } },
+                okText
+              )
+            )
+          ) : null
+        }),
+        this.props.children
+      );
+    }
+  }], [{
+    key: 'confirm',
+    value: function confirm(props) {
+      var content = props.content,
+          className = props.className,
+          onOk = props.onOk,
+          once = props.once,
+          onCancel = props.onCancel,
+          icon = props.icon,
+          wrapperControl = props.wrapperControl,
+          rest = (0, _objectWithoutProperties3.default)(props, ['content', 'className', 'onOk', 'once', 'onCancel', 'icon', 'wrapperControl']);
+
+      var controls = wrapperControl ? {} : { onOk: onOk, onCancel: onCancel };
+      rest.mask = rest.backdrop || false;
+      var modal = _modal2.default.confirm((0, _extends3.default)({}, rest, controls, {
+        mask: true,
+        icon: null,
+        className: 'method-modal1 vertical-modal-wrapper ' + className + ' ' + (0, _utils.verticalContainer)(props),
+        content: _react2.default.createElement(
+          'div',
+          { className: 'content1' },
+          _react2.default.createElement(
+            'div',
+            { className: 'content-box' },
+            typeof icon === 'boolean' && !icon ? null : _react2.default.createElement(_ticon2.default, { type: 'jingshishang', className: 'method-modal-ticon ticon-confirm' }),
+            content
+          ),
+          wrapperControl && _react2.default.createElement(
+            'div',
+            { className: 'modal-footer-container' },
+            _react2.default.createElement(
+              _button2.default,
+              {
+                onClick: function onClick() {
+                  return (0, _utils.handleOnCancel)(onCancel, modal);
+                }
+              },
+              '\u53D6\u6D88'
+            ),
+            _react2.default.createElement(
+              _button2.default,
+              {
+                type: 'primary',
+                onClick: function onClick() {
+                  return (0, _utils.handleOnOk)(onOk, modal, once);
+                }
+              },
+              '\u786E\u5B9A'
+            )
+          )
+        )
+      }));
+
+      return modal;
+    }
+  }, {
+    key: 'warning',
+    value: function warning(props) {
+      var content = props.content,
+          className = props.className,
+          rest = (0, _objectWithoutProperties3.default)(props, ['content', 'className']);
+
+      rest.mask = rest.backdrop || false;
+      _modal2.default.warning((0, _extends3.default)({}, rest, {
+        icon: null,
+        className: 'method-modal1 vertical-modal-wrapper ' + className + ' ' + (0, _utils.verticalContainer)(props),
+        content: _react2.default.createElement(
+          'div',
+          { className: 'content1' },
+          _react2.default.createElement(_ticon2.default, { type: 'zhongxingxia', className: 'method-modal-ticon ticon-info' }),
+          content
+        )
+      }));
+    }
+  }, {
+    key: 'success',
+    value: function success(props) {
+      var content = props.content,
+          className = props.className,
+          rest = (0, _objectWithoutProperties3.default)(props, ['content', 'className']);
+
+      rest.mask = rest.backdrop || false;
+      _modal2.default.success((0, _extends3.default)({}, rest, {
+        icon: null,
+        className: 'method-modal1 vertical-modal-wrapper ' + className + ' ' + (0, _utils.verticalContainer)(props),
+        content: _react2.default.createElement(
+          'div',
+          { className: 'content1' },
+          _react2.default.createElement(_ticon2.default, { type: 'zhongxingxia', className: 'method-modal-ticon ticon-info' }),
+          content
+        )
+      }));
+    }
+  }, {
+    key: 'error',
+    value: function error(props) {
+      var content = props.content,
+          className = props.className,
+          rest = (0, _objectWithoutProperties3.default)(props, ['content', 'className']);
+
+      rest.mask = rest.backdrop || false;
+      _modal2.default.error((0, _extends3.default)({}, rest, {
+        icon: null,
+        className: 'method-modal1 vertical-modal-wrapper ' + className + ' ' + (0, _utils.verticalContainer)(props),
+        content: _react2.default.createElement(
+          'div',
+          { className: 'content1' },
+          _react2.default.createElement(_ticon2.default, { type: 'zhongxingxia', className: 'method-modal-ticon ticon-info' }),
+          content
+        )
+      }));
+    }
+  }, {
+    key: 'info',
+    value: function info(props) {
+      var content = props.content,
+          className = props.className,
+          rest = (0, _objectWithoutProperties3.default)(props, ['content', 'className']);
+
+      rest.mask = rest.backdrop || false;
+      _modal2.default.info((0, _extends3.default)({}, rest, {
+        icon: null,
+        zIndex: 1010,
+        className: 'method-modal1 vertical-modal-wrapper ' + className + ' ' + (0, _utils.verticalContainer)(props),
+        content: _react2.default.createElement(
+          'div',
+          { className: 'content1' },
+          _react2.default.createElement(_ticon2.default, { type: 'zhongxingxia', className: 'method-modal-ticon ticon-info' }),
+          content
+        )
+      }));
+    }
+  }, {
+    key: 'getDerivedStateFromProps',
+    value: function getDerivedStateFromProps(props, state) {
+      if (props.show && !state.hasShow) {
+        return {
+          hasShow: true,
+          modalIndex: ModalWraper.modalCount++
+        };
+      }
+      if (!props.show && state.hasShow) {
+        return {
+          hasShow: false,
+          modalIndex: ModalWraper.modalCount--
+        };
+      }
+      return null;
+    }
+  }]);
+  return ModalWraper;
+}(_react2.default.Component), _class.propTypes = {
+  modalType: _propTypes2.default.string,
+  className: _propTypes2.default.string,
+  title: _propTypes2.default.string,
+  footer: _propTypes2.default.oneOfType([_propTypes2.default.element, _propTypes2.default.array]),
+  show: _propTypes2.default.bool,
+  cancel: _propTypes2.default.func,
+  onHide: _propTypes2.default.func,
+  ok: _propTypes2.default.func,
+  position: _propTypes2.default.string,
+  okText: _propTypes2.default.string,
+  children: _propTypes2.default.element,
+  reqfooter: _propTypes2.default.bool,
+  cancelable: _propTypes2.default.bool,
+  okable: _propTypes2.default.bool,
+  exclueBoard: _propTypes2.default.bool,
+  vertical: _propTypes2.default.bool
+}, _class.defaultProps = {
+  modalType: 'small',
+  className: '',
+  title: '',
+  position: '',
+  closeButton: true,
+  okText: '确定',
+  reqfooter: true,
+  cancelable: true,
+  okable: true
+}, _class.modalCount = 0, _temp);
+exports.default = ModalWraper;
+//# sourceMappingURL=index.js.map

package/dist/components/modalWraper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/modalWraper/index.js"],"names":["map","ModalWraper","props","context","state","modalIndex","hasShow","setInventoryFocus","isHorizontalPad","input","document","getElementById","setTimeout","console","log","focus","onHide","cancel","onExited","platform","modalCount","setState","modalType","className","title","memberClass","footer","ok","position","closeButton","okText","show","check","header","reqfooter","backdropStyle","cancelable","okable","exclueBoard","centered","vertical","isShowCheck","isChecked","checkedCount","checkBoxEvent","pickupChecked","maskClosable","backdropClosable","typeClass","alignClass","backgroundColor","event","target","checked","btnDissabled","children","content","onOk","once","onCancel","icon","wrapperControl","rest","controls","mask","backdrop","modal","confirm","warning","success","error","info","zIndex","React","Component","propTypes","PropTypes","string","oneOfType","element","array","bool","func","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["/*\nclassName :添加类名\n modalType: 大 中 小 最大（map）\n title  :\n footer:底部按钮\n ok:确定方法\n cancel:取消方法\n exclueBoard: boolean 去除键盘居中\n vertical: boolean 是否为竖屏\n wrapperControl: 启用外部控制，控制用法如下 confirm 描述\n 在 confirm 类型的模态框中的 onOk 事件返回false时不会关闭弹窗，如果为异步时返回一个promise，通过resolve状态关闭控制(暂时只在vertical为true时生效)\n*/\nimport Ticon from '../ticon'\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { Checkbox, Button, Modal } from 'antd';\nimport { platform } from 'mutants-util';\nimport { verticalContainer, handleOnOk, handleOnCancel } from './utils';\nimport './style.less'\nconst map = {\n  'big': 'big-modal',\n  'mid': 'mid-modal',\n  'small': 'sm-modal',\n  'bigger': 'bigger-modal'\n}\nexport default class ModalWraper extends React.Component {\n  constructor(props, context) {\n    super(props, context)\n    const { isHorizontalPad } = platform || {};\n    this.isHorizontalPad = !!isHorizontalPad;\n  }\n\n  static propTypes = {\n    modalType: PropTypes.string,\n    className: PropTypes.string,\n    title: PropTypes.string,\n    footer: PropTypes.oneOfType([PropTypes.element, PropTypes.array]),\n    show: PropTypes.bool,\n    cancel: PropTypes.func,\n    onHide: PropTypes.func,\n    ok: PropTypes.func,\n    position: PropTypes.string,\n    okText: PropTypes.string,\n    children: PropTypes.element,\n    reqfooter: PropTypes.bool,\n    cancelable: PropTypes.bool,\n    okable: PropTypes.bool,\n    exclueBoard: PropTypes.bool,\n    vertical: PropTypes.bool,\n  }\n\n  static defaultProps = {\n    modalType: 'small',\n    className: '',\n    title: '',\n    position: '',\n    closeButton: true,\n    okText: '确定',\n    reqfooter: true,\n    cancelable: true,\n    okable: true\n  }\n\n  static confirm(props) {\n    const { content, className, onOk, once, onCancel, icon, wrapperControl, ...rest } = props;\n    const controls = wrapperControl ? {} : { onOk, onCancel };\n    rest.mask = rest.backdrop || false;\n    const modal = Modal.confirm({\n      ...rest,\n      ...controls,\n      mask: true,\n      icon: null,\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\n      content: (<div className='content1'>\n        <div className='content-box'>\n          {(typeof icon === 'boolean' && !icon) ? null :\n            <Ticon type='jingshishang' className='method-modal-ticon ticon-confirm' />\n          }\n          {content}\n        </div>\n        {wrapperControl && <div className=\"modal-footer-container\">\n          <Button\n            onClick={() => handleOnCancel(onCancel, modal)}\n          >取消</Button>\n          <Button\n            type='primary'\n            onClick={() => handleOnOk(onOk, modal, once)}\n          >确定</Button>\n        </div>}\n      </div>)\n    });\n\n    return modal;\n  }\n\n  static warning(props) {\n    const { content, className, ...rest } = props;\n    rest.mask = rest.backdrop || false;\n    Modal.warning({\n      ...rest,\n      icon: null,\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\n      content: (<div className='content1'>\n        <Ticon type='zhongxingxia' className='method-modal-ticon ticon-info' />\n        {content}\n      </div>)\n    })\n  }\n\n  static success(props) {\n    const { content, className, ...rest } = props;\n    rest.mask = rest.backdrop || false;\n    Modal.success({\n      ...rest,\n      icon: null,\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\n      content: (<div className='content1'>\n        <Ticon type='zhongxingxia' className='method-modal-ticon ticon-info' />\n        {content}\n      </div>)\n    })\n  }\n\n  static error(props) {\n    const { content, className, ...rest } = props;\n    rest.mask = rest.backdrop || false;\n    Modal.error({\n      ...rest,\n      icon: null,\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\n      content: (<div className='content1'>\n        <Ticon type='zhongxingxia' className='method-modal-ticon ticon-info' />\n        {content}\n      </div>)\n    })\n  }\n\n  static info(props) {\n    const { content, className, ...rest } = props;\n    rest.mask = rest.backdrop || false;\n    Modal.info({\n      ...rest,\n      icon: null,\n      zIndex: 1010,\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\n      content: (<div className='content1'>\n        <Ticon type='zhongxingxia' className='method-modal-ticon ticon-info' />\n        {content}\n      </div>)\n    })\n  }\n\n  state = {\n    modalIndex: 0,\n    hasShow: false\n  }\n\n  static modalCount = 0;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.show && !state.hasShow) {\n      return {\n        hasShow: true,\n        modalIndex: (ModalWraper.modalCount++)\n      }\n    }\n    if (!props.show && state.hasShow) {\n      return {\n        hasShow: false,\n        modalIndex: (ModalWraper.modalCount--)\n      }\n    }\n    return null;\n  }\n\n  // componentDidMount() {\n  //   console.log('modalWraper-compontentDidMount==Focus==',this.state.hasShow)\n  //   if (!this.state.hasShow) return\n  //   setTimeout(() => { this.handleLaterRender() }, 300)\n  // }\n\n  componentWillUnmount() {\n    if (ModalWraper.modalCount > 0 && this.state.hasShow) {\n      this.setState({ hasShow: false, modalIndex: (ModalWraper.modalCount--) });\n      this.setInventoryFocus();\n    }\n  }\n\n  /**\n   * 模态框关闭时，强制设定商品录入框焦点\n   */\n  setInventoryFocus = () => {\n    if (this.isHorizontalPad) return;\n    // let doms = document.getElementsByClassName('app hot-key-focus-container')\n    let input = document.getElementById('productPoint');\n    if (input) setTimeout(() => { {console.log('ModalWraper--商品焦点==Focus=='); input.focus() } }, 300)\n  }\n\n  /**\n   * 页面渲染结束之后，焦点给到第一个input框。并绑定input事件，支持回车切换焦点。\n   */\n  // handleLaterRender = () => {\n  //   if (this.isHorizontalPad) return;\n  //   let list = $.find_element('input textarea');\n  //   if (list && list.length > 0) {\n  //     let input = list.find(v => v.type == 'text' || v.type == 'textarea')\n  //     if (input && input != document.activeElement) {\n  //       let val = input.value;\n  //       console.log('modalWraper--input==Focus==');\n  //       input.value = ''; input.focus(); input.click(); input.value = val;\n  //     }\n  //   }\n  // }\n\n  onHide = () => {\n    let { onHide, cancel } = this.props;\n    if (onHide) {\n      onHide();\n    } else {\n      cancel && cancel()\n    }\n    this.setInventoryFocus();\n  }\n\n  // onEntered = () => {\n  //   setTimeout(() => { this.handleLaterRender() }, 300)\n  // }\n\n  onExited = () => {\n    this.setInventoryFocus();\n  }\n\n  render() {\n    let {\n      modalType,\n      className,\n      title,\n      memberClass,\n      footer,\n      cancel,\n      ok,\n      position,\n      closeButton,\n      okText,\n      show,\n      check,\n      header,\n      reqfooter,\n      backdropStyle = {},\n      onHide,\n      cancelable,\n      okable,\n      exclueBoard = false,\n      centered = true,\n      vertical,\n      ...props\n    } = this.props;\n    const { modalIndex, hasShow } = this.state;\n    //针对Pad移动端\n    centered = !this.isHorizontalPad;\n    //针对全选的处理。\n    let { isShowCheck, isChecked, checkedCount, checkBoxEvent,pickupChecked } = check || {};\n    props.maskClosable = props.backdropClosable || false;\n    let typeClass = map[modalType] ? map[modalType] : map['small'];\n    let alignClass = exclueBoard ? 'modal-centre' : '';\n    alignClass = this.isHorizontalPad ? '' : alignClass;\n    if (modalIndex > 0) {\n      backdropStyle = {\n        ...backdropStyle,\n        backgroundColor: 'rgba(0,0,0, 0)'\n      };\n    }\n    return (\n      <Modal\n          wrapClassName={`modal-formated ${alignClass} ${className} ${position} ${typeClass} ${verticalContainer(this.props)} ${memberClass && memberClass}`}\n          onCancel={this.onHide}\n        // onEntered={this.onEntered}\n          afterClose={this.onExited}\n          visible={hasShow}\n          maskStyle={backdropStyle}\n          centered={centered}\n          {...props}\n          title={header ? header: title}\n          closable={closeButton}\n          destroyOnClose={true}\n          footer={reqfooter ? footer ? footer :\n                <div className='footer'>\n                  <div className='check'>\n                    {isShowCheck && <Checkbox checked={pickupChecked ? pickupChecked : isChecked} onChange={pickupChecked ? null : event => checkBoxEvent(0, event.target.checked)}>全选({checkedCount})</Checkbox>}\n                  </div>\n                  <div className='btn'>\n                    {cancelable && <Button onClick={() => { cancel && cancel() }}>取消</Button>}\n                    {okable && <Button disabled={this.props.btnDissabled} type='primary' onClick={() => { ok && ok() }}>{okText}</Button>}\n                  </div>\n                </div> : null}\n      >\n        {this.props.children}\n      </Modal>\n    )\n  }\n}"]}