tplus-components-touch 3.28.2 → 3.28.3

package/dist/components/input/index.js

@@ -0,0 +1,251 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+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 _select = require('antd/es/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _class, _temp; /*
+                    field{
+                       Title:'' title
+                       State:'' input状态
+                       SingleShow：boolean  input如何显示 （带框还是只是展示）
+                    }
+                   */
+
+require('antd/es/select/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _mutantsUtil = require('mutants-util');
+
+var _tplusInput = require('./tplusInput');
+
+var _tplusInput2 = _interopRequireDefault(_tplusInput);
+
+var _ticon = require('../ticon');
+
+var _ticon2 = _interopRequireDefault(_ticon);
+
+var _scan = require('../scan');
+
+var _scan2 = _interopRequireDefault(_scan);
+
+var _numKeyboard = require('../keyboard/numKeyboard');
+
+var _numKeyboard2 = _interopRequireDefault(_numKeyboard);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Option = _select2.default.Option;
+
+
+var map = {
+    'error': 'inputerror ',
+    'tip': 'inputtip '
+};
+var defaultClass = 'input-wrapper-2 ';
+
+var Input = (_temp = _class = function (_Component) {
+    (0, _inherits3.default)(Input, _Component);
+
+    function Input(props, context) {
+        (0, _classCallCheck3.default)(this, Input);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (Input.__proto__ || (0, _getPrototypeOf2.default)(Input)).call(this, props, context));
+
+        _this.state = {};
+
+        _this.onFocus = function (e) {
+            var onFocus = _this.props.onFocus;
+
+            onFocus(e);
+            _this.setState({ inputFocus: true });
+        };
+
+        _this.onBlur = function (e) {
+            var onBlur = _this.props.onBlur;
+
+            onBlur(e);
+            _this.setState({ inputFocus: false });
+        };
+
+        _this.changeScanProduct = function () {
+            if (_this.scanObj) _this.scanObj.startScan();
+        };
+
+        _this.onScanResult = function (val) {
+            var _this$props = _this.props,
+                handleChange = _this$props.handleChange,
+                handleOk = _this$props.handleOk;
+
+            handleChange && handleChange(val);
+            handleOk && handleOk();
+        };
+
+        var _ref = _mutantsUtil.platform || {},
+            isHorizontalPad = _ref.isHorizontalPad;
+
+        _this.isMobileEnvironment = !!isHorizontalPad;
+        return _this;
+    }
+
+    //移动端：扫描商品
+
+
+    (0, _createClass3.default)(Input, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                className = _props.className,
+                State = _props.State,
+                Label = _props.Label,
+                Title = _props.Title,
+                IsScan = _props.IsScan,
+                Value = _props.Value,
+                SingleShow = _props.SingleShow,
+                Style = _props.Style,
+                InputStyle = _props.InputStyle,
+                tplusInput = _props.tplusInput,
+                onFocus = _props.onFocus,
+                onBlur = _props.onBlur,
+                ControlType = _props.ControlType,
+                type = _props.type,
+                type1 = _props.type1,
+                precisionLength = _props.precisionLength,
+                maxLength = _props.maxLength,
+                _props$inputClassName = _props.inputClassName,
+                inputClassName = _props$inputClassName === undefined ? '' : _props$inputClassName,
+                props = (0, _objectWithoutProperties3.default)(_props, ['className', 'State', 'Label', 'Title', 'IsScan', 'Value', 'SingleShow', 'Style', 'InputStyle', 'tplusInput', 'onFocus', 'onBlur', 'ControlType', 'type', 'type1', 'precisionLength', 'maxLength', 'inputClassName']);
+            var inputFocus = this.state.inputFocus;
+            //解决浏览器自动填充密码的问题
+
+            if ('password' === type) {
+                props.autocomplete = "new-password";
+                props.type = 'password';
+            }
+            if (tplusInput) {
+                return _react2.default.createElement(_tplusInput2.default, (0, _extends3.default)({
+                    className: className,
+                    onFocus: onFocus,
+                    onBlur: onBlur,
+                    type: type
+                }, props));
+            }
+            className = defaultClass + (map[State] || '') + className;
+            var isShowScan = this.isMobileEnvironment && IsScan == true ? true : false;
+            return _react2.default.createElement(
+                'div',
+                { className: className },
+                _react2.default.createElement(
+                    'div',
+                    null,
+                    SingleShow ? _react2.default.createElement(
+                        'span',
+                        (0, _extends3.default)({ className: 'value value-singleshow', style: Style }, props),
+                        Value
+                    ) : ControlType !== 'NumTextBox' ? _react2.default.createElement(
+                        'div',
+                        { className: isShowScan ? 'curInput pad' : 'curInput' },
+                        _react2.default.createElement('input', (0, _extends3.default)({
+                            className: 'value ' + inputClassName + ' ' + (inputFocus ? 'b-theme' : 'inputBlurColor'),
+                            style: InputStyle,
+                            value: Value,
+                            maxLength: maxLength ? maxLength : "",
+                            onFocus: this.onFocus,
+                            onBlur: this.onBlur
+                        }, props)),
+                        isShowScan && _react2.default.createElement(
+                            'div',
+                            { className: 'curScan' },
+                            _react2.default.createElement(_ticon2.default, { type: 'saomiao1', className: 'icon', onClick: this.changeScanProduct }),
+                            _react2.default.createElement(_scan2.default, { ref: function ref(scan) {
+                                    return _this2.scanObj = scan;
+                                }, onChange: function onChange(value) {
+                                    return _this2.onScanResult(value);
+                                } })
+                        )
+                    ) : _react2.default.createElement(_numKeyboard2.default, (0, _extends3.default)({
+                        inputClassName: 'value ' + inputClassName + ' ' + (inputFocus ? 'b-theme' : ''),
+                        type: type1,
+                        defaultValue: Value,
+                        onFocus: this.onFocus,
+                        onBlur: this.onBlur,
+                        precisionLength: precisionLength,
+                        maxLength: maxLength
+                    }, props))
+                )
+            );
+        }
+    }]);
+    return Input;
+}(_react.Component), _class.propTypes = {
+    className: _propTypes2.default.string, //外层元素类名
+    State: _propTypes2.default.string, //input 状态  （错误error /提示tip）
+    Label: _propTypes2.default.string, //提示信息：label
+    Title: _propTypes2.default.string, //左侧title
+    Value: _propTypes2.default.string, //值
+    SingleShow: _propTypes2.default.bool, //input 或者 展示文字
+    Style: _propTypes2.default.object, //展示文字的 style
+    InputStyle: _propTypes2.default.object, //input的style
+    ControlType: _propTypes2.default.string, //空间类型：字符型
+    type1: _propTypes2.default.string //：数字取值范围 （正负）
+}, _class.defaultProps = {
+    className: '',
+    State: '',
+    Label: '',
+    Title: '',
+    Value: '',
+    SingleShow: false,
+    Style: {},
+    InputStyle: {},
+    onFocus: function onFocus() {},
+    onBlur: function onBlur() {}
+}, _temp);
+exports.default = Input;
+
+
+Input.Option = Option; //Select.Option
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/input/index.js"],"names":["Option","map","defaultClass","Input","props","context","state","onFocus","e","setState","inputFocus","onBlur","changeScanProduct","scanObj","startScan","onScanResult","val","handleChange","handleOk","platform","isHorizontalPad","isMobileEnvironment","className","State","Label","Title","IsScan","Value","SingleShow","Style","InputStyle","tplusInput","ControlType","type","type1","precisionLength","maxLength","inputClassName","autocomplete","isShowScan","scan","value","Component","propTypes","PropTypes","string","bool","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;;;AAQA;;;;AACA;;;;AAEA;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;IAEOA,M,oBAAAA,M;;;AAEP,IAAMC,MAAM;AACR,aAAS,aADD;AAER,WAAO;AAFC,CAAZ;AAIA,IAAMC,eAAe,kBAArB;;IAEqBC,K;;;AACjB,mBAAYC,KAAZ,EAAmBC,OAAnB,EAA4B;AAAA;;AAAA,wIAClBD,KADkB,EACXC,OADW;;AAAA,cAgC5BC,KAhC4B,GAgCpB,EAhCoB;;AAAA,cAkC5BC,OAlC4B,GAkClB,UAACC,CAAD,EAAO;AAAA,gBACRD,OADQ,GACG,MAAKH,KADR,CACRG,OADQ;;AAEfA,oBAAQC,CAAR;AACA,kBAAKC,QAAL,CAAc,EAACC,YAAY,IAAb,EAAd;AACD,SAtC2B;;AAAA,cAwC5BC,MAxC4B,GAwCnB,UAACH,CAAD,EAAO;AAAA,gBACPG,MADO,GACG,MAAKP,KADR,CACPO,MADO;;AAEdA,mBAAOH,CAAP;AACA,kBAAKC,QAAL,CAAc,EAACC,YAAY,KAAb,EAAd;AACD,SA5C2B;;AAAA,cA+C5BE,iBA/C4B,GA+CR,YAAM;AACtB,gBAAI,MAAKC,OAAT,EAAkB,MAAKA,OAAL,CAAaC,SAAb;AACrB,SAjD2B;;AAAA,cAkD5BC,YAlD4B,GAkDb,UAACC,GAAD,EAAS;AAAA,8BACe,MAAKZ,KADpB;AAAA,gBACZa,YADY,eACZA,YADY;AAAA,gBACEC,QADF,eACEA,QADF;;AAEpBD,4BAAgBA,aAAaD,GAAb,CAAhB;AACAE,wBAAYA,UAAZ;AACH,SAtD2B;;AAAA,mBAEIC,yBAAY,EAFhB;AAAA,YAEhBC,eAFgB,QAEhBA,eAFgB;;AAGxB,cAAKC,mBAAL,GAA2B,CAAC,CAACD,eAA7B;AAHwB;AAI3B;;AA0CD;;;;;iCAUQ;AAAA;;AAAA,yBACoM,KAAKhB,KADzM;AAAA,gBACEkB,SADF,UACEA,SADF;AAAA,gBACaC,KADb,UACaA,KADb;AAAA,gBACoBC,KADpB,UACoBA,KADpB;AAAA,gBAC2BC,KAD3B,UAC2BA,KAD3B;AAAA,gBACiCC,MADjC,UACiCA,MADjC;AAAA,gBACyCC,KADzC,UACyCA,KADzC;AAAA,gBACgDC,UADhD,UACgDA,UADhD;AAAA,gBAC4DC,KAD5D,UAC4DA,KAD5D;AAAA,gBACmEC,UADnE,UACmEA,UADnE;AAAA,gBAC+EC,UAD/E,UAC+EA,UAD/E;AAAA,gBAC2FxB,OAD3F,UAC2FA,OAD3F;AAAA,gBACoGI,MADpG,UACoGA,MADpG;AAAA,gBAC4GqB,WAD5G,UAC4GA,WAD5G;AAAA,gBACyHC,IADzH,UACyHA,IADzH;AAAA,gBAC+HC,KAD/H,UAC+HA,KAD/H;AAAA,gBACsIC,eADtI,UACsIA,eADtI;AAAA,gBACuJC,SADvJ,UACuJA,SADvJ;AAAA,+CACkKC,cADlK;AAAA,gBACkKA,cADlK,yCACmL,EADnL;AAAA,gBAC0LjC,KAD1L;AAAA,gBAEIM,UAFJ,GAEmB,KAAKJ,KAFxB,CAEII,UAFJ;AAGJ;;AACA,gBAAI,eAAeuB,IAAnB,EAAyB;AACrB7B,sBAAMkC,YAAN,GAAqB,cAArB;AACAlC,sBAAM6B,IAAN,GAAa,UAAb;AACH;AACD,gBAAIF,UAAJ,EAAgB;AACZ,uBAAO,8BAAC,oBAAD;AACH,+BAAWT,SADR;AAEH,6BAASf,OAFN;AAGH,4BAAQI,MAHL;AAIH,0BAAMsB;AAJH,mBAKC7B,KALD,EAAP;AAOH;AACDkB,wBAAYpB,gBAAgBD,IAAIsB,KAAJ,KAAc,EAA9B,IAAoCD,SAAhD;AACA,gBAAIiB,aAAc,KAAKlB,mBAAL,IAA4BK,UAAU,IAAvC,GAA+C,IAA/C,GAAsD,KAAvE;AACA,mBACI;AAAA;AAAA,kBAAK,WAAWJ,SAAhB;AAKI;AAAA;AAAA;AAEQM,iCAAa;AAAA;AAAA,iDAAM,WAAU,wBAAhB,EAAyC,OAAOC,KAAhD,IAA2DzB,KAA3D;AAAmEuB;AAAnE,qBAAb,GACIK,gBAAgB,YAAhB,GACI;AAAA;AAAA,0BAAK,WAAWO,aAAa,cAAb,GAA8B,UAA9C;AACI;AACI,kDAAoBF,cAApB,UAAsC3B,aAAa,SAAb,GAAyB,gBAA/D,CADJ;AAEI,mCAAOoB,UAFX;AAGI,mCAAOH,KAHX;AAII,uCAAWS,YAAYA,SAAZ,GAAwB,EAJvC;AAKI,qCAAS,KAAK7B,OALlB;AAMI,oCAAQ,KAAKI;AANjB,2BAOQP,KAPR,EADJ;AAWQmC,sCACA;AAAA;AAAA,8BAAK,WAAU,SAAf;AACI,0DAAC,eAAD,IAAO,MAAK,UAAZ,EAAuB,WAAU,MAAjC,EAAwC,SAAS,KAAK3B,iBAAtD,GADJ;AAEI,0DAAC,cAAD,IAAM,KAAK;AAAA,2CAAQ,OAAKC,OAAL,GAAe2B,IAAvB;AAAA,iCAAX,EAAwC,UAAU;AAAA,2CAAS,OAAKzB,YAAL,CAAkB0B,KAAlB,CAAT;AAAA,iCAAlD;AAFJ;AAZR,qBADJ,GAqBI,8BAAC,qBAAD;AACI,mDAAyBJ,cAAzB,UAA2C3B,aAAa,SAAb,GAAyB,EAApE,CADJ;AAEI,8BAAMwB,KAFV;AAGI,sCAAcP,KAHlB;AAII,iCAAS,KAAKpB,OAJlB;AAKI,gCAAQ,KAAKI,MALjB;AAMI,yCAAiBwB,eANrB;AAOI,mCAAWC;AAPf,uBAQQhC,KARR;AAxBhB;AALJ,aADJ;AA6CH;;;EAzH8BsC,gB,UAOxBC,S,GAAU;AACbrB,eAAUsB,oBAAUC,MADP,EACc;AAC3BtB,WAAMqB,oBAAUC,MAFH,EAEU;AACvBrB,WAAMoB,oBAAUC,MAHH,EAGU;AACvBpB,WAAMmB,oBAAUC,MAJH,EAIU;AACvBlB,WAAMiB,oBAAUC,MALH,EAKU;AACvBjB,gBAAWgB,oBAAUE,IANR,EAMa;AAC1BjB,WAAMe,oBAAUG,MAPH,EAOU;AACvBjB,gBAAWc,oBAAUG,MARR,EAQe;AAC5Bf,iBAAYY,oBAAUC,MATT,EASgB;AAC7BX,WAAMU,oBAAUC,MAVH,CAUS;AAVT,C,SAaVG,Y,GAAa;AAChB1B,eAAU,EADM;AAEhBC,WAAM,EAFU;AAGhBC,WAAM,EAHU;AAIhBC,WAAM,EAJU;AAKhBE,WAAM,EALU;AAMhBC,gBAAW,KANK;AAOhBC,WAAM,EAPU;AAQhBC,gBAAW,EARK;AAShBvB,aAAS,mBAAM,CAAE,CATD;AAUhBI,YAAQ,kBAAM,CAAE;AAVA,C;kBApBHR,K;;;AA4HrBA,MAAMH,MAAN,GAAeA,MAAf,C,CAAuB","file":"index.js","sourcesContent":["/*\n field{\n    Title:'' title\n    State:'' input状态\n    SingleShow：boolean  input如何显示 （带框还是只是展示）\n }\n*/\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Select } from 'antd';\nimport { platform } from 'mutants-util';\nimport TplusInput from './tplusInput';\nimport Ticon from '../ticon';\nimport Scan from '../scan';\nimport NumKeyboard from '../keyboard/numKeyboard';\nimport './style.less';\n\nconst {Option} = Select;\n\nconst map = {\n    'error': 'inputerror ',\n    'tip': 'inputtip ',\n}\nconst defaultClass = 'input-wrapper-2 '\n\nexport default class Input extends Component {\n    constructor(props, context) {\n        super(props, context)\n        const { isHorizontalPad } = platform || {};\n        this.isMobileEnvironment = !!isHorizontalPad;\n    }\n\n    static propTypes={\n        className:PropTypes.string,//外层元素类名\n        State:PropTypes.string,//input 状态  （错误error /提示tip）\n        Label:PropTypes.string,//提示信息：label\n        Title:PropTypes.string,//左侧title\n        Value:PropTypes.string,//值\n        SingleShow:PropTypes.bool,//input 或者 展示文字\n        Style:PropTypes.object,//展示文字的 style\n        InputStyle:PropTypes.object,//input的style\n        ControlType:PropTypes.string,//空间类型：字符型\n        type1:PropTypes.string//：数字取值范围 （正负）\n    }\n\n    static defaultProps={\n        className:'',\n        State:'',\n        Label:'',\n        Title:'',\n        Value:'',\n        SingleShow:false,\n        Style:{},\n        InputStyle:{},\n        onFocus: () => {},\n        onBlur: () => {},\n    }\n\n    state = {};\n\n    onFocus = (e) => {\n      const {onFocus} = this.props;\n      onFocus(e);\n      this.setState({inputFocus: true});\n    }\n\n    onBlur = (e) => {\n      const {onBlur} = this.props;\n      onBlur(e);\n      this.setState({inputFocus: false});\n    }\n\n    //移动端：扫描商品\n    changeScanProduct = () => {\n        if (this.scanObj) this.scanObj.startScan()\n    }\n    onScanResult = (val) => {\n        const { handleChange, handleOk } = this.props;\n        handleChange && handleChange(val);\n        handleOk && handleOk();\n    }\n\n    render(){\n        let { className, State, Label, Title,IsScan, Value, SingleShow, Style, InputStyle, tplusInput, onFocus, onBlur, ControlType, type, type1, precisionLength, maxLength, inputClassName = '', ...props } = this.props;\n        const { inputFocus } = this.state;\n        //解决浏览器自动填充密码的问题\n        if ('password' === type) {\n            props.autocomplete = \"new-password\";\n            props.type = 'password';\n        }\n        if (tplusInput) {\n            return <TplusInput\n                className={className}\n                onFocus={onFocus}\n                onBlur={onBlur}\n                type={type}\n                {...props}\n            />\n        }\n        className = defaultClass + (map[State] || '') + className;\n        let isShowScan = (this.isMobileEnvironment && IsScan == true) ? true : false;\n        return (\n            <div className={className}>\n                {/*{*/}\n                {/*    !!Title.length &&*/}\n                {/*    <label>{Title}:</label>*/}\n                {/*}*/}\n                <div>\n                    {\n                        SingleShow ? <span className='value value-singleshow' style={Style} {...props}>{Value}</span> :\n                            ControlType !== 'NumTextBox' ?\n                                <div className={isShowScan ? 'curInput pad' : 'curInput'}>\n                                    <input\n                                        className={`value ${inputClassName} ${inputFocus ? 'b-theme' : 'inputBlurColor'}`}\n                                        style={InputStyle}\n                                        value={Value}\n                                        maxLength={maxLength ? maxLength : \"\"}\n                                        onFocus={this.onFocus}\n                                        onBlur={this.onBlur}\n                                        {...props}\n                                    />\n                                    {\n                                        isShowScan &&\n                                        <div className='curScan'>\n                                            <Ticon type='saomiao1' className='icon' onClick={this.changeScanProduct} />\n                                            <Scan ref={scan => this.scanObj = scan} onChange={value => this.onScanResult(value)} />\n                                        </div>\n                                    }\n                                </div>\n\n                                :\n                                <NumKeyboard\n                                    inputClassName={`value ${inputClassName} ${inputFocus ? 'b-theme' : ''}`}\n                                    type={type1}\n                                    defaultValue={Value}\n                                    onFocus={this.onFocus}\n                                    onBlur={this.onBlur}\n                                    precisionLength={precisionLength}\n                                    maxLength={maxLength}\n                                    {...props}\n                                />\n                    }\n                </div>\n            </div>\n\n        )\n    }\n}\n\nInput.Option = Option; //Select.Option\n"]}

package/dist/components/input/scanInput.js

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+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 _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsUtil = require('mutants-util');
+
+require('./scanInput.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var SInput = function (_Component) {
+    (0, _inherits3.default)(SInput, _Component);
+
+    function SInput(props, context) {
+        (0, _classCallCheck3.default)(this, SInput);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (SInput.__proto__ || (0, _getPrototypeOf2.default)(SInput)).call(this, props, context));
+
+        _this.getIput = function () {
+            return _this.input;
+        };
+
+        var _ref = _mutantsUtil.platform || {},
+            isHorizontalPad = _ref.isHorizontalPad;
+
+        _this.isMobileEnvironment = !!isHorizontalPad;
+        return _this;
+    }
+
+    (0, _createClass3.default)(SInput, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                ref = _props.ref,
+                className = _props.className,
+                suffix = _props.suffix,
+                props = (0, _objectWithoutProperties3.default)(_props, ['ref', 'className', 'suffix']);
+
+            return _react2.default.createElement(
+                'div',
+                { className: 'productSearchInput ' + (className || '') },
+                _react2.default.createElement(
+                    'div',
+                    { className: 'input' },
+                    _react2.default.createElement('input', (0, _extends3.default)({ ref: function ref(el) {
+                            return _this2.input = el;
+                        } }, props))
+                ),
+                _react2.default.createElement(
+                    'div',
+                    { className: 'icon' },
+                    suffix
+                )
+            );
+        }
+    }]);
+    return SInput;
+}(_react.Component);
+
+exports.default = SInput;
+//# sourceMappingURL=scanInput.js.map

package/dist/components/input/scanInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/input/scanInput.js"],"names":["SInput","props","context","getIput","input","platform","isHorizontalPad","isMobileEnvironment","ref","className","suffix","el","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AACA;;;;IAEqBA,M;;;AAEjB,oBAAYC,KAAZ,EAAmBC,OAAnB,EAA4B;AAAA;;AAAA,0IAClBD,KADkB,EACXC,OADW;;AAAA,cAM5BC,OAN4B,GAMlB,YAAI;AACV,mBAAO,MAAKC,KAAZ;AACH,SAR2B;;AAAA,mBAEIC,yBAAY,EAFhB;AAAA,YAEhBC,eAFgB,QAEhBA,eAFgB;;AAGxB,cAAKC,mBAAL,GAA2B,CAAC,CAACD,eAA7B;AAHwB;AAI3B;;;;iCAMQ;AAAA;;AAAA,yBACsC,KAAKL,KAD3C;AAAA,gBACCO,GADD,UACCA,GADD;AAAA,gBACMC,SADN,UACMA,SADN;AAAA,gBACiBC,MADjB,UACiBA,MADjB;AAAA,gBAC4BT,KAD5B;;AAEL,mBACI;AAAA;AAAA,kBAAK,oCAAiCQ,aAAa,EAA9C,CAAL;AACI;AAAA;AAAA,sBAAK,WAAU,OAAf;AACI,oFAAO,KAAK;AAAA,mCAAM,OAAKL,KAAL,GAAaO,EAAnB;AAAA,yBAAZ,IAAuCV,KAAvC;AADJ,iBADJ;AAII;AAAA;AAAA,sBAAK,WAAU,MAAf;AAEQS;AAFR;AAJJ,aADJ;AAYH;;;EA1B+BE,gB;;kBAAfZ,M","file":"scanInput.js","sourcesContent":["import React, { Component } from 'react';\nimport { platform } from 'mutants-util';\nimport './scanInput.less';\n\nexport default class SInput extends Component {\n\n    constructor(props, context) {\n        super(props, context)\n        const { isHorizontalPad } = platform || {};\n        this.isMobileEnvironment = !!isHorizontalPad;\n    }\n\n    getIput = ()=>{\n        return this.input;\n    }\n\n    render() {\n        let { ref, className, suffix, ...props } = this.props;\n        return (\n            <div className={`productSearchInput ${className || ''}`}>\n                <div className='input'>\n                    <input ref={el => this.input = el} {...props} />\n                </div>\n                <div className='icon'>\n                    {\n                        suffix\n                    }\n                </div>\n            </div>\n        )\n    }\n}"]}

package/dist/components/input/scanInput.less

@@ -0,0 +1,28 @@
+.productSearchInput{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid #a49f9f;
+    border-radius: 3px;
+    min-width: 300px;
+
+    .input{
+        width: 90%;
+        input {
+            width: 100%;
+            font-size: 15px;
+            height: 32px;
+            line-height: 32px;
+            border: 0;
+            padding: 3px 5px;
+        }
+    }
+    .icon{
+        width: 10%;
+        text-align: right;
+        padding-right: 5px;
+        i{
+            font-size: 20px;
+        }
+    }
+}

package/dist/components/input/style.less

@@ -0,0 +1,99 @@
+
+.input-wrapper-2{
+    display: inline-block;
+    width:100%;
+    text-align: left;
+    label{
+        display:inline-block;
+        text-align: right;
+        line-height: 32px;
+        padding-right:12px;
+        vertical-align: top;
+        width:100px;
+        font-size:14px!important;
+    }
+    >div{
+        display: inline-block;
+        input:focus{
+            outline: #d6d6db
+        }
+        input[disabled]{
+            background: #eaebed
+        }
+        input{
+            position: relative;
+            display: inline-block;
+            padding: 5px 12px;
+            width: 253px;
+            cursor: text;
+            font-size: 14px;
+            color: #424242;
+            background-color: #fff;
+            background-image: none;
+            border-radius: 3px;
+            -webkit-transition: all .3s;
+            transition: all .3s;
+        }
+        .value.value-singleshow{
+            border:none!important;
+        }
+        .value{
+            //display: inline-block!important;
+            //line-height: 32px!important;
+            //height: 32px!important;
+            //font-size: 14px!important;
+            width:253px!important;
+            //border: 1px solid #C8C8CD!important;
+            &.inputBlurColor {
+                border: 1px solid #C8C8CD !important;
+            }
+        }
+    }
+
+    .curInput {
+        display        : flex;
+        align-items    : center;
+        justify-content: center;
+
+        .curScan {
+            margin-left  : -25px;
+            margin-bottom: 5px;
+            z-index      : 1;
+
+            i {
+                font-size: 20px;
+                color    : #666666
+            }
+        }
+    }
+
+    .pad input {
+        padding-right: 28px;
+    }
+}
+.input-wrapper-2.inputerror{
+    >div{
+        input{
+            background:white;
+            outline: red;
+            border:1px red solid;
+        }
+        span{
+            color:red
+        }
+    }
+
+}
+.input-wrapper-2.inputtip{
+    >div{
+        input{
+            background:white;
+            outline: red;
+            border:1px red solid;
+        }
+        span{
+            color:#777
+        }
+    }
+
+}

package/dist/components/input/tplusInput/index.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TplusInput;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _inputContent = require('./inputContent');
+
+var _inputContent2 = _interopRequireDefault(_inputContent);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * Created by hzy on 2019/4/26.
+ */
+/**
+ * @style style
+ * @className className
+ * @tplusInput Boolean 指定为tplusInput输入框
+ * @bottomLine Boolean 是否为单行输入框
+ * @type Sting 输入框类型 native | select 不传默认为bee FormControl组件
+ * @value Sting 输入框value值
+ * @prefix Sting || element 输入框左侧icon，可以为iconfont字体class，或者自定义react node
+ * @suffix Sting || element 输入框右侧icon，可以为iconfont字体class，或者自定义react node
+ * @onClick: Func 点击输入框触发的click事件
+ * @title: Sting 输入框标题
+ * @error: Sting 输入框校验错误状态下文字内容
+ * @placeholder: Sting 输入框placeholder
+ * @inputRef: Func 获取输入框实例 ex: <Input tplusInput ref={ref => this.inputRef = ref} />
+ * @vertical: Boolean 启用竖屏中样式覆盖
+ *
+ * @htmlType Sting native类型下的html input类型
+ * @noAutocomplete Boolean native类型下: 是否禁用自动填充
+ * @disabled Boolean native类型下: 是否禁用输入
+ * @size Sting native类型下: 适配 bee FormControl组件的输入框尺寸样式，可选值 sm | 默认 | lg
+ * @onChange: Func  native类型下: 输入框内容变化时的回调
+ * @onFocus: Func  native类型下: 输入框获取焦点时的回调
+ *
+ * @selectPlaceholder Boolean select类型下: 是否在select前显示占位层级(会阻止触发onChange)
+ * @arrowPlaceholder Boolean select类型下: 会用一块空的div遮挡arrow icon(触发事件冒泡)
+ * @arrowPlaceholderClass String className
+ *
+ * 其他参数为对应bee组件参数
+ */
+function TplusInput(props) {
+  return _react2.default.createElement(_inputContent2.default, props);
+}
+
+TplusInput.propTypes = {
+  style: _propTypes2.default.object,
+  className: _propTypes2.default.string,
+  placeholder: _propTypes2.default.string,
+  bottomLine: _propTypes2.default.bool,
+  disabled: _propTypes2.default.bool,
+  vertical: _propTypes2.default.bool,
+  prefix: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.element]),
+  suffix: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.element]),
+  htmlType: _propTypes2.default.string,
+  type: _propTypes2.default.string,
+  noAutocomplete: _propTypes2.default.bool,
+  inputRef: _propTypes2.default.func,
+  value: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.number]),
+  selectPlaceholder: _propTypes2.default.bool,
+  placeholderClick: _propTypes2.default.func,
+  size: _propTypes2.default.string,
+  onClick: _propTypes2.default.func,
+  onChange: _propTypes2.default.func,
+  onFocus: _propTypes2.default.func
+};
+//# sourceMappingURL=index.js.map

package/dist/components/input/tplusInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/input/tplusInput/index.js"],"names":["TplusInput","props","propTypes","style","PropTypes","object","className","string","placeholder","bottomLine","bool","disabled","vertical","prefix","element","suffix","htmlType","type","noAutocomplete","inputRef","func","value","number","selectPlaceholder","placeholderClick","size","onClick","onChange","onFocus"],"mappings":";;;;;kBAqCwBA,U;;AALxB;;;;AACA;;;;AACA;;;;AACA;;;;AAnCA;;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCe,SAASA,UAAT,CAAoBC,KAApB,EAA2B;AACxC,SACE,8BAAC,sBAAD,EACMA,KADN,CADF;AAKD;;AAEDD,WAAWE,SAAX,GAAuB;AACrBC,SAAOC,oBAAUC,MADI;AAErBC,aAAWF,oBAAUG,MAFA;AAGrBC,eAAaJ,oBAAUG,MAHF;AAIrBE,cAAYL,oBAAUM,IAJD;AAKrBC,YAAUP,oBAAUM,IALC;AAMrBE,YAAUR,oBAAUM,IANC;AAOrBG,UAAQ,0BAAU,CAChBT,oBAAUG,MADM,EAEhBH,oBAAUU,OAFM,CAAV,CAPa;AAWrBC,UAAQ,0BAAU,CAChBX,oBAAUG,MADM,EAEhBH,oBAAUU,OAFM,CAAV,CAXa;AAerBE,YAAUZ,oBAAUG,MAfC;AAgBrBU,QAAMb,oBAAUG,MAhBK;AAiBrBW,kBAAgBd,oBAAUM,IAjBL;AAkBrBS,YAAUf,oBAAUgB,IAlBC;AAmBrBC,SAAO,0BAAU,CACfjB,oBAAUG,MADK,EAEfH,oBAAUkB,MAFK,CAAV,CAnBc;AAuBrBC,qBAAmBnB,oBAAUM,IAvBR;AAwBrBc,oBAAkBpB,oBAAUgB,IAxBP;AAyBrBK,QAAMrB,oBAAUG,MAzBK;AA0BrBmB,WAAStB,oBAAUgB,IA1BE;AA2BrBO,YAAUvB,oBAAUgB,IA3BC;AA4BrBQ,WAASxB,oBAAUgB;AA5BE,CAAvB","file":"index.js","sourcesContent":["/**\n * Created by hzy on 2019/4/26.\n */\n/**\n * @style style\n * @className className\n * @tplusInput Boolean 指定为tplusInput输入框\n * @bottomLine Boolean 是否为单行输入框\n * @type Sting 输入框类型 native | select 不传默认为bee FormControl组件\n * @value Sting 输入框value值\n * @prefix Sting || element 输入框左侧icon，可以为iconfont字体class，或者自定义react node\n * @suffix Sting || element 输入框右侧icon，可以为iconfont字体class，或者自定义react node\n * @onClick: Func 点击输入框触发的click事件\n * @title: Sting 输入框标题\n * @error: Sting 输入框校验错误状态下文字内容\n * @placeholder: Sting 输入框placeholder\n * @inputRef: Func 获取输入框实例 ex: <Input tplusInput ref={ref => this.inputRef = ref} />\n * @vertical: Boolean 启用竖屏中样式覆盖\n *\n * @htmlType Sting native类型下的html input类型\n * @noAutocomplete Boolean native类型下: 是否禁用自动填充\n * @disabled Boolean native类型下: 是否禁用输入\n * @size Sting native类型下: 适配 bee FormControl组件的输入框尺寸样式，可选值 sm | 默认 | lg\n * @onChange: Func  native类型下: 输入框内容变化时的回调\n * @onFocus: Func  native类型下: 输入框获取焦点时的回调\n *\n * @selectPlaceholder Boolean select类型下: 是否在select前显示占位层级(会阻止触发onChange)\n * @arrowPlaceholder Boolean select类型下: 会用一块空的div遮挡arrow icon(触发事件冒泡)\n * @arrowPlaceholderClass String className\n *\n * 其他参数为对应bee组件参数\n */\nimport React from 'react';\nimport PropTypes, {oneOfType} from 'prop-types';\nimport InputContent from './inputContent';\nimport './style.less';\n\nexport default function TplusInput(props) {\n  return (\n    <InputContent\n      {...props}\n    />\n  );\n}\n\nTplusInput.propTypes = {\n  style: PropTypes.object,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  bottomLine: PropTypes.bool,\n  disabled: PropTypes.bool,\n  vertical: PropTypes.bool,\n  prefix: oneOfType([\n    PropTypes.string,\n    PropTypes.element\n  ]),\n  suffix: oneOfType([\n    PropTypes.string,\n    PropTypes.element\n  ]),\n  htmlType: PropTypes.string,\n  type: PropTypes.string,\n  noAutocomplete: PropTypes.bool,\n  inputRef: PropTypes.func,\n  value: oneOfType([\n    PropTypes.string,\n    PropTypes.number\n  ]),\n  selectPlaceholder: PropTypes.bool,\n  placeholderClick: PropTypes.func,\n  size: PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n};\n"]}