@titaui/pc 1.7.24 → 1.7.25

package/lib/components/weekly-report/statistics.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+
+var preCls = 'weekly-report-card__statistics';
+
+function Statistics(_ref) {
+  _objectDestructuringEmpty(_ref);
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(preCls + '__item', preCls + '__finish')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__num'
+  }, "12"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__text'
+  }, "\u5B8C\u6210\u4EFB\u52A1")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(preCls + '__item', preCls + '__praise')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__num'
+  }, "12"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__text'
+  }, "\u83B7\u5F97\u70B9\u8D5E"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__tips'
+  }, "Top1")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(preCls + '__item', preCls + '__communication')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__num'
+  }, "12"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__text'
+  }, "\u53C2\u4E0E\u4E92\u52A8")));
+}
+
+var _default = Statistics;
+exports["default"] = _default;

package/lib/index.js

@@ -465,6 +465,12 @@ Object.defineProperty(exports, "VersionChangeModal", {
     return _versionChangeModal["default"];
   }
 });
+Object.defineProperty(exports, "WeeklyReport", {
+  enumerable: true,
+  get: function get() {
+    return _weeklyReport["default"];
+  }
+});
 Object.defineProperty(exports, "WordCloud", {
   enumerable: true,
   get: function get() {
@@ -670,4 +676,6 @@ var _pointDemo = _interopRequireDefault(require("./components/point-demo"));
 
 var _scrollbar = _interopRequireDefault(require("./components/scrollbar"));
 
+var _weeklyReport = _interopRequireDefault(require("./components/weekly-report"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/pages/aha2021/index.css

@@ -16,7 +16,6 @@
   left: 0;
   width: 100%;
   z-index: 3;
-  box-shadow: 0px 0px 16px 0px #7f91b44d;
 }
 
 .titaui-aha-2021__invite {

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

@@ -17,6 +17,8 @@ var _periodSelector = _interopRequireDefault(require("../../../components/period
 
 var _localStorage = require("../../../utils/local-storage");
 
+var _tools = require("../../../utils/tools");
+
 var _precls = require("../precls");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -68,12 +70,59 @@ var Filter = function Filter(props) {
       filterNum = _useState4[0],
       setFilterNum = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(useLocalStorage.getItem("okr-filter-cycle") || ""),
+  var _useState5 = (0, _react.useState)(function () {
+    var routerData = (0, _tools.getQueryString)();
+    var annualNum = routerData.annualNum,
+        cycleType = routerData.cycleType,
+        yqmNum = routerData.yqmNum;
+
+    if (!!annualNum && !!cycleType && !!yqmNum) {
+      return {
+        annualNum: annualNum,
+        cycleType: cycleType,
+        yqmNum: yqmNum
+      };
+    }
+
+    return useLocalStorage.getItem("okr-filter-cycle") || "";
+  }),
       _useState6 = _slicedToArray(_useState5, 2),
       cycle = _useState6[0],
       setCycle = _useState6[1];
 
+  (0, _react.useEffect)(function () {
+    var routerData = (0, _tools.getQueryString)();
+    var annualNum = routerData.annualNum,
+        cycleType = routerData.cycleType,
+        yqmNum = routerData.yqmNum;
+
+    if (!!annualNum && !!cycleType && !!yqmNum) {
+      var _cycle = {
+        annualNum: annualNum,
+        cycleType: cycleType,
+        yqmNum: yqmNum
+      };
+      setCycle(_cycle);
+      onSearch(_cycle);
+    }
+  }, []);
+
+  var changeCycleUrl = function changeCycleUrl(s) {
+    var routerData = (0, _tools.getQueryString)();
+    var annualNum = routerData.annualNum,
+        cycleType = routerData.cycleType,
+        yqmNum = routerData.yqmNum,
+        toUserId = routerData.toUserId;
+
+    if (!!annualNum && !!cycleType && !!yqmNum) {
+      var origin = window.location.href.split('?')[0];
+      var url = "".concat(origin, "?cycleType=").concat(s.cycleType, "&yqmNum=").concat(s.yqmNum, "&annualNum=").concat(s.annualNum, "&toUserId=").concat(toUserId);
+      history.pushState('', '', url);
+    }
+  };
+
   var handleChangeCycle = function handleChangeCycle(s) {
+    changeCycleUrl(s);
     setCycle(s);
     onSearch && onSearch({
       annualNum: s.annualNum,
@@ -88,7 +137,7 @@ var Filter = function Filter(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_precls.precls, "__header-filter")
+    className: "".concat(_precls.precls, "__header-filter okr-list__twinkle")
   }, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
     selected: cycle,
     yearsRange: [2019, 2030],

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

@@ -90,11 +90,28 @@ var NewOkrList = function NewOkrList(props) {
     targetCategory: "",
     targetSort: ""
   };
-  var filterCycle = useLocalStorage.getItem("okr-filter-cycle") || {
-    annualNum: new Date().getFullYear() + "",
-    cycleType: "2",
-    yqmNum: "".concat((0, _moment["default"])().quarter())
+
+  var filterCycle = function filterCycle() {
+    var routerData = (0, _tools.getQueryString)();
+    var annualNum = routerData.annualNum,
+        cycleType = routerData.cycleType,
+        yqmNum = routerData.yqmNum;
+
+    if (!!annualNum && !!cycleType && !!yqmNum) {
+      return {
+        annualNum: annualNum,
+        cycleType: cycleType,
+        yqmNum: yqmNum
+      };
+    }
+
+    return useLocalStorage.getItem("okr-filter-cycle") || {
+      annualNum: new Date().getFullYear() + "",
+      cycleType: "2",
+      yqmNum: "".concat((0, _moment["default"])().quarter())
+    };
   };
+
   var showWorkExecution = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting").KRSetting.ShowWorkExecution;
 
   var _useState = (0, _react.useState)(true),
@@ -249,6 +266,23 @@ var NewOkrList = function NewOkrList(props) {
     _toast["default"].Success("成功套用");
   };
 
+  var triggerAnimation = function triggerAnimation() {
+    //@ts-ignore
+    document.querySelector('.tita-okr-list-v2').scrollTop = 0;
+    var twinkleEles = document.getElementsByClassName('okr-list__twinkle');
+
+    var _loop = function _loop(i) {
+      twinkleEles[i].classList.add('okr-list__twinkle--animation');
+      setTimeout(function () {
+        twinkleEles[i].classList.remove('okr-list__twinkle--animation');
+      }, 3000);
+    };
+
+    for (var i = 0; i < twinkleEles.length; i++) {
+      _loop(i);
+    }
+  };
+
   var onCasesCloseHandler = function onCasesCloseHandler() {
     return setCasesVisible(false);
   };
@@ -305,7 +339,12 @@ var NewOkrList = function NewOkrList(props) {
     }
   })), /*#__PURE__*/_react["default"].createElement(_initCycleSetting["default"], {
     SetCycleModal: SetCycleModal
-  }), /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+  }), !loading && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "okr-list__check-filter-tips"
+  }, "\u627E\u4E0D\u5230OKR\uFF1F\u8BD5\u8BD5", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "okr-list__check-filter-btn",
+    onClick: triggerAnimation
+  }, "\u68C0\u67E5"), "\u9876\u90E8\u7B5B\u9009\u6761\u4EF6"), /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
     zIndex: 99999,
     noHeadLine: true,
     visible: casesVisible,

package/lib/utils/helpers.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.cssSupport = cssSupport;
 exports.escapeHtml = escapeHtml;
+exports.getLoginUserInfo = void 0;
 exports.getTenantInfo = getTenantInfo;
 exports.getUploadMaxSize = getUploadMaxSize;
 exports.isLocal = exports.isDingDing = void 0;
@@ -58,4 +59,10 @@ function escapeHtml(str) {
   return str.replace(/(&|<|>|"|')/g, function (str) {
     return htmlEscapes[str];
   });
-}
+}
+
+var getLoginUserInfo = function getLoginUserInfo() {
+  return (0, _bsGlobal.getBSGlobal)('loginUserInfo');
+};
+
+exports.getLoginUserInfo = getLoginUserInfo;

package/package.json

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

package/src/components/button/text-btn/index.scss

@@ -1,5 +1,6 @@
 .titaui-text-btn{
   cursor: pointer;
+  font-size: 14px;
   &__icon{
     margin-right: 4px;
   }

package/src/components/button/text-btn/index.tsx

@@ -1,22 +1,22 @@
-import React from 'react';
-import classNames from 'classnames';
-import { TextBtnProps } from '../types';
-import './index.scss';
-const precls = 'titaui-text-btn';
+import React from "react";
+import classNames from "classnames";
+import { TextBtnProps } from "../types";
+import "./index.scss";
+const precls = "titaui-text-btn";
 
 const TextBtn = (props: TextBtnProps) => {
   const {
-    type = 'default',
-    icon = '',
-    size = 14,
-    text = '确定',
+    type = "default",
+    icon = "",
+    text = "确定",
     onClick = () => {},
-    className = '',
+    className = "",
     disabled = false,
+    style ={},
   } = props;
 
   const renderIcon = () => {
-    if (typeof icon == 'string') {
+    if (typeof icon == "string") {
       return (
         <span className={`${precls}__icon`}>
           <span className={icon} />
@@ -37,10 +37,10 @@ const TextBtn = (props: TextBtnProps) => {
         precls,
         `${precls}--${type}`,
         { [`${precls}--disabled`]: disabled },
-        className,
+        className
       )}
       onClick={onClickHandler}
-      style={{fontSize:`${size}px`}}
+      style={style}
     >
       {icon && renderIcon()}
       {text}

package/src/components/button/types.ts

@@ -26,4 +26,5 @@ export interface TextBtnProps {
   onClick?: Function;
   className?: string;
   disabled?: boolean;
+  style?: any;
 }

package/src/components/common-share/index.scss

@@ -0,0 +1,199 @@
+.okr-share-card {
+  position: relative;
+  width: 340px;
+  height: 434px;
+  border-radius: 24px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  overflow: hidden;
+  &-user__name {
+    margin-top: 4px;
+    font-size: 14px;
+    font-weight: bold;
+    color: #141c28;
+    line-height: 22px;
+    display: flex;
+    align-items: center;
+    > span {
+      max-width: 170px;
+      margin-right: 5px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-all;
+    }
+  }
+  &::after {
+    content: "";
+    position: absolute;
+    height: 70px;
+    bottom: 0;
+    left: 0px;
+    right: 0px;
+    border-bottom-left-radius: 24px;
+    border-bottom-right-radius: 24px;
+  }
+  &-user__dept {
+    font-size: 12px;
+    font-weight: 400;
+    color: #3f4755;
+    line-height: 18px;
+    max-width: 200px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
+  }
+  .card-okr__content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding-bottom: 50px;
+  }
+  .card-okr__name {
+    position: relative;
+    width: 250px;
+    font-size: 18px;
+    font-weight: bold;
+    color: #141c28;
+    line-height: 24px;
+    margin-top: 24px;
+    margin-bottom: 28px;
+    text-align: center;
+    &::before,
+    &::after {
+      content: "";
+      display: block;
+      position: absolute;
+      width: 16px;
+      height: 16px;
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+    }
+    &::before {
+      top: -16px;
+      left: -16px;
+    }
+    &::after {
+      bottom: -16px;
+      right: -16px;
+    }
+  }
+  .card-kr__wrapper {
+    width: 100%;
+    max-height: 240px;
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .card-kr__item {
+    font-size: 14px;
+    font-weight: 400;
+    color: #3f4755;
+    line-height: 22px;
+    margin-bottom: 6px;
+    position: relative;
+    width: 250px;
+    text-align: left;
+    &::before {
+      content: "";
+      position: absolute;
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      top: 8px;
+      left: -14px;
+    }
+  }
+}
+.okr-share-card__selector {
+  position: relative;
+  .tu-icon-close {
+    position: absolute;
+    top: -8.25px;
+    right: -20px;
+    font-size: 16.5px;
+    color: #fff;
+  }
+  .share-card-button__wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .share-card-button {
+    box-sizing: border-box;
+    width: 120px;
+    height: 36px;
+    border-radius: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 20px 6px 0;
+    font-size: 14px;
+    color: #ffffff;
+    transition: all 0.2s ease;
+    &.download {
+      border: 1px solid #ffffff;
+      &:hover {
+        background-color: rgba(255, 255, 255, 0.2);
+      }
+    }
+    &.share {
+      background: rgba($color: #5c8eff, $alpha: 0);
+      position: relative;
+      &::after {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        background: linear-gradient(180deg, #88bcff 0%, #2879ff 100%);
+        border-radius: 18px;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+      }
+      &:hover {
+        background: rgba($color: #5c8eff, $alpha: 1);
+      }
+    }
+  }
+}
+.okr-share-mblog {
+  &__container {
+    width: 480px;
+    height: 420px;
+    background-color: #fff;
+    border-radius: 6px;
+  }
+  &__header {
+    height: 58px;
+    padding: 0 32px;
+    display: flex;
+    align-items: center;
+    font-size: 18px;
+    font-weight: bold;
+    color: #141c28;
+    line-height: 26px;
+    border-bottom: 1px solid #e9ecf0;
+    justify-content: space-between;
+    .tu-icon-close {
+      cursor: pointer;
+    }
+  }
+  &__body {
+    padding: 16px 32px 20px;
+  }
+  &__attachment {
+    width: 118px;
+    height: 160px;
+    overflow: hidden;
+    > img {
+      width: 100%;
+    }
+  }
+}

package/src/components/common-share/index.tsx

@@ -0,0 +1,91 @@
+import React, { useRef, useState,useEffect } from 'react';
+import { Modal } from 'tita-ui';
+import PublishMblog from './publishMblog';
+import Queue from 'rc-queue-anim';
+import './index.scss';
+
+interface Props {
+  closeModal: Function;
+  getModalRef: Function;
+  uid: string;
+  shareComponent: any;
+  shareImage?:string 
+}
+
+const ShareContent = function({ closeModal, getModalRef, uid,shareComponent,shareImage }: Props) {
+  const [showPublish, setShowPublish] = useState(false);
+  useEffect(() => {
+    if(shareImage){
+      setTimeout(() => {
+        setShowPublish(true)
+      }, 200);
+    }
+  }, [shareImage])
+  return (
+    <Queue type='bottom'>
+      {!shareImage && (
+        shareComponent
+      )}
+      {showPublish && shareImage && (
+        <PublishMblog
+          base64={shareImage}
+          getModalRef={getModalRef}
+          closeModal={closeModal}
+          key='publish'
+          uid={uid}
+        />
+      )}
+    </Queue>
+  );
+};
+export interface ShareData {
+  okrName: string;
+  okrId: number;
+  krs: string[];
+  user: {
+    name: string;
+    userId: number;
+    departmentName: string;
+    departmentId: number;
+    avatar: {
+      color: string;
+      src?: string;
+    };
+  };
+}
+interface ShareProps {
+  uid: any;
+  visible:boolean;
+  onClose: () => void
+  shareComponent: (share:(img:string) => void) => any
+}
+const OkrShare: React.FC<ShareProps> = ({ uid,visible,onClose,shareComponent }) => {
+  const [shareImage,setShareImage] = useState<string>()
+  const modalRef = useRef<any>();
+
+  return (
+    <>
+      <Modal
+        visible={visible}
+        className="document-mouse-event-ignore"
+        destroyOnClose
+        customContent
+        // maskClosable
+        onCancel={() => onClose()}
+        ref={modalRef}
+      >
+        {visible ? (
+          <ShareContent
+            closeModal={() => onClose()}
+            getModalRef={() => modalRef.current.getRef()}
+            uid={uid}
+            shareImage={shareImage}
+            shareComponent={shareComponent(setShareImage)}
+          />
+        ) : null}
+      </Modal>
+    </>
+  );
+};
+
+export default OkrShare;

package/src/components/common-share/publishMblog.tsx

@@ -0,0 +1,79 @@
+import React, { ReactElement, useEffect, useState } from "react";
+import MBlog from "../mblog";
+import MBlogContext from "../mblog/context";
+import { findDOMNode } from "react-dom";
+import { addShare, uploadBase64 } from "./request-apis";
+import Toast from "../toast";
+import { getBSGlobal } from "../../utils/bs-global";
+
+const loginUserId = getBSGlobal("loginUserInfo").Id;
+
+interface Props {
+  base64: string;
+  getModalRef: Function;
+  closeModal: Function;
+  uid: any;
+}
+
+function PublishMblog({
+  base64,
+  getModalRef,
+  closeModal,
+  uid,
+}: Props): ReactElement {
+  const [file, setFile] = useState({ url: "", pending: true });
+  const [status, setStatus] = useState(0);
+  useEffect(() => {
+    uploadBase64(base64.split(",")[1]).then((res) => {
+      setFile({
+        url: res.Data.obj,
+        pending: false,
+      });
+    });
+  }, []);
+  return (
+    <div className="okr-share-mblog__container">
+      <div className="okr-share-mblog__header">
+        发布动态
+        <i className="tu-icon-close" onClick={() => closeModal()} />
+      </div>
+      <div className="okr-share-mblog__body">
+        <MBlogContext.Provider
+          value={{ popContainer: findDOMNode(getModalRef()) }}
+        >
+          <MBlog
+            autoResizing={false}
+            defaultContent="秀一秀我的 OKR"
+            submitStatus={status}
+            commentsTypeKey={"share-okr" + loginUserId + uid}
+            autoFocus
+            onMblogSubmit={async (type, data) => {
+              if (file.pending) {
+                return Toast.Error("图片正在上传...");
+              }
+              setStatus(2);
+              await addShare({
+                ...data,
+                FileUrls: file.url,
+                Visibility: 1,
+                isSendSMS: false,
+              });
+              Toast.Success("分享成功");
+              setStatus(1);
+              closeModal();
+            }}
+            isShowAttachment={false}
+            isShowSendSms={false}
+            isShowBtnCancel={false}
+            isShowRange={false}
+          />
+        </MBlogContext.Provider>
+        <div className="okr-share-mblog__attachment">
+          <img src={base64} alt="" />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default PublishMblog;