@titaui/pc 1.9.31 → 1.9.35

package/src/components/okr-detail/components/score/icons/level-0.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>pingfen</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="目标推屏--OKRs" transform="translate(-1240.000000, -482.000000)" fill-rule="nonzero">
-            <g id="编组-10" transform="translate(546.000000, 74.000000)">
-                <g id="编组-24" transform="translate(12.000000, 201.000000)">
-                    <g id="编组-20" transform="translate(20.000000, 156.000000)">
-                        <g id="信心、权重、分数" transform="translate(510.000000, 51.000000)">
-                            <g id="承诺型" transform="translate(148.000000, 0.000000)">
-                                <g id="pingfen" transform="translate(4.000000, 0.000000)">
-                                    <rect id="矩形" fill="#000000" opacity="0" x="4" y="4" width="16" height="16"></rect>
-                                    <path d="M12,5 C15.8659932,5 19,8.13400675 19,12 C19,15.8659932 15.8659932,19 12,19 C8.13400675,19 5,15.8659932 5,12 C5.0071096,8.13695548 8.13695548,5.0071096 12,5 M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C16.418278,20 20,16.418278 20,12 C20,9.87826808 19.1571453,7.84343678 17.6568542,6.34314575 C16.1565632,4.84285472 14.1217319,4 12,4 Z" id="形状" fill="#89919F"></path>
-                                    <path d="M8.99882539,16.7999635 C8.89186895,16.8014877 8.78977223,16.755235 8.72027305,16.6737329 C8.65077386,16.5922309 8.62108992,16.4839438 8.63928581,16.3782912 L9.17859517,13.2070279 L6.88832812,10.9601157 C6.79046721,10.8643116 6.75532539,10.7211456 6.79766721,10.5907678 C6.84000903,10.4603899 6.95249791,10.3653908 7.08787257,10.3456834 L10.2644047,9.88440878 L11.684586,7.00144209 C11.7450403,6.87812824 11.8701926,6.8 12.0072727,6.8 C12.1443528,6.8 12.2695052,6.87812824 12.3299595,7.00144209 L13.7501408,9.88440878 L16.9266729,10.3474853 C17.0620475,10.3671926 17.1745364,10.4621918 17.2168782,10.5925696 C17.2592201,10.7229475 17.2240782,10.8661135 17.1262173,10.9619176 L14.8287595,13.2070279 L15.3680688,16.3782912 C15.388478,16.5104015 15.3342461,16.6429803 15.2271843,16.7227066 C15.1201225,16.8024329 14.9778254,16.8162044 14.8575227,16.7584825 L12.0081716,15.2611416 L9.16601128,16.7584825 C9.1144553,16.7856684 9.05708075,16.7999635 8.99882539,16.7999635 Z M11.9896422,14.233286 C12.0437839,14.2333181 12.0971071,14.246536 12.1450225,14.2718022 L14.342067,15.4289641 L13.9227072,12.9773217 C13.9043347,12.8685527 13.9405784,12.7576912 14.0196111,12.6809141 L15.795625,10.9376356 L13.3396133,10.5859655 C13.230662,10.5704699 13.1363071,10.5022019 13.0873291,10.4034321 L11.9896422,8.17116477 L10.8902846,10.4034321 C10.8413066,10.5022019 10.7469516,10.5704699 10.6380004,10.5859655 L8.18198864,10.9376356 L9.95967331,12.6809141 C10.038706,12.7576912 10.0749497,12.8685527 10.0565772,12.9773217 L9.63721735,15.4289641 L11.8342619,14.2718022 C11.8821773,14.246536 11.9355004,14.2333181 11.9896422,14.233286 L11.9896422,14.233286 Z" id="形状" fill="#89919F"></path>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okr-detail/components/score/index.scss

@@ -1,52 +0,0 @@
-$font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-
-.okr-drawer-score {
-  font-family: $font-family;
-  color: #89919f;
-  font-size: 12px;
-  line-height: 18px;
-  border: 1px solid transparent;
-  padding: 3px 4px;
-  text-align: left;
-
-  &__icon {
-    vertical-align: top;
-    display: inline-block;
-    width: 24px;
-    height: 24px;
-    margin-right: 4px;
-    background-repeat: no-repeat;
-    background-size: contain;
-    overflow: hidden;
-  
-    &--level-5 {
-      background-image: url('./icons/level-5.png');
-    }
-    &--level-4 {
-      background-image: url('./icons/level-4.png');
-    }
-    &--level-3 {
-      background-image: url('./icons/level-3.png');
-    }
-    &--level-2 {
-      background-image: url('./icons/level-2.png');
-    }
-    &--level-1 {
-      background-image: url('./icons/level-1.png');
-    }
-    &--level-0 {
-      background-image: url('./icons/level-0.svg');
-    }
-  }
-  &-text {
-    vertical-align: middle;
-  }
-  
-  &--editable {
-    &:hover {
-      cursor: pointer;
-      border-radius: 4px;
-      border-color: #e9ecf0;
-    }
-  }
-}

package/src/components/okr-detail/components/score/index.tsx

@@ -1,61 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { getLocale } from "../../../../utils/getLocale";
-import "./index.scss";
-
-interface IProps {
-  editable: boolean;
-  score: number;
-  onClick: Function;
-  isEvaluate?: boolean;
-}
-const Score = (props: IProps) => {
-  const { editable, score, onClick = () => { }, isEvaluate = true } = props;
-
-  const clickHandler = () => {
-    if (!editable) return;
-    onClick && onClick();
-  };
-
-  const getIconType = (score) => {
-    let type = "";
-    if (!isEvaluate) {
-      type = "level-0";
-    } else if (score == 1) {
-      type = "level-4";
-    } else if (score >= 0.9 && score < 1) {
-      type = "level-5";
-    } else if (score >= 0.8 && score < 0.9) {
-      type = "level-3";
-    } else if (score >= 0.4 && score < 0.8) {
-      type = "level-2";
-    } else if (score >= 0 && score < 0.4) {
-      type = "level-1";
-    }
-    return type;
-  };
-
-  return (
-    <span
-      className={classNames("okr-drawer-score", {
-        [`okr-drawer-score--editable`]: editable,
-      })}
-      onClick={clickHandler}
-    >
-      <span
-        className={classNames(
-          "okr-drawer-score__icon",
-          `okr-drawer-score__icon--${getIconType(score)}`
-        )}
-      />
-      {isEvaluate ?
-        <span className={`okr-drawer-score__text`}>{score == 1 ? '1': Number(score).toFixed(2) * 1}分</span> :
-        <span>
-          <span />
-          <span>{editable ? getLocale('Per_Ass_New_Appr_detail_Scor') : '--'}</span>
-        </span>
-      }
-    </span>
-  );
-};
-export default Score;

package/src/components/okr-detail/components/tab-panel-content/index.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import classNames from "classnames";
-import './index.scss';
-
-const preCls = "okr-detail";
-
-export default ({ children, style }) => {
-  return <div className={classNames(`${preCls}__tabpanel-content`)}>
-    <div className={classNames(`${preCls}__tabpanel-content-inner`)} style={style}>
-      {children}
-    </div>
-  </div>
-}

package/src/components/okr-detail/components/tab-panel-content/index.scss

@@ -1,11 +0,0 @@
-
-.okr-detail {
-  &__tabpanel-content {
-    height: 100%;
-    overflow-y: auto;
-
-    &-inner {
-      padding-top: 20px;
-    }
-  }
-}

package/src/components/okr-detail/context.js

@@ -1,11 +0,0 @@
-import React from 'react';
-
-export const CommonContext = React.createContext();
-export const OkrListContext = React.createContext();
-export const EListContext = React.createContext();
-
-export const GeneralDataContext = React.createContext();
-
-export const defaultConfig = {
-  'okrInfo': undefined,
-}

package/src/components/okr-detail/cooperation/index.tsx

@@ -1,20 +0,0 @@
-import Communication from '../../communication';
-import OperationRecord from '../../operation-records';
-import React, { ReactElement } from 'react'
-interface Props {
-  feedId: string
-  defaultOperationRecordNum: number
-  onComment: Function
-  communicationRef: any
-}
-
-function OkrDetailCooperation({ feedId, defaultOperationRecordNum, onComment, communicationRef }: Props): ReactElement {
-  return (
-    <div>
-      <OperationRecord feedId={feedId} commentCount={defaultOperationRecordNum as number} />
-      <Communication feedId={feedId} commentCount={4} useCustomMblog onComment={onComment} ref={communicationRef} />
-    </div>
-  )
-}
-
-export default OkrDetailCooperation

package/src/components/okr-detail/detail-footer/index.scss

@@ -1,54 +0,0 @@
-.okr-detail-drawer-bottom-comment{
-  height: 60px;
-  background: #FFFFFF;
-  box-shadow: 0px -2px 8px 0px rgba(127, 145, 180, 0.15);
-  padding-left: 32px;
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-  font-weight: 400;
-  color: #A4ACB9;
-  cursor: text;
-  &>i {
-    margin-right: 4px;
-  }
-  &>img {
-    width: 28px;
-    height: 28px;
-    margin-left: 7px;
-  }
-}
-.okr-detail-drawer-bottom-mblog-wrapper {
-  background: #FFFFFF;
-  box-shadow: 0px -2px 8px 0px rgba(127, 145, 180, 0.15);
-  padding: 18px 32px 20px;
-  z-index: 11;
-  .okr-detail-reply-to-user {
-  //   height: ${(p: any) => p.height};
-  // padding: ${(p: any) => p.padding}; /**3px 0*/
-  font-size: 12px;
-  line-height: 24px;
-  color: #aaaaaa;
-  transition: all 0.3s ease-in-out;
-  }
-  .okr-detail-drawer-reply-user {
-    min-height: 20px;
-  margin-left: 10px;
-  padding: 2px 8px;
-  line-height: 20px;
-  font-family: '\5B8B\4F53';
-  border-radius: 12px;
-  display: inline-block;
-  color: #647481;
-  background-color: #f5f8fa;
-  vertical-align: middle;
-  word-break: break-all;
-  cursor: pointer;
-
-  &:hover {
-    color: #ff5b5b;
-    .tu-icon-cross {
-      color: #f04d4d;
-    }
-  }}
-}

package/src/components/okr-detail/detail-footer/index.tsx

@@ -1,111 +0,0 @@
-import React, { useCallback, forwardRef, ReactElement, useImperativeHandle, useState } from 'react';
-import { OpenUserName } from '../../../utils/open-data';
-import { addComment } from '../request-apis';
-import { getBSGlobal } from '../../../utils/bs-global'
-import MBlog from '../../mblog';
-import { getLocale } from "../../../utils/getLocale";
-import './index.scss';
-
-const loginUserId = getBSGlobal('loginUserInfo').Id;
-interface Props {
-  feedId: string;
-  reply?: ReplyInfo
-  onAfterSubmit: Function;
-  isFocusReply?: Boolean;
-}
-interface ReplyInfo {
-  userName: string
-  userId: number,
-  commentId: string
-}
-function OKrDetailBottomComment({ feedId, onAfterSubmit, isFocusReply = false }: Props, ref): ReactElement {
-  const [active, setActive] = useState(isFocusReply);
-  const [submitStatus, setSubmitStatus] = useState(1)
-  const [reply, setReply] = useState<ReplyInfo>()
-  const [autoFocus, setAutoFocus] = useState(true)
-
-  useImperativeHandle(ref, () => ({
-    show: (reply?: ReplyInfo, autoFocus?: boolean) => {
-      if (autoFocus !== undefined) {
-        setAutoFocus(!!autoFocus)
-      } else {
-        setAutoFocus(true)
-      }
-      setTimeout(() => {
-        setActive(true);
-
-        reply && setReply(reply)
-      }, 0);
-    },
-    hide: () => {
-      setActive(false)
-      setReply(undefined)
-    }
-  }), [])
-  const onMblogSubmit = useCallback(async (submitType, sentData) => {
-
-    if (submitType === 'submit') { // 发送
-      setSubmitStatus(2)
-      sentData.FeedId = feedId
-      sentData.CommentId = 0
-      sentData.ObjId = 0
-      sentData.ObjType = 0
-      if (reply) {
-        sentData.CommentId = reply.commentId
-      }
-      await addComment(sentData)
-      setSubmitStatus(1)
-      setActive(false)
-      setReply(undefined)
-      onAfterSubmit()
-    }
-  }, [reply])
-  if (active) {
-    return (
-      <div className='okr-detail-drawer-bottom-mblog-wrapper' onMouseDown={e => e.stopPropagation()}>
-        {!!reply && <div className="okr-detail-reply-to-user" style={{ height: 'auto', padding: '3px 0' }}>
-          <span style={{ position: 'relative', top: '2px' }}>{getLocale('Mod_Reply')}</span>
-          <div className="okr-detail-drawer-reply-user">
-            <span className="name"><OpenUserName name={reply.userName} id={reply.userId} /></span>
-            <span className="tu-icon-cross" onClick={() => {
-              setReply(undefined)
-            }}></span>
-          </div>
-        </div>}
-        <MBlog
-          defaultContent={''}
-          placeholderText={getLocale('Mod_contentofyour')}
-          isHasPlaceholder
-          isShowRangeDropDown={false}
-          isShowSendSms={false}
-          isShowBtnCancel={false}
-          isShowRange={false}
-          submitText={getLocale('OKR_MyO_KRP_Butt_Release')}
-          initialTextHeight={96}
-          autoResizing={false}
-          autoFocus={autoFocus}
-          privateValue={1}
-          userSelectorPopAlign='top left'
-          emotionsSelectorPopAlign='top left'
-          commentsTypeKey={`okr_detail_drawer_${loginUserId}_${feedId}`}
-          submitStatus={submitStatus}
-          onMblogSubmit={onMblogSubmit}
-        />
-      </div>
-    );
-  }
-  return (
-    <div className='okr-detail-drawer-bottom-comment' onMouseDown={e => {
-      e.stopPropagation()
-
-    }}
-      onClick={() => setActive(true)}
-    >
-      <i className="tu-icon-bianji2" />
-      {getLocale('Mod_Needcommunicate')}
-      <img src={require('../images/nice.svg')} />
-    </div>
-  );
-}
-
-export default forwardRef(OKrDetailBottomComment);

package/src/components/okr-detail/detail-header/actions.tsx

@@ -1,165 +0,0 @@
-import { getBSGlobal } from '../../../utils/bs-global';
-import { OAuth } from '../../../utils/auth';
-import { OkrRole, OkrStatus } from './enums';
-import dayjs from 'dayjs';
-import { getLocale } from "../../../utils/getLocale";
-
-interface IOkrHeadActionData {
-  roleType: number;
-  detailInfo: any;
-  openShareModal: Function
-  changeVisiblilty: any
-  onDeleteOkr: (e:any) => void
-  onCopyOkr:Function
-  onChangeOkrFollow: (follow:boolean) => void
-  onFinishOrReOpen: (isFinish:boolean) => void
-  onQuit: Function
-  principalUser: any
-  visibility: number
-}
-
-interface IDealActionData extends IOkrHeadActionData {
-  auth: any
-}
-
-type ActionDealFunction = (data: IDealActionData, actions: any[]) => any;
-export function getOkrHeadActions(data: IOkrHeadActionData) {
-  let actions: any[] = [];
-  const auth = new OAuth({
-    principalUser: data.principalUser,
-    createUserId: data.detailInfo.createUserId,
-  });
-  const dataWithAuth = {...data,auth}
-  addShareButton(dataWithAuth, actions);
-  addVisibilityButton(dataWithAuth, actions);
-  addFollowButton(dataWithAuth, actions);
-  addExitButton(dataWithAuth, actions);
-  addFinishOrReopenButton(dataWithAuth,actions)
-  addCopyButton(dataWithAuth,actions)
-  addDeleteButton(dataWithAuth,actions)
-  // addDetailButton(dataWithAuth,actions)
-  return actions;
-}
-
-const addShareButton: ActionDealFunction = ({ openShareModal }, actions) => {
-  actions.push({
-    icon: 'tu-icon-fenxiang',
-    title: getLocale('OKR_MyO_Share'),
-    onClick: openShareModal
-  });
-};
-
-const addVisibilityButton: ActionDealFunction = ({auth,visibility, detailInfo,changeVisiblilty }, actions) => {
-  
-  let children = [
-    {
-      title: getLocale('OKR_MyO_Pop_Public'),
-      onClick:() => changeVisiblilty(1)
-    },
-    {
-      title: getLocale('OKR_MyO_From_Associatedmem'),
-      onClick:() => changeVisiblilty(2)
-    },
-    {
-      title: getLocale('OKR_MyO_Pop_Directrep'),
-      onClick:() => changeVisiblilty(3)
-    },
-    {
-      title: getLocale('OKR_MyO_Pop_Specified'),
-      onClick:() => changeVisiblilty(4)
-    },
-  ]
-  const editable = auth.hasAuth() && detailInfo.status == OkrStatus.inProgress;
-  actions.push({
-    icon: visibility != 1 ? 'tu-icon-simi-icon' : 'tu-icon-gongkai',
-    title: children[visibility - 1].title + getLocale('OKR_MyO_Text_Visible'),
-    children: editable ? children : null,
-  });
-};
-
-const addFollowButton: ActionDealFunction = ({ roleType,detailInfo,onChangeOkrFollow }, actions) => {
-  // 未开启关注目标功能
-  if(!getBSGlobal('OkrAdvancedSetting').KRSetting.TargetFollowers){
-    return;
-  }
-  //是负责人或是内部成员不能关注目标
-  if (roleType == OkrRole.principal || roleType == OkrRole.member) {
-    return;
-  }
-  //已关注目标
-  if (roleType == OkrRole.follower) {
-    actions.push({
-      icon: 'okr-drawer-header-followed',
-      title: getLocale('OKR_MyO_Butt_Unfollow'),
-      onClick: () => onChangeOkrFollow(false)
-    });
-    return;
-  }
-  //未关注
-  actions.push({
-    icon: 'tu-icon-APP-shoucang',
-    title: '关注目标',
-    onClick: () => onChangeOkrFollow(true)
-  });
-};
-
-const addExitButton: ActionDealFunction = ({roleType,onQuit},actions) => {
-  if(roleType == OkrRole.member){
-    actions.push({
-      icon:'tu-icon-tuichu',
-      title: getLocale('Pro_Admin_pop_Withdraw'),
-      onClick: onQuit
-    })
-  }
-}
-
-const addFinishOrReopenButton: ActionDealFunction = ({ detailInfo,auth,onFinishOrReOpen }, actions) => {
-  
-  if (!auth.hasAuth()) return;
-
-  if(detailInfo.status == OkrStatus.inProgress){
-    actions.push({
-      icon:'tu-icon-liebiao-jieshu',
-      title: getLocale('OKR_MyO_EndObjective'),
-      onClick: ()=>onFinishOrReOpen(true)
-    })
-  }else {
-    actions.push({
-      icon:'tu-icon-gengxin1',
-      title: '重启目标',
-      onClick: ()=>onFinishOrReOpen(false)
-    })
-  }
-
-}
-
-const addCopyButton: ActionDealFunction = ({onCopyOkr}, actions) => {
-  actions.push({
-    icon:'tu-icon-liebiao-fuzhi',
-    title: getLocale('OKR_MyO_Butt_CopyObjective'),
-    onClick: () => onCopyOkr()
-  })
-}
-
-const addDeleteButton: ActionDealFunction = ({auth,onDeleteOkr},actions) => {
-  if(!auth.hasAuth()) return;
-  actions.push({
-    icon:'tu-icon-del',
-    title: getLocale('OKR_MyO_Butt_DeleteO'),
-    onClick:onDeleteOkr
-  })
-}
-
-const addDetailButton: ActionDealFunction = ({detailInfo},actions) => {
-  const registerDate = window.BSGlobal.tenantAuthentication.StartDate;
-  dayjs(registerDate).year() < 2021 &&
-    actions.push({
-      icon: "tu-icon-xiangqing1",
-      title: "目标详情",
-      onClick: () => {
-        window.open(
-          `${location.pathname}#okr/manage?work_id=${detailInfo.workId}`
-        );
-      },
-    });
-}

package/src/components/okr-detail/detail-header/confirm.tsx

@@ -1,57 +0,0 @@
-import React, { ReactElement, useState, useCallback } from 'react';
-import ReactDom from 'react-dom';
-import Confirm, { CancelButton, SureButton } from '../../../components/dialog-confirm';
-import { getLocale } from "../../../utils/getLocale";
-
-interface Props {
-  title: string;
-  content: string;
-  onConfirm: (res: boolean) => void;
-}
-
-function OkrDetailHeaderConfirm({ onConfirm, title='', content='' }: Props): ReactElement {
-  const [visible, setVisible] = useState(true);
-
-  const handleConfirm = useCallback(res => {
-    onConfirm(res);
-    setVisible(false);
-  }, []);
-
-  return (
-    <Confirm visible={visible} type='warning'>
-      {
-        //@ts-ignore
-        <span type='title'>{title}</span>
-      }
-      {
-        //@ts-ignore
-        <span type='content'>{content}</span>
-      }
-
-      <CancelButton type='button' onClick={() => handleConfirm(false)}>
-        {getLocale('Mod_Cancel')}
-      </CancelButton>
-      {/* <WarningButton type="button">{getLocale('Mod_Delete')}</WarningButton> */}
-      <SureButton type='button' onClick={() => handleConfirm(true)}>
-        {getLocale('OKR_MyO_Butt_Determine')}
-      </SureButton>
-    </Confirm>
-  );
-}
-
-export default function openOkrHeaderConfirm(title, content?:string): Promise<boolean> {
-  const container = document.createElement('div');
-  document.body.appendChild(container);
-  return new Promise(resolve => {
-    ReactDom.render(
-      React.createElement(OkrDetailHeaderConfirm, { title, content, onConfirm: resolve }),
-      container,
-    );
-  }).then((res: boolean) => {
-    setTimeout(() => {
-      ReactDom.unmountComponentAtNode(container);
-      container.remove();
-    }, 200);
-    return res;
-  });
-}

package/src/components/okr-detail/detail-header/delete-confirm/delete-confirm.tsx

@@ -1,76 +0,0 @@
-import React, { ReactElement, useState } from 'react'
-import { DeleteWrapper, DeleteTitle, Options, ButtonGroup, Icon } from './style';
-import { Button } from 'tita-ui';
-import  Tooltip  from '../../../tooltip'
-import { getLocale } from "../../../../utils/getLocale";
-
-interface Props {
-  onConfirm: any
-  onCancel: Function
-}
-interface DeleteOptionsObj {
-  id: number;
-  text: string;
-  tips: string;
-}
-const getDeleteOptions = ():DeleteOptionsObj[] => [
-  {
-    id: 0,
-    text: '不删除目标下的任务',
-    tips: '',
-  },
-  {
-    id: 1,
-    text: '同时删除目标下所有任务',
-    tips: getLocale('Pro_detail_Tasksapproval'),
-  },
-  {
-    id: 2,
-    text: getLocale('Pro_detail_Attheametime'),
-    tips: getLocale('Pro_detail_Tasksapproval'),
-  },
-];
-function OkrDeleteConfirm({ onConfirm, onCancel }: Props): ReactElement {
-  const [selected, setSelected] = useState<number>(0);
-  return (
-    <DeleteWrapper onClick={e => e.stopPropagation()}>
-      <DeleteTitle>目标删除操作不可恢复！请谨慎操作</DeleteTitle>
-      <div>
-        {getDeleteOptions().map((option: DeleteOptionsObj) => (
-          <Options key={option.id} onClick={() => setSelected(option.id)}>
-            <Icon
-              className={
-                selected == option.id ? 'tu-icon-singlebox-avtive' : 'tu-icon-singlebox-have'
-              }
-            />
-            <p>{option.text}</p>
-            {option.tips && (
-              <Tooltip overlay={option.tips} placement="top" zIndex={15000}>
-                <Icon className='tu-icon-warning' />
-              </Tooltip>
-            )}
-          </Options>
-        ))}
-      </div>
-      <ButtonGroup>
-        <Button
-          onClick={() => {
-            onCancel()
-          }}
-        >
-          {getLocale('Mod_Cancel')}
-        </Button>
-        <Button
-          type='primary'
-          onClick={() =>
-            onConfirm(selected)
-          }
-        >
-          {getLocale('Pro_detail_Submission')}
-        </Button>
-      </ButtonGroup>
-    </DeleteWrapper>
-  )
-}
-
-export default OkrDeleteConfirm