tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/hotKey/style.less

@@ -0,0 +1,99 @@
+.hide-hot-key{
+    position: fixed !important;
+    left: 100000px !important;
+}
+
+.quick_modle{
+    .body{
+        padding: 0px 20px !important;
+        .onduty .row{
+            padding: 0px !important;
+        }
+    }
+    .hot-key-modle-title{
+        padding: 0 15px;
+        border-bottom: 1px solid transparent;
+        color: #212121;
+        .hot-key-title-h4{
+            font-size: 18px;
+            color: #333333;
+            line-height: 1.42857143;
+            display: inline-block;
+        }
+        .bangzhu{
+            font-size: 15.4px;
+            margin-left: 3px;
+            color: #FF8C26;
+        }
+    }
+    .content{
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        width: 100% !important;
+        .input_content_label{
+            margin-top: 8px; 
+            line-height: 32px;
+            font-size: 14px;
+            display: block;
+        }
+        .input_content{
+            display: flex;
+            flex-direction: column;
+            align-items:flex-start ;
+            justify-content: center;
+            
+            .input_content_right{
+                width: 80%;
+            }
+            .input_content_input{
+                display: inline-block;
+                height: 32px;
+                border: 1px solid #C8C8CD;
+                border-radius: 2px;
+                line-height: 32px;
+                font-size: 14px;
+                text-indent: 8px;
+            }
+        }
+
+        .input_error{
+            .input_error_span{
+                font-size: 12px;
+                color: #E60012;
+                line-height: 25px;
+                display: block;
+            }
+            .input_error_mark{
+                font-size: 13px;
+                color: #666666;
+                line-height: 25px;
+                display: block;
+                height: 25px;
+            }
+        }
+    }
+}
+
+
+.help-word-div{
+    max-width: 450px;
+    max-height: 168px;
+    line-height: 24px;
+    overflow-y: scroll;
+}
+
+.hot-key-popover{
+    margin-left: -14px;
+    margin-top: 0px;
+    .tooltip-inner{
+        border-color: #FF8C26 !important;
+        max-width: none !important;
+        width: 437px;
+        height: 190px;
+    }
+    .tooltip-arrow{
+        border-bottom-color: #FF8C26 !important;
+    }
+}

package/dist/components/hotKey/utils.js

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.queryCount = exports.queryHotKey = undefined;
+
+var _from = require('babel-runtime/core-js/array/from');
+
+var _from2 = _interopRequireDefault(_from);
+
+var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+
+var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _promise = require('babel-runtime/core-js/promise');
+
+var _promise2 = _interopRequireDefault(_promise);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var delayer = function delayer() {
+  var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+  return new _promise2.default(function (resolve) {
+    return setTimeout(function () {
+      return resolve(true);
+    }, delay);
+  });
+};
+
+var countClosure = function countClosure(delay) {
+  var pollCount = 0;
+
+  return function () {
+    var awaitQuery = function () {
+      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
+        return _regenerator2.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return delayer(delay);
+
+              case 2:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      return function awaitQuery() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+
+    awaitQuery();
+
+    if (pollCount > 60) return 'done';
+    pollCount++;
+  };
+};
+var queryCount = countClosure();
+
+var queryHotKey = function queryHotKey(operator, currentDom) {
+  var isSelector = void 0;
+  if (Array.isArray(operator)) {
+    isSelector = ['.', '#'].includes(operator[0] && operator[0].charAt(0));
+  } else {
+    isSelector = ['.', '#'].includes(operator && operator.charAt(0));
+  }
+  var query = isSelector ? Array.isArray(operator) ? operator[0] : operator : '.hot-key-part-' + operator;
+  var queryAll = [];
+
+  if (isSelector) {
+    var queryjoin = '';
+    var querys = query.split(' ');
+    querys.forEach(function (value, index) {
+      var _value$split = value.split('='),
+          _value$split2 = (0, _slicedToArray3.default)(_value$split, 2),
+          selectorText = _value$split2[0],
+          filterText = _value$split2[1];
+
+      var _value$split3 = value.split(':'),
+          _value$split4 = (0, _slicedToArray3.default)(_value$split3, 2),
+          selectorIndex = _value$split4[0],
+          filterIndex = _value$split4[1];
+
+      var selector = filterText && selectorText || filterIndex && selectorIndex || selectorText;
+      queryjoin = (queryjoin += ' ' + selector).trim();
+
+      if (filterText || filterIndex) {
+        queryAll.push({ selector: queryjoin, filterText: filterText, filterIndex: filterIndex });
+        queryjoin = '';
+      }
+
+      if (index === querys.length - 1 && queryjoin) {
+        queryAll.push({ selector: queryjoin, filterText: filterText, filterIndex: filterIndex });
+      }
+    });
+  }
+
+  var queryContainer = currentDom || document;
+
+  if (!isSelector) return queryContainer.querySelector(query);
+
+  return queryAll.reduce(function (prev, current) {
+    var _ref2 = current || {},
+        selector = _ref2.selector,
+        filterText = _ref2.filterText,
+        filterIndex = _ref2.filterIndex;
+
+    if (filterText) {
+      return (0, _from2.default)(prev.querySelectorAll(selector)).find(function (el) {
+        return el.textContent === filterText;
+      });
+    }
+    if (filterIndex) {
+      return (0, _from2.default)(prev.querySelectorAll(selector))[filterIndex];
+    }
+    return prev.querySelector(selector);
+  }, queryContainer);
+};
+
+exports.queryHotKey = queryHotKey;
+exports.queryCount = queryCount;
+//# sourceMappingURL=utils.js.map

package/dist/components/hotKey/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/hotKey/utils.js"],"names":["delayer","delay","setTimeout","resolve","countClosure","pollCount","awaitQuery","queryCount","queryHotKey","operator","currentDom","isSelector","Array","isArray","includes","charAt","query","queryAll","queryjoin","querys","split","forEach","value","index","selectorText","filterText","selectorIndex","filterIndex","selector","trim","push","length","queryContainer","document","querySelector","reduce","prev","current","querySelectorAll","find","el","textContent"],"mappings":"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","file":"utils.js","sourcesContent":["const delayer = (delay = 10) => new Promise(resolve => setTimeout(() => resolve(true), delay));\n\nconst countClosure = (delay) => {\n  let pollCount = 0;\n\n  return () => {\n    async function awaitQuery() {\n      await delayer(delay);\n    }\n    awaitQuery();\n\n    if (pollCount > 60) return 'done';\n    pollCount++;\n  };\n};\nconst queryCount = countClosure();\n\nconst queryHotKey = (operator, currentDom) => {\n  let isSelector \n  if(Array.isArray(operator)){\n    isSelector = ['.', '#'].includes(operator[0] && operator[0].charAt(0));\n  }else{\n    isSelector = ['.', '#'].includes(operator && operator.charAt(0));\n  }\n  const query = isSelector ? (Array.isArray(operator)?operator[0]:operator) : `.hot-key-part-${operator}`;\n  const queryAll = [];\n\n  if (isSelector) {\n    let queryjoin = '';\n    const querys = query.split(' ');\n    querys.forEach((value, index) => {\n      const [selectorText, filterText] = value.split('=');\n      const [selectorIndex, filterIndex] = value.split(':');\n      const selector = (filterText && selectorText) || (filterIndex && selectorIndex) || selectorText;\n      queryjoin = (queryjoin += ` ${selector}`).trim();\n\n      if (filterText || filterIndex) {\n        queryAll.push({ selector: queryjoin, filterText, filterIndex });\n        queryjoin = '';\n      }\n\n      if (index === (querys.length - 1) && queryjoin) {\n        queryAll.push({ selector: queryjoin, filterText, filterIndex });\n      }\n    });\n  }\n\n  const queryContainer = currentDom || document;\n\n  if (!isSelector) return queryContainer.querySelector(query);\n\n  return queryAll.reduce((prev, current) => {\n    const { selector, filterText, filterIndex } = current || {};\n\n    if (filterText) {\n      return Array.from(prev.querySelectorAll(selector)).find(el => el.textContent === filterText);\n    }\n    if (filterIndex) {\n      return Array.from(prev.querySelectorAll(selector))[filterIndex];\n    }\n    return prev.querySelector(selector);\n  }, queryContainer);\n};\n\nexport {\n  queryHotKey,\n  queryCount,\n};\n"]}

package/dist/components/input/index.js

@@ -0,0 +1,257 @@
+'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 _Select2 = require('tinper-bee/dist/Select');
+
+var _Select3 = _interopRequireDefault(_Select2);
+
+var _class, _temp; /*
+                    field{
+                       Title:'' title
+                       State:'' input状态
+                       SingleShow：boolean  input如何显示 （带框还是只是展示）
+                    }
+                   */
+
+require('tinper-bee/dist/Select/index.css');
+
+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 = _Select3.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 },
+                !!Title.length && _react2.default.createElement(
+                    'label',
+                    null,
+                    Title,
+                    ':'
+                ),
+                _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 ? 'input-focus' : ''),
+                            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 ? 'input-focus' : ''),
+                        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","length","scan","value","Component","propTypes","PropTypes","string","bool","object","defaultProps"],"mappings":"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","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 'tinper-bee';\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 ? 'input-focus' : ''}`}\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 ? 'input-focus' : ''}`}\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/style.less

@@ -0,0 +1,107 @@
+
+.input-wrapper-2{
+    display: inline-block;
+    width:100%;
+    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;
+        text-align: left;
+        input:focus{
+            outline: #d6d6db
+        }
+        input[disabled]{
+            background: #eaebed
+        }
+        input{
+            outline: #cacad0;
+            position: relative;
+            display: inline-block;
+            padding: 0 12px;
+            width: 253px;
+            height: 32px;
+            cursor: text;
+            font-size: 14px;
+            line-height: 1.5;
+            color: #424242;
+            background-color: #fff;
+            background-image: none;
+            border: 1px solid #a5adba;
+            border-radius: 3px;
+            -webkit-transition: all .3s;
+            transition: all .3s;
+        }
+        span{
+            line-height: 14px;
+            font-size: 14px;
+        }
+        .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;
+            &.input-focus{
+                border: 1px solid #FF8C26!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
+        }
+    }
+
+}