tplus-components-touch 3.45.1 → 3.45.4

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

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

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

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

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _select = require('antd/es/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+exports.default = Inputs;
+
+require('antd/es/input/style');
+
+require('antd/es/select/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../../index');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NativeInput = function NativeInput(props) {
+  var placeholder = props.placeholder,
+      onChange = props.onChange,
+      value = props.value,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      noAutocomplete = props.noAutocomplete,
+      nativeFocus = props.nativeFocus,
+      nativeBlur = props.nativeBlur,
+      password = props.password,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === undefined ? false : _props$disabled,
+      className = props.className,
+      inputRef = props.inputRef,
+      _props$htmlType = props.htmlType,
+      htmlType = _props$htmlType === undefined ? 'text' : _props$htmlType,
+      _props$size = props.size,
+      size = _props$size === undefined ? '' : _props$size,
+      onClear = props.onClear,
+      prop = (0, _objectWithoutProperties3.default)(props, ['placeholder', 'onChange', 'value', 'onFocus', 'onBlur', 'noAutocomplete', 'nativeFocus', 'nativeBlur', 'password', 'disabled', 'className', 'inputRef', 'htmlType', 'size', 'onClear']);
+
+
+  var handleChange = function handleChange(e) {
+    onChange && onChange(e);
+  };
+  var handleFocus = function handleFocus(e) {
+    nativeFocus();
+    onFocus && onFocus(e);
+  };
+  var handleBlur = function handleBlur(e) {
+    nativeBlur();
+    onBlur && onBlur(e);
+  };
+  var clearValue = function clearValue(e) {
+    onClear && onClear(e);
+  };
+
+  var classNames = 'tplus-inout-native ' + className;
+  switch (size) {
+    case 'sm':
+      classNames += ' sm';
+      break;
+    case 'lg':
+      classNames += ' lg';
+      break;
+    default:
+      classNames += ' md';
+  }
+  var isPassword = password ? { type: 'password' } : {};
+  return _react2.default.createElement(
+    _react.Fragment,
+    null,
+    !!noAutocomplete && _react2.default.createElement(NoAutocomplete, null),
+    _react2.default.createElement('input', (0, _extends3.default)({
+      ref: function ref(input) {
+        textInput = input;
+      }
+    }, isPassword, {
+      placeholder: placeholder,
+      disabled: disabled,
+      onChange: handleChange,
+      value: value,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      className: classNames,
+      ref: inputRef,
+      type: htmlType
+    }, prop)),
+    onClear && !!(value || '').length && _react2.default.createElement(_index.Ticon, {
+      icon: 'guanbi-yuan',
+      className: 'tplus-input-icon tplus-input-clear',
+      onClick: clearValue,
+      style: { fontSize: 14 }
+    })
+  );
+};
+
+var NoAutocomplete = function NoAutocomplete(props) {
+  return _react2.default.createElement(
+    'div',
+    { className: 'tplus-input-noAutocomplete' },
+    _react2.default.createElement('input', null),
+    _react2.default.createElement('input', { type: 'password' })
+  );
+};
+
+var SelectInput = function SelectInput(props) {
+  var children = props.children,
+      prop = (0, _objectWithoutProperties3.default)(props, ['children']);
+
+  return _react2.default.createElement(
+    _select2.default,
+    (0, _extends3.default)({ suffixIcon: _react2.default.createElement(_index.Ticon, { type: 'xialaqietu3' }) }, prop),
+    children
+  );
+};
+
+function Inputs(props) {
+  var type = props.type,
+      prop = (0, _objectWithoutProperties3.default)(props, ['type']);
+
+
+  var createInput = function createInput(type) {
+    switch (type) {
+      case 'native':
+        return _react2.default.createElement(NativeInput, prop);
+      case 'select':
+        return _react2.default.createElement(SelectInput, prop);
+      default:
+        return _react2.default.createElement(_input2.default, props);
+    }
+  };
+  return createInput(type);
+};
+//# sourceMappingURL=inputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/input/tplusInput/inputs.js"],"names":["Inputs","NativeInput","props","placeholder","onChange","value","onFocus","onBlur","noAutocomplete","nativeFocus","nativeBlur","password","disabled","className","inputRef","htmlType","size","onClear","prop","handleChange","e","handleFocus","handleBlur","clearValue","classNames","isPassword","type","input","textInput","length","fontSize","NoAutocomplete","SelectInput","children","createInput"],"mappings":"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","file":"inputs.js","sourcesContent":["import React, {Fragment} from 'react';\nimport {Ticon} from '../../../index';\nimport { Select, Input } from 'antd';\n\nconst NativeInput = (props) => {\n  const {placeholder, onChange, value, onFocus, onBlur, noAutocomplete, nativeFocus, nativeBlur, password, disabled = false, className, inputRef, htmlType = 'text', size = '', onClear, ...prop} = props;\n\n  const handleChange = (e) => {\n    onChange && onChange(e);\n  };\n  const handleFocus = (e) => {\n    nativeFocus();\n    onFocus && onFocus(e);\n  };\n  const handleBlur = (e) => {\n    nativeBlur();\n    onBlur && onBlur(e);\n  };\n  const clearValue = (e) => {\n    onClear && onClear(e);\n  };\n\n  let classNames = `tplus-inout-native ${className}`;\n  switch (size) {\n    case 'sm':\n      classNames += ' sm';\n      break;\n    case 'lg':\n      classNames += ' lg';\n      break;\n    default:\n      classNames += ' md';\n  }\n  const isPassword = password ? {type: 'password'} : {};\n  return <Fragment>\n    {!!noAutocomplete && <NoAutocomplete />}\n    <input\n      ref={(input) => { textInput = input; }}\n      {...isPassword}\n      placeholder={placeholder}\n      disabled={disabled}\n      onChange={handleChange}\n      value={value}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      className={classNames}\n      ref={inputRef}\n      type={htmlType}\n      {...prop}\n    />\n    {onClear && !!(value || '').length && <Ticon\n      icon='guanbi-yuan'\n      className='tplus-input-icon tplus-input-clear'\n      onClick={clearValue}\n      style={{fontSize: 14}}\n    />}\n  </Fragment>;\n};\n\nconst NoAutocomplete = (props) => {\n  return <div className=\"tplus-input-noAutocomplete\">\n    <input />\n    <input type=\"password\" />\n  </div>;\n}\n\nconst SelectInput = (props) => {\n  const {children, ...prop} = props;\n  return <Select suffixIcon={<Ticon type=\"xialaqietu3\"/>} {...prop}>{children}</Select>;\n};\n\nexport default function Inputs(props) {\n  const {type, ...prop} = props;\n\n  const createInput = (type) => {\n    switch (type) {\n      case 'native':\n        return <NativeInput {...prop}/>;\n      case 'select':\n        return <SelectInput {...prop}/>;\n      default:\n        return <Input {...props}/>;\n    }\n  };\n  return createInput(type);\n};\n\n"]}

package/dist/components/input/tplusInput/style.less

@@ -1,132 +1,132 @@
-.tplus-input-container{
-  display: flex;
-  .tplus-input-title{
-    flex: 0 0 auto;
-    padding: 0px 4px;
-    line-height: 32px;
-    font-size: 14px;
-    text-align: right;
-    margin-right: 10px;
-  }
-  .tplus-input-wrapper{
-    flex: 1;
-  }
-}
-.tplus-input-noAutocomplete{
-  position: fixed;
-  top: -999999px;
-}
-.tplus-input-wrapper {
-  position: relative;
-  display: flex;
-  border-radius: 3px;
-  height: 34px;
-  box-sizing: border-box;
-  input{
-    border: none;
-    outline: none;
-    flex: auto;
-    background: transparent;
-  }
-  ._tplus-animation-ease_{
-    -webkit-transition: all 0.3s ease-in-out;
-    -o-transition: all 0.3s ease-in-out;
-    transition: all 0.3s ease-in-out;
-  };
-  ._tplus-animation-ease_;
-  .tplus-select-arrow-placeholder{
-    position: absolute;
-    height: 100%;
-    width: 20px;
-    right: 0px;
-    top: 0px;
-    z-index: 9;
-    cursor: pointer;
-  }
-  .tplus-input-icon{
-    color: rgba(0, 0, 0, 0.25);
-    font-size: 16px;
-    flex: 0 0 32px;
-    line-height: 32px;
-    text-align: center;
-  }
-  input {
-    padding: 0px 10px;
-  }
-  .tplus-input-clear{
-    color: #c8c8cd;
-  }
-  .tplus-input-prefix{
-    left: 5px;
-  }
-  .tplus-input-suffix{
-    right: 6px;
-  }
-  .has-prefix-icon{
-    //padding-left: 28px;
-  }
-  .has-suffix-icon{
-    //padding-right: 28px;
-  }
-  &.tplus-input-disabled{
-    cursor: not-allowed;
-    input{
-      cursor: not-allowed;
-    }
-  }
-  .tplus-input-error-text{
-    position: absolute;
-    right: 0px;
-    bottom: -18px;
-    margin: 0px;
-    font-size: 12px;
-  }
-  .tplus-select-placeholder{
-    position: absolute;
-    left: 0px;
-    right: 0px;
-    top: 0px;
-    bottom: 0px;
-    z-index: 9;
-    cursor: pointer;
-  }
-}
-
-.vertical-input-container{
-  .tplus-input-title{
-    font-size: 28px;
-    line-height: 64px;
-  }
-  .tplus-input-wrapper{
-    height: 64px;
-    input{
-      font-size: 26px;
-      padding: 0px 20px;
-    }
-    .tplus-input-icon {
-      font-size: 32px;
-      line-height: 64px;
-    }
-    .tplus-input-suffix{
-      right: 12px;
-      position: relative;
-    }
-  }
-}
-.ant-select{
-  .ant-select-arrow{
-    .iconfont{
-      display: inline-block;
-      color: #999;
-      font-size: 12px;
-      transition: transform .2s ease,-webkit-transform .2s ease;
-    }
-  }
-  &.ant-select-open{
-    .ant-select-arrow{
-      .iconfont{
-        transform: rotate(180deg);
-      }
-    }
-  }
-}
+.tplus-input-container{
+  display: flex;
+  .tplus-input-title{
+    flex: 0 0 auto;
+    padding: 0px 4px;
+    line-height: 32px;
+    font-size: 14px;
+    text-align: right;
+    margin-right: 10px;
+  }
+  .tplus-input-wrapper{
+    flex: 1;
+  }
+}
+.tplus-input-noAutocomplete{
+  position: fixed;
+  top: -999999px;
+}
+.tplus-input-wrapper {
+  position: relative;
+  display: flex;
+  border-radius: 3px;
+  height: 34px;
+  box-sizing: border-box;
+  input{
+    border: none;
+    outline: none;
+    flex: auto;
+    background: transparent;
+  }
+  ._tplus-animation-ease_{
+    -webkit-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+  };
+  ._tplus-animation-ease_;
+  .tplus-select-arrow-placeholder{
+    position: absolute;
+    height: 100%;
+    width: 20px;
+    right: 0px;
+    top: 0px;
+    z-index: 9;
+    cursor: pointer;
+  }
+  .tplus-input-icon{
+    color: rgba(0, 0, 0, 0.25);
+    font-size: 16px;
+    flex: 0 0 32px;
+    line-height: 32px;
+    text-align: center;
+  }
+  input {
+    padding: 0px 10px;
+  }
+  .tplus-input-clear{
+    color: #c8c8cd;
+  }
+  .tplus-input-prefix{
+    left: 5px;
+  }
+  .tplus-input-suffix{
+    right: 6px;
+  }
+  .has-prefix-icon{
+    //padding-left: 28px;
+  }
+  .has-suffix-icon{
+    //padding-right: 28px;
+  }
+  &.tplus-input-disabled{
+    cursor: not-allowed;
+    input{
+      cursor: not-allowed;
+    }
+  }
+  .tplus-input-error-text{
+    position: absolute;
+    right: 0px;
+    bottom: -18px;
+    margin: 0px;
+    font-size: 12px;
+  }
+  .tplus-select-placeholder{
+    position: absolute;
+    left: 0px;
+    right: 0px;
+    top: 0px;
+    bottom: 0px;
+    z-index: 9;
+    cursor: pointer;
+  }
+}
+
+.vertical-input-container{
+  .tplus-input-title{
+    font-size: 28px;
+    line-height: 64px;
+  }
+  .tplus-input-wrapper{
+    height: 64px;
+    input{
+      font-size: 26px;
+      padding: 0px 20px;
+    }
+    .tplus-input-icon {
+      font-size: 32px;
+      line-height: 64px;
+    }
+    .tplus-input-suffix{
+      right: 12px;
+      position: relative;
+    }
+  }
+}
+.ant-select{
+  .ant-select-arrow{
+    .iconfont{
+      display: inline-block;
+      color: #999;
+      font-size: 12px;
+      transition: transform .2s ease,-webkit-transform .2s ease;
+    }
+  }
+  &.ant-select-open{
+    .ant-select-arrow{
+      .iconfont{
+        transform: rotate(180deg);
+      }
+    }
+  }
+}

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+exports.generatorClass = generatorClass;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function generatorClass() {
+  var classes = [];
+  [].concat(Array.prototype.slice.call(arguments)).forEach(function (currentArg) {
+    if (typeof currentArg === 'string') {
+      classes.push(currentArg);
+    } else {
+      classes.push.apply(classes, (0, _toConsumableArray3.default)(currentArg));
+    }
+  });
+  return classes.join(' ').trim();
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/input/utils/index.js"],"names":["generatorClass","classes","arguments","forEach","currentArg","push","join","trim"],"mappings":";;;;;;;;;;QAAgBA,c,GAAAA,c;;;;AAAT,SAASA,cAAT,GAA0B;AAC/B,MAAIC,UAAU,EAAd;AACA,uCAAIC,SAAJ,GAAeC,OAAf,CAAuB,sBAAc;AACnC,QAAI,OAAOC,UAAP,KAAsB,QAA1B,EAAoC;AAClCH,cAAQI,IAAR,CAAaD,UAAb;AACD,KAFD,MAEO;AACLH,cAAQI,IAAR,iDAAgBD,UAAhB;AACD;AACF,GAND;AAOA,SAAOH,QAAQK,IAAR,CAAa,GAAb,EAAkBC,IAAlB,EAAP;AACD","file":"index.js","sourcesContent":["export function generatorClass() {\n  var classes = [];\n  [...arguments].forEach(currentArg => {\n    if (typeof currentArg === 'string') {\n      classes.push(currentArg);\n    } else {\n      classes.push(...currentArg);\n    }\n  })\n  return classes.join(' ').trim();\n}\n"]}