tplus-components-touch 3.45.1 → 3.45.2

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"]}

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

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() {\r\n  var classes = [];\r\n  [...arguments].forEach(currentArg => {\r\n    if (typeof currentArg === 'string') {\r\n      classes.push(currentArg);\r\n    } else {\r\n      classes.push(...currentArg);\r\n    }\r\n  })\r\n  return classes.join(' ').trim();\r\n}\r\n"]}

package/dist/components/settlement/moreCzkTable/index.js

@@ -0,0 +1,156 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _table = require('antd/es/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+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 _class;
+
+require('antd/es/table/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var PrototypeTableModal = (0, _mutantsMicrofx.observer)(_class = function (_Component) {
+  (0, _inherits3.default)(PrototypeTableModal, _Component);
+
+  function PrototypeTableModal() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, PrototypeTableModal);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = PrototypeTableModal.__proto__ || (0, _getPrototypeOf2.default)(PrototypeTableModal)).call.apply(_ref, [this].concat(args))), _this), _this.getRowClassName = function (record, index) {
+      var selectedRowIndex = _this.props.selectedRowIndex;
+
+      if (selectedRowIndex == index) {
+        return 'row-selected';
+      } else {
+        return '';
+      }
+    }, _this.onRowClick = function (record, index) {
+      _this.props.setMoreCzkIndex(index);
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(PrototypeTableModal, [{
+    key: 'getColumns',
+    value: function getColumns(data1) {
+      // 卡类型
+      var cardTypeEnumList = {
+        BALANCE_CARD: "余额卡",
+        ELEC_STORAGE_CARD: "电子储值卡",
+        STORAGE_CARD: "储值卡",
+        PHYSICAL_STORAGE_CARD: "实体储值卡"
+      };
+      var columns = [{
+        title: '卡号',
+        dataIndex: 'StorageCardNo',
+        key: 'StorageCardNo',
+        ellipsis: true,
+        align: 'center',
+        width: 200
+      }, {
+        title: '卡类型',
+        dataIndex: 'CardTypeEnum',
+        key: 'CardTypeEnum',
+        ellipsis: true,
+        align: 'center',
+        width: 120,
+        render: function render(showText) {
+          return _react2.default.createElement(
+            'div',
+            null,
+            cardTypeEnumList[showText]
+          );
+        }
+      }, {
+        title: '会员手机号',
+        dataIndex: 'MemberMobile',
+        key: 'MemberMobile',
+        ellipsis: true,
+        align: 'center',
+        width: 120
+      }, {
+        title: '会员',
+        dataIndex: 'MemberName',
+        key: 'MemberName',
+        ellipsis: true,
+        align: 'center',
+        width: 160
+      }, {
+        title: '余额',
+        dataIndex: 'BalanceStorage',
+        key: 'BalanceStorage',
+        ellipsis: true,
+        align: 'center',
+        width: 160
+      }];
+      return columns;
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var dataSource = this.props.dataSource;
+
+      var columns = this.getColumns(dataSource);
+      return _react2.default.createElement(_table2.default, {
+        className: 'moreCzkTable',
+        dataSource: dataSource,
+        columns: columns,
+        rowClassName: this.getRowClassName,
+        scroll: { y: 257 },
+        pagination: false,
+        onRow: function onRow(record, index) {
+          return {
+            onClick: function onClick() {
+              return _this2.onRowClick(record, index);
+            }
+          };
+        } });
+    }
+  }]);
+  return PrototypeTableModal;
+}(_react.Component)) || _class;
+
+exports.default = PrototypeTableModal;
+//# sourceMappingURL=index.js.map

package/dist/components/settlement/moreCzkTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/settlement/moreCzkTable/index.js"],"names":["PrototypeTableModal","observer","getRowClassName","record","index","selectedRowIndex","props","onRowClick","setMoreCzkIndex","data1","cardTypeEnumList","BALANCE_CARD","ELEC_STORAGE_CARD","STORAGE_CARD","PHYSICAL_STORAGE_CARD","columns","title","dataIndex","key","ellipsis","align","width","render","showText","dataSource","getColumns","y","onClick","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AAEA;;;;IAGqBA,mB,OADpBC,wB;;;;;;;;;;;;;;sOA4DCC,e,GAAkB,UAACC,MAAD,EAASC,KAAT,EAAmB;AAAA,UAC3BC,gBAD2B,GACN,MAAKC,KADC,CAC3BD,gBAD2B;;AAEnC,UAAIA,oBAAoBD,KAAxB,EAA+B;AAC7B,eAAO,cAAP;AACD,OAFD,MAEO;AACL,eAAO,EAAP;AACD;AACF,K,QAEDG,U,GAAa,UAACJ,MAAD,EAASC,KAAT,EAAmB;AAC9B,YAAKE,KAAL,CAAWE,eAAX,CAA2BJ,KAA3B;AACD,K;;;;;+BArEUK,K,EAAO;AACd;AACF,UAAMC,mBAAmB;AACrBC,sBAAc,KADO;AAErBC,2BAAmB,OAFE;AAGrBC,sBAAc,KAHO;AAIrBC,+BAAuB;AAJF,OAAzB;AAMA,UAAIC,UAAU,CACZ;AACEC,eAAO,IADT;AAEEC,mBAAW,eAFb;AAGEC,aAAK,eAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO;AANT,OADY,EASZ;AACEL,eAAO,KADT;AAEEC,mBAAW,cAFb;AAGEC,aAAK,cAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO,GANT;AAOEC,gBAAQ,gBAACC,QAAD,EAAc;AAClB,iBACI;AAAA;AAAA;AAAMb,6BAAiBa,QAAjB;AAAN,WADJ;AAGD;AAXL,OATY,EAsBZ;AACEP,eAAO,OADT;AAEEC,mBAAW,cAFb;AAGEC,aAAK,cAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO;AANT,OAtBY,EA8BZ;AACEL,eAAO,IADT;AAEEC,mBAAW,YAFb;AAGEC,aAAK,YAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO;AANT,OA9BY,EAsCZ;AACEL,eAAO,IADT;AAEEC,mBAAW,gBAFb;AAGEC,aAAK,gBAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO;AANT,OAtCY,CAAd;AA+CA,aAAON,OAAP;AACD;;;6BAeQ;AAAA;;AAAA,UACCS,UADD,GACe,KAAKlB,KADpB,CACCkB,UADD;;AAEP,UAAIT,UAAU,KAAKU,UAAL,CAAgBD,UAAhB,CAAd;AACA,aACI;AACA,mBAAU,cADV;AAEA,oBAAYA,UAFZ;AAGA,iBAAST,OAHT;AAIA,sBAAc,KAAKb,eAJnB;AAKA,gBAAQ,EAAEwB,GAAG,GAAL,EALR;AAMA,oBAAY,KANZ;AAOA,eAAO,eAACvB,MAAD,EAASC,KAAT,EAAmB;AACtB,iBAAO;AACHuB,qBAAS;AAAA,qBAAM,OAAKpB,UAAL,CAAgBJ,MAAhB,EAAwBC,KAAxB,CAAN;AAAA;AADN,WAAP;AAGH,SAXD,GADJ;AAcD;;;EAzF8CwB,gB;;kBAA5B5B,mB","file":"index.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { observer } from \"mutants-microfx\"\r\nimport { Table } from 'antd';\r\nimport './style.less';\r\n\r\n@observer\r\nexport default class PrototypeTableModal extends Component {\r\n  getColumns(data1) {\r\n      // 卡类型\r\n    const cardTypeEnumList = {\r\n        BALANCE_CARD: \"余额卡\",  \r\n        ELEC_STORAGE_CARD: \"电子储值卡\",\r\n        STORAGE_CARD: \"储值卡\",\r\n        PHYSICAL_STORAGE_CARD: \"实体储值卡\"\r\n    }\r\n    let columns = [\r\n      {\r\n        title: '卡号',\r\n        dataIndex: 'StorageCardNo',\r\n        key: 'StorageCardNo',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 200,\r\n      },\r\n      {\r\n        title: '卡类型',\r\n        dataIndex: 'CardTypeEnum',\r\n        key: 'CardTypeEnum',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 120,\r\n        render: (showText) => {\r\n            return (\r\n                <div>{cardTypeEnumList[showText]}</div>\r\n            )\r\n          }\r\n      },\r\n      {\r\n        title: '会员手机号',\r\n        dataIndex: 'MemberMobile',\r\n        key: 'MemberMobile',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 120,\r\n      },\r\n      {\r\n        title: '会员',\r\n        dataIndex: 'MemberName',\r\n        key: 'MemberName',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 160,\r\n      },\r\n      {\r\n        title: '余额',\r\n        dataIndex: 'BalanceStorage',\r\n        key: 'BalanceStorage',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 160,\r\n      }\r\n    ]\r\n    return columns;\r\n  }\r\n\r\n  getRowClassName = (record, index) => {\r\n    const { selectedRowIndex } = this.props;\r\n    if (selectedRowIndex == index) {\r\n      return 'row-selected'\r\n    } else {\r\n      return '';\r\n    }\r\n  }\r\n\r\n  onRowClick = (record, index) => {\r\n    this.props.setMoreCzkIndex(index)\r\n  }\r\n\r\n  render() {\r\n    const  {dataSource} = this.props;\r\n    let columns = this.getColumns(dataSource);\r\n    return (\r\n        <Table\r\n        className='moreCzkTable'\r\n        dataSource={dataSource}\r\n        columns={columns}\r\n        rowClassName={this.getRowClassName}\r\n        scroll={{ y: 257 }}\r\n        pagination={false}\r\n        onRow={(record, index) => {\r\n            return {\r\n                onClick: () => this.onRowClick(record, index)\r\n            }\r\n        }} ></Table>\r\n    );\r\n  }\r\n}\r\n"]}