@titaui/pc 1.13.2-beta.11 → 1.13.2-beta.14

package/lib/components/dynamic/dynamic-item/dynamic-new-report/index.js

@@ -98,7 +98,6 @@ var DynamicReply = function DynamicReply(_ref) {
       attachments = data.attachments,
       evaluates = data.evaluates,
       canEvaluate = data.canEvaluate;
-  var curAtUser = restProps.curAtUser;
   var files = (0, _util.formatAttachments)(attachments);
 
   var _useState = (0, _react.useState)(),
@@ -106,20 +105,15 @@ var DynamicReply = function DynamicReply(_ref) {
       motionValue = _useState2[0],
       setMotionValue = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(null),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      atValue = _useState4[0],
-      setAtValue = _useState4[1];
+      showDelete = _useState4[0],
+      setShowDelete = _useState4[1];
 
   var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      showDelete = _useState6[0],
-      setShowDelete = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      showEdit = _useState8[0],
-      setShowEdit = _useState8[1];
+      showEdit = _useState6[0],
+      setShowEdit = _useState6[1];
 
   var contentRichTextRef = (0, _react.useRef)();
   var workPlanRichTextRef = (0, _react.useRef)();
@@ -127,10 +121,10 @@ var DynamicReply = function DynamicReply(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
-  var _useState9 = (0, _react.useState)(evaluates || []),
-      _useState10 = _slicedToArray(_useState9, 2),
-      currentEvalutes = _useState10[0],
-      setCurrentEvalutes = _useState10[1];
+  var _useState7 = (0, _react.useState)(evaluates || []),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentEvalutes = _useState8[0],
+      setCurrentEvalutes = _useState8[1];
 
   var renderSuffix = /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(prefix, "__complete-type"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__complete-type--normal"), submitState === 1), _defineProperty(_classNames, "".concat(prefix, "__complete-type--delay"), submitState === 2), _classNames))
@@ -175,16 +169,6 @@ var DynamicReply = function DynamicReply(_ref) {
       setMotionValue(motion);
     }
   }, [dailyContent]);
-  (0, _react.useEffect)(function () {
-    if (dailyContent) {
-      var atData = dailyContent.find(function (item) {
-        return item.contentType === 5;
-      });
-      if (!(atData !== null && atData !== void 0 && atData.content)) return;
-      var atMotion = JSON.parse(atData.content || "{}");
-      setAtValue(atMotion);
-    }
-  }, [dailyContent]);
   (0, _react.useEffect)(function () {
     if (loginUserId === publishUser.userId) {
       setShowDelete(true);
@@ -266,8 +250,7 @@ var DynamicReply = function DynamicReply(_ref) {
     editable: false,
     enableDelete: false
   })), /*#__PURE__*/_react["default"].createElement(_remindUserView["default"], {
-    data: atValue,
-    curAtUser: curAtUser
+    data: atUsers
   }), currentEvalutes && currentEvalutes.length !== 0 && /*#__PURE__*/_react["default"].createElement(_evalute["default"], {
     evaluation: currentEvalutes[0],
     feedId: feedId,

package/lib/components/dynamic/dynamic-item/index.js

@@ -79,9 +79,7 @@ var _dynamicNewReport = _interopRequireDefault(require("./dynamic-new-report"));
 
 var _dynamicDiscovery = _interopRequireDefault(require("./dynamic-discovery"));
 
-var _requestApi = require("../request-api");
-
-var _excluded = ["data", "onDeleteFeed", "dynamicShareIsShowToping", "detailCurAtUser"];
+var _excluded = ["data", "onDeleteFeed", "dynamicShareIsShowToping"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -122,7 +120,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var prefix = "titaui-dynamic-item";
-var loginUserId = (0, _bsGlobal.getUserInfo)().Id;
 
 var DynamicItem = function DynamicItem(_ref) {
   var _getBSGlobal, _JSON$parse;
@@ -130,7 +127,6 @@ var DynamicItem = function DynamicItem(_ref) {
   var data = _ref.data,
       onDeleteFeed = _ref.onDeleteFeed,
       dynamicShareIsShowToping = _ref.dynamicShareIsShowToping,
-      detailCurAtUser = _ref.detailCurAtUser,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var feedId = data.feedId,
@@ -171,11 +167,6 @@ var DynamicItem = function DynamicItem(_ref) {
       upvoteModalVisible = _useState12[0],
       setUpvoteModalVisible = _useState12[1];
 
-  var _useState13 = (0, _react.useState)(detailCurAtUser),
-      _useState14 = _slicedToArray(_useState13, 2),
-      curAtUser = _useState14[0],
-      setCurAtUser = _useState14[1];
-
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord,
       atAllText = _useContext.atAllText,
@@ -214,16 +205,6 @@ var DynamicItem = function DynamicItem(_ref) {
       });
     }
 
-    if (data.feedType === _constant.EFeedType.Report && data.newSummary) {
-      (0, _requestApi.setSummaryAlreadyRead)({
-        feedId: feedId
-      }).then(function (res) {
-        if (res.Code === 1) {
-          setCurAtUser(+loginUserId);
-        }
-      });
-    }
-
     setIsFold(false);
   };
 
@@ -313,8 +294,7 @@ var DynamicItem = function DynamicItem(_ref) {
         if (data.newSummary) {
           return /*#__PURE__*/_react["default"].createElement(_dynamicNewReport["default"], _extends({
             data: data,
-            onDeleteFeed: onDeleteFeed,
-            curAtUser: curAtUser
+            onDeleteFeed: onDeleteFeed
           }, restProps));
         }
 
@@ -400,7 +380,7 @@ var DynamicItem = function DynamicItem(_ref) {
       default:
         return null;
     }
-  }, [data, curAtUser]);
+  }, [data]);
 
   var renderUpvoteCount = function renderUpvoteCount(type, count) {
     if (count === 0) {

package/lib/components/dynamic/request-api.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.topDynamic = exports.setSummaryAlreadyRead = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
+exports.topDynamic = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
 
 var _request = require("../../utils/request");
 
@@ -43,11 +43,4 @@ var deleteDynamic = function deleteDynamic(_ref5) {
   return (0, _request.rdelete)('v2')("user/feed/Delete?feed_id=".concat(feedId));
 };
 
-exports.deleteDynamic = deleteDynamic;
-
-var setSummaryAlreadyRead = function setSummaryAlreadyRead(_ref6) {
-  var feedId = _ref6.feedId;
-  return (0, _request.rpost)('v1')("summary/remind/read/".concat(feedId));
-};
-
-exports.setSummaryAlreadyRead = setSummaryAlreadyRead;
+exports.deleteDynamic = deleteDynamic;

package/lib/components/file-list/components/single-file/index.css

@@ -4,6 +4,7 @@
 }
 
 .titaui-new-file-list-single-file__file-preview {
+  position: relative;
   width: 120px;
   height: 120px;
   border-radius: 12px;
@@ -12,6 +13,7 @@
   justify-content: center;
   margin-right: 10px;
   background: #f0f2f5;
+  cursor: pointer;
 }
 
 .titaui-new-file-list-single-file__file-preview-img {
@@ -32,6 +34,33 @@
   margin-right: 10px;
 }
 
+.titaui-new-file-list-single-file__file-preview:hover .titaui-new-file-list-single-file__download-line {
+  height: 30px;
+  opacity: 1;
+}
+
+.titaui-new-file-list-single-file__download-line {
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  color: #fff;
+  background: rgba(20, 28, 40, 0.2);
+  backdrop-filter: blur(2px);
+  line-height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0px 0px 10px 10px;
+  cursor: pointer;
+  height: 0;
+  opacity: 0;
+  transition: height .2s, opacity .3s;
+}
+
+.titaui-new-file-list-single-file__download-line__icon {
+  font-size: 16px;
+}
+
 .titaui-new-file-list-single-file__operate {
   position: absolute;
   top: 0;

package/lib/components/file-list/components/single-file/index.js

@@ -25,8 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _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; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -44,6 +42,8 @@ var prefix = 'titaui-new-file-list-single-file';
 var SingleFile = function SingleFile(_ref) {
   var data = _ref.data,
       index = _ref.index,
+      _ref$link = _ref.link,
+      link = _ref$link === void 0 ? false : _ref$link,
       onPreview = _ref.onPreview,
       showDownload = _ref.showDownload;
 
@@ -72,40 +72,30 @@ var SingleFile = function SingleFile(_ref) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
-  }, isMouseEnter && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__operate"),
-    onMouseLeave: handleMouseLeave
-  }, showDownload && /*#__PURE__*/_react["default"].createElement("a", {
-    className: (0, _classnames["default"])("".concat(prefix, "__operate-item"), _defineProperty({}, "".concat(prefix, "__not-preview"), !canPreview || !data.previewUrl)),
-    href: data.downloadUrl
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])('tu-icon-APP-xiazai', "".concat(prefix, "__operate-item-icon"))
-  }), (0, _getLocale.getLocale)('Mod_Download')), !isImg && canPreview && data.previewUrl && /*#__PURE__*/_react["default"].createElement("a", {
-    className: (0, _classnames["default"])("".concat(prefix, "__operate-item"), _defineProperty({}, "".concat(prefix, "__operate-item--only"), !showDownload)),
-    href: data.previewUrl,
-    target: "_blank",
-    rel: "noreferrer"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])('tu-icon-yulan', "".concat(prefix, "__operate-item-icon"))
-  }), (0, _getLocale.getLocale)('Mod_Preview')), isImg && data.previewUrl && /*#__PURE__*/_react["default"].createElement("a", {
-    className: (0, _classnames["default"])("".concat(prefix, "__operate-item"), _defineProperty({}, "".concat(prefix, "__operate-item--only"), !showDownload)),
-    onClick: handlePreviewImg
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])('tu-icon-yulan', "".concat(prefix, "__operate-item-icon"))
-  }), (0, _getLocale.getLocale)('Mod_Preview'))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__file-preview")),
     onMouseEnter: handleMouseEnter,
     style: {
       backgroundColor: backGroundColor
     }
-  }, isImg && /*#__PURE__*/_react["default"].createElement("img", {
+  }, showDownload && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__download-line")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-APP-xiazai', "".concat(prefix, "__download-line__icon"))
+  }), (0, _getLocale.getLocale)('Mod_Download')), isImg && /*#__PURE__*/_react["default"].createElement("img", {
     className: "".concat(prefix, "__file-preview-img"),
-    src: data.previewUrl || data.bigImageUrl
-  }), !isImg && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__file-preview-other")
+    onClick: handlePreviewImg,
+    src: data.previewUrl || data.bigImageUrl,
+    alt: ""
+  }), (!isImg && canPreview && data.previewUrl || link) && /*#__PURE__*/_react["default"].createElement("a", {
+    className: "".concat(prefix, "__file-preview-other"),
+    href: data.previewUrl,
+    target: "_blank",
+    rel: "noreferrer"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "".concat(prefix, "__file-preview-other-img"),
-    src: fileImg
+    src: fileImg,
+    alt: ""
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__file-name")
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {

package/lib/components/file-list/index.js

@@ -55,7 +55,8 @@ var FileList = function FileList(_ref) {
       key: file.documentId + index,
       data: file,
       index: index,
-      showDownload: showDownload,
+      showDownload: showDownload && file.documentSource !== 5,
+      link: file.documentSource === 5,
       onPreview: handleImgPreview
     });
   }), /*#__PURE__*/_react["default"].createElement(_imgViewer["default"], {

package/lib/components/file-preview/index.css

@@ -0,0 +1,43 @@
+.file-preview {
+  display: flex;
+  position: relative;
+}
+
+.file-preview > * + * {
+  margin-left: 10px;
+}
+
+.file-preview__cover {
+  width: 36px;
+  height: 36px;
+  flex-shrink: 0;
+}
+
+.file-preview__cover__img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+}
+
+.file-preview__content {
+  display: flex;
+  width: calc(100% - 36px);
+  flex-direction: column;
+}
+
+.file-preview__title {
+  max-width: 100%;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.file-preview__secondTitle {
+  font-size: 12px;
+  font-weight: 400;
+  color: #89919F;
+}

package/lib/components/file-preview/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DocType = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _titaUi = require("tita-ui");
+
+var _util = require("../dialog-upload/util");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var DocType;
+exports.DocType = DocType;
+
+(function (DocType) {
+  DocType["DOC"] = "doc";
+  DocType["SLIDE"] = "slide";
+  DocType["SHEET"] = "sheet";
+  DocType["FORM"] = "form";
+  DocType["PDF"] = "pdf";
+  DocType["MIND"] = "mind";
+  DocType["FLOWCHART"] = "flowchart";
+  DocType["FOLDER"] = "folder";
+})(DocType || (exports.DocType = DocType = {}));
+
+var preCls = 'file-preview';
+
+var FilePreview = function FilePreview(_ref) {
+  var title = _ref.title,
+      secondTitle = _ref.secondTitle,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? '' : _ref$type,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      onClickTitle = _ref.onClickTitle;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, " ").concat(className)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__cover")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: (0, _util.getFileTypeMapIcon)(type),
+    className: "".concat(preCls, "__cover__img"),
+    alt: ""
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content")
+  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
+    container: document.body,
+    content: /*#__PURE__*/_react["default"].createElement("p", {
+      dangerouslySetInnerHTML: {
+        __html: title
+      }
+    })
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    onClick: onClickTitle,
+    className: "".concat(preCls, "__title")
+  }, title)), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "".concat(preCls, "__secondTitle")
+  }, secondTitle)));
+};
+
+var _default = FilePreview;
+exports["default"] = _default;

package/lib/components/loading/index.css

@@ -0,0 +1,28 @@
+.titaui-base-loading {
+  position: relative;
+  width: 100%;
+  height: 0px;
+  transition: height .3s;
+}
+
+.titaui-base-loading--show {
+  height: 60px;
+}
+
+.titaui-base-loading::before {
+  content: '';
+  position: absolute;
+  background-image: url(./assets/loading.gif);
+  background-size: contain;
+  width: 40px;
+  height: 40px;
+  margin-left: 50%;
+  transform: translateX(-50%) translateY(50px) scale(0);
+  transition: height .3s, transform .5s, opacity .1s;
+  opacity: 0;
+}
+
+.titaui-base-loading.titaui-base-loading--show::before {
+  transform: translateX(-50%) translateY(10px) scale(1);
+  opacity: 1;
+}

package/lib/components/loading/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+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 }; }
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = 'titaui-base-loading';
+
+var Loading = function Loading(_ref) {
+  var className = _ref.className,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? false : _ref$visible;
+
+  var _useState = (0, _react.useState)(visible),
+      _useState2 = _slicedToArray(_useState, 2),
+      _visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    // 延迟隐藏，避免闪烁
+    if (!visible) {
+      setTimeout(function () {
+        setVisible(visible);
+      }, 600);
+    } else {
+      setVisible(visible);
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, " ").concat(className, " ").concat(_visible), _defineProperty({}, "".concat(preCls, "--show"), _visible))
+  });
+};
+
+var _default = Loading;
+exports["default"] = _default;

package/lib/components/nav/index.css

@@ -0,0 +1,37 @@
+.titaui-nav {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.titaui-nav_item {
+  position: relative;
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919F;
+  cursor: pointer;
+  transition: color .3s;
+  white-space: nowrap;
+}
+
+.titaui-nav_item:hover {
+  color: #2879ff;
+}
+
+.titaui-nav_item:hover::before {
+  color: #89919F;
+}
+
+.titaui-nav_item + .titaui-nav_item {
+  margin-left: 15px;
+}
+
+.titaui-nav_item + .titaui-nav_item::before {
+  content: '/';
+  position: absolute;
+  left: -10px;
+  cursor: default;
+}
+
+.titaui-nav_item:last-child {
+  color: #3f4755;
+}

package/lib/components/nav/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var preCls = 'titaui-nav';
+
+var Nav = function Nav(_ref) {
+  var dataList = _ref.dataList,
+      className = _ref.className,
+      onSelect = _ref.onSelect;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, " ").concat(className)
+  }, dataList.map(function (nav, i) {
+    return /*#__PURE__*/_react["default"].createElement("p", {
+      className: "".concat(preCls, "_item"),
+      onClick: onSelect === null || onSelect === void 0 ? void 0 : onSelect.bind(null, i, nav)
+    }, nav.label);
+  }));
+};
+
+var _default = Nav;
+exports["default"] = _default;

package/lib/components/nav-top/components/app-center/index.js

@@ -27,6 +27,8 @@ require("./index.css");
 
 var _interface = require("./interface");
 
+var _new = _interopRequireDefault(require("./images/new.svg"));
+
 var _yuyueAward = _interopRequireDefault(require("./images/yuyue-award.png"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -188,7 +190,10 @@ var AppCenter = function AppCenter(props) {
       className: "".concat(precls, "__app-item-name")
     }, app.title), isTrial && /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(precls, "__app-item-sub-title")
-    }, app.subTitle)));
+    }, app.subTitle)), app.code === 'summary' && /*#__PURE__*/_react["default"].createElement("img", {
+      src: _new["default"],
+      className: "".concat(precls, "__app-item-new")
+    }));
   }), new Array(20).fill(1).map(function () {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(precls, "__app-item-placeholder")