@titaui/pc 1.7.60 → 1.7.64

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

@@ -25,8 +25,8 @@
 
 .titaui-rect-btn--big {
   border-radius: 18px;
-  height: 34px;
-  line-height: 32px;
+  height: 36px;
+  line-height: 34px;
   min-width: 90px;
   padding: 0 16px;
 }
@@ -95,7 +95,7 @@
 }
 
 .titaui-rect-btn--primary.titaui-rect-btn--big {
-  line-height: 34px;
+  line-height: 36px;
 }
 
 .titaui-rect-btn--primary.titaui-rect-btn--disabled {

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

@@ -31,7 +31,8 @@ var RectBtn = function RectBtn(props) {
       _props$className = props.className,
       className = _props$className === void 0 ? "" : _props$className,
       _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled;
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      style = props.style;
 
   var renderIcon = function renderIcon() {
     if (typeof icon == "string") {
@@ -54,6 +55,7 @@ var RectBtn = function RectBtn(props) {
 
   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),
+    style: style,
     onClick: onClickHandler
   }, icon && renderIcon(), props.children || text);
 };

package/lib/components/dialog-confirm/index.css

@@ -2,7 +2,7 @@
   display: inline-block;
   width: 360px;
   background: #ffffff;
-  border-radius: 6px;
+  border-radius: 24px;
 }
 
 .titaui-dialog-confirm__btn {
@@ -10,7 +10,7 @@
   width: 90px;
   height: 32px;
   line-height: 32px;
-  border-radius: 4px;
+  border-radius: 18px;
   text-align: center;
 }
 
@@ -69,6 +69,7 @@
 
 .titaui-dialog-confirm .rc-dialog-content {
   box-shadow: none;
+  border-radius: 24px;
 }
 
 .titaui-dialog-confirm .rc-dialog-body {
@@ -92,11 +93,12 @@
 
 .titaui-dialog-confirm__body {
   position: relative;
+  display: flex;
 }
 
 .titaui-dialog-confirm__body-icon {
   display: inline-block;
-  font-size: 16px;
+  font-size: 14px;
 }
 
 .titaui-dialog-confirm__body-title {

package/lib/components/dynamic/constant.js

@@ -41,7 +41,7 @@ exports.EFeedType = EFeedType;
   EFeedType[EFeedType["Bless"] = 14] = "Bless";
   EFeedType[EFeedType["Kr"] = 15] = "Kr";
   EFeedType[EFeedType["MileStone"] = 16] = "MileStone";
-  EFeedType[EFeedType["OkrEStatistics"] = 17] = "OkrEStatistics";
+  EFeedType[EFeedType["OKREStatistics"] = 17] = "OKREStatistics";
   EFeedType[EFeedType["Reply"] = 18] = "Reply";
   EFeedType[EFeedType["OkrCycle"] = 19] = "OkrCycle";
   EFeedType[EFeedType["Task"] = 20] = "Task";
@@ -51,6 +51,8 @@ exports.EFeedType = EFeedType;
   EFeedType[EFeedType["Announcement"] = 24] = "Announcement";
   EFeedType[EFeedType["Signin"] = 80] = "Signin";
   EFeedType[EFeedType["O"] = 101] = "O";
+  EFeedType[EFeedType["OKRsCommunication"] = 102] = "OKRsCommunication";
+  EFeedType[EFeedType["PlanCommunication"] = 103] = "PlanCommunication";
 })(EFeedType || (exports.EFeedType = EFeedType = {}));
 
 var EObjType;

package/lib/components/dynamic/dynamic.js

@@ -201,7 +201,8 @@ var Dynamic = function Dynamic() {
       ChannelIds: activeFirstLevelTabKey + "." + activeSecondLevelTabKey,
       Domain: "",
       TitaHost: "",
-      RequestSource: 0
+      RequestSource: 0,
+      CommentCount: 3
     }).then(function (resp) {
       setIsLoadingMore(false);
       setIsChangeConditionLoading(false);
@@ -320,17 +321,6 @@ var Dynamic = function Dynamic() {
   }, []);
   (0, _react.useEffect)(function () {
     if (searchKeyWord || searchKeyType || searchUser) {
-      // 搜索跳到全部动态
-      if (searchKeyWord) {
-        setActiveFirstLevelTabKey(1006); // @ts-ignore
-
-        var secondTabsArr = tabsInfo.find(function (item) {
-          return item.CodeId === 1006;
-        }).ChildMenus;
-        setSecondTabs(secondTabsArr);
-        setActiveSecondLevelTabKey(secondTabsArr[0].CodeId);
-      }
-
       setIsChangeConditionLoading(true);
       resetValue();
       getDynamicData(true);

package/lib/components/dynamic/util.js

@@ -77,6 +77,16 @@ var getFeedTypeAndTypeColor = function getFeedTypeAndTypeColor(feedType) {
     feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
   }
 
+  if (feedType === _constant.EFeedType.PlanCommunication) {
+    feedTypeText = "计划表";
+    feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
+  }
+
+  if (feedType === _constant.EFeedType.OKRsCommunication) {
+    feedTypeText = "OKRs";
+    feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
+  }
+
   return {
     feedTypeText: feedTypeText,
     feedTypeColor: feedTypeColor

package/lib/components/file-list/index.js

@@ -31,16 +31,28 @@ var FileList = function FileList(_ref) {
       showDownload = _ref$showDownload === void 0 ? true : _ref$showDownload;
   var imgViewerRef = (0, _react.useRef)();
 
+  var getImgIndex = function getImgIndex(index) {
+    var newIndex = 0;
+
+    for (var i = 0; i < index; i++) {
+      if ((0, _util.isImg)(data[i].fileType)) {
+        newIndex++;
+      }
+    }
+
+    return newIndex;
+  };
+
   var handleImgPreview = function handleImgPreview(index) {
     // @ts-ignore
-    imgViewerRef.current && imgViewerRef.current.show(index);
+    imgViewerRef.current && imgViewerRef.current.show(getImgIndex(index));
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, data.map(function (file, index) {
     return /*#__PURE__*/_react["default"].createElement(_singleFile["default"], {
-      key: file.documentSource + index,
+      key: file.documentId + index,
       data: file,
       index: index,
       showDownload: showDownload,

package/lib/components/okr-detail/components/okr-tree/tree-node/o-child-node/edit-child-okr-weight.js

@@ -0,0 +1,284 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _dialog = _interopRequireDefault(require("../../../../../dialog"));
+
+var _toast = _interopRequireDefault(require("../../../../../toast"));
+
+var _dialogConfirm = _interopRequireDefault(require("../../../../../dialog-confirm"));
+
+var _requestApis = require("../../../../request-apis");
+
+var _weightInput = _interopRequireDefault(require("./weight-input"));
+
+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); }
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var CancelButton = _dialogConfirm["default"].CancelButton,
+    SureButton = _dialogConfirm["default"].SureButton;
+var precls = "child-okrs-weight";
+
+var EditChildOkrWeight = function EditChildOkrWeight(props) {
+  var onOk = props.onOk,
+      onCancel = props.onCancel,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      okrId = props.okrId;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      childOkrs = _useState2[0],
+      setChildOkrs = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showDialogConfirm = _useState4[0],
+      setShowDialogConfirm = _useState4[1];
+
+  var getChildWork = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _yield$getRelWorks, Data, _Data$childWorks, childWorks, authChildWorks;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _requestApis.getRelWorks)(okrId);
+
+            case 2:
+              _yield$getRelWorks = _context.sent;
+              Data = _yield$getRelWorks.Data;
+              _Data$childWorks = Data.childWorks, childWorks = _Data$childWorks === void 0 ? [] : _Data$childWorks;
+              authChildWorks = (childWorks || []).filter(function (item) {
+                return item.OkrVisible;
+              });
+              setChildOkrs(authChildWorks || []);
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function getChildWork() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    visible && getChildWork();
+  }, [okrId, visible]);
+
+  var postData = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var data, result;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setShowDialogConfirm(false);
+              data = childOkrs.map(function (item) {
+                return {
+                  OkrId: item.workId,
+                  Weight: item.pweight
+                };
+              });
+              _context2.next = 4;
+              return (0, _requestApis.updateChildOkrWeight)(data);
+
+            case 4:
+              result = _context2.sent;
+
+              if (result.Code !== 0) {
+                _toast["default"].Success("修改成功");
+
+                onOk();
+              } else {
+                _toast["default"].Error(result.Message);
+              }
+
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function postData() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var handleOk = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      var total, i, _childOkrs$i, pweight, isError;
+
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              total = 0;
+              i = 0;
+
+            case 2:
+              if (!(i < childOkrs.length)) {
+                _context3.next = 10;
+                break;
+              }
+
+              _childOkrs$i = childOkrs[i], pweight = _childOkrs$i.pweight, isError = _childOkrs$i.isError;
+
+              if (!isError) {
+                _context3.next = 6;
+                break;
+              }
+
+              return _context3.abrupt("return");
+
+            case 6:
+              total += Number(pweight);
+
+            case 7:
+              i++;
+              _context3.next = 2;
+              break;
+
+            case 10:
+              if (!(total > 100)) {
+                _context3.next = 13;
+                break;
+              }
+
+              _toast["default"].Error("权重合计需控制在100%");
+
+              return _context3.abrupt("return");
+
+            case 13:
+              if (!(total < 100)) {
+                _context3.next = 16;
+                break;
+              }
+
+              setShowDialogConfirm(true);
+              return _context3.abrupt("return");
+
+            case 16:
+              postData();
+
+            case 17:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function handleOk() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var onChangeHandler = function onChangeHandler(data) {
+    var workId = data.workId,
+        value = data.value,
+        isError = data.isError;
+    var newChildren = childOkrs.map(function (item) {
+      if (item.workId == workId) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          pweight: value,
+          isError: isError
+        });
+      } else {
+        return item;
+      }
+    });
+    setChildOkrs(newChildren);
+  };
+
+  var closeDialogConfirm = function closeDialogConfirm() {
+    return setShowDialogConfirm(false);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+    title: "子目标权重设置",
+    noHeadLine: true,
+    noFooterLine: true,
+    visible: visible,
+    width: 600,
+    onClose: onCancel,
+    onCancel: onCancel,
+    onOk: handleOk
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(precls, "__content")
+  }, childOkrs.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(precls, "__item"),
+      key: item.workId
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(precls, "__item-precls")
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(precls, "__item-name")
+    }, item.workName), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(precls, "__item-weight")
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(precls, "__item-weight-label")
+    }, "\u6743\u91CD"), /*#__PURE__*/_react["default"].createElement(_weightInput["default"], {
+      workId: item.workId,
+      value: item.pweight,
+      onChange: onChangeHandler
+    })));
+  }))), /*#__PURE__*/_react["default"].createElement(_dialogConfirm["default"], {
+    visible: showDialogConfirm,
+    type: "warning"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    type: "title"
+  }, "\u5F53\u524D\u5B50\u76EE\u6807\u6743\u91CD\u5408\u8BA1\u5C0F\u4E8E100%\uFF0C\u786E\u5B9A\u8981\u4FDD\u5B58\u5417\uFF1F"), /*#__PURE__*/_react["default"].createElement(CancelButton, {
+    type: "button",
+    onClick: closeDialogConfirm
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement(SureButton, {
+    type: "button",
+    onClick: postData
+  }, "\u786E\u5B9A")));
+};
+
+var _default = EditChildOkrWeight;
+exports["default"] = _default;

package/lib/components/okr-detail/components/okr-tree/tree-node/o-child-node/index.css

@@ -11,6 +11,11 @@
   float: right;
 }
 
+.tita-okrdt-tree__o-child-node-weight {
+  margin-right: 16px;
+  width: 60px;
+}
+
 .tita-okrdt-tree__o-child-node-h1 .okr-drawer-header__classify {
   vertical-align: sub;
 }
@@ -65,3 +70,83 @@
   color: #3f4755;
   line-height: 22px;
 }
+
+.child-okrs-weight__content {
+  padding: 10px 32px 8px;
+  min-height: 90px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.child-okrs-weight__item {
+  margin-bottom: 18px;
+  display: flex;
+}
+
+.child-okrs-weight__item:last-child {
+  margin-bottom: 0;
+}
+
+.child-okrs-weight__item-precls {
+  height: 24px;
+  width: 24px;
+  padding: 6px;
+  box-sizing: border-box;
+  background: rgba(40, 121, 255, 0.1);
+  border-radius: 12px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 8px;
+  cursor: pointer;
+  position: relative;
+}
+
+.child-okrs-weight__item-precls:before {
+  content: "";
+  width: 10px;
+  height: 8px;
+  border-radius: 50%;
+  border: 2px solid #2879ff;
+}
+
+.child-okrs-weight__item-name {
+  width: 360px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #3f4755;
+  margin-right: 26px;
+}
+
+.child-okrs-weight__item-weight {
+  display: flex;
+  flex: 1;
+}
+
+.child-okrs-weight__item-weight-label {
+  color: #89919f;
+  margin-right: 10px;
+}
+
+.child-okrs-weight__item-weight-content {
+  display: flex;
+  flex: 1;
+  border-bottom: 1px solid #e9ecf0;
+}
+
+.child-okrs-weight__item-weight-content--error {
+  border-color: #f05e5e;
+}
+
+.child-okrs-weight__item-weight-input {
+  flex: 1;
+  width: 50px;
+  border: none;
+}
+
+.child-okrs-weight__item-weight-suffix {
+  color: #89919f;
+}