@titaui/pc 1.7.45 → 1.7.49

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js

@@ -1,278 +0,0 @@
-import React, { useState, useContext, useEffect } from 'react';
-import classNames from 'classnames';
-import { getBSGlobal } from '../../../../../../utils/bs-global';
-import Avatar from '../../../../../avatar';
-import IconText from '../../../icon-text';
-import Confidence from '../../../../../confidence';
-import Progress from '../../../../../progress';
-import { CommonContext, OkrListContext } from '../../../../context';
-import Toast from '../../../../../toast';
-import DialogConfirm, { CancelButton, WarningButton } from '../../../../../dialog-confirm';
-import EditableInput from '../../../../components/editable-input';
-import { updateKrName } from "../../../../request-apis";
-import { KRAuth } from '../../../../../../utils/auth';
-import RangePickerPop from './range-picker-pop';
-import KrScoreEditor from './kr-score-editor';
-import preCls from '../../precls';
-import drawerManager from '../../../../../drawer-manager'
-import { getProcessColor } from '../../../../../progress/utils';
-import EditKrWightModal from '../../../../../edit-kr-wight/EditKrWightModal'
-import ProgressModal from '../../../../../okr-progress-modal';
-
-import {
-  updateKrPrincipal,
-  updateConfidenceIndex,
-  updateKrProgressAndStatus,
-  deleteKr
-} from '../../../../request-apis';
-import './index.scss';
-
-const OkrRowColumn = ({ children, width, marginLeft = 0 }) => {
-  return <span style={{
-    'display': 'inline-block',
-    'width': width,
-    'textAlign': 'left',
-    'marginLeft': marginLeft
-  }}>
-    {children}
-  </span>
-}
-
-export default props => {
-  const { data, index, title, key } = props;
-
-  const { refreshAll, okrInfo } = useContext(CommonContext);
-
-  const [confidence, setConfidence] = useState(data.confidenceIndex);
-  const [user, setUser] = useState(data.user || {});
-  const [editWightVisible, setEditWightVisible] = useState(false);
-  const [evaluateValue, setEvaluateValue] = useState(data.evaluateValue);
-  const [krModalVsible, setKrModalVsible] = useState(false);
-  const [deleteModalVisible, setDeleteModalVisible] = useState(false);
-  const [krName, setKrName] = useState(title);
-  const [showHeart] = useState(getBSGlobal('OkrAdvancedSetting').KRSetting.ShowKrConfidence); // 高级功能： 关键成果信心指数
-  const [showKrWeight] = useState(getBSGlobal('OkrAdvancedSetting').KRSetting.KrWeight);      // 高级功能： 关见成果权重
-  const [isEvaluate, setIsEvaluate] = useState(data.isEvaluate);
-
-  // 权限 & 非结束目标
-  const [krCanEdit] = useState(() => {
-    const hasAuth = new KRAuth({
-      'user': data.user,
-      'createUserId': data.createUserId
-    }).hasAuth();
-    const livetime = okrInfo.status != 2;
-    return (hasAuth && livetime);
-  });
-
-  useEffect(() => {
-    setKrName(title)
-  }, [title])
-
-  const { updateKrs } = useContext(OkrListContext);
-  const onEditUserHandler = ([user]) => {
-    setUser(user.data);
-    updateKrPrincipal({
-      'kr': data,
-      'user': user.data
-    });
-  }
-
-  const onHartChangeHandler = level => {
-    setConfidence(level);
-    updateConfidenceIndex({
-      'kr': data,
-      'confidenceIndex': level
-    }).then(() => {
-      Toast.Success('修改成功', { 'top': 60 });
-    })
-  }
-
-  const onEditWightOkHandler = () => {
-    updateKrs();
-    setEditWightVisible(false)
-  }
-
-  const onEditWightCancelHandler = () => {
-    setEditWightVisible(false)
-  }
-
-  const onWightClickHandler = () => {
-    setEditWightVisible(true)
-  }
-
-  const onProcessModalOk = val => {
-    let { progress, progressDescription, riskLevel, updateProgressWay } = val;
-    progress = progress.replace(/%/, '');
-    updateKrProgressAndStatus({
-      'krId': data.mileStoneId,
-      'progress': Number(progress),
-      progressDescription,
-      riskLevel,
-      updateProgressWay,
-    }).then(res => {
-      if (res.Code == 1) {
-        Toast.Success('修改成功', { 'top': 60 });
-        refreshAll()
-        updateKrs()
-        setKrModalVsible(false);
-      } else {
-        Toast.Error(res.Message, { 'top': 60 });
-      }
-    });
-  }
-
-  const onDeleteKrHandler = async () => {
-    const { Message } = await deleteKr(data.mileStoneId);
-    setDeleteModalVisible(false);
-    if (!Message) {
-      Toast.Success("删除成功");
-      setTimeout(() => {
-        refreshAll()
-        updateKrs()
-      }, 500)
-    } else {
-      Toast.Error(Message);
-    }
-  };
-
-  const onKrNameChangeHandler = val => {
-    updateKrName({
-      'mileStoneName': val,
-      'workId': data.workId,
-      'workMileStoneId': data.mileStoneId,
-    }).then(() => {
-      Toast.Success("修改成功");
-    })
-  }
-
-  const onPrograssEditHandler = () => {
-    if (!krCanEdit) return;
-    setKrModalVsible(true);
-  }
-
-  const onEvaluateChangeHanler = (val) => {
-    refreshAll();
-    updateKrs()
-    setEvaluateValue(val);
-    setIsEvaluate(true);
-  };
-
-  const onTitleTextClickHandler = () => {
-    drawerManager.open('krDetail', { 'krId': data.mileStoneId })
-  }
-
-  return <div className={classNames(`${preCls}__kr-node`)}>
-
-    <span className={classNames(`${preCls}__kr-node-drag`)}>
-      <span className="tu-icon-tuozhuai" />
-    </span>
-
-    <div className={classNames(`${preCls}__kr-node-h1`)}>
-      <span className={classNames(`${preCls}__kr-node-prefix`)}>KR{index + 1}</span>
-      <span className={classNames(`${preCls}__kr-node-title`)}>
-        <EditableInput
-          editable={krCanEdit}
-          defaultValue={krName}
-          emptyMessage={'KR名称不能为空'}
-          onKeyDown={onKrNameChangeHandler}
-          onBlur={onKrNameChangeHandler}
-          onTextClick={onTitleTextClickHandler}
-        />
-      </span>
-    </div>
-
-    <div className={classNames(`${preCls}__kr-node-h2`)}>
-      <OkrRowColumn width={68}>
-        <Avatar.Text
-          name={user.name}
-          id={user.userId}
-          width={68}
-          editable={krCanEdit}
-          onEditUser={onEditUserHandler}
-          nameTips={(name) => <span>负责人：{name}</span>}
-        />
-      </OkrRowColumn>
-
-      {showKrWeight && <OkrRowColumn width={60} marginLeft={16}>
-        <IconText
-          width={60}
-          editable={krCanEdit}
-          content={`${data.krWeight}%`}
-          onTextClick={onWightClickHandler}
-          icon="tu-icon-app-quanzhong"
-        />
-      </OkrRowColumn>
-      }
-
-      <OkrRowColumn width={190} marginLeft={16}>
-        <RangePickerPop data={data} editable={krCanEdit} />
-      </OkrRowColumn>
-
-      <div className={classNames(`${preCls}__kr-node-actions`)}>
-        {showHeart &&
-          <div className={classNames(`${preCls}__kr-node-confidence`)}>
-            <Confidence
-              value={confidence}
-              editable={krCanEdit}
-              onValueChange={setConfidence}
-              onValueChange={onHartChangeHandler}
-            />
-          </div>
-        }
-
-        <div className={classNames(`${preCls}__kr-node-circle`)} onClick={onPrograssEditHandler}>
-          <Progress.Circle
-            size={22}
-            width={3}
-            percent={data.progress}
-            linear={true}
-            linearId={data.mileStoneId}
-            linearStartColor={getProcessColor(data.riskLevel, 'linearStartColor', okrInfo.status)}
-            linearEndColor={getProcessColor(data.riskLevel, 'linearEndColor', okrInfo.status)}
-            backgroundColor={getProcessColor(data.riskLevel, 'backgroundColor', okrInfo.status)} />
-        </div>
-
-        <div className={classNames(`${preCls}__kr-node-score`)}>
-          <KrScoreEditor
-            data={data}
-            editable={krCanEdit || data.evaluateEditable}
-            evaluateValue={evaluateValue}
-            setEvaluateValue={onEvaluateChangeHanler}
-            isEvaluate={isEvaluate}
-          />
-        </div>
-
-        {krCanEdit &&
-          <div className={classNames(`${preCls}__kr-node-delete`)} onClick={() => setDeleteModalVisible(true)}>
-            <span className="tu-icon-del" />
-          </div>
-        }
-      </div>
-    </div>
-
-    <EditKrWightModal
-      workId={data.workId}
-      isShowModal={editWightVisible}
-      onCancel={onEditWightCancelHandler}
-      onClose={() => setEditWightVisible(false)}
-      onOk={onEditWightOkHandler}
-    />
-
-    <ProgressModal
-      okrInfo={data}
-      title='更新 KR 完成度'
-      visible={krModalVsible}
-      onClose={() => setKrModalVsible(false)}
-      onOk={onProcessModalOk}
-      isKr={true}
-      maxLength={5000}
-    />
-
-    <DialogConfirm visible={deleteModalVisible} type="warning">
-      <span type="title">确定要删除该关键成果吗？</span>
-      <span type="content">该关键成果将被删除不可恢复，请谨慎操作!</span>
-      <CancelButton type="button" onClick={() => setDeleteModalVisible(false)}>取消</CancelButton>
-      <WarningButton type="button" onClick={onDeleteKrHandler}>删除</WarningButton>
-    </DialogConfirm>
-  </div>
-}

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/index.scss

@@ -1,107 +0,0 @@
-$font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-
-.tita-okrdt-tree {
-  &__kr-node {
-    position: relative;
-    width: 100%;
-    padding-bottom: 15px;
-    padding-top: 15px;
-    background-color: white;
-    border-bottom: 1px solid #e9ecf0;
-
-    &-drag {
-      position: absolute;
-      display: inline-block;
-      visibility: hidden;
-      left: -11px;
-    }
-
-    &-actions {
-      display: flex;
-      float: right;
-      right: 0;
-      bottom: 14px;
-      height: 24px;
-      & > div {
-        margin-left: 16px;
-      }
-    }
-
-    &-confidence {
-      display: inline-block;
-      width: 56px;
-      line-height: 32px;
-      cursor: pointer;
-    }
-
-    &-circle {
-      display: inline-block;
-      line-height: 26px;
-      width: 64px;
-      cursor: pointer;
-      color: #89919f;
-      .tooltip-text-wrapper{
-        margin-left: 4px;
-      }
-    }
-
-    &-score {
-      display: inline-block;
-      width: 68px;
-      line-height: 24px;
-      cursor: pointer;
-      & > div {
-        display: unset !important;
-      }
-    }
-
-    &-delete {
-      display: inline-block;
-      cursor: pointer;
-      color: #89919f;
-      line-height: 22px;
-      & > span {
-        vertical-align: middle;
-      }
-      &:hover > span {
-        color: #f05e5e;
-      }
-    }
-
-    &-h1 { }
-    &-h2 {
-      height: 20px;
-      padding-left: 28px;
-      z-index: 1;
-    }
-
-    &-prefix {
-      display: inline-block;
-      height: 22px;
-      font-size: 12px;
-      font-family: $font-family;
-      color: #2879ff;
-      line-height: 22px;
-      overflow: hidden;
-    }
-
-    &-title {
-      display: inline-block;
-      margin-left: 8px;
-      font-size: 14px;
-      font-family: $font-family;
-      font-weight: 500;
-      color: #3f4755;
-      line-height: 22px;
-      vertical-align: top;
-      width: calc(100% - 32px);
-      white-space: break-spaces;
-    
-      &:hover {
-        .tu-icon-bianji2 {
-          visibility: visible;
-        }
-      }
-    }
-  }
-}

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/edit-pop.tsx

@@ -1,245 +0,0 @@
-import React, { PureComponent } from 'react'
-import Popup from '../../../../../../popup';
-import styled from 'styled-components'
-
-const Wrapper = styled.div`
-  min-width: 343px;
-  background: #FFFFFF;
-  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.21);
-  border-radius: 4px;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch; 
-`
-const Header = styled.div`
-  background-image: linear-gradient(90deg, #1D86F0 6%, #5CADFF 94%);
-  height: 32px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0 16px;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-`
-const Body = styled.div`
-  padding: 13px 13px 15px 18px;
-`
-const Title = styled.span`
-  font-size: 14px;
-  color: #FFF;
-  user-select: none;
-`
-const Icon = styled.a`
-  font-size: 12px;
-  color: #FFF;
-  &:hover {
-    color: #FFF;
-  }
-`
-const Line = styled.div`
-  display: flex;
-  height: 23px;
-  align-items: center;
-  margin-bottom: 2px;
-`
-const InputName = styled.span`
-  font-family: PingFangSC-Regular;
-  font-size: 14px;
-  color: #83898F;
-  margin-right: 4px;
-`
-const LineInputWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: stretch;
-  flex: 1;
-  box-sizing: border-box;
-  border: 1px solid #E6E8EB;
-  border-radius: 4px;
-  height: 28px;
-  line-height: 23px;
-  font-size: 14px;
-  color: #33383D;
-  padding: 0 8px;
-`
-const BtnWrapper = styled.div`
-  display: flex;
-  justify-content: flex-end;
-`
-const CancelBtn = styled.a`
-  width: 55px;
-  height: 26px;
-  text-align: center;
-  line-height: 26px;
-  background: #FAFBFC;
-  box-shadow: 0 0 2px 0 rgba(0,0,0,0.21);
-  border-radius: 2px;
-  font-size: 12px;
-  color: #565E66;
-  margin-right: 15px;
-  &:hover {
-    color: #565E66;
-  }
-`
-
-interface Props {
-  isValueValid?: boolean
-  title: string
-  inputName: string
-  type?: string
-  onConfirm: Function
-  className?: string
-  align?: string
-  autoAdjust?: string
-  value?: string
-  placeHolder?: string
-  onShow?: Function
-  scoreInfoText?: string
-  information?: any
-  changeScoreText?: Function
-  extra?: any
-  style?: any
-  maxLength?: number
-  disable?: boolean
-  container?: HTMLDivElement | HTMLElement
-  popClassName?: any
-}
-const ErrorWrapper = styled.div`
-font-size: 12px;
-color: #D0021B;
-height: 20px;
-`
-export default class EditPop extends PureComponent<Props> {
-  score: HTMLDivElement;
-  state = {
-    value: this.props.value,
-    showError: false,
-    errMsg: '',
-    disable: false,
-    visiable: false
-  }
-  static defaultProps = {
-    value: ''
-  }
-  handleCancel = () => {
-    this.setState({
-      'visiable': false
-    })
-  }
-  handleClick = (e: any) => {
-    e.stopPropagation()
-    e.nativeEvent.stopImmediatePropagation()
-    const { onShow } = this.props;
-    onShow && onShow()
-    this.setState({
-      value: this.props.value,
-      errMsg: '',
-      showError: false
-    })
-    // // @ts-ignore
-    // this.refs.pop.open() //this.refs.trigger
-    this.setState({
-      'visiable': true
-    })
-  }
-  handleConfirm = () => {
-    const { onConfirm, isValueValid } = this.props;
-    const { value } = this.state;
-    let error = onConfirm(value);
-    const disable = this.props.disable;
-    if (error) {
-      this.setState({
-        showError: true,
-        errMsg: error,
-        disable: disable ? true : false
-      })
-      return;
-    }
-    if (isValueValid != void 0 && !isValueValid) return;
-    if (this.state.showError) return;
-    // // @ts-ignore
-    // this.refs.pop.close();
-    this.setState({
-      'visiable': false
-    })
-  }
-  handleChange = (e: any) => {
-    const { maxLength } = this.props;
-    const value = e.target.value;
-    const disable = this.props.disable;
-    this.setState({
-      value: value,
-      showError: maxLength && value.length > maxLength,
-      errMsg: `已输入 ${value.length} 个字，最多可输入 ${maxLength} 个字`,
-      disable: maxLength && value.length > maxLength && disable ? true : false
-    })
-
-  }
-  render() {
-    const { isValueValid, title, inputName, type, placeHolder, information, extra, style, container } = this.props;
-    const { showError, errMsg, disable, visiable } = this.state;
-    const SureBtn = styled.a`
-      width: 55px;
-      height: 26px;
-      text-align: center;
-      line-height: 26px;
-      background: #1D86F0;
-      box-shadow: 0 0 2px 0 rgba(0,0,0,0.21);
-      border-radius: 2px;
-      font-size: 12px;
-      color: #FFFFFF;
-      &:hover {
-        color: ${isValueValid ? '#FFF' : '#565E66'};
-      }
-    `
-    const sureButtonStyleForScoreInfo = isValueValid ? {} : { backgroundColor: 'rgb(231, 238, 243)', color: 'rgb(173, 184, 192)' };
-
-    //这个样式只针对修改评分说明, 需要判断是否提供了isValueValid
-    const sureBtnStyle2 = isValueValid != void 0 ? sureButtonStyleForScoreInfo : {};
-    const sureBtnStyle1 = disable ? { default: 'default', color: '#ADB8C0', backgroundColor: '#E7EEF3' } : {};
-
-    const popupLayer = <Wrapper onClick={(e: any) => { e.stopPropagation(); e.nativeEvent.stopImmediatePropagation() }}>
-      <Header>
-        <Title>{title}</Title>
-        <Icon className="tu-icon-canceled" onClick={this.handleCancel} />
-      </Header>
-      <Body>
-        <Line>
-          <InputName style={type == 'line' ? undefined : { position: 'relative', top: '3px' }}>{inputName}</InputName>
-          {
-            type == 'line' &&
-            <LineInputWrapper style={showError ? { borderColor: '#D0021B' } : undefined}>
-              <input style={{ border: 'none', outline: 'none', width: '100%' }} placeholder={placeHolder} value={this.state.value} onChange={this.handleChange} />
-            </LineInputWrapper>
-          }
-        </Line>
-        {
-          type != 'line' &&
-          <textarea style={{ width: '100%', height: '44px', lineHeight: '22px', border: `1px solid ${showError ? '#D0021B' : '#E6E8EB'}`, borderRadius: '4px', display: 'block' }} value={this.state.value} placeholder={placeHolder} onChange={this.handleChange} />
-        }
-        <ErrorWrapper style={{ paddingLeft: type == 'line' ? 30 : 0 }}>
-          {showError && errMsg}
-        </ErrorWrapper>
-        {information}
-        {extra}
-        <BtnWrapper>
-          <CancelBtn onClick={this.handleCancel}>取消</CancelBtn>
-          <SureBtn onClick={this.handleConfirm} style={{
-            ...sureBtnStyle1,
-            ...sureBtnStyle2
-          }}>确定</SureBtn>
-        </BtnWrapper>
-      </Body>
-    </Wrapper>;
-
-    return <Popup
-      popupVisible={visiable}
-      popup={popupLayer}
-      onPopupVisibleChange={v => this.setState({ 'visiable': v })}
-      destroyPopupOnHide={true}
-    >
-      {this.props.children}
-    </Popup>
-  }
-}

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/index.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import KrPushScore from './kr-push-score';
-import Score from '../../../../score';
-import '../index.scss';
-
-export default props => {
-  const { data, editable, evaluateValue, setEvaluateValue, isEvaluate } = props;
-
-  const onScoreChangeHandler = v => {
-    setEvaluateValue(v);
-  };
-
-  const score = <Score score={evaluateValue} editable={editable} isEvaluate={isEvaluate} />;
-
-  return <React.Fragment>
-    {editable ?
-      <KrPushScore
-        setRefInParent={() => { }}
-        textAreaValue={data.remark || ''}
-        areaValue={''}
-        value={evaluateValue}
-        container={window.document.body}
-        noIconEdit={true}
-        createTask={true}
-        editable={false}
-        onChangeScore={onScoreChangeHandler}
-        evaluateEditable={true}
-        mileStoneId={data.mileStoneId}
-        showMessage={false}
-        hasText={true}
-        align='bottom right'
-        renderTag={() => score}
-      /> : score
-    }
-  </React.Fragment>
-}