@titaui/pc 1.15.45 → 1.15.46

package/lib/components/okr-excel/index.js

@@ -37,18 +37,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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(); }
-
-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 defaultColumnOption = {
   resizable: true,
   editable: false
@@ -70,15 +58,6 @@ var App = function App(_ref2) {
   var showCycle = _ref2.showCycle,
       data = _ref2.data,
       onRefresh = _ref2.onRefresh;
-
-  var _useState = (0, _react.useState)(data),
-      _useState2 = _slicedToArray(_useState, 2),
-      selfData = _useState2[0],
-      setSelfData = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setSelfData(data);
-  }, [data]);
   var dicData = (0, _hooks.dic)();
 
   var _useOkrColumns = (0, _hooks.useOkrColumns)([_objectSpread(_objectSpread(_objectSpread({}, defaultColumnOption), defaultSpanOption), {}, {
@@ -201,7 +180,7 @@ var App = function App(_ref2) {
     enableRangeSelection: true,
     domLayout: "autoHeight",
     getRowId: getRowId,
-    rowData: selfData,
+    rowData: data,
     columnDefs: columnDefs,
     detailRowAutoHeight: true,
     onColumnMoved: onColumnMovedHandler,

package/lib/components/okr-excel/renders.js

@@ -118,6 +118,8 @@ exports.OkrNameRenderer = OkrNameRenderer;
 
 var krNameRenderer = function krNameRenderer(onRefresh) {
   return function (params) {
+    if (!params.data.Kr) return '';
+
     var onOpendrawer = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -200,6 +202,7 @@ exports.EObjType = EObjType;
 
 var KrProgressRenderer = function KrProgressRenderer(_ref4) {
   var data = _ref4.data;
+  if (!data.Kr) return '';
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__okr-progress")
   }, /*#__PURE__*/_react["default"].createElement(_okrProgress["default"], {
@@ -212,10 +215,10 @@ exports.KrProgressRenderer = KrProgressRenderer;
 
 var ConfidenceRenderer = function ConfidenceRenderer(_ref5) {
   var data = _ref5.data;
-  return data.Kr.confidenceIndex && /*#__PURE__*/_react["default"].createElement(_newConfidence["default"], {
+  return data.Kr && data.Kr.confidenceIndex ? /*#__PURE__*/_react["default"].createElement(_newConfidence["default"], {
     value: data.Kr.confidenceIndex,
     editable: false
-  }) || '';
+  }) : '';
 };
 
 exports.ConfidenceRenderer = ConfidenceRenderer;
@@ -224,7 +227,7 @@ var krWeightRenderer = function krWeightRenderer(_ref6) {
   var value = _ref6.value;
   return /*#__PURE__*/_react["default"].createElement("p", {
     className: "".concat(preCls, "__kr-weight")
-  }, "".concat(value, "%"));
+  }, value && "".concat(value, "%"));
 };
 
 exports.krWeightRenderer = krWeightRenderer;
@@ -234,7 +237,7 @@ var krUserRenderer = function krUserRenderer(_ref7) {
 
   var value = _ref7.value,
       data = _ref7.data;
-  if (!data.Kr.user) return '';
+  if (!data.Kr || !data.Kr.user) return '';
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__kr-user")
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {

package/lib/components/popup-select/index.css

@@ -49,6 +49,7 @@
   width: 100%;
   align-items: center;
   justify-content: space-between;
+  white-space: nowrap;
 }
 
 .titaui-popup-select__checkbox-icon {

package/lib/pages/new-okr-list/header/index.css

@@ -7,6 +7,12 @@
   margin-left: 5px;
 }
 
+.tita-okr-list-v2__table-tip {
+  color: #fff;
+  font-size: 14px;
+  line-height: 22px;
+}
+
 .tita-okr-list-v2__header {
   display: flex;
   margin-bottom: 16px;

package/lib/pages/new-okr-list/header/index.js

@@ -39,6 +39,8 @@ var _getLocale = require("../../../utils/getLocale");
 
 var _popupSelect = _interopRequireDefault(require("../../../components/popup-select"));
 
+var _guideTip = _interopRequireDefault(require("../../../components/guide-tip"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -85,10 +87,38 @@ var viewConfig = function viewConfig() {
   };
 };
 
-var isSelfTenant = function isSelfTenant() {
-  return ['352728', '564003', '511477', '596303', // 正式环境
-  '500019', '500017', '500011', '500036' // 测试环境
-  ].includes(String((0, _bsGlobal.getBSGlobal)('tenantInfo').Id));
+var getTableTip = function getTableTip() {
+  return !localStorage.getItem("OkrTableTypeTip_".concat(window.BSGlobal.loginUserInfo.Id));
+};
+
+var setTableTip = function setTableTip() {
+  localStorage.setItem("OkrTableTypeTip_".concat(window.BSGlobal.loginUserInfo.Id), 'true');
+};
+
+var getViewTypeMenuData = function getViewTypeMenuData(relationShip) {
+  return [{
+    label: /*#__PURE__*/_react["default"].createElement("p", {
+      className: "".concat(_precls.precls, "__view-tyoe-list-item")
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-pc-card-s"
+    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('Pro_Butt_Card'))),
+    value: 'card'
+  }, {
+    label: /*#__PURE__*/_react["default"].createElement("p", {
+      className: "".concat(_precls.precls, "__view-tyoe-list-item")
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-pc-table-s"
+    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_KRP_Table'))),
+    value: 'table'
+  }, {
+    label: /*#__PURE__*/_react["default"].createElement("p", {
+      className: "".concat(_precls.precls, "__view-tyoe-list-item")
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "tu-icon-yangshi-ditu"
+    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Text_Alignment'))),
+    value: 'map',
+    visible: relationShip === 1
+  }];
 };
 
 function Header(props, ref) {
@@ -118,55 +148,29 @@ function Header(props, ref) {
       viewType = _useState4[0],
       setViewType = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(isSelfTenant() ? [{
-    label: /*#__PURE__*/_react["default"].createElement("p", {
-      className: "".concat(_precls.precls, "__view-tyoe-list-item")
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-pc-card-s"
-    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('Pro_Butt_Card'))),
-    value: 'card'
-  }, {
-    label: /*#__PURE__*/_react["default"].createElement("p", {
-      className: "".concat(_precls.precls, "__view-tyoe-list-item")
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-pc-table-s"
-    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_KRP_Table'))),
-    value: 'table'
-  }, {
-    label: /*#__PURE__*/_react["default"].createElement("p", {
-      className: "".concat(_precls.precls, "__view-tyoe-list-item")
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-yangshi-ditu"
-    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Text_Alignment'))),
-    value: 'map'
-  }] : [{
-    label: /*#__PURE__*/_react["default"].createElement("p", {
-      className: "".concat(_precls.precls, "__view-tyoe-list-item")
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-pc-card-s"
-    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('Pro_Butt_Card'))),
-    value: 'card'
-  }, {
-    label: /*#__PURE__*/_react["default"].createElement("p", {
-      className: "".concat(_precls.precls, "__view-tyoe-list-item")
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-yangshi-ditu"
-    }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Text_Alignment'))),
-    value: 'map'
-  }]),
-      _useState6 = _slicedToArray(_useState5, 1),
-      viewTypeMenuData = _useState6[0];
+  var _useState5 = (0, _react.useState)(getViewTypeMenuData(relationShip)),
+      _useState6 = _slicedToArray(_useState5, 2),
+      viewTypeMenuData = _useState6[0],
+      setViewTypeMenuData = _useState6[1];
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
       init = _useState8[0],
       setInit = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(),
+  var _useState9 = (0, _react.useState)(getTableTip()),
       _useState10 = _slicedToArray(_useState9, 2),
-      userInfo = _useState10[0],
-      setUserInfo = _useState10[1];
+      showTableTip = _useState10[0],
+      setShowTableTip = _useState10[1];
 
+  var _useState11 = (0, _react.useState)(),
+      _useState12 = _slicedToArray(_useState11, 2),
+      userInfo = _useState12[0],
+      setUserInfo = _useState12[1];
+
+  (0, _react.useEffect)(function () {
+    setViewTypeMenuData(getViewTypeMenuData(relationShip));
+  }, [relationShip]);
   (0, _react.useEffect)(function () {
     if (toUserId !== undefined || relationShip === 1) {
       var userId = toUserId;
@@ -288,6 +292,10 @@ function Header(props, ref) {
     if (onChangeViewType) onChangeViewType(type);
   }, [onChangeViewType]);
   var viewInfo = viewConfig()[viewType];
+  var onHideTableTip = (0, _react.useCallback)(function () {
+    setTableTip();
+    setShowTableTip(false);
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(_precls.precls, "__header")
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -300,21 +308,29 @@ function Header(props, ref) {
     className: "".concat(_precls.precls, "__header-item")
   }, /*#__PURE__*/_react["default"].createElement(_keywordSearch["default"], {
     onSearch: onSearch
-  })), relationShip !== 2 && relationShip !== 3 &&
+  })), ![2, 3].includes(relationShip) &&
   /*#__PURE__*/
   // 我关注的 我参与的 没有创建按钮
-  _react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+  _react["default"].createElement("div", {
     className: "".concat(_precls.precls, "__header-item")
   }, /*#__PURE__*/_react["default"].createElement(_createOkr["default"], {
     ref: createOkrRef,
     onFrontAddOKR: onFrontAddOKR
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(_precls.precls, "__header-item")
+  }, /*#__PURE__*/_react["default"].createElement(_guideTip["default"], {
+    visible: showTableTip,
+    content: /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(_precls.precls, "__table-tip")
+    }, "\u65B0\u589E OKR \u8868\u683C\u67E5\u770B\u6A21\u5F0F\uFF0C\u67E5\u770B\u66F4\u4FBF\u6377\uFF0C\u5207\u6362\u4F53\u9A8C\u4E00\u4E0B"),
+    onClickClose: setTableTip,
+    popupPlacement: "bottom"
   }, /*#__PURE__*/_react["default"].createElement(_popupSelect["default"], {
     menuData: viewTypeMenuData,
     popupPlacement: "bottom",
     action: "click",
-    onChange: onChangeViewTypeHandler
+    onChange: onChangeViewTypeHandler,
+    onVisableChange: onHideTableTip
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     overlay: viewInfo.title,
     placement: "top"

package/lib/pages/new-okr-list/index.css

@@ -1,4 +1,5 @@
 .tita-okr-list-v2 {
+  position: relative;
   height: calc(100% - 20px);
   overflow-y: scroll;
   margin-right: -16px;
@@ -10,11 +11,15 @@
 }
 
 .tita-okr-list-v2__loading {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
   height: 32px;
   width: 80px;
   background: url("./img/loading.gif") no-repeat;
   background-size: contain;
   margin: 200px auto;
+  z-index: 3;
 }
 
 .tita-okr-list-v2 .okr-list__empty-tip > img {

package/lib/pages/new-okr-list/index.js

@@ -86,7 +86,15 @@ var cacheViewType = localStorage.getItem('cacheViewType');
 function getOkrExcelData(okrData) {
   var okrExcelData = [];
   okrData.forEach(function (okrInfo) {
+    if (!okrInfo.Krs || !okrInfo.Krs.length) {
+      okrExcelData.push(_objectSpread({}, okrInfo));
+      return;
+    }
+
     okrInfo.Krs.forEach(function (kr, i) {
+      // 过滤目标下的其他执行（默认分组）
+      if (kr.mileStoneId === 0) return;
+
       var data = _objectSpread(_objectSpread({}, i === 0 ? okrInfo : {}), {}, {
         feedId: okrInfo.feedId,
         Kr: _objectSpread(_objectSpread({}, kr), {}, {
@@ -400,7 +408,7 @@ var NewOkrList = function NewOkrList(props) {
     pageSize: pageSize,
     current: pageNum,
     size: "sm"
-  }))), okrs.length === 0 && /*#__PURE__*/_react["default"].createElement(Empty, {
+  }))), !loading && okrs.length === 0 && /*#__PURE__*/_react["default"].createElement(Empty, {
     openCreate: function openCreate() {
       return openCreateModal();
     },

package/lib/pages/new-okr-list/loading.js

@@ -16,10 +16,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 function Loading(_ref) {
   var children = _ref.children,
       loading = _ref.loading;
-  if (!loading) return children;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children, loading && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(_precls.precls, "__loading")
-  });
+  }));
 }
 
 var _default = Loading;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.15.45",
+  "version": "1.15.46",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",