@titaui/pc 1.11.42 → 1.11.45

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

@@ -9,13 +9,15 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
+var _getLocale = require("../../../../utils/getLocale");
 
-var _style = require("./style");
+var _dialogConfirm = _interopRequireDefault(require("../../../dialog-confirm"));
 
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
-var _getLocale = require("../../../../utils/getLocale");
+var _form = _interopRequireDefault(require("../../../form"));
+
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -35,61 +37,116 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-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),
+var prefix = "okr-detail-delete-confirm";
+var Radios = _form["default"].Fields.Radios;
+var radios = [{
+  label: /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__option-text")
+  }, (0, _getLocale.getLocale)("OKR_MyO_Text_OdeletionNTask")),
+  value: 0
+}, {
+  label: /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__option-text")
+  }, (0, _getLocale.getLocale)("OKR_MyO_Text_OdeletionTask"), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: (0, _getLocale.getLocale)("Pro_detail_Tasksapproval"),
+    placement: "top",
+    zIndex: 15000
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__icon tu-icon-wiki")
+  }))),
+  value: 1
+}, {
+  label: /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__option-text")
+  }, (0, _getLocale.getLocale)("Pro_detail_Attheametime"), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: (0, _getLocale.getLocale)("Pro_detail_Tasksapproval"),
+    placement: "top",
+    zIndex: 15000
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__icon tu-icon-wiki")
+  }))),
+  value: 2
+}];
+var OkrDeletePop = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var onCancel = _ref.onCancel,
+      onConfirm = _ref.onConfirm,
+      approvalSetting = _ref.approvalSetting,
+      okrInfo = _ref.okrInfo;
+
+  var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
+      showConfirmPop = _useState2[0],
+      setShowConfirmPop = _useState2[1];
 
-  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() {
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selected = _useState4[0],
+      setSelected = _useState4[1];
+
+  var handleCancelClick = function handleCancelClick() {
+    if (onCancel) {
       onCancel();
     }
-  }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
-    type: "primary",
-    onClick: function onClick() {
-      return onConfirm(selected);
+
+    setShowConfirmPop(false);
+  };
+
+  var handleConfirmClick = function handleConfirmClick() {
+    if (onConfirm) {
+      onConfirm(selected);
     }
-  }, (0, _getLocale.getLocale)("Pro_detail_Submission"))));
-}
 
-var _default = OkrDeleteConfirm;
+    setShowConfirmPop(false);
+  };
+
+  var show = function show() {
+    setShowConfirmPop(true);
+  };
+
+  var hide = function hide() {
+    setShowConfirmPop(false);
+  };
+
+  var showApprovalCmp = (0, _react.useMemo)(function () {
+    return approvalSetting.isOpen && approvalSetting.deleteOkr && !okrInfo.OkrAndKrApprovalTypes.includes(53);
+  }, [approvalSetting, okrInfo]);
+
+  var handleChangeDeleteRadios = function handleChangeDeleteRadios(value) {
+    setSelected(value);
+  };
+
+  (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",
+      className: prefix
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      type: "title"
+    }, showApprovalCmp ? (0, _getLocale.getLocale)("OKR_MyO_Deleteoapproval") : (0, _getLocale.getLocale)("OKR_MyO_Determinedeletiono")), /*#__PURE__*/_react["default"].createElement("span", {
+      type: "content"
+    }, !showApprovalCmp && (0, _getLocale.getLocale)("OKR_MyO_Text_Odeletion"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Radios, {
+      radios: radios,
+      value: 0,
+      onChange: handleChangeDeleteRadios
+    }))), /*#__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
+    }, showApprovalCmp ? (0, _getLocale.getLocale)("OKR_MyO_Submittedapproval") : (0, _getLocale.getLocale)("Pro_detail_Submission")));
+  }, [showConfirmPop, selected]);
+  return renderDialogConfirm;
+});
+OkrDeletePop.defaultProps = {
+  onCancel: function onCancel() {}
+};
+var _default = OkrDeletePop;
 exports["default"] = _default;

package/lib/components/okr-detail/detail-header/delete-confirm/index.css

@@ -0,0 +1,59 @@
+.okr-detail-delete-confirm__option {
+  cursor: pointer;
+  display: flex;
+  margin-top: 10px;
+}
+
+.okr-detail-delete-confirm__option-text {
+  font-size: 14px;
+  color: #3F4755;
+  line-height: 22px;
+}
+
+.okr-detail-delete-confirm__icon {
+  font-size: 12px;
+  color: #89919f;
+  vertical-align: middle;
+}
+
+.okr-detail-delete-confirm__icon.tu-icon-singlebox-have, .okr-detail-delete-confirm__icon.tu-icon-singlebox-avtive {
+  margin-top: 4px;
+  font-size: 16px;
+  color: #2879ff;
+}
+
+.okr-detail-delete-confirm__icon.tu-icon-singlebox-have {
+  color: #BFC7D5;
+}
+
+.okr-detail-delete-confirm__icon.tu-icon-wiki {
+  display: inline-block;
+  font-size: 16px;
+  color: #acb7bf;
+  margin-left: 4px;
+  margin-bottom: 2px;
+}
+
+.okr-detail-delete-confirm .form-field-radio__radios-item {
+  margin-top: 10px;
+}
+
+.isApprovalDisabled {
+  margin-bottom: 0;
+  padding: 5px 24px;
+  font-size: 14px;
+  line-height: 22px;
+  transition: all .3s ease-in;
+  color: #BFC7D5;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.isApprovalDisabled .options-icon {
+  margin-right: 12px;
+  font-size: 14px;
+  transition: all .3s ease-in;
+  color: #89919f;
+}

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

@@ -25,3 +25,14 @@
 .okr-detail-head-parent > span:hover {
   color: #2879ff;
 }
+
+.okr-detail-header-status {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  width: 68px;
+  height: 28px;
+  margin-right: 18px;
+  font-size: 12px;
+}