@titaui/pc 1.11.38 → 1.11.39-beta.1

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

@@ -9,14 +9,16 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
-
-var _style = require("./style");
+var _classnames = _interopRequireDefault(require("classnames"));
 
 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); }
@@ -35,61 +37,114 @@ 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 getDeleteOptions = function getDeleteOptions() {
   return [{
     id: 0,
-    text: "不删除目标下的任务",
-    tips: ""
+    text: (0, _getLocale.getLocale)('OKR_MyO_Text_OdeletionNTask'),
+    tips: ''
   }, {
     id: 1,
-    text: "同时删除目标下所有任务",
-    tips: (0, _getLocale.getLocale)("Pro_detail_Tasksapproval")
+    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")
+    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 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)(0),
+  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 () {
+    var _okrInfo$OkrAndKrAppr;
+
+    return approvalSetting.isOpen && !(okrInfo !== null && okrInfo !== void 0 && (_okrInfo$OkrAndKrAppr = okrInfo.OkrAndKrApprovalTypes) !== null && _okrInfo$OkrAndKrAppr !== void 0 && _okrInfo$OkrAndKrAppr.includes(53));
+  }, [approvalSetting, okrInfo]);
+  (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"
+    }, 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, getDeleteOptions().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
+    }, showApprovalCmp ? (0, _getLocale.getLocale)('OKR_MyO_Submittedapproval') : (0, _getLocale.getLocale)('Pro_detail_Submission')));
+  }, [showConfirmPop, selected]);
+  return renderDialogConfirm;
+});
+var _default = OkrDeletePop;
 exports["default"] = _default;

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

@@ -0,0 +1,55 @@
+.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;
+  margin-left: 6px;
+}
+
+.okr-detail-delete-confirm__option-text:hover {
+  color: #2879ff;
+}
+
+.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-warning {
+  font-size: 14px;
+  color: #acb7bf;
+  margin-left: 4px;
+  vertical-align: text-top;
+}
+
+.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;
+}