tplus-components-touch 3.38.2 → 3.38.5

package/dist/components/keyboard/onlyLetterButton2.less

@@ -1,157 +1,157 @@
-@keyboard-active-color: rgba(255,140,37,0.6);
-@keyboard-font-color: #333;
-@themeColor: #FF8C25;
-.product-keyboarde-botton.letters-box {
-  height: 100%;
-  display: flex;
-  justify-content: space-around;
-  min-width: 766px;
-  position: relative;
-  padding-top: 19px;
-  background: rgba(0, 0, 0, .6);
-  .letters {
-    max-width: 680px;
-    width:81%;
-
-    .letters-line {
-      overflow: hidden;
-      width: 100%;
-      height: 90px;
-      
-      .disabled {
-        background: #999;
-      }
-
-      .letter:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-
-  .capslock {
-    max-width: 124px !important;
-    width: 18%!important;
-    font-weight: 700;
-    padding: 0 4px;
-    span {
-      display: flex;
-      height: 100%;
-      font-size: 20px !important;
-      border-radius: 6px;
-      flex-direction: column;
-      justify-content: center;
-    }
-  }
-
-  .capslock-small {
-    font-size: 16px !important;
-  }
-
-  .nums {
-    max-width: 493px;
-    float: right;
-    width: 70%;
-
-    .nums-left {
-      float: left;
-      width: 100%;
-
-      .num {
-        height: 58px;
-        line-height: 58px;
-        max-width: 164px;
-        min-width: 33%;
-        margin: 0 0px 8px 0;
-        padding: 0 12px;
-
-        span{
-          font-size: 25px;
-        }
-      }
-    }
-
-    .nums-right {
-      float: right;
-      width: 60px;
-
-      .del {
-        height: 35px;
-        margin: 0 8px 8px 0;
-      }
-
-      .sure {
-        border-radius: 10px;
-      }
-    }
-  }
-
-  .key {
-    width: 9%;
-    max-width: 62px;
-    height: 72px;
-    box-sizing: border-box;
-    float: left;
-    text-align: center;
-    cursor: pointer;
-    user-select: none;
-    border-radius: 6px;
-    padding: 0 4px;
-    span {
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      flex-direction: column;
-      border-radius: 6px;
-      font-size: 25px;
-    }
-  }
-
-  .handle {
-    width: 54px;
-    font-size: 20px;
-    .del {
-      width: 54px;
-      height: 72px;
-      line-height: 72px;
-      box-sizing: border-box;
-      float: left;
-      margin: 0 8px 18px 0;
-      text-align: center;
-      border-radius: 6px;
-      cursor: pointer;
-      user-select: none;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      border-radius: 6px;
-    }
-  }
-  .is-number {
-    .delete {
-      height: 62px;
-      line-height: 62px;
-      margin: 0 8px 8px 0;
-    }
-    .clear {
-      height: 62px;
-      line-height: 62px;
-      margin: 0 8px 8px 0;
-    }
-    .sure {
-      height: 116px;
-      line-height: 116px;
-    }
-  }
-  .bold {
-    font-weight: 700;
-  }
-
-  .icon-close {
-    width: 24px;
-    height: 24px;
-    position: absolute;
-    top: -12px;
-    right: 8px;
-    cursor: pointer;
-  }
+@keyboard-active-color: rgba(255,140,37,0.6);
+@keyboard-font-color: #333;
+@themeColor: #FF8C25;
+.product-keyboarde-botton.letters-box {
+  height: 100%;
+  display: flex;
+  justify-content: space-around;
+  // min-width: 766px;
+  position: relative;
+  padding-top: 19px;
+  background: rgba(0, 0, 0, .6);
+  .letters {
+    max-width: 680px;
+    width:81%;
+
+    .letters-line {
+      overflow: hidden;
+      width: 100%;
+      height: 90px;
+      
+      .disabled {
+        background: #999;
+      }
+
+      .letter:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .capslock {
+    max-width: 124px !important;
+    width: 18%!important;
+    font-weight: 700;
+    padding: 0 4px;
+    span {
+      display: flex;
+      height: 100%;
+      font-size: 20px !important;
+      border-radius: 6px;
+      flex-direction: column;
+      justify-content: center;
+    }
+  }
+
+  .capslock-small {
+    font-size: 16px !important;
+  }
+
+  .nums {
+    max-width: 493px;
+    float: right;
+    width: 70%;
+
+    .nums-left {
+      float: left;
+      width: 100%;
+
+      .num {
+        height: 58px;
+        line-height: 58px;
+        max-width: 164px;
+        min-width: 33%;
+        margin: 0 0px 8px 0;
+        padding: 0 12px;
+
+        span{
+          font-size: 25px;
+        }
+      }
+    }
+
+    .nums-right {
+      float: right;
+      width: 60px;
+
+      .del {
+        height: 35px;
+        margin: 0 8px 8px 0;
+      }
+
+      .sure {
+        border-radius: 10px;
+      }
+    }
+  }
+
+  .key {
+    width: 9%;
+    max-width: 62px;
+    height: 72px;
+    box-sizing: border-box;
+    float: left;
+    text-align: center;
+    cursor: pointer;
+    user-select: none;
+    border-radius: 6px;
+    padding: 0 4px;
+    span {
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+      border-radius: 6px;
+      font-size: 25px;
+    }
+  }
+
+  .handle {
+    width: 54px;
+    font-size: 20px;
+    .del {
+      width: 54px;
+      height: 72px;
+      line-height: 72px;
+      box-sizing: border-box;
+      float: left;
+      margin: 0 8px 18px 0;
+      text-align: center;
+      border-radius: 6px;
+      cursor: pointer;
+      user-select: none;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      border-radius: 6px;
+    }
+  }
+  .is-number {
+    .delete {
+      height: 62px;
+      line-height: 62px;
+      margin: 0 8px 8px 0;
+    }
+    .clear {
+      height: 62px;
+      line-height: 62px;
+      margin: 0 8px 8px 0;
+    }
+    .sure {
+      height: 116px;
+      line-height: 116px;
+    }
+  }
+  .bold {
+    font-weight: 700;
+  }
+
+  .icon-close {
+    width: 24px;
+    height: 24px;
+    position: absolute;
+    top: -12px;
+    right: 8px;
+    cursor: pointer;
+  }
 }

package/dist/components/keyboard/onlyNumberButton.js

@@ -25,8 +25,8 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _class, _temp; /**
-                    * 结算使用的键盘
+var _class, _temp; /**
+                    * 结算使用的键盘
                     */
 
 var _react = require('react');

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

@@ -1 +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":["/**\r\n * 结算使用的键盘\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Ticon } from '../../index';\r\nimport PropTypes from 'prop-types'\r\n\r\nexport default class OnlyNumberButton extends Component {\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func.isRequired\r\n  }\r\n\r\n  constructor(props) {\r\n    super(props);\r\n  }\r\n\r\n  numClick = (key) => {\r\n    this.props.onChange(key);\r\n  }\r\n  \r\n  render() {\r\n    let nums = {\r\n      '1': '1',\r\n      '2': '2',\r\n      '3': '3',\r\n      'delete': '<--',\r\n      '4': '4',\r\n      '5': '5',\r\n      '6': '6',\r\n      '-': '-',\r\n      '7': '7',\r\n      '8': '8',\r\n      '9': '9',\r\n      'clear': '清<br />空'\r\n    }\r\n    let nums2 = {\r\n      '0': '0',\r\n      '00': '00',\r\n      '.': '.'\r\n    }\r\n    let numsIndex = ['1', '2', '3', 'delete', '4', '5', '6', '-', '7', '8', '9', 'clear']\r\n    let numsIndex2 = ['0', '00', '.']\r\n    let numsKey = numsIndex.map( index => {\r\n      if (index === 'clear') {\r\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>\r\n      }\r\n      if (index === 'delete') {\r\n        return <div className='key' key={index} onClick={this.numClick.bind(this, 'delete')}><Ticon type='tuige' /></div>\r\n      }\r\n      return <div className='key' key={index} onClick={this.numClick.bind(this, index)}>{nums[index]}</div>\r\n    })\r\n    let numsKey2 = numsIndex2.map(index => {\r\n      return <div className='key' key={index} onClick={this.numClick.bind(this, index)}>{nums2[index]}</div>\r\n    })\r\n    return (\r\n      <div className='only-number-button-content' onMouseDown={e => e.preventDefault()}>\r\n          {numsKey}\r\n          <div className='only-number-button-content-inner'>\r\n            {numsKey2}\r\n          </div>\r\n      </div>\r\n    )\r\n  }\r\n}"]}
+{"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

@@ -25,9 +25,9 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _class, _temp; /**
-                    * 弹出框使用的小键盘
-                    * positive='positive' 没有负号，不传，就有负号
+var _class, _temp; /**
+                    * 弹出框使用的小键盘
+                    * positive='positive' 没有负号，不传，就有负号
                     */
 
 var _react = require('react');

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

@@ -1 +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":["/**\r\n * 弹出框使用的小键盘\r\n * positive='positive' 没有负号，不传，就有负号\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Ticon } from '../../index';\r\nimport PropTypes from 'prop-types'\r\n\r\nexport default class OnlyNumberButton2 extends Component {\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func.isRequired\r\n  }\r\n\r\n  constructor(props) {\r\n    super(props);\r\n  }\r\n\r\n  numClick = (key) => {\r\n    this.props.onChange(key);\r\n  }\r\n\r\n  render() {\r\n    let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\r\n    let numsKey = nums.map((item) => <div className={`num key ${item == '.' ? 'number-point' : ''}`} key={item} onClick={this.numClick.bind(this, item)}>{item}</div>)\r\n    return (\r\n      <div className='clearfix text-keyboard' onMouseDown={e => e.preventDefault()}>\r\n        <div className='nums clearfix'>\r\n          {numsKey}\r\n        </div>\r\n        <div className='dels clearfix'>\r\n          <div className='del key' onClick={this.numClick.bind(this, 'delete')}>\r\n            <Ticon type='tuige' />\r\n          </div>\r\n          {/* <div className='del key' onClick={this.numClick.bind(this, 'clear')}>清空</div> */}\r\n          {/* <div className='del key' onClick={this.numClick.bind(this, '100')}>100</div> */}\r\n        \r\n            <div className={`del key`} onClick={this.numClick.bind(this, 'clear')}>清空</div>\r\n          {\r\n            this.props.positive == 'positive' ?\r\n              null\r\n              :\r\n              <div className='del key' onClick={this.numClick.bind(this, '-')}>—</div>\r\n          }\r\n       \r\n            <div className={`del key sure ${this.props.positive? '' : 'sure-no-positive'}`} onClick={this.numClick.bind(this, 'sure')}>确定</div>            \r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n}"]}
+{"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.map

@@ -1 +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';\r\n// import { Keyboard } from '../../index';\r\n\r\n// export default class NumKeyboard extends Component {\r\n//   constructor() {\r\n//     super();\r\n//     this.state = {\r\n//       visible: false,\r\n//       value: ''\r\n//     }\r\n//   }\r\n\r\n//   showModal = () => {\r\n//     this.setState({\r\n//       visible: true,\r\n//       value: this.props.value + ''\r\n//     });\r\n//   }\r\n\r\n//   handleOk = (value) => {\r\n//     this.props.handleOk && this.props.handleOk(value);\r\n//     this.setState({\r\n//       visible: false,\r\n//     });\r\n//   }\r\n\r\n//   handleCancel = (value) => {\r\n//     this.props.handleCancel && this.props.handleCancel(value)\r\n//     this.setState({\r\n//       visible: false,\r\n//     });\r\n//   }\r\n\r\n//   render() {\r\n//     return (\r\n//       <div className='keyboard'>\r\n//         <div onClick={this.showModal} className='keyboard-input keyboard-text'>{this.props.value}</div>\r\n//         <Keyboard \r\n//           type='number+modal' \r\n//           title={this.props.title || 'title'} \r\n//           visible={this.state.visible} \r\n//           value={this.state.value} \r\n//           handleOk={this.handleOk} \r\n//           handleCancel={this.handleCancel} />\r\n//       </div>\r\n//     )\r\n//   }\r\n// }"]}
+{"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.map

@@ -1 +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';\r\nimport './style.less';\r\n\r\nexport default function Hamburger(props) {\r\n  const {close, toggleAnimate = true} = props;\r\n  return (<div className={`_hamburger_ ${(!close && toggleAnimate) ? '_hamburger-active' : ''}`} >\r\n    <span className=\"_hamburger_-line\" />\r\n    <span className=\"_hamburger_-line\" />\r\n    <span className=\"_hamburger_-line\" />\r\n  </div>);\r\n}\r\n"]}
+{"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

@@ -14,17 +14,17 @@ var _sider2 = _interopRequireDefault(_sider);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * Created by hzy on 2019/4/3.
+/**
+ * Created by hzy on 2019/4/3.
  */
-/**
- * @Layout 布局组件，以下用法类似antd
- * Layout props:  directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向
- *
- * @Sider 侧边栏组件
- * @Header header
- * @Footer  footer
- * @Content  content
+/**
+ * @Layout 布局组件，以下用法类似antd
+ * Layout props:  directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向
+ *
+ * @Sider 侧边栏组件
+ * @Header header
+ * @Footer  footer
+ * @Content  content
  */
 _layout2.default.Sider = _sider2.default;
 exports.default = _layout2.default;

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

@@ -1 +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":["/**\r\n * Created by hzy on 2019/4/3.\r\n */\r\n/**\r\n * @Layout 布局组件，以下用法类似antd\r\n * Layout props:  directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向\r\n *\r\n * @Sider 侧边栏组件\r\n * @Header header\r\n * @Footer  footer\r\n * @Content  content\r\n */\r\nimport Layout from './layout';\r\nimport Sider from './sider';\r\n\r\nLayout.Sider = Sider;\r\nexport default Layout;\r\n"]}
+{"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.map

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

@@ -29,19 +29,19 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _class, _temp; /**
-                    * Created by hzy on 2019/4/17.
+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  折叠关闭时的宽度
+/**
+ * @className sider class名
+ * @style style
+ * @collapsible 是否可收起
+ * @collapsed 是否折叠状态
+ * @onCollapse 监听折叠事件
+ * @trigger trigger Node
+ * @triggerStyle 默认trigger Node 样式
+ * @width  折叠展开宽度
+ * @collapsedWidth  折叠关闭时的宽度
  */
 
 
@@ -111,6 +111,7 @@ var Sider = (_temp = _class = function (_Component) {
           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,
@@ -125,11 +126,12 @@ var Sider = (_temp = _class = function (_Component) {
 
       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)({ flex: '0 0 ' + asideWidth, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth }, style)
+          style: (0, _extends3.default)({}, lineStyle, style)
         },
         _react2.default.createElement(
           'div',

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

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