@titaui/pc 1.11.21-beta.9 → 1.11.24

package/lib/components/okr-detail/components/header/index.js

@@ -31,8 +31,6 @@ var _progress = _interopRequireDefault(require("../../../progress"));
 
 var _utils = require("../../../progress/utils");
 
-var _helper = require("../../helper");
-
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _auth = require("../../../../utils/auth");
@@ -87,8 +85,6 @@ function Header(props) {
       setGeneralOkrClassify = _useContext.setGeneralOkrClassify,
       showOkrEvalute = _useContext.showOkrEvalute;
 
-  var commonContext = (0, _react.useContext)(_context.CommonContext);
-  var approvalSetting = commonContext.approvalSetting;
   var showOScore = (_window = window) === null || _window === void 0 ? void 0 : (_window$BSGlobal = _window.BSGlobal) === null || _window$BSGlobal === void 0 ? void 0 : (_window$BSGlobal$OkrA = _window$BSGlobal.OkrAdvancedSetting) === null || _window$BSGlobal$OkrA === void 0 ? void 0 : (_window$BSGlobal$OkrA2 = _window$BSGlobal$OkrA.KRSetting) === null || _window$BSGlobal$OkrA2 === void 0 ? void 0 : _window$BSGlobal$OkrA2.OScore;
   var _okrInfo$progressGrow = okrInfo.progressGrow,
       progressGrow = _okrInfo$progressGrow === void 0 ? 0 : _okrInfo$progressGrow,
@@ -160,7 +156,7 @@ function Header(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(precls, "__avatar")
   }, /*#__PURE__*/_react["default"].createElement(_oAvatar["default"], {
-    editable: editable && (okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState) !== 1,
+    editable: editable,
     okrId: okrInfo.workId
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(precls, "__content")
@@ -168,10 +164,7 @@ function Header(props) {
     editable: editable,
     okrName: okrName,
     setIsEdit: setIsEdit,
-    okrStatus: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.status,
-    OkrAndKrApprovalTypes: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes,
-    applyState: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState,
-    approvalSetting: approvalSetting
+    okrStatus: okrInfo.status
   }, /*#__PURE__*/_react["default"].createElement(_oClassify["default"], {
     editable: editable,
     okrId: okrInfo.workId,
@@ -194,7 +187,7 @@ function Header(props) {
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(precls, "__action-item")
   }, /*#__PURE__*/_react["default"].createElement(_oCycle["default"], {
-    editable: editable && (0, _helper.getApprovalIsShow)(approvalSetting, "changeOkrTime", okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes),
+    editable: editable,
     okrId: okrInfo.workId
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(precls, "__action-item")

package/lib/components/okr-detail/components/header/o-name.js

@@ -13,8 +13,6 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var _tools = require("../../../../utils/tools");
 
-var _helper = require("../../helper");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function OName(props) {
@@ -22,16 +20,11 @@ function OName(props) {
       okrName = props.okrName,
       setIsEdit = props.setIsEdit,
       okrStatus = props.okrStatus,
-      children = props.children,
-      approvalSetting = props.approvalSetting,
-      applyState = props.applyState,
-      OkrAndKrApprovalTypes = props.OkrAndKrApprovalTypes;
+      children = props.children;
 
   var handleEditClick = function handleEditClick() {
-    if ((0, _helper.getApprovalIsShow)(approvalSetting, "changeOkrName", applyState, OkrAndKrApprovalTypes)) {
-      if (editable) {
-        setIsEdit(true);
-      }
+    if (editable) {
+      setIsEdit(true);
     }
   };
 

package/lib/components/okr-detail/components/o-classify.js

@@ -84,11 +84,7 @@ function OClassify(props) {
 
             case 5:
               res = _context.sent;
-
-              if (onOkrClassifyChange) {
-                onOkrClassifyChange(select);
-              }
-
+              onOkrClassifyChange(select);
               setVisible(false);
 
               _toast["default"].Success("修改成功", {

package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js

@@ -47,8 +47,6 @@ var _EditKrWightModal = _interopRequireDefault(require("../../../../../edit-kr-w
 
 var _okrProgressModal = _interopRequireDefault(require("../../../../../okr-progress-modal"));
 
-var _helper = require("../../../../helper");
-
 var _getLocale = require("../../../../../../utils/getLocale");
 
 require("./index.css");
@@ -100,8 +98,7 @@ function _default(props) {
 
   var _useContext = (0, _react.useContext)(_context2.CommonContext),
       refreshAll = _useContext.refreshAll,
-      okrInfo = _useContext.okrInfo,
-      approvalSetting = _useContext.approvalSetting;
+      okrInfo = _useContext.okrInfo;
 
   var _useState = (0, _react.useState)(data.confidenceIndex),
       _useState2 = _slicedToArray(_useState, 2),
@@ -303,9 +300,7 @@ function _default(props) {
     _drawerManager["default"].open("krDetail", {
       krId: data.mileStoneId
     });
-  }; // console.log('okrInfo',okrInfo?.OkrAndKrApprovalTypes)
-  // console.log('data',data?.KrApprovalTypes)
-
+  };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node"))
@@ -320,7 +315,7 @@ function _default(props) {
   }, "KR", index + 1), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-title"))
   }, /*#__PURE__*/_react["default"].createElement(_editableInput["default"], {
-    editable: krCanEdit && (0, _helper.getApprovalIsShow)(approvalSetting, "changeOkrName", okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes, data === null || data === void 0 ? void 0 : data.KrApprovalTypes),
+    editable: krCanEdit,
     defaultValue: krName,
     emptyMessage: "KR\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A",
     onKeyDown: onKrNameChangeHandler,
@@ -334,10 +329,10 @@ function _default(props) {
     name: user.name,
     id: user.userId,
     width: 68,
-    editable: krCanEdit && okrInfo.applyState !== _helper.EApproveStatus.UnderApproval,
+    editable: krCanEdit,
     onEditUser: onEditUserHandler,
     nameTips: function nameTips(name) {
-      return /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Text_Owner'), name);
+      return /*#__PURE__*/_react["default"].createElement("span", null, "\u8D1F\u8D23\u4EBA\uFF1A", name);
     }
   })), showKrWeight && /*#__PURE__*/_react["default"].createElement(OkrRowColumn, {
     width: 60,
@@ -353,7 +348,7 @@ function _default(props) {
     marginLeft: 16
   }, /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
     data: data,
-    editable: krCanEdit && (0, _helper.getApprovalIsShow)(approvalSetting, "changeOkrTime", okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes, data === null || data === void 0 ? void 0 : data.KrApprovalTypes)
+    editable: krCanEdit
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-actions"))
   }, showHeart && /*#__PURE__*/_react["default"].createElement("div", {
@@ -382,7 +377,7 @@ function _default(props) {
     evaluateValue: evaluateValue,
     setEvaluateValue: onEvaluateChangeHanler,
     isEvaluate: isEvaluate
-  })), krCanEdit && okrInfo.applyState !== _helper.EApproveStatus.UnderApproval && /*#__PURE__*/_react["default"].createElement("div", {
+  })), krCanEdit && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-delete")),
     onClick: function onClick() {
       return setDeleteModalVisible(true);

package/lib/components/okr-detail/detail-header/delete-confirm/delete-confirm.js

@@ -9,16 +9,14 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _titaUi = require("tita-ui");
+
+var _style = require("./style");
 
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
-var _dialogConfirm = _interopRequireDefault(require("../../../dialog-confirm"));
-
-require("./index.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -37,104 +35,61 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = 'okr-detail-delete-confirm';
-var deleteOptions = [{
-  id: 0,
-  text: (0, _getLocale.getLocale)('OKR_MyO_Text_OdeletionNTask'),
-  tips: ''
-}, {
-  id: 1,
-  text: (0, _getLocale.getLocale)('OKR_MyO_Text_OdeletionTask'),
-  tips: (0, _getLocale.getLocale)('Pro_detail_Tasksapproval')
-}, {
-  id: 2,
-  text: (0, _getLocale.getLocale)('Pro_detail_Attheametime'),
-  tips: (0, _getLocale.getLocale)('Pro_detail_Tasksapproval')
-}];
-var OkrDeletePop = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var onCancel = _ref.onCancel,
-      onConfirm = _ref.onConfirm,
-      approvalSetting = _ref.approvalSetting;
-
-  var _useState = (0, _react.useState)(false),
+var getDeleteOptions = function getDeleteOptions() {
+  return [{
+    id: 0,
+    text: "不删除目标下的任务",
+    tips: ""
+  }, {
+    id: 1,
+    text: "同时删除目标下所有任务",
+    tips: (0, _getLocale.getLocale)("Pro_detail_Tasksapproval")
+  }, {
+    id: 2,
+    text: (0, _getLocale.getLocale)("Pro_detail_Attheametime"),
+    tips: (0, _getLocale.getLocale)("Pro_detail_Tasksapproval")
+  }];
+};
+
+function OkrDeleteConfirm(_ref) {
+  var onConfirm = _ref.onConfirm,
+      onCancel = _ref.onCancel;
+
+  var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
-      showConfirmPop = _useState2[0],
-      setShowConfirmPop = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selected = _useState4[0],
-      setSelected = _useState4[1];
+      selected = _useState2[0],
+      setSelected = _useState2[1];
 
-  var handleCancelClick = function handleCancelClick() {
-    if (onCancel) {
+  return /*#__PURE__*/_react["default"].createElement(_style.DeleteWrapper, {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_style.DeleteTitle, null, "\u76EE\u6807\u5220\u9664\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\uFF01\u8BF7\u8C28\u614E\u64CD\u4F5C"), /*#__PURE__*/_react["default"].createElement("div", null, getDeleteOptions().map(function (option) {
+    return /*#__PURE__*/_react["default"].createElement(_style.Options, {
+      key: option.id,
+      onClick: function onClick() {
+        return setSelected(option.id);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_style.Icon, {
+      className: selected == option.id ? "tu-icon-singlebox-avtive" : "tu-icon-singlebox-have"
+    }), /*#__PURE__*/_react["default"].createElement("p", null, option.text), option.tips && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: option.tips,
+      placement: "top",
+      zIndex: 15000
+    }, /*#__PURE__*/_react["default"].createElement(_style.Icon, {
+      className: "tu-icon-warning"
+    })));
+  })), /*#__PURE__*/_react["default"].createElement(_style.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+    onClick: function onClick() {
       onCancel();
     }
-
-    setShowConfirmPop(false);
-  };
-
-  var handleConfirmClick = function handleConfirmClick() {
-    if (onConfirm) {
-      onConfirm(selected);
+  }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+    type: "primary",
+    onClick: function onClick() {
+      return onConfirm(selected);
     }
+  }, (0, _getLocale.getLocale)("Pro_detail_Submission"))));
+}
 
-    setShowConfirmPop(false);
-  };
-
-  var show = function show() {
-    setShowConfirmPop(true);
-  };
-
-  var hide = function hide() {
-    setShowConfirmPop(false);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      show: show,
-      hide: hide
-    };
-  });
-  var renderDialogConfirm = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_dialogConfirm["default"], {
-      zIndex: 1200,
-      visible: showConfirmPop,
-      type: "warning"
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      type: "title"
-    }, approvalSetting.isOpen ? (0, _getLocale.getLocale)('OKR_MyO_Deleteoapproval') : (0, _getLocale.getLocale)('OKR_MyO_Determinedeletiono')), /*#__PURE__*/_react["default"].createElement("span", {
-      type: "content"
-    }, !approvalSetting.isOpen && (0, _getLocale.getLocale)('OKR_MyO_Text_Odeletion'), /*#__PURE__*/_react["default"].createElement("div", null, deleteOptions.map(function (option) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefix, "__option"),
-        key: option.id,
-        onClick: function onClick() {
-          return setSelected(option.id);
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: (0, _classnames["default"])("".concat(prefix, "__icon"), {
-          'tu-icon-singlebox-avtive': selected == option.id,
-          'tu-icon-singlebox-have': selected != option.id
-        })
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefix, "__option-text")
-      }, option.text, option.tips && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-        overlay: option.tips,
-        placement: "top",
-        zIndex: 15000
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefix, "__icon tu-icon-warning")
-      }))));
-    }))), /*#__PURE__*/_react["default"].createElement(_dialogConfirm["default"].CancelButton, {
-      type: "button",
-      onClick: handleCancelClick
-    }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_dialogConfirm["default"].SureButton, {
-      type: "button",
-      onClick: handleConfirmClick
-    }, approvalSetting.isOpen ? (0, _getLocale.getLocale)('OKR_MyO_Submittedapproval') : (0, _getLocale.getLocale)('Pro_detail_Submission')));
-  }, [showConfirmPop, selected]);
-  return renderDialogConfirm;
-});
-var _default = OkrDeletePop;
+var _default = OkrDeleteConfirm;
 exports["default"] = _default;

package/lib/components/okr-detail/detail-header/delete-confirm/style.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Options = exports.Icon = exports.DeleteWrapper = exports.DeleteTitle = exports.ButtonGroup = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var DeleteWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 300px;\n\n    .tu-icon-warning {\n        transition: all .3s ease-in;\n\n        &:hover {\n            color: #2879ff;\n        }\n    }\n"])));
+
+exports.DeleteWrapper = DeleteWrapper;
+
+var DeleteTitle = _styledComponents["default"].h2(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 14px;\n    color: #1F2329;\n"])));
+
+exports.DeleteTitle = DeleteTitle;
+
+var Options = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n\n    p {\n        margin: 6px;\n        font-size: 12px;\n        transition: all .3s ease-in;\n        color: #3e4e59;\n\n        &:hover {\n            color: #2879ff;\n        }\n    }\n"])));
+
+exports.Options = Options;
+
+var ButtonGroup = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-top: 5px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n\n    button {\n        min-width: 58px !important;\n        height: 30px !important;\n        margin-left: 10px;\n        white-space: nowrap;\n    }\n"])));
+
+exports.ButtonGroup = ButtonGroup;
+
+var Icon = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: ", ";\n\n  &.tu-icon-diot {\n    color: #a4acb9;\n  }\n\n  // &.okr-type {\n  //   font-size: 16px;\n  //   color: #7f91b4;\n  //   position: relative;\n  //   top: ", ";\n  // }\n\n  // &.tu-icon-bianji2 {\n  //   margin-left: 6px;\n  //   font-size: 14px;\n  //   color: #2879ff;\n  //   cursor: pointer;\n  // }\n\n  // &.tu-icon-heart-solid {\n  //   margin-right: 6px;\n  //   color: #ff8c00;\n  // }\n\n  &.execute-icon {\n    font-size: 14px;\n    cursor: pointer;\n    position: relative;\n    top: 2px;\n  }\n\n  &.tu-icon-singlebox-have,\n  &.tu-icon-singlebox-avtive {\n    font-size: 14px;\n    color: #2879ff;\n  }\n\n  &.tu-icon-warning {\n    font-size: 14px;\n    color: #acb7bf;\n  }\n\n  &.tu-icon-more-diji {\n      position: relative;\n\n      &::after {\n          content: '';\n          \n      }\n  }\n"])), function (p) {
+  return p.color || "#89919F";
+}, function (p) {
+  return p.top;
+});
+
+exports.Icon = Icon;