@titaui/pc 1.11.27-beta.8 → 1.11.29

package/lib/components/avatar/name-avatar/index.css

@@ -55,5 +55,4 @@
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
   color: #6F7886;
   line-height: 20px;
-  margin-left: 4px;
 }

package/lib/components/avatar/name-avatar/index.js

@@ -58,10 +58,7 @@ var NameAvatar = function NameAvatar(props) {
       onDelUser = props.onDelUser,
       _props$textWidth = props.textWidth,
       textWidth = _props$textWidth === void 0 ? 42 : _props$textWidth,
-      textClass = props.textClass,
-      renderRightTopCmp = props.renderRightTopCmp,
-      _props$avatarTips = props.avatarTips,
-      avatarTips = _props$avatarTips === void 0 ? '' : _props$avatarTips;
+      textClass = props.textClass;
   var hasAvatar = src && !src.match(/default\w*.jpg$/);
 
   var _useState = (0, _react.useState)(false),
@@ -106,7 +103,7 @@ var NameAvatar = function NameAvatar(props) {
       style: {
         width: size.width,
         height: size.width,
-        verticalAlign: 'top'
+        verticalAlign: "top"
       },
       src: src
     });
@@ -123,11 +120,11 @@ var NameAvatar = function NameAvatar(props) {
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          display: 'inline-block',
+          display: "inline-block",
           width: "".concat(size.fontSize, "px"),
-          margin: '0 auto',
-          overflow: 'hidden',
-          whiteSpace: 'nowrap',
+          margin: "0 auto",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
           fontSize: "".concat(size.fontSize, "px"),
           lineHeight: "".concat(size.width, "px")
         }
@@ -137,7 +134,7 @@ var NameAvatar = function NameAvatar(props) {
       })));
     }
 
-    var cuttedName = '';
+    var cuttedName = "";
     var cuttedNameLen = 0;
 
     for (var i = 0, lent = name.length; i < lent; i++) {
@@ -170,11 +167,11 @@ var NameAvatar = function NameAvatar(props) {
     className: "titaui-pc-avator__name-avatar-container",
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
-  }, renderRightTopCmp, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     onClick: handleDelUser,
     onMouseLeave: handleCloseIconMouseLeave,
     onMouseEnter: handleCloseIconMouseEnter,
-    className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? 'titaui-pc-avator--enter' : ''),
+    className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? "titaui-pc-avator--enter" : ""),
     style: {
       left: "".concat(size.width - 14, "px")
     }
@@ -188,10 +185,7 @@ var NameAvatar = function NameAvatar(props) {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, avatarTips && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    overlay: avatarTips,
-    placement: "top"
-  }, hasAvatar ? renderImgAvatar() : renderTextAvatar()), !avatarTips && (hasAvatar ? renderImgAvatar() : renderTextAvatar())), showNameTips && isNameOverflow ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }, hasAvatar ? renderImgAvatar() : renderTextAvatar()), showNameTips && isNameOverflow ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     overlay: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
       name: name,
       id: userId
@@ -200,17 +194,14 @@ var NameAvatar = function NameAvatar(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-pc-avator__name ".concat(textClass),
     style: {
-      maxWidth: textWidth
+      width: textWidth
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     ref: textRef
-  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
-    name: name,
-    id: userId
-  })))) : /*#__PURE__*/_react["default"].createElement("span", {
+  }, name))) : /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-pc-avator__name ".concat(textClass),
     style: {
-      maxWidth: textWidth
+      width: textWidth
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     ref: textRef

package/lib/components/avatar/text-avatar/index.css

@@ -24,6 +24,13 @@
   background-size: contain;
 }
 
+.titaui-text-avatar__img {
+  margin-right: 4px;
+  display: inline-block;
+  vertical-align: middle;
+  height: 24px;
+}
+
 .titaui-text-avatar__name {
   vertical-align: middle;
 }

package/lib/components/avatar/text-avatar/index.js

@@ -17,6 +17,8 @@ var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
 var _userSelector = _interopRequireDefault(require("../../user-selector"));
 
+var _default2 = _interopRequireDefault(require("../default"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -56,7 +58,11 @@ function TextAvatar(props) {
       _props$nameTips = props.nameTips,
       nameTips = _props$nameTips === void 0 ? function (name) {
     return name;
-  } : _props$nameTips;
+  } : _props$nameTips,
+      _props$showAvatar = props.showAvatar,
+      showAvatar = _props$showAvatar === void 0 ? false : _props$showAvatar,
+      _props$avatar = props.avatar,
+      avatar = _props$avatar === void 0 ? {} : _props$avatar;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -78,6 +84,29 @@ function TextAvatar(props) {
 
 
   var FieldPerson = editable ? _userSelector["default"] : "span";
+
+  var renderAvatar = function renderAvatar() {
+    if (showAvatar) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: "".concat(preCls, "__img")
+      }, /*#__PURE__*/_react["default"].createElement(_default2["default"], {
+        userId: id,
+        src: avatar !== null && avatar !== void 0 && avatar.HasAvatar || avatar !== null && avatar !== void 0 && avatar.hasAvatar ? avatar.medium : "",
+        color: avatar === null || avatar === void 0 ? void 0 : avatar.color,
+        name: name,
+        size: {
+          fontSize: 12,
+          width: 24,
+          textNum: 1
+        }
+      }));
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(preCls, "__icon")
+    });
+  };
+
   return /*#__PURE__*/_react["default"].createElement(FieldPerson, {
     multiple: false,
     selectNodes: {},
@@ -105,9 +134,7 @@ function TextAvatar(props) {
     style: {
       maxWidth: width
     }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__icon")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }, renderAvatar(), /*#__PURE__*/_react["default"].createElement("span", {
     ref: text,
     className: "".concat(preCls, "__name")
   }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
@@ -118,9 +145,7 @@ function TextAvatar(props) {
     style: {
       maxWidth: width
     }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__icon")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }, renderAvatar(), /*#__PURE__*/_react["default"].createElement("span", {
     ref: text,
     className: "".concat(preCls, "__name")
   }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {

package/lib/components/button/icon-btn/index.js

@@ -11,11 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.css");
 
+var _excluded = ["border", "theme", "onClick", "disabled", "icon"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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 precls = "titaui-icon-btn";
+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; }
+
+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 precls = 'titaui-icon-btn';
 
 function IconBtn(props) {
   var _classNames;
@@ -24,15 +32,16 @@ function IconBtn(props) {
       theme = props.theme,
       onClick = props.onClick,
       disabled = props.disabled,
-      icon = props.icon;
+      icon = props.icon,
+      restProps = _objectWithoutProperties(props, _excluded);
 
   var onClickHandler = function onClickHandler() {
     if (disabled) return;
-    onClick && onClick();
+    onClick === null || onClick === void 0 ? void 0 : onClick();
   };
 
   var renderIcon = function renderIcon() {
-    if (typeof icon === "string") {
+    if (typeof icon === 'string') {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(precls, "__icon")
       }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -45,18 +54,18 @@ function IconBtn(props) {
     }, icon);
   };
 
-  return /*#__PURE__*/_react["default"].createElement("span", {
+  return /*#__PURE__*/_react["default"].createElement("span", _extends({
     className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(theme), (_classNames = {}, _defineProperty(_classNames, "".concat(precls, "--border"), border), _defineProperty(_classNames, "".concat(precls, "--disabled"), disabled), _classNames)),
     onClick: onClickHandler
-  }, renderIcon());
+  }, restProps), renderIcon());
 }
 
 IconBtn.defaultProps = {
   border: false,
-  theme: "gray",
+  theme: 'gray',
   onClick: function onClick() {},
   disabled: false,
-  icon: "tu-icon-smile"
+  icon: 'tu-icon-smile'
 };
 var _default = IconBtn;
 exports["default"] = _default;

package/lib/components/button/rect-btn/index.css

@@ -13,7 +13,7 @@
   align-items: center;
   justify-content: center;
   min-width: 64px;
-  font-size: 14px;
+  font-size: 13px;
   padding: 0 12px;
 }
 
@@ -60,35 +60,21 @@
   background: #5c8eff;
 }
 
-.titaui-rect-btn--secondary {
-  font-size: 14px;
-  font-weight: normal;
-  color: #2879ff;
-  line-height: 28px;
-  background: rgba(40, 121, 255, 0.2);
-  margin-right: 16px;
-}
-
-.titaui-rect-btn--secondary:hover {
-  color: #fff;
-  background-color: #2879ff;
-}
-
 .titaui-rect-btn--cancel {
-  color: #6f7886;
-  border: 1px solid #dfe3ea;
-  background: #ffffff;
+  color: #6F7886;
+  border: 1px solid #DFE3EA;
+  background: #FFFFFF;
 }
 
 .titaui-rect-btn--cancel:hover {
-  color: #2879ff;
-  border: 1px solid #2879ff;
+  color: #2879FF;
+  border: 1px solid #2879FF;
 }
 
 .titaui-rect-btn--delete {
-  background: #ffffff;
-  color: #f05e5e;
-  border: 1px solid #f05e5e;
+  background: #FFFFFF;
+  color: #F05E5E;
+  border: 1px solid #F05E5E;
 }
 
 .titaui-rect-btn--delete:hover {
@@ -106,31 +92,11 @@
   user-select: none;
 }
 
-.titaui-rect-btn--disabled:hover .titaui-rect-btn--default:hover {
-  background: #fff;
-}
-
-.titaui-rect-btn--disabled:hover .titaui-rect-btn--primary:hover {
-  background: #2879ff;
-}
-
-.titaui-rect-btn--disabled:hover .titaui-rect-btn--secondary:hover {
-  background: rgba(40, 121, 255, 0.2);
-}
-
-.titaui-rect-btn--disabled:hover .titaui-rect-btn--cancel:hover {
-  background: #ffffff;
-}
-
-.titaui-rect-btn--disabled:hover .titaui-rect-btn--delete:hover {
-  background: #ffffff;
-}
-
 .titaui-rect-btn--primary.titaui-rect-btn--disabled {
-  background: #93bcff;
+  background: #93BCFF;
   opacity: 1;
 }
 
 .titaui-rect-btn--primary.titaui-rect-btn--disabled:hover {
-  background: #93bcff;
+  background: #93BCFF;
 }

package/lib/components/button/rect-btn/index.js

@@ -17,30 +17,27 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 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 precls = "titaui-rect-btn";
+var precls = 'titaui-rect-btn';
 
 function RectBtn(props) {
   var _props$type = props.type,
-      type = _props$type === void 0 ? "default" : _props$type,
+      type = _props$type === void 0 ? 'default' : _props$type,
       _props$icon = props.icon,
-      icon = _props$icon === void 0 ? "" : _props$icon,
+      icon = _props$icon === void 0 ? '' : _props$icon,
       _props$text = props.text,
-      text = _props$text === void 0 ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine") : _props$text,
+      text = _props$text === void 0 ? (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine') : _props$text,
       _props$size = props.size,
-      size = _props$size === void 0 ? "normal" : _props$size,
+      size = _props$size === void 0 ? 'normal' : _props$size,
       _props$onClick = props.onClick,
       onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
       _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
+      className = _props$className === void 0 ? '' : _props$className,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
-      style = props.style,
-      children = props.children,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading;
+      style = props.style;
 
   var renderIcon = function renderIcon() {
-    if (typeof icon === "string") {
+    if (typeof icon === 'string') {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(precls, "__icon")
       }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -53,19 +50,16 @@ function RectBtn(props) {
     }, icon);
   };
 
-  var onClickHandler = function onClickHandler(e) {
-    if (disabled || loading) return;
-
-    if (onClick) {
-      onClick(e);
-    }
+  var onClickHandler = function onClickHandler() {
+    if (disabled) return;
+    onClick && onClick();
   };
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(type), "".concat(precls, "--").concat(size), _defineProperty({}, "".concat(precls, "--disabled"), disabled || loading), className),
+    className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(type), "".concat(precls, "--").concat(size), _defineProperty({}, "".concat(precls, "--disabled"), disabled), className),
     style: style,
     onClick: onClickHandler
-  }, icon && renderIcon(), children || text);
+  }, icon && renderIcon(), props.children || text);
 }
 
 var _default = RectBtn;

package/lib/components/change-okr-modal/Item.js

@@ -54,27 +54,27 @@ 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 colorMap = {
-  1: "132,117,255",
-  2: "79,115,255",
-  3: "46,156,255",
-  4: "12,192,201"
+  1: '132,117,255',
+  2: '79,115,255',
+  3: '46,156,255',
+  4: '12,192,201'
 };
 
 var formatKeywordsFunc = function formatKeywordsFunc(str, key) {
-  var reg = new RegExp("(".concat(key, ")"), "g");
+  var reg = new RegExp("(".concat(key, ")"), 'g');
   var newstr = str.replace(reg, "<span style=\"color: #2879ff;\">".concat(key, "</span>"));
   return newstr;
 };
 
 var unFormatKeywordsFunc = function unFormatKeywordsFunc(str, key) {
   var regExpKey = "<span style=\"color: #2879ff;\">".concat(key, "</span>");
-  var reg = new RegExp("(".concat(regExpKey, ")"), "g");
+  var reg = new RegExp("(".concat(regExpKey, ")"), 'g');
   var newstr = str.replace(reg, key);
   return newstr;
 };
 
 var htmlToText = function htmlToText(text) {
-  var div = document.createElement("div");
+  var div = document.createElement('div');
   div.innerHTML = text;
   var newtext = div.innerText || div.textContent;
   return newtext;
@@ -153,11 +153,11 @@ var Item = /*#__PURE__*/function (_PureComponent) {
 
     _this.getCycleText = function () {
       var data = _this.props.data;
-      var hzNum = [(0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter")];
+      var hzNum = [(0, _getLocale.getLocale)('OKR_MyO_Pop_1stQuarter'), (0, _getLocale.getLocale)('OKR_MyO_Pop_2ndQuarter'), (0, _getLocale.getLocale)('OKR_MyO_Pop_3rdQuarter'), (0, _getLocale.getLocale)('OKR_MyO_Pop_4thQuarter')];
 
       switch (data.cycleType) {
         case 1:
-          return "".concat(data.annualNum).concat(_getLocale.isEn ? "" : "年");
+          return "".concat(data.annualNum).concat(_getLocale.isEn ? '' : '年');
 
         case 2:
           return hzNum[data.yqmnum - 1];
@@ -169,10 +169,10 @@ var Item = /*#__PURE__*/function (_PureComponent) {
           return "".concat((0, _constant2.getMonth)()[data.yqmnum - 1], "-").concat((0, _constant2.getMonth)()[((data.yqmnum + 1) % 12 || 12) - 1]);
 
         case 5:
-          return data.yqmnum === 1 ? (0, _getLocale.getLocale)("OKR_MyO_Pop_Firsthalf") : (0, _getLocale.getLocale)("OKR_MyO_Pop_Secondhalf");
+          return data.yqmnum === 1 ? (0, _getLocale.getLocale)('OKR_MyO_Pop_Firsthalf') : (0, _getLocale.getLocale)('OKR_MyO_Pop_Secondhalf');
 
         default:
-          return (0, _getLocale.getLocale)("Mod_Customization");
+          return (0, _getLocale.getLocale)('Mod_Customization');
       }
     };
 
@@ -230,7 +230,7 @@ var Item = /*#__PURE__*/function (_PureComponent) {
             }))));
           }
 
-          return "";
+          return '';
         });
       }
 
@@ -290,12 +290,12 @@ var Item = /*#__PURE__*/function (_PureComponent) {
           __html: okrData.workName
         }
       }))), this.isObjectiveRelevanceKr && isShowKr && data.Krs.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(isExpand ? "tu-icon-arrow-up" : "tu-icon-arrow-down")
+        className: "".concat(isExpand ? 'tu-icon-arrow-up' : 'tu-icon-arrow-down')
       })), /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemBottom, null, !isShowKr && [/*#__PURE__*/_react["default"].createElement("span", null, (0, _constant.getTypeMap)()[data.okrType]), /*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null)], /*#__PURE__*/_react["default"].createElement(_styledComponents.PricipleName, null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: data.principalUser.name,
         id: data.principalUser.userId
       })), /*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null), /*#__PURE__*/_react["default"].createElement("span", null, data.startDate, "-", data.endDate), isShowKr && [/*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null), /*#__PURE__*/_react["default"].createElement("span", null, data.statusName)])), isShowKr && (this.isObjectiveRelevanceKr || !this.isObjectiveRelevanceKr && okrData.hasSub) && /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemKrContainer, {
-        className: "".concat(isExpand ? "slideIn" : "slideOut")
+        className: "".concat(isExpand ? 'slideIn' : 'slideOut')
       }, this.renderItemKr()));
     }
   }]);

package/lib/components/change-okr-modal/index.js

@@ -564,8 +564,7 @@ var _initialiseProps = function _initialiseProps() {
                 }).join(','),
                 searchKr: okrPopType,
                 // 是否搜索KR：默认为0-不搜索，1-只有对齐目标弹层可以搜索KR
-                toUserId: toUserId,
-                includeCreateFailApprovalOkr: false
+                toUserId: toUserId
               }).then(function (res) {
                 _this4.pending = false;
                 var resData = res && res.Data && res.Data.works || [];

package/lib/components/create-okr-modal/index.js

@@ -351,9 +351,7 @@ function CreateOkrModal(_ref, ref) {
       setData: function setData(data) {
         setOkrName(data.okrName);
         setUser(data.user);
-      },
-      show: showCreateOkrModal,
-      hide: hideCreateOkrModal
+      }
     };
   });
   var handleOnSuccess = (0, _react.useCallback)(function () {

package/lib/components/create-okr-modal/request-api.js

@@ -46,7 +46,7 @@ var createWidthKr = /*#__PURE__*/function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            url = "".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/okr/createWithKr");
+            url = "".concat(requestDomain(), "/api/v2/").concat(tenantId, "/").concat(userId, "/work/createWithKr");
             _context.next = 3;
             return _axios["default"].post(url, _objectSpread({
               workType: 6

package/lib/components/dialog-confirm/index.css

@@ -33,13 +33,13 @@
 
 .titaui-dialog-confirm__btn-cancel {
   background: #ffffff;
-  border: 1px solid #dfe3ea !important;
+  border: 1px solid #dfe3ea;
   color: #6f7886;
 }
 
 .titaui-dialog-confirm__btn-cancel:hover {
   color: #2879ff;
-  border: 1px solid #2879ff !important;
+  border: 1px solid #2879ff;
 }
 
 .titaui-dialog-confirm__btn-cancel-text {

package/lib/components/drawer/headerAction.js

@@ -49,9 +49,7 @@ function HeaderAction(_ref) {
       _onClick = _ref.onClick,
       className = _ref.className,
       title = _ref.title,
-      children = _ref.children,
-      approvalSetting = _ref.approvalSetting,
-      detailInfo = _ref.detailInfo;
+      children = _ref.children;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -101,8 +99,6 @@ function HeaderAction(_ref) {
   if (children && children.length > 0) {
     content = /*#__PURE__*/_react["default"].createElement(_headerDrop["default"], {
       visible: dropVisible,
-      detailInfo: detailInfo,
-      approvalSetting: approvalSetting,
       onVisibleChange: function onVisibleChange(visible) {
         active.current = visible;
         !visible && setDropVisible(false);

package/lib/components/drawer/headerDrop.js

@@ -9,8 +9,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _helper = require("../okr-detail/helper");
-
 var _popup = _interopRequireDefault(require("../popup"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -46,9 +44,7 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
       colorInDrop = _ref.colorInDrop,
       hoverColorInDrop = _ref.hoverColorInDrop,
       _onClick = _ref.onClick,
-      onClose = _ref.onClose,
-      approvalSetting = _ref.approvalSetting,
-      detailInfo = _ref.detailInfo;
+      onClose = _ref.onClose;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -56,37 +52,7 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
       setHover = _useState2[1];
 
   var hasIcon = !!icon && typeof icon === "string";
-  var applyState = detailInfo === null || detailInfo === void 0 ? void 0 : detailInfo.applyState;
-  var OkrAndKrApprovalTypes = detailInfo === null || detailInfo === void 0 ? void 0 : detailInfo.OkrAndKrApprovalTypes;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, icon === 'tu-icon-del' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _helper.getApprovalOkr)(approvalSetting, 'deleteOkr', applyState, OkrAndKrApprovalTypes) ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-drop-item",
-    style: {
-      color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
-    },
-    onClick: function onClick(e) {
-      _onClick && _onClick(e);
-      onClose(false);
-    },
-    onMouseOver: function onMouseOver() {
-      return setHover(true);
-    },
-    onMouseOut: function onMouseOut() {
-      return setHover(false);
-    }
-  }, hasIcon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-drop-item-icon",
-    style: {
-      color: hover ? hoverIconColorInDrop || hoverColorInDrop || hoverColor : iconColorInDrop || colorInDrop || color
-    }
-  }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: icon
-  }) : icon), title) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-drop-item-approval"
-  }, hasIcon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-drop-item-icon"
-  }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: icon
-  }) : icon), title)) : /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "header-drop-item",
     style: {
       color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
@@ -108,23 +74,19 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
     }
   }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
     className: icon
-  }) : icon), title));
+  }) : icon), title);
 };
 
 var HeaderDrop = function HeaderDrop(_ref2) {
   var visible = _ref2.visible,
       onVisibleChange = _ref2.onVisibleChange,
       items = _ref2.items,
-      children = _ref2.children,
-      approvalSetting = _ref2.approvalSetting,
-      detailInfo = _ref2.detailInfo;
+      children = _ref2.children;
   var renderDrop = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "titaui-drawer-header-action-drop-wrapper"
     }, items.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement(HeaderDropItem, _extends({}, item, {
-        detailInfo: detailInfo,
-        approvalSetting: approvalSetting,
         onClose: function onClose() {
           return onVisibleChange(false);
         }