cloud-b2b 1.0.0 → 1.0.3

package/lib/LayoutLink/LayoutLink.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _empty = _interopRequireDefault(require("antd/lib/empty"));
+
+var _button = _interopRequireDefault(require("antd/lib/button"));
+
+var _input = _interopRequireDefault(require("antd/lib/input"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _form = _interopRequireDefault(require("antd/lib/form"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _WingBlank = _interopRequireDefault(require("../WingBlank"));
+
+var _Card = _interopRequireDefault(require("../Card"));
+
+var _variables = _interopRequireDefault(require("../variables"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var FormItem = _form["default"].Item;
+
+function Search(_ref) {
+  var placeholder = _ref.placeholder,
+      onSearch = _ref.onSearch;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      status = _useState4[0],
+      setStatus = _useState4[1];
+
+  var onClick = function onClick() {
+    if (!value) {
+      setStatus('error');
+    } else {
+      onSearch(value);
+    }
+  };
+
+  var onChange = function onChange(e) {
+    setStatus('');
+    setValue(e.target.value);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+    className: s.search
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(FormItem, {
+    validateStatus: status
+  }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
+    placeholder: placeholder,
+    value: value,
+    onChange: onChange
+  })), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    onClick: onClick
+  }, "\u5F00\u59CB\u67E5\u8BE2")));
+}
+
+function Title(_ref2) {
+  var title = _ref2.title;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: s.title
+  }, /*#__PURE__*/_react["default"].createElement("div", null, title), /*#__PURE__*/_react["default"].createElement("div", null));
+}
+
+function LayoutLink(_ref3) {
+  var children = _ref3.children,
+      img = _ref3.img,
+      title = _ref3.title,
+      placeholder = _ref3.placeholder,
+      onSearch = _ref3.onSearch;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _variables["default"])('LayoutLink')
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: img,
+    alt: "banner"
+  })), /*#__PURE__*/_react["default"].createElement(_WingBlank["default"], null, /*#__PURE__*/_react["default"].createElement(Search, {
+    placeholder: placeholder,
+    onSearch: onSearch
+  }), /*#__PURE__*/_react["default"].createElement(Title, {
+    title: title
+  }), /*#__PURE__*/_react["default"].createElement(_Card["default"], null, children ? children : /*#__PURE__*/_react["default"].createElement(_empty["default"], {
+    style: {
+      padding: '30px'
+    }
+  }))));
+}
+
+var _default = LayoutLink;
+exports["default"] = _default;

package/lib/LayoutLink/LayoutLink.less

@@ -0,0 +1,53 @@
+@import '../variables.less';
+
+.@{cloudlink-prefix}-LayoutLink {
+  min-width: 1024px;
+
+  > div > img {
+    width: 100%;
+  }
+
+  .search {
+    position: relative;
+    top: -30px;
+    text-align: center;
+    padding: 20px;
+
+    > div {
+      width: 680px;
+      margin: auto;
+
+      > div {
+        display: inline-block;
+        margin-right: 30px;
+        width: 450px;
+
+        input {
+          background-color: #EEE;
+        }
+      }
+
+      > button {
+        color: white;
+        background-color: #FE9533;
+        padding: 0 20px;
+      }
+    }
+  }
+
+  .title {
+    text-align: center;
+    margin-top: -20px;
+
+    > div:first-child {
+      font-size: 18px;
+      font-weight: bold;
+    }
+
+    > div:last-child {
+      margin: 10px auto;
+      width: 60px;
+      border-bottom: #3487F5 3px solid;
+    }
+  }
+}

package/lib/LayoutLink/package.json

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

package/lib/Link/Link.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+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;
+exports.jump = jump;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _history = _interopRequireDefault(require("../history"));
+
+var _excluded = ["to", "children", "disabled"];
+
+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; } }
+
+function isLeftClickEvent(event) {
+  return event.button === 0;
+}
+
+function isModifiedEvent(event) {
+  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
+}
+
+function jump(url) {
+  if (_history["default"].location.pathname != url) {
+    _history["default"].push(url);
+  } else {
+    _history["default"].replace(url);
+  }
+}
+
+var Link = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Link, _React$Component);
+
+  var _super = _createSuper(Link);
+
+  function Link() {
+    var _context;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Link);
+
+    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"])(_context = [this]).call(_context, args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
+      if (_this.props.onClick) {
+        _this.props.onClick(event);
+      }
+
+      if (isModifiedEvent(event) || !isLeftClickEvent(event)) {
+        return;
+      }
+
+      if (event.defaultPrevented === true) {
+        return;
+      }
+
+      event.preventDefault();
+      jump(_this.props.to);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Link, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          to = _this$props.to,
+          children = _this$props.children,
+          disabled = _this$props.disabled,
+          props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+
+      if (disabled) {
+        return /*#__PURE__*/_react["default"].createElement("a", props, children);
+      } else {
+        return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
+          href: to
+        }, props, {
+          onClick: this.handleClick
+        }), children);
+      }
+    }
+  }]);
+  return Link;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(Link, "propTypes", {
+  to: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  onClick: _propTypes["default"].func
+});
+var _default = Link;
+exports["default"] = _default;

package/lib/Link/package.json

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

package/lib/Loading/Loading.js

@@ -0,0 +1,30 @@
+"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 _spin = _interopRequireDefault(require("antd/lib/spin"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _variables = _interopRequireDefault(require("../variables"));
+
+function Loading(_ref) {
+  var retry = _ref.retry,
+      onRetry = _ref.onRetry;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _variables["default"])('Loading')
+  }, /*#__PURE__*/_react["default"].createElement("div", null, !retry ? /*#__PURE__*/_react["default"].createElement(_spin["default"], null) : /*#__PURE__*/_react["default"].createElement("span", null, "\u52A0\u8F7D\u5931\u8D25\uFF0C\u70B9\u51FB", /*#__PURE__*/_react["default"].createElement("a", {
+    onClick: onRetry
+  }, "\u91CD\u8BD5"))));
+}
+
+var _default = Loading;
+exports["default"] = _default;

package/lib/Loading/Loading.less

@@ -0,0 +1,13 @@
+@import '../variables.less';
+
+.@{cloudlink-prefix}-Loading {
+  display: table;
+  height: 100%;
+  width: 100%;
+
+  > * {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+  }
+}

package/lib/Loading/package.json

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

package/lib/Loading2/Loading2.js

@@ -0,0 +1,26 @@
+"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 _spin = _interopRequireDefault(require("antd/lib/spin"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _variables = _interopRequireDefault(require("../variables"));
+
+function Loading() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _variables["default"])('Loading2')
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_spin["default"], null)));
+}
+
+var _default = Loading;
+exports["default"] = _default;

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,53 @@
+"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 = ModalWithDrag;
+exports["default"] = _default;

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,147 @@
+"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 = drag;
+exports["default"] = _default;

package/lib/ModalWithDrag/package.json

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