tplus-components-touch 3.54.1 → 3.54.4

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"]}

package/dist/components/layout/sider.js

@@ -0,0 +1,167 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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; /**
+                    * Created by hzy on 2019/4/17.
+                    */
+/**
+ * @className sider class名
+ * @style style
+ * @collapsible 是否可收起
+ * @collapsed 是否折叠状态
+ * @onCollapse 监听折叠事件
+ * @trigger trigger Node
+ * @triggerStyle 默认trigger Node 样式
+ * @width  折叠展开宽度
+ * @collapsedWidth  折叠关闭时的宽度
+ */
+
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _hamburger = require('./hamburger');
+
+var _hamburger2 = _interopRequireDefault(_hamburger);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Sider = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(Sider, _Component);
+
+  function Sider(props) {
+    (0, _classCallCheck3.default)(this, Sider);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (Sider.__proto__ || (0, _getPrototypeOf2.default)(Sider)).call(this, props));
+
+    _this.toggleSider = function () {
+      var siderState = _this.state.siderState;
+      var onCollapse = _this.props.onCollapse;
+
+      _this.setState({ siderState: !siderState });
+      onCollapse && onCollapse(!siderState);
+    };
+
+    _this.state = {
+      id: Date.now(),
+      siderState: _this.props.collapsed
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(Sider, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var _context$siderHook = this.context.siderHook;
+      _context$siderHook = _context$siderHook === undefined ? {} : _context$siderHook;
+      var addSider = _context$siderHook.addSider;
+
+      addSider(this.state.id);
+    }
+  }, {
+    key: 'componentWillMount',
+    value: function componentWillMount() {
+      var _context$siderHook2 = this.context.siderHook;
+      _context$siderHook2 = _context$siderHook2 === undefined ? {} : _context$siderHook2;
+      var removeSider = _context$siderHook2.removeSider;
+
+      removeSider(this.state.id);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          className = _props.className,
+          _props$collapsedWidth = _props.collapsedWidth,
+          collapsedWidth = _props$collapsedWidth === undefined ? 100 : _props$collapsedWidth,
+          _props$width = _props.width,
+          width = _props$width === undefined ? 200 : _props$width,
+          noWith = _props.noWith,
+          collapsed = _props.collapsed,
+          onCollapse = _props.onCollapse,
+          collapsible = _props.collapsible,
+          trigger = _props.trigger,
+          _props$style = _props.style,
+          style = _props$style === undefined ? {} : _props$style,
+          children = _props.children,
+          _props$triggerStyle = _props.triggerStyle,
+          triggerStyle = _props$triggerStyle === undefined ? {} : _props$triggerStyle,
+          toggleAnimate = _props.toggleAnimate;
+      var siderState = this.state.siderState;
+
+      var asideWidth = (siderState ? collapsedWidth : width) + 'px';
+      var triggerNode = trigger || _react2.default.createElement(_hamburger2.default, { close: siderState, toggleAnimate: toggleAnimate, style: triggerStyle });
+      var lineStyle = !noWith ? { flex: '0 0 ' + asideWidth, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth } : {};
+      return _react2.default.createElement(
+        'aside',
+        {
+          className: 'tplus-layout-sider _tplus-animation-ease_ ' + (collapsed ? 'tplus-sider-collapsed' : '') + ' ' + className,
+          style: (0, _extends3.default)({}, lineStyle, style)
+        },
+        _react2.default.createElement(
+          'div',
+          { className: 'tplus-layout-sider-children' },
+          children
+        ),
+        collapsible && _react2.default.createElement(
+          'div',
+          { onClick: this.toggleSider, className: 'tplus-sider-trigger _tplus-animation-ease_', style: { width: asideWidth } },
+          triggerNode
+        )
+      );
+    }
+  }]);
+  return Sider;
+}(_react.Component), _class.contextTypes = {
+  siderHook: _propTypes2.default.object
+}, _class.defaultProps = {
+  collapsible: false,
+  collapsed: false
+}, _class.propTypes = {
+  collapsible: _propTypes2.default.bool,
+  collapsed: _propTypes2.default.bool,
+  style: _propTypes2.default.object,
+  triggerStyle: _propTypes2.default.object,
+  trigger: _propTypes2.default.any,
+  onCollapse: _propTypes2.default.func,
+  width: _propTypes2.default.number,
+  collapsedWidth: _propTypes2.default.number,
+  className: _propTypes2.default.string
+}, _temp);
+exports.default = Sider;
+//# sourceMappingURL=sider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/layout/sider.js"],"names":["Sider","props","toggleSider","siderState","state","onCollapse","setState","id","Date","now","collapsed","context","siderHook","addSider","removeSider","className","collapsedWidth","width","noWith","collapsible","trigger","style","children","triggerStyle","toggleAnimate","asideWidth","triggerNode","lineStyle","flex","maxWidth","minWidth","Component","contextTypes","PropTypes","object","defaultProps","propTypes","bool","any","func","number","string"],"mappings":"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","file":"sider.js","sourcesContent":["/**\n * Created by hzy on 2019/4/17.\n */\n/**\n * @className sider class名\n * @style style\n * @collapsible 是否可收起\n * @collapsed 是否折叠状态\n * @onCollapse 监听折叠事件\n * @trigger trigger Node\n * @triggerStyle 默认trigger Node 样式\n * @width  折叠展开宽度\n * @collapsedWidth  折叠关闭时的宽度\n */\nimport React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport Hamburger from './hamburger';\nimport './style.less';\n\nexport default class Sider extends Component {\n  static contextTypes = {\n    siderHook: PropTypes.object\n  }\n  static defaultProps = {\n    collapsible: false,\n    collapsed: false\n  }\n  static propTypes = {\n    collapsible: PropTypes.bool,\n    collapsed: PropTypes.bool,\n    style: PropTypes.object,\n    triggerStyle: PropTypes.object,\n    trigger: PropTypes.any,\n    onCollapse: PropTypes.func,\n    width: PropTypes.number,\n    collapsedWidth: PropTypes.number,\n    className: PropTypes.string,\n  };\n  constructor(props){\n    super(props);\n    this.state = {\n      id: Date.now(),\n      siderState: this.props.collapsed\n    };\n  }\n  componentDidMount() {\n    const {siderHook: {addSider} = {}} = this.context;\n    addSider(this.state.id);\n  }\n  componentWillMount() {\n    const {siderHook: {removeSider} = {}} = this.context;\n    removeSider(this.state.id);\n  }\n  toggleSider = () => {\n    const {siderState} = this.state;\n    const {onCollapse} = this.props;\n    this.setState({siderState: !siderState});\n    onCollapse && onCollapse(!siderState);\n  }\n  render() {\n    const {className, collapsedWidth = 100, width = 200, noWith, collapsed, onCollapse, collapsible, trigger, style = {}, children, triggerStyle = {}, toggleAnimate} = this.props;\n    const {siderState} = this.state;\n    const asideWidth = (siderState ? collapsedWidth : width) + 'px';\n    const triggerNode = trigger || <Hamburger close={siderState} toggleAnimate={toggleAnimate} style={triggerStyle} />;\n    const lineStyle = !noWith ? {flex: `0 0 ${asideWidth}`, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth} : {};\n    return (<aside\n      className={`tplus-layout-sider _tplus-animation-ease_ ${collapsed ? 'tplus-sider-collapsed' : ''} ${className}`}\n      style={{...lineStyle, ...style}}\n    >\n      <div className='tplus-layout-sider-children'>{children}</div>\n      {collapsible && <div onClick={this.toggleSider} className='tplus-sider-trigger _tplus-animation-ease_' style={{width: asideWidth}}>\n        {triggerNode}\n      </div>}\n    </aside>);\n  }\n}\n"]}