tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/modalWraper/index.js

@@ -0,0 +1,482 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _Modal15 = require('tinper-bee/dist/Modal');
+
+var _Modal16 = _interopRequireDefault(_Modal15);
+
+var _Button5 = require('tinper-bee/dist/Button');
+
+var _Button6 = _interopRequireDefault(_Button5);
+
+var _Checkbox2 = require('tinper-bee/dist/Checkbox');
+
+var _Checkbox3 = _interopRequireDefault(_Checkbox2);
+
+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('tinper-bee/dist/Modal/index.css');
+
+require('tinper-bee/dist/Button/index.css');
+
+require('tinper-bee/dist/Checkbox/index.css');
+
+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;
+      var doms = document.getElementsByClassName('app hot-key-focus-container');
+      var input = document.getElementById('productPoint');
+      if (input) setTimeout(function () {
+        if (doms && doms.length > 0) {
+          input.focus();
+        }
+      }, 300);
+    };
+
+    _this.handleLaterRender = function () {
+      if (_this.isHorizontalPad) return;
+      var list = $.find_element('input textarea');
+      if (list && list.length > 0) {
+        var input = list.find(function (v) {
+          return v.type == 'text' || v.type == 'textarea';
+        });
+        if (input && input != document.activeElement) {
+          var val = input.value;
+          input.value = '';input.focus();input.click();input.value = val;
+        }
+      }
+    };
+
+    _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.onEntered = function () {
+      setTimeout(function () {
+        _this.handleLaterRender();
+      }, 300);
+    };
+
+    _this.onExited = function () {
+      // let { onHide, cancel } = this.props;
+      // if (onHide) {
+      //   onHide();
+      // } else {
+      //   cancel && cancel()
+      // }
+      _this.setInventoryFocus();
+    };
+
+    var _ref = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref.isHorizontalPad;
+
+    _this.isHorizontalPad = !!isHorizontalPad;
+    return _this;
+  }
+
+  (0, _createClass3.default)(ModalWraper, [{
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      if (ModalWraper.modalCount > 0 && this.state.hasShow) {
+        this.setState({ hasShow: false, modalIndex: ModalWraper.modalCount-- });
+        this.setInventoryFocus();
+      }
+    }
+
+    /**
+     * 模态框关闭时，强制设定商品录入框焦点
+     */
+
+
+    /**
+     * 页面渲染结束之后，焦点给到第一个input框。并绑定input事件，支持回车切换焦点。
+     */
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          modalType = _props.modalType,
+          className = _props.className,
+          title = _props.title,
+          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', '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;
+
+      props.backdropClosable = 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, {
+          opacity: 0
+        });
+      }
+      return _react2.default.createElement(
+        _Modal16.default,
+        (0, _extends3.default)({
+          className: 'modal-formated ' + alignClass + ' ' + className + ' ' + position + ' ' + typeClass + ' ' + (0, _utils.verticalContainer)(this.props),
+          onHide: this.onHide,
+          onEntered: this.onEntered,
+          onExited: this.onExited,
+          show: hasShow,
+          backdropStyle: backdropStyle,
+          centered: !exclueBoard && centered,
+          draggable: false
+        }, props),
+        _react2.default.createElement(
+          _Modal16.default.Header,
+          { closeButton: closeButton },
+          header ? header : _react2.default.createElement(
+            _Modal16.default.Title,
+            null,
+            title
+          )
+        ),
+        _react2.default.createElement(
+          _Modal16.default.Body,
+          null,
+          this.props.children
+        ),
+        reqfooter && _react2.default.createElement(
+          _Modal16.default.Footer,
+          null,
+          footer ? footer : _react2.default.createElement(
+            'div',
+            { className: 'footer' },
+            _react2.default.createElement(
+              'div',
+              { className: 'check' },
+              isShowCheck && _react2.default.createElement(
+                _Checkbox3.default,
+                { checked: isChecked, onChange: function onChange(event) {
+                    return checkBoxEvent(0, event);
+                  } },
+                '\u5168\u9009(',
+                checkedCount,
+                ')'
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'btn' },
+              cancelable && _react2.default.createElement(
+                _Button6.default,
+                { type: 'cancel', onClick: function onClick() {
+                    cancel && cancel();
+                  } },
+                '\u53D6\u6D88'
+              ),
+              okable && _react2.default.createElement(
+                _Button6.default,
+                { type: 'success', onClick: function onClick() {
+                    ok && ok();
+                  } },
+                okText
+              )
+            )
+          )
+        )
+      );
+    }
+  }], [{
+    key: 'confirm',
+    value: function confirm(props) {
+      var content = props.content,
+          className = props.className,
+          onOk = props.onOk,
+          onCancel = props.onCancel,
+          icon = props.icon,
+          wrapperControl = props.wrapperControl,
+          rest = (0, _objectWithoutProperties3.default)(props, ['content', 'className', 'onOk', 'onCancel', 'icon', 'wrapperControl']);
+
+      var controls = wrapperControl ? {} : { onOk: onOk, onCancel: onCancel };
+      rest.backdrop = rest.backdrop || false;
+      var modal = _Modal16.default.confirm((0, _extends3.default)({}, rest, controls, {
+        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',
+            { 'class': 'modal-footer-container' },
+            _react2.default.createElement(
+              _Button6.default,
+              {
+                bordered: true,
+                onClick: function onClick() {
+                  return (0, _utils.handleOnCancel)(onCancel, modal);
+                }
+              },
+              '\u53D6\u6D88'
+            ),
+            _react2.default.createElement(
+              _Button6.default,
+              {
+                colors: 'primary',
+                onClick: function onClick() {
+                  return (0, _utils.handleOnOk)(onOk, modal);
+                }
+              },
+              '\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.backdrop = rest.backdrop || false;
+      _Modal16.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.backdrop = rest.backdrop || false;
+      _Modal16.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.backdrop = rest.backdrop || false;
+      _Modal16.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.backdrop = rest.backdrop || false;
+      _Modal16.default.info((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: '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.Header = _Modal16.default.Header, _class.Title = _Modal16.default.Title, _class.Body = _Modal16.default.Body, _class.Footer = _Modal16.default.Footer, _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","doms","document","getElementsByClassName","input","getElementById","setTimeout","length","focus","handleLaterRender","list","$","find_element","find","v","type","activeElement","val","value","click","onHide","cancel","onEntered","onExited","platform","modalCount","setState","modalType","className","title","footer","ok","position","closeButton","okText","show","check","header","reqfooter","backdropStyle","cancelable","okable","exclueBoard","centered","vertical","isShowCheck","isChecked","checkedCount","checkBoxEvent","backdropClosable","typeClass","alignClass","opacity","children","event","content","onOk","onCancel","icon","wrapperControl","rest","controls","backdrop","modal","confirm","warning","success","error","info","React","Component","propTypes","PropTypes","string","oneOfType","element","array","bool","func","defaultProps","Header","Title","Body","Footer"],"mappings":"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","file":"index.js","sourcesContent":["/*\r\nclassName :添加类名\r\n modalType: 大 中 小 最大（map）\r\n title  :\r\n footer:底部按钮\r\n ok:确定方法\r\n cancel:取消方法\r\n exclueBoard: boolean 去除键盘居中\r\n vertical: boolean 是否为竖屏\r\n wrapperControl: 启用外部控制，控制用法如下 confirm 描述\r\n 在 confirm 类型的模态框中的 onOk 事件返回false时不会关闭弹窗，如果为异步时返回一个promise，通过resolve状态关闭控制(暂时只在vertical为true时生效)\r\n*/\r\nimport Ticon from '../ticon'\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport {\r\n  Modal,\r\n  Button,\r\n  Checkbox\r\n} from 'tinper-bee'\r\nimport { platform } from 'mutants-util';\r\nimport { verticalContainer, handleOnOk, handleOnCancel } from './utils';\r\nimport './style.less'\r\nconst map = {\r\n  'big': 'big-modal',\r\n  'mid': 'mid-modal',\r\n  'small': 'sm-modal',\r\n  'bigger': 'bigger-modal'\r\n}\r\nexport default class ModalWraper extends React.Component {\r\n  constructor(props, context) {\r\n    super(props, context)\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isHorizontalPad = !!isHorizontalPad;\r\n  }\r\n\r\n  static propTypes = {\r\n    modalType: PropTypes.string,\r\n    className: PropTypes.string,\r\n    title: PropTypes.string,\r\n    footer: PropTypes.oneOfType([PropTypes.element, PropTypes.array]),\r\n    show: PropTypes.bool,\r\n    cancel: PropTypes.func,\r\n    onHide: PropTypes.func,\r\n    ok: PropTypes.func,\r\n    position: PropTypes.string,\r\n    okText: PropTypes.string,\r\n    children: PropTypes.element,\r\n    reqfooter: PropTypes.bool,\r\n    cancelable: PropTypes.bool,\r\n    okable: PropTypes.bool,\r\n    exclueBoard: PropTypes.bool,\r\n    vertical: PropTypes.bool,\r\n  }\r\n\r\n  static defaultProps = {\r\n    modalType: 'small',\r\n    className: '',\r\n    title: '',\r\n    position: '',\r\n    closeButton: true,\r\n    okText: '确定',\r\n    reqfooter: true,\r\n    cancelable: true,\r\n    okable: true\r\n  }\r\n\r\n  static Header = Modal.Header\r\n  static Title = Modal.Title\r\n  static Body = Modal.Body\r\n  static Footer = Modal.Footer\r\n\r\n  static confirm(props) {\r\n    const { content, className, onOk, onCancel, icon, wrapperControl, ...rest } = props;\r\n    const controls = wrapperControl ? {} : { onOk, onCancel };\r\n    rest.backdrop = rest.backdrop || false;\r\n    const modal = Modal.confirm({\r\n      ...rest,\r\n      ...controls,\r\n      icon: null,\r\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\r\n      content: (<div className='content1'>\r\n        <div className='content-box'>\r\n          {(typeof icon === 'boolean' && !icon) ? null :\r\n            <Ticon type='jingshishang' className='method-modal-ticon ticon-confirm' />\r\n          }\r\n          {content}\r\n        </div>\r\n        {wrapperControl && <div class=\"modal-footer-container\">\r\n          <Button\r\n            bordered\r\n            onClick={() => handleOnCancel(onCancel, modal)}\r\n          >取消</Button>\r\n          <Button\r\n            colors='primary'\r\n            onClick={() => handleOnOk(onOk, modal)}\r\n          >确定</Button>\r\n        </div>}\r\n      </div>)\r\n    });\r\n\r\n    return modal;\r\n  }\r\n\r\n  static warning(props) {\r\n    const { content, className, ...rest } = props;\r\n    rest.backdrop = rest.backdrop || false;\r\n    Modal.warning({\r\n      ...rest,\r\n      icon: null,\r\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\r\n      content: (<div className='content1'>\r\n        <Ticon type='zhongxingxia' className='method-modal-ticon ticon-info' />\r\n        {content}\r\n      </div>)\r\n    })\r\n  }\r\n\r\n  static success(props) {\r\n    const { content, className, ...rest } = props;\r\n    rest.backdrop = rest.backdrop || false;\r\n    Modal.success({\r\n      ...rest,\r\n      icon: null,\r\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\r\n      content: (<div className='content1'>\r\n        <Ticon type='zhongxingxia' className='method-modal-ticon ticon-info' />\r\n        {content}\r\n      </div>)\r\n    })\r\n  }\r\n\r\n  static error(props) {\r\n    const { content, className, ...rest } = props;\r\n    rest.backdrop = rest.backdrop || false;\r\n    Modal.error({\r\n      ...rest,\r\n      icon: null,\r\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\r\n      content: (<div className='content1'>\r\n        <Ticon type='zhongxingxia' className='method-modal-ticon ticon-info' />\r\n        {content}\r\n      </div>)\r\n    })\r\n  }\r\n\r\n  static info(props) {\r\n    const { content, className, ...rest } = props;\r\n    rest.backdrop = rest.backdrop || false;\r\n    Modal.info({\r\n      ...rest,\r\n      icon: null,\r\n      className: `method-modal1 vertical-modal-wrapper ${className} ${verticalContainer(props)}`,\r\n      content: (<div className='content1'>\r\n        <Ticon type='zhongxingxia' className='method-modal-ticon ticon-info' />\r\n        {content}\r\n      </div>)\r\n    })\r\n  }\r\n\r\n  state = {\r\n    modalIndex: 0,\r\n    hasShow: false\r\n  }\r\n\r\n  static modalCount = 0;\r\n\r\n  static getDerivedStateFromProps(props, state) {\r\n    if (props.show && !state.hasShow) {\r\n      return {\r\n        hasShow: true,\r\n        modalIndex: (ModalWraper.modalCount++)\r\n      }\r\n    }\r\n    if (!props.show && state.hasShow) {\r\n      return {\r\n        hasShow: false,\r\n        modalIndex: (ModalWraper.modalCount--)\r\n      }\r\n    }\r\n    return null;\r\n  }\r\n  componentWillUnmount() {\r\n    if (ModalWraper.modalCount > 0 && this.state.hasShow) {\r\n      this.setState({ hasShow: false, modalIndex: (ModalWraper.modalCount--) });\r\n      this.setInventoryFocus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 模态框关闭时，强制设定商品录入框焦点\r\n   */\r\n  setInventoryFocus = () => {\r\n    if (this.isHorizontalPad) return;\r\n    let doms = document.getElementsByClassName('app hot-key-focus-container')\r\n    let input = document.getElementById('productPoint');\r\n    if (input) setTimeout(() => { if (doms && doms.length > 0) { input.focus() } }, 300)\r\n  }\r\n\r\n  /**\r\n   * 页面渲染结束之后，焦点给到第一个input框。并绑定input事件，支持回车切换焦点。\r\n   */\r\n  handleLaterRender = () => {\r\n    if (this.isHorizontalPad) return;\r\n    let list = $.find_element('input textarea');\r\n    if (list && list.length > 0) {\r\n      let input = list.find(v => v.type == 'text' || v.type == 'textarea')\r\n      if (input && input != document.activeElement) {\r\n        let val = input.value;\r\n        input.value = ''; input.focus(); input.click(); input.value = val;\r\n      }\r\n    }\r\n  }\r\n\r\n  onHide = () => {\r\n    let { onHide, cancel } = this.props;\r\n    if (onHide) {\r\n      onHide();\r\n    } else {\r\n      cancel && cancel()\r\n    }\r\n    this.setInventoryFocus();\r\n  }\r\n\r\n  onEntered = () => {\r\n    setTimeout(() => { this.handleLaterRender() }, 300)\r\n  }\r\n\r\n  onExited = () => {\r\n    // let { onHide, cancel } = this.props;\r\n    // if (onHide) {\r\n    //   onHide();\r\n    // } else {\r\n    //   cancel && cancel()\r\n    // }\r\n    this.setInventoryFocus();\r\n  }\r\n\r\n  render() {\r\n    let {\r\n      modalType,\r\n      className,\r\n      title,\r\n      footer,\r\n      cancel,\r\n      ok,\r\n      position,\r\n      closeButton,\r\n      okText,\r\n      show,\r\n      check,\r\n      header,\r\n      reqfooter,\r\n      backdropStyle = {},\r\n      onHide,\r\n      cancelable,\r\n      okable,\r\n      exclueBoard = false,\r\n      centered = true,\r\n      vertical,\r\n      ...props\r\n    } = this.props;\r\n    const { modalIndex, hasShow } = this.state;\r\n    //针对Pad移动端\r\n    centered = !this.isHorizontalPad;\r\n    //针对全选的处理。\r\n    let { isShowCheck, isChecked, checkedCount, checkBoxEvent } = check || {};\r\n    props.backdropClosable = props.backdropClosable || false;\r\n    let typeClass = map[modalType] ? map[modalType] : map['small'];\r\n    let alignClass = exclueBoard ? 'modal-centre' : '';\r\n    alignClass = this.isHorizontalPad ? '' : alignClass;\r\n    if (modalIndex > 0) {\r\n      backdropStyle = {\r\n        ...backdropStyle,\r\n        opacity: 0\r\n      };\r\n    }\r\n    return (\r\n      <Modal\r\n        className={`modal-formated ${alignClass} ${className} ${position} ${typeClass} ${verticalContainer(this.props)}`}\r\n        onHide={this.onHide}\r\n        onEntered={this.onEntered}\r\n        onExited={this.onExited}\r\n        show={hasShow}\r\n        backdropStyle={backdropStyle}\r\n        centered={!exclueBoard && centered}\r\n        draggable={false}\r\n        {...props}\r\n      >\r\n        <Modal.Header closeButton={closeButton}>\r\n          {\r\n            header ?\r\n              header\r\n              :\r\n              <Modal.Title>{title}</Modal.Title>\r\n          }\r\n        </Modal.Header>\r\n        <Modal.Body>\r\n          {this.props.children}\r\n        </Modal.Body>\r\n        {\r\n          reqfooter &&\r\n          <Modal.Footer>\r\n            {footer ? footer :\r\n              <div className='footer'>\r\n                <div className='check'>\r\n                  {isShowCheck && <Checkbox checked={isChecked} onChange={event => checkBoxEvent(0, event)}>全选({checkedCount})</Checkbox>}\r\n                </div>\r\n                <div className='btn'>\r\n                  {cancelable && <Button type=\"cancel\" onClick={() => { cancel && cancel() }}>取消</Button>}\r\n                  {okable && <Button type='success' onClick={() => { ok && ok() }}>{okText}</Button>}\r\n                </div>\r\n              </div>\r\n            }\r\n          </Modal.Footer>\r\n        }\r\n      </Modal>\r\n    )\r\n  }\r\n}"]}