tplus-components-touch 3.28.1 → 3.28.2

package/dist/components/input/index.js

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

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

@@ -1 +0,0 @@
-{"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"]}