cloud-b2b 1.1.59 → 1.1.61

package/lib/Loading2/Loading2.less

@@ -0,0 +1,19 @@
+@import '../variables.less';
+
+.@{cloudlink-prefix}-Loading2 {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 1001;
+  text-align: center;
+
+  > div {
+    display: inline-block;
+    width: 200px;
+    line-height: 100px;
+    border-radius: @border-radius-base;
+    margin-top: ~'calc(50vh - 50px)';
+  }
+}

package/lib/Loading2/package.json

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

package/lib/ModalWithDrag/ModalWithDrag.js

@@ -0,0 +1,37 @@
+"use strict";
+
+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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _modal = _interopRequireDefault(require("antd/lib/modal"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _drag = _interopRequireDefault(require("./drag"));
+var _variables = _interopRequireDefault(require("../variables"));
+var _excluded = ["className", "children", "title"];
+var onLoad = function onLoad(e) {
+  var dragElement = e.parentNode.parentNode;
+  var targetElement = dragElement.parentNode.parentNode;
+  (0, _drag["default"])(dragElement, targetElement);
+};
+var ModalWithDrag = function ModalWithDrag(_ref) {
+  var _context;
+  var className = _ref.className,
+    children = _ref.children,
+    title = _ref.title,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  props.title = /*#__PURE__*/_react["default"].createElement("div", {
+    ref: function ref(e) {
+      return e && onLoad(e);
+    }
+  }, title);
+  return /*#__PURE__*/_react["default"].createElement(_modal["default"], (0, _extends2["default"])({
+    className: (0, _concat["default"])(_context = "".concat(className, " ")).call(_context, (0, _variables["default"])('ModalWithDrag'))
+  }, props), children);
+};
+var _default = exports["default"] = ModalWithDrag;

package/lib/ModalWithDrag/ModalWithDrag.less

@@ -0,0 +1,6 @@
+@import '../variables.less';
+
+.@{cloudlink-prefix}-ModalWithDrag :global(.ant-modal-body) {
+  max-height: ~'calc(100vh - 185px)';
+  overflow: auto;
+}

package/lib/ModalWithDrag/drag.js

@@ -0,0 +1,124 @@
+"use strict";
+
+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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _parseInt2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/parse-int"));
+// 依据CSS3的transform属性进行移动
+var dragByTransform = function dragByTransform(dragElement, targetElement) {
+  var mouseMove = null;
+  var mouseUp = null;
+  var active = false;
+  var offsetX = 0;
+  var offsetY = 0;
+  var x = 0;
+  var y = 0;
+  dragElement.style.cursor = 'move';
+  dragElement.onmousedown = function (e) {
+    mouseMove = document.onmousemove;
+    mouseUp = document.onmouseup;
+    x = e.clientX;
+    y = e.clientY;
+    active = true;
+
+    // 如果下拉框拥有焦点，通过使其失去焦点来关闭掉下拉框
+    if (document.activeElement && document.activeElement !== dragElement) {
+      document.activeElement.blur();
+    }
+    document.onmousemove = function (e) {
+      if (active) {
+        var _context;
+        var x2 = offsetX + e.clientX - x;
+        var y2 = offsetY + e.clientY - y;
+        targetElement.style.transform = (0, _concat["default"])(_context = "translate(".concat(x2, "px, ")).call(_context, y2, "px)");
+      }
+      mouseMove && mouseMove(e);
+    };
+    document.onmouseup = function (e) {
+      if (active) {
+        document.onmousemove = mouseMove;
+        document.onmouseup = mouseUp;
+        offsetX += e.clientX - x;
+        offsetY += e.clientY - y;
+        active = false;
+      }
+      mouseUp && mouseUp(e);
+    };
+    return false;
+  };
+};
+
+// 获取相关CSS属性
+var getCss = function getCss(o, key) {
+  return o.currentStyle ? o.currentStyle[key] : document.defaultView.getComputedStyle(o)[key];
+};
+
+// 依据position属性进行移动
+var dragByPosition = function dragByPosition(dragElement, targetElement) {
+  var mouseMove = null;
+  var mouseUp = null;
+  var active = false;
+  var left = 0;
+  var top = 0;
+  var x = 0;
+  var y = 0;
+  dragElement.style.cursor = 'move';
+  dragElement.onmousedown = function (e) {
+    mouseMove = document.onmousemove;
+    mouseUp = document.onmouseup;
+    x = e.clientX;
+    y = e.clientY;
+    active = true;
+    if (getCss(targetElement, 'left') !== 'auto') {
+      left = (0, _parseInt2["default"])(getCss(targetElement, "left"));
+    }
+    if (getCss(targetElement, 'top') !== 'auto') {
+      top = (0, _parseInt2["default"])(getCss(targetElement, 'top'));
+    }
+
+    // 如果下拉框拥有焦点，通过使其失去焦点来关闭掉下拉框
+    if (document.activeElement && document.activeElement !== dragElement) {
+      document.activeElement.blur();
+    }
+    document.onmousemove = function (e) {
+      if (active) {
+        var top2 = top + e.clientY - y;
+        targetElement.style.left = "".concat(left + e.clientX - x, "px");
+        targetElement.style.top = "".concat(top2 > 0 ? top2 : 0, "px");
+      }
+      mouseMove && mouseMove(e);
+    };
+    document.onmouseup = function (e) {
+      if (active) {
+        document.onmousemove = mouseMove;
+        document.onmouseup = mouseUp;
+        active = false;
+      }
+      mouseUp && mouseUp(e);
+    };
+    return false;
+  };
+};
+var drag = function drag(dragElement, targetElement) {
+  if (!dragElement || !targetElement) {
+    console.error('请传入有效的HTML元素对象');
+    return;
+  }
+
+  // 已经绑定过，不需要再次绑定
+  if (dragElement.onmousedown) {
+    return;
+  }
+
+  // 如果目标元素是非定位元素采用transform属性进行移动
+  if (getCss(targetElement, 'position') === 'static') {
+    dragByTransform(dragElement, targetElement);
+  } else {
+    dragByPosition(dragElement, targetElement);
+  }
+};
+var _default = exports["default"] = drag;

package/lib/ModalWithDrag/package.json

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

package/lib/NumberInput/NumberInput.js

@@ -0,0 +1,208 @@
+"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 _input = _interopRequireDefault(require("antd/lib/input"));
+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 _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _helper = require("../helper");
+function ownKeys(e, r) { var t = _Object$keys2(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 parseNumber = function parseNumber(value, _ref) {
+  var _context;
+  var real = _ref.real,
+    sign = _ref.sign,
+    zero = _ref.zero,
+    precision = _ref.precision,
+    fixed = _ref.fixed,
+    big = _ref.big;
+  var invalid = {
+    invalid: true,
+    value: ''
+  };
+  if (value === '') {
+    return {
+      value: value
+    };
+  }
+
+  // 非数字
+  value = big ? value : Number(value);
+  if (isNaN(value)) {
+    return invalid;
+  }
+
+  // 不能为实数，却包含小数点
+  if (!real && (0, _includes["default"])(_context = String(value)).call(_context, '.')) {
+    return invalid;
+  }
+
+  // 不能为负数，却小于0
+  if (!sign && value < 0) {
+    return invalid;
+  }
+
+  // 不能为0，却为0
+  if (!zero && value === 0) {
+    return invalid;
+  }
+  if (real) {
+    precision = Number(precision);
+    if (precision) {
+      value = value.toFixed(precision);
+      value = value.toString(); // 将数值转换为字符串
+      value = value.replace(/(\.\d*?[1-9])0+$|\.0*$/, "$1"); // 去除小数点后无意义的零
+      if (!fixed) {
+        value = Number(value);
+      }
+    }
+  }
+  return {
+    value: value
+  };
+};
+
+/**
+ * real: true表示带小数点，默认为false
+ * sign: true表示带正负号，默认为false
+ * precision: real为true时，小数的精度；否则无效
+ * zero：true表示可以输入0，默认为false
+ * fixed: real为true时生效; true表示固定显示指定精度的小数，精度由precision确定，默认值为false
+ * big: big为ture时生效; true标识为大数值，与上面所有属性互斥
+ */
+var PROPS = {
+  defaultValue: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  real: _propTypes["default"].bool,
+  sign: _propTypes["default"].bool,
+  precision: _propTypes["default"].any,
+  zero: _propTypes["default"].bool,
+  fixed: _propTypes["default"].bool,
+  big: _propTypes["default"].bool,
+  inputRef: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func
+};
+var PROPS_KEYS = (0, _keys["default"])(PROPS);
+var NumberInput = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(NumberInput, _React$Component);
+  var _super = _createSuper(NumberInput);
+  function NumberInput() {
+    var _context2;
+    var _this;
+    (0, _classCallCheck2["default"])(this, NumberInput);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, (0, _concat["default"])(_context2 = [this]).call(_context2, args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      typo: false,
+      value: ''
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (event) {
+      var value = event.target.value;
+      if (!_this.hasSpecialChar(value)) {
+        _this.setState({
+          value: value,
+          typo: true
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function (event) {
+      var _this$props = _this.props,
+        onBlur = _this$props.onBlur,
+        onChange = _this$props.onChange,
+        fixed = _this$props.fixed;
+      if (_this.state.typo) {
+        var _this$format = _this.format(_this.state.value, fixed),
+          invalid = _this$format.invalid,
+          value = _this$format.value;
+        _this.setState({
+          typo: false,
+          value: ''
+        });
+        if (!invalid) {
+          onChange && onChange(value);
+        }
+        onBlur && onBlur(event); //有输入才触发外部失去焦点事件，避免非必要请求
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hasSpecialChar", function (value) {
+      if ((0, _includes["default"])(value).call(value, '+')) {
+        return true;
+      } else if (!_this.props.sign && (0, _includes["default"])(value).call(value, '-')) {
+        return true;
+      } else {
+        return !_this.props.real && (0, _includes["default"])(value).call(value, '.');
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "format", function (value, fixed) {
+      var _this$props2 = _this.props,
+        real = _this$props2.real,
+        sign = _this$props2.sign,
+        zero = _this$props2.zero,
+        precision = _this$props2.precision,
+        big = _this$props2.big;
+      return parseNumber(value, {
+        real: real,
+        sign: sign,
+        zero: zero,
+        precision: precision,
+        fixed: fixed,
+        big: big
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getShowValue", function () {
+      if (_this.state.typo) {
+        // 处于输入状态从state中取值
+        return _this.state.value;
+      } else {
+        // 处于非输入状态从props中取值
+        return _this.format(_this.props.defaultValue, _this.props.fixed).value;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getProps", function () {
+      var props = (0, _helper.getObjectExclude)(_this.props, PROPS_KEYS);
+      return _objectSpread(_objectSpread({}, props), {}, {
+        type: 'text',
+        ref: _this.props.inputRef || null,
+        value: _this.getShowValue(),
+        onChange: _this.onChange,
+        onBlur: _this.onBlur
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(NumberInput, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_input["default"], this.getProps());
+    }
+  }]);
+  return NumberInput;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(NumberInput, "propTypes", PROPS);
+var _default = exports["default"] = NumberInput;

package/lib/NumberInput/package.json

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