@titaui/pc 1.7.45 → 1.7.49

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

@@ -1,199 +0,0 @@
-.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

@@ -1,95 +0,0 @@
-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 
-  defaultContent?:string
-}
-
-const ShareContent = function({ closeModal, getModalRef, uid,shareComponent,shareImage,defaultContent }: 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}
-          defaultContent={defaultContent}
-        />
-      )}
-    </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
-  defaultContent?:string
-}
-const OkrShare: React.FC<ShareProps> = ({ uid,visible,onClose,shareComponent,defaultContent }) => {
-  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}
-            defaultContent={defaultContent}
-            shareComponent={shareComponent(setShareImage)}
-          />
-        ) : null}
-      </Modal>
-    </>
-  );
-};
-
-export default OkrShare;

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

@@ -1,81 +0,0 @@
-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;
-  defaultContent?:string
-}
-
-function PublishMblog({
-  base64,
-  getModalRef,
-  closeModal,
-  uid,
-  defaultContent="秀一秀我的 OKR"
-}: 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={defaultContent}
-            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;

package/src/components/common-share/request-apis.js

@@ -1,37 +0,0 @@
-import axios from 'axios';
-
-const tenantId = BSGlobal && BSGlobal.tenantInfo.Id || 0;
-const userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
-
-const requestDomain = () => {
-  if (!window.location.hostname.match(/dev/)) return '';
-  return 'http://www.tita.gift'
-};
-
-export const getImageBase64ByUrl = toUserId => {
-  return axios.post(`${requestDomain()}/api/v1/${tenantId}/${userId}/okr/share/getBase64Str`, { toUserId })
-    .then(getBase64Str => {
-      return getBase64Str.data;
-    })
-}
-
-export const getBase64DownloadUrl = base64 => {
-  return axios.post(`${requestDomain()}/api/v1/${tenantId}/${userId}/okr/share/imageDownLoadDfs`, { 'SharePicLink': base64 })
-    .then(dfs => {
-      return dfs.data;
-    })
-}
-
-export const uploadBase64 = base64 => {
-  return axios.post(`${requestDomain()}/api/v1/${tenantId}/${userId}/okr/share/imagedfs`, { 'SharePicLink': base64 })
-    .then(dfs => {
-      return dfs.data;
-    })
-}
-
-export const addShare = data => {
-  return axios.post(`${requestDomain()}/api/v2/${tenantId}/${userId}/user/feed/AddShare`, data)
-    .then(dfs => {
-      return dfs.data;
-    })
-}

package/src/components/common-share/types.ts

@@ -1,4 +0,0 @@
-export interface CurrentPositon {
-  x: number,
-  y: number
-}

package/src/components/communication/CommunicationAttachments.tsx

@@ -1,168 +0,0 @@
-import React, { PureComponent } from 'react'
-import { Tooltip } from 'tita-ui';
-import { RViewer } from '../viewer'
-import { _dealAttachmentType } from '../upload/type';
-import {
-  AttachmentItemWrapper,
-  AttachmentItemIcon,
-  AttachmentItemName,
-  AttachmentAction,
-  CommunicationAttachmentContainer
-} from './style'
-
-interface Props {
-  attachments: any;
-  className?: string
-  itemStyle?: React.CSSProperties;
-  mode?: 'column' | 'row';
-  wrapperClassName?: string;
-  wrapperStyle?: React.CSSProperties;
-}
-
-interface State {
-  attachmentPreviewUrl: any[]
-}
-const RVIewerOptions = {
-  className: 'preview-image-container',
-  toolbar: {
-    zoomIn: 4,
-    zoomOut: 4,
-    oneToOne: 4,
-    reset: 4,
-    prev: 4,
-    play: {
-      show: false,
-    },
-    next: 4,
-    rotateLeft: 4,
-    rotateRight: 4,
-    flipHorizontal: false,
-    flipVertical: false,
-  }
-}
-
-export default class CommunicationAttachments extends PureComponent<Props, State> {
-  constructor(props: Props) {
-    super(props)
-    this.state = {
-      attachmentPreviewUrl: []
-    }
-  }
-  
-  static defaultProps = {
-    mode: 'column'
-  }
-
-  RViewers: any
-
-  componentDidMount() {
-    const { attachments } = this.props
-    let attachmentPreviewUrl =
-      attachments.length > 0
-        ? attachments.map(item => item.previewUrl)
-        : []
-    this.setState({
-      attachmentPreviewUrl
-    })
-  }
-
-  // 附件缩略图
-  renderAttachmentPreviewThumbnail = (item, index: number) => {
-    let isImage = _dealAttachmentType(item.fileType).IsImage
-    let iconColor = _dealAttachmentType(item.fileType).IconColor;
-    let fileType = _dealAttachmentType(item.fileType).FileType;
-    if (item.smallImageUrl && item.documentSource && item.documentSource == 1) {
-      isImage = true
-    }
-    return (
-      <AttachmentItemIcon className="file-icon">
-        {isImage ? (
-          <img
-            src={item.smallImageUrl}
-            alt=''
-            style={{ cursor: 'pointer' }}
-            onMouseDown={(event: any) => {
-
-              this.RViewers.show(index)
-              event.stopPropagation()
-              event.nativeEvent.stopImmediatePropagation()
-            }}
-          />
-        ) : (
-          <span
-            className={`ico_afb tu-icon-${fileType}`}
-            style={{ color: iconColor }}
-          ></span>
-        )}
-      </AttachmentItemIcon>
-    )
-  }
-
-  // 是否能预览
-  renderPreviewTrigger = (item, index: number) => {
-    if (item.previewUrl != null && item.previewUrl != "") { // 有预览链接
-      if (item.smallImageUrl && item.documentSource == 1) { // 图片文件
-        return (
-          <span style={{ color: '#2879ff', cursor: 'pointer' }}
-            onMouseDown={(event: any) => {
-
-              this.RViewers.show(index)
-              event.stopPropagation()
-              event.nativeEvent.stopImmediatePropagation()
-            }}>
-            {this.props.mode == 'column' ? '预览' :
-              <Tooltip content="预览" container={document.body}>
-                <span className="tu-icon-magnifier-circle" />
-              </Tooltip>
-            }
-          </span>
-        )
-      } else if (item.documentSource == 1) {
-        return <a href={item.previewUrl} target="_blank" data-attachment="preview">
-          {this.props.mode == 'column' ? '预览' :
-            <Tooltip content="预览" container={document.body}>
-              <span className="tu-icon-magnifier-circle" />
-            </Tooltip>
-          }
-        </a>
-      } else {
-        return <span></span>
-      }
-    } else {
-      return <span></span>
-    }
-  }
-
-  render() {
-    const { attachments, className, mode, itemStyle, wrapperClassName, wrapperStyle } = this.props
-    const { attachmentPreviewUrl } = this.state
-    return (
-      <CommunicationAttachmentContainer className={wrapperClassName} style={wrapperStyle}>
-        <RViewer imageUrls={attachmentPreviewUrl} ref={(r: any) => this.RViewers = r} options={RVIewerOptions}></RViewer>
-        {attachments.length > 0 &&
-          attachments.map(
-            (item, index: number) => {
-              return (
-                <AttachmentItemWrapper style={itemStyle} className={`${className} ${mode == 'column' ? '' : 'row-wrapper'}`} key={item.documentId}>
-                  {this.renderAttachmentPreviewThumbnail(item, index)}
-                  <Tooltip content={item.fileName} container={document.body}>
-                    <AttachmentItemName className="file-name">{item.fileName}</AttachmentItemName>
-                  </Tooltip>
-                  <AttachmentAction className='item__action'>
-                    <a href={item.downloadUrl} data-attachment="dowload">
-                      {mode == 'column' ? '下载' :
-                        <Tooltip content="下载" container={document.body}>
-                          <span className="tu-icon-download-circle" />
-                        </Tooltip>
-                      }
-                    </a>
-                    {this.renderPreviewTrigger(item, index)}
-                  </AttachmentAction>
-                </AttachmentItemWrapper>
-              )
-            }
-          )}
-      </CommunicationAttachmentContainer>
-    )
-  }
-}