cloud-b2b 1.0.0 → 1.0.1

package/es/Layout/Layout.js

@@ -0,0 +1,232 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Button from "antd/es/button";
+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 _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$keys2 from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+import React from 'react';
+import PropTypes from 'prop-types';
+import Header from '../Header';
+import Sidebar from '../Sidebar2';
+import Loading from '../Loading';
+import { jump } from '../Link';
+import variables from '../variables';
+var HeaderV = Header.Vertical;
+
+var getCurrentSideKey = function getCurrentSideKey() {
+  var sidebars = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var href = arguments.length > 1 ? arguments[1] : undefined;
+  if (!href) return '';
+
+  for (var _i = 0, _Object$keys = _Object$keys2(sidebars); _i < _Object$keys.length; _i++) {
+    var _context;
+
+    var key = _Object$keys[_i];
+
+    if (_someInstanceProperty(_context = sidebars[key]).call(_context, function (item) {
+      var _context2;
+
+      return item.href === href || item.children && _someInstanceProperty(_context2 = item.children).call(_context2, function (o) {
+        return o.href === href;
+      });
+    })) {
+      return key;
+    }
+  }
+};
+
+var Layout = /*#__PURE__*/function (_React$Component) {
+  _inherits(Layout, _React$Component);
+
+  var _super = _createSuper(Layout);
+
+  function Layout(props) {
+    var _this;
+
+    _classCallCheck(this, Layout);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "onOpenChange", function (sideKey, openKeys) {
+      var onOpenChange = _this.props.onOpenChange;
+
+      if (onOpenChange) {
+        onOpenChange(sideKey, openKeys);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getSidebarProps", function (sideKey) {
+      var _context3;
+
+      var _this$props = _this.props,
+          sidebars = _this$props.sidebars,
+          nav2 = _this$props.nav2,
+          _this$props$openKeys = _this$props.openKeys,
+          openKeys = _this$props$openKeys === void 0 ? {} : _this$props$openKeys,
+          navigation = _this$props.navigation;
+      var sides = sidebars[sideKey] || [];
+      return {
+        mode: _this.state.mode,
+        title: _filterInstanceProperty(navigation).call(navigation, function (o) {
+          return o.key === sideKey;
+        })[0].title,
+        activeKey: nav2,
+        items: sides,
+        openKeys: openKeys[sideKey] || [],
+        onOpenChange: _bindInstanceProperty(_context3 = _this.onOpenChange).call(_context3, _assertThisInitialized(_this), sideKey),
+        onModeChange: function onModeChange(mode) {
+          return _this.setState({
+            mode: mode
+          });
+        }
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "toSidebar", function (sideKey) {
+      var hasHeaderV = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (!sideKey) {
+        return null;
+      } else {
+        return /*#__PURE__*/React.createElement("aside", {
+          style: {
+            marginLeft: hasHeaderV ? 40 : 0
+          }
+        }, /*#__PURE__*/React.createElement(Sidebar, _this.getSidebarProps(sideKey)));
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "toHeader", function () {
+      var _context4, _context5;
+
+      var _this$props2 = _this.props,
+          loading = _this$props2.loading,
+          sidebars = _this$props2.sidebars,
+          nav1 = _this$props2.nav1,
+          nav2 = _this$props2.nav2,
+          homeUrl = _this$props2.homeUrl,
+          settingUrl = _this$props2.settingUrl,
+          messageUrl = _this$props2.messageUrl,
+          messageCount = _this$props2.messageCount,
+          userName = _this$props2.userName,
+          userIcon = _this$props2.userIcon,
+          loginUrl = _this$props2.loginUrl,
+          onMenuClick = _this$props2.onMenuClick,
+          onLogout = _this$props2.onLogout;
+      var selectKey = loading ? '' : getCurrentSideKey(sidebars, _concatInstanceProperty(_context4 = "/".concat(nav1, "/")).call(_context4, nav2));
+      var selectUrl = loading ? '' : _concatInstanceProperty(_context5 = "/".concat(nav1, "/")).call(_context5, nav2);
+      return /*#__PURE__*/React.createElement(Header, {
+        homeUrl: homeUrl,
+        settingUrl: settingUrl,
+        messageUrl: messageUrl,
+        loginUrl: loginUrl,
+        userName: userName,
+        userIcon: userIcon,
+        messageCount: messageCount,
+        selectKey: selectKey,
+        selectUrl: selectUrl,
+        onMenuClick: onMenuClick,
+        onLogout: onLogout
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "headerVProps", function (selectKey) {
+      var _context6;
+
+      var keys = ['setting', 'message'];
+      return {
+        selectKey: selectKey,
+        url: _this.state.url,
+        items: _filterInstanceProperty(_context6 = _this.props.navigation).call(_context6, function (item) {
+          return !_includesInstanceProperty(keys).call(keys, item.key);
+        })
+      };
+    });
+
+    _this.state = {
+      mode: 'expand',
+      url: {}
+    };
+    return _this;
+  }
+
+  _createClass(Layout, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      if (!props.loading) {
+        var _context7, _context8;
+
+        this.setState({
+          url: _Object$assign({}, this.state.url, _defineProperty({}, getCurrentSideKey(props.sidebars, _concatInstanceProperty(_context7 = "/".concat(props.nav1, "/")).call(_context7, props.nav2)), _concatInstanceProperty(_context8 = "/".concat(props.nav1, "/")).call(_context8, props.nav2)))
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _context10;
+
+      var _this$props3 = this.props,
+          loading = _this$props3.loading,
+          sidebars = _this$props3.sidebars,
+          _this$props3$nav = _this$props3.nav1,
+          nav1 = _this$props3$nav === void 0 ? '' : _this$props3$nav,
+          _this$props3$nav2 = _this$props3.nav2,
+          nav2 = _this$props3$nav2 === void 0 ? '' : _this$props3$nav2,
+          children = _this$props3.children,
+          _this$props3$noPrivil = _this$props3.noPrivilege,
+          noPrivilege = _this$props3$noPrivil === void 0 ? false : _this$props3$noPrivil,
+          navigation = _this$props3.navigation;
+      var hasV = _filterInstanceProperty(navigation).call(navigation, function (item) {
+        var _context9;
+
+        return !_includesInstanceProperty(_context9 = ['setting', 'message']).call(_context9, item.key);
+      }).length > 1;
+      var sideKey = loading || !nav2 ? '' : getCurrentSideKey(sidebars, _concatInstanceProperty(_context10 = "/".concat(nav1, "/")).call(_context10, nav2));
+      return noPrivilege ? /*#__PURE__*/React.createElement("div", {
+        style: {
+          textAlign: 'center'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          lineHeight: '100px'
+        }
+      }, "\u60A8\u6682\u65E0\u6743\u9650\uFF0C\u8BF7\u786E\u8BA4\u60A8\u8D26\u53F7\u89D2\u8272\u662F\u5426\u6B63\u786E\uFF0C\u6216\u8054\u7CFB\u7BA1\u7406\u5458\u5206\u914D\u6743\u9650"), /*#__PURE__*/React.createElement(_Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return jump('/');
+        }
+      }, "\u8FD4\u56DE\u9996\u9875")) : /*#__PURE__*/React.createElement("div", {
+        className: variables('Layout')
+      }, this.toHeader(sideKey), loading ? /*#__PURE__*/React.createElement(Loading, null) : /*#__PURE__*/React.createElement("div", null, hasV ? /*#__PURE__*/React.createElement(HeaderV, this.headerVProps(sideKey)) : null, this.toSidebar(sideKey, hasV), /*#__PURE__*/React.createElement("section", null, children)));
+    }
+  }]);
+
+  return Layout;
+}(React.Component);
+
+_defineProperty(Layout, "propTypes", {
+  children: PropTypes.node.isRequired,
+  nav1: PropTypes.string,
+  nav2: PropTypes.string,
+  sidebars: PropTypes.object,
+  openKeys: PropTypes.object,
+  onOpenChange: PropTypes.func
+});
+
+export default Layout;

package/es/Layout/Layout.less

@@ -0,0 +1,28 @@
+@import '../variables.less';
+
+.@{cloudlink-prefix}-Layout{
+  min-width: 1024px;
+  max-height: 100%;
+  overflow: hidden;
+
+  > :last-child {
+    height: ~'calc(100vh - @{header-height})';
+    position: relative;
+
+    > :first-child {
+      position: absolute;
+    }
+
+    > aside {
+      position: inherit !important;
+      height: inherit;
+      float: left;
+    }
+
+    > section {
+      overflow: auto;
+      height: inherit;
+    }
+  }
+}
+

package/es/Layout/package.json

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

package/es/LayoutLink/LayoutLink.js

@@ -0,0 +1,82 @@
+import _Empty from "antd/es/empty";
+import _Button from "antd/es/button";
+import _Input from "antd/es/input";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _Form from "antd/es/form";
+import React, { useState } from 'react';
+import WingBlank from '../WingBlank';
+import Card from '../Card';
+import variables from '../variables';
+var FormItem = _Form.Item;
+
+function Search(_ref) {
+  var placeholder = _ref.placeholder,
+      onSearch = _ref.onSearch;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_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.createElement(Card, {
+    className: s.search
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormItem, {
+    validateStatus: status
+  }, /*#__PURE__*/React.createElement(_Input, {
+    placeholder: placeholder,
+    value: value,
+    onChange: onChange
+  })), /*#__PURE__*/React.createElement(_Button, {
+    onClick: onClick
+  }, "\u5F00\u59CB\u67E5\u8BE2")));
+}
+
+function Title(_ref2) {
+  var title = _ref2.title;
+  return /*#__PURE__*/React.createElement("div", {
+    className: s.title
+  }, /*#__PURE__*/React.createElement("div", null, title), /*#__PURE__*/React.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.createElement("div", {
+    className: variables('LayoutLink')
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
+    src: img,
+    alt: "banner"
+  })), /*#__PURE__*/React.createElement(WingBlank, null, /*#__PURE__*/React.createElement(Search, {
+    placeholder: placeholder,
+    onSearch: onSearch
+  }), /*#__PURE__*/React.createElement(Title, {
+    title: title
+  }), /*#__PURE__*/React.createElement(Card, null, children ? children : /*#__PURE__*/React.createElement(_Empty, {
+    style: {
+      padding: '30px'
+    }
+  }))));
+}
+
+export default LayoutLink;

package/es/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/es/LayoutLink/package.json

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

package/es/Link/Link.js

@@ -0,0 +1,108 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+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";
+var _excluded = ["to", "children", "disabled"];
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+
+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 React from 'react';
+import PropTypes from 'prop-types';
+import history from '../history';
+
+function isLeftClickEvent(event) {
+  return event.button === 0;
+}
+
+function isModifiedEvent(event) {
+  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
+}
+
+function jump(url) {
+  if (history.location.pathname != url) {
+    history.push(url);
+  } else {
+    history.replace(url);
+  }
+}
+
+var Link = /*#__PURE__*/function (_React$Component) {
+  _inherits(Link, _React$Component);
+
+  var _super = _createSuper(Link);
+
+  function Link() {
+    var _context;
+
+    var _this;
+
+    _classCallCheck(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, _concatInstanceProperty(_context = [this]).call(_context, args));
+
+    _defineProperty(_assertThisInitialized(_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;
+  }
+
+  _createClass(Link, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          to = _this$props.to,
+          children = _this$props.children,
+          disabled = _this$props.disabled,
+          props = _objectWithoutProperties(_this$props, _excluded);
+
+      if (disabled) {
+        return /*#__PURE__*/React.createElement("a", props, children);
+      } else {
+        return /*#__PURE__*/React.createElement("a", _extends({
+          href: to
+        }, props, {
+          onClick: this.handleClick
+        }), children);
+      }
+    }
+  }]);
+
+  return Link;
+}(React.Component);
+
+_defineProperty(Link, "propTypes", {
+  to: PropTypes.string,
+  disabled: PropTypes.bool,
+  children: PropTypes.node,
+  onClick: PropTypes.func
+});
+
+export default Link;
+export { jump };

package/es/Link/package.json

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

package/es/Loading/Loading.js

@@ -0,0 +1,15 @@
+import _Spin from "antd/es/spin";
+import React from 'react';
+import variables from '../variables';
+
+function Loading(_ref) {
+  var retry = _ref.retry,
+      onRetry = _ref.onRetry;
+  return /*#__PURE__*/React.createElement("div", {
+    className: variables('Loading')
+  }, /*#__PURE__*/React.createElement("div", null, !retry ? /*#__PURE__*/React.createElement(_Spin, null) : /*#__PURE__*/React.createElement("span", null, "\u52A0\u8F7D\u5931\u8D25\uFF0C\u70B9\u51FB", /*#__PURE__*/React.createElement("a", {
+    onClick: onRetry
+  }, "\u91CD\u8BD5"))));
+}
+
+export default Loading;

package/es/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/es/Loading/package.json

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

package/es/Loading2/Loading2.js

@@ -0,0 +1,11 @@
+import _Spin from "antd/es/spin";
+import React from 'react';
+import variables from '../variables';
+
+function Loading() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: variables('Loading2')
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Spin, null)));
+}
+
+export default Loading;

package/es/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/es/Loading2/package.json

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

package/es/ModalWithDrag/ModalWithDrag.js

@@ -0,0 +1,34 @@
+import _Modal from "antd/es/modal";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+var _excluded = ["className", "children", "title"];
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import React from 'react';
+import drag from './drag';
+import variables from '../variables';
+
+var onLoad = function onLoad(e) {
+  var dragElement = e.parentNode.parentNode;
+  var targetElement = dragElement.parentNode.parentNode;
+  drag(dragElement, targetElement);
+};
+
+var ModalWithDrag = function ModalWithDrag(_ref) {
+  var _context;
+
+  var className = _ref.className,
+      children = _ref.children,
+      title = _ref.title,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  props.title = /*#__PURE__*/React.createElement("div", {
+    ref: function ref(e) {
+      return e && onLoad(e);
+    }
+  }, title);
+  return /*#__PURE__*/React.createElement(_Modal, _extends({
+    className: _concatInstanceProperty(_context = "".concat(className, " ")).call(_context, variables('ModalWithDrag'))
+  }, props), children);
+};
+
+export default ModalWithDrag;

package/es/ModalWithDrag/ModalWithDrag.less

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