@titaui/pc 1.11.33 → 1.11.35-beta.2

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

@@ -55,4 +55,5 @@
   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,7 +58,10 @@ var NameAvatar = function NameAvatar(props) {
       onDelUser = props.onDelUser,
       _props$textWidth = props.textWidth,
       textWidth = _props$textWidth === void 0 ? 42 : _props$textWidth,
-      textClass = props.textClass;
+      textClass = props.textClass,
+      renderRightTopCmp = props.renderRightTopCmp,
+      _props$avatarTips = props.avatarTips,
+      avatarTips = _props$avatarTips === void 0 ? '' : _props$avatarTips;
   var hasAvatar = src && !src.match(/default\w*.jpg$/);
 
   var _useState = (0, _react.useState)(false),
@@ -103,7 +106,7 @@ var NameAvatar = function NameAvatar(props) {
       style: {
         width: size.width,
         height: size.width,
-        verticalAlign: "top"
+        verticalAlign: 'top'
       },
       src: src
     });
@@ -120,11 +123,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")
         }
@@ -134,7 +137,7 @@ var NameAvatar = function NameAvatar(props) {
       })));
     }
 
-    var cuttedName = "";
+    var cuttedName = '';
     var cuttedNameLen = 0;
 
     for (var i = 0, lent = name.length; i < lent; i++) {
@@ -167,11 +170,11 @@ var NameAvatar = function NameAvatar(props) {
     className: "titaui-pc-avator__name-avatar-container",
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, renderRightTopCmp, /*#__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")
     }
@@ -185,7 +188,10 @@ var NameAvatar = function NameAvatar(props) {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, hasAvatar ? renderImgAvatar() : renderTextAvatar()), showNameTips && isNameOverflow ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }, 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"], {
     overlay: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
       name: name,
       id: userId
@@ -194,14 +200,17 @@ var NameAvatar = function NameAvatar(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-pc-avator__name ".concat(textClass),
     style: {
-      width: textWidth
+      maxWidth: textWidth
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     ref: textRef
-  }, name))) : /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    name: name,
+    id: userId
+  })))) : /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-pc-avator__name ".concat(textClass),
     style: {
-      width: textWidth
+      maxWidth: textWidth
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     ref: textRef

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

@@ -13,7 +13,7 @@
   align-items: center;
   justify-content: center;
   min-width: 64px;
-  font-size: 13px;
+  font-size: 14px;
   padding: 0 12px;
 }
 
@@ -60,21 +60,35 @@
   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 {
@@ -92,11 +106,31 @@
   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

@@ -34,7 +34,10 @@ function RectBtn(props) {
       className = _props$className === void 0 ? '' : _props$className,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
-      style = props.style;
+      style = props.style,
+      children = props.children,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading;
 
   var renderIcon = function renderIcon() {
     if (typeof icon === 'string') {
@@ -50,16 +53,19 @@ function RectBtn(props) {
     }, icon);
   };
 
-  var onClickHandler = function onClickHandler() {
-    if (disabled) return;
-    onClick && onClick();
+  var onClickHandler = function onClickHandler(e) {
+    if (disabled || loading) return;
+
+    if (onClick) {
+      onClick(e);
+    }
   };
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(type), "".concat(precls, "--").concat(size), _defineProperty({}, "".concat(precls, "--disabled"), disabled), className),
+    className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(type), "".concat(precls, "--").concat(size), _defineProperty({}, "".concat(precls, "--disabled"), disabled || loading), className),
     style: style,
     onClick: onClickHandler
-  }, icon && renderIcon(), props.children || text);
+  }, icon && renderIcon(), children || text);
 }
 
 var _default = RectBtn;

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

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

package/lib/components/checkbox/index.css

@@ -2,9 +2,9 @@
   display: inline-block;
   width: 16px;
   height: 16px;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 4px;
-  border: 1px solid #DFE3EA;
+  border: 1px solid #bfc7d5;
   cursor: pointer;
   box-sizing: border-box;
 }
@@ -15,6 +15,6 @@
 }
 
 .titaui-checkbox--disabled {
-  background-color: #F0F2F5;
+  background-color: #f0f2f5;
   cursor: not-allowed;
 }

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

@@ -117,7 +117,9 @@ function CreateOkrModal(_ref, ref) {
       _ref$visible = _ref.visible,
       visible = _ref$visible === void 0 ? false : _ref$visible,
       _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose;
+      onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+      _ref$isFromAssess = _ref.isFromAssess,
+      isFromAssess = _ref$isFromAssess === void 0 ? false : _ref$isFromAssess;
 
   var _useState = (0, _react.useState)(visible),
       _useState2 = _slicedToArray(_useState, 2),
@@ -126,7 +128,7 @@ function CreateOkrModal(_ref, ref) {
 
 
   var userId = BSGlobal.loginUserInfo.Id;
-  var setting = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting").KRSetting;
+  var setting = (0, _bsGlobal.getBSGlobal)('OkrAdvancedSetting').KRSetting;
   var openOkrType = setting.OkrTypeSetting;
   var openClassify = setting.OkrClassify;
   var openKrWeight = setting.KrWeight;
@@ -136,7 +138,7 @@ function CreateOkrModal(_ref, ref) {
       Id = _ref2.Id,
       UserAvatar = _ref2.UserAvatar;
 
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(''),
       _useState4 = _slicedToArray(_useState3, 2),
       okrName = _useState4[0],
       setOkrName = _useState4[1]; // 目标名称
@@ -160,7 +162,7 @@ function CreateOkrModal(_ref, ref) {
 
   var _useState9 = (0, _react.useState)({
     departmentId: 0,
-    departmentName: ""
+    departmentName: ''
   }),
       _useState10 = _slicedToArray(_useState9, 2),
       dept = _useState10[0],
@@ -169,7 +171,7 @@ function CreateOkrModal(_ref, ref) {
 
   var _useState11 = (0, _react.useState)({
     groupId: 0,
-    groupName: ""
+    groupName: ''
   }),
       _useState12 = _slicedToArray(_useState11, 2),
       team = _useState12[0],
@@ -177,7 +179,7 @@ function CreateOkrModal(_ref, ref) {
 
 
   var _useState13 = (0, _react.useState)({
-    typeName: (0, _getLocale.getLocale)("OKR_MyO_Pop_Individual"),
+    typeName: (0, _getLocale.getLocale)('OKR_MyO_Pop_Individual'),
     typeId: 1
   }),
       _useState14 = _slicedToArray(_useState13, 2),
@@ -216,7 +218,7 @@ function CreateOkrModal(_ref, ref) {
     principalName: Name,
     userAvatar: UserAvatar,
     krWeight: 100,
-    mileStoneName: "",
+    mileStoneName: '',
     confidenceIndex: 5
   }]),
       _useState24 = _slicedToArray(_useState23, 2),
@@ -226,7 +228,7 @@ function CreateOkrModal(_ref, ref) {
   var _useState25 = (0, _react.useState)({
     // 对其目标
     parentWorkId: 0,
-    parentWorkName: "",
+    parentWorkName: '',
     parentType: 0,
     parentKrId: 0
   }),
@@ -283,7 +285,7 @@ function CreateOkrModal(_ref, ref) {
       tipIndex = _useState44[0],
       setTipIndex = _useState44[1];
 
-  var _useState45 = (0, _react.useState)(""),
+  var _useState45 = (0, _react.useState)(''),
       _useState46 = _slicedToArray(_useState45, 2),
       userAvatarBase64Url = _useState46[0],
       setUserAvatarBase64Url = _useState46[1];
@@ -307,7 +309,7 @@ function CreateOkrModal(_ref, ref) {
   var modalRef = (0, _react.useRef)();
   var oInputFoucsRef = (0, _react.useRef)(false);
   var krInputFoucsRef = (0, _react.useRef)(false);
-  var downloadDomRef = (0, _react.useRef)(document.createElement("div"));
+  var downloadDomRef = (0, _react.useRef)(document.createElement('div'));
   var newOkrDataRef = (0, _react.useRef)(); // kr权重总计
 
   var total = 0;
@@ -351,7 +353,9 @@ function CreateOkrModal(_ref, ref) {
       setData: function setData(data) {
         setOkrName(data.okrName);
         setUser(data.user);
-      }
+      },
+      show: showCreateOkrModal,
+      hide: hideCreateOkrModal
     };
   });
   var handleOnSuccess = (0, _react.useCallback)(function () {
@@ -363,7 +367,7 @@ function CreateOkrModal(_ref, ref) {
       setShowCreatedSuccessInfo(true);
       setTipIndex(Math.floor(Math.random() * 6));
     } else {
-      _toast["default"].Success((0, _getLocale.getLocale)("OKR_Db_Success"), {
+      _toast["default"].Success((0, _getLocale.getLocale)('OKR_Db_Success'), {
         duration: 3000
       });
 
@@ -407,7 +411,7 @@ function CreateOkrModal(_ref, ref) {
                 break;
               }
 
-              _toast["default"].Error((0, _getLocale.getLocale)("OKR_MyO_Pop_Targetname"), {
+              _toast["default"].Error((0, _getLocale.getLocale)('OKR_MyO_Pop_Targetname'), {
                 canClose: false
               });
 
@@ -419,7 +423,7 @@ function CreateOkrModal(_ref, ref) {
                 break;
               }
 
-              _toast["default"].Error("目标名称不能超过500字", {
+              _toast["default"].Error('目标名称不能超过500字', {
                 canClose: false
               });
 
@@ -431,7 +435,7 @@ function CreateOkrModal(_ref, ref) {
                 break;
               }
 
-              _toast["default"].Error("关键成果不能为空", {
+              _toast["default"].Error('关键成果不能为空', {
                 canClose: false
               });
 
@@ -448,7 +452,7 @@ function CreateOkrModal(_ref, ref) {
                 break;
               }
 
-              _toast["default"].Error("关键成果不能超过500字", {
+              _toast["default"].Error('关键成果不能超过500字', {
                 canClose: false
               });
 
@@ -462,7 +466,7 @@ function CreateOkrModal(_ref, ref) {
                 break;
               }
 
-              _toast["default"].Error((0, _getLocale.getLocale)("OKR_MyO_Pop_Totalkrnot100"), {
+              _toast["default"].Error((0, _getLocale.getLocale)('OKR_MyO_Pop_Totalkrnot100'), {
                 canClose: false
               });
 
@@ -480,7 +484,7 @@ function CreateOkrModal(_ref, ref) {
               handleCreatedClose();
               visibilityArea = formatVisiableLimit();
               _context.next = 24;
-              return (0, _requestApi.createWidthKr)(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              return (0, _requestApi.createWidthKr)(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                 krInfos: krDatas.map(function (kr) {
                   return _objectSpread(_objectSpread({}, kr), {}, {
                     startDate: cycle.startDate,
@@ -492,14 +496,16 @@ function CreateOkrModal(_ref, ref) {
               }, parent), {}, {
                 workType: 6,
                 visibility: visibility,
-                okrClassify: openClassify ? okrClassify : "",
-                okrType: openOkrType ? type.typeId : ""
+                okrClassify: openClassify ? okrClassify : '',
+                okrType: openOkrType ? type.typeId : ''
               }, dept), team), {}, {
                 workRoles: [{
                   roleType: 1,
                   models: [user]
                 }]
-              }, visibilityArea));
+              }, visibilityArea), {}, {
+                isFromAssess: isFromAssess
+              }));
 
             case 24:
               data = _context.sent;
@@ -509,7 +515,7 @@ function CreateOkrModal(_ref, ref) {
                 break;
               }
 
-              _toast["default"].Error("创建失败，请重试", {
+              _toast["default"].Error('创建失败，请重试', {
                 canClose: false
               });
 
@@ -524,7 +530,7 @@ function CreateOkrModal(_ref, ref) {
                 krTotalLength = 0;
                 krDatas && krDatas.forEach(function (kr) {
                   // 计算平均长度要去掉百分号和数字
-                  krTotalLength += kr.mileStoneName.replace(/(%|\d)/g, "").length;
+                  krTotalLength += kr.mileStoneName.replace(/(%|\d)/g, '').length;
                 });
                 krAvarageLength = krDatas.length > 0 ? krTotalLength / krDatas.length : 0;
                 krMeasurableLength = krsCheckResult.friendlyResult.filter(function (kr) {
@@ -532,13 +538,13 @@ function CreateOkrModal(_ref, ref) {
                 }).length;
                 oHasVtWords = oNameCheckResult[0].result === _okrCreateSuggest.EOkrCreateSuggestResultType.correct;
                 callData = data;
-                callData.countSurpassPercentage = (0, _getCreateOkrSurpassPercent["default"])(okrName.replace(/(%|\d)/g, "").length, oHasVtWords, krNum, krMeasurableLength, Number.parseInt(krAvarageLength.toString()));
+                callData.countSurpassPercentage = (0, _getCreateOkrSurpassPercent["default"])(okrName.replace(/(%|\d)/g, '').length, oHasVtWords, krNum, krMeasurableLength, Number.parseInt(krAvarageLength.toString()));
                 newOkrDataRef.current = callData;
                 handleOnSuccess();
               } else {
                 workId = data.workId;
 
-                _drawerManager["default"].open("okrDetail", {
+                _drawerManager["default"].open('okrDetail', {
                   okrId: workId
                 });
               }
@@ -586,10 +592,10 @@ function CreateOkrModal(_ref, ref) {
         principalName: Name,
         userAvatar: UserAvatar,
         krWeight: 100,
-        mileStoneName: "",
+        mileStoneName: '',
         confidenceIndex: 5
       }]);
-      setOkrName("");
+      setOkrName('');
       setUser({
         name: Name,
         id: Id,
@@ -598,10 +604,10 @@ function CreateOkrModal(_ref, ref) {
       setIsCustomWeight(false);
       setDept({
         departmentId: 0,
-        departmentName: ""
+        departmentName: ''
       });
       setType({
-        typeName: (0, _getLocale.getLocale)("OKR_MyO_Pop_Individual"),
+        typeName: (0, _getLocale.getLocale)('OKR_MyO_Pop_Individual'),
         typeId: 1
       });
       setCycle(cycle);
@@ -609,7 +615,7 @@ function CreateOkrModal(_ref, ref) {
       setVisibility(1);
       setParent({
         parentWorkId: 0,
-        parentWorkName: "",
+        parentWorkName: '',
         parentType: 0,
         parentKrId: 0
       });
@@ -723,7 +729,7 @@ function CreateOkrModal(_ref, ref) {
   var ModalTitle = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement(_style.Line, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "create-modal__title"
-    }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Title_Newobjective")), /*#__PURE__*/_react["default"].createElement(_okrCase["default"], {
+    }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Title_Newobjective')), /*#__PURE__*/_react["default"].createElement(_okrCase["default"], {
       okrTemplateEnabled: true,
       onOkrApply: OnOkRApplyTplHandler
     }));
@@ -765,7 +771,7 @@ function CreateOkrModal(_ref, ref) {
 
     setShowCreatedSuccessInfo(false);
 
-    _drawerManager["default"].open("okrDetail", {
+    _drawerManager["default"].open('okrDetail', {
       okrId: workId
     });
 
@@ -784,10 +790,10 @@ function CreateOkrModal(_ref, ref) {
 
   var trackAction = function trackAction() {
     // @ts-ignore
-    window.titaTracker && window.titaTracker("action").record({
-      actionName: "点击【教你写OKR】",
-      actionGroup: (0, _getLocale.getLocale)("OKR_MyO_Collr_Butt_CreatOKR"),
-      productName: (0, _getLocale.getLocale)("Menu_Title_OKRs")
+    window.titaTracker && window.titaTracker('action').record({
+      actionName: '点击【教你写OKR】',
+      actionGroup: (0, _getLocale.getLocale)('OKR_MyO_Collr_Butt_CreatOKR'),
+      productName: (0, _getLocale.getLocale)('Menu_Title_OKRs')
     });
   };
 
@@ -797,7 +803,7 @@ function CreateOkrModal(_ref, ref) {
     }
     return /*#__PURE__*/_react["default"].createElement("a", {
       className: "teact-write-okr",
-      href: (0, _helpers.isDingDing)() ? "https://wiki.tita.com/pages/viewpage.action?pageId=15696093" : "https://docs.tita.com/question/okr-write/",
+      href: (0, _helpers.isDingDing)() ? 'https://wiki.tita.com/pages/viewpage.action?pageId=15696093' : 'https://docs.tita.com/question/okr-write/',
       target: "_blank",
       onClick: trackAction,
       rel: "noreferrer"
@@ -806,7 +812,7 @@ function CreateOkrModal(_ref, ref) {
       src: _teachOkr["default"]
     }), /*#__PURE__*/_react["default"].createElement("span", {
       className: "teact-write-okr__text"
-    }, (0, _getLocale.getLocale)("OKR_MyO_Pop_TeachwriteOKR")));
+    }, (0, _getLocale.getLocale)('OKR_MyO_Pop_TeachwriteOKR')));
   }, []);
   (0, _react.useEffect)(function () {
     // @ts-ignore
@@ -820,8 +826,8 @@ function CreateOkrModal(_ref, ref) {
     mask: true,
     centered: true,
     onOk: onModalOkHandler,
-    okText: (0, _getLocale.getLocale)("OKR_MyO_Pop_Createnow"),
-    cancelText: (0, _getLocale.getLocale)("Mod_Cancel"),
+    okText: (0, _getLocale.getLocale)('OKR_MyO_Pop_Createnow'),
+    cancelText: (0, _getLocale.getLocale)('Mod_Cancel'),
     title: ModalTitle,
     visible: isVisible,
     onCancel: hideCreateOkrModal,
@@ -829,7 +835,7 @@ function CreateOkrModal(_ref, ref) {
     footerLeftContent: renderFooterTeachWriteOKr,
     zIndex: 1200,
     bodyStyle: {
-      flexBasis: "auto"
+      flexBasis: 'auto'
     }
   }, /*#__PURE__*/_react["default"].createElement(_style.Wrapper, {
     ref: wrapperRef
@@ -857,7 +863,7 @@ function CreateOkrModal(_ref, ref) {
     setIsInputContent: setIsInputContent
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "create-modal__title-line"
-  }, /*#__PURE__*/_react["default"].createElement(_style.BlueBar, null), (0, _getLocale.getLocale)("Per_Ass_New_Appr_detail_moreS")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_style.BlueBar, null), (0, _getLocale.getLocale)('Per_Ass_New_Appr_detail_moreS')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "space-between-row"
   }, /*#__PURE__*/_react["default"].createElement(_okrParent["default"], {
     parent: parent,

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/v2/").concat(tenantId, "/").concat(userId, "/work/createWithKr");
+            url = "".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/okr/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;
+  border: 1px solid #dfe3ea !important;
   color: #6f7886;
 }
 
 .titaui-dialog-confirm__btn-cancel:hover {
   color: #2879ff;
-  border: 1px solid #2879ff;
+  border: 1px solid #2879ff !important;
 }
 
 .titaui-dialog-confirm__btn-cancel-text {

package/lib/components/drawer/headerAction.js

@@ -49,7 +49,9 @@ function HeaderAction(_ref) {
       _onClick = _ref.onClick,
       className = _ref.className,
       title = _ref.title,
-      children = _ref.children;
+      children = _ref.children,
+      approvalSetting = _ref.approvalSetting,
+      detailInfo = _ref.detailInfo;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -99,6 +101,8 @@ 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);