tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/addLog/AddLogProcessor.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _OperationLogApi = require('./OperationLogApi');
+
+var _OperationLogApi2 = _interopRequireDefault(_OperationLogApi);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var AddLogProcessor = function () {
+    function AddLogProcessor() {
+        (0, _classCallCheck3.default)(this, AddLogProcessor);
+    }
+
+    (0, _createClass3.default)(AddLogProcessor, null, [{
+        key: 'execute',
+        value: function execute(title, docno, description, isShow) {
+            try {
+                if (isShow == undefined || isShow == null) {
+                    _OperationLogApi2.default.addPosLog(title, docno, description);
+                } else {
+                    _OperationLogApi2.default.addPosLogWithShow(title, docno, description, isShow);
+                }
+            } catch (e) {
+                console.error('操作日志接口调用异常');
+            }
+        }
+    }]);
+    return AddLogProcessor;
+}();
+/**
+ *POS 操作日志
+ *
+ * @export
+ * @class AddLogProcessor
+ * @auther tuzha
+ */
+
+
+exports.default = AddLogProcessor;
+//# sourceMappingURL=AddLogProcessor.js.map

package/dist/components/addLog/AddLogProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/addLog/AddLogProcessor.js"],"names":["AddLogProcessor","title","docno","description","isShow","undefined","OperationLogApi","addPosLog","addPosLogWithShow","e","console","error"],"mappings":";;;;;;;;;;;;;;;AAQA;;;;;;IACqBA,e;;;;;;;gCACFC,K,EAAOC,K,EAAOC,W,EAAaC,M,EAAQ;AAC9C,gBAAG;AACC,oBAAGA,UAAQC,SAAR,IAAmBD,UAAQ,IAA9B,EACA;AACIE,8CAAgBC,SAAhB,CAA0BN,KAA1B,EAAiCC,KAAjC,EAAwCC,WAAxC;AACH,iBAHD,MAKA;AACIG,8CAAgBE,iBAAhB,CAAkCP,KAAlC,EAAyCC,KAAzC,EAAgDC,WAAhD,EAA4DC,MAA5D;AACH;AACJ,aATD,CAUA,OAAOK,CAAP,EAAU;AACNC,wBAAQC,KAAR,CAAc,YAAd;AACH;AACJ;;;;AAvBL;;;;;;;;;kBAQqBX,e","file":"AddLogProcessor.js","sourcesContent":["\n/**\n *POS 操作日志\n *\n * @export\n * @class AddLogProcessor\n * @auther tuzha\n */\nimport OperationLogApi from './OperationLogApi'\nexport default class AddLogProcessor {\n    static execute(title, docno, description, isShow) {\n        try{\n            if(isShow==undefined||isShow==null)\n            {\n                OperationLogApi.addPosLog(title, docno, description);\n            }\n            else\n            {\n                OperationLogApi.addPosLogWithShow(title, docno, description,isShow);\n            }\n        }\n        catch (e) {\n            console.error('操作日志接口调用异常');\n        }  \n    }\n}"]}

package/dist/components/addLog/OperationLogApi.js

@@ -0,0 +1,164 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _tplusApi = require('tplus-api');
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 记操作日志API
+ * POS端每个操作都需要在T+的表EAP_OPERATION
+ */
+var OperationLogApi = function () {
+    function OperationLogApi() {
+        (0, _classCallCheck3.default)(this, OperationLogApi);
+    }
+
+    (0, _createClass3.default)(OperationLogApi, null, [{
+        key: 'log',
+
+        //获取存货明细信息
+        value: function () {
+            var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(params) {
+                var operationName, description;
+                return _regenerator2.default.wrap(function _callee$(_context) {
+                    while (1) {
+                        switch (_context.prev = _context.next) {
+                            case 0:
+                                operationName = params.operationName, description = params.description;
+                                _context.next = 3;
+                                return (0, _tplusApi.tApi)({
+                                    bringType: '1',
+                                    strModuleCode: 'RE',
+                                    strFunctionCode: 'RE3002',
+                                    strOperationName: operationName,
+                                    status: 1,
+                                    strDocNo: '1234567',
+                                    strDescription: description,
+                                    dtFunctionDate: _tools2.default.getCurDateTime()
+                                }, 'chanjet.SM.CommonInterface.IOperationLogService.AddLog', false, false);
+
+                            case 3:
+                                return _context.abrupt('return', _context.sent);
+
+                            case 4:
+                            case 'end':
+                                return _context.stop();
+                        }
+                    }
+                }, _callee, this);
+            }));
+
+            function log(_x) {
+                return _ref.apply(this, arguments);
+            }
+
+            return log;
+        }()
+
+        //添加POS操作日志
+
+    }, {
+        key: 'addPosLog',
+        value: function () {
+            var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(title, docno, description) {
+                return _regenerator2.default.wrap(function _callee2$(_context2) {
+                    while (1) {
+                        switch (_context2.prev = _context2.next) {
+                            case 0:
+                                if (!docno) {
+                                    docno = " ";
+                                }
+                                _context2.next = 3;
+                                return (0, _tplusApi.tApi)({
+                                    title: title,
+                                    code: docno,
+                                    description: description,
+                                    isShow: false
+                                }, 'chanjet.RE.NewPos.AddPosLog', false, false, { timeout_skip: true });
+
+                            case 3:
+                                return _context2.abrupt('return', _context2.sent);
+
+                            case 4:
+                            case 'end':
+                                return _context2.stop();
+                        }
+                    }
+                }, _callee2, this);
+            }));
+
+            function addPosLog(_x2, _x3, _x4) {
+                return _ref2.apply(this, arguments);
+            }
+
+            return addPosLog;
+        }()
+        //添加POS操作日志
+
+    }, {
+        key: 'addPosLogWithShow',
+        value: function () {
+            var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(title, docno, description, isShow) {
+                return _regenerator2.default.wrap(function _callee3$(_context3) {
+                    while (1) {
+                        switch (_context3.prev = _context3.next) {
+                            case 0:
+                                if (!docno) {
+                                    docno = " ";
+                                }
+                                _context3.next = 3;
+                                return (0, _tplusApi.tApi)({
+                                    title: title,
+                                    code: docno,
+                                    description: description,
+                                    isShow: isShow
+                                }, 'chanjet.RE.NewPos.AddPosLog', false, false, { timeout_skip: true });
+
+                            case 3:
+                                return _context3.abrupt('return', _context3.sent);
+
+                            case 4:
+                            case 'end':
+                                return _context3.stop();
+                        }
+                    }
+                }, _callee3, this);
+            }));
+
+            function addPosLogWithShow(_x5, _x6, _x7, _x8) {
+                return _ref3.apply(this, arguments);
+            }
+
+            return addPosLogWithShow;
+        }()
+    }]);
+    return OperationLogApi;
+}();
+
+exports.default = OperationLogApi;
+//# sourceMappingURL=OperationLogApi.js.map

package/dist/components/addLog/OperationLogApi.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/addLog/OperationLogApi.js"],"names":["OperationLogApi","params","operationName","description","bringType","strModuleCode","strFunctionCode","strOperationName","status","strDocNo","strDescription","dtFunctionDate","tools","getCurDateTime","title","docno","code","isShow","timeout_skip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AACA;;;;IAIqBA,e;;;;;;;;AACjB;;iHACiBC,M;;;;;;AACNC,6C,GAA6BD,M,CAA7BC,a,EAAcC,W,GAAeF,M,CAAfE,W;;uCACR,oBAAK;AACdC,+CAAW,GADG;AAEdC,mDAAe,IAFD;AAGdC,qDAAiB,QAHH;AAIdC,sDAAkBL,aAJJ;AAKdM,4CAAQ,CALM;AAMdC,8CAAU,SANI;AAOdC,oDAAgBP,WAPF;AAQdQ,oDAAgBC,gBAAMC,cAAN;AARF,iCAAL,EASV,wDATU,EASgD,KAThD,EASuD,KATvD,C;;;;;;;;;;;;;;;;;;;;AAYjB;;;;;mHACuBC,K,EAAMC,K,EAAMZ,W;;;;;AAE/B,oCAAG,CAACY,KAAJ,EACA;AACIA,4CAAM,GAAN;AACH;;uCACY,oBAAK;AACdD,2CAAOA,KADO;AAEdE,0CAAMD,KAFQ;AAGdZ,iDAAaA,WAHC;AAIdc,4CAAO;AAJO,iCAAL,EAKV,6BALU,EAKqB,KALrB,EAK4B,KAL5B,EAKmC,EAACC,cAAa,IAAd,EALnC,C;;;;;;;;;;;;;;;;;;;AAOhB;;;;;mHAC8BJ,K,EAAMC,K,EAAMZ,W,EAAYc,M;;;;;AAEnD,oCAAG,CAACF,KAAJ,EACA;AACIA,4CAAM,GAAN;AACH;;uCACY,oBAAK;AACdD,2CAAOA,KADO;AAEdE,0CAAMD,KAFQ;AAGdZ,iDAAaA,WAHC;AAIdc,4CAAOA;AAJO,iCAAL,EAKV,6BALU,EAKqB,KALrB,EAK4B,KAL5B,EAKmC,EAACC,cAAa,IAAd,EALnC,C;;;;;;;;;;;;;;;;;;;;;;;kBArCAlB,e","file":"OperationLogApi.js","sourcesContent":["import { tApi } from 'tplus-api';\nimport tools from '../../util/tools';\n/**\n * 记操作日志API\n * POS端每个操作都需要在T+的表EAP_OPERATION\n */\nexport default class OperationLogApi {\n    //获取存货明细信息\n    static async log(params) {\n        const {operationName,description} = params;\n        return await tApi({\n            bringType: '1',\n            strModuleCode: 'RE',\n            strFunctionCode: 'RE3002',\n            strOperationName: operationName,\n            status: 1,\n            strDocNo: '1234567',\n            strDescription: description,\n            dtFunctionDate: tools.getCurDateTime(),\n        }, 'chanjet.SM.CommonInterface.IOperationLogService.AddLog', false, false);\n    }\n\n    //添加POS操作日志\n    static async addPosLog(title,docno,description)\n    {\n        if(!docno)\n        {\n            docno=\" \";\n        }\n        return await tApi({\n            title: title,\n            code: docno,\n            description: description,\n            isShow:false\n        }, 'chanjet.RE.NewPos.AddPosLog', false, false, {timeout_skip:true});\n    }\n     //添加POS操作日志\n    static async addPosLogWithShow(title,docno,description,isShow)\n    {\n        if(!docno)\n        {\n            docno=\" \";\n        }\n        return await tApi({\n            title: title,\n            code: docno,\n            description: description,\n            isShow:isShow\n        }, 'chanjet.RE.NewPos.AddPosLog', false, false, {timeout_skip:true});\n    }\n}\n\n"]}

package/dist/components/autoComplete/index.js

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

@@ -0,0 +1 @@
+{"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":"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","file":"index.js","sourcesContent":["\n/**\n * 由于 tinper-bee 的 autocomplete 不能适应 带有键盘的情况，所以封装一个\n * @param type 传入 'search' 则输入框前 有放大镜icon\n * @param placeholder \n * @param onSelect 选择下拉时触发，返回 option 中的value\n * @param onClick 点击input时触发\n * @param onChange  input中值改变时触发\n * @param onBlur  blur时触发\n * @param style  \n * @param className  \n * @param bottomTouchEvent 触底事件\n * \n * 对外提供 实例的 outSideChangeValue 方法，用来设置input的值，通过ref调用\n *                getValue 方法，获取 input 的值\n */\n\nimport React from 'react';\nimport { InputGroup, FormControl } from 'tinper-bee';\nimport { Ticon } from '../../index';\nimport './index.less';\nimport PropTypes from 'prop-types'\n\nexport default class AutoComplete extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    placeholder: PropTypes.string,\n    onSelect: PropTypes.func,\n    onClick: PropTypes.func,\n    onChange: PropTypes.func,\n    onKeyDown: PropTypes.func,\n    onBlur: PropTypes.func,\n    clearAfterSelect: PropTypes.bool,\n    style:PropTypes.object,\n    className:PropTypes.string,\n    bottomTouchEvent: PropTypes.func\n  }\n  \n  constructor(props) {\n    super(props);\n    this.state = {\n      open: false,\n      value: ''\n    }\n  }\n\n  onSelect = (v) => {\n    this.props.onSelect && this.props.onSelect(v);\n  }\n\n  onChange = (v) => {\n    this.setState({\n      value: v,\n      open: true\n    })\n    this.props.onChange && this.props.onChange(v);\n  }\n\n  onKeyDown = (e) => {\n    this.props.onKeyDown && this.props.onKeyDown(e);\n  }\n\n  getOptions = () => {\n    return this.props.children ?\n      React.Children.map(this.props.children, (child, i) => {\n        child = React.cloneElement(child, {\n          onClick: this.itemClick\n        })\n        return child;\n      })\n      :\n      this.props.dataSource.map(item => (\n        <li className='auto-complete-li' key={item} onClick={this.itemClick.bind(this, item, item)}>{item}</li>\n      ))\n  }\n\n  focus = () => {\n    this.setState({\n      open: true\n    })\n    this.props.onFocus && this.props.onFocus();\n  }\n\n  blur = () => {\n    this.setState({\n      open: false\n    })\n    this.props.onBlur && this.props.onBlur();\n  }\n\n  itemClick = (value, showValue) => {\n    showValue = showValue ? showValue : value;\n    this.props.onSelect && this.props.onSelect(value, showValue);\n    this.setState({\n      open: false,\n      value: this.props.clearAfterSelect ? '' : showValue\n    })\n  }\n\n  inputClick = () => {\n    this.setState({ open: true })\n    this.props.onClick && this.props.onClick();\n  }\n\n  outSideChangeValue = (v) => {\n    this.setState({\n      value: v\n    })\n  }\n\n  getValue = () => {\n    return this.state.value;\n  }\n\n  onScroll = (e) => {\n    // console.log(e.target.scrollTop , e.target.offsetHeight, this.getOptions().length * 30);\n    if (this.timer) {\n      clearTimeout(this.timer);\n    }\n    if (e.target.scrollTop + e.target.offsetHeight >= this.getOptions().length * 30) {\n      this.timer = setTimeout(() => {\n        this.props.bottomTouchEvent && this.props.bottomTouchEvent();\n      }, 100)\n    }\n  }\n\n  iconRigthClick = () => {\n    this.props.iconRigthClick && this.props.iconRigthClick();\n    this.input.input.focus();\n  }\n\n  render() {\n    const { open, value } = this.state;\n    const { children, placeholder = '', dataSource, maxHeight ,style,className, iconRigthClick, icon,showDropDownPanel} = this.props;\n\n    return (\n      <div className='auto-complete'>\n        {\n          this.props.type !== 'search' ?\n            <InputGroup simple>\n              <FormControl\n                className={\"auto-complete-input \"+className}\n                value={this.state.value}\n                onChange={this.onChange}\n                onFocus={this.focus}\n                onBlur={this.blur}\n                placeholder={placeholder}\n                onClick={this.inputClick}\n                ref={input => this.input = input}\n                style={style}\n                onKeyDown={this.onKeyDown}\n              />\n              <Ticon type={icon} className='xialaqietu3' onClick={this.iconRigthClick}/>\n            </InputGroup>\n            :\n            <InputGroup simple>\n              <Ticon type='sousuo' className='search' />\n              <FormControl\n                type=\"text\"\n                className={\"auto-complete-input \"+className}\n                value={this.state.value}\n                onChange={this.onChange}\n                onFocus={this.focus}\n                onBlur={this.blur}\n                placeholder={placeholder}\n                onClick={this.inputClick}\n                ref={input => this.input = input}\n                style={style}\n              />\n              <Ticon type={icon} className='xialaqietu3' onClick={this.iconRigthClick}/>\n            </InputGroup>\n        }\n        {\n          (showDropDownPanel === true ? true : open) && (children && children.length > 0 || dataSource && dataSource.length > 0) ?\n            <ul className={showDropDownPanel === true ? 'auto-complete-ul showDropDownPanel' : 'auto-complete-ul'} style={{ maxHeight: maxHeight }} onMouseDown={e => e.preventDefault()} onScroll={this.onScroll}>\n              {\n                this.getOptions()\n              }\n            </ul>\n            :\n            null\n        }\n      </div>\n    )\n  }\n}"]}

package/dist/components/autoComplete/index.less

@@ -0,0 +1,89 @@
+.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

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

@@ -0,0 +1 @@
+{"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';\nimport PropTypes from 'prop-types'\nexport default class Option extends React.Component {\n\n  static propTypes = {\n    value: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number\n    ]),\n    className: PropTypes.string,\n    showValue: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number\n    ]),\n    onClick: PropTypes.func,\n    children: PropTypes.node\n  }\n\n  constructor() {\n    super();\n  }\n\n  render() {\n    const {value, className='', children, onClick, showValue} = this.props;\n    return (\n      <li className={`${className} auto-complete-li option-li`} value={value} onClick={onClick && onClick.bind(this, value, showValue)}>\n        {children}\n      </li>\n    )\n  }\n}"]}