cloud-b2b 1.1.0 → 1.1.3

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/es/SuperForm/SuperForm.js

@@ -45,7 +45,7 @@ import variables from '../variables';
 var FormItem = _Form.Item;
 var defaultSize = 'small';
 var defaultColNum = 4;
-var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'area', 'uploadImg'];
+var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'area', 'uploadImg', 'cascader'];
 /**
  * key：[必须]，用于唯一标识该Form下的一个表单元素
  * title：[必须]，表单元素的标签
@@ -256,6 +256,10 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       return colNum * 250;
     });
 
+    _defineProperty(_assertThisInitialized(_this2), "getContainer", function () {
+      return _this2.props.getContainer;
+    });
+
     _defineProperty(_assertThisInitialized(_this2), "getControls", function () {
       var _this2$props2 = _this2.props,
           hideControls = _this2$props2.hideControls,
@@ -515,6 +519,17 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       return /*#__PURE__*/React.createElement(Control, props);
     });
 
+    _defineProperty(_assertThisInitialized(_this2), "toCascader", function (props, control) {
+      var container = _this2.getContainer();
+
+      container && (props.getPopupContainer = container);
+      props.options = control.options || [];
+      props.onSearch = _this2.createSearchEvent(control);
+      props.placeholder = props.placeholder || '';
+      props.loadData = _this2.createSearchEvent(control);
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+
     _defineProperty(_assertThisInitialized(_this2), "toControl", function (props, control) {
       switch (props.type) {
         case 'readonly':
@@ -564,6 +579,9 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         case 'uploadImg':
           return _this2.uploadImg(props, control);
 
+        case 'cascader':
+          return _this2.toCascader(props, control);
+
         default:
           return 'type error';
       }

package/es/SuperForm2/SuperForm.js

@@ -45,7 +45,7 @@ import variables from '../variables';
 var FormItem = _Form.Item;
 var defaultSize = 'small';
 var defaultColNum = 4;
-var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg'];
+var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg', 'cascader'];
 /**
  * key：[必须]，用于唯一标识该Form下的一个表单元素
  * title：[必须]，表单元素的标签
@@ -267,6 +267,10 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       return colNum * 1200;
     });
 
+    _defineProperty(_assertThisInitialized(_this2), "getContainer", function () {
+      return _this2.props.getContainer;
+    });
+
     _defineProperty(_assertThisInitialized(_this2), "getControls", function () {
       var _this2$props2 = _this2.props,
           hideControls = _this2$props2.hideControls,
@@ -539,6 +543,17 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       return /*#__PURE__*/React.createElement(Control, props);
     });
 
+    _defineProperty(_assertThisInitialized(_this2), "toCascader", function (props, control) {
+      var container = _this2.getContainer();
+
+      container && (props.getPopupContainer = container);
+      props.options = control.options || [];
+      props.onSearch = _this2.createSearchEvent(control);
+      props.placeholder = props.placeholder || '';
+      props.loadData = _this2.createSearchEvent(control);
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+
     _defineProperty(_assertThisInitialized(_this2), "toControl", function (props, control) {
       switch (props.type) {
         case 'readonly':
@@ -591,6 +606,9 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         case 'uploadImg':
           return _this2.uploadImg(props, control);
 
+        case 'cascader':
+          return _this2.toCascader(props, control);
+
         default:
           return 'type error';
       }

package/es/SuperTable/FilterDropDown.less

@@ -1,30 +1,30 @@
-@import '../variables.less';
-
-.@{cloudlink-prefix}-FilterDropDown {
-  background: white;
-  padding: @padding-vertical @padding-horizontal;
-  border-radius: @border-radius-base;
-  border: 1px solid #d9d9d9;
-
-  > :first-child {
-    width: 135px;
-    margin-right: 10px;
-  }
-  .date{
-    background: white;
-    padding: @padding-vertical @padding-horizontal;
-    border-radius: @border-radius-base;
-    border: 1px solid #d9d9d9;
-
-    > :first-child > div {
-      display: inline-block;
-    }
-
-    > :last-child {
-      text-align: right;
-      margin-top: 5px;
-    }
-  }
-}
-
-
+@import '../variables.less';
+
+.@{cloudlink-prefix}-FilterDropDown {
+  background: white;
+  padding: @padding-vertical @padding-horizontal;
+  border-radius: @border-radius-base;
+  border: 1px solid #d9d9d9;
+
+  > :first-child {
+    width: 135px;
+    margin-right: 10px;
+  }
+  .date{
+    background: white;
+    padding: @padding-vertical @padding-horizontal;
+    border-radius: @border-radius-base;
+    border: 1px solid #d9d9d9;
+
+    > :first-child > div {
+      display: inline-block;
+    }
+
+    > :last-child {
+      text-align: right;
+      margin-top: 5px;
+    }
+  }
+}
+
+

package/es/SuperTable/package.json

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

package/es/SuperTable2/package.json

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

package/es/Title/Title.less

@@ -1,35 +1,35 @@
-@import '../variables';
-
-.@{cloudlink-prefix}-title {
-  > *:first-child {
-    display: inline-block;
-    color: @brand-primary;
-    line-height: 1.2;
-
-    &[data-border='true'] {
-      padding: 0 5px;
-      border-left: @brand-primary solid 3px;
-    }
-
-    &[data-fold='true'] {
-      cursor: pointer;
-      margin: 8px 0;
-    }
-
-    &[data-required='true'] {
-      &::after {
-        display: inline-block;
-        margin-left: 4px;
-        color: #f5222d;
-        font-size: 12px;
-        font-family: SimSun, sans-serif;
-        line-height: 1;
-        content: '*';
-      }
-    }
-  }
-
-  > [role = 'toolbar'] {
-    display: inline-block;
-  }
-}
+@import '../variables';
+
+.@{cloudlink-prefix}-title {
+  > *:first-child {
+    display: inline-block;
+    color: @brand-primary;
+    line-height: 1.2;
+
+    &[data-border='true'] {
+      padding: 0 5px;
+      border-left: @brand-primary solid 3px;
+    }
+
+    &[data-fold='true'] {
+      cursor: pointer;
+      margin: 8px 0;
+    }
+
+    &[data-required='true'] {
+      &::after {
+        display: inline-block;
+        margin-left: 4px;
+        color: #f5222d;
+        font-size: 12px;
+        font-family: SimSun, sans-serif;
+        line-height: 1;
+        content: '*';
+      }
+    }
+  }
+
+  > [role = 'toolbar'] {
+    display: inline-block;
+  }
+}

package/es/Title/package.json

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