cloud-b2b 1.1.57 → 1.1.59

package/lib/Sidebar/Sidebar.less

@@ -1,78 +0,0 @@
-@import "../variables";
-
-.@{cloudlink-prefix}-Sidebar {
-  background-color: #162C55;
-  color: white;
-  border: none !important;
-
-  > li > a {
-    color: white;
-
-    &:hover {
-      color: @primary-color;
-    }
-  }
-
-  :global(.ant-menu-item-selected) {
-    background-color: #3370FF !important;
-
-    > a:hover {
-      color: white;
-    }
-  }
-
-  :global(.ant-menu-submenu-title) {
-    &:active {
-      background-color: #162C55 !important;
-    }
-
-    &:hover {
-      > i {
-        &::before,
-        &::after {
-          background-color: @primary-color !important;
-        }
-      }
-    }
-  }
-
-  :global(.ant-menu-submenu-arrow) {
-    &::before,
-    &::after {
-      background-image: none !important;
-    }
-  }
-
-  [role='menu'] {
-    background-color: #162C55;
-
-    > li > a {
-      color: white;
-
-      &:hover {
-        color: @primary-color;
-      }
-    }
-
-    :global(.ant-menu-item-selected) {
-      background-color: #3370FF;
-
-      > a:hover {
-        color: white;
-      }
-    }
-  }
-  .unreadTotalLink {
-    position: relative;
-
-    .unreadTotal{
-      color: orangered;
-      float: right;
-      position: absolute;
-      right: 5px;
-    }
-  }
-}
-
-
-

package/lib/Sidebar/package.json

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

package/lib/Sidebar2/Sidebar.js

@@ -1,170 +0,0 @@
-"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;
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _icon = _interopRequireDefault(require("antd/lib/icon"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Link = _interopRequireDefault(require("../Link"));
-var _variables = _interopRequireDefault(require("../variables"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var ITEM_HEIGHT = 40;
-
-/** 侧边栏二级条目的类型
- * key: 唯一标识一个条目
- * title：条目的标题
- * href: 为跳转页面的url
- */
-var ChildType = {
-  key: _propTypes["default"].string.isRequired,
-  title: _propTypes["default"].string.isRequired,
-  href: _propTypes["default"].string.isRequired
-};
-
-/** 侧边栏一级条目的类型
- * key: 唯一标识一个条目
- * title：条目的标题
- * isFolder：为true表明有下级菜单，此时href被忽略，children存放下级菜单的信息
- * href: isFolder为false时，为跳转页面的url，否则被忽略
- * children：isFolder为true时，存放下级菜单的信息，否则被忽略
- */
-var ItemType = {
-  key: _propTypes["default"].string.isRequired,
-  title: _propTypes["default"].string.isRequired,
-  isFolder: _propTypes["default"].bool,
-  href: _propTypes["default"].string,
-  children: _propTypes["default"].arrayOf(_propTypes["default"].shape(ChildType))
-};
-
-/**
- * title: 侧边栏的标题
- * mode: 显示模式，默认为expand(展开)
- * activeKey：指定被选中的一级条目的key，不能是二级条目的key
- * items：存放所有侧边栏条目的信息
- * openKeys: 展开条目的key
- * style: 样式
- * onOpenChange: 展开条目信息改变时触发，原型为func(openKeys)
- * onModeChange: 模式改变时触发，原型为func(mode)
- */
-var Sidebar = /*#__PURE__*/function (_React$Component) {
-  function Sidebar() {
-    var _context;
-    var _this;
-    (0, _classCallCheck2["default"])(this, Sidebar);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Sidebar, (0, _concat["default"])(_context = []).call(_context, args));
-    (0, _defineProperty2["default"])(_this, "onModeChange", function () {
-      var mode = _this.props.mode || 'expand';
-      _this.props.onModeChange(mode === 'expand' ? 'collapse' : 'expand');
-    });
-    (0, _defineProperty2["default"])(_this, "isSelect", function (item) {
-      return _this.props.activeKey === item.key;
-    });
-    (0, _defineProperty2["default"])(_this, "isOpen", function (item) {
-      var _context2;
-      return (0, _includes["default"])(_context2 = _this.props.openKeys).call(_context2, item.key);
-    });
-    (0, _defineProperty2["default"])(_this, "getHeight", function (item) {
-      if (item.isFolder && _this.isOpen(item)) {
-        return (item.children.length + 1) * ITEM_HEIGHT;
-      } else {
-        return ITEM_HEIGHT;
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "linkProps", function (item) {
-      if (item.isFolder) {
-        return {
-          title: item.title,
-          onClick: function onClick() {
-            if (_this.isOpen(item)) {
-              var _context3;
-              _this.props.onOpenChange((0, _filter["default"])(_context3 = _this.props.openKeys).call(_context3, function (key) {
-                return item.key !== key;
-              }));
-            } else {
-              var _context4;
-              _this.props.onOpenChange((0, _concat["default"])(_context4 = []).call(_context4, (0, _toConsumableArray2["default"])(_this.props.openKeys), [item.key]));
-            }
-          }
-        };
-      } else {
-        return {
-          title: item.title,
-          to: item.href,
-          'data-select': _this.isSelect(item)
-        };
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "renderChild", function (item, index) {
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        key: index
-      }, /*#__PURE__*/_react["default"].createElement(_Link["default"], (0, _extends2["default"])({}, _this.linkProps(item), {
-        "data-role": "child-item"
-      }), /*#__PURE__*/_react["default"].createElement("span", null, item.title), item.unreadTotal && item.unreadTotal > 0 && /*#__PURE__*/_react["default"].createElement("span", {
-        className: (0, _variables["default"])('Sidebar2').unreadTotal
-      }, item.unreadTotal)));
-    });
-    (0, _defineProperty2["default"])(_this, "renderItem", function (item, index) {
-      var _context5;
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        key: index,
-        style: {
-          height: _this.getHeight(item)
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Link["default"], (0, _extends2["default"])({}, _this.linkProps(item), {
-        "data-role": "parent-item"
-      }), /*#__PURE__*/_react["default"].createElement("span", null, item.isFolder ? /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        type: "caret-right",
-        "data-open": _this.isOpen(item)
-      }) : null), /*#__PURE__*/_react["default"].createElement("span", null, item.title)), item.isFolder && _this.isOpen(item) ? /*#__PURE__*/_react["default"].createElement("ul", null, (0, _map["default"])(_context5 = item.children).call(_context5, _this.renderChild)) : null);
-    });
-    return _this;
-  }
-  (0, _inherits2["default"])(Sidebar, _React$Component);
-  return (0, _createClass2["default"])(Sidebar, [{
-    key: "render",
-    value: function render() {
-      var _context6;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _variables["default"])('Sidebar2'),
-        "data-mode": this.props.mode || 'expand'
-      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, " "), /*#__PURE__*/_react["default"].createElement("span", null, this.props.title)), /*#__PURE__*/_react["default"].createElement("ul", null, (0, _map["default"])(_context6 = this.props.items).call(_context6, this.renderItem)), !this.props.onModeChange ? null : /*#__PURE__*/_react["default"].createElement("div", {
-        "data-role": "shousuo",
-        onClick: this.onModeChange
-      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("i", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        type: this.props.mode === 'expand' ? 'left' : 'right'
-      })))));
-    }
-  }]);
-}(_react["default"].Component);
-(0, _defineProperty2["default"])(Sidebar, "propTypes", {
-  title: _propTypes["default"].string,
-  mode: _propTypes["default"].oneOf(['collapse', 'expand']),
-  activeKey: _propTypes["default"].string,
-  items: _propTypes["default"].arrayOf(_propTypes["default"].shape(ItemType)),
-  openKeys: _propTypes["default"].array,
-  style: _propTypes["default"].object,
-  onOpenChange: _propTypes["default"].func,
-  onModeChange: _propTypes["default"].func
-});
-var _default = exports["default"] = Sidebar;

package/lib/Sidebar2/Sidebar.less

@@ -1,153 +0,0 @@
-@import '../variables.less';
-
-@arrow-width: 30px;
-@item-height: 40px;
-@shousuo-height: 52px;
-
-.@{cloudlink-prefix}-Sidebar2 {
-  width: @sidebar-width;
-  height: inherit;
-  min-height: 101px;
-  background: #162C55;
-  position: relative;
-  transition: width 0.3s;
-  white-space: nowrap;
-
-  ::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    background-color: #3AA7F7;
-    border-radius: 6px;
-  }
-
-  &[data-mode='collapse'] {
-    width: 0;
-
-    > [data-role='shousuo'] {
-      transform-origin: 100% 50%;
-      transform: scaleX(-1);
-    }
-  }
-
-  > :first-child {
-    line-height: 60px;
-    border-bottom: 1px solid #999;
-    color: white;
-    font-size: 14px;
-    overflow: hidden;
-
-    > :first-child {
-      display: inline-block;
-      width: @arrow-width;
-    }
-  }
-
-  > ul {
-    padding-left: 0;
-    overflow-x: hidden;
-    overflow-y: auto;
-    height: ~'calc(100% - 61px)';
-
-    a {
-      color: white !important;
-    }
-
-    > li > ul {
-      padding-left: 0;
-    }
-  }
-
-  > [data-role='shousuo'] {
-    position: absolute;
-    z-index: 1;
-    top: ~'calc(50% - 25px)';
-    right: 0;
-    width: 20px;
-    height: @shousuo-height;
-    cursor: pointer;
-    overflow: hidden;
-
-    > div {
-      transform: translateX(5px);
-      transition: transform 0.1s;
-
-      &:hover {
-        transform: translateX(0);
-      }
-
-      > div {
-        line-height: @shousuo-height;
-        text-align: right;
-        font-size: 16px;
-      }
-
-      > i {
-        position: absolute;
-        z-index: -1;
-        top: 0;
-        height: @shousuo-height;
-        border-width: 10px 20px 10px 0;
-        border-color: transparent #dde7ff;
-        border-style: solid;
-      }
-    }
-  }
-
-  li {
-    line-height: @item-height;
-    overflow: hidden;
-    transition: height 0.3s;
-
-    > a {
-      display: block;
-      font-size: 12px;
-      transition: none;
-
-      &:hover {
-        color: @primary-color;
-      }
-
-      &[data-select='true'] {
-        background: @primary-color;
-      }
-    }
-  }
-
-  [data-role='parent-item'] {
-    > :first-child {
-      display: inline-block;
-      line-height: @item-height;
-      width: 30px;
-      text-align: center;
-
-      > * {
-        transition: transform 0.3s;
-        transform-origin: 50% 30%;
-
-        &[data-open='true'] {
-          transform: rotate(90deg);
-        }
-      }
-    }
-  }
-
-  [data-role='child-item'] {
-    padding-left: @arrow-width;
-
-    > :first-child::before {
-      display: inline-block;
-      content: '\2022';
-      margin-right: 2px;
-    }
-
-    .unreadTotal{
-      color: orangered;
-      float: right;
-      position: absolute;
-      right: 15px;
-    }
-  }
-}

package/lib/Sidebar2/package.json

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