@titaui/pc 1.11.18 → 1.11.21-beta.1

package/lib/pages/new-okr-list/header/operate-record.js

@@ -0,0 +1,124 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _popup = _interopRequireDefault(require("../../../components/popup"));
+
+var _getLocale = require("../../../utils/getLocale");
+
+var _precls = require("../precls");
+
+var _context = require("../context");
+
+var _common = require("./common");
+
+var _requestApi = require("../request-api");
+
+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 _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 OperateRecord = function OperateRecord(props) {
+  var _useState = (0, _react.useState)(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      showOperateRecord = _useState2[0],
+      setShowOperateRecord = _useState2[1];
+
+  var popupRef = (0, _react.useRef)();
+  var drawerRef = (0, _react.useRef)();
+  var userInfo = props.userInfo,
+      toUserId = props.toUserId,
+      relation = props.relation,
+      okrFeedParams = props.okrFeedParams;
+
+  var _useContext = (0, _react.useContext)(_context.Context),
+      OkrOperateRecordDrawer = _useContext.OkrOperateRecordDrawer,
+      annualNum = _useContext.annualNum,
+      cycleType = _useContext.cycleType,
+      yqmNum = _useContext.yqmNum;
+
+  var openOperateRecordPush = function openOperateRecordPush() {
+    popupRef.current && popupRef.current.close();
+    drawerRef.current && drawerRef.current.showOperateDrawerVisible();
+  };
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-record-popup")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-record-item"),
+    onClick: openOperateRecordPush
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-jinzhan-s"
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-record-item-content")
+  }, (0, _getLocale.getLocale)('Per_details_OperationRecord'))));
+
+  (0, _react.useEffect)(function () {
+    if (toUserId) {
+      (0, _requestApi.getOperateRecordAuth)(toUserId).then(function (res) {
+        setShowOperateRecord(res.Data.obj);
+      });
+    } else if (parseInt(cycleType) === -1) {
+      setShowOperateRecord(false);
+    } else {
+      setShowOperateRecord(true);
+    }
+  }, [toUserId, cycleType]);
+
+  if (showOperateRecord === false) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    ref: popupRef,
+    popup: popup,
+    popupAlign: {
+      offset: [0, 4]
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-record")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-more1"
+  }))), (toUserId !== undefined || relation === 1) && !!userInfo && /*#__PURE__*/_react["default"].createElement(OkrOperateRecordDrawer, {
+    ref: drawerRef,
+    userInfo: {
+      Id: userInfo.userId,
+      Name: userInfo.name,
+      Color: userInfo.avatar.color,
+      AvatarsUrl: userInfo.avatar.original,
+      Type: 1
+    },
+    okrCycle: "\u300C".concat((0, _common.formatPeriod)({
+      annualNum: annualNum,
+      cycleType: cycleType,
+      yqmNum: yqmNum
+    }), "\u300D"),
+    okrFeedParams: okrFeedParams
+  }));
+};
+
+var _default = OperateRecord;
+exports["default"] = _default;

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

@@ -85,7 +85,8 @@ var NewOkrList = function NewOkrList(props) {
   var OkrListCmp = props.OkrListCmp,
       OkrCommunicationPush = props.OkrCommunicationPush,
       Empty = props.Empty,
-      SetCycleModal = props.SetCycleModal;
+      SetCycleModal = props.SetCycleModal,
+      OkrOperateRecordDrawer = props.OkrOperateRecordDrawer;
   var useLocalStorage = new _localStorage.LocalStorage();
   var formFieldValues = useLocalStorage.getItem("okr-filter-values") || {
     targetType: "",
@@ -316,6 +317,7 @@ var NewOkrList = function NewOkrList(props) {
   return /*#__PURE__*/_react["default"].createElement(_context.Context.Provider, {
     value: _objectSpread({
       OkrCommunicationPush: OkrCommunicationPush,
+      OkrOperateRecordDrawer: OkrOperateRecordDrawer,
       relation: relation,
       departmentName: departmentName,
       departmentId: departmentId,

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

@@ -1,13 +1,19 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = require("../context");
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -31,8 +37,19 @@ function List(props) {
       refreshList = props.refreshList,
       replaceOkr = props.replaceOkr;
   var OkrListCmp = props.OkrListCmp;
+
+  var _useContext = (0, _react.useContext)(_context.Context),
+      annualNum = _useContext.annualNum,
+      cycleType = _useContext.cycleType,
+      yqmNum = _useContext.yqmNum;
+
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(OkrListCmp, {
     okrData: okrs,
+    cycle: {
+      annualNum: annualNum,
+      cycleType: cycleType,
+      yqmNum: yqmNum
+    },
     addOkr: function addOkr(okr) {
       setOkrs([].concat(_toConsumableArray(okrs), [okr]));
     },

package/lib/pages/new-okr-list/request-api.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.visitOkrCyclePag = exports.okrSearch = exports.okrList = exports.okrCrowd = exports.getUserInfoById = exports.getOkrInfoWithListData = exports.getCycleSetting = void 0;
+exports.visitOkrCyclePag = exports.okrSearch = exports.okrList = exports.okrCrowd = exports.getUserInfoById = exports.getOperateRecordAuth = exports.getOkrInfoWithListData = exports.getCycleSetting = void 0;
 
 var _request = require("../../utils/request");
 
@@ -224,4 +224,10 @@ var getCycleSetting = /*#__PURE__*/function () {
   };
 }();
 
-exports.getCycleSetting = getCycleSetting;
+exports.getCycleSetting = getCycleSetting;
+
+var getOperateRecordAuth = function getOperateRecordAuth(toUserId) {
+  return (0, _request.rget)('v1')("okr/cycleComment/checkRole?touser_id=".concat(toUserId));
+};
+
+exports.getOperateRecordAuth = getOperateRecordAuth;

package/lib/pages/okr-map/export-modules/okr-map/header/index.css

@@ -159,7 +159,7 @@
   background: #ffffff;
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
   border: 1px solid #e9ecf0;
-  border-radius: 2px;
+  border-radius: 12px;
 }
 
 .titapage-okr-map__dark .titapage-okr-map__content-search:before {

package/lib/pages/okr-map/export-modules/okr-map/header/index.js

@@ -107,7 +107,7 @@ function _default(props) {
   var onConfirmHandler = function onConfirmHandler(checked) {
     onShowKrClick(checked);
 
-    if (showCardKr) {
+    if (showCardKr && checked) {
       _toast["default"].Warning('仅允许开启一项');
 
       onShowCardKr(false);
@@ -117,7 +117,7 @@ function _default(props) {
   var onhandleShowCardKr = function onhandleShowCardKr(checked) {
     onShowCardKr(checked);
 
-    if (showkr) {
+    if (showkr && checked) {
       _toast["default"].Warning('仅允许开启一项');
 
       onShowKrClick(false);

package/lib/pages/okr-map/export-modules/share-okr-page/header/index.css

@@ -4,6 +4,7 @@
   align-items: center;
   padding-left: 25px;
   box-sizing: border-box;
+  border-radius: 12px;
   height: 76px;
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px #e9eef3;
@@ -23,18 +24,6 @@
   line-height: 28px;
 }
 
-.titapage-okr-map-share-okr__header-title:after {
-  display: inline-block;
-  position: absolute;
-  content: '';
-  right: 0;
-  top: 0;
-  background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #bfc7d5 50%, rgba(191, 199, 213, 0) 100%);
-  border-radius: 1px;
-  width: 1px;
-  height: 100%;
-}
-
 .titapage-okr-map-share-okr__header-dark {
   display: inline-block;
   position: absolute;
@@ -71,6 +60,29 @@
   right: 25px;
 }
 
+.titapage-okr-map-share-okr__header-showMore {
+  box-sizing: border-box;
+  position: absolute;
+  right: 110px;
+  padding: 0 12px;
+  height: 30px;
+  line-height: 30px;
+  cursor: pointer;
+  color: #3f4755;
+  font-size: 12px;
+}
+
+.titapage-okr-map-share-okr__header-showMore::after {
+  position: absolute;
+  display: inline-block;
+  background: url("../../../images/line-down-arrow.svg") transparent no-repeat 50% 50%;
+  content: '';
+  height: 6px;
+  width: 10px;
+  right: 0;
+  top: calc(50% - 3px);
+}
+
 .titapage-okr-map__dark .titapage-okr-map-share-okr__header {
   background: #3f4755;
   box-shadow: none;

package/lib/pages/okr-map/export-modules/share-okr-page/header/index.js

@@ -17,6 +17,10 @@ var _switch = _interopRequireDefault(require("../../../../../components/switch")
 
 var _getLocale = require("../../../../../utils/getLocale");
 
+var _popup = _interopRequireDefault(require("../../../../../components/popup"));
+
+var _toast = _interopRequireDefault(require("../../../../../components/toast"));
+
 var _precls = _interopRequireDefault(require("../../../precls"));
 
 require("./index.css");
@@ -31,6 +35,8 @@ function _default(props) {
   var setDarkTheme = props.setDarkTheme,
       darkTheme = props.darkTheme,
       showkr = props.showkr,
+      showCardKr = props.showCardKr,
+      setShowCardKr = props.setShowCardKr,
       setShowKr = props.setShowKr,
       setDirection = props.setDirection,
       onBtnClick = props.onBtnClick,
@@ -46,24 +52,58 @@ function _default(props) {
     placement: "topRight",
     rotate: direction == "horizontal" ? 0 : -90,
     type: direction == "horizontal" ? "vertical" : "horizontal"
-  } // { icon: direction == "horizontal" ? "vertical" : "horizontal", overlay: direction == "horizontal" ? `${getLocale("OKR_Ali_Butt_Toggleportrait")}` : `${getLocale("OKR_Ali_Butt_Togglelandscape")}` },
-  ]; // 获取地图数据
+  }]; // 获取地图数据
 
   (0, _react.useEffect)(function () {// ...
   }, []);
+
+  var onhandleShowCardKr = function onhandleShowCardKr(checked) {
+    if (showkr && checked) {
+      setShowKr(false);
+
+      _toast["default"].Warning('仅允许开启一项');
+    }
+
+    setShowCardKr(checked);
+  };
+
+  var onConfirmHandler = function onConfirmHandler(checked) {
+    if (showCardKr && checked) {
+      setShowCardKr(false);
+
+      _toast["default"].Warning('仅允许开启一项');
+    }
+
+    setShowKr(checked);
+  };
+
+  var popup = function popup() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__show-more-popup"))
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__header-action-showkr"))
+    }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+      label: (0, _getLocale.getLocale)("OKR_Db_KRDetails"),
+      checked: showCardKr,
+      onChange: onhandleShowCardKr
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__header-action-showkr"))
+    }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+      label: (0, _getLocale.getLocale)("OKR_Ali_Butt_ExhibitionKRs"),
+      checked: showkr,
+      onChange: onConfirmHandler
+    })));
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header-title"))
-  }, (0, _getLocale.getLocale)("OKR_Menu_Title_Alignment")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header-showkr"))
-  }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
-    label: (0, _getLocale.getLocale)("OKR_Ali_Butt_ExhibitionKRs"),
-    checked: showkr,
-    onChange: function onChange(checked) {
-      return setShowKr(checked);
-    }
-  })), /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _getLocale.getLocale)("OKR_Menu_Title_Alignment")), /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    popup: popup
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header-showMore"))
+  }, (0, _getLocale.getLocale)("OKR_Ali_Butt_Exhibitionmore"))), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "-share-okr__header-direction"))
   }, /*#__PURE__*/_react["default"].createElement(_iconButtonList["default"], {
     items: iconButtons,

package/lib/pages/okr-map/export-modules/share-okr-page/share-okr-map.js

@@ -83,25 +83,30 @@ function _default() {
       showkr = _useState8[0],
       setShowKr = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(hashQuery.darkTheme),
+  var _useState9 = (0, _react.useState)(hashQuery.showCardKr),
       _useState10 = _slicedToArray(_useState9, 2),
-      darkTheme = _useState10[0],
-      setDarkTheme = _useState10[1];
+      showCardKr = _useState10[0],
+      setShowCardKr = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(hashQuery.direction),
+  var _useState11 = (0, _react.useState)(hashQuery.darkTheme),
       _useState12 = _slicedToArray(_useState11, 2),
-      direction = _useState12[0],
-      setDirection = _useState12[1];
+      darkTheme = _useState12[0],
+      setDarkTheme = _useState12[1];
 
-  var _useState13 = (0, _react.useState)(hashQuery.rootNode),
+  var _useState13 = (0, _react.useState)(hashQuery.direction),
       _useState14 = _slicedToArray(_useState13, 2),
-      rootNode = _useState14[0],
-      setRootNode = _useState14[1];
+      direction = _useState14[0],
+      setDirection = _useState14[1];
 
-  var _useState15 = (0, _react.useState)(false),
+  var _useState15 = (0, _react.useState)(hashQuery.rootNode),
       _useState16 = _slicedToArray(_useState15, 2),
-      forceRender = _useState16[0],
-      setForceRender = _useState16[1];
+      rootNode = _useState16[0],
+      setRootNode = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      forceRender = _useState18[0],
+      setForceRender = _useState18[1];
 
   var okrMapRef = (0, _react.useRef)();
 
@@ -144,9 +149,11 @@ function _default() {
       className: (0, _classnames["default"])(_precls["default"], "".concat(_precls["default"], "-share"))
     }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
       showkr: showkr,
+      showCardKr: showCardKr,
       darkTheme: darkTheme,
       direction: direction,
       setShowKr: setShowKr,
+      setShowCardKr: setShowCardKr,
       setDirection: setDirection,
       onBtnClick: onMapActionsHandler,
       setDarkTheme: setDarkTheme
@@ -158,6 +165,7 @@ function _default() {
         ref: okrMapRef,
         searchType: searchType,
         showkr: showkr,
+        showCardKr: showCardKr,
         direction: direction,
         darkTheme: darkTheme
       }, period, rootNode, {

package/lib/utils/format-time.js

@@ -167,5 +167,12 @@ var showNextMonthFirstDay = function showNextMonthFirstDay() {
 };
 
 exports.showNextMonthFirstDay = showNextMonthFirstDay;
-var _default = getTimeString;
+var _default = {
+  getTimeString: getTimeString,
+  timeFormat: timeFormat,
+  showWeekFirstDay: showWeekFirstDay,
+  showMonthFirstDay: showMonthFirstDay,
+  showNextWeekFirstDay: showNextWeekFirstDay,
+  showNextMonthFirstDay: showNextMonthFirstDay
+};
 exports["default"] = _default;

package/lib/utils/open-data.js

@@ -356,6 +356,10 @@ exports.parseHtmlAndTextTag = parseHtmlAndTextTag;
 var _default = {
   OpenUserName: OpenUserName,
   OpenDepartmentName: OpenDepartmentName,
-  isWechat: isWechat
+  isWechat: isWechat,
+  isPlatform: isPlatform,
+  parseString: parseString,
+  parseTag: parseTag,
+  parseHtmlAndTextTag: parseHtmlAndTextTag
 };
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.11.18",
+  "version": "1.11.21-beta.1",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",
@@ -90,6 +90,7 @@
     "color": "4.2.1",
     "cos-js-sdk-v5": "1.3.3",
     "dayjs": "1.10.4",
+    "easy-bem": "^1.1.1",
     "html2canvas": "1.3.2",
     "less": "4.1.2",
     "less-loader": "6.0.0",