tplus-components-touch 1.26.1 → 1.27.1

package/dist/components/autoComplete/index.js

@@ -1,259 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = undefined;
-
-var _InputGroup3 = require('tinper-bee/dist/InputGroup');
-
-var _InputGroup4 = _interopRequireDefault(_InputGroup3);
-
-var _FormControl3 = require('tinper-bee/dist/FormControl');
-
-var _FormControl4 = _interopRequireDefault(_FormControl3);
-
-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;
-/**
- * 由于 tinper-bee 的 autocomplete 不能适应 带有键盘的情况，所以封装一个
- * @param type 传入 'search' 则输入框前 有放大镜icon
- * @param placeholder 
- * @param onSelect 选择下拉时触发，返回 option 中的value
- * @param onClick 点击input时触发
- * @param onChange  input中值改变时触发
- * @param onBlur  blur时触发
- * @param style  
- * @param className  
- * @param bottomTouchEvent 触底事件
- * 
- * 对外提供 实例的 outSideChangeValue 方法，用来设置input的值，通过ref调用
- *                getValue 方法，获取 input 的值
- */
-
-require('tinper-bee/dist/InputGroup/index.css');
-
-require('tinper-bee/dist/FormControl/index.css');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _index = require('../../index');
-
-require('./index.less');
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var AutoComplete = (_temp = _class = function (_React$Component) {
-  (0, _inherits3.default)(AutoComplete, _React$Component);
-
-  function AutoComplete(props) {
-    (0, _classCallCheck3.default)(this, AutoComplete);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (AutoComplete.__proto__ || (0, _getPrototypeOf2.default)(AutoComplete)).call(this, props));
-
-    _this.onSelect = function (v) {
-      _this.props.onSelect && _this.props.onSelect(v);
-    };
-
-    _this.onChange = function (v) {
-      _this.setState({
-        value: v,
-        open: true
-      });
-      _this.props.onChange && _this.props.onChange(v);
-    };
-
-    _this.onKeyDown = function (e) {
-      _this.props.onKeyDown && _this.props.onKeyDown(e);
-    };
-
-    _this.getOptions = function () {
-      return _this.props.children ? _react2.default.Children.map(_this.props.children, function (child, i) {
-        child = _react2.default.cloneElement(child, {
-          onClick: _this.itemClick
-        });
-        return child;
-      }) : _this.props.dataSource.map(function (item) {
-        return _react2.default.createElement(
-          'li',
-          { className: 'auto-complete-li', key: item, onClick: _this.itemClick.bind(_this, item, item) },
-          item
-        );
-      });
-    };
-
-    _this.focus = function () {
-      _this.setState({
-        open: true
-      });
-      _this.props.onFocus && _this.props.onFocus();
-    };
-
-    _this.blur = function () {
-      _this.setState({
-        open: false
-      });
-      _this.props.onBlur && _this.props.onBlur();
-    };
-
-    _this.itemClick = function (value, showValue) {
-      showValue = showValue ? showValue : value;
-      _this.props.onSelect && _this.props.onSelect(value, showValue);
-      _this.setState({
-        open: false,
-        value: _this.props.clearAfterSelect ? '' : showValue
-      });
-    };
-
-    _this.inputClick = function () {
-      _this.setState({ open: true });
-      _this.props.onClick && _this.props.onClick();
-    };
-
-    _this.outSideChangeValue = function (v) {
-      _this.setState({
-        value: v
-      });
-    };
-
-    _this.getValue = function () {
-      return _this.state.value;
-    };
-
-    _this.onScroll = function (e) {
-      // console.log(e.target.scrollTop , e.target.offsetHeight, this.getOptions().length * 30);
-      if (_this.timer) {
-        clearTimeout(_this.timer);
-      }
-      if (e.target.scrollTop + e.target.offsetHeight >= _this.getOptions().length * 30) {
-        _this.timer = setTimeout(function () {
-          _this.props.bottomTouchEvent && _this.props.bottomTouchEvent();
-        }, 100);
-      }
-    };
-
-    _this.iconRigthClick = function () {
-      _this.props.iconRigthClick && _this.props.iconRigthClick();
-      _this.input.input.focus();
-    };
-
-    _this.state = {
-      open: false,
-      value: ''
-    };
-    return _this;
-  }
-
-  (0, _createClass3.default)(AutoComplete, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _state = this.state,
-          open = _state.open,
-          value = _state.value;
-      var _props = this.props,
-          children = _props.children,
-          _props$placeholder = _props.placeholder,
-          placeholder = _props$placeholder === undefined ? '' : _props$placeholder,
-          dataSource = _props.dataSource,
-          maxHeight = _props.maxHeight,
-          style = _props.style,
-          className = _props.className,
-          iconRigthClick = _props.iconRigthClick,
-          icon = _props.icon,
-          showDropDownPanel = _props.showDropDownPanel;
-
-
-      return _react2.default.createElement(
-        'div',
-        { className: 'auto-complete' },
-        this.props.type !== 'search' ? _react2.default.createElement(
-          _InputGroup4.default,
-          { simple: true },
-          _react2.default.createElement(_FormControl4.default, {
-            className: "auto-complete-input " + className,
-            value: this.state.value,
-            onChange: this.onChange,
-            onFocus: this.focus,
-            onBlur: this.blur,
-            placeholder: placeholder,
-            onClick: this.inputClick,
-            ref: function ref(input) {
-              return _this2.input = input;
-            },
-            style: style,
-            onKeyDown: this.onKeyDown
-          }),
-          _react2.default.createElement(_index.Ticon, { type: icon, className: 'xialaqietu3', onClick: this.iconRigthClick })
-        ) : _react2.default.createElement(
-          _InputGroup4.default,
-          { simple: true },
-          _react2.default.createElement(_index.Ticon, { type: 'sousuo', className: 'search' }),
-          _react2.default.createElement(_FormControl4.default, {
-            type: 'text',
-            className: "auto-complete-input " + className,
-            value: this.state.value,
-            onChange: this.onChange,
-            onFocus: this.focus,
-            onBlur: this.blur,
-            placeholder: placeholder,
-            onClick: this.inputClick,
-            ref: function ref(input) {
-              return _this2.input = input;
-            },
-            style: style
-          }),
-          _react2.default.createElement(_index.Ticon, { type: icon, className: 'xialaqietu3', onClick: this.iconRigthClick })
-        ),
-        (showDropDownPanel === true ? true : open) && (children && children.length > 0 || dataSource && dataSource.length > 0) ? _react2.default.createElement(
-          'ul',
-          { className: showDropDownPanel === true ? 'auto-complete-ul showDropDownPanel' : 'auto-complete-ul', style: { maxHeight: maxHeight }, onMouseDown: function onMouseDown(e) {
-              return e.preventDefault();
-            }, onScroll: this.onScroll },
-          this.getOptions()
-        ) : null
-      );
-    }
-  }]);
-  return AutoComplete;
-}(_react2.default.Component), _class.propTypes = {
-  type: _propTypes2.default.string,
-  placeholder: _propTypes2.default.string,
-  onSelect: _propTypes2.default.func,
-  onClick: _propTypes2.default.func,
-  onChange: _propTypes2.default.func,
-  onKeyDown: _propTypes2.default.func,
-  onBlur: _propTypes2.default.func,
-  clearAfterSelect: _propTypes2.default.bool,
-  style: _propTypes2.default.object,
-  className: _propTypes2.default.string,
-  bottomTouchEvent: _propTypes2.default.func
-}, _temp);
-exports.default = AutoComplete;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-components-touch/components/autoComplete/index.js"],"names":["AutoComplete","props","onSelect","v","onChange","setState","value","open","onKeyDown","e","getOptions","children","React","Children","map","child","i","cloneElement","onClick","itemClick","dataSource","item","bind","focus","onFocus","blur","onBlur","showValue","clearAfterSelect","inputClick","outSideChangeValue","getValue","state","onScroll","timer","clearTimeout","target","scrollTop","offsetHeight","length","setTimeout","bottomTouchEvent","iconRigthClick","input","placeholder","maxHeight","style","className","icon","showDropDownPanel","type","preventDefault","Component","propTypes","PropTypes","string","func","bool","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;;;;;;;;;;;;;;;;;;;AAgBA;;;;AAEA;;AACA;;AACA;;;;;;IAEqBA,Y;;;AAenB,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA,kJACXA,KADW;;AAAA,UAQnBC,QARmB,GAQR,UAACC,CAAD,EAAO;AAChB,YAAKF,KAAL,CAAWC,QAAX,IAAuB,MAAKD,KAAL,CAAWC,QAAX,CAAoBC,CAApB,CAAvB;AACD,KAVkB;;AAAA,UAYnBC,QAZmB,GAYR,UAACD,CAAD,EAAO;AAChB,YAAKE,QAAL,CAAc;AACZC,eAAOH,CADK;AAEZI,cAAM;AAFM,OAAd;AAIA,YAAKN,KAAL,CAAWG,QAAX,IAAuB,MAAKH,KAAL,CAAWG,QAAX,CAAoBD,CAApB,CAAvB;AACD,KAlBkB;;AAAA,UAoBnBK,SApBmB,GAoBP,UAACC,CAAD,EAAO;AACjB,YAAKR,KAAL,CAAWO,SAAX,IAAwB,MAAKP,KAAL,CAAWO,SAAX,CAAqBC,CAArB,CAAxB;AACD,KAtBkB;;AAAA,UAwBnBC,UAxBmB,GAwBN,YAAM;AACjB,aAAO,MAAKT,KAAL,CAAWU,QAAX,GACLC,gBAAMC,QAAN,CAAeC,GAAf,CAAmB,MAAKb,KAAL,CAAWU,QAA9B,EAAwC,UAACI,KAAD,EAAQC,CAAR,EAAc;AACpDD,gBAAQH,gBAAMK,YAAN,CAAmBF,KAAnB,EAA0B;AAChCG,mBAAS,MAAKC;AADkB,SAA1B,CAAR;AAGA,eAAOJ,KAAP;AACD,OALD,CADK,GAQL,MAAKd,KAAL,CAAWmB,UAAX,CAAsBN,GAAtB,CAA0B;AAAA,eACxB;AAAA;AAAA,YAAI,WAAU,kBAAd,EAAiC,KAAKO,IAAtC,EAA4C,SAAS,MAAKF,SAAL,CAAeG,IAAf,QAA0BD,IAA1B,EAAgCA,IAAhC,CAArD;AAA6FA;AAA7F,SADwB;AAAA,OAA1B,CARF;AAWD,KApCkB;;AAAA,UAsCnBE,KAtCmB,GAsCX,YAAM;AACZ,YAAKlB,QAAL,CAAc;AACZE,cAAM;AADM,OAAd;AAGA,YAAKN,KAAL,CAAWuB,OAAX,IAAsB,MAAKvB,KAAL,CAAWuB,OAAX,EAAtB;AACD,KA3CkB;;AAAA,UA6CnBC,IA7CmB,GA6CZ,YAAM;AACX,YAAKpB,QAAL,CAAc;AACZE,cAAM;AADM,OAAd;AAGA,YAAKN,KAAL,CAAWyB,MAAX,IAAqB,MAAKzB,KAAL,CAAWyB,MAAX,EAArB;AACD,KAlDkB;;AAAA,UAoDnBP,SApDmB,GAoDP,UAACb,KAAD,EAAQqB,SAAR,EAAsB;AAChCA,kBAAYA,YAAYA,SAAZ,GAAwBrB,KAApC;AACA,YAAKL,KAAL,CAAWC,QAAX,IAAuB,MAAKD,KAAL,CAAWC,QAAX,CAAoBI,KAApB,EAA2BqB,SAA3B,CAAvB;AACA,YAAKtB,QAAL,CAAc;AACZE,cAAM,KADM;AAEZD,eAAO,MAAKL,KAAL,CAAW2B,gBAAX,GAA8B,EAA9B,GAAmCD;AAF9B,OAAd;AAID,KA3DkB;;AAAA,UA6DnBE,UA7DmB,GA6DN,YAAM;AACjB,YAAKxB,QAAL,CAAc,EAAEE,MAAM,IAAR,EAAd;AACA,YAAKN,KAAL,CAAWiB,OAAX,IAAsB,MAAKjB,KAAL,CAAWiB,OAAX,EAAtB;AACD,KAhEkB;;AAAA,UAkEnBY,kBAlEmB,GAkEE,UAAC3B,CAAD,EAAO;AAC1B,YAAKE,QAAL,CAAc;AACZC,eAAOH;AADK,OAAd;AAGD,KAtEkB;;AAAA,UAwEnB4B,QAxEmB,GAwER,YAAM;AACf,aAAO,MAAKC,KAAL,CAAW1B,KAAlB;AACD,KA1EkB;;AAAA,UA4EnB2B,QA5EmB,GA4ER,UAACxB,CAAD,EAAO;AAChB;AACA,UAAI,MAAKyB,KAAT,EAAgB;AACdC,qBAAa,MAAKD,KAAlB;AACD;AACD,UAAIzB,EAAE2B,MAAF,CAASC,SAAT,GAAqB5B,EAAE2B,MAAF,CAASE,YAA9B,IAA8C,MAAK5B,UAAL,GAAkB6B,MAAlB,GAA2B,EAA7E,EAAiF;AAC/E,cAAKL,KAAL,GAAaM,WAAW,YAAM;AAC5B,gBAAKvC,KAAL,CAAWwC,gBAAX,IAA+B,MAAKxC,KAAL,CAAWwC,gBAAX,EAA/B;AACD,SAFY,EAEV,GAFU,CAAb;AAGD;AACF,KAtFkB;;AAAA,UAwFnBC,cAxFmB,GAwFF,YAAM;AACrB,YAAKzC,KAAL,CAAWyC,cAAX,IAA6B,MAAKzC,KAAL,CAAWyC,cAAX,EAA7B;AACA,YAAKC,KAAL,CAAWA,KAAX,CAAiBpB,KAAjB;AACD,KA3FkB;;AAEjB,UAAKS,KAAL,GAAa;AACXzB,YAAM,KADK;AAEXD,aAAO;AAFI,KAAb;AAFiB;AAMlB;;;;6BAuFQ;AAAA;;AAAA,mBACiB,KAAK0B,KADtB;AAAA,UACCzB,IADD,UACCA,IADD;AAAA,UACOD,KADP,UACOA,KADP;AAAA,mBAE+G,KAAKL,KAFpH;AAAA,UAECU,QAFD,UAECA,QAFD;AAAA,sCAEWiC,WAFX;AAAA,UAEWA,WAFX,sCAEyB,EAFzB;AAAA,UAE6BxB,UAF7B,UAE6BA,UAF7B;AAAA,UAEyCyB,SAFzC,UAEyCA,SAFzC;AAAA,UAEoDC,KAFpD,UAEoDA,KAFpD;AAAA,UAE0DC,SAF1D,UAE0DA,SAF1D;AAAA,UAEqEL,cAFrE,UAEqEA,cAFrE;AAAA,UAEqFM,IAFrF,UAEqFA,IAFrF;AAAA,UAE0FC,iBAF1F,UAE0FA,iBAF1F;;;AAIP,aACE;AAAA;AAAA,UAAK,WAAU,eAAf;AAEI,aAAKhD,KAAL,CAAWiD,IAAX,KAAoB,QAApB,GACE;AAAA;AAAA,YAAY,YAAZ;AACE;AACE,uBAAW,yBAAuBH,SADpC;AAEE,mBAAO,KAAKf,KAAL,CAAW1B,KAFpB;AAGE,sBAAU,KAAKF,QAHjB;AAIE,qBAAS,KAAKmB,KAJhB;AAKE,oBAAQ,KAAKE,IALf;AAME,yBAAamB,WANf;AAOE,qBAAS,KAAKf,UAPhB;AAQE,iBAAK;AAAA,qBAAS,OAAKc,KAAL,GAAaA,KAAtB;AAAA,aARP;AASE,mBAAOG,KATT;AAUE,uBAAW,KAAKtC;AAVlB,YADF;AAaE,wCAAC,YAAD,IAAO,MAAMwC,IAAb,EAAmB,WAAU,aAA7B,EAA2C,SAAS,KAAKN,cAAzD;AAbF,SADF,GAiBE;AAAA;AAAA,YAAY,YAAZ;AACE,wCAAC,YAAD,IAAO,MAAK,QAAZ,EAAqB,WAAU,QAA/B,GADF;AAEE;AACE,kBAAK,MADP;AAEE,uBAAW,yBAAuBK,SAFpC;AAGE,mBAAO,KAAKf,KAAL,CAAW1B,KAHpB;AAIE,sBAAU,KAAKF,QAJjB;AAKE,qBAAS,KAAKmB,KALhB;AAME,oBAAQ,KAAKE,IANf;AAOE,yBAAamB,WAPf;AAQE,qBAAS,KAAKf,UARhB;AASE,iBAAK;AAAA,qBAAS,OAAKc,KAAL,GAAaA,KAAtB;AAAA,aATP;AAUE,mBAAOG;AAVT,YAFF;AAcE,wCAAC,YAAD,IAAO,MAAME,IAAb,EAAmB,WAAU,aAA7B,EAA2C,SAAS,KAAKN,cAAzD;AAdF,SAnBN;AAqCI,SAACO,sBAAsB,IAAtB,GAA6B,IAA7B,GAAoC1C,IAArC,MAA+CI,YAAYA,SAAS4B,MAAT,GAAkB,CAA9B,IAAmCnB,cAAcA,WAAWmB,MAAX,GAAoB,CAApH,IACE;AAAA;AAAA,YAAI,WAAWU,sBAAsB,IAAtB,GAA6B,oCAA7B,GAAoE,kBAAnF,EAAuG,OAAO,EAAEJ,WAAWA,SAAb,EAA9G,EAAwI,aAAa;AAAA,qBAAKpC,EAAE0C,cAAF,EAAL;AAAA,aAArJ,EAA8K,UAAU,KAAKlB,QAA7L;AAEI,eAAKvB,UAAL;AAFJ,SADF,GAOE;AA5CN,OADF;AAiDD;;;EAjKuCE,gBAAMwC,S,UACvCC,S,GAAY;AACjBH,QAAMI,oBAAUC,MADC;AAEjBX,eAAaU,oBAAUC,MAFN;AAGjBrD,YAAUoD,oBAAUE,IAHH;AAIjBtC,WAASoC,oBAAUE,IAJF;AAKjBpD,YAAUkD,oBAAUE,IALH;AAMjBhD,aAAW8C,oBAAUE,IANJ;AAOjB9B,UAAQ4B,oBAAUE,IAPD;AAQjB5B,oBAAkB0B,oBAAUG,IARX;AASjBX,SAAMQ,oBAAUI,MATC;AAUjBX,aAAUO,oBAAUC,MAVH;AAWjBd,oBAAkBa,oBAAUE;AAXX,C;kBADAxD,Y","file":"index.js","sourcesContent":["\r\n/**\r\n * 由于 tinper-bee 的 autocomplete 不能适应 带有键盘的情况，所以封装一个\r\n * @param type 传入 'search' 则输入框前 有放大镜icon\r\n * @param placeholder \r\n * @param onSelect 选择下拉时触发，返回 option 中的value\r\n * @param onClick 点击input时触发\r\n * @param onChange  input中值改变时触发\r\n * @param onBlur  blur时触发\r\n * @param style  \r\n * @param className  \r\n * @param bottomTouchEvent 触底事件\r\n * \r\n * 对外提供 实例的 outSideChangeValue 方法，用来设置input的值，通过ref调用\r\n *                getValue 方法，获取 input 的值\r\n */\r\n\r\nimport React from 'react';\r\nimport { InputGroup, FormControl } from 'tinper-bee';\r\nimport { Ticon } from '../../index';\r\nimport './index.less';\r\nimport PropTypes from 'prop-types'\r\n\r\nexport default class AutoComplete extends React.Component {\r\n  static propTypes = {\r\n    type: PropTypes.string,\r\n    placeholder: PropTypes.string,\r\n    onSelect: PropTypes.func,\r\n    onClick: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n    onKeyDown: PropTypes.func,\r\n    onBlur: PropTypes.func,\r\n    clearAfterSelect: PropTypes.bool,\r\n    style:PropTypes.object,\r\n    className:PropTypes.string,\r\n    bottomTouchEvent: PropTypes.func\r\n  }\r\n  \r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      open: false,\r\n      value: ''\r\n    }\r\n  }\r\n\r\n  onSelect = (v) => {\r\n    this.props.onSelect && this.props.onSelect(v);\r\n  }\r\n\r\n  onChange = (v) => {\r\n    this.setState({\r\n      value: v,\r\n      open: true\r\n    })\r\n    this.props.onChange && this.props.onChange(v);\r\n  }\r\n\r\n  onKeyDown = (e) => {\r\n    this.props.onKeyDown && this.props.onKeyDown(e);\r\n  }\r\n\r\n  getOptions = () => {\r\n    return this.props.children ?\r\n      React.Children.map(this.props.children, (child, i) => {\r\n        child = React.cloneElement(child, {\r\n          onClick: this.itemClick\r\n        })\r\n        return child;\r\n      })\r\n      :\r\n      this.props.dataSource.map(item => (\r\n        <li className='auto-complete-li' key={item} onClick={this.itemClick.bind(this, item, item)}>{item}</li>\r\n      ))\r\n  }\r\n\r\n  focus = () => {\r\n    this.setState({\r\n      open: true\r\n    })\r\n    this.props.onFocus && this.props.onFocus();\r\n  }\r\n\r\n  blur = () => {\r\n    this.setState({\r\n      open: false\r\n    })\r\n    this.props.onBlur && this.props.onBlur();\r\n  }\r\n\r\n  itemClick = (value, showValue) => {\r\n    showValue = showValue ? showValue : value;\r\n    this.props.onSelect && this.props.onSelect(value, showValue);\r\n    this.setState({\r\n      open: false,\r\n      value: this.props.clearAfterSelect ? '' : showValue\r\n    })\r\n  }\r\n\r\n  inputClick = () => {\r\n    this.setState({ open: true })\r\n    this.props.onClick && this.props.onClick();\r\n  }\r\n\r\n  outSideChangeValue = (v) => {\r\n    this.setState({\r\n      value: v\r\n    })\r\n  }\r\n\r\n  getValue = () => {\r\n    return this.state.value;\r\n  }\r\n\r\n  onScroll = (e) => {\r\n    // console.log(e.target.scrollTop , e.target.offsetHeight, this.getOptions().length * 30);\r\n    if (this.timer) {\r\n      clearTimeout(this.timer);\r\n    }\r\n    if (e.target.scrollTop + e.target.offsetHeight >= this.getOptions().length * 30) {\r\n      this.timer = setTimeout(() => {\r\n        this.props.bottomTouchEvent && this.props.bottomTouchEvent();\r\n      }, 100)\r\n    }\r\n  }\r\n\r\n  iconRigthClick = () => {\r\n    this.props.iconRigthClick && this.props.iconRigthClick();\r\n    this.input.input.focus();\r\n  }\r\n\r\n  render() {\r\n    const { open, value } = this.state;\r\n    const { children, placeholder = '', dataSource, maxHeight ,style,className, iconRigthClick, icon,showDropDownPanel} = this.props;\r\n\r\n    return (\r\n      <div className='auto-complete'>\r\n        {\r\n          this.props.type !== 'search' ?\r\n            <InputGroup simple>\r\n              <FormControl\r\n                className={\"auto-complete-input \"+className}\r\n                value={this.state.value}\r\n                onChange={this.onChange}\r\n                onFocus={this.focus}\r\n                onBlur={this.blur}\r\n                placeholder={placeholder}\r\n                onClick={this.inputClick}\r\n                ref={input => this.input = input}\r\n                style={style}\r\n                onKeyDown={this.onKeyDown}\r\n              />\r\n              <Ticon type={icon} className='xialaqietu3' onClick={this.iconRigthClick}/>\r\n            </InputGroup>\r\n            :\r\n            <InputGroup simple>\r\n              <Ticon type='sousuo' className='search' />\r\n              <FormControl\r\n                type=\"text\"\r\n                className={\"auto-complete-input \"+className}\r\n                value={this.state.value}\r\n                onChange={this.onChange}\r\n                onFocus={this.focus}\r\n                onBlur={this.blur}\r\n                placeholder={placeholder}\r\n                onClick={this.inputClick}\r\n                ref={input => this.input = input}\r\n                style={style}\r\n              />\r\n              <Ticon type={icon} className='xialaqietu3' onClick={this.iconRigthClick}/>\r\n            </InputGroup>\r\n        }\r\n        {\r\n          (showDropDownPanel === true ? true : open) && (children && children.length > 0 || dataSource && dataSource.length > 0) ?\r\n            <ul className={showDropDownPanel === true ? 'auto-complete-ul showDropDownPanel' : 'auto-complete-ul'} style={{ maxHeight: maxHeight }} onMouseDown={e => e.preventDefault()} onScroll={this.onScroll}>\r\n              {\r\n                this.getOptions()\r\n              }\r\n            </ul>\r\n            :\r\n            null\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}"]}

package/dist/components/autoComplete/index.less

@@ -1,89 +0,0 @@
-.auto-complete {
-  position: relative;
-
-  .auto-complete-input:placeholder {
-
-  }
-
-  @keyframes auto-complete {
-    0% {
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
-
-  .u-input-group {
-    .search {
-      position: absolute;
-      top: 2px;
-      left: 8px;
-      font-size: 20px;
-      z-index: 9;
-      color: #999;
-    }
-    .xialaqietu3{
-      position: absolute;
-      top: 4px;
-      right: 10px;
-      color: #999;
-    }
-    input {
-      padding-left: 10px;
-    }
-  }
-
-
-  .auto-complete-ul {
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 36px;
-    // border: 1px solid #CCC;
-    margin: 0;
-    padding: 0;
-    animation:auto-complete .2s;
-    animation-timing-function: ease-in-out;
-    z-index: 999;
-    background: #FFF;
-    overflow-y: auto;
-
-    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
-    box-shadow: 0 1px 6px rgba(0,0,0,.2);
-    border-radius: 3px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-
-    .auto-complete-li {
-      height: 30px;
-      padding-left: 5px;
-      line-height: 30px;
-      list-style: none;
-      overflow: hidden;
-      word-break: keep-all;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      &:hover {
-        // background: #CCC;
-        color: #FF8C25;
-      }
-    }
-
-    .active {
-      background: #ccc;
-    }
-  }
-
-  .showDropDownPanel {
-    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
-    box-shadow        : 0 0 2px rgba(0, 0, 0, .2);
-    // max-height: 166px !important;
-  }
-}
-
-.option-li {
-  list-style: none;
-  cursor: pointer;
-} 

package/dist/components/autoComplete/option.js

@@ -1,75 +0,0 @@
-'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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Option = (_temp = _class = function (_React$Component) {
-  (0, _inherits3.default)(Option, _React$Component);
-
-  function Option() {
-    (0, _classCallCheck3.default)(this, Option);
-    return (0, _possibleConstructorReturn3.default)(this, (Option.__proto__ || (0, _getPrototypeOf2.default)(Option)).call(this));
-  }
-
-  (0, _createClass3.default)(Option, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          value = _props.value,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          children = _props.children,
-          onClick = _props.onClick,
-          showValue = _props.showValue;
-
-      return _react2.default.createElement(
-        'li',
-        { className: className + ' auto-complete-li option-li', value: value, onClick: onClick && onClick.bind(this, value, showValue) },
-        children
-      );
-    }
-  }]);
-  return Option;
-}(_react2.default.Component), _class.propTypes = {
-  value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
-  className: _propTypes2.default.string,
-  showValue: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
-  onClick: _propTypes2.default.func,
-  children: _propTypes2.default.node
-}, _temp);
-exports.default = Option;
-//# sourceMappingURL=option.js.map

package/dist/components/autoComplete/option.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-components-touch/components/autoComplete/option.js"],"names":["Option","props","value","className","children","onClick","showValue","bind","React","Component","propTypes","PropTypes","oneOfType","string","number","func","node"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;;;IACqBA,M;;;AAgBnB,oBAAc;AAAA;AAAA;AAEb;;;;6BAEQ;AAAA,mBACqD,KAAKC,KAD1D;AAAA,UACAC,KADA,UACAA,KADA;AAAA,oCACOC,SADP;AAAA,UACOA,SADP,oCACiB,EADjB;AAAA,UACqBC,QADrB,UACqBA,QADrB;AAAA,UAC+BC,OAD/B,UAC+BA,OAD/B;AAAA,UACwCC,SADxC,UACwCA,SADxC;;AAEP,aACE;AAAA;AAAA,UAAI,WAAcH,SAAd,gCAAJ,EAA0D,OAAOD,KAAjE,EAAwE,SAASG,WAAWA,QAAQE,IAAR,CAAa,IAAb,EAAmBL,KAAnB,EAA0BI,SAA1B,CAA5F;AACGF;AADH,OADF;AAKD;;;EA3BiCI,gBAAMC,S,UAEjCC,S,GAAY;AACjBR,SAAOS,oBAAUC,SAAV,CAAoB,CACzBD,oBAAUE,MADe,EAEzBF,oBAAUG,MAFe,CAApB,CADU;AAKjBX,aAAWQ,oBAAUE,MALJ;AAMjBP,aAAWK,oBAAUC,SAAV,CAAoB,CAC7BD,oBAAUE,MADmB,EAE7BF,oBAAUG,MAFmB,CAApB,CANM;AAUjBT,WAASM,oBAAUI,IAVF;AAWjBX,YAAUO,oBAAUK;AAXH,C;kBAFAhB,M","file":"option.js","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types'\r\nexport default class Option extends React.Component {\r\n\r\n  static propTypes = {\r\n    value: PropTypes.oneOfType([\r\n      PropTypes.string,\r\n      PropTypes.number\r\n    ]),\r\n    className: PropTypes.string,\r\n    showValue: PropTypes.oneOfType([\r\n      PropTypes.string,\r\n      PropTypes.number\r\n    ]),\r\n    onClick: PropTypes.func,\r\n    children: PropTypes.node\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  render() {\r\n    const {value, className='', children, onClick, showValue} = this.props;\r\n    return (\r\n      <li className={`${className} auto-complete-li option-li`} value={value} onClick={onClick && onClick.bind(this, value, showValue)}>\r\n        {children}\r\n      </li>\r\n    )\r\n  }\r\n}"]}

package/dist/components/autoCompleteWithKeyboard/index.js

@@ -1,206 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-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; /** 
-                    * 
-                    * @param type 值为 search 时，input 前有放大镜 icon
-                    * @param placeholder 
-                    * @param onSelect 
-                    * @param onClick 
-                    * @param onChange 
-                    * @param clearAfterSelect // 是否 点击下拉列表后，情况输入框
-                    * @param style  
-                    * @param className  
-                   */
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _index = require('../../index');
-
-var _option = require('../autoComplete/option');
-
-var _option2 = _interopRequireDefault(_option);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _mutantsUtil = require('mutants-util');
-
-require('./index.less');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var AutoCompleteWithKeyboard = (_temp = _class = function (_React$Component) {
-  (0, _inherits3.default)(AutoCompleteWithKeyboard, _React$Component);
-
-  function AutoCompleteWithKeyboard() {
-    (0, _classCallCheck3.default)(this, AutoCompleteWithKeyboard);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (AutoCompleteWithKeyboard.__proto__ || (0, _getPrototypeOf2.default)(AutoCompleteWithKeyboard)).call(this));
-
-    _this.onChange = function (v) {
-      _this.props.onChange && _this.props.onChange(v);
-      _this.setState({
-        value: true
-      });
-    };
-
-    _this.onKeyDown = function (e) {
-      _this.props.onKeyDown && _this.props.onKeyDown(e);
-    };
-
-    _this.onClick = function (v) {
-      _this.props.onClick && _this.props.onClick(v);
-    };
-
-    _this.iconRigthClick = function () {
-      _this.setState({
-        visible: !_this.state.visible
-      });
-    };
-
-    _this.onSelect = function (v) {
-      _this.props.onSelect && _this.props.onSelect(v);
-      _this.setState({
-        visible: false
-      });
-    };
-
-    _this.keyboardChange = function (key) {
-      var newValue = _index.Keyboard.getNewValue(_this.auto.input.input, _this.auto.getValue(), key);
-      _this.auto.outSideChangeValue(newValue);
-      _this.props.onChange && _this.props.onChange(newValue);
-    };
-
-    _this.keyboardOk = function () {
-      _this.setState({
-        visible: false
-      });
-    };
-
-    _this.autoCompleteBlur = function () {
-      _this.setState({
-        visible: false
-      });
-      _this.props.onBlur && _this.props.onBlur();
-    };
-
-    _this.getValue = function () {
-      return _this.auto.getValue();
-    };
-
-    _this.state = {
-      visible: false
-      //移动端PAD环境下，没有读取IC卡的方式。
-    };
-    var _ref = _mutantsUtil.platform || {},
-        isHorizontalPad = _ref.isHorizontalPad;
-
-    _this.isHorizontalPad = !!isHorizontalPad;
-    return _this;
-  }
-
-  (0, _createClass3.default)(AutoCompleteWithKeyboard, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props = this.props,
-          placeholder = _props.placeholder,
-          children = _props.children,
-          _props$type = _props.type,
-          type = _props$type === undefined ? '' : _props$type,
-          _props$clearAfterSele = _props.clearAfterSelect,
-          clearAfterSelect = _props$clearAfterSele === undefined ? false : _props$clearAfterSele,
-          _props$maxHeight = _props.maxHeight,
-          maxHeight = _props$maxHeight === undefined ? "300px" : _props$maxHeight,
-          style = _props.style,
-          className = _props.className,
-          bottomTouchEvent = _props.bottomTouchEvent,
-          showDropDownPanel = _props.showDropDownPanel;
-      var visible = this.state.visible;
-
-      return _react2.default.createElement(
-        'div',
-        { className: 'tab-search' },
-        _react2.default.createElement(
-          _index.AutoComplete,
-          {
-            showDropDownPanel: showDropDownPanel,
-            placeholder: placeholder,
-            onSelect: this.onSelect,
-            onClick: this.onClick,
-            iconRigthClick: this.iconRigthClick,
-            ref: function ref(auto) {
-              return _this2.auto = auto;
-            },
-            onChange: this.onChange,
-            onKeyDown: this.onKeyDown,
-            onBlur: this.autoCompleteBlur,
-            type: type,
-            clearAfterSelect: clearAfterSelect,
-            maxHeight: maxHeight,
-            style: style,
-            className: className,
-            bottomTouchEvent: bottomTouchEvent,
-            icon: this.isHorizontalPad ? '' : visible ? 'jianpan1' : 'jianpan2'
-          },
-          children
-        ),
-        _react2.default.createElement(_index.Keyboard, { type: 'letter+modal',
-          visible: this.isHorizontalPad ? false : visible,
-          onChange: this.keyboardChange,
-          handleOk: this.keyboardOk,
-          handleCancel: this.keyboardOk
-        })
-      );
-    }
-  }]);
-  return AutoCompleteWithKeyboard;
-}(_react2.default.Component), _class.propTypes = {
-  type: _propTypes2.default.string,
-  placeholder: _propTypes2.default.string,
-  onSelect: _propTypes2.default.func,
-  onClick: _propTypes2.default.func,
-  onChange: _propTypes2.default.func,
-  onKeyDown: _propTypes2.default.func,
-  clearAfterSelect: _propTypes2.default.bool,
-  style: _propTypes2.default.object,
-  className: _propTypes2.default.string
-}, _temp);
-
-AutoCompleteWithKeyboard.Option = _option2.default;
-exports.default = AutoCompleteWithKeyboard;
-
-/**
- * onChange
- * onClick
- * onSelect
- */
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-components-touch/components/autoCompleteWithKeyboard/index.js"],"names":["AutoCompleteWithKeyboard","onChange","v","props","setState","value","onKeyDown","e","onClick","iconRigthClick","visible","state","onSelect","keyboardChange","key","newValue","Keyboard","getNewValue","auto","input","getValue","outSideChangeValue","keyboardOk","autoCompleteBlur","onBlur","platform","isHorizontalPad","placeholder","children","type","clearAfterSelect","maxHeight","style","className","bottomTouchEvent","showDropDownPanel","React","Component","propTypes","PropTypes","string","func","bool","object","Option"],"mappings":"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","file":"index.js","sourcesContent":["/** \r\n * \r\n * @param type 值为 search 时，input 前有放大镜 icon\r\n * @param placeholder \r\n * @param onSelect \r\n * @param onClick \r\n * @param onChange \r\n * @param clearAfterSelect // 是否 点击下拉列表后，情况输入框\r\n * @param style  \r\n * @param className  \r\n*/\r\n\r\n\r\n\r\nimport React from 'react';\r\nimport { Keyboard, AutoComplete } from '../../index';\r\nimport Option from '../autoComplete/option';\r\nimport PropTypes from 'prop-types'\r\nimport { platform } from 'mutants-util';\r\nimport './index.less';\r\n\r\nclass AutoCompleteWithKeyboard extends React.Component {\r\n\r\n  static propTypes = {\r\n    type: PropTypes.string,\r\n    placeholder: PropTypes.string,\r\n    onSelect: PropTypes.func,\r\n    onClick: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n    onKeyDown: PropTypes.func,\r\n    clearAfterSelect: PropTypes.bool,\r\n    style: PropTypes.object,\r\n    className: PropTypes.string\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      visible: false\r\n    }\r\n    //移动端PAD环境下，没有读取IC卡的方式。\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isHorizontalPad = !!isHorizontalPad;\r\n  }\r\n\r\n  onChange = (v) => {\r\n    this.props.onChange && this.props.onChange(v);\r\n    this.setState({\r\n      value: true\r\n    })\r\n  }\r\n\r\n  onKeyDown = (e) => {\r\n    this.props.onKeyDown && this.props.onKeyDown(e);\r\n  }\r\n\r\n  onClick = (v) => {\r\n    this.props.onClick && this.props.onClick(v)\r\n  }\r\n\r\n  iconRigthClick = () => {\r\n    this.setState({\r\n      visible: !this.state.visible\r\n    })\r\n  }\r\n\r\n  onSelect = (v) => {\r\n    this.props.onSelect && this.props.onSelect(v);\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  keyboardChange = (key) => {\r\n    let newValue = Keyboard.getNewValue(this.auto.input.input, this.auto.getValue(), key);\r\n    this.auto.outSideChangeValue(newValue);\r\n    this.props.onChange && this.props.onChange(newValue);\r\n  }\r\n\r\n  keyboardOk = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  autoCompleteBlur = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n    this.props.onBlur && this.props.onBlur()\r\n  }\r\n\r\n  getValue = () => {\r\n    return this.auto.getValue();\r\n  }\r\n\r\n  render() {\r\n    let { placeholder, children, type = '', clearAfterSelect = false, maxHeight = \"300px\", style, className, bottomTouchEvent,showDropDownPanel } = this.props;\r\n    let { visible } = this.state;    \r\n    return (\r\n      <div className='tab-search'>\r\n        <AutoComplete\r\n          showDropDownPanel={showDropDownPanel}\r\n          placeholder={placeholder}\r\n          onSelect={this.onSelect}\r\n          onClick={this.onClick}\r\n          iconRigthClick={this.iconRigthClick}\r\n          ref={auto => this.auto = auto}\r\n          onChange={this.onChange}\r\n          onKeyDown={this.onKeyDown}\r\n          onBlur={this.autoCompleteBlur}\r\n          type={type}\r\n          clearAfterSelect={clearAfterSelect}\r\n          maxHeight={maxHeight}\r\n          style={style}\r\n          className={className}\r\n          bottomTouchEvent={bottomTouchEvent}\r\n          icon={this.isHorizontalPad ? '' : (visible ? 'jianpan1' : 'jianpan2')}\r\n        >\r\n          {children}\r\n        </AutoComplete>\r\n\r\n        <Keyboard type='letter+modal'\r\n          visible={this.isHorizontalPad ? false : visible}\r\n          onChange={this.keyboardChange}\r\n          handleOk={this.keyboardOk}\r\n          handleCancel={this.keyboardOk}\r\n        />\r\n\r\n      </div>\r\n    )\r\n  }\r\n}\r\nAutoCompleteWithKeyboard.Option = Option;\r\nexport default AutoCompleteWithKeyboard;\r\n\r\n/**\r\n * onChange\r\n * onClick\r\n * onSelect\r\n */"]}

package/dist/components/autoCompleteWithKeyboard/index.less

@@ -1,5 +0,0 @@
-.tab-search{
-  .u-input-group {
-    width: 100%;
-  }
-}