tplus-components-touch 3.28.2 → 3.28.3

package/dist/components/keyboard/onlyNumberButton.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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; /**
+                    * 结算使用的键盘
+                    */
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var OnlyNumberButton = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(OnlyNumberButton, _Component);
+
+  function OnlyNumberButton(props) {
+    (0, _classCallCheck3.default)(this, OnlyNumberButton);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (OnlyNumberButton.__proto__ || (0, _getPrototypeOf2.default)(OnlyNumberButton)).call(this, props));
+
+    _this.numClick = function (key) {
+      _this.props.onChange(key);
+    };
+
+    return _this;
+  }
+
+  (0, _createClass3.default)(OnlyNumberButton, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var nums = {
+        '1': '1',
+        '2': '2',
+        '3': '3',
+        'delete': '<--',
+        '4': '4',
+        '5': '5',
+        '6': '6',
+        '-': '-',
+        '7': '7',
+        '8': '8',
+        '9': '9',
+        'clear': '清<br />空'
+      };
+      var nums2 = {
+        '0': '0',
+        '00': '00',
+        '.': '.'
+      };
+      var numsIndex = ['1', '2', '3', 'delete', '4', '5', '6', '-', '7', '8', '9', 'clear'];
+      var numsIndex2 = ['0', '00', '.'];
+      var numsKey = numsIndex.map(function (index) {
+        if (index === 'clear') {
+          return _react2.default.createElement('div', { className: 'key', dangerouslySetInnerHTML: { __html: index === 'clear' ? nums[index] : '' }, style: { fontSize: '18px', 'height': '126px' }, key: index, onClick: _this2.numClick.bind(_this2, index) });
+        }
+        if (index === 'delete') {
+          return _react2.default.createElement(
+            'div',
+            { className: 'key', key: index, onClick: _this2.numClick.bind(_this2, 'delete') },
+            _react2.default.createElement(_index.Ticon, { type: 'tuige' })
+          );
+        }
+        return _react2.default.createElement(
+          'div',
+          { className: 'key', key: index, onClick: _this2.numClick.bind(_this2, index) },
+          nums[index]
+        );
+      });
+      var numsKey2 = numsIndex2.map(function (index) {
+        return _react2.default.createElement(
+          'div',
+          { className: 'key', key: index, onClick: _this2.numClick.bind(_this2, index) },
+          nums2[index]
+        );
+      });
+      return _react2.default.createElement(
+        'div',
+        { className: 'only-number-button-content', onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+          } },
+        numsKey,
+        _react2.default.createElement(
+          'div',
+          { className: 'only-number-button-content-inner' },
+          numsKey2
+        )
+      );
+    }
+  }]);
+  return OnlyNumberButton;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func.isRequired
+}, _temp);
+exports.default = OnlyNumberButton;
+//# sourceMappingURL=onlyNumberButton.js.map

package/dist/components/keyboard/onlyNumberButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/onlyNumberButton.js"],"names":["OnlyNumberButton","props","numClick","key","onChange","nums","nums2","numsIndex","numsIndex2","numsKey","map","index","__html","fontSize","bind","numsKey2","e","preventDefault","Component","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;AAIA;;;;AACA;;AACA;;;;;;IAEqBA,gB;;;AAMnB,4BAAYC,KAAZ,EAAmB;AAAA;;AAAA,0JACXA,KADW;;AAAA,UAInBC,QAJmB,GAIR,UAACC,GAAD,EAAS;AAClB,YAAKF,KAAL,CAAWG,QAAX,CAAoBD,GAApB;AACD,KANkB;;AAAA;AAElB;;;;6BAMQ;AAAA;;AACP,UAAIE,OAAO;AACT,aAAK,GADI;AAET,aAAK,GAFI;AAGT,aAAK,GAHI;AAIT,kBAAU,KAJD;AAKT,aAAK,GALI;AAMT,aAAK,GANI;AAOT,aAAK,GAPI;AAQT,aAAK,GARI;AAST,aAAK,GATI;AAUT,aAAK,GAVI;AAWT,aAAK,GAXI;AAYT,iBAAS;AAZA,OAAX;AAcA,UAAIC,QAAQ;AACV,aAAK,GADK;AAEV,cAAM,IAFI;AAGV,aAAK;AAHK,OAAZ;AAKA,UAAIC,YAAY,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,QAAhB,EAA0B,GAA1B,EAA+B,GAA/B,EAAoC,GAApC,EAAyC,GAAzC,EAA8C,GAA9C,EAAmD,GAAnD,EAAwD,GAAxD,EAA6D,OAA7D,CAAhB;AACA,UAAIC,aAAa,CAAC,GAAD,EAAM,IAAN,EAAY,GAAZ,CAAjB;AACA,UAAIC,UAAUF,UAAUG,GAAV,CAAe,iBAAS;AACpC,YAAIC,UAAU,OAAd,EAAuB;AACrB,iBAAO,uCAAK,WAAU,KAAf,EAAqB,yBAAyB,EAACC,QAAQD,UAAU,OAAV,GAAoBN,KAAKM,KAAL,CAApB,GAAkC,EAA3C,EAA9C,EAA8F,OAAO,EAACE,UAAU,MAAX,EAAmB,UAAU,OAA7B,EAArG,EAA4I,KAAKF,KAAjJ,EAAwJ,SAAS,OAAKT,QAAL,CAAcY,IAAd,CAAmB,MAAnB,EAAyBH,KAAzB,CAAjK,GAAP;AACD;AACD,YAAIA,UAAU,QAAd,EAAwB;AACtB,iBAAO;AAAA;AAAA,cAAK,WAAU,KAAf,EAAqB,KAAKA,KAA1B,EAAiC,SAAS,OAAKT,QAAL,CAAcY,IAAd,CAAmB,MAAnB,EAAyB,QAAzB,CAA1C;AAA8E,0CAAC,YAAD,IAAO,MAAK,OAAZ;AAA9E,WAAP;AACD;AACD,eAAO;AAAA;AAAA,YAAK,WAAU,KAAf,EAAqB,KAAKH,KAA1B,EAAiC,SAAS,OAAKT,QAAL,CAAcY,IAAd,CAAmB,MAAnB,EAAyBH,KAAzB,CAA1C;AAA4EN,eAAKM,KAAL;AAA5E,SAAP;AACD,OARa,CAAd;AASA,UAAII,WAAWP,WAAWE,GAAX,CAAe,iBAAS;AACrC,eAAO;AAAA;AAAA,YAAK,WAAU,KAAf,EAAqB,KAAKC,KAA1B,EAAiC,SAAS,OAAKT,QAAL,CAAcY,IAAd,CAAmB,MAAnB,EAAyBH,KAAzB,CAA1C;AAA4EL,gBAAMK,KAAN;AAA5E,SAAP;AACD,OAFc,CAAf;AAGA,aACE;AAAA;AAAA,UAAK,WAAU,4BAAf,EAA4C,aAAa;AAAA,mBAAKK,EAAEC,cAAF,EAAL;AAAA,WAAzD;AACKR,eADL;AAEI;AAAA;AAAA,YAAK,WAAU,kCAAf;AACGM;AADH;AAFJ,OADF;AAQD;;;EAxD2CG,gB,UAErCC,S,GAAY;AACjBf,YAAUgB,oBAAUC,IAAV,CAAeC;AADR,C;kBAFAtB,gB","file":"onlyNumberButton.js","sourcesContent":["/**\n * 结算使用的键盘\n */\n\nimport React, { Component } from 'react';\nimport { Ticon } from '../../index';\nimport PropTypes from 'prop-types'\n\nexport default class OnlyNumberButton extends Component {\n\n  static propTypes = {\n    onChange: PropTypes.func.isRequired\n  }\n\n  constructor(props) {\n    super(props);\n  }\n\n  numClick = (key) => {\n    this.props.onChange(key);\n  }\n  \n  render() {\n    let nums = {\n      '1': '1',\n      '2': '2',\n      '3': '3',\n      'delete': '<--',\n      '4': '4',\n      '5': '5',\n      '6': '6',\n      '-': '-',\n      '7': '7',\n      '8': '8',\n      '9': '9',\n      'clear': '清<br />空'\n    }\n    let nums2 = {\n      '0': '0',\n      '00': '00',\n      '.': '.'\n    }\n    let numsIndex = ['1', '2', '3', 'delete', '4', '5', '6', '-', '7', '8', '9', 'clear']\n    let numsIndex2 = ['0', '00', '.']\n    let numsKey = numsIndex.map( index => {\n      if (index === 'clear') {\n        return <div className='key' dangerouslySetInnerHTML={{__html: index === 'clear' ? nums[index] : ''}} style={{fontSize: '18px', 'height': '126px'}} key={index} onClick={this.numClick.bind(this, index)}></div>\n      }\n      if (index === 'delete') {\n        return <div className='key' key={index} onClick={this.numClick.bind(this, 'delete')}><Ticon type='tuige' /></div>\n      }\n      return <div className='key' key={index} onClick={this.numClick.bind(this, index)}>{nums[index]}</div>\n    })\n    let numsKey2 = numsIndex2.map(index => {\n      return <div className='key' key={index} onClick={this.numClick.bind(this, index)}>{nums2[index]}</div>\n    })\n    return (\n      <div className='only-number-button-content' onMouseDown={e => e.preventDefault()}>\n          {numsKey}\n          <div className='only-number-button-content-inner'>\n            {numsKey2}\n          </div>\n      </div>\n    )\n  }\n}"]}

package/dist/components/keyboard/onlyNumberButton2.js

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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; /**
+                    * 弹出框使用的小键盘
+                    * positive='positive' 没有负号，不传，就有负号
+                    */
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var OnlyNumberButton2 = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(OnlyNumberButton2, _Component);
+
+  function OnlyNumberButton2(props) {
+    (0, _classCallCheck3.default)(this, OnlyNumberButton2);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (OnlyNumberButton2.__proto__ || (0, _getPrototypeOf2.default)(OnlyNumberButton2)).call(this, props));
+
+    _this.numClick = function (key) {
+      _this.props.onChange(key);
+    };
+
+    return _this;
+  }
+
+  (0, _createClass3.default)(OnlyNumberButton2, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];
+      var numsKey = nums.map(function (item) {
+        return _react2.default.createElement(
+          'div',
+          { className: 'num key ' + (item == '.' ? 'number-point' : ''), key: item, onClick: _this2.numClick.bind(_this2, item) },
+          item
+        );
+      });
+      return _react2.default.createElement(
+        'div',
+        { className: 'clearfix text-keyboard', onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+          } },
+        _react2.default.createElement(
+          'div',
+          { className: 'nums clearfix' },
+          numsKey
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'dels clearfix' },
+          _react2.default.createElement(
+            'div',
+            { className: 'del key', onClick: this.numClick.bind(this, 'delete') },
+            _react2.default.createElement(_index.Ticon, { type: 'tuige' })
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'del key', onClick: this.numClick.bind(this, 'clear') },
+            '\u6E05\u7A7A'
+          ),
+          this.props.positive == 'positive' ? null : _react2.default.createElement(
+            'div',
+            { className: 'del key', onClick: this.numClick.bind(this, '-') },
+            '\u2014'
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'del key sure ' + (this.props.positive ? '' : 'sure-no-positive'), onClick: this.numClick.bind(this, 'sure') },
+            '\u786E\u5B9A'
+          )
+        )
+      );
+    }
+  }]);
+  return OnlyNumberButton2;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func.isRequired
+}, _temp);
+exports.default = OnlyNumberButton2;
+//# sourceMappingURL=onlyNumberButton2.js.map

package/dist/components/keyboard/onlyNumberButton2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/onlyNumberButton2.js"],"names":["OnlyNumberButton2","props","numClick","key","onChange","nums","numsKey","map","item","bind","e","preventDefault","positive","Component","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;AAKA;;;;AACA;;AACA;;;;;;IAEqBA,iB;;;AAMnB,6BAAYC,KAAZ,EAAmB;AAAA;;AAAA,4JACXA,KADW;;AAAA,UAInBC,QAJmB,GAIR,UAACC,GAAD,EAAS;AAClB,YAAKF,KAAL,CAAWG,QAAX,CAAoBD,GAApB;AACD,KANkB;;AAAA;AAElB;;;;6BAMQ;AAAA;;AACP,UAAIE,OAAO,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB,EAA0B,GAA1B,EAA+B,GAA/B,EAAoC,GAApC,EAAyC,GAAzC,EAA8C,GAA9C,EAAmD,IAAnD,EAAyD,GAAzD,CAAX;AACA,UAAIC,UAAUD,KAAKE,GAAL,CAAS,UAACC,IAAD;AAAA,eAAU;AAAA;AAAA,YAAK,yBAAsBA,QAAQ,GAAR,GAAc,cAAd,GAA+B,EAArD,CAAL,EAAgE,KAAKA,IAArE,EAA2E,SAAS,OAAKN,QAAL,CAAcO,IAAd,CAAmB,MAAnB,EAAyBD,IAAzB,CAApF;AAAqHA;AAArH,SAAV;AAAA,OAAT,CAAd;AACA,aACE;AAAA;AAAA,UAAK,WAAU,wBAAf,EAAwC,aAAa;AAAA,mBAAKE,EAAEC,cAAF,EAAL;AAAA,WAArD;AACE;AAAA;AAAA,YAAK,WAAU,eAAf;AACGL;AADH,SADF;AAIE;AAAA;AAAA,YAAK,WAAU,eAAf;AACE;AAAA;AAAA,cAAK,WAAU,SAAf,EAAyB,SAAS,KAAKJ,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,QAAzB,CAAlC;AACE,0CAAC,YAAD,IAAO,MAAK,OAAZ;AADF,WADF;AAOI;AAAA;AAAA,cAAK,oBAAL,EAA2B,SAAS,KAAKP,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,OAAzB,CAApC;AAAA;AAAA,WAPJ;AASI,eAAKR,KAAL,CAAWW,QAAX,IAAuB,UAAvB,GACE,IADF,GAGE;AAAA;AAAA,cAAK,WAAU,SAAf,EAAyB,SAAS,KAAKV,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,GAAzB,CAAlC;AAAA;AAAA,WAZN;AAeI;AAAA;AAAA,cAAK,8BAA2B,KAAKR,KAAL,CAAWW,QAAX,GAAqB,EAArB,GAA0B,kBAArD,CAAL,EAAgF,SAAS,KAAKV,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,MAAzB,CAAzF;AAAA;AAAA;AAfJ;AAJF,OADF;AAwBD;;;EAzC4CI,gB,UAEtCC,S,GAAY;AACjBV,YAAUW,oBAAUC,IAAV,CAAeC;AADR,C;kBAFAjB,iB","file":"onlyNumberButton2.js","sourcesContent":["/**\n * 弹出框使用的小键盘\n * positive='positive' 没有负号，不传，就有负号\n */\n\nimport React, { Component } from 'react';\nimport { Ticon } from '../../index';\nimport PropTypes from 'prop-types'\n\nexport default class OnlyNumberButton2 extends Component {\n\n  static propTypes = {\n    onChange: PropTypes.func.isRequired\n  }\n\n  constructor(props) {\n    super(props);\n  }\n\n  numClick = (key) => {\n    this.props.onChange(key);\n  }\n\n  render() {\n    let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\n    let numsKey = nums.map((item) => <div className={`num key ${item == '.' ? 'number-point' : ''}`} key={item} onClick={this.numClick.bind(this, item)}>{item}</div>)\n    return (\n      <div className='clearfix text-keyboard' onMouseDown={e => e.preventDefault()}>\n        <div className='nums clearfix'>\n          {numsKey}\n        </div>\n        <div className='dels clearfix'>\n          <div className='del key' onClick={this.numClick.bind(this, 'delete')}>\n            <Ticon type='tuige' />\n          </div>\n          {/* <div className='del key' onClick={this.numClick.bind(this, 'clear')}>清空</div> */}\n          {/* <div className='del key' onClick={this.numClick.bind(this, '100')}>100</div> */}\n        \n            <div className={`del key`} onClick={this.numClick.bind(this, 'clear')}>清空</div>\n          {\n            this.props.positive == 'positive' ?\n              null\n              :\n              <div className='del key' onClick={this.numClick.bind(this, '-')}>—</div>\n          }\n       \n            <div className={`del key sure ${this.props.positive? '' : 'sure-no-positive'}`} onClick={this.numClick.bind(this, 'sure')}>确定</div>            \n        </div>\n      </div>\n    )\n  }\n}"]}

package/dist/components/keyboard/textKeyboard.js

@@ -0,0 +1,50 @@
+// import React, { Component } from 'react';
+// import { Keyboard } from '../../index';
+
+// export default class NumKeyboard extends Component {
+//   constructor() {
+//     super();
+//     this.state = {
+//       visible: false,
+//       value: ''
+//     }
+//   }
+
+//   showModal = () => {
+//     this.setState({
+//       visible: true,
+//       value: this.props.value + ''
+//     });
+//   }
+
+//   handleOk = (value) => {
+//     this.props.handleOk && this.props.handleOk(value);
+//     this.setState({
+//       visible: false,
+//     });
+//   }
+
+//   handleCancel = (value) => {
+//     this.props.handleCancel && this.props.handleCancel(value)
+//     this.setState({
+//       visible: false,
+//     });
+//   }
+
+//   render() {
+//     return (
+//       <div className='keyboard'>
+//         <div onClick={this.showModal} className='keyboard-input keyboard-text'>{this.props.value}</div>
+//         <Keyboard 
+//           type='number+modal' 
+//           title={this.props.title || 'title'} 
+//           visible={this.state.visible} 
+//           value={this.state.value} 
+//           handleOk={this.handleOk} 
+//           handleCancel={this.handleCancel} />
+//       </div>
+//     )
+//   }
+// }
+"use strict";
+//# sourceMappingURL=textKeyboard.js.map

package/dist/components/keyboard/textKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/textKeyboard.js"],"names":[],"mappings":"AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"textKeyboard.js","sourcesContent":["// import React, { Component } from 'react';\n// import { Keyboard } from '../../index';\n\n// export default class NumKeyboard extends Component {\n//   constructor() {\n//     super();\n//     this.state = {\n//       visible: false,\n//       value: ''\n//     }\n//   }\n\n//   showModal = () => {\n//     this.setState({\n//       visible: true,\n//       value: this.props.value + ''\n//     });\n//   }\n\n//   handleOk = (value) => {\n//     this.props.handleOk && this.props.handleOk(value);\n//     this.setState({\n//       visible: false,\n//     });\n//   }\n\n//   handleCancel = (value) => {\n//     this.props.handleCancel && this.props.handleCancel(value)\n//     this.setState({\n//       visible: false,\n//     });\n//   }\n\n//   render() {\n//     return (\n//       <div className='keyboard'>\n//         <div onClick={this.showModal} className='keyboard-input keyboard-text'>{this.props.value}</div>\n//         <Keyboard \n//           type='number+modal' \n//           title={this.props.title || 'title'} \n//           visible={this.state.visible} \n//           value={this.state.value} \n//           handleOk={this.handleOk} \n//           handleCancel={this.handleCancel} />\n//       </div>\n//     )\n//   }\n// }"]}

package/dist/components/layout/hamburger.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Hamburger;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Hamburger(props) {
+  var close = props.close,
+      _props$toggleAnimate = props.toggleAnimate,
+      toggleAnimate = _props$toggleAnimate === undefined ? true : _props$toggleAnimate;
+
+  return _react2.default.createElement(
+    'div',
+    { className: '_hamburger_ ' + (!close && toggleAnimate ? '_hamburger-active' : '') },
+    _react2.default.createElement('span', { className: '_hamburger_-line' }),
+    _react2.default.createElement('span', { className: '_hamburger_-line' }),
+    _react2.default.createElement('span', { className: '_hamburger_-line' })
+  );
+}
+//# sourceMappingURL=hamburger.js.map

package/dist/components/layout/hamburger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/layout/hamburger.js"],"names":["Hamburger","props","close","toggleAnimate"],"mappings":";;;;;kBAGwBA,S;;AAHxB;;;;AACA;;;;AAEe,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAAA,MAChCC,KADgC,GACDD,KADC,CAChCC,KADgC;AAAA,6BACDD,KADC,CACzBE,aADyB;AAAA,MACzBA,aADyB,wCACT,IADS;;AAEvC,SAAQ;AAAA;AAAA,MAAK,6BAA2B,CAACD,KAAD,IAAUC,aAAX,GAA4B,mBAA5B,GAAkD,EAA5E,CAAL;AACN,4CAAM,WAAU,kBAAhB,GADM;AAEN,4CAAM,WAAU,kBAAhB,GAFM;AAGN,4CAAM,WAAU,kBAAhB;AAHM,GAAR;AAKD","file":"hamburger.js","sourcesContent":["import React from 'react';\nimport './style.less';\n\nexport default function Hamburger(props) {\n  const {close, toggleAnimate = true} = props;\n  return (<div className={`_hamburger_ ${(!close && toggleAnimate) ? '_hamburger-active' : ''}`} >\n    <span className=\"_hamburger_-line\" />\n    <span className=\"_hamburger_-line\" />\n    <span className=\"_hamburger_-line\" />\n  </div>);\n}\n"]}

package/dist/components/layout/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _layout = require('./layout');
+
+var _layout2 = _interopRequireDefault(_layout);
+
+var _sider = require('./sider');
+
+var _sider2 = _interopRequireDefault(_sider);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * Created by hzy on 2019/4/3.
+ */
+/**
+ * @Layout 布局组件，以下用法类似antd
+ * Layout props:  directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向
+ *
+ * @Sider 侧边栏组件
+ * @Header header
+ * @Footer  footer
+ * @Content  content
+ */
+_layout2.default.Sider = _sider2.default;
+exports.default = _layout2.default;
+//# sourceMappingURL=index.js.map

package/dist/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/layout/index.js"],"names":["Layout","Sider"],"mappings":";;;;;;AAYA;;;;AACA;;;;;;AAbA;;;AAGA;;;;;;;;;AAYAA,iBAAOC,KAAP,GAAeA,eAAf;kBACeD,gB","file":"index.js","sourcesContent":["/**\n * Created by hzy on 2019/4/3.\n */\n/**\n * @Layout 布局组件，以下用法类似antd\n * Layout props:  directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向\n *\n * @Sider 侧边栏组件\n * @Header header\n * @Footer  footer\n * @Content  content\n */\nimport Layout from './layout';\nimport Sider from './sider';\n\nLayout.Sider = Sider;\nexport default Layout;\n"]}

package/dist/components/layout/layout.js

@@ -0,0 +1,182 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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 _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _class, _temp2;
+
+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 }; }
+
+function generatorClass(className) {
+  var addClassName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+
+  if (typeof addClassName === 'string') {
+    return [className, addClassName].join(' ').trim();
+  }
+  return [className].concat((0, _toConsumableArray3.default)(addClassName)).join(' ').trim();
+}
+
+var Layout = (_temp2 = _class = function (_Component) {
+  (0, _inherits3.default)(Layout, _Component);
+
+  function Layout() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, Layout);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Layout.__proto__ || (0, _getPrototypeOf2.default)(Layout)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+      siders: []
+    }, _this.directionChange = function (direction) {
+      var directionChange = _this.props.directionChange;
+
+      directionChange && directionChange(direction);
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(Layout, [{
+    key: 'getChildContext',
+    value: function getChildContext() {
+      var _this2 = this;
+
+      return {
+        siderHook: {
+          addSider: function addSider(id) {
+            _this2.setState(function (state) {
+              return {
+                siders: [].concat((0, _toConsumableArray3.default)(state.siders), [id])
+              };
+            }, function () {
+              return _this2.directionChange('row');
+            });
+          },
+          removeSider: function removeSider(id) {
+            _this2.setState(function (state) {
+              return {
+                siders: state.siders.filter(function (currentId) {
+                  return currentId !== id;
+                })
+              };
+            }, function () {
+              return _this2.directionChange('column');
+            });
+          }
+        }
+      };
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          style = _props.style,
+          className = _props.className,
+          children = _props.children,
+          hasSider = _props.hasSider;
+
+      var isHasSider = typeof hasSider === 'boolean' ? hasSider : !!this.state.siders.length;
+      var classes = generatorClass('tplus-layout', ['' + (isHasSider ? 'tplus-layout-has-sider' : ''), className]);
+      return _react2.default.createElement(
+        'section',
+        { className: classes, style: style },
+        children
+      );
+    }
+  }]);
+  return Layout;
+}(_react.Component), _class.childContextTypes = {
+  siderHook: _propTypes2.default.object
+}, _class.propTypes = {
+  directionChange: _propTypes2.default.func,
+  style: _propTypes2.default.object,
+  className: _propTypes2.default.string
+}, _temp2);
+exports.default = Layout;
+
+
+function Content(props) {
+  var _props$style = props.style,
+      style = _props$style === undefined ? {} : _props$style,
+      className = props.className,
+      children = props.children;
+
+  var classes = generatorClass('tplus-layout-content', className);
+  return _react2.default.createElement(
+    'main',
+    { className: classes, style: style },
+    children
+  );
+}
+
+function Header(props) {
+  var _props$style2 = props.style,
+      style = _props$style2 === undefined ? {} : _props$style2,
+      className = props.className,
+      children = props.children;
+
+  var classes = generatorClass('tplus-layout-header', className);
+  return _react2.default.createElement(
+    'header',
+    { className: classes, style: style },
+    children
+  );
+}
+
+function Footer(props) {
+  var _props$style3 = props.style,
+      style = _props$style3 === undefined ? {} : _props$style3,
+      className = props.className,
+      children = props.children;
+
+  var classes = generatorClass('tplus-layout-footer', className);
+  return _react2.default.createElement(
+    'footer',
+    { className: classes, style: style },
+    children
+  );
+}
+
+Layout.Header = Header;
+Layout.Footer = Footer;
+Layout.Content = Content;
+//# sourceMappingURL=layout.js.map

package/dist/components/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/layout/layout.js"],"names":["generatorClass","className","addClassName","join","trim","Layout","state","siders","directionChange","direction","props","siderHook","addSider","id","setState","removeSider","filter","currentId","style","children","hasSider","isHasSider","length","classes","Component","childContextTypes","PropTypes","object","propTypes","func","string","Content","Header","Footer"],"mappings":"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","file":"layout.js","sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types'\nimport './style.less';\n\nfunction generatorClass(className, addClassName = '') {\n  if (typeof addClassName === 'string') {\n    return [className, addClassName].join(' ').trim();\n  }\n  return [className, ...addClassName].join(' ').trim();\n}\n\nexport default class Layout extends Component {\n  static childContextTypes = {\n    siderHook: PropTypes.object\n  }\n  static propTypes = {\n    directionChange: PropTypes.func,\n    style: PropTypes.object,\n    className: PropTypes.string,\n  };\n  getChildContext() {\n    return {\n      siderHook: {\n        addSider: (id) => {\n          this.setState(state => ({\n            siders: [...state.siders, id],\n          }), () => this.directionChange('row'));\n        },\n        removeSider: (id) => {\n          this.setState(state => ({\n            siders: state.siders.filter(currentId => currentId !== id),\n          }), () => this.directionChange('column'));\n        }\n      }\n    };\n  }\n  state = {\n    siders: []\n  }\n  directionChange = (direction) => {\n    const {directionChange} = this.props;\n    directionChange && directionChange(direction);\n  }\n  render() {\n    const {style, className, children, hasSider} = this.props;\n    const isHasSider = typeof hasSider === 'boolean' ? hasSider : !!this.state.siders.length;\n    const classes = generatorClass('tplus-layout', [`${isHasSider ? 'tplus-layout-has-sider' : ''}`, className]);\n    return (<section className={classes} style={style}>{children}</section>);\n  }\n}\n\nfunction Content(props) {\n  const {style = {}, className, children} = props;\n  const classes = generatorClass('tplus-layout-content', className);\n  return (<main className={classes} style={style}>{children}</main>);\n}\n\nfunction Header(props) {\n  const {style = {}, className, children} = props;\n  const classes = generatorClass('tplus-layout-header', className);\n  return (<header className={classes} style={style}>{children}</header>);\n}\n\nfunction Footer(props) {\n  const {style = {}, className, children} = props;\n  const classes = generatorClass('tplus-layout-footer', className);\n  return (<footer className={classes} style={style}>{children}</footer>);\n}\n\nLayout.Header = Header;\nLayout.Footer = Footer;\nLayout.Content = Content;\n"]}