tplus-components-touch 1.27.1 → 1.27.2

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

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Select2 = require('tinper-bee/dist/Select');
+
+var _Select3 = _interopRequireDefault(_Select2);
+
+exports.default = TplusInput;
+
+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 _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组件参数
+ */
+var Option = _Select3.default.Option;
+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","Option","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":";;;;;;;;;;kBAwCwBA,U;;;;AARxB;;;;AACA;;;;AAEA;;;;AACA;;;;AApCA;;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmCOC,M,oBAAAA,M;AAEQ,SAASD,UAAT,CAAoBE,KAApB,EAA2B;AACxC,SACE,8BAAC,sBAAD,EACMA,KADN,CADF;AAKD;;AAEDF,WAAWG,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 {Select} from 'tinper-bee';\nimport InputContent from './inputContent';\nimport './style.less';\n\nconst {Option} = Select;\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,130 @@
+'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,
+        prefix: prefix,
+        suffix: suffix
+      }, 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":";;;;;;;;;;;;;;;;;;kBAKwBA,Y;;AALxB;;;;AACA;;AACA;;;;AACA;;;;AAEe,SAASA,YAAT,CAAsBC,KAAtB,EAA6B;AAAA,MACnCC,MADmC,GAE8CD,KAF9C,CACnCC,MADmC;AAAA,MAC3BC,MAD2B,GAE8CF,KAF9C,CAC3BE,MAD2B;AAAA,qBAE8CF,KAF9C,CACnBG,KADmB;AAAA,MACnBA,KADmB,gCACX,EADW;AAAA,yBAE8CH,KAF9C,CACPI,SADO;AAAA,MACPA,SADO,oCACK,EADL;AAAA,MACSC,KADT,GAE8CL,KAF9C,CACSK,KADT;AAAA,MACgBC,UADhB,GAE8CN,KAF9C,CACgBM,UADhB;AAAA,MAC4BC,KAD5B,GAE8CP,KAF9C,CAC4BO,KAD5B;AAAA,MACmCC,OADnC,GAE8CR,KAF9C,CACmCQ,OADnC;AAAA,MAExCC,iBAFwC,GAE8CT,KAF9C,CAExCS,iBAFwC;AAAA,MAErBC,gBAFqB,GAE8CV,KAF9C,CAErBU,gBAFqB;AAAA,8BAE8CV,KAF9C,CAEHW,qBAFG;AAAA,MAEHA,qBAFG,yCAEqB,EAFrB;AAAA,MAEyBC,QAFzB,GAE8CZ,KAF9C,CAEyBY,QAFzB;AAAA,MAEsCC,IAFtC,0CAE8Cb,KAF9C;;AAAA,kBAGd,qBAAS,KAAT,CAHc;AAAA;AAAA,MAGnCc,OAHmC;AAAA,MAG1BC,QAH0B;;AAK1C,MAAMC,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAO;AACzBF,aAAS,IAAT;AACD,GAFD;AAGA,MAAMG,aAAa,SAAbA,UAAa,CAACD,CAAD,EAAO;AACxBF,aAAS,KAAT;AACD,GAFD;AAGA,MAAMI,cAAc,SAAdA,WAAc,CAACF,CAAD,EAAO;AACzBT,eAAWA,QAAQS,CAAR,CAAX;AACD,GAFD;;AAIA,MAAMG,aAAa,SAAbA,UAAa,CAACC,IAAD,EAAOjB,SAAP,EAAqB;AACtC,QAAI,CAACiB,IAAL,EAAW;AACX,QAAIC,iBAAJ;AACA,QAAI,OAAOD,IAAP,KAAgB,QAApB,EAA8B;AAC5BC,iBAAW,8BAAC,YAAD;AACT,cAAMD,IADG;AAET,mBAAU;AAFD,QAAX;AAID,KALD,MAKO;AACLC,iBAAWD,IAAX;AACD;AACD,WAAO;AAAA;AAAA,QAAM,WAAWjB,SAAjB;AAA6BkB;AAA7B,KAAP;AACD,GAZD;;AAcA,MAAMC,mBAAmB,SAAnBA,gBAAmB,GAAM;AAC7B,QAAMC,UAAU,CAAC,aAAD,CAAhB;AACAvB,cAAUuB,QAAQC,IAAR,CAAa,iBAAb,CAAV;AACAvB,cAAUsB,QAAQC,IAAR,CAAa,iBAAb,CAAV;AACA,WAAOD,QAAQE,IAAR,CAAa,GAAb,CAAP;AACD,GALD;;AAOA,MAAMC,iBAAiBJ,kBAAvB;AACA,MAAMK,kBAAkBtB,cAAc,CAAC,QAAD,EAAW,QAAX,EAAqBuB,QAArB,CAA8B7B,MAAM8B,IAApC,CAAd,GAA0D,yBAA1D,GAAsF,EAA9G;AACA,MAAMC,oBAAqB/B,MAAM8B,IAAN,KAAe,QAAf,IAA2BhB,OAA5B,GAAuC,mBAAvC,GAA6D,kBAAvF;AACA,MAAMkB,qBAAqBhC,MAAMiC,QAAN,GAAiB,sBAAjB,GAA0C,EAArE;AACA,MAAMC,eAAe3B,QAAQ,mBAAR,GAA8B,EAAnD;;AAEA,MAAM4B,aAAa,2BAAe,qBAAf,EAAsC/B,SAAtC,EAAiD2B,iBAAjD,EAAoEG,YAApE,EAAkFN,eAAlF,EAAmGI,kBAAnG,CAAnB;AACA,SAAQ;AAAA;AAAA,MAAK,uCAAoCpB,WAAW,0BAAX,GAAwC,EAA5E,CAAL;AACLP,aAAS;AAAA;AAAA,QAAM,WAAU,mBAAhB;AAAqCA;AAArC,KADJ;AAEN;AAAA;AAAA,QAAK,WAAW8B,UAAhB,EAA4B,SAAShB,WAArC,EAAkD,OAAOhB,KAAzD;AACGiB,iBAAWnB,MAAX,EAAmB,qCAAnB,CADH;AAEGQ,2BAAqB,uCAAK,WAAU,0BAAf,GAFxB;AAGE,oCAAC,gBAAD;AACE,mBAAWkB,cADb;AAEE,qBAAaX,WAFf;AAGE,oBAAYE,UAHd;AAIE,gBAAQjB,MAJV;AAKE,gBAAQC;AALV,SAMMW,IANN,EAHF;AAWGH,0BAAoB,uCAAK,+CAA6CC,qBAAlD,GAXvB;AAYGS,iBAAWlB,MAAX,EAAmB,qCAAnB,CAZH;AAaGK,eAAS;AAAA;AAAA,UAAG,WAAU,wBAAb;AAAuCA;AAAvC;AAbZ;AAFM,GAAR;AAkBD","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        prefix={prefix}\n        suffix={suffix}\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,201 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _FormControl2 = require('tinper-bee/dist/FormControl');
+
+var _FormControl3 = _interopRequireDefault(_FormControl2);
+
+var _Select2 = require('tinper-bee/dist/Select');
+
+var _Select3 = _interopRequireDefault(_Select2);
+
+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 = Inputs;
+
+require('tinper-bee/dist/FormControl/index.css');
+
+require('tinper-bee/dist/Select/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../../index');
+
+var _debounce = require('lodash/debounce');
+
+var _debounce2 = _interopRequireDefault(_debounce);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var setTimerState = null; /*
+                           * @Descripttion: 
+                           * @version: 
+                           * @Author: chenlongad
+                           * @Date: 2020-10-29 09:43:18
+                           * @LastEditors: chenlongad
+                           * @LastEditTime: 2020-12-29 13:17:04
+                           */
+
+
+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,
+      prefix = props.prefix,
+      suffix = props.suffix,
+      isPasswordFixedInput = props.isPasswordFixedInput,
+      onClear = props.onClear,
+      prop = (0, _objectWithoutProperties3.default)(props, ['placeholder', 'onChange', 'value', 'onFocus', 'onBlur', 'noAutocomplete', 'nativeFocus', 'nativeBlur', 'password', 'disabled', 'className', 'inputRef', 'htmlType', 'size', 'prefix', 'suffix', 'isPasswordFixedInput', 'onClear']);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray3.default)(_useState, 2),
+      isShowOtherInput = _useState2[0],
+      setShowOtherInput = _useState2[1];
+
+  var handleChange = function handleChange(e) {
+    if (disPlayTextInput) disPlayTextInput.value = e.target.value && e.target.value.replace(/./g, '*');
+    if (setTimerState) clearTimeout(setTimerState);
+    setTimerState = setTimeout(function () {
+      dismissOtherInput();
+    }, 2000);
+    setShowOtherInput(true);
+    // debounceDismissOtherInput();
+    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 dismissOtherInput = function dismissOtherInput() {
+    setShowOtherInput(false);
+    return true;
+  };
+
+  var textInput = null;
+  var disPlayTextInput = void 0;
+
+  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)),
+    _react2.default.createElement('input', {
+      ref: function ref(input) {
+        disPlayTextInput = input;
+      },
+      placeholder: placeholder,
+      disabled: disabled,
+      type: 'password',
+      style: { 'display': isShowOtherInput && htmlType == 'password' && isPasswordFixedInput ? 'block' : 'none', 'marginRight': suffix ? '30px' : '', 'marginLeft': prefix ? '30px' : '' },
+      className: classNames + ' otherInput'
+    }),
+    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(
+    _Select3.default,
+    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(_FormControl3.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","setTimerState","NativeInput","props","placeholder","onChange","value","onFocus","onBlur","noAutocomplete","nativeFocus","nativeBlur","password","disabled","className","inputRef","htmlType","size","prefix","suffix","isPasswordFixedInput","onClear","prop","isShowOtherInput","setShowOtherInput","handleChange","e","disPlayTextInput","target","replace","clearTimeout","setTimeout","dismissOtherInput","handleFocus","handleBlur","clearValue","textInput","classNames","isPassword","type","input","length","fontSize","NoAutocomplete","SelectInput","children","createInput"],"mappings":"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","file":"inputs.js","sourcesContent":["/*\n * @Descripttion: \n * @version: \n * @Author: chenlongad\n * @Date: 2020-10-29 09:43:18\n * @LastEditors: chenlongad\n * @LastEditTime: 2020-12-29 13:17:04\n */\nimport React, {Fragment,useState} from 'react';\nimport {Ticon} from '../../../index';\nimport {FormControl, Select} from 'tinper-bee';\nimport debounce from 'lodash/debounce';\n\nlet setTimerState = null;\n\n\nconst NativeInput = (props) => {\n\n  const {placeholder, onChange, value, onFocus, onBlur, noAutocomplete, nativeFocus, nativeBlur, password, disabled = false, className, inputRef, htmlType = 'text', size = '',prefix,suffix,isPasswordFixedInput , onClear, ...prop} = props;\n\n  const [isShowOtherInput, setShowOtherInput] = useState(false);\n\n  const handleChange = (e) => {\n    if(disPlayTextInput) disPlayTextInput.value = e.target.value && e.target.value.replace(/./g,'*');\n    if(setTimerState) clearTimeout(setTimerState);\n    setTimerState = setTimeout(() => {\n       dismissOtherInput();\n     }, 2000);\n    setShowOtherInput(true);\n    // debounceDismissOtherInput();\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  const dismissOtherInput = () => {\n    setShowOtherInput(false)\n    return true;\n  }\n\n  let  textInput = null;\n  let disPlayTextInput;\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    <input\n      ref={(input) => { disPlayTextInput = input; }}\n      placeholder={placeholder}\n      disabled={disabled}\n      type = \"password\"\n      style={{'display':isShowOtherInput && htmlType == 'password' && isPasswordFixedInput ?'block':'none','marginRight':suffix?'30px':'','marginLeft':prefix?'30px':''}}\n      className={`${classNames} otherInput`}\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 {...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 <FormControl {...props}/>;\n    }\n  };\n  return createInput(type);\n};\n\n"]}

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

@@ -0,0 +1,194 @@
+@t_select_disabled_bgc:#fff;
+.tplus-input-container{
+  display: flex;
+  position: relative;
+  .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;
+    position: relative;
+  }
+  
+  .otherInput{
+    top: 0;
+    left: 0;
+    position: absolute;
+    height: 100%;
+    flex:1;
+    background-color: #fff;
+    font-size: 12px;
+    line-height: 24px;
+  }
+  
+  .otherInput{
+    position: absolute;
+    height: 100%;
+    width: calc(100% -32px);
+    background-color: #fff;
+    font-size: 12px;
+    padding: 0px 20px;
+  }
+}
+.tplus-input-noAutocomplete{
+  position: fixed;
+  top: -999999px;
+}
+.tplus-input-wrapper {
+  position: relative;
+  display: flex;
+  border: 1px solid #DADADA;
+  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_;
+  &.select-has-prefix-icon {
+    .u-select-selection-rendered{
+      padding-left: 22px;
+    }
+  }
+  &.tplus-input-bottom-line{
+    border: none;
+    border-radius: 0px;
+    border-bottom: 1px solid #DADADA;
+    &.u-select{
+      .u-select-selection{
+        border: none;
+      }
+    }
+    &.tplus-input-disabled{
+      background-color:@t_select_disabled_bgc;
+    }
+    .u-select-disabled.u-select{
+      .u-select-selection{
+        background-color: @t_select_disabled_bgc;
+      }
+    }
+  }
+  .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;
+  }
+  .u-select{
+    padding-left: 10px;
+    .u-select-selection{
+      border: none;
+      .u-select-selection-rendered{
+        line-height: 32px;
+      }
+    }
+  }
+  &.tplus-input-focus{
+    border: 1px solid #fea166;
+  }
+  &.tplus-input-bottom-line.tplus-input-focus{
+    border: none;
+    border-bottom: 1px solid #fea166;
+  }
+  &.tplus-input-disabled{
+    background-color: #f7f9fb;
+    border-color: #c9c9c9;
+    color: #666666;
+    cursor: not-allowed;
+    input{
+      cursor: not-allowed;
+    }
+  }
+  &.tplus-input-error{
+    border: 1px solid #FF3830;
+  }
+  &.tplus-input-bottom-line.tplus-input-error{
+    border: none;
+    border-bottom: 1px solid #FF3830;
+  }
+  .tplus-input-error-text{
+    position: absolute;
+    right: 0px;
+    bottom: -18px;
+    margin: 0px;
+    font-size: 12px;
+    color: #FF3830;
+  }
+  .u-select-disabled{
+    .u-select-selection{
+      background-color: transparent;
+    }
+  }
+  .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;
+    }
+  }
+}

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