cloud-b2b 1.1.0 → 1.1.1

package/es/CodeInput/CodeInput.js

@@ -0,0 +1,153 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Row from "antd/es/row";
+import _Button from "antd/es/button";
+import _Col from "antd/es/col";
+import _Input from "antd/es/input";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _setInterval from "@babel/runtime-corejs3/core-js-stable/set-interval";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+import React from 'react';
+import PropTypes from 'prop-types';
+import helper from '../helper';
+var PROPS = {
+  filter: PropTypes.bool,
+  remark: PropTypes.bool,
+  searchWhenClick: PropTypes.bool,
+  noSearchWhenTypo: PropTypes.bool,
+  options: PropTypes.array,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
+  inputRef: PropTypes.func,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  onSelect: PropTypes.func,
+  onSearch: PropTypes.func
+};
+
+var PROPS_KEYS = _Object$keys(PROPS);
+
+var CodeInput = /*#__PURE__*/function (_React$Component) {
+  _inherits(CodeInput, _React$Component);
+
+  var _super = _createSuper(CodeInput);
+
+  function CodeInput(_props) {
+    var _this;
+
+    _classCallCheck(this, CodeInput);
+
+    _this = _super.call(this, _props);
+
+    _defineProperty(_assertThisInitialized(_this), "onGetCode", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var onGetCode, that, s;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              // const url = await helper.fetchJson();
+              onGetCode = _this.props.onGetCode;
+              _context.next = 3;
+              return onGetCode && onGetCode();
+
+            case 3:
+              if (!_context.sent) {
+                _context.next = 8;
+                break;
+              }
+
+              debugger;
+
+              _this.setState({
+                time: _this.props.time || 60
+              });
+
+              that = _assertThisInitialized(_this);
+              s = _setInterval(function () {
+                that.setState({
+                  time: that.state.time -= 1
+                });
+
+                if (that.state.time === 0) {
+                  clearInterval(s);
+                }
+              }, 1000);
+
+            case 8:
+              ;
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+
+    _defineProperty(_assertThisInitialized(_this), "btnProps", function (props) {
+      var btnProps = _Object$assign(helper.getObjectExclude(props, ['onGetCode']));
+
+      return _objectSpread(_objectSpread({}, btnProps), {}, {
+        size: 'large',
+        disabled: _this.state.time !== 0,
+        onClick: _this.onGetCode
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "inputProps", function (props) {
+      var inpPros = _Object$assign(helper.getObjectExclude(props, ['onGetCode']));
+
+      return _objectSpread(_objectSpread({}, inpPros), {}, {
+        size: 'large'
+      });
+    });
+
+    _this.state = {
+      value: _props.value,
+      time: 0
+    };
+    return _this;
+  }
+
+  _createClass(CodeInput, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          inputKey = _this$props.inputKey,
+          readonly = _this$props.readonly,
+          value = _this$props.value;
+      var time = this.state.time;
+      return /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
+        span: 20
+      }, /*#__PURE__*/React.createElement(_Input, this.inputProps(this.props))), /*#__PURE__*/React.createElement(_Col, null, /*#__PURE__*/React.createElement(_Button, this.btnProps(this.props), time === 0 ? "\u83B7\u53D6\u9A8C\u8BC1\u7801" : "".concat(time, "s\u83B7\u53D6\u9A8C\u8BC1\u7801"))));
+    }
+  }]);
+
+  return CodeInput;
+}(React.Component);
+
+export default CodeInput;

package/es/CodeInput/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "CodeInput",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./CodeInput.js"
+}

package/es/Control/Control.js

@@ -39,10 +39,11 @@ import InputEditor from '../InputEditor';
 import InputSelect from '../InputSelect';
 import InputWriting from '../InputWriting';
 import InpurCascader from '../InpurCascader';
-import SuperUpload from '../SuperUpload';
-import Area from '../Area';
 import moment from 'moment';
 import eventWrapper from './event';
+import CodeInput from '../CodeInput';
+import SuperUpload from '../SuperUpload';
+import Area from '../Area/Area';
 var SelectOption = _Select.Option;
 var TextArea = _Input.TextArea;
 var RadioGroup = _Radio.Group;
@@ -131,6 +132,9 @@ var textArea = function textArea(props) {
 
 var readonly = function readonly(props) {
   props.readOnly = true;
+  props.style = _Object$assign(props.style || {}, {
+    backgroundColor: '#f0f0f0'
+  });
 
   if (props.value || props.defaultValue) {
     props.title = props.value || props.defaultValue;
@@ -176,6 +180,14 @@ var select = function select(props) {
   }
 
   return /*#__PURE__*/React.createElement(_Select, props, _mapInstanceProperty(options).call(options, toOption));
+};
+
+var area = function area(props) {
+  var areaProps = _objectSpread(_objectSpread({}, props), {}, {
+    onParentChange: props.onChange
+  });
+
+  return /*#__PURE__*/React.createElement(Area, areaProps);
 }; // 下拉选择框-取title作为值
 
 
@@ -312,12 +324,13 @@ var cascader = function cascader(props) {
   return /*#__PURE__*/React.createElement(InpurCascader, props);
 };
 
-var area = function area(props) {
-  var areaProps = _objectSpread(_objectSpread({}, props), {}, {
-    onParentChange: props.onChange
-  });
+var captcha = function captcha(props) {
+  if (props.ref) {
+    props.inputRef = props.ref;
+    delete props.ref;
+  }
 
-  return /*#__PURE__*/React.createElement(Area, areaProps);
+  return /*#__PURE__*/React.createElement(CodeInput, props);
 };
 
 var uploadImg = function uploadImg(props) {
@@ -351,6 +364,7 @@ var controls = {
   selectSearch: selectSearch,
   selectWriting: selectWriting,
   cascader: cascader,
+  captcha: captcha,
   area: area,
   uploadImg: uploadImg
 };
@@ -373,7 +387,8 @@ Control.propTypes = {
   autoFocus: PropTypes.bool,
   onChange: PropTypes.func,
   onSearch: PropTypes.func,
-  onBlur: PropTypes.func
+  onBlur: PropTypes.func,
+  onGetCode: PropTypes.func
 }; // 依据value查找对应的标题
 
 var getTitle = function getTitle(value) {

package/lib/CodeInput/CodeInput.js

@@ -0,0 +1,182 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _Object$keys2 = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
+
+var _row = _interopRequireDefault(require("antd/lib/row"));
+
+var _button = _interopRequireDefault(require("antd/lib/button"));
+
+var _col = _interopRequireDefault(require("antd/lib/col"));
+
+var _input = _interopRequireDefault(require("antd/lib/input"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _setInterval2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-interval"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _helper = _interopRequireDefault(require("../helper"));
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys2(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var PROPS = {
+  filter: _propTypes["default"].bool,
+  remark: _propTypes["default"].bool,
+  searchWhenClick: _propTypes["default"].bool,
+  noSearchWhenTypo: _propTypes["default"].bool,
+  options: _propTypes["default"].array,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].object]),
+  inputRef: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  onSelect: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func
+};
+var PROPS_KEYS = (0, _keys["default"])(PROPS);
+
+var CodeInput = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(CodeInput, _React$Component);
+
+  var _super = _createSuper(CodeInput);
+
+  function CodeInput(_props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, CodeInput);
+    _this = _super.call(this, _props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onGetCode", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var onGetCode, that, s;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              // const url = await helper.fetchJson();
+              onGetCode = _this.props.onGetCode;
+              _context.next = 3;
+              return onGetCode && onGetCode();
+
+            case 3:
+              if (!_context.sent) {
+                _context.next = 8;
+                break;
+              }
+
+              debugger;
+
+              _this.setState({
+                time: _this.props.time || 60
+              });
+
+              that = (0, _assertThisInitialized2["default"])(_this);
+              s = (0, _setInterval2["default"])(function () {
+                that.setState({
+                  time: that.state.time -= 1
+                });
+
+                if (that.state.time === 0) {
+                  clearInterval(s);
+                }
+              }, 1000);
+
+            case 8:
+              ;
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "btnProps", function (props) {
+      var btnProps = (0, _assign["default"])(_helper["default"].getObjectExclude(props, ['onGetCode']));
+      return _objectSpread(_objectSpread({}, btnProps), {}, {
+        size: 'large',
+        disabled: _this.state.time !== 0,
+        onClick: _this.onGetCode
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputProps", function (props) {
+      var inpPros = (0, _assign["default"])(_helper["default"].getObjectExclude(props, ['onGetCode']));
+      return _objectSpread(_objectSpread({}, inpPros), {}, {
+        size: 'large'
+      });
+    });
+    _this.state = {
+      value: _props.value,
+      time: 0
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(CodeInput, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          inputKey = _this$props.inputKey,
+          readonly = _this$props.readonly,
+          value = _this$props.value;
+      var time = this.state.time;
+      return /*#__PURE__*/_react["default"].createElement(_row["default"], null, /*#__PURE__*/_react["default"].createElement(_col["default"], {
+        span: 20
+      }, /*#__PURE__*/_react["default"].createElement(_input["default"], this.inputProps(this.props))), /*#__PURE__*/_react["default"].createElement(_col["default"], null, /*#__PURE__*/_react["default"].createElement(_button["default"], this.btnProps(this.props), time === 0 ? "\u83B7\u53D6\u9A8C\u8BC1\u7801" : "".concat(time, "s\u83B7\u53D6\u9A8C\u8BC1\u7801"))));
+    }
+  }]);
+  return CodeInput;
+}(_react["default"].Component);
+
+var _default = CodeInput;
+exports["default"] = _default;

package/lib/CodeInput/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "CodeInput",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./CodeInput.js"
+}

package/lib/Control/Control.js

@@ -76,14 +76,16 @@ var _InputWriting = _interopRequireDefault(require("../InputWriting"));
 
 var _InpurCascader = _interopRequireDefault(require("../InpurCascader"));
 
-var _SuperUpload = _interopRequireDefault(require("../SuperUpload"));
-
-var _Area = _interopRequireDefault(require("../Area"));
-
 var _moment = _interopRequireDefault(require("moment"));
 
 var _event = _interopRequireDefault(require("./event"));
 
+var _CodeInput = _interopRequireDefault(require("../CodeInput"));
+
+var _SuperUpload = _interopRequireDefault(require("../SuperUpload"));
+
+var _Area = _interopRequireDefault(require("../Area/Area"));
+
 var _excluded = ["options"],
     _excluded2 = ["type", "autoFocus"];
 
@@ -180,6 +182,9 @@ var textArea = function textArea(props) {
 
 var readonly = function readonly(props) {
   props.readOnly = true;
+  props.style = (0, _assign["default"])(props.style || {}, {
+    backgroundColor: '#f0f0f0'
+  });
 
   if (props.value || props.defaultValue) {
     props.title = props.value || props.defaultValue;
@@ -225,6 +230,14 @@ var select = function select(props) {
   }
 
   return /*#__PURE__*/_react["default"].createElement(_select["default"], props, (0, _map["default"])(options).call(options, toOption));
+};
+
+var area = function area(props) {
+  var areaProps = _objectSpread(_objectSpread({}, props), {}, {
+    onParentChange: props.onChange
+  });
+
+  return /*#__PURE__*/_react["default"].createElement(_Area["default"], areaProps);
 }; // 下拉选择框-取title作为值
 
 
@@ -360,12 +373,13 @@ var cascader = function cascader(props) {
   return /*#__PURE__*/_react["default"].createElement(_InpurCascader["default"], props);
 };
 
-var area = function area(props) {
-  var areaProps = _objectSpread(_objectSpread({}, props), {}, {
-    onParentChange: props.onChange
-  });
+var captcha = function captcha(props) {
+  if (props.ref) {
+    props.inputRef = props.ref;
+    delete props.ref;
+  }
 
-  return /*#__PURE__*/_react["default"].createElement(_Area["default"], areaProps);
+  return /*#__PURE__*/_react["default"].createElement(_CodeInput["default"], props);
 };
 
 var uploadImg = function uploadImg(props) {
@@ -399,6 +413,7 @@ var controls = {
   selectSearch: selectSearch,
   selectWriting: selectWriting,
   cascader: cascader,
+  captcha: captcha,
   area: area,
   uploadImg: uploadImg
 };
@@ -420,7 +435,8 @@ Control.propTypes = {
   autoFocus: _propTypes["default"].bool,
   onChange: _propTypes["default"].func,
   onSearch: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func
+  onBlur: _propTypes["default"].func,
+  onGetCode: _propTypes["default"].func
 }; // 依据value查找对应的标题
 
 var getTitle = function getTitle(value) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloud-b2b",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A react component library dependent antd",
   "keywords": [
     "react",