@titaui/pc 1.7.29 → 1.7.33

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

@@ -0,0 +1,171 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _shareDialog = _interopRequireDefault(require("../../share-dialog"));
+
+var _header = _interopRequireDefault(require("./header"));
+
+var _level2Search = _interopRequireDefault(require("../../level2-search"));
+
+var _precls = _interopRequireDefault(require("../../precls"));
+
+var _noOkr = _interopRequireDefault(require("../../no-okr"));
+
+var _requestApis = require("../../request-apis");
+
+var _utils = require("../../utils");
+
+var _unsupportIe = _interopRequireDefault(require("../../unsupport-ie"));
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 _default = function _default() {
+  var _useState = (0, _react.useState)(function () {
+    var hashQuery = {};
+    var urlHash = decodeURIComponent(window.location.hash);
+    var hashQueryStr = urlHash.split('?')[1];
+    hashQueryStr.split('&').forEach(function (it) {
+      var _it$split = it.split('='),
+          _it$split2 = _slicedToArray(_it$split, 2),
+          key = _it$split2[0],
+          value = _it$split2[1];
+
+      if (key == 'level2Selected' || key == 'period' || key == 'rootNode') hashQuery[key] = JSON.parse(value);else if (key == 'showkr' || key == 'darkTheme') hashQuery[key] = value == 'true' ? true : false;else hashQuery[key] = value;
+    });
+    return hashQuery;
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      hashQuery = _useState2[0];
+
+  var _useState3 = (0, _react.useState)(hashQuery.searchType),
+      _useState4 = _slicedToArray(_useState3, 1),
+      searchType = _useState4[0];
+
+  var _useState5 = (0, _react.useState)(hashQuery.period),
+      _useState6 = _slicedToArray(_useState5, 2),
+      period = _useState6[0],
+      setPeriod = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(hashQuery.showkr),
+      _useState8 = _slicedToArray(_useState7, 2),
+      showkr = _useState8[0],
+      setShowKr = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(hashQuery.darkTheme),
+      _useState10 = _slicedToArray(_useState9, 2),
+      darkTheme = _useState10[0],
+      setDarkTheme = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(hashQuery.direction),
+      _useState12 = _slicedToArray(_useState11, 2),
+      direction = _useState12[0],
+      setDirection = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(hashQuery.rootNode),
+      _useState14 = _slicedToArray(_useState13, 2),
+      rootNode = _useState14[0],
+      setRootNode = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      forceRender = _useState16[0],
+      setForceRender = _useState16[1];
+
+  var okrMapRef = (0, _react.useRef)();
+
+  var onMapActionsHandler = function onMapActionsHandler(iconType) {
+    switch (iconType) {
+      case 'export':
+        exportCurrentFlow();
+        break;
+
+      case 'horizontal':
+        setDirection(iconType);
+        setForceRender(true);
+        setTimeout(function () {
+          return setForceRender(false);
+        }, 100);
+        break;
+
+      case 'vertical':
+        setDirection(iconType);
+        setForceRender(true);
+        setTimeout(function () {
+          return setForceRender(false);
+        }, 100);
+        break;
+
+      default:
+        break;
+    }
+  }; // 导出图片
+
+
+  var exportCurrentFlow = function exportCurrentFlow() {
+    okrMapRef.current.exportCurrentFlow();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_unsupportIe["default"], null, function (OkrSearchPanel) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])(_defineProperty({}, "".concat(_precls["default"], "__dark"), darkTheme))
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])(_precls["default"], "".concat(_precls["default"], "-share"))
+    }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
+      showkr: showkr,
+      darkTheme: darkTheme,
+      direction: direction,
+      setShowKr: setShowKr,
+      setDirection: setDirection,
+      onBtnClick: onMapActionsHandler,
+      setDarkTheme: setDarkTheme
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(_precls["default"], "__content"))
+    }, function () {
+      if (forceRender) return /*#__PURE__*/_react["default"].createElement("span", null);else {
+        return /*#__PURE__*/_react["default"].createElement(OkrSearchPanel, _extends({
+          ref: okrMapRef,
+          searchType: searchType,
+          showkr: showkr,
+          direction: direction,
+          darkTheme: darkTheme
+        }, period, rootNode, {
+          okrType: _utils.OkrTypeSetting ? _utils.okrTypeMap[searchType] : ''
+        }));
+      }
+    }())));
+  });
+};
+
+exports["default"] = _default;

package/lib/utils/error-level.js

@@ -3,13 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ERROR_LEVEL = void 0;
+exports["default"] = void 0;
 var ERROR_LEVEL;
-exports.ERROR_LEVEL = ERROR_LEVEL;
 
 (function (ERROR_LEVEL) {
   ERROR_LEVEL[ERROR_LEVEL["P0"] = 0] = "P0";
   ERROR_LEVEL[ERROR_LEVEL["P1"] = 1] = "P1";
   ERROR_LEVEL[ERROR_LEVEL["P2"] = 2] = "P2";
   ERROR_LEVEL[ERROR_LEVEL["P3"] = 3] = "P3";
-})(ERROR_LEVEL || (exports.ERROR_LEVEL = ERROR_LEVEL = {}));
+})(ERROR_LEVEL || (ERROR_LEVEL = {}));
+
+var _default = ERROR_LEVEL;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.7.29",
+  "version": "1.7.33",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/create-okr-modal/createCycle.tsx

@@ -53,7 +53,7 @@ function CreateCycle({ cycle, container, onChange }: Props): ReactElement {
     setSelfCycle({
       ...selfCycle,
       ...c,
-      ...PeriodSelector.getDateRangeByCycle(c as any)
+      ...PeriodSelector.getDateRangeByCycle(c as any,cycleSetting?.yearStartMonth)
     } as any);
   }
 

package/src/components/nav-top/components/user-message/components/inform/inform-item.tsx

@@ -48,10 +48,13 @@ const Inform = (props) => {
 		if (!isMessageMerging) {
 			if (messageType === informType.details) {
 				window.open(`${apiServer}/u/${userId}/Home#more/taskinfo?Id=${item.objId}`, '_blank');
+        return;
 			} else if (item.objId && objType !== 8) {
 				window.open(`${apiServer}/u/${userId}/Home#work?work_id=${item.objId}`);
+        return;
 			} else if (messageType === informType.todayJob) {
 				window.open(`${apiServer}/u/${userId}/Home#plan?tag_id=0&tag_type=0&filter=1`);
+        return;
 			} else if (messageType === informType.daily) {
 				const str = item.content.slice(0, 18);
 				const Year = str.slice(4, 8);
@@ -81,22 +84,33 @@ const Inform = (props) => {
 							Month
 						) + 1}&dailyType=1`
 					);
+          return;
 				} else if (str.indexOf('月报') !== -1) {
 					window.open(
 						`${apiServer}/u/${userId}/Home#/daily?to_user_id=${userId}&group_id=9&tag_type=1&date=${Year}/${Month}/01&tag_id=${parseInt(
 							Month
 						) + 1}&dailyType=3`
 					);
+          return;
 				} else {
 					window.open(
 						`${apiServer}/u/${userId}/Home#/daily?to_user_id=${userId}&group_id=9&tag_type=1&date=${Year}/${Month}/${parseInt(
 							Week
 						) * 7}&tag_id=${parseInt(Month) + 1}&dailyType=2`
 					);
+          return;
 				}
 			} else if (item.objUrl) {
 				window.open(item.objUrl);
-			} else {
+        return;
+			} else if (item.objType === informType.Okr) {
+        let url = item.content.match(/(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*))/g);
+        window.open(url, '_blank');
+        return;
+      } else if(item.objType === informType.okrRemind) {
+        window.open(`${apiServer}/u/${userId}/Home#/work?iTalentNavCode=tita-work&work_id=${objId}`);
+        return;
+      } else {
 				const reg = /href='.*?(?=')/g;
 				let url = '';
 				item.content.replace(reg, ($0) => {
@@ -104,9 +118,11 @@ const Inform = (props) => {
 				})
 				if(url) {
 					window.open(url, '_blank');
+          return;
 				}
 			}
 		}
+		
 		let type = 'eReport'; // E-周报提醒消息合并
 		if (messageType == '83') {
 			// 项目，目标进展提醒消息合并

package/src/components/nav-top/components/user-message/constant.ts

@@ -15,6 +15,8 @@ export const informType = {
   "details": 69, //查看详情
   "daily": 55, //日报月报周报
   "todayJob": 81, //进入今日工作
+  "Okr": 0, //Okr
+  "okrRemind": 4
 };
 
 export enum EObjType {
@@ -26,4 +28,5 @@ export enum EObjType {
   MileStone = 27, // 里程碑
   KanBan = 66, // 看板
   Remind = 8,//提醒
+  
 }

package/src/components/weekly-report/board.tsx

@@ -7,7 +7,9 @@ const preCls = 'weekly-report-card-board'
 
 function Board({percent}: Props): ReactElement {
   return (
+    <div style={{position:'relative',paddingBottom:1}}>
     <div className={preCls}>
+      <div className={preCls+'__cover'}/>
       <div className={preCls+'__done'}>
         <div className={preCls+'__undone'}style={{transform:`rotate(${percent/100 * 180}deg)`}}/>
         <div className={preCls+'__space'} style={{transform:'rotate(45deg)'}}/>
@@ -18,6 +20,9 @@ function Board({percent}: Props): ReactElement {
       <div className={preCls+'__center'}>
         <div>{percent}%</div>
       </div>
+      
+    </div>
+    <div className={preCls+'__cover--bottom'}/>
     </div>
   )
 }

package/src/components/weekly-report/card.tsx

@@ -117,11 +117,11 @@ function Card({data}: Props, ref): ReactElement {
       <img className={preCls + "__laba"} src={require("./img/laba.png")} />
       <img className={preCls + "__bofang"} src={require("./img/bofang.png")} />
       <div className={preCls + "__avatar"}>
-          <img src={avatarSrc} />
+          {!!avatarSrc && <img src={avatarSrc} />}
         </div>
       <div className={preCls + "__body"}>
        
-        <img className={preCls + "__userName"} src={nameSrc} />
+         <img className={preCls + "__userName"} src={nameSrc} style={{opacity:nameSrc ? 1:0}}/>
         <img
           className={preCls + "__quote"}
           src={require("./img/quote.png")}
@@ -132,17 +132,17 @@ function Card({data}: Props, ref): ReactElement {
         </div>
         <Board percent={Number(data.Complete)} />
         <div className={preCls + "__comparison"}>
-          {
-            data.Increase != '0' ? <>
+         
             OKR 完成度
-            <img
-              className={preCls + "__direction"}
-              src={Number( data.Increase) > 0 ? require("./img/up.png") : require('./img/down.png')}
-              alt=""
-            />
-            <span style={{ color: Number( data.Increase) > 0 ? "#4DC591" : '#F05E5E'}}>{Math.abs(Number(data.Increase))}%</span>
-            </> : ''
-          }
+           {
+             data.Increase != '0' ? <> <img
+             className={preCls + "__direction"}
+             src={Number( data.Increase) > 0 ? require("./img/up.png") : require('./img/down.png')}
+             alt=""
+           />
+           <span style={{ color: Number( data.Increase) > 0 ? "#4DC591" : '#F05E5E'}}>{Math.abs(Number(data.Increase))}%</span></> : ''
+           }
+          
         </div>
         <div className={preCls + "__colleague"}>
           {data.PromptLanguage}

package/src/components/weekly-report/index.scss

@@ -7,11 +7,11 @@
   &-wrapper {
     overflow: hidden;
     width: 336px;
-    height: 548px;
+    height: 534px;
     border-radius: 24px;
     .weekly-report-card-content {
       position: relative;
-      top: -66px;
+      top: -52px;
       left: -20px;
       transform: scale(0.9);
     }
@@ -31,7 +31,7 @@
     align-items: center;
     width: 375px;
     height: 710px;
-    background: linear-gradient(180deg, #B7D5FF 0%, #186FFF 100%);
+    background: linear-gradient(180deg, #B7D5FF 0%, #186FFF 50%);
   }
   &__title {
     width: 220px;
@@ -51,13 +51,14 @@
     flex-direction: column;
     align-items: center;
     width: 335px;
-    height: 452px;
+    height: 422px;
     background: transparent;
     padding-top: 55px;
     border-radius: 12px;
     background-image: url('./img/body.png');
     background-size: 100% 100%;
     background-position-y: -1px;
+    box-sizing: content-box;
   }
   &__avatar {
     position: absolute;
@@ -117,16 +118,18 @@
     position: relative;
     &__done {
       position: absolute;
-      width: 154px;
-      height: 154px;
+      width: 150px;
+      height: 150px;
       border-radius: 50%;
-      background: linear-gradient(360deg, #2879FF 0%, #5B8FF9 50%);
+      background: linear-gradient(90deg, #2879FF 0%, #5B8FF9 50%);
       overflow: hidden;
+      top: 2px;
+      left: 2px;
     }
     &__undone {
       position: absolute;
-      left: -3px;
-      bottom: 50%;
+      left: -5px;
+      bottom: 75px;
       width: 160px;
       height: 80px;
       background-color: rgb(234, 241, 254);
@@ -134,6 +137,24 @@
       transform: rotate(90deg);
       // background: radial-gradient(at bottom center,rgb(234, 241, 254) 0,rgb(234, 241, 254) 77px,transparent 77px);
     }
+    &__cover {
+      width: 154px;
+      height: 154px;
+      position: absolute;
+      border-radius: 50%;
+      box-sizing: border-box;
+      border: 2px solid #fff;
+      z-index: 10;
+    }
+    &__cover--bottom {
+      width: 154px;
+      height: 2px;
+      position: absolute;
+      bottom: 0;
+      box-sizing: border-box;
+      background-color: #FFF;
+      z-index: 10;
+    }
     &__space {
       position: absolute;
       width: 2px;
@@ -212,7 +233,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-top: 29px;
+    margin-top: 18px;
     
     &__item {
       position: relative;
@@ -261,15 +282,15 @@
   }
   &__laba {
     position: absolute;
-    left: 0;
-    top: 118px;
+    left: 6px;
+    top: 108px;
     width: 94px;
     height: 65px;
   }
   &__bofang {
     position: absolute;
-    right: 0;
-    top: 130px;
+    right: 4px;
+    top: 124px;
     width: 62px;
     height: 66px;
     z-index: 1;
@@ -296,6 +317,8 @@
     background-color: transparent;
     font-size: 14px;
     color: #FFF;
+    backdrop-filter: blur(2px);
+    background-color: rgba($color: #FFF, $alpha: .1);
     &:hover{
       background-color: transparent;
     }

package/src/components/weekly-report/index.tsx

@@ -26,7 +26,7 @@ function WeeklyReportPreview({ onShare,onClose,data }) {
 
   return (
     <div style={{ position: "relative"}}>
-      <div className={classnames("tu-icon-circle",preCls + "__close")} onClick={onClose}/>
+      <div className={classnames(preCls + "__close")} onClick={onClose}/>
       <div style={{ position: "absolute", left: "-99999999px" }}>
         <Card data={data} ref={cardRef} />
       </div>
@@ -73,13 +73,13 @@ function WeeklyReportModal({}: Props) {
       setVisible(true)
     })
     return () => window?.Talent?.app.vent.off('open-weekly-report-modal')
-  }, [])
+  }, [visible])
 
   useEffect(()=>{
     if(!visible) return
     const current = new Date()
     const dateTimeTicks=(current.getFullYear()+'/'+(current.getMonth()+1)+'/'+current.getDate())
-    let param = `redisKey=${redisKey||null}&dateTimeTicks=${dateTimeTicks||null}`
+    let param = `redisKey=${redisKey || ''}&dateTimeTicks=${dateTimeTicks||''}`
     if(data) {
       setData(null)
     }

package/src/index.js

@@ -77,7 +77,7 @@ export { default as LikeRankingPage } from "./pages/like-ranking";
 export { default as NewOkrListPage } from "./pages/new-okr-list";
 export { default as PersonalInfoPage } from "./pages/personal-info";
 export { default as ErrorBoundary } from "./components/error-boundary";
-export { ERROR_LEVEL as ERROR_LEVEL } from "./utils/error-level";
+export { default as ERROR_LEVEL } from "./utils/error-level";
 export { default as SelectTags } from "./components/select-tags";
 export { default as Cascader } from "./components/cascader";
 export { default as requestApi } from "./utils/request";

package/src/pages/dynamic/index.tsx

@@ -1,15 +1,19 @@
-import React, { FC } from 'react';
-import Dynamic from '../../components/dynamic/dynamic';
-import './index.scss';
+import React, { FC } from "react";
+import Dynamic from "../../components/dynamic/dynamic";
+import ErrorBoundary from "../../components/error-boundary";
+import { ERROR_LEVEL } from '../../utils/error-level';
+import "./index.scss";
 
-const prefix = 'dynamic-page';
+const prefix = "dynamic-page";
 
 const DynamicPage: FC = () => {
   return (
-    <div className={prefix}>
-      <Dynamic/>
-    </div>
-  )
-}
+    <ErrorBoundary errorLevel={ERROR_LEVEL.P0} >
+      <div className={prefix}>
+        <Dynamic />
+      </div>
+    </ErrorBoundary>
+  );
+};
 
-export default DynamicPage;
+export default DynamicPage;

package/src/pages/new-okr-list/index.tsx

@@ -18,7 +18,7 @@ import InitCycleSetting from "./init-cycle-setting";
 import { getBSGlobal, getUserInfo } from "../../utils/bs-global";
 import { getQueryString } from "../../utils/tools";
 import { localStorage } from "../../utils/local-storage";
-import { ERROR_LEVEL } from "../../utils/error-level";
+import ERROR_LEVEL from "../../utils/error-level";
 import { okrSearch, okrList, visitOkrCyclePag } from "./request-api";
 import { Context } from "./context";
 import { precls } from "./precls";

package/src/pages/okr-map/export-modules/okr-map/index.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import ErrorBoundary from "../../../../components/error-boundary";
+import OkrMap from "./okr-map";
+
+export default (props) => {
+  return (
+    <ErrorBoundary>
+      <OkrMap {...props} />
+    </ErrorBoundary>
+  );
+};

package/src/pages/okr-map/export-modules/share-okr-page/index.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import ErrorBoundary from "../../../../components/error-boundary";
+import ShareOkrMap from "./share-okr-map";
+
+export default (props) => {
+  return (
+    <ErrorBoundary>
+      <ShareOkrMap {...props} />
+    </ErrorBoundary>
+  );
+};

package/src/utils/error-level.ts

@@ -1,6 +1,7 @@
-export enum ERROR_LEVEL {
+const enum ERROR_LEVEL {
   P0,
   P1,
   P2,
   P3
-}
+}
+export default ERROR_LEVEL;