@titaui/pc 1.12.0-beta.1 → 1.12.1

package/lib/components/{dynamic/advertise → contact-kefu}/index.js

@@ -9,23 +9,17 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactSlick = _interopRequireDefault(require("react-slick"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _requestApi = require("../request-api");
-
-var _toast = _interopRequireDefault(require("../../toast"));
+var _tooltip = _interopRequireDefault(require("../tooltip"));
 
-var _util = require("./util");
+var _popup = _interopRequireDefault(require("../popup"));
 
-var _nextBtn = _interopRequireDefault(require("./components/next-btn"));
+var _platform = require("../../utils/platform");
 
-var _preBtn = _interopRequireDefault(require("./components/pre-btn"));
+var _notTry = _interopRequireDefault(require("./img/not-try.png"));
 
-require("slick-carousel/slick/slick.css");
-
-require("slick-carousel/slick/slick-theme.css");
+var _try = _interopRequireDefault(require("./img/try.png"));
 
 require("./index.css");
 
@@ -35,8 +29,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 _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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -51,76 +43,66 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = "tutaui-dynamic-advertise";
-var settings = {
-  dots: false,
-  infinite: true,
-  speed: 1000,
-  slidesToShow: 1,
-  slidesToScroll: 1,
-  // arrows: false,
-  autoplay: true
-};
-
-var DynamicAdvertise = function DynamicAdvertise() {
-  var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      sliderData = _useState2[0],
-      setSliderData = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isMouseEnter = _useState4[0],
-      setIsMouseEnter = _useState4[1];
+var preCls = "contact-kefu";
 
-  var handleImgClick = function handleImgClick(link) {
-    window.open(link, "_blank");
-  };
+var ContactKefu = function ContactKefu() {
+  var _window$BSGlobal, _window$BSGlobal$tena, _window$BSGlobal2, _window$BSGlobal2$ten, _classNames;
 
-  var handleMouseEnter = function handleMouseEnter() {
-    setIsMouseEnter(true);
-  };
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
 
-  var handleMouseLeave = function handleMouseLeave() {
-    setIsMouseEnter(false);
+  var handleShowCode = function handleShowCode() {
+    setVisible(true);
   };
 
-  (0, _react.useEffect)(function () {
-    (0, _requestApi.getAdvertise)().then(function (resp) {
-      if (resp.Code === 1 && resp.Data.length > 0) {
-        setSliderData((0, _util.formatResp)(resp.Data));
-      }
-
-      if (resp.Code !== 1) {
-        _toast["default"].Error(resp.Message, {
-          canClose: false
-        });
-      }
-    });
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(prefix, _defineProperty({}, "".concat(prefix, "--not-empty"), sliderData.length > 0)),
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, sliderData.length > 0 && /*#__PURE__*/_react["default"].createElement(_reactSlick["default"], _extends({}, settings, {
-    nextArrow: /*#__PURE__*/_react["default"].createElement(_nextBtn["default"], {
-      isShow: isMouseEnter
-    }),
-    prevArrow: /*#__PURE__*/_react["default"].createElement(_preBtn["default"], {
-      isShow: isMouseEnter
-    })
-  }), sliderData.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      onClick: function onClick() {
-        handleImgClick(item.link);
+  var isTrial = ((_window$BSGlobal = window.BSGlobal) === null || _window$BSGlobal === void 0 ? void 0 : (_window$BSGlobal$tena = _window$BSGlobal.tenantAuthentication) === null || _window$BSGlobal$tena === void 0 ? void 0 : _window$BSGlobal$tena.Version) === 1 && (0, _platform.isOfficialSite)();
+
+  if (!((_window$BSGlobal2 = window.BSGlobal) !== null && _window$BSGlobal2 !== void 0 && (_window$BSGlobal2$ten = _window$BSGlobal2.tenantAuthentication) !== null && _window$BSGlobal2$ten !== void 0 && _window$BSGlobal2$ten.Version)) {
+    isTrial = true;
+  }
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup-title")
+  }, "\u5FAE\u4FE1/\u4F01\u4E1A\u5FAE\u4FE1\u626B\u4E00\u626B"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup-content")
+  }, "\u4E13\u5C5E\u5BA2\u670D\u4E3A\u4F60\u63D0\u4F9B\u54A8\u8BE2\u670D\u52A1"), /*#__PURE__*/_react["default"].createElement("img", {
+    src: isTrial ? _try["default"] : _notTry["default"],
+    className: "".concat(preCls, "__popup-img"),
+    alt: "\u5FAE\u4FE1\u626B\u7801"
+  }));
+
+  return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    popup: popup,
+    popupTransitionName: "tita-popup-zoom-left-bottom",
+    placement: "topLeft",
+    popupAlign: {
+      offset: [-32, -10],
+      overflow: {
+        adjustX: 1,
+        adjustY: 1
       }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      className: "".concat(prefix, "__img"),
-      src: item.img,
-      alt: item.name
-    }));
-  })));
+    },
+    popupVisible: visible,
+    onPopupVisibleChange: function onPopupVisibleChange(bol) {
+      return setVisible(bol);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: "\u8054\u7CFB\u5BA2\u670D",
+    placement: "right",
+    align: {
+      offset: [0, 0]
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__kefu"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "__try-kefu"), isTrial), _defineProperty(_classNames, "".concat(preCls, "__hidden"), visible), _classNames)),
+    onClick: handleShowCode
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__cancel"), visible))
+  }))));
 };
 
-var _default = DynamicAdvertise;
+var _default = ContactKefu;
 exports["default"] = _default;

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), {}, {
+                CreateFromAssess: 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);

package/lib/components/drawer/headerDrop.js

@@ -9,6 +9,8 @@ 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 }; }
@@ -44,7 +46,9 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
       colorInDrop = _ref.colorInDrop,
       hoverColorInDrop = _ref.hoverColorInDrop,
       _onClick = _ref.onClick,
-      onClose = _ref.onClose;
+      onClose = _ref.onClose,
+      approvalSetting = _ref.approvalSetting,
+      detailInfo = _ref.detailInfo;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -52,7 +56,37 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
       setHover = _useState2[1];
 
   var hasIcon = !!icon && typeof icon === "string";
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  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", {
     className: "header-drop-item",
     style: {
       color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
@@ -74,19 +108,23 @@ 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;
+      children = _ref2.children,
+      approvalSetting = _ref2.approvalSetting,
+      detailInfo = _ref2.detailInfo;
   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);
         }

package/lib/components/drawer/index.css

@@ -164,6 +164,39 @@
   background-repeat: no-repeat;
 }
 
+.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval {
+  height: 32px;
+  display: flex;
+  align-items: center;
+  padding: 0 23px;
+  cursor: pointer;
+  color: #BFC7D5;
+}
+
+.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon {
+  font-size: 18px;
+  color: inherit;
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+  margin-right: 10px;
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon > span {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+  width: 18px;
+  height: 18px;
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
 .drawer-left .drawer-content-wrapper,
 .drawer-right .drawer-content-wrapper,
 .drawer-left .drawer-content,