tplus-components-touch 3.54.1 → 3.55.1

package/dist/components/modalVertical/index.js

@@ -0,0 +1,325 @@
+'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 _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 :添加类名
+                    title  :
+                    footer:底部按钮
+                    ok:确定方法
+                    cancel:取消方法
+                    exclueBoard: boolean 去除键盘居中
+                   */
+
+
+require('antd/es/modal/style');
+
+require('antd/es/button/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);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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.onHide = function () {
+      var _this$props = _this.props,
+          onHide = _this$props.onHide,
+          cancel = _this$props.cancel;
+
+      if (onHide) {
+        onHide();
+      } else {
+        cancel && cancel();
+      }
+    };
+
+    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-- });
+      }
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          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,
+          props = (0, _objectWithoutProperties3.default)(_props, ['className', 'title', 'footer', 'cancel', 'ok', 'position', 'closeButton', 'okText', 'show', 'check', 'header', 'reqfooter', 'backdropStyle', 'onHide', 'cancelable', 'okable', 'exclueBoard', 'centered']);
+
+
+      props.maskClosable = props.backdropClosable || false;
+      props.mask = props.backdrop || false;
+      if (this.state.modalIndex > 0) {
+        backdropStyle = (0, _extends3.default)({}, backdropStyle, {
+          backgroundColor: 'rgba(0,0,0, 0)'
+        });
+      }
+      return _react2.default.createElement(
+        _modal2.default,
+        (0, _extends3.default)({ wrapClassName: 'vertical-modal ' + className,
+          onCancel: this.onHide,
+          visible: this.state.hasShow,
+          maskStyle: backdropStyle,
+          centered: !exclueBoard && centered
+        }, props, {
+          closable: closeButton,
+          title: header ? header : title,
+          footer: reqfooter ? footer ? footer : _react2.default.createElement(
+            'div',
+            { className: 'footer' },
+            _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,
+                { type: 'primary', onClick: function onClick() {
+                    ok && ok();
+                  } },
+                okText
+              )
+            )
+          ) : null
+        }),
+        this.props.children
+      );
+    }
+  }], [{
+    key: 'confirm',
+    value: function confirm(props) {
+      var title = props.title,
+          content = props.content,
+          className = props.className,
+          props = (0, _objectWithoutProperties3.default)(props, ['title', 'content', 'className']);
+
+      props.mask = props.backdrop || false;
+      _modal2.default.confirm((0, _extends3.default)({}, props, {
+        icon: null,
+        className: 'method-modal1 ' + className,
+        content: _react2.default.createElement(
+          'div',
+          { className: 'content1' },
+          _react2.default.createElement(_ticon2.default, { type: 'jingshishang', className: 'method-modal-ticon ticon-confirm' }),
+          content
+        )
+      }));
+    }
+  }, {
+    key: 'warning',
+    value: function warning(props) {
+      var title = props.title,
+          content = props.content,
+          className = props.className,
+          props = (0, _objectWithoutProperties3.default)(props, ['title', 'content', 'className']);
+
+      props.mask = props.backdrop || false;
+      _modal2.default.warning((0, _extends3.default)({}, props, {
+        icon: null,
+        className: 'method-modal1 ' + className,
+        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 title = props.title,
+          content = props.content,
+          className = props.className,
+          props = (0, _objectWithoutProperties3.default)(props, ['title', 'content', 'className']);
+
+      props.mask = props.backdrop || false;
+      _modal2.default.success((0, _extends3.default)({}, props, {
+        icon: null,
+        className: 'method-modal1 ' + className,
+        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 title = props.title,
+          content = props.content,
+          className = props.className,
+          props = (0, _objectWithoutProperties3.default)(props, ['title', 'content', 'className']);
+
+      props.mask = props.backdrop || false;
+      _modal2.default.error((0, _extends3.default)({}, props, {
+        icon: null,
+        className: 'method-modal1 ' + className,
+        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 title = props.title,
+          content = props.content,
+          className = props.className,
+          props = (0, _objectWithoutProperties3.default)(props, ['title', 'content', 'className']);
+
+      props.mask = props.backdrop || false;
+      _modal2.default.info((0, _extends3.default)({}, props, {
+        icon: null,
+        className: 'method-modal1 ' + className,
+        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 = {
+  className: _propTypes2.default.string,
+  title: _propTypes2.default.string,
+  footer: _propTypes2.default.element,
+  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
+}, _class.defaultProps = {
+  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/modalVertical/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/modalVertical/index.js"],"names":["ModalWraper","props","context","state","modalIndex","hasShow","onHide","cancel","modalCount","setState","className","title","footer","ok","position","closeButton","okText","show","check","header","reqfooter","backdropStyle","cancelable","okable","exclueBoard","centered","maskClosable","backdropClosable","mask","backdrop","backgroundColor","children","content","confirm","icon","warning","success","error","info","React","Component","propTypes","PropTypes","string","element","bool","func","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["/*\nclassName :添加类名\n title  :\n footer:底部按钮\n ok:确定方法\n cancel:取消方法\n exclueBoard: boolean 去除键盘居中\n*/\nimport Ticon from '../ticon'\nimport React from 'react';\nimport PropTypes from 'prop-types'\nimport { Button, Modal } from 'antd';\nimport './style.less'\n\nexport default class ModalWraper extends React.Component {\n  constructor(props, context) {\n    super(props, context)\n  }\n\n  static propTypes = {\n    className: PropTypes.string,\n    title: PropTypes.string,\n    footer: PropTypes.element,\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  }\n\n  static defaultProps = {\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    var {title,content,className,...props}=props;\n    props.mask = props.backdrop || false;\n    Modal.confirm({\n      ...props,\n      icon: null,\n      className:'method-modal1 '+className,\n      content:(<div className='content1'>\n        <Ticon type='jingshishang' className='method-modal-ticon ticon-confirm'/>\n        {content}\n      </div>)\n    })\n  }\n\n  static warning(props){\n    var {title,content,className,...props}=props;\n    props.mask = props.backdrop || false;\n    Modal.warning({\n      ...props,\n      icon: null,\n      className:'method-modal1 '+className,\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    var {title,content,className,...props}=props;\n    props.mask = props.backdrop || false;\n    Modal.success({\n      ...props,\n      icon: null,\n      className:'method-modal1 '+className,\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    var {title,content,className,...props}=props;\n    props.mask = props.backdrop || false;\n    Modal.error({\n      ...props,\n      icon: null,\n      className:'method-modal1 '+className,\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    var {title,content,className,...props}=props;\n    props.mask = props.backdrop || false;\n    Modal.info({\n      ...props,\n      icon: null,\n      className:'method-modal1 '+className,\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  componentWillUnmount() {\n    if (ModalWraper.modalCount > 0 && this.state.hasShow) {\n      this.setState({hasShow:false,modalIndex: (ModalWraper.modalCount--)});\n    }\n  }\n\n  onHide=()=>{\n    let {onHide,cancel}=this.props;\n    if(onHide){\n      onHide();\n    }else{\n      cancel && cancel()\n    }\n  }\n\n  render() {\n    let {\n      className,\n      title,\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      ...props\n    } = this.props;\n\n    props.maskClosable = props.backdropClosable || false;\n    props.mask = props.backdrop || false;\n    if (this.state.modalIndex > 0) {\n      backdropStyle = {\n        ...backdropStyle,\n        backgroundColor: 'rgba(0,0,0, 0)'\n      };\n    }\n    return (\n      <Modal wrapClassName={`vertical-modal ${className}`}\n        onCancel={this.onHide}\n        visible={this.state.hasShow}\n        maskStyle={backdropStyle}\n        centered={!exclueBoard&&centered}\n        {...props}\n        closable={closeButton}\n        title={header ? header : title}\n        footer={reqfooter ? footer ? footer :\n           <div className='footer'>\n             <div className='btn'>\n               {cancelable && <Button onClick={() => { cancel && cancel() }}>取消</Button>}\n               {okable && <Button type='primary' onClick={() => { ok && ok() }}>{okText}</Button>}\n             </div>\n           </div>\n         : null}\n      >\n        {this.props.children}\n      </Modal>\n    )\n  }\n}\n"]}