tplus-components-touch 3.22.16 → 3.22.20

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":"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","file":"index.js","sourcesContent":["/*\r\n field{\r\n    Title:'' title\r\n    State:'' input状态\r\n    SingleShow：boolean  input如何显示 （带框还是只是展示）\r\n }\r\n*/\r\n\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Select } from 'antd';\r\nimport { platform } from 'mutants-util';\r\nimport TplusInput from './tplusInput';\r\nimport Ticon from '../ticon';\r\nimport Scan from '../scan';\r\nimport NumKeyboard from '../keyboard/numKeyboard';\r\nimport './style.less';\r\n\r\nconst {Option} = Select;\r\n\r\nconst map = {\r\n    'error': 'inputerror ',\r\n    'tip': 'inputtip ',\r\n}\r\nconst defaultClass = 'input-wrapper-2 '\r\n\r\nexport default class Input extends Component {\r\n    constructor(props, context) {\r\n        super(props, context)\r\n        const { isHorizontalPad } = platform || {};\r\n        this.isMobileEnvironment = !!isHorizontalPad;\r\n    }\r\n\r\n    static propTypes={\r\n        className:PropTypes.string,//外层元素类名\r\n        State:PropTypes.string,//input 状态  （错误error /提示tip）\r\n        Label:PropTypes.string,//提示信息：label\r\n        Title:PropTypes.string,//左侧title\r\n        Value:PropTypes.string,//值\r\n        SingleShow:PropTypes.bool,//input 或者 展示文字\r\n        Style:PropTypes.object,//展示文字的 style\r\n        InputStyle:PropTypes.object,//input的style\r\n        ControlType:PropTypes.string,//空间类型：字符型\r\n        type1:PropTypes.string//：数字取值范围 （正负）\r\n    }\r\n\r\n    static defaultProps={\r\n        className:'',\r\n        State:'',\r\n        Label:'',\r\n        Title:'',\r\n        Value:'',\r\n        SingleShow:false,\r\n        Style:{},\r\n        InputStyle:{},\r\n        onFocus: () => {},\r\n        onBlur: () => {},\r\n    }\r\n\r\n    state = {};\r\n\r\n    onFocus = (e) => {\r\n      const {onFocus} = this.props;\r\n      onFocus(e);\r\n      this.setState({inputFocus: true});\r\n    }\r\n\r\n    onBlur = (e) => {\r\n      const {onBlur} = this.props;\r\n      onBlur(e);\r\n      this.setState({inputFocus: false});\r\n    }\r\n\r\n    //移动端：扫描商品\r\n    changeScanProduct = () => {\r\n        if (this.scanObj) this.scanObj.startScan()\r\n    }\r\n    onScanResult = (val) => {\r\n        const { handleChange, handleOk } = this.props;\r\n        handleChange && handleChange(val);\r\n        handleOk && handleOk();\r\n    }\r\n\r\n    render(){\r\n        let { className, State, Label, Title,IsScan, Value, SingleShow, Style, InputStyle, tplusInput, onFocus, onBlur, ControlType, type, type1, precisionLength, maxLength, inputClassName = '', ...props } = this.props;\r\n        const { inputFocus } = this.state;\r\n        //解决浏览器自动填充密码的问题\r\n        if ('password' === type) {\r\n            props.autocomplete = \"new-password\";\r\n            props.type = 'password';\r\n        }\r\n        if (tplusInput) {\r\n            return <TplusInput\r\n                className={className}\r\n                onFocus={onFocus}\r\n                onBlur={onBlur}\r\n                type={type}\r\n                {...props}\r\n            />\r\n        }\r\n        className = defaultClass + (map[State] || '') + className;\r\n        let isShowScan = (this.isMobileEnvironment && IsScan == true) ? true : false;\r\n        return (\r\n            <div className={className}>\r\n                {/*{*/}\r\n                {/*    !!Title.length &&*/}\r\n                {/*    <label>{Title}:</label>*/}\r\n                {/*}*/}\r\n                <div>\r\n                    {\r\n                        SingleShow ? <span className='value value-singleshow' style={Style} {...props}>{Value}</span> :\r\n                            ControlType !== 'NumTextBox' ?\r\n                                <div className={isShowScan ? 'curInput pad' : 'curInput'}>\r\n                                    <input\r\n                                        className={`value ${inputClassName} ${inputFocus ? 'b-theme' : 'inputBlurColor'}`}\r\n                                        style={InputStyle}\r\n                                        value={Value}\r\n                                        maxLength={maxLength ? maxLength : \"\"}\r\n                                        onFocus={this.onFocus}\r\n                                        onBlur={this.onBlur}\r\n                                        {...props}\r\n                                    />\r\n                                    {\r\n                                        isShowScan &&\r\n                                        <div className='curScan'>\r\n                                            <Ticon type='saomiao1' className='icon' onClick={this.changeScanProduct} />\r\n                                            <Scan ref={scan => this.scanObj = scan} onChange={value => this.onScanResult(value)} />\r\n                                        </div>\r\n                                    }\r\n                                </div>\r\n\r\n                                :\r\n                                <NumKeyboard\r\n                                    inputClassName={`value ${inputClassName} ${inputFocus ? 'b-theme' : ''}`}\r\n                                    type={type1}\r\n                                    defaultValue={Value}\r\n                                    onFocus={this.onFocus}\r\n                                    onBlur={this.onBlur}\r\n                                    precisionLength={precisionLength}\r\n                                    maxLength={maxLength}\r\n                                    {...props}\r\n                                />\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n        )\r\n    }\r\n}\r\n\r\nInput.Option = Option; //Select.Option\r\n"]}

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

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

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+
+var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+exports.default = InputContent;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../../index');
+
+var _inputs = require('./inputs');
+
+var _inputs2 = _interopRequireDefault(_inputs);
+
+var _utils = require('../utils');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function InputContent(props) {
+  var prefix = props.prefix,
+      suffix = props.suffix,
+      _props$style = props.style,
+      style = _props$style === undefined ? {} : _props$style,
+      _props$className = props.className,
+      className = _props$className === undefined ? '' : _props$className,
+      title = props.title,
+      bottomLine = props.bottomLine,
+      error = props.error,
+      onClick = props.onClick,
+      selectPlaceholder = props.selectPlaceholder,
+      arrowPlaceholder = props.arrowPlaceholder,
+      _props$arrowPlacehold = props.arrowPlaceholderClass,
+      arrowPlaceholderClass = _props$arrowPlacehold === undefined ? '' : _props$arrowPlacehold,
+      vertical = props.vertical,
+      prop = (0, _objectWithoutProperties3.default)(props, ['prefix', 'suffix', 'style', 'className', 'title', 'bottomLine', 'error', 'onClick', 'selectPlaceholder', 'arrowPlaceholder', 'arrowPlaceholderClass', 'vertical']);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray3.default)(_useState, 2),
+      isFocus = _useState2[0],
+      setFocus = _useState2[1];
+
+  var nativeFocus = function nativeFocus(e) {
+    setFocus(true);
+  };
+  var nativeBlur = function nativeBlur(e) {
+    setFocus(false);
+  };
+  var handleClick = function handleClick(e) {
+    onClick && onClick(e);
+  };
+
+  var createIcon = function createIcon(icon, className) {
+    if (!icon) return;
+    var iconNode = void 0;
+    if (typeof icon === 'string') {
+      iconNode = _react2.default.createElement(_index.Ticon, {
+        icon: icon,
+        className: 'tplus-input-icon'
+      });
+    } else {
+      iconNode = icon;
+    }
+    return _react2.default.createElement(
+      'span',
+      { className: className },
+      iconNode
+    );
+  };
+
+  var FormControlClass = function FormControlClass() {
+    var classes = ['tplus-input'];
+    prefix && classes.push('has-prefix-icon');
+    suffix && classes.push('has-suffix-icon');
+    return classes.join(' ');
+  };
+
+  var inputClassName = FormControlClass();
+  var bottomLineClass = bottomLine && ['native', 'select'].includes(props.type) ? 'tplus-input-bottom-line' : '';
+  var inputIsFocusClass = props.type === 'native' && isFocus ? 'tplus-input-focus' : 'tplus-input-blur';
+  var inputDisabledClass = props.disabled ? 'tplus-input-disabled' : '';
+  var inputIsError = error ? 'tplus-input-error' : '';
+
+  var classNames = (0, _utils.generatorClass)('tplus-input-wrapper', className, inputIsFocusClass, inputIsError, bottomLineClass, inputDisabledClass);
+  return _react2.default.createElement(
+    'div',
+    { className: 'tplus-input-container ' + (vertical ? 'vertical-input-container' : '') },
+    title && _react2.default.createElement(
+      'span',
+      { className: 'tplus-input-title' },
+      title
+    ),
+    _react2.default.createElement(
+      'div',
+      { className: classNames, onClick: handleClick, style: style },
+      createIcon(prefix, 'tplus-input-icon tplus-input-prefix'),
+      selectPlaceholder && _react2.default.createElement('div', { className: 'tplus-select-placeholder' }),
+      _react2.default.createElement(_inputs2.default, (0, _extends3.default)({
+        className: inputClassName,
+        nativeFocus: nativeFocus,
+        nativeBlur: nativeBlur
+      }, prop)),
+      arrowPlaceholder && _react2.default.createElement('div', { className: 'tplus-select-arrow-placeholder ' + arrowPlaceholderClass }),
+      createIcon(suffix, 'tplus-input-icon tplus-input-suffix'),
+      error && _react2.default.createElement(
+        'p',
+        { className: 'tplus-input-error-text' },
+        error
+      )
+    )
+  );
+}
+//# sourceMappingURL=inputContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/input/tplusInput/inputContent.js"],"names":["InputContent","props","prefix","suffix","style","className","title","bottomLine","error","onClick","selectPlaceholder","arrowPlaceholder","arrowPlaceholderClass","vertical","prop","isFocus","setFocus","nativeFocus","e","nativeBlur","handleClick","createIcon","icon","iconNode","FormControlClass","classes","push","join","inputClassName","bottomLineClass","includes","type","inputIsFocusClass","inputDisabledClass","disabled","inputIsError","classNames"],"mappings":"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","file":"inputContent.js","sourcesContent":["import React, {useState, useEffect} from 'react';\r\nimport {Ticon} from '../../../index';\r\nimport Inputs from './inputs';\r\nimport {generatorClass} from '../utils';\r\n\r\nexport default function InputContent(props) {\r\n  const {prefix, suffix, style = {}, className = '', title, bottomLine, error, onClick,\r\n    selectPlaceholder, arrowPlaceholder, arrowPlaceholderClass = '', vertical, ...prop} = props;\r\n  const [isFocus, setFocus] = useState(false);\r\n\r\n  const nativeFocus = (e) => {\r\n    setFocus(true);\r\n  }\r\n  const nativeBlur = (e) => {\r\n    setFocus(false);\r\n  }\r\n  const handleClick = (e) => {\r\n    onClick && onClick(e);\r\n  }\r\n\r\n  const createIcon = (icon, className) => {\r\n    if (!icon) return;\r\n    let iconNode;\r\n    if (typeof icon === 'string') {\r\n      iconNode = <Ticon\r\n        icon={icon}\r\n        className='tplus-input-icon'\r\n      />\r\n    } else {\r\n      iconNode = icon;\r\n    }\r\n    return <span className={className}>{iconNode}</span>;\r\n  };\r\n\r\n  const FormControlClass = () => {\r\n    const classes = ['tplus-input'];\r\n    prefix && classes.push('has-prefix-icon');\r\n    suffix && classes.push('has-suffix-icon');\r\n    return classes.join(' ');\r\n  };\r\n\r\n  const inputClassName = FormControlClass();\r\n  const bottomLineClass = bottomLine && ['native', 'select'].includes(props.type) ? 'tplus-input-bottom-line' : '';\r\n  const inputIsFocusClass = (props.type === 'native' && isFocus) ? 'tplus-input-focus' : 'tplus-input-blur';\r\n  const inputDisabledClass = props.disabled ? 'tplus-input-disabled' : '';\r\n  const inputIsError = error ? 'tplus-input-error' : '';\r\n\r\n  const classNames = generatorClass('tplus-input-wrapper', className, inputIsFocusClass, inputIsError, bottomLineClass, inputDisabledClass);\r\n  return (<div className={`tplus-input-container ${vertical ? 'vertical-input-container' : ''}`}>\r\n    {title && <span className='tplus-input-title'>{title}</span>}\r\n    <div className={classNames} onClick={handleClick} style={style}>\r\n      {createIcon(prefix, 'tplus-input-icon tplus-input-prefix')}\r\n      {selectPlaceholder && <div className='tplus-select-placeholder' />}\r\n      <Inputs\r\n        className={inputClassName}\r\n        nativeFocus={nativeFocus}\r\n        nativeBlur={nativeBlur}\r\n        {...prop}\r\n      />\r\n      {arrowPlaceholder && <div className={`tplus-select-arrow-placeholder ${arrowPlaceholderClass}`} />}\r\n      {createIcon(suffix, 'tplus-input-icon tplus-input-suffix')}\r\n      {error && <p className='tplus-input-error-text'>{error}</p>}\r\n    </div>\r\n  </div>);\r\n}\r\n\r\n"]}