@titaui/pc 1.6.25 → 1.6.29

package/lib/components/drawer/index.js

@@ -156,7 +156,7 @@ function DrawerHeader(_ref) {
     icon: "tu-icon-10",
     children: collapsedActions
   }), showClose && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "titaui-drawer-header-close tu-icon-close",
+    className: "titaui-drawer-header-close tu-icon-canceled",
     onClick: function onClick() {
       drawer && drawer.close();
     }

package/lib/components/dynamic/constant.js

@@ -10,19 +10,19 @@ var _ObjTypeMapText;
 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 OkrRiskMapping = {
-  0: 'normal',
+  0: "normal",
   // 正常推进
-  1: 'normal',
+  1: "normal",
   // 正常推进
-  2: 'risk',
+  2: "risk",
   // 注意风险
-  3: 'delay',
+  3: "delay",
   // 已有风险
-  4: 'end',
+  4: "end",
   // kr及o全都完成
-  5: 'delay',
+  5: "delay",
   // 延期完成
-  6: 'normal' // 正常推进
+  6: "normal" // 正常推进
 
 };
 exports.OkrRiskMapping = OkrRiskMapping;
@@ -66,33 +66,33 @@ exports.EObjType = EObjType;
   EObjType[EObjType["KanBan"] = 66] = "KanBan";
 })(EObjType || (exports.EObjType = EObjType = {}));
 
-var ObjTypeMapText = (_ObjTypeMapText = {}, _defineProperty(_ObjTypeMapText, EObjType.Project, '项目'), _defineProperty(_ObjTypeMapText, EObjType.Task, '任务'), _defineProperty(_ObjTypeMapText, EObjType.O, '目标'), _defineProperty(_ObjTypeMapText, EObjType.Kr, '关键成果'), _defineProperty(_ObjTypeMapText, EObjType.MileStone, '里程碑'), _defineProperty(_ObjTypeMapText, EObjType.KanBan, '看板'), _ObjTypeMapText);
+var ObjTypeMapText = (_ObjTypeMapText = {}, _defineProperty(_ObjTypeMapText, EObjType.Project, "项目"), _defineProperty(_ObjTypeMapText, EObjType.Task, "任务"), _defineProperty(_ObjTypeMapText, EObjType.O, "目标"), _defineProperty(_ObjTypeMapText, EObjType.Kr, "关键成果"), _defineProperty(_ObjTypeMapText, EObjType.MileStone, "里程碑"), _defineProperty(_ObjTypeMapText, EObjType.KanBan, "看板"), _ObjTypeMapText);
 exports.ObjTypeMapText = ObjTypeMapText;
 var ObjectType = {
-  1: '公告/分享',
-  4: '项目',
-  5: '绩效考核表',
-  6: '绩效目标',
-  7: '任务',
-  8: '日报（总结）',
-  10: 'Feed',
-  11: '计划',
-  12: '计划表的操作记录',
-  62: '目标',
-  65: '关键成果',
-  70: '复盘',
-  79: '关键成果进展',
-  80: '公告',
-  42: '打赏'
+  1: "公告/分享",
+  4: "项目",
+  5: "绩效考核表",
+  6: "绩效目标",
+  7: "任务",
+  8: "日报（总结）",
+  10: "Feed",
+  11: "计划",
+  12: "计划表的操作记录",
+  62: "目标",
+  65: "关键成果",
+  70: "复盘",
+  79: "关键成果进展",
+  80: "公告",
+  42: "打赏"
 };
 exports.ObjectType = ObjectType;
 var EStatusStatus2ClassType = {
-  2: 'tu-icon-finished',
-  1: 'tu-icon-running',
-  4: 'tu-icon-canceled',
-  3: 'tu-icon-deferred',
-  6: 'tu-icon-paused',
-  0: 'tu-icon-notstart',
-  5: 'tu-icon-jiantou-right'
+  2: "tu-icon-finished",
+  1: "tu-icon-running",
+  4: "tu-icon-canceled",
+  3: "tu-icon-deferred",
+  6: "tu-icon-paused",
+  0: "tu-icon-notstart",
+  5: "tu-icon-jiantou-right"
 };
 exports.EStatusStatus2ClassType = EStatusStatus2ClassType;

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

@@ -23,7 +23,7 @@ var _popDownNotification = require("../../../../pop-down-notification");
 
 var _openData = require("../../../../../utils/open-data");
 
-var _conditionRender = _interopRequireDefault(require("../../../components/condition-render"));
+var _conditionRender = _interopRequireDefault(require("../../../../condition-render"));
 
 var _tooltip = require("../../../../tooltip");
 

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

@@ -21,7 +21,7 @@ var _constant = require("../../constant");
 
 var _dynamicRelative = _interopRequireDefault(require("./img/dynamic-relative.svg"));
 
-var _conditionRender = _interopRequireDefault(require("../../components/condition-render"));
+var _conditionRender = _interopRequireDefault(require("../../../condition-render"));
 
 var _manager = _interopRequireDefault(require("../../../drawer/manager"));
 
@@ -41,8 +41,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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -52,8 +50,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var prefix = "titaui-dynamic-relative-item";
 
 var DynamicRelative = function DynamicRelative(_ref) {
-  var _classNames;
-
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -64,7 +60,6 @@ var DynamicRelative = function DynamicRelative(_ref) {
       relateObjName = data.relateObjName,
       relateObjId = data.relateObjId,
       objCycleName = data.objCycleName,
-      status = data.status,
       objPrincipalUser = data.objPrincipalUser,
       rObjprincipalUser = data.rObjprincipalUser,
       rObjCycleName = data.rObjCycleName,
@@ -167,7 +162,10 @@ var DynamicRelative = function DynamicRelative(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__obj-base-info"
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])(prefix + "__obj-base-info-icon", (_classNames = {}, _defineProperty(_classNames, _constant.EStatusStatus2ClassType[status], objType === _constant.EObjType.Task), _defineProperty(_classNames, "tu-icon-project-s", objType === _constant.EObjType.Project), _classNames))
+    className: (0, _classnames["default"])(prefix + "__obj-base-info-icon", {
+      "tu-icon-renwu-s": objType === _constant.EObjType.Task,
+      "tu-icon-project-s": objType === _constant.EObjType.Project
+    })
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: prefix + "__obj-title",
     onClick: function onClick() {

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

@@ -53,7 +53,7 @@ var _avatar = require("../../avatar");
 
 var _context = require("../context");
 
-var _conditionRender = _interopRequireDefault(require("../components/condition-render"));
+var _conditionRender = _interopRequireDefault(require("../../condition-render"));
 
 var _auth = require("../../../utils/auth");
 

package/lib/components/dynamic/dynamic-like-ranking/index.css

@@ -5,6 +5,7 @@
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
   border-radius: 12px;
   padding: 12px 16px;
+  padding-top: 16px;
   padding-bottom: 20px;
   box-sizing: border-box;
 }

package/lib/components/dynamic/dynamic-liking/index.css

@@ -5,6 +5,7 @@
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
   border-radius: 12px;
   padding: 12px 16px;
+  padding-top: 16px;
   box-sizing: border-box;
 }
 

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

@@ -13,7 +13,7 @@ var _dynamicItem = _interopRequireDefault(require("../dynamic-item"));
 
 var _dynamicEmpty = _interopRequireDefault(require("../img/dynamic-empty.png"));
 
-var _conditionRender = _interopRequireDefault(require("../components/condition-render"));
+var _conditionRender = _interopRequireDefault(require("../../condition-render"));
 
 require("./index.css");
 
@@ -49,7 +49,7 @@ var DynamicList = function DynamicList(_ref) {
   }, "\u6682\u65E0\u52A8\u6001\u4FE1\u606F"))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: data.length !== 0
   }, /*#__PURE__*/_react["default"].createElement(_rcQueueAnim["default"], {
-    type: 'bottom',
+    type: "bottom",
     delay: 0,
     duration: 500
   }, data.map(function (item, index) {

package/lib/components/dynamic/dynamic-topping/index.css

@@ -5,6 +5,7 @@
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
   border-radius: 12px;
   padding: 12px 16px;
+  padding-top: 16px;
   box-sizing: border-box;
 }
 

package/lib/components/dynamic/dynamic.css

@@ -188,8 +188,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 52px;
-  height: 52px;
+  width: 42px;
+  height: 42px;
   background: rgba(255, 255, 255, 0.86);
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
   border-radius: 50%;

package/lib/components/dynamic/dynamic.js

@@ -29,7 +29,7 @@ var _dynamicLiking = _interopRequireDefault(require("./dynamic-liking"));
 
 var _dynamicLoading = _interopRequireDefault(require("./img/dynamic-loading.gif"));
 
-var _conditionRender = _interopRequireDefault(require("./components/condition-render"));
+var _conditionRender = _interopRequireDefault(require("../condition-render"));
 
 var _util = require("./util");
 
@@ -252,9 +252,8 @@ var Dynamic = function Dynamic() {
     contentRef.current.scrollTo({
       top: 0,
       left: 0,
-      behavior: 'smooth'
+      behavior: "smooth"
     });
-    ;
   }, []);
 
   var resetValue = function resetValue() {
@@ -284,7 +283,7 @@ var Dynamic = function Dynamic() {
           setActiveFirstLevelTabKey(data[0].CodeId);
         }
 
-        var nowSecondLevelTabExist = localSecondLevelTabKey && nowFirstLevelLocalMenu.ChildMenus.find(function (item) {
+        var nowSecondLevelTabExist = localSecondLevelTabKey && nowFirstLevelLocalMenu && nowFirstLevelLocalMenu.ChildMenus.find(function (item) {
           return item.CodeId === Number(localSecondLevelTabKey);
         });
 

package/lib/components/dynamic/new-ui.css

@@ -73,7 +73,7 @@
   flex: 1;
   overflow: auto;
   overflow: overlay;
-  padding: 88px 0 0 0;
+  padding: 78px 0 0 0;
   box-sizing: border-box;
   background: #f0f4fa;
 }
@@ -192,8 +192,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 52px;
-  height: 52px;
+  width: 42px;
+  height: 42px;
   background: rgba(255, 255, 255, 0.86);
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
   border-radius: 50%;

package/lib/components/help-card/index.css

@@ -49,10 +49,11 @@
 }
 
 .help-card__header-avatar {
+  box-sizing: border-box;
   width: 36px;
   height: 36px;
   background: url("./image/kefu-logo.png");
-  background-size: 36px;
+  background-size: 34px;
   border: 1px solid #FFFFFF;
   margin-right: 12px;
   border-radius: 50%;
@@ -111,6 +112,7 @@
   font-weight: 400;
   color: #89919F;
   line-height: 22px;
+  user-select: none;
 }
 
 .help-card__body-item-title-right:hover {

package/lib/components/help-card/index.js

@@ -55,7 +55,7 @@ var HelpCard = function HelpCard(_ref) {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(0),
+  var _useState3 = (0, _react.useState)(1),
       _useState4 = _slicedToArray(_useState3, 2),
       pageNum = _useState4[0],
       setPageNum = _useState4[1];
@@ -75,6 +75,11 @@ var HelpCard = function HelpCard(_ref) {
       recommendList = _useState10[0],
       setRecommendList = _useState10[1];
 
+  var _useState11 = (0, _react.useState)(0),
+      _useState12 = _slicedToArray(_useState11, 2),
+      guessQuestionNum = _useState12[0],
+      setGuessQuestionNum = _useState12[1];
+
   var isTrial = (0, _bsGlobal.getVersion)() == 1;
   var userId = window.BSGlobal && window.BSGlobal.loginUserInfo.Id || 0;
   var kefuUrl = isTrial ? "https://wpa1.qq.com/vZYKN3kT?_type=wpa&qidian=true" : "https://wpa1.qq.com/o6X4XD1n?_type=wpa&qidian=true";
@@ -85,15 +90,21 @@ var HelpCard = function HelpCard(_ref) {
   };
 
   (0, _react.useEffect)(function () {
+    if (!visible) return;
     (0, _requestApi.getQuestionList)(pageNum).then(function (res) {
       var _res$Data$questions = res.Data.questions,
           recommendQuestion = _res$Data$questions.recommendQuestion,
           guessQuestion = _res$Data$questions.guessQuestion;
-      console.log(res.Data.questions);
-      setRecommendList(recommendQuestion || []);
+      var num = res.Data.questionTypeCount.guessQuestion;
+      setGuessQuestionNum(num);
+
+      if (recommendQuestion.length > 0) {
+        setRecommendList(recommendQuestion || []);
+      }
+
       setGuessList(guessQuestion || []);
     });
-  }, [pageNum]);
+  }, [pageNum, visible]);
 
   var handlePoint = function handlePoint() {
     setVisible(false);
@@ -128,7 +139,11 @@ var HelpCard = function HelpCard(_ref) {
   };
 
   var chageBatch = function chageBatch() {
-    setPageNum(pageNum + 1);
+    if (guessQuestionNum > pageNum * 3) {
+      setPageNum(pageNum + 1);
+    } else {
+      setPageNum(1);
+    }
   };
 
   var popupContent = function popupContent() {
@@ -147,10 +162,10 @@ var HelpCard = function HelpCard(_ref) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__body-item-title-left")
     }, "\u731C\u4F60\u60F3\u95EE"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(preCls, "__body-item-title-right")
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-gengxin1",
+      className: "".concat(preCls, "__body-item-title-right"),
       onClick: chageBatch
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-gengxin1"
     }), "\u6362\u4E00\u6279")), /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__body-item-content")
     }, guessList.map(function (item, key) {

package/lib/components/help-card/request-api.js

@@ -21,12 +21,13 @@ var requestDomain = function requestDomain() {
 
 var getQuestionList = function getQuestionList(pageNum) {
   var source = (0, _bsGlobal.getSource)();
+  var version = (0, _bsGlobal.getVersion)();
 
   if (source !== 860 || source !== 861 || source !== 862) {
     source = 0;
   }
 
-  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/const/question?source=").concat(source, "&pageSize=", 3, "&pageNum=").concat(pageNum)).then(function (res) {
+  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/const/question?source=").concat(source, "&pageSize=", 3, "&pageNum=").concat(pageNum, "&version=").concat(version)).then(function (res) {
     return res.data;
   });
 };

package/lib/components/invite-people/index.css

@@ -1,8 +1,8 @@
 .titaui-invite-people {
-  width: 52px;
-  height: 52px;
+  width: 42px;
+  height: 42px;
   background: url("./img/invite-people.png") no-repeat;
-  background-size: 52px;
+  background-size: 42px;
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
   cursor: pointer;
   border-radius: 50%;

package/lib/components/menus/components/flip-menu-card/index.css

@@ -6,6 +6,21 @@
   transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   will-change: opacity;
   opacity: 1;
+  border-radius: 12px;
+}
+
+.titaui-flip-card__top-right-hide-icon {
+  position: absolute;
+  right: -14px;
+  top: 6px;
+}
+
+.titaui-flip-card__top-right-hide-icon--none {
+  display: none;
+}
+
+.titaui-flip-card:hover .titaui-flip-card__top-right-hide-icon {
+  opacity: 1;
 }
 
 .titaui-flip-card__fixed-hide-icon {
@@ -64,12 +79,36 @@
   z-index: 1;
 }
 
+.titaui-flip-card__inner-front-content {
+  border-radius: 12px;
+}
+
+.titaui-flip-card__inner-front-content--is-float {
+  box-shadow: 0 1px 10px #cccccc66;
+}
+
+.titaui-flip-card__inner-front-content--is-float-hide {
+  box-shadow: none;
+}
+
 .titaui-flip-card__inner-back {
   display: none;
   transform: rotateY(180deg);
   z-index: 10;
 }
 
+.titaui-flip-card__inner-back-content {
+  border-radius: 12px;
+}
+
+.titaui-flip-card__inner-back-content--is-float {
+  box-shadow: 0 1px 10px #cccccc66;
+}
+
+.titaui-flip-card__inner-back-content--is-float-hide {
+  box-shadow: none;
+}
+
 .titaui-flip-card__inner-back-action {
   position: absolute;
   display: flex;

package/lib/components/menus/components/flip-menu-card/index.js

@@ -46,7 +46,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _classNames;
+  var _classNames, _classNames2, _classNames3;
 
   var children = props.children,
       defaultWidth = props.defaultWidth,
@@ -67,31 +67,49 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       isFloatHide = _useState6[0],
       setIsFloatHide = _useState6[1];
 
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isHideTopRightIcon = _useState8[0],
+      setIsHideTopRightIcon = _useState8[1];
+
   var hideFloatRef = (0, _react.useRef)();
   var flipCardRef = (0, _react.useRef)();
   var flipFrontRef = (0, _react.useRef)();
   var flipBackRef = (0, _react.useRef)();
 
   var goBackHandler = function goBackHandler() {
+    setMenuHideIcon(true);
     flipBackRef.current.style.position = 'absolute';
     flipFrontRef.current.style.display = 'block';
     setTimeout(function () {
       flipFrontRef.current.style.position = 'relative';
       flipBackRef.current.style.display = 'none';
+      setMenuHideIcon(false);
     }, 600);
     setIsBack(false);
   };
 
   var nextHandler = function nextHandler() {
+    setMenuHideIcon(true);
     flipFrontRef.current.style.position = 'absolute';
     flipBackRef.current.style.display = 'block';
     setTimeout(function () {
       flipBackRef.current.style.position = 'relative';
       flipFrontRef.current.style.display = 'none';
+      setMenuHideIcon(false);
     }, 600);
     setIsBack(true);
   };
 
+  var setMenuHideIcon = function setMenuHideIcon(isHide) {
+    if (isHide === false && isFloat) return; // 如果是浮动状态则不能显示隐藏按钮
+
+    setIsHideTopRightIcon(isHide);
+  };
+
+  (0, _react.useEffect)(function () {
+    setMenuHideIcon(isFloat);
+  }, [isFloat]);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       'next': nextHandler,
@@ -172,26 +190,28 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     ref: flipFrontRef,
     className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-front"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-front-content"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(_precls["default"], "__inner-front-content--is-float"), isFloat), _defineProperty(_classNames2, "".concat(_precls["default"], "__inner-front-content--is-float-hide"), isFloatHide), _classNames2))
   }, /*#__PURE__*/_react["default"].createElement(_menuCard["default"], {
-    isFloat: isFloat,
-    isFloatHide: isFloatHide,
     style: {
       'padding': '28px 12px 28px 12px'
-    },
-    onMenuHide: onMenuHideHandler
-  }, children[0])), /*#__PURE__*/_react["default"].createElement("div", {
+    }
+  }, children[0]))), /*#__PURE__*/_react["default"].createElement("div", {
     ref: flipBackRef,
     className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back-content"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(_precls["default"], "__inner-back-content--is-float"), isFloat), _defineProperty(_classNames3, "".concat(_precls["default"], "__inner-back-content--is-float-hide"), isFloatHide), _classNames3))
   }, /*#__PURE__*/_react["default"].createElement(_menuCard["default"], {
-    isFloat: isFloat,
-    isFloatHide: isFloatHide,
     style: {
       'padding': '42px 12px 28px 12px'
-    },
-    onMenuHide: onMenuHideHandler
+    }
   }, /*#__PURE__*/_react["default"].createElement(_flipBackHeader["default"], {
     onClick: goBackHandler
-  }), children[1]))))), isFloat && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement("span", {
+  }), children[1]))))), !isHideTopRightIcon && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__top-right-hide-icon")),
+    isAutoShow: true,
+    onClick: onMenuHideHandler
+  })), isFloat && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__fixed-hide-icon"))
   }, /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
     isClose: true,

package/lib/components/menus/components/menu-card/index.css

@@ -9,21 +9,3 @@
   border-radius: 12px;
   box-sizing: border-box;
 }
-
-.titaui-menus__menu-card--is-float {
-  box-shadow: 0 1px 10px #cccccc66;
-}
-
-.titaui-menus__menu-card--is-float-hide {
-  box-shadow: none;
-}
-
-.titaui-menus__menu-card .titaui-menus--hide-icon {
-  position: absolute;
-  right: -14px;
-  top: 6px;
-}
-
-.titaui-menus__menu-card:hover .titaui-menus--hide-icon {
-  opacity: 1;
-}

package/lib/components/menus/components/menu-card/index.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _menuCloseBtn = _interopRequireDefault(require("../menu-close-btn"));
-
 var _precls = _interopRequireDefault(require("../../precls"));
 
 require("./index.css");
@@ -24,25 +22,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 _default = function _default(props) {
-  var _classNames;
-
   var children = props.children,
-      style = props.style,
-      onMenuHide = props.onMenuHide,
-      isFloat = props.isFloat,
-      isFloatHide = props.isFloatHide;
-
-  var onHideHandler = function onHideHandler() {
-    onMenuHide();
-  };
-
+      style = props.style;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-card"), (_classNames = {}, _defineProperty(_classNames, "".concat(_precls["default"], "__menu-card--is-float"), isFloat), _defineProperty(_classNames, "".concat(_precls["default"], "__menu-card--is-float-hide"), isFloatHide), _classNames)),
-    style: _objectSpread({}, style)
-  }, children, !isFloat && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
-    isAutoShow: true,
-    onClick: onHideHandler
-  }));
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-card")),
+    style: _objectSpread({
+      'height': 'auto'
+    }, style)
+  }, children);
 };
 
 exports["default"] = _default;

package/lib/components/menus/components/menu-close-btn/index.js

@@ -23,13 +23,14 @@ var _default = function _default(props) {
       isAutoShow = _props$isAutoShow === void 0 ? true : _props$isAutoShow,
       _props$isClose = props.isClose,
       isClose = _props$isClose === void 0 ? false : _props$isClose,
+      className = props.className,
       onMouseEnter = props.onMouseEnter,
       onMouseLeave = props.onMouseLeave;
   return /*#__PURE__*/_react["default"].createElement("div", {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
-    className: (0, _classnames["default"])("".concat(_precls["default"], "--hide-icon"), _defineProperty({}, "".concat(_precls["default"], "--hide-icon--show"), !isAutoShow))
+    className: (0, _classnames["default"])("".concat(_precls["default"], "--hide-icon"), className, _defineProperty({}, "".concat(_precls["default"], "--hide-icon--show"), !isAutoShow))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "--hide-icon--hover"))
   }), /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/menus/components/menu-tree/index.css

@@ -5,10 +5,12 @@
 .titaui-menus-tree .rc-tree-treenode-selected {
   background: #e9f1ff;
   border-radius: 12px;
+  font-weight: 500;
 }
 
 .titaui-menus-tree .rc-tree-treenode-selected .titaui-menus-tree__menu-item-node-title {
   color: #2879ff;
+  font-weight: 500;
 }
 
 .titaui-menus-tree .rc-tree-indent {