tplus-components-touch 3.22.16 → 3.23.2

package/dist/components/keyboard/numkeyboardPassword.js

@@ -0,0 +1,460 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _popover = require('antd/es/popover');
+
+var _popover2 = _interopRequireDefault(_popover);
+
+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, _temp;
+
+require('antd/es/input/style');
+
+require('antd/es/popover/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsUtil = require('mutants-util');
+
+var _index = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var numkeyboardPassword = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(numkeyboardPassword, _Component);
+
+  function numkeyboardPassword(props) {
+    (0, _classCallCheck3.default)(this, numkeyboardPassword);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (numkeyboardPassword.__proto__ || (0, _getPrototypeOf2.default)(numkeyboardPassword)).call(this));
+
+    _this.numClick = function (key) {
+      // let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);
+      // this.setStateValue(newValue);
+
+      if (key == 'sure') {
+        //   if (this.props.handleOk) {
+        // let result = this.props.handleOk(this.state.value);
+        // if (result) {
+        _this.setState({
+          visible: false
+        });
+        // }
+        //   }
+        return;
+      }
+      var length1 = _this.props.maxLength;
+      var length2 = _this.props.precisionLength;
+      if (length2 == 0 && key == '.') {
+        return;
+      }
+      var value = _this.state.value + '';
+      if (value == '' && key == '.') {
+        // 不允许小数的时候，也不允许小数点
+        return;
+      }
+      if ((value + '').indexOf('.') > 0 && key == '.') {
+        return;
+      }
+
+      var newValue = _index.Keyboard.getNewValue(_this.input.input, _this.getShowValue(), key, true);
+
+      if (length1 && length2) {
+        var v = newValue,
+            v1 = void 0,
+            v2 = void 0;
+        if (value.indexOf('-') != -1) {
+          v = value.slice(1, value.length);
+        }
+        v1 = v.split('.')[0];
+        v2 = v.split('.')[1];
+        if (v.length > length1 || v2 && v2.length > length2 || v1 && v1.length > length1 - length2 - 1) {
+          return;
+        }
+      }
+
+      if (_this.state.value.length === 6) {
+        if (key === "clear") {
+          _this.setStateValue(newValue);
+        } else if (_this.state.count) {
+          _this.setStateValue(newValue);
+          _this.setState({
+            count: false
+          });
+        }
+      } else {
+        _this.setStateValue(newValue);
+      }
+
+      // this.setState({
+      //   value: newValue
+      // }, () => {
+      //   this.props.onChange && this.props.onChange(this.state.value);
+      // })
+    };
+
+    _this.getKeyboard = function () {
+      var nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];
+      var numsKey = nums.map(function (item) {
+        return _react2.default.createElement(
+          'div',
+          { className: 'num key', key: item + Math.random(), onClick: _this.numClick.bind(_this, item) },
+          item
+        );
+      });
+      var type = _this.props.type;
+
+      return _react2.default.createElement(
+        'div',
+        { className: 'clearfix', onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+          } },
+        _react2.default.createElement(
+          'div',
+          { className: 'nums clearfix' },
+          numsKey
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'dels clearfix' },
+          _react2.default.createElement(
+            'div',
+            { className: 'del key', onClick: _this.numClick.bind(_this, 'delete') },
+            _react2.default.createElement(_index.Ticon, { type: 'tuige' })
+          ),
+          type == 'password' ? _react2.default.createElement(
+            _react2.default.Fragment,
+            null,
+            _react2.default.createElement(
+              'div',
+              { className: 'del key sure positive', onClick: _this.numClick.bind(_this, 'clear') },
+              '\u6E05',
+              _react2.default.createElement('br', null),
+              '\u7A7A'
+            )
+          ) : null,
+          _react2.default.createElement(
+            _react2.default.Fragment,
+            null,
+            _react2.default.createElement(
+              'div',
+              { className: 'del key', onClick: _this.numClick.bind(_this, 'clear') },
+              '\u6E05\u7A7A'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'del key sure real-sure', onClick: _this.numClick.bind(_this, 'sure') },
+              '\u786E',
+              _react2.default.createElement('br', null),
+              '\u5B9A'
+            )
+          )
+        )
+      );
+    };
+
+    _this.setStateValue = function (value, fn) {
+      _this.setState({
+        value: value
+      }, function () {
+        if (_this.props.onChange) {
+          _this.props.onChange(_this.getShowValue(), _this.props.name);
+        }
+        if (fn && typeof fn == 'function') fn();
+      });
+    };
+
+    _this.inputChange = function (e) {
+      var v = e.target.value;
+      if (v === '') {
+        _this.setStateValue('');
+        return;
+      }
+      var newValue = void 0;
+      var isReturn = _this.props.isReturn;
+
+      if (isReturn) {
+        if (!_tools2.default.isSubFloat(v)) {
+          return;
+        }
+      } else {
+        if (!_tools2.default.isfloat(v)) {
+          return;
+        }
+      }
+      if (v.match(/\./g) && v.match(/\./g).length > 1) {
+        return;
+      }
+      if ("positive") {
+        // 只允许输入正数
+        newValue = (v + '').match(/\d+\.?\d*/);
+      } else {
+        newValue = (v + '').match(/^(\-)?[(\d*)|(\d+\.?\d*)]*$/);
+      }
+      var length1 = _this.props.maxLength;
+      var length2 = _this.props.precisionLength;
+      if (length1 >= 0 && length2 >= 0) {
+        var _v = (newValue ? newValue[0] : '') + '',
+            v1 = void 0,
+            v2 = void 0;
+        if (_v.indexOf('-') != -1) {
+          _v = _v.slice(1, _v.length);
+        }
+        v1 = _v.split('.')[0];
+        v2 = _v.split('.')[1];
+        if (_v.length > length1 || v2 && v2.length > length2 || v1 && v1.length > length1 - length2 - 1) {
+          return;
+        }
+        if (length2 == 0 && _v.indexOf('.') > 0) {
+          // 不允许小数的时候，也不允许小数点
+          return;
+        }
+      }
+      if (newValue && newValue[0]) {
+        newValue = newValue[0];
+        if (newValue !== '-') {
+          var _this$props$max = _this.props.max,
+              max = _this$props$max === undefined ? {} : _this$props$max;
+          var _this$props$min = _this.props.min,
+              min = _this$props$min === undefined ? {} : _this$props$min;
+
+          if (!_tools2.default.isNull(max.value) && newValue > max.value) return;
+          if (!_tools2.default.isNull(min.value) && newValue < min.value) return;
+        }
+        _this.setStateValue(newValue || '');
+      }
+      // this.setState({
+      //   value: newValue && newValue[0] || ''
+      // }, () => {
+      //   this.props.onChange && this.props.onChange(this.state.value);
+      // })
+    };
+
+    _this.onFocus = function () {
+      _this.props.onFocus && _this.props.onFocus();
+      _this.input.input.select();
+      _this.setState({
+        count: true
+      });
+    };
+
+    _this.onShowPopover = function () {
+      _this.setState({
+        visible: true
+      }, function () {
+        _this.input.input.focus();
+        _this.input.input.select();
+      });
+    };
+
+    _this.getValue = function () {
+      return _this.getShowValue();
+    };
+
+    _this.setValue = function (value) {
+      _this.setState({
+        value: value
+      });
+    };
+
+    _this.onVisibleChange = function (visible) {
+      console.log('onVisibleChange', visible);
+      _this.setState({
+        visible: visible
+      });
+      _this.props.onVisibleChange && _this.props.onVisibleChange(visible);
+    };
+
+    _this.onHidePopover = function () {
+      _this.setState({
+        visible: false
+      });
+    };
+
+    _this.getShowValue = function () {
+      return _this.props.value === undefined ? _this.state.value : _this.props.value;
+    };
+
+    _this.getKeyboardIcon = function () {
+      var propsVisible = _this.props.show;
+      var isPropsVisible = propsVisible !== undefined;
+      var icon = isPropsVisible ? propsVisible ? 'jianpan1' : 'jianpan2' : _this.state.visible ? 'jianpan1' : 'jianpan2';
+      var _this$props$popClassN = _this.props.popClassName,
+          popClassName = _this$props$popClassN === undefined ? '' : _this$props$popClassN;
+
+      return _this.props.disabled ? _react2.default.createElement(_index.Ticon, { className: 'keyboard-icon', type: icon, style: { color: '#999' } }) : _react2.default.createElement(
+        _popover2.default,
+        {
+          placement: 'bottomRight',
+          onVisibleChange: _this.onVisibleChange,
+          onHide: _this.onHidePopover,
+          title: null
+          // arrowOffsetTop={-200}
+          // arrowOffsetLeft={400}
+          , visible: isPropsVisible ? propsVisible : _this.state.visible,
+          content: _this.getKeyboard(),
+          trigger: 'click',
+          overlayClassName: 'num-keyboard-popover num-keyboard-popover-click ' + popClassName + ' ' },
+        _react2.default.createElement(_index.Ticon, { className: 'keyboard-icon', type: icon, style: { color: '#999' }, onClick: _this.onShowPopover })
+      );
+    };
+
+    _this.state = {
+      visible: false,
+      value: props.value || '',
+      count: false
+    };
+
+    var _ref = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref.isHorizontalPad;
+
+    _this.isMobileEnvironment = !!isHorizontalPad;
+    return _this;
+  }
+
+  (0, _createClass3.default)(numkeyboardPassword, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.setState({
+        value: this.props.defaultValue || ''
+      });
+    }
+
+    /**
+     * 对外提供的 get 方法
+     */
+
+
+    /**
+     * 对外提供的 set 方法
+     */
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props2 = this.props,
+          bordered = _props2.bordered,
+          trigger = _props2.trigger,
+          _props2$onIconClick = _props2.onIconClick,
+          onIconClick = _props2$onIconClick === undefined ? function () {} : _props2$onIconClick,
+          icon = _props2.icon,
+          _props2$className = _props2.className,
+          className = _props2$className === undefined ? '' : _props2$className,
+          _props2$popClassName = _props2.popClassName,
+          popClassName = _props2$popClassName === undefined ? '' : _props2$popClassName,
+          _props2$inputClassNam = _props2.inputClassName,
+          inputClassName = _props2$inputClassNam === undefined ? '' : _props2$inputClassNam;
+
+      var _props = (0, _extends3.default)({}, this.props);
+      delete _props.bordered;
+      delete _props.trigger;
+      delete _props.className;
+      delete _props.popClassName;
+      delete _props.icon;
+      delete _props.onIconClick;
+      delete _props.inputClassName;
+      delete _props.precisionLength;
+      delete _props.maxLength;
+      var value = this.getShowValue();
+      return _react2.default.createElement(
+        'div',
+        { className: 'keyboard number-keyboard ' + (!bordered ? 'no-bordered' : '') + ' ' + className },
+        trigger == 'click' ? _react2.default.createElement(
+          _input2.default.Group,
+          null,
+          _react2.default.createElement(_input2.default, { maxLength: '6',
+            type: 'password',
+            className: inputClassName + ' keyboard-input',
+            onFocus: this.onFocus,
+            onChange: this.inputChange,
+            value: value,
+            placeholder: this.props && this.props.placeholder,
+            ref: function ref(input) {
+              return _this2.input = input;
+            },
+            allowClear: this.isMobileEnvironment,
+            onBlur: this.props.onBlur,
+            suffix: !this.isMobileEnvironment && this.getKeyboardIcon()
+          })
+        ) : _react2.default.createElement(
+          _input2.default.Group,
+          null,
+          _react2.default.createElement(
+            _popover2.default,
+            {
+              placement: 'bottomRight',
+              onVisibleChange: this.onVisibleChange,
+              onHide: this.onHidePopover,
+              rootClose: false,
+              title: null,
+              visible: this.state.visible,
+              content: this.getKeyboard(),
+              trigger: 'focus',
+              overlayClassName: 'num-keyboard-popover num-keyboard-popover-focus ' + popClassName + ' '
+            },
+            _react2.default.createElement(_input2.default, (0, _extends3.default)({ maxLength: '6', type: 'password', className: 'keyboard-input' }, _props, { onBlur: this.onHidePopover, onFocus: this.onShowPopover, onChange: this.inputChange, value: value, ref: function ref(input) {
+                return _this2.input = input;
+              },
+              suffix: _react2.default.createElement(_index.Ticon, { className: 'keyboard-icon', type: icon, style: { color: '#999' }, onClick: onIconClick }) }))
+          )
+        )
+      );
+    }
+  }]);
+  return numkeyboardPassword;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func,
+  icon: _propTypes2.default.string,
+  bordered: _propTypes2.default.bool, // 是否要 通过 icon 来触发键盘弹出
+  popClassName: _propTypes2.default.string, // 键盘弹出框的 className
+  onIconClick: _propTypes2.default.func
+}, _class.defaultProps = {
+  trigger: 'click',
+  bordered: false,
+  icon: 'jianpan'
+}, _temp);
+exports.default = numkeyboardPassword;
+//# sourceMappingURL=numkeyboardPassword.js.map

package/dist/components/keyboard/numkeyboardPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/numkeyboardPassword.js"],"names":["numkeyboardPassword","props","numClick","key","setState","visible","length1","maxLength","length2","precisionLength","value","state","indexOf","newValue","Keyboard","getNewValue","input","getShowValue","v","v1","v2","slice","length","split","setStateValue","count","getKeyboard","nums","numsKey","map","item","Math","random","bind","type","e","preventDefault","fn","onChange","name","inputChange","target","isReturn","tools","isSubFloat","isfloat","match","max","min","isNull","onFocus","select","onShowPopover","focus","getValue","setValue","onVisibleChange","console","log","onHidePopover","undefined","getKeyboardIcon","propsVisible","show","isPropsVisible","icon","popClassName","disabled","color","platform","isHorizontalPad","isMobileEnvironment","defaultValue","bordered","trigger","onIconClick","className","inputClassName","_props","placeholder","onBlur","Component","propTypes","PropTypes","func","string","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AACA;;AAEA;;;;AAEA;;;;;;IAEqBA,mB;;;AAgBnB,+BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AAAA,UAiBnBC,QAjBmB,GAiBR,UAACC,GAAD,EAAS;AAClB;AACA;;AAEA,UAAIA,OAAO,MAAX,EAAmB;AACnB;AACI;AACA;AACE,cAAKC,QAAL,CAAc;AACZC,mBAAS;AADG,SAAd;AAGF;AACJ;AACE;AACD;AACD,UAAIC,UAAU,MAAKL,KAAL,CAAWM,SAAzB;AACA,UAAIC,UAAU,MAAKP,KAAL,CAAWQ,eAAzB;AACA,UAAID,WAAW,CAAX,IAAgBL,OAAO,GAA3B,EAAgC;AAC9B;AACD;AACD,UAAIO,QAAQ,MAAKC,KAAL,CAAWD,KAAX,GAAmB,EAA/B;AACA,UAAIA,SAAS,EAAT,IAAeP,OAAO,GAA1B,EAA+B;AAAE;AAC/B;AACD;AACD,UAAI,CAACO,QAAQ,EAAT,EAAaE,OAAb,CAAqB,GAArB,IAA4B,CAA5B,IAAiCT,OAAO,GAA5C,EAAiD;AAC/C;AACD;;AAED,UAAIU,WAAWC,gBAASC,WAAT,CAAqB,MAAKC,KAAL,CAAWA,KAAhC,EAAuC,MAAKC,YAAL,EAAvC,EAA4Dd,GAA5D,EAAiE,IAAjE,CAAf;;AAEA,UAAIG,WAAWE,OAAf,EAAwB;AACtB,YAAIU,IAAIL,QAAR;AAAA,YAAkBM,WAAlB;AAAA,YAAsBC,WAAtB;AACA,YAAIV,MAAME,OAAN,CAAc,GAAd,KAAsB,CAAC,CAA3B,EAA8B;AAC5BM,cAAIR,MAAMW,KAAN,CAAY,CAAZ,EAAeX,MAAMY,MAArB,CAAJ;AACD;AACDH,aAAKD,EAAEK,KAAF,CAAQ,GAAR,EAAa,CAAb,CAAL;AACAH,aAAKF,EAAEK,KAAF,CAAQ,GAAR,EAAa,CAAb,CAAL;AACA,YAAIL,EAAEI,MAAF,GAAWhB,OAAX,IAAuBc,MAAMA,GAAGE,MAAH,GAAYd,OAAzC,IAAsDW,MAAMA,GAAGG,MAAH,GAAahB,UAAQE,OAAR,GAAgB,CAA7F,EAAkG;AAChG;AACD;AACF;;AAED,UAAI,MAAKG,KAAL,CAAWD,KAAX,CAAiBY,MAAjB,KAA4B,CAAhC,EAAmC;AAC/B,YAAInB,QAAQ,OAAZ,EAAqB;AACjB,gBAAKqB,aAAL,CAAmBX,QAAnB;AACH,SAFD,MAEO,IAAI,MAAKF,KAAL,CAAWc,KAAf,EAAsB;AACzB,gBAAKD,aAAL,CAAmBX,QAAnB;AACA,gBAAKT,QAAL,CAAc;AACVqB,mBAAO;AADG,WAAd;AAGH;AACJ,OATD,MASO;AACH,cAAKD,aAAL,CAAmBX,QAAnB;AACH;;AAGD;AACA;AACA;AACA;AACA;AACD,KA9EkB;;AAAA,UAgFnBa,WAhFmB,GAgFL,YAAM;AAClB,UAAIC,OAAO,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB,EAA0B,GAA1B,EAA+B,GAA/B,EAAoC,GAApC,EAAyC,GAAzC,EAA8C,GAA9C,EAAmD,IAAnD,EAAyD,GAAzD,CAAX;AACA,UAAIC,UAAUD,KAAKE,GAAL,CAAS,UAACC,IAAD;AAAA,eAAU;AAAA;AAAA,YAAK,WAAU,SAAf,EAAyB,KAAKA,OAAOC,KAAKC,MAAL,EAArC,EAAoD,SAAS,MAAK9B,QAAL,CAAc+B,IAAd,QAAyBH,IAAzB,CAA7D;AAA8FA;AAA9F,SAAV;AAAA,OAAT,CAAd;AAFkB,UAGbI,IAHa,GAGL,MAAKjC,KAHA,CAGbiC,IAHa;;AAIlB,aACE;AAAA;AAAA,UAAK,WAAU,UAAf,EAA0B,aAAa;AAAA,mBAAKC,EAAEC,cAAF,EAAL;AAAA,WAAvC;AAEE;AAAA;AAAA,YAAK,WAAU,eAAf;AACGR;AADH,SAFF;AAKE;AAAA;AAAA,YAAK,WAAU,eAAf;AACE;AAAA;AAAA,cAAK,WAAU,SAAf,EAAyB,SAAS,MAAK1B,QAAL,CAAc+B,IAAd,QAAyB,QAAzB,CAAlC;AACE,0CAAC,YAAD,IAAO,MAAK,OAAZ;AADF,WADF;AAKIC,kBAAQ,UAAR,GACA;AAAC,2BAAD,CAAO,QAAP;AAAA;AACE;AAAA;AAAA,gBAAK,kCAAL,EAAyC,SAAS,MAAKhC,QAAL,CAAc+B,IAAd,QAAyB,OAAzB,CAAlD;AAAA;AAAsF,uDAAtF;AAAA;AAAA;AADF,WADA,GAKA,IAVJ;AAaI;AAAC,2BAAD,CAAO,QAAP;AAAA;AACE;AAAA;AAAA,gBAAK,WAAU,SAAf,EAAyB,SAAS,MAAK/B,QAAL,CAAc+B,IAAd,QAAyB,OAAzB,CAAlC;AAAA;AAAA,aADF;AAEE;AAAA;AAAA,gBAAK,mCAAL,EAA0C,SAAS,MAAK/B,QAAL,CAAc+B,IAAd,QAAyB,MAAzB,CAAnD;AAAA;AAAsF,uDAAtF;AAAA;AAAA;AAFF;AAbJ;AALF,OADF;AAiCD,KArHkB;;AAAA,UAuHnBT,aAvHmB,GAuHH,UAACd,KAAD,EAAQ2B,EAAR,EAAe;AAC7B,YAAKjC,QAAL,CAAc;AACZM,eAAOA;AADK,OAAd,EAEG,YAAM;AACP,YAAI,MAAKT,KAAL,CAAWqC,QAAf,EAAyB;AACvB,gBAAKrC,KAAL,CAAWqC,QAAX,CAAoB,MAAKrB,YAAL,EAApB,EAAyC,MAAKhB,KAAL,CAAWsC,IAApD;AACD;AACD,YAAIF,MAAM,OAAOA,EAAP,IAAa,UAAvB,EAAmCA;AACpC,OAPD;AAQD,KAhIkB;;AAAA,UAkInBG,WAlImB,GAkIL,UAACL,CAAD,EAAO;AACnB,UAAMjB,IAAIiB,EAAEM,MAAF,CAAS/B,KAAnB;AACA,UAAGQ,MAAM,EAAT,EAAa;AACX,cAAKM,aAAL,CAAmB,EAAnB;AACA;AACD;AACD,UAAIX,iBAAJ;AANmB,UAOX6B,QAPW,GAOG,MAAKzC,KAPR,CAOXyC,QAPW;;AAQnB,UAAIA,QAAJ,EAAc;AACZ,YAAI,CAAEC,gBAAMC,UAAN,CAAiB1B,CAAjB,CAAN,EAA2B;AACzB;AACD;AACF,OAJD,MAIO;AACL,YAAI,CAAEyB,gBAAME,OAAN,CAAc3B,CAAd,CAAN,EAAwB;AACtB;AACD;AACF;AACD,UAAIA,EAAE4B,KAAF,CAAQ,KAAR,KAAkB5B,EAAE4B,KAAF,CAAQ,KAAR,EAAexB,MAAf,GAAwB,CAA9C,EAAiD;AAC/C;AACD;AACD,UAAI,UAAJ,EAAgB;AAAE;AAChBT,mBAAW,CAACK,IAAI,EAAL,EAAS4B,KAAT,CAAe,WAAf,CAAX;AACD,OAFD,MAEO;AACLjC,mBAAW,CAACK,IAAI,EAAL,EAAS4B,KAAT,CAAe,6BAAf,CAAX;AACD;AACD,UAAIxC,UAAU,MAAKL,KAAL,CAAWM,SAAzB;AACA,UAAIC,UAAU,MAAKP,KAAL,CAAWQ,eAAzB;AACA,UAAIH,WAAU,CAAV,IAAeE,WAAU,CAA7B,EAAgC;AAC9B,YAAIU,KAAI,CAACL,WAAWA,SAAS,CAAT,CAAX,GAAyB,EAA1B,IAAgC,EAAxC;AAAA,YAA4CM,WAA5C;AAAA,YAAgDC,WAAhD;AACA,YAAIF,GAAEN,OAAF,CAAU,GAAV,KAAkB,CAAC,CAAvB,EAA0B;AACxBM,eAAIA,GAAEG,KAAF,CAAQ,CAAR,EAAWH,GAAEI,MAAb,CAAJ;AACD;AACDH,aAAKD,GAAEK,KAAF,CAAQ,GAAR,EAAa,CAAb,CAAL;AACAH,aAAKF,GAAEK,KAAF,CAAQ,GAAR,EAAa,CAAb,CAAL;AACA,YAAIL,GAAEI,MAAF,GAAWhB,OAAX,IAAuBc,MAAMA,GAAGE,MAAH,GAAYd,OAAzC,IAAsDW,MAAMA,GAAGG,MAAH,GAAahB,UAAQE,OAAR,GAAgB,CAA7F,EAAkG;AAChG;AACD;AACD,YAAIA,WAAW,CAAX,IAAgBU,GAAEN,OAAF,CAAU,GAAV,IAAiB,CAArC,EAAwC;AAAE;AACxC;AACD;AACF;AACD,UAAIC,YAAYA,SAAS,CAAT,CAAhB,EAA6B;AAC3BA,mBAAWA,SAAS,CAAT,CAAX;AACA,YAAIA,aAAW,GAAf,EAAoB;AAAA,gCACD,MAAKZ,KADJ,CACX8C,GADW;AAAA,cACXA,GADW,mCACP,EADO;AAAA,gCAED,MAAK9C,KAFJ,CAEX+C,GAFW;AAAA,cAEXA,GAFW,mCAEP,EAFO;;AAGlB,cAAG,CAACL,gBAAMM,MAAN,CAAaF,IAAIrC,KAAjB,CAAD,IAA4BG,WAASkC,IAAIrC,KAA5C,EAAkD;AAClD,cAAG,CAACiC,gBAAMM,MAAN,CAAaD,IAAItC,KAAjB,CAAD,IAA2BG,WAASmC,IAAItC,KAA3C,EAAiD;AAClD;AACD,cAAKc,aAAL,CAAoBX,YAAa,EAAjC;AACD;AACD;AACA;AACA;AACA;AACA;AACD,KA1LkB;;AAAA,UA4LnBqC,OA5LmB,GA4LT,YAAM;AACd,YAAKjD,KAAL,CAAWiD,OAAX,IAAoB,MAAKjD,KAAL,CAAWiD,OAAX,EAApB;AACA,YAAKlC,KAAL,CAAWA,KAAX,CAAiBmC,MAAjB;AACA,YAAK/C,QAAL,CAAc;AACVqB,eAAM;AADI,OAAd;AAGD,KAlMkB;;AAAA,UAoMnB2B,aApMmB,GAoMH,YAAM;AACpB,YAAKhD,QAAL,CAAc;AACZC,iBAAS;AADG,OAAd,EAEG,YAAM;AACP,cAAKW,KAAL,CAAWA,KAAX,CAAiBqC,KAAjB;AACA,cAAKrC,KAAL,CAAWA,KAAX,CAAiBmC,MAAjB;AACD,OALD;AAMD,KA3MkB;;AAAA,UAgNnBG,QAhNmB,GAgNR,YAAM;AACf,aAAO,MAAKrC,YAAL,EAAP;AACD,KAlNkB;;AAAA,UAuNnBsC,QAvNmB,GAuNR,UAAC7C,KAAD,EAAW;AACpB,YAAKN,QAAL,CAAc;AACZM,eAAOA;AADK,OAAd;AAGD,KA3NkB;;AAAA,UA6NnB8C,eA7NmB,GA6ND,UAACnD,OAAD,EAAa;AAC7BoD,cAAQC,GAAR,CAAY,iBAAZ,EAA+BrD,OAA/B;AACA,YAAKD,QAAL,CAAc;AACZC;AADY,OAAd;AAGA,YAAKJ,KAAL,CAAWuD,eAAX,IAA8B,MAAKvD,KAAL,CAAWuD,eAAX,CAA2BnD,OAA3B,CAA9B;AACD,KAnOkB;;AAAA,UAqOnBsD,aArOmB,GAqOH,YAAM;AACpB,YAAKvD,QAAL,CAAc;AACZC,iBAAS;AADG,OAAd;AAGD,KAzOkB;;AAAA,UA2OnBY,YA3OmB,GA2OJ,YAAM;AACnB,aAAO,MAAKhB,KAAL,CAAWS,KAAX,KAAqBkD,SAArB,GAAiC,MAAKjD,KAAL,CAAWD,KAA5C,GAAoD,MAAKT,KAAL,CAAWS,KAAtE;AACD,KA7OkB;;AAAA,UA+OnBmD,eA/OmB,GA+OD,YAAM;AACtB,UAAIC,eAAe,MAAK7D,KAAL,CAAW8D,IAA9B;AACA,UAAIC,iBAAiBF,iBAAiBF,SAAtC;AACA,UAAIK,OAAOD,iBAAkBF,eAAe,UAAf,GAA4B,UAA9C,GAA6D,MAAKnD,KAAL,CAAWN,OAAX,GAAqB,UAArB,GAAkC,UAA1G;AAHsB,kCAIM,MAAKJ,KAJX,CAIhBiE,YAJgB;AAAA,UAIhBA,YAJgB,yCAID,EAJC;;AAKtB,aACE,MAAKjE,KAAL,CAAWkE,QAAX,GACE,8BAAC,YAAD,IAAO,WAAU,eAAjB,EAAiC,MAAMF,IAAvC,EAA6C,OAAO,EAAEG,OAAO,MAAT,EAApD,GADF,GAGE;AAAA;AAAA;AACE,qBAAU,aADZ;AAEE,2BAAiB,MAAKZ,eAFxB;AAGE,kBAAQ,MAAKG,aAHf;AAIE,iBAAO;AACP;AACA;AANF,YAOE,SAASK,iBAAiBF,YAAjB,GAAgC,MAAKnD,KAAL,CAAWN,OAPtD;AAQE,mBAAS,MAAKqB,WAAL,EARX;AASE,mBAAQ,OATV;AAUE,iFAAqEwC,YAArE,MAVF;AAWE,sCAAC,YAAD,IAAO,WAAU,eAAjB,EAAiC,MAAMD,IAAvC,EAA6C,OAAO,EAAEG,OAAO,MAAT,EAApD,EAAsE,SAAS,MAAKhB,aAApF;AAXF,OAJJ;AAkBD,KAtQkB;;AAEjB,UAAKzC,KAAL,GAAa;AACXN,eAAS,KADE;AAEXK,aAAOT,MAAMS,KAAN,IAAe,EAFX;AAGXe,aAAO;AAHI,KAAb;;AAFiB,eAOW4C,yBAAY,EAPvB;AAAA,QAOTC,eAPS,QAOTA,eAPS;;AAQjB,UAAKC,mBAAL,GAA2B,CAAC,CAACD,eAA7B;AARiB;AASlB;;;;wCAEmB;AAClB,WAAKlE,QAAL,CAAc;AACZM,eAAO,KAAKT,KAAL,CAAWuE,YAAX,IAA2B;AADtB,OAAd;AAGD;;AA8LD;;;;;AAOA;;;;;;6BAoDS;AAAA;;AAAA,oBACyG,KAAKvE,KAD9G;AAAA,UACDwE,QADC,WACDA,QADC;AAAA,UACSC,OADT,WACSA,OADT;AAAA,wCACkBC,WADlB;AAAA,UACkBA,WADlB,uCACgC,YAAM,CAAG,CADzC;AAAA,UAC2CV,IAD3C,WAC2CA,IAD3C;AAAA,sCACiDW,SADjD;AAAA,UACiDA,SADjD,qCAC6D,EAD7D;AAAA,yCACiEV,YADjE;AAAA,UACiEA,YADjE,wCACgF,EADhF;AAAA,0CACmFW,cADnF;AAAA,UACmFA,cADnF,yCACkG,EADlG;;AAEP,UAAIC,oCAAa,KAAK7E,KAAlB,CAAJ;AACA,aAAO6E,OAAOL,QAAd;AACA,aAAOK,OAAOJ,OAAd;AACA,aAAOI,OAAOF,SAAd;AACA,aAAOE,OAAOZ,YAAd;AACA,aAAOY,OAAOb,IAAd;AACA,aAAOa,OAAOH,WAAd;AACA,aAAOG,OAAOD,cAAd;AACA,aAAOC,OAAOrE,eAAd;AACA,aAAOqE,OAAOvE,SAAd;AACA,UAAIG,QAAQ,KAAKO,YAAL,EAAZ;AACA,aACE;AAAA;AAAA,UAAK,0CAAuC,CAACwD,QAAD,GAAY,aAAZ,GAA4B,EAAnE,UAAyEG,SAA9E;AAEIF,mBAAW,OAAX,GACE;AAAA,0BAAO,KAAP;AAAA;AACE,2DAAQ,WAAU,GAAlB;AACE,kBAAK,UADP;AAEE,uBAAcG,cAAd,oBAFF;AAGE,qBAAS,KAAK3B,OAHhB;AAIE,sBAAU,KAAKV,WAJjB;AAKE,mBAAO9B,KALT;AAME,yBAAa,KAAKT,KAAL,IAAc,KAAKA,KAAL,CAAW8E,WANxC;AAOE,iBAAK;AAAA,qBAAS,OAAK/D,KAAL,GAAaA,KAAtB;AAAA,aAPP;AAQE,wBAAY,KAAKuD,mBARnB;AASE,oBAAQ,KAAKtE,KAAL,CAAW+E,MATrB;AAUE,oBAAQ,CAAC,KAAKT,mBAAN,IAA8B,KAAKV,eAAL;AAVxC;AADF,SADF,GAgBE;AAAA,0BAAO,KAAP;AAAA;AACE;AAAA;AAAA;AACE,yBAAU,aADZ;AAEE,+BAAiB,KAAKL,eAFxB;AAGE,sBAAQ,KAAKG,aAHf;AAIE,yBAAW,KAJb;AAKE,qBAAO,IALT;AAME,uBAAS,KAAKhD,KAAL,CAAWN,OANtB;AAOE,uBAAS,KAAKqB,WAAL,EAPX;AAQE,uBAAQ,OARV;AASE,qFAAqEwC,YAArE;AATF;AAWE,oFAAQ,WAAU,GAAlB,EAAsB,MAAK,UAA3B,EAAsC,WAAU,gBAAhD,IAAqEY,MAArE,IAA6E,QAAQ,KAAKnB,aAA1F,EAAyG,SAAS,KAAKP,aAAvH,EAAsI,UAAU,KAAKZ,WAArJ,EAAkK,OAAO9B,KAAzK,EAAgL,KAAK;AAAA,uBAAS,OAAKM,KAAL,GAAaA,KAAtB;AAAA,eAArL;AACE,sBAAQ,8BAAC,YAAD,IAAO,WAAU,eAAjB,EAAiC,MAAMiD,IAAvC,EAA6C,OAAO,EAAEG,OAAO,MAAT,EAApD,EAAuE,SAASO,WAAhF,GADV;AAXF;AADF;AAlBN,OADF;AAsCD;;;EA3U8CM,gB,UAExCC,S,GAAY;AACjB5C,YAAU6C,oBAAUC,IADH;AAEjBnB,QAAMkB,oBAAUE,MAFC;AAGjBZ,YAAUU,oBAAUG,IAHH,EAGS;AAC1BpB,gBAAciB,oBAAUE,MAJP,EAIe;AAChCV,eAAaQ,oBAAUC;AALN,C,SAQZG,Y,GAAe;AACpBb,WAAS,OADW;AAEpBD,YAAU,KAFU;AAGpBR,QAAM;AAHc,C;kBAVHjE,mB","file":"numkeyboardPassword.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Ticon, Keyboard } from '../../index';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { Popover, Input } from 'antd';\r\nimport tools from '../../util/tools';\r\n\r\nexport default class numkeyboardPassword extends Component {\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func,\r\n    icon: PropTypes.string,\r\n    bordered: PropTypes.bool, // 是否要 通过 icon 来触发键盘弹出\r\n    popClassName: PropTypes.string, // 键盘弹出框的 className\r\n    onIconClick: PropTypes.func\r\n  }\r\n\r\n  static defaultProps = {\r\n    trigger: 'click',\r\n    bordered: false,\r\n    icon: 'jianpan'\r\n  }\r\n\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      visible: false,\r\n      value: props.value || '',\r\n      count: false\r\n    }\r\n    const { isHorizontalPad } = platform || {};\r\n    this.isMobileEnvironment = !!isHorizontalPad;\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.setState({\r\n      value: this.props.defaultValue || ''\r\n    })\r\n  }\r\n\r\n  numClick = (key) => {\r\n    // let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n    // this.setStateValue(newValue);\r\n\r\n    if (key == 'sure') {\r\n    //   if (this.props.handleOk) {\r\n        // let result = this.props.handleOk(this.state.value);\r\n        // if (result) {\r\n          this.setState({\r\n            visible: false\r\n          })\r\n        // }\r\n    //   }\r\n      return;\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length2 == 0 && key == '.') {\r\n      return;\r\n    }\r\n    let value = this.state.value + '';\r\n    if (value == '' && key == '.') { // 不允许小数的时候，也不允许小数点\r\n      return;\r\n    }\r\n    if ((value + '').indexOf('.') > 0 && key == '.') {\r\n      return;\r\n    }\r\n\r\n    let newValue = Keyboard.getNewValue(this.input.input, this.getShowValue(), key, true);\r\n\r\n    if (length1 && length2) {\r\n      let v = newValue, v1, v2;\r\n      if (value.indexOf('-') != -1) {\r\n        v = value.slice(1, value.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (this.state.value.length === 6) {\r\n        if (key === \"clear\") {\r\n            this.setStateValue(newValue);\r\n        } else if (this.state.count) {\r\n            this.setStateValue(newValue);\r\n            this.setState({\r\n                count: false\r\n            })\r\n        }\r\n    } else {\r\n        this.setStateValue(newValue);\r\n    }\r\n\r\n\r\n    // this.setState({\r\n    //   value: newValue\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  getKeyboard = () => {\r\n    let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\r\n    let numsKey = nums.map((item) => <div className='num key' key={item + Math.random()} onClick={this.numClick.bind(this, item)}>{item}</div>)\r\n    let {type} = this.props;\r\n    return (\r\n      <div className='clearfix' onMouseDown={e => e.preventDefault()}>\r\n\r\n        <div className=\"nums clearfix\">\r\n          {numsKey}\r\n        </div>\r\n        <div className=\"dels clearfix\">\r\n          <div className=\"del key\" onClick={this.numClick.bind(this, 'delete')}>\r\n            <Ticon type='tuige' />\r\n          </div>\r\n          {\r\n            type == 'password' ?\r\n            <React.Fragment>\r\n              <div className={`del key sure positive`} onClick={this.numClick.bind(this, 'clear')}>清<br />空</div>\r\n            </React.Fragment>\r\n            :\r\n            null\r\n          }\r\n          {\r\n            <React.Fragment>\r\n              <div className=\"del key\" onClick={this.numClick.bind(this, 'clear')}>清空</div>\r\n              <div className={`del key sure real-sure`} onClick={this.numClick.bind(this, 'sure')}>确<br />定</div>\r\n            </React.Fragment>\r\n          }\r\n          {\r\n            // <React.Fragment>\r\n            //   <div className=\"del key\" onClick={this.numClick.bind(this, '-')}>—</div>\r\n            //   <div className={`del key sure`} onClick={this.numClick.bind(this, 'clear')}>清<br />空</div>\r\n            // </React.Fragment>\r\n          }\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  setStateValue = (value, fn) => {\r\n    this.setState({\r\n      value: value\r\n    }, () => {\r\n      if (this.props.onChange) {\r\n        this.props.onChange(this.getShowValue(), this.props.name);\r\n      }\r\n      if (fn && typeof fn == 'function') fn();\r\n    })\r\n  }\r\n\r\n  inputChange = (e) => {\r\n    const v = e.target.value;\r\n    if(v === '') {\r\n      this.setStateValue('');\r\n      return;\r\n    }\r\n    let newValue;\r\n    const { isReturn  } = this.props;\r\n    if (isReturn) {\r\n      if (! tools.isSubFloat(v)) {\r\n        return;\r\n      }\r\n    } else {\r\n      if (! tools.isfloat(v)) {\r\n        return;\r\n      }\r\n    }\r\n    if (v.match(/\\./g) && v.match(/\\./g).length > 1) {\r\n      return;\r\n    }\r\n    if (\"positive\") { // 只允许输入正数\r\n      newValue = (v + '').match(/\\d+\\.?\\d*/);\r\n    } else {\r\n      newValue = (v + '').match(/^(\\-)?[(\\d*)|(\\d+\\.?\\d*)]*$/);\r\n    }\r\n    let length1 = this.props.maxLength;\r\n    let length2 = this.props.precisionLength;\r\n    if (length1 >=0 && length2 >=0) {\r\n      let v = (newValue ? newValue[0] : '') + '', v1, v2;\r\n      if (v.indexOf('-') != -1) {\r\n        v = v.slice(1, v.length);\r\n      }\r\n      v1 = v.split('.')[0];\r\n      v2 = v.split('.')[1];\r\n      if (v.length > length1 || (v2 && v2.length > length2) || (v1 && v1.length > (length1-length2-1))) {\r\n        return;\r\n      }\r\n      if (length2 == 0 && v.indexOf('.') > 0) { // 不允许小数的时候，也不允许小数点\r\n        return;\r\n      }\r\n    }\r\n    if (newValue && newValue[0]) {\r\n      newValue = newValue[0];\r\n      if( newValue!=='-' ){\r\n        const {max={}} = this.props;\r\n        const {min={}} = this.props;\r\n        if(!tools.isNull(max.value) && newValue>max.value)return\r\n        if(!tools.isNull(min.value)&& newValue<min.value)return\r\n      }\r\n      this.setStateValue( newValue  || '');\r\n    }\r\n    // this.setState({\r\n    //   value: newValue && newValue[0] || ''\r\n    // }, () => {\r\n    //   this.props.onChange && this.props.onChange(this.state.value);\r\n    // })\r\n  }\r\n\r\n  onFocus = () => {\r\n    this.props.onFocus&&this.props.onFocus();\r\n    this.input.input.select()\r\n    this.setState({\r\n        count:true\r\n    })\r\n  }\r\n\r\n  onShowPopover = () => {\r\n    this.setState({\r\n      visible: true\r\n    }, () => {\r\n      this.input.input.focus();\r\n      this.input.input.select()\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 get 方法\r\n   */\r\n  getValue = () => {\r\n    return this.getShowValue();\r\n  }\r\n\r\n  /**\r\n   * 对外提供的 set 方法\r\n   */\r\n  setValue = (value) => {\r\n    this.setState({\r\n      value: value\r\n    })\r\n  }\r\n\r\n  onVisibleChange = (visible) => {\r\n    console.log('onVisibleChange', visible);\r\n    this.setState({\r\n      visible\r\n    })\r\n    this.props.onVisibleChange && this.props.onVisibleChange(visible);\r\n  }\r\n\r\n  onHidePopover = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  getShowValue = () => {\r\n    return this.props.value === undefined ? this.state.value : this.props.value;\r\n  }\r\n\r\n  getKeyboardIcon = () => {\r\n    let propsVisible = this.props.show;\r\n    let isPropsVisible = propsVisible !== undefined;\r\n    let icon = isPropsVisible ? (propsVisible ? 'jianpan1' : 'jianpan2') : (this.state.visible ? 'jianpan1' : 'jianpan2');\r\n    let { popClassName = '' } = this.props;\r\n    return (\r\n      this.props.disabled ?\r\n        <Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} />\r\n        :\r\n        <Popover\r\n          placement='bottomRight'\r\n          onVisibleChange={this.onVisibleChange}\r\n          onHide={this.onHidePopover}\r\n          title={null}\r\n          // arrowOffsetTop={-200}\r\n          // arrowOffsetLeft={400}\r\n          visible={isPropsVisible ? propsVisible : this.state.visible}\r\n          content={this.getKeyboard()}\r\n          trigger='click'\r\n          overlayClassName={`num-keyboard-popover num-keyboard-popover-click ${popClassName} `} >\r\n          <Ticon className='keyboard-icon' type={icon} style={{ color: '#999'}} onClick={this.onShowPopover} />\r\n        </Popover>\r\n    )\r\n  }\r\n\r\n  render() {\r\n    let { bordered, trigger, onIconClick = () => { }, icon, className = '', popClassName = '',inputClassName='' } = this.props;\r\n    let _props = {...this.props};\r\n    delete _props.bordered;\r\n    delete _props.trigger;\r\n    delete _props.className;\r\n    delete _props.popClassName;\r\n    delete _props.icon;\r\n    delete _props.onIconClick;\r\n    delete _props.inputClassName;\r\n    delete _props.precisionLength;\r\n    delete _props.maxLength;\r\n    let value = this.getShowValue();\r\n    return (\r\n      <div className={`keyboard number-keyboard ${!bordered ? 'no-bordered' : ''} ${className}`}>\r\n        {\r\n          trigger == 'click' ?\r\n            <Input.Group>\r\n              <Input  maxLength='6'\r\n                type='password'\r\n                className={`${inputClassName} keyboard-input`}\r\n                onFocus={this.onFocus}\r\n                onChange={this.inputChange}\r\n                value={value}\r\n                placeholder={this.props && this.props.placeholder}\r\n                ref={input => this.input = input}\r\n                allowClear={this.isMobileEnvironment}\r\n                onBlur={this.props.onBlur}\r\n                suffix={!this.isMobileEnvironment &&  this.getKeyboardIcon() }\r\n              />\r\n            </Input.Group>\r\n            :\r\n            <Input.Group>\r\n              <Popover\r\n                placement='bottomRight'\r\n                onVisibleChange={this.onVisibleChange}\r\n                onHide={this.onHidePopover}\r\n                rootClose={false}\r\n                title={null}\r\n                visible={this.state.visible}\r\n                content={this.getKeyboard()}\r\n                trigger='focus'\r\n                overlayClassName={`num-keyboard-popover num-keyboard-popover-focus ${popClassName} `}\r\n              >\r\n                <Input  maxLength='6' type=\"password\" className='keyboard-input' {..._props} onBlur={this.onHidePopover} onFocus={this.onShowPopover} onChange={this.inputChange} value={value} ref={input => this.input = input}\r\n                  suffix={<Ticon className='keyboard-icon' type={icon} style={{ color: '#999' }} onClick={onIconClick} />}/>\r\n              </Popover>\r\n            </Input.Group>\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"]}

package/dist/components/keyboard/onlyKeyboard.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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, _temp; /**
+                    * 键盘 + 弹框
+                    * @param visible
+                    * @param handleCancel
+                    * @param handleOk
+                    * @param from
+                    * @param onChange
+                    */
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _onlyLetterButton = require('./onlyLetterButton');
+
+var _onlyLetterButton2 = _interopRequireDefault(_onlyLetterButton);
+
+var _index = require('../../index');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var OnlyKeyboard = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(OnlyKeyboard, _Component);
+
+  function OnlyKeyboard(props) {
+    (0, _classCallCheck3.default)(this, OnlyKeyboard);
+    return (0, _possibleConstructorReturn3.default)(this, (OnlyKeyboard.__proto__ || (0, _getPrototypeOf2.default)(OnlyKeyboard)).call(this));
+  }
+
+  (0, _createClass3.default)(OnlyKeyboard, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          from = _props.from,
+          visible = _props.visible,
+          onChange = _props.onChange,
+          handleCancel = _props.handleCancel,
+          handleOk = _props.handleOk;
+
+      var containClass = from == 'letter' ? 'big' : '';
+      return _react2.default.createElement(
+        _index.Modal,
+        { show: visible, handleCancel: handleCancel, onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+          }, className: 'z-letter-keyboard-modal ' + containClass, bodyClassName: 'z-letter-keyboard-modal-body' },
+        _react2.default.createElement(_onlyLetterButton2.default, { onChange: onChange, handleCancel: handleCancel, handleOk: handleOk })
+      );
+    }
+  }]);
+  return OnlyKeyboard;
+}(_react.Component), _class.propTypes = {
+  onChange: _propTypes2.default.func.isRequired,
+  handleOk: _propTypes2.default.func.isRequired,
+  handleCancel: _propTypes2.default.func.isRequired,
+  visible: _propTypes2.default.bool.isRequired,
+  from: _propTypes2.default.string
+}, _temp);
+exports.default = OnlyKeyboard;
+//# sourceMappingURL=onlyKeyboard.js.map

package/dist/components/keyboard/onlyKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/keyboard/onlyKeyboard.js"],"names":["OnlyKeyboard","props","from","visible","onChange","handleCancel","handleOk","containClass","e","preventDefault","Component","propTypes","PropTypes","func","isRequired","bool","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;;AASA;;;;AACA;;;;AACA;;AACA;;;;;;IAEqBA,Y;;;AAUnB,wBAAYC,KAAZ,EAAmB;AAAA;AAAA;AAElB;;;;6BAEQ;AAAA,mBACmD,KAAKA,KADxD;AAAA,UACAC,IADA,UACAA,IADA;AAAA,UACMC,OADN,UACMA,OADN;AAAA,UACcC,QADd,UACcA,QADd;AAAA,UACwBC,YADxB,UACwBA,YADxB;AAAA,UACsCC,QADtC,UACsCA,QADtC;;AAEP,UAAIC,eAAeL,QAAQ,QAAR,GAAmB,KAAnB,GAA2B,EAA9C;AACA,aACE;AAAC,oBAAD;AAAA,UAAO,MAAMC,OAAb,EAAsB,cAAcE,YAApC,EAAkD,aAAa;AAAA,mBAAKG,EAAEC,cAAF,EAAL;AAAA,WAA/D,EAAwF,WAAW,6BAA6BF,YAAhI,EAA8I,eAAc,8BAA5J;AACE,sCAAC,0BAAD,IAAkB,UAAUH,QAA5B,EAAsC,cAAcC,YAApD,EAAkE,UAAUC,QAA5E;AADF,OADF;AAKD;;;EAtBuCI,gB,UAEjCC,S,GAAY;AACjBP,YAAUQ,oBAAUC,IAAV,CAAeC,UADR;AAEjBR,YAAUM,oBAAUC,IAAV,CAAeC,UAFR;AAGjBT,gBAAcO,oBAAUC,IAAV,CAAeC,UAHZ;AAIjBX,WAASS,oBAAUG,IAAV,CAAeD,UAJP;AAKjBZ,QAAMU,oBAAUI;AALC,C;kBAFAhB,Y","file":"onlyKeyboard.js","sourcesContent":["/**\r\n * 键盘 + 弹框\r\n * @param visible\r\n * @param handleCancel\r\n * @param handleOk\r\n * @param from\r\n * @param onChange\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport OnlyLetterButton from './onlyLetterButton';\r\nimport { Ticon, Modal } from '../../index';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class OnlyKeyboard extends Component {\r\n\r\n  static propTypes = {\r\n    onChange: PropTypes.func.isRequired,\r\n    handleOk: PropTypes.func.isRequired,\r\n    handleCancel: PropTypes.func.isRequired,\r\n    visible: PropTypes.bool.isRequired,\r\n    from: PropTypes.string\r\n  }\r\n\r\n  constructor(props) {\r\n    super();\r\n  }\r\n\r\n  render() {\r\n    const {from, visible,onChange, handleCancel, handleOk } = this.props;\r\n    let containClass = from == 'letter' ? 'big' : '';\r\n    return (\r\n      <Modal show={visible} handleCancel={handleCancel} onMouseDown={e => e.preventDefault()} className={'z-letter-keyboard-modal ' + containClass} bodyClassName='z-letter-keyboard-modal-body'>\r\n        <OnlyLetterButton onChange={onChange} handleCancel={handleCancel} handleOk={handleOk} />\r\n      </Modal>\r\n    )\r\n  }\r\n}"]}