@titaui/pc 1.6.8 → 1.6.12

package/lib/components/nav-top/components/user-message/msg/index.css

@@ -0,0 +1,122 @@
+.titaui-user-message-msg {
+  box-sizing: border-box;
+  position: relative;
+  width: 420px;
+  height: 500px;
+  background: #ffffff;
+  box-shadow: 0px 4px 24px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 24px;
+  align-items: center;
+}
+
+.titaui-user-message-msg__tabs .rc-tabs-nav {
+  margin-left: 20px;
+  box-sizing: border-box;
+  width: 380px;
+  height: 58px;
+  background: #ffffff;
+  border-radius: 24px 24px 0px 0px;
+}
+
+.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab {
+  margin: 20px 36px 15px 0;
+  font-size: 14px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  font-weight: 400;
+  color: #3f4755;
+  line-height: 22px;
+}
+
+.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab #rc-tabs-0-tab-todos {
+  margin-left: 5px;
+}
+
+.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab #rc-tabs-0-tab-replys {
+  width: 56px;
+  height: 22px;
+}
+
+.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab #rc-tabs-0-tab-replys .titaui-user-message__tabs-total {
+  left: 50px;
+}
+
+.titaui-user-message-msg__tabs .rc-tabs-nav .rc-tabs-tab-active {
+  font-size: 14px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  font-weight: 500;
+  color: #2879ff;
+  line-height: 22px;
+}
+
+.titaui-user-message-msg__tabs-todos {
+  position: relative;
+}
+
+.titaui-user-message-msg__tabs-informs {
+  position: relative;
+}
+
+.titaui-user-message-msg__tabs-replys {
+  position: relative;
+}
+
+.titaui-user-message-msg__tabs-replys-total {
+  position: absolute;
+  left: 48px;
+  top: -6px;
+  height: 16px;
+  background: #f05e5e;
+  box-shadow: 0px 2px 4px 0px #f05e5e, 0px 0px 2px 1px #f05e5e;
+  border-radius: 8px;
+  font-size: 12px;
+  font-family: ArialMT;
+  color: #ffffff;
+  line-height: 18px;
+  text-align: center;
+  padding: 0 5px;
+}
+
+.titaui-user-message-msg__tabs-reminds {
+  position: relative;
+}
+
+.titaui-user-message-msg__tabs-total {
+  position: absolute;
+  left: 22px;
+  top: -6px;
+  height: 16px;
+  background: #f05e5e;
+  box-shadow: 0px 2px 4px 0px #f05e5e, 0px 0px 2px 1px #f05e5e;
+  border-radius: 8px;
+  font-size: 12px;
+  font-family: ArialMT;
+  color: #ffffff;
+  line-height: 18px;
+  text-align: center;
+  padding: 0 5px;
+}
+
+.titaui-user-message-msg
+.titaui-user-message-msg__tabs
+.titaui-tabs
+.rc-tabs-tab::after {
+  width: 20px;
+  height: 3px;
+  background: linear-gradient(270deg, #4e90ff 0%, #2879ff 100%);
+  border-radius: 2px;
+  bottom: -15px;
+}
+
+.titaui-user-message-msg
+.titaui-user-message-msg__tabs
+.titaui-tabs
+.rc-tabs-tab-active::after {
+  left: calc(50% - 10px);
+}
+
+.titaui-user-message-msg
+.titaui-user-message-msg__tabs
+.titaui-tabs
+.rc-tabs-tab #rc-tabs-0-tab-replys .titaui-user-message-msg__tabs-total {
+  left: 48px;
+}

package/lib/components/nav-top/components/user-message/msg/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tabs = _interopRequireWildcard(require("../../../../tabs"));
+
+var _bsGlobal = require("../../../../../utils/bs-global");
+
+var _reply = _interopRequireDefault(require("../components/reply"));
+
+var _todos = _interopRequireDefault(require("../components/todos"));
+
+var _inform = _interopRequireDefault(require("../components/inform"));
+
+var _remind = _interopRequireDefault(require("../components/remind"));
+
+var _tabTitle = _interopRequireDefault(require("../components/tab-title"));
+
+require("./index.css");
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefixCls = "titaui-user-message-msg";
+var userInfo = (0, _bsGlobal.getUserInfo)();
+
+var UserMessage = function UserMessage(props) {
+  var todos = props.todos,
+      reminds = props.reminds,
+      informs = props.informs,
+      replys = props.replys,
+      deleteRemindsAll = props.deleteRemindsAll,
+      deleteReminds = props.deleteReminds,
+      onItemClick = props.onItemClick;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefixCls))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefixCls, "__tabs"))
+  }, /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
+    defaultActiveKey: "informs",
+    animated: {
+      inkBar: true,
+      tabPane: false
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tabs.TabPane, {
+    tab: /*#__PURE__*/_react["default"].createElement(_tabTitle["default"], {
+      tab: todos,
+      title: "\u5F85\u529E"
+    }),
+    key: "todos"
+  }, /*#__PURE__*/_react["default"].createElement(_todos["default"], {
+    todos: todos,
+    userInfo: userInfo,
+    onItemClick: onItemClick
+  })), /*#__PURE__*/_react["default"].createElement(_tabs.TabPane, {
+    tab: /*#__PURE__*/_react["default"].createElement(_tabTitle["default"], {
+      tab: informs,
+      title: "\u901A\u77E5"
+    }),
+    key: "informs"
+  }, /*#__PURE__*/_react["default"].createElement(_inform["default"], {
+    informs: informs,
+    userInfo: userInfo,
+    onItemClick: onItemClick
+  })), /*#__PURE__*/_react["default"].createElement(_tabs.TabPane, {
+    tab: /*#__PURE__*/_react["default"].createElement(_tabTitle["default"], {
+      tab: replys,
+      title: "@\u4E0E\u56DE\u590D"
+    }),
+    key: "replys"
+  }, /*#__PURE__*/_react["default"].createElement(_reply["default"], {
+    replys: replys,
+    userInfo: userInfo,
+    onItemClick: onItemClick
+  })), /*#__PURE__*/_react["default"].createElement(_tabs.TabPane, {
+    tab: /*#__PURE__*/_react["default"].createElement(_tabTitle["default"], {
+      tab: reminds,
+      title: "\u63D0\u9192"
+    }),
+    key: "reminds"
+  }, /*#__PURE__*/_react["default"].createElement(_remind["default"], {
+    reminds: reminds,
+    deleteReminds: deleteReminds,
+    deleteRemindsAll: deleteRemindsAll,
+    onItemClick: onItemClick
+  })))));
+};
+
+var _default = UserMessage;
+exports["default"] = _default;

package/lib/components/nav-top/components/user-own-menu/index.css

@@ -0,0 +1,61 @@
+.titaui-nav-top-user-own-menu {
+  display: flex;
+  box-sizing: border-box;
+  background: #ffffff;
+  box-shadow: 0px 4px 24px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 24px;
+  padding: 16px 12px;
+}
+
+.titaui-nav-top-user-own-menu__card-items {
+  margin-bottom: 5px;
+  position: relative;
+}
+
+.titaui-nav-top-user-own-menu__card-items:last-of-type::after {
+  display: none;
+}
+
+.titaui-nav-top-user-own-menu__card-items::after {
+  position: absolute;
+  bottom: -2.5px;
+  left: 8px;
+  display: inline-block;
+  content: "";
+  width: 100px;
+  height: 1px;
+  background: linear-gradient(297deg, #ffffff 0%, #e9ecf0 46%, #ffffff 100%);
+}
+
+.titaui-nav-top-user-own-menu__card-items:last-of-type {
+  margin-bottom: 0;
+}
+
+.titaui-nav-top-user-own-menu__card-item {
+  display: flex;
+  border-radius: 8px;
+  padding: 5px 8px;
+  align-items: center;
+}
+
+.titaui-nav-top-user-own-menu__card-item:hover {
+  background: #f7f8fa;
+}
+
+.titaui-nav-top-user-own-menu__card-item-img {
+  width: 16px;
+  height: 16px;
+  margin: 3px 8px 3px 0;
+}
+
+.titaui-nav-top-user-own-menu__card-item-title {
+  font-size: 14px;
+  font-weight: 400;
+  color: #3f4755;
+  line-height: 22px;
+  cursor: pointer;
+}
+
+.titaui-nav-top-user-own-menu__card-item-title:hover {
+  color: #2879ff;
+}

package/lib/components/{button/admin-button/drop-down-arrow.js → nav-top/components/user-own-menu/index.js}

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _utils = require("../../utils");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -31,63 +33,36 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "admin-button";
-
-var _default = function _default(_ref) {
-  var _onClick = _ref.onClick,
-      id = _ref.id,
-      children = _ref.children,
-      _ref$content = _ref.content,
-      content = _ref$content === void 0 ? [] : _ref$content,
-      _ref$isHasArrow = _ref.isHasArrow,
-      isHasArrow = _ref$isHasArrow === void 0 ? false : _ref$isHasArrow,
-      style = _ref.style,
-      contentStyle = _ref.contentStyle,
-      extraClass = _ref.extraClass;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var wrapperRef = (0, _react.useRef)(document.createElement("div"));
-
-  var clickEvent = function clickEvent(e) {
-    if (!e.target.className.includes("admin-button-drop-wrapper-item")) {
-      setVisible(false);
-      window.removeEventListener("click", clickEvent, true);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (visible) {
-      window.addEventListener("click", clickEvent, true);
-    } else {
-      window.removeEventListener("click", clickEvent, true);
-    }
-  }, [visible]);
+var preCls = "titaui-nav-top-user-own-menu";
+
+var User = function User() {
+  var _useState = (0, _react.useState)((0, _utils.getOwnSet)()),
+      _useState2 = _slicedToArray(_useState, 1),
+      ownSet = _useState2[0];
+
   return /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: function onClick() {
-      setVisible(!visible);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-drop ").concat(preCls, "-btn ").concat(extraClass)),
-    style: style
-  }, children, isHasArrow && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "tu-icon-sort-down"
-  })), visible && /*#__PURE__*/_react["default"].createElement("div", {
-    ref: wrapperRef,
-    style: contentStyle,
-    className: (0, _classnames["default"])("".concat(preCls, "-drop-wrapper"))
-  }, content.map(function (item, key) {
+    className: (0, _classnames["default"])("".concat(preCls))
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    className: (0, _classnames["default"])("".concat(preCls, "__card"))
+  }, ownSet.map(function (items, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      key: key,
-      onClick: function onClick() {
-        return _onClick && _onClick(item.key);
-      },
-      className: (0, _classnames["default"])("".concat(preCls, "-drop-wrapper-item"))
-    }, item.name);
+      className: (0, _classnames["default"])("".concat(preCls, "__card-items")),
+      key: index
+    }, items.map(function (item) {
+      return /*#__PURE__*/_react["default"].createElement("li", {
+        className: (0, _classnames["default"])("".concat(preCls, "__card-item")),
+        key: item.id
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: item.url,
+        className: (0, _classnames["default"])("".concat(preCls, "__card-item-img"))
+      }), /*#__PURE__*/_react["default"].createElement("a", {
+        href: item.objUrl
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])("".concat(preCls, "__card-item-title"))
+      }, item.title)));
+    }));
   })));
 };
 
+var _default = User;
 exports["default"] = _default;

package/lib/components/nav-top/components/version/index.css

@@ -0,0 +1,22 @@
+.titaui-nav-top-version__version-info {
+  width: 120px;
+  height: 24px;
+  background: url("../../images/version.png") no-repeat;
+  background-size: 120px 24px;
+  margin-right: 20px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #875502;
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.titaui-nav-top-version__version-info-name {
+  margin-left: 8px;
+}
+
+.titaui-nav-top-version__version-info-countdown {
+  margin-left: 16px;
+}

package/lib/components/{button/export-button → nav-top/components/version}/index.js

@@ -9,8 +9,16 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _bsGlobal = require("../../../../utils/bs-global");
+
+var _versionChangeModal = _interopRequireDefault(require("../../../version-change-modal"));
+
+var _constant = require("../../constant");
+
 require("./index.css");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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; }
@@ -27,55 +35,38 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var ExportBtn = function ExportBtn(_ref) {
-  var popup = _ref.popup,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 90 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 32 : _ref$height,
-      _onClick = _ref.onClick;
+var prefix = "titaui-nav-top-version";
 
+var Version = function Version() {
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      isVisible = _useState2[0],
-      setIsVisible = _useState2[1];
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var versionInfo = (0, _bsGlobal.getBSGlobal)("tenantAuthentication");
 
-  var wrapperRef = (0, _react.useRef)(document.createElement("div"));
+  var handleVisibleChange = function handleVisibleChange(value) {
+    setVisible(value);
+  };
 
-  var clickEvent = function clickEvent(e) {
-    if (!e.target.className.includes("okrdashboard-export-label")) {
-      setIsVisible(false);
-      window.removeEventListener("click", clickEvent, true);
-    }
+  var handleShowVersionSelector = function handleShowVersionSelector() {
+    setVisible(true);
   };
 
-  (0, _react.useEffect)(function () {
-    if (isVisible) {
-      window.addEventListener("click", clickEvent, true);
-    } else {
-      window.removeEventListener("click", clickEvent, true);
-    }
-  }, [isVisible]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "tita-export-btn"
+    className: prefix
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "export-btn",
-    style: {
-      width: "".concat(width, "px"),
-      height: "".concat(height, "px")
-    },
-    onClick: function onClick() {
-      _onClick && _onClick();
-      if (!popup) return;
-      setIsVisible(true);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: require("../images/daoru.svg")
-  }), " \u5BFC\u51FA"), popup && isVisible ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "export-label",
-    ref: wrapperRef
-  }, popup) : null);
+    className: "".concat(prefix, "__version-info"),
+    onClick: handleShowVersionSelector
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__version-info-name")
+  }, _constant.versionTextMap[versionInfo.MenuVersion]), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__version-info-countdown")
+  }, "\u5269\u4F59", versionInfo.Day, "\u5929")), /*#__PURE__*/_react["default"].createElement(_versionChangeModal["default"], {
+    isVisible: visible,
+    onVisibleChange: handleVisibleChange
+  }));
 };
 
-var _default = ExportBtn;
+var _default = Version;
 exports["default"] = _default;

package/lib/components/nav-top/constant.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.versionTextMap = exports.path = exports.popupAlignPhoto = exports.userInfoPath = exports.tm = exports.apiServer = exports.userId = void 0;
+
+var _bsGlobal = require("../../utils/bs-global");
+
+var _constant = require("../version-change-modal/constant");
+
+var _versionTextMap;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var userId = (0, _bsGlobal.getUserInfo)().Id;
+exports.userId = userId;
+var apiServer = (0, _bsGlobal.getBSGlobal)("apiPath");
+exports.apiServer = apiServer;
+var tm = (0, _bsGlobal.getBSGlobal)("tm");
+exports.tm = tm;
+var userInfoPath = "planDaily/userAll?toUserId=".concat(userId, "&date=2021/10/13&reportType=26");
+exports.userInfoPath = userInfoPath;
+var popupAlignPhoto = {
+  offset: [4, 3],
+  overflow: {
+    adjustX: true,
+    adjustY: true
+  },
+  targetOffset: [0, 0]
+}; //待办提醒任务
+
+exports.popupAlignPhoto = popupAlignPhoto;
+var path = {
+  todoPath: "todo/Get?app_type=-1&app_id=-1&page_num=1&page_size=50&status=1&pageNum=1",
+  remindPath: "remind/get",
+  informPath: "messages/Get?page_size=20&page_num=1&status=2&app_type=-1&app_id=-1",
+  replyPath: "comment/messages?page_num=1&page_size=20&status=2"
+};
+exports.path = path;
+var versionTextMap = (_versionTextMap = {}, _defineProperty(_versionTextMap, _constant.Versions.Standard, "项目版"), _defineProperty(_versionTextMap, _constant.Versions.WeixinAssess, "绩效版"), _defineProperty(_versionTextMap, _constant.Versions.Professional, "OKR版"), _defineProperty(_versionTextMap, _constant.Versions.Flagship, "旗舰版"), _versionTextMap);
+exports.versionTextMap = versionTextMap;

package/lib/components/nav-top/images/app-tixing.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>app-tixing</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.964706 0 0 0 0 0.741176 0 0 0 0 0.086275 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="消息-提醒" transform="translate(-598.000000, -123.000000)">
+            <g id="编组-4备份" transform="translate(578.000000, 42.000000)">
+                <g id="编组-3" transform="translate(0.000000, 68.000000)">
+                    <g id="app-tixing" transform="translate(20.000000, 13.000000)">
+                        <circle id="椭圆形" fill-opacity="0.2" fill="#F6BD16" cx="16" cy="16" r="16"></circle>
+                        <g id="app-tixing" transform="translate(6.000000, 6.000000)" filter="url(#filter-1)">
+                            <g>
+                                <path d="M10,4.25 C11.6566811,4.25 13.1567183,4.92179403 14.2429288,6.00740452 C15.3286277,7.09310336 16,8.59310921 16,10.25 C16,11.9066719 15.3285393,13.4067183 14.2430591,14.4927986 C13.1567183,15.5785393 11.6566719,16.25 10,16.25 C8.34310921,16.25 6.84310336,15.5786277 5.75753473,14.4930591 C4.67179403,13.4067183 4,11.9066811 4,10.25 C4,8.5931 4.67170568,7.09310336 5.75740452,6.00740452 C6.84310336,4.92170568 8.3431,4.25 10,4.25 Z" id="员" stroke="#141C28" stroke-width="1.33333333"></path>
+                                <path d="M5.53655495,3.23702961 C4.43502016,3.23702961 3.33348537,4.01646392 3.33348537,5.24911447 M16.6812187,5.26823842 C16.6812187,4.24307204 15.5921387,3.25 14.5030587,3.23702961" id="形状" stroke="#141C28" stroke-width="1.33333333" stroke-linecap="round" stroke-linejoin="round"></path>
+                                <rect id="矩形" fill="#141C28" x="9.33333333" y="6.91666667" width="1.33333333" height="4.66666667" rx="0.666666667"></rect>
+                                <rect id="矩形" fill="#141C28" transform="translate(5.858608, 16.058058) rotate(-315.000000) translate(-5.858608, -16.058058) " x="5.19194174" y="14.3497249" width="1.33333333" height="3.41666667" rx="0.666666667"></rect>
+                                <rect id="矩形" fill="#141C28" transform="translate(14.111929, 16.028595) scale(-1, 1) rotate(-315.000000) translate(-14.111929, -16.028595) " x="13.4452621" y="14.3619288" width="1.33333333" height="3.33333333" rx="0.666666667"></rect>
+                                <rect id="矩形" fill="#141C28" transform="translate(11.238034, 11.666667) rotate(-330.000000) translate(-11.238034, -11.666667) " x="9.23803387" y="11" width="4" height="1.33333333" rx="0.666666667"></rect>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/images/bell.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="消息-提醒" transform="translate(-973.000000, -17.000000)">
+            <g id="bell" transform="translate(973.000000, 17.000000)" filter="url(#filter-1)">
+                <g>
+                    <path d="M10.0134137,3.33333333 C10.2596762,3.33333333 10.4882019,3.40947271 10.67644,3.53984587 C10.8704247,3.67419907 11.0219839,3.86564749 11.1062357,4.09010883 C12.500322,4.8105417 13.3405282,5.43573057 13.9317732,6.25272971 C14.5075396,7.04834 14.846747,8.02624604 14.846747,9.08333333 L14.846747,9.08333333 L14.846747,12.891045 L15.8081933,14.4046034 L11.9979898,14.9171476 C11.9263157,15.4924975 11.6099219,15.9913803 11.156905,16.3078121 C10.8328747,16.534147 10.4385967,16.6666667 10.0134137,16.6666667 C9.58823067,16.6666667 9.19395274,16.534147 8.8699224,16.3078121 C8.41690551,15.9913803 8.10051172,15.4924975 8.02883757,14.9171476 L8.02883757,14.9171476 L4.5,14.9166667 L5.18008038,12.891045 L5.18008038,9.08333333 C5.18008038,8.02620525 5.51931376,7.04826289 6.09518007,6.25271046 C6.68643877,5.43589363 7.52666233,4.8109336 8.50479979,4.48990505 C9.00530961,3.86567916 9.15667087,3.67423861 9.35047606,3.53990042 C9.53865336,3.40946327 9.76716819,3.33333333 10.0134137,3.33333333 Z" stroke="#141C28" stroke-width="1.33333333"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>