cloud-b2b 1.0.0 → 1.0.1

package/es/ModalWithDrag/drag.js

@@ -0,0 +1,133 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _parseInt from "@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 = _concatInstanceProperty(_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 = _parseInt(getCss(targetElement, "left"));
+    }
+
+    if (getCss(targetElement, 'top') !== 'auto') {
+      top = _parseInt(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);
+  }
+};
+
+export default drag;

package/es/ModalWithDrag/package.json

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

package/es/NumberInput/NumberInput.js

@@ -0,0 +1,237 @@
+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 _Input from "antd/es/input";
+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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getObjectExclude } from '../helper';
+
+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 && _includesInstanceProperty(_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);
+
+      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.oneOfType([PropTypes.string, PropTypes.number]),
+  real: PropTypes.bool,
+  sign: PropTypes.bool,
+  precision: PropTypes.any,
+  zero: PropTypes.bool,
+  fixed: PropTypes.bool,
+  big: PropTypes.bool,
+  inputRef: PropTypes.func,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func
+};
+
+var PROPS_KEYS = _Object$keys(PROPS);
+
+var NumberInput = /*#__PURE__*/function (_React$Component) {
+  _inherits(NumberInput, _React$Component);
+
+  var _super = _createSuper(NumberInput);
+
+  function NumberInput() {
+    var _context2;
+
+    var _this;
+
+    _classCallCheck(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, _concatInstanceProperty(_context2 = [this]).call(_context2, args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      typo: false,
+      value: ''
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (event) {
+      var value = event.target.value;
+
+      if (!_this.hasSpecialChar(value)) {
+        _this.setState({
+          value: value,
+          typo: true
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_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);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "hasSpecialChar", function (value) {
+      if (_includesInstanceProperty(value).call(value, '+')) {
+        return true;
+      } else if (!_this.props.sign && _includesInstanceProperty(value).call(value, '-')) {
+        return true;
+      } else {
+        return !_this.props.real && _includesInstanceProperty(value).call(value, '.');
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_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
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getShowValue", function () {
+      if (_this.state.typo) {
+        // 处于输入状态从state中取值
+        return _this.state.value;
+      } else {
+        // 处于非输入状态从props中取值
+        return _this.format(_this.props.defaultValue, _this.props.fixed).value;
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getProps", function () {
+      var props = 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;
+  }
+
+  _createClass(NumberInput, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(_Input, this.getProps());
+    }
+  }]);
+
+  return NumberInput;
+}(React.Component);
+
+_defineProperty(NumberInput, "propTypes", PROPS);
+
+export default NumberInput;

package/es/NumberInput/package.json

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