tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/modalVertical/index.js

@@ -0,0 +1,338 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _Modal15 = require('tinper-bee/dist/Modal');
+
+var _Modal16 = _interopRequireDefault(_Modal15);
+
+var _Button3 = require('tinper-bee/dist/Button');
+
+var _Button4 = _interopRequireDefault(_Button3);
+
+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('tinper-bee/dist/Modal/index.css');
+
+require('tinper-bee/dist/Button/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);
+
+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.backdropClosable = props.backdropClosable || false;
+      if (this.state.modalIndex > 0) {
+        backdropStyle = (0, _extends3.default)({}, backdropStyle, {
+          opacity: 0
+        });
+      }
+      return _react2.default.createElement(
+        _Modal16.default,
+        (0, _extends3.default)({ className: 'vertical-modal ' + className,
+          onHide: this.onHide,
+          show: this.state.hasShow,
+          backdropStyle: backdropStyle,
+          centered: !exclueBoard && centered
+        }, 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: 'btn' },
+              cancelable && _react2.default.createElement(
+                _Button4.default,
+                { type: 'cancel', onClick: function onClick() {
+                    cancel && cancel();
+                  } },
+                '\u53D6\u6D88'
+              ),
+              okable && _react2.default.createElement(
+                _Button4.default,
+                { type: 'success', onClick: function onClick() {
+                    ok && ok();
+                  } },
+                okText
+              )
+            )
+          )
+        )
+      );
+    }
+  }], [{
+    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.backdrop = props.backdrop || false;
+      _Modal16.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.backdrop = props.backdrop || false;
+      _Modal16.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.backdrop = props.backdrop || false;
+      _Modal16.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.backdrop = props.backdrop || false;
+      _Modal16.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.backdrop = props.backdrop || false;
+      _Modal16.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.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/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","backdropClosable","opacity","children","content","backdrop","confirm","icon","warning","success","error","info","React","Component","propTypes","PropTypes","string","element","bool","func","defaultProps","Header","Title","Body","Footer"],"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 {\r\n  Modal,\r\n  Button,\r\n} from 'tinper-bee'\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 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    var {title,content,className,...props}=props;\r\n    props.backdrop = 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.backdrop = 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.backdrop = 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.backdrop = 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.backdrop = 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.backdropClosable = props.backdropClosable || false;\r\n    if (this.state.modalIndex > 0) {\r\n      backdropStyle = {\r\n        ...backdropStyle,\r\n        opacity: 0\r\n      };\r\n    }\r\n    return (\r\n      <Modal className={`vertical-modal ${className}`} \r\n        onHide={this.onHide} \r\n        show={this.state.hasShow} \r\n        backdropStyle={backdropStyle}\r\n        centered={!exclueBoard&&centered}\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='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}\r\n"]}

package/dist/components/modalVertical/style.less

@@ -0,0 +1,114 @@
+.vertical-modal{
+    .u-modal-dialog{
+        width:900px!important;
+        height: 886px;
+        .u-modal-header{
+            h4{
+                line-height: 55px;
+            }
+            button{
+                line-height: 50px;
+            }
+        }
+        .u-modal-content{
+            padding-left:45px;
+            padding-right:45px;
+            height: 100%;
+            background: #f8f8f8;
+            // background: rgba(0,0,0,0.60);
+            border-radius: 30px;
+            .u-modal-header{
+                padding-top:50px!important;
+                box-sizing: border-box;
+                .u-modal-title{
+                    height: 51px;
+                    font-size: 50px!important;
+                    color: #333333;
+                    // line-height: 50.62px;
+                }
+                i{
+                    font-size:30px;
+                }
+                height: 117px;
+                font-family: PingFangSC-Medium;
+                background:#f8f8f8!important;
+            }
+            .u-modal-body{
+                height: 760px;
+                background:#f8f8f8!important;
+            }
+            .u-modal-footer{
+                height:124px;
+                box-sizing: border-box;
+                padding: 7px 16px!important;
+                border-top: 1px solid #E6E6EB!important;
+        
+                .footer{
+                    display: flex;
+                    height: 100%;
+                    justify-content: space-between;
+                    align-items: center;
+                    .check{
+                        margin-left: 17px;
+                        .u-checkbox-label {
+                            font-size: 14px;
+                            color    : #333333;
+                        }
+                    }
+                    .u-checkbox.is-checked .u-checkbox-label:before {
+                        background  : #32ABF9;
+                        border-color: #32ABF9;
+                        box-shadow  :0 0 0 10px #FFF;
+                    }
+        
+                    .u-checkbox.is-checked .u-checkbox-label:after {
+                        color: #FFF;
+                    }
+        
+                    .u-checkbox input[type=checkbox]:focus+.u-checkbox-label:before {
+                        border-color: #D2D2D7;
+                    }
+                    .u-checkbox .u-checkbox-label:before{
+                        border-color: #D2D2D7;
+                    }
+                    .u-checkbox .u-checkbox-label:after,
+                    .u-checkbox .u-checkbox-label:before {
+                      width : 16px;
+                      height: 16px;
+                    }
+                    .btn{
+                        width:100%;
+                    }
+                }
+                button{
+                    background: #FF8C26;
+                    border-radius: 32px;
+                    height: 64px;
+                    width:152px;
+                    font-size: 32px;
+                    color: #333333;
+                    text-align: center;
+                    line-height: 28px;
+                    margin-right: 40px;
+                }
+                button[type='success']{
+                    color:#fff!important;
+                    // background: var(--modal-btn);
+                    background: #FF8C26!important;
+                    border:none!important;
+                    margin-right: 0px!important;
+                }
+                button[type='cancel']{
+                    color: #2D2D2D!important;
+                    background: #FFF!important;
+                    border: 1px solid #D2D2D7!important;
+                }
+                .u-button:hover {//去掉划过颜色
+                    background-color: static!important;
+                    border-color: static!important;
+                }
+            }
+        }
+    }
+}
+