tplus-components-touch 3.22.16 → 3.22.17

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

package/dist/components/modalVertical/style.less

@@ -0,0 +1,60 @@
+.vertical-modal{
+    .ant-modal{
+        width:900px!important;
+        height: 886px;
+        padding-bottom: 0;
+        max-width: unset;
+        .ant-modal-content{
+            padding-left:45px;
+            padding-right:45px;
+            height: 100%;
+            border-radius: 30px;
+            .ant-modal-header{
+                padding-top:50px!important;
+                box-sizing: border-box;
+                .ant-modal-title{
+                    height: 51px;
+                    font-size: 50px!important;
+                    color: #333333;
+                    // line-height: 50.62px;
+                }
+                i{
+                    font-size:30px;
+                }
+                height: 117px;
+                font-family: PingFangSC-Medium;
+            }
+            .ant-modal-body{
+                height: 760px;
+            }
+            .ant-modal-footer{
+                height:124px;
+                box-sizing: border-box;
+                padding: 16px!important;
+
+                .footer{
+                    display: flex;
+                    height: 100%;
+                    justify-content: space-between;
+                    align-items: center;
+                    .check{
+                        margin-left: 17px;
+                    }
+                    .btn{
+                        width:100%;
+                    }
+                }
+                button{
+                    border-radius: 32px;
+                    height: 64px;
+                    width:152px;
+                    font-size: 32px;
+                    text-align: center;
+                    line-height: 28px;
+                    margin-right: 40px;
+                }
+            }
+        }
+    }
+}
+