tplus-components-touch 1.26.3 → 1.27.1

package/dist/components/modalVertical/index.js

@@ -1,338 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,114 +0,0 @@
-.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;
-                }
-            }
-        }
-    }
-}
-