@titaui/pc 1.7.45 → 1.7.49

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/e-project.js

@@ -1,112 +0,0 @@
-import React, { useContext, useState } from 'react';
-import classNames from 'classnames';
-import Avatar from '../../../../../avatar';
-import { CommonContext, EListContext } from '../../../../context';
-import DialogConfirm, { CancelButton, SureButton } from '../../../../../dialog-confirm';
-import { cancelRel } from '../../../../request-apis';
-import StatusTime from '../../../../../status-time';
-import preCls from '../../precls';
-import Progress from '../../../../../progress';
-import getProcessColor from '../get-process-color';
-import { KRAuth, OAuth } from '../../../../../../utils/auth';
-import Tooltip from "../../../../../tooltip";
-import TooltipText from '../../../../../tooltip/tooltip-text';
-import { isPlatform } from "../../../../../../utils/platform";
-import DrawerManager from "../../../../../drawer-manager";
-import {escapeHtml} from '../../../../../../utils/helpers'
-
-import './index.scss';
-
-export default props => {
-  const { index, title, data, createUserId } = props;
-
-  const [unConnectVisible, setUnConnectVisible] = useState(false);
-  const [isGray] = useState(data.status===2)
-
-
-  const {
-    okrInfo,
-  } = useContext(CommonContext);
-  const { refreshEList } = useContext(EListContext);
-
-  const isParticipant = okrInfo.authority.roleRelation && okrInfo.authority.roleRelation.roleType === 2;
-  const hasRelativeAuth = new KRAuth({user: data.user, createUserId: createUserId}).hasAuth() || new OAuth({principalUser: okrInfo.principalUser, createUserId: okrInfo.createUserId}).hasAuth();
-
-  // const onEditUserHandler = ([user]) => {
-  //   updateTaskPrincipal({task_id: data.taskId, to_user_id: user.data.userId}).then(resp => {
-  //     console.log(resp)
-  //   })
-  //   console.log(user)
-  // }
-
-  const onSureUnConnectHandler = () => {
-    cancelRel({krId: data.mileStoneId, objType: data.objType, okrId: okrInfo.workId, taskId: data.id}).then(resp => {
-      if(resp.Code === 1) {
-        refreshEList();
-      }
-    })
-    setUnConnectVisible(false);
-  }
-
-  const openProjectDetail = () => {
-    if (isPlatform('dd')) {
-      DrawerManager.close();
-    }
-    window.open(window.location.href.replace(location.hash,'#work?iTalentNavCode=tita-work&work_id=' + data.id))
-  }
-
-  return <div
-    key={index}
-    className={classNames(`${preCls}__e-project-node`)}
-  >
-    <span className={classNames(`${preCls}__e-project-node-prefix`)}>
-      <span className="tu-icon-Add-xiangmu" />
-    </span>
-    <span className={classNames(`${preCls}__e-project-node-title `)} onClick={openProjectDetail}>
-      <TooltipText text={escapeHtml(title)} isPercent/>
-    </span>
-
-    <div className={classNames(`${preCls}__e-project-node-actions`)}>
-
-      <span className={classNames(`${preCls}__e-project-node-actions-user`)}>
-        {/* <TextAvatar name={user.name} id={user.userId} width={76} editable onEditUser={onEditUserHandler} /> */}
-        <Avatar.Text name={data?.principalUser?.name} id={data?.principalUser?.userId} width={64} extraCls={isGray&&`${preCls}__e-project-node-gray`} />
-      </span>
-
-      <span className={classNames(`${preCls}__e-project-node-actions-date`)}>
-        <StatusTime
-          deadLine={data.deadLine}
-          isComplete={data.status === 2}
-        />
-      </span>
-
-      <span className={classNames(`${preCls}__e-project-node-actions-progress ${isGray&&`${preCls}__e-project-node-gray`}`)}>
-        <Progress.Circle
-          size={22}
-          width={3}
-          percent={data.progress}
-          linear={true}
-          linearId={data.taskId}
-          linearStartColor={getProcessColor(data.riskLevel, 'linearStartColor', data.status)}
-          linearEndColor={getProcessColor(data.riskLevel, 'linearEndColor', data.status)}
-          backgroundColor={getProcessColor(data.riskLevel, 'backgroundColor', data.status)} />
-      </span>
-
-      {okrInfo.status === 1 && (hasRelativeAuth || isParticipant) ? (
-        <Tooltip overlay={'取消关联'} placement="top" >
-          <span className={classNames(`${preCls}__e-project-node-actions-connect`)} onClick={() => setUnConnectVisible(true)}>
-            <span className="tu-icon-quxiaoguanlian e-node-status-icon" />
-          </span>
-        </Tooltip>
-      ) : null}
-    </div>
-
-    <DialogConfirm visible={unConnectVisible} type="warning">
-      <span type="title">确定取消关联吗？</span>
-      <span type="content">取消关联后该项目将不在此目标下显示</span>
-      <CancelButton type="button" onClick={() => setUnConnectVisible(false)}>取消</CancelButton>
-      <SureButton type="button" onClick={onSureUnConnectHandler}>确定</SureButton>
-    </DialogConfirm>
-
-  </div>
-}

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/e-status-dropdown.js

@@ -1,46 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import Popup from '../../../../../popup';
-import classNames from 'classnames';
-import DropSelector, { IconItem } from '../../../../../drop-selector';
-import preCls from '../../precls';
-
-import './index.scss';
-
-export default props => {
-  const { onChange, checked, hasAuth } = props;
-
-  const [status, setStatus] = useState('tu-icon-notstart');
-
-  const onMenuClickHandler = name => {
-    setStatus(name);
-    onChange && onChange(name);
-  }
-
-  useEffect(() => {
-    setStatus(checked);
-  }, [checked])
-
-  return <React.Fragment>
-    <DropSelector
-      onChange={onMenuClickHandler}
-      checked={status}
-      canEdit={hasAuth}
-      trigger={
-        <span style={{
-          'color': '#89919F',
-          'fontSize': 14,
-          'marginRight': 4,
-          'verticalAlign': 'baseline'
-        }} className={classNames(status)}>
-        </span>
-      }
-    >
-      <IconItem name="tu-icon-finished" exIconClass='e-node-status-icon'>已完成</IconItem>
-      <IconItem name="tu-icon-running" exIconClass='e-node-status-icon'>进行中</IconItem>
-      <IconItem name="tu-icon-canceled" exIconClass='e-node-status-icon'>已取消</IconItem>
-      <IconItem name="tu-icon-deferred" exIconClass='e-node-status-icon'>已延迟</IconItem>
-      <IconItem name="tu-icon-paused" exIconClass='e-node-status-icon'>暂停中</IconItem>
-      <IconItem name="tu-icon-notstart" exIconClass='e-node-status-icon'>未开始</IconItem>
-    </DropSelector>
-  </React.Fragment>
-}

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/e-task-level2.js

@@ -1,295 +0,0 @@
-import React, { useState, useCallback, useContext } from "react";
-import classNames from "classnames";
-import Toast from "../../../../../toast";
-import EStatusDropdown from "./e-status-dropdown";
-import Avatar from "../../../../../avatar";
-import preCls from "../../precls";
-import {escapeHtml} from '../../../../../../utils/helpers'
-import {
-  updateTaskDate,
-  updateTaskPrincipal,
-  updateTaskStatus,
-  cancelRel,
-  setTaskPriority,
-} from "../../../../request-apis";
-import { EStatusClass2StatusType, EStatusStatus2ClassType } from "./constant";
-import StatusTime from "../../../../../status-time";
-import DialogConfirm, {
-  CancelButton,
-  SureButton,
-} from "../../../../../dialog-confirm";
-import { CommonContext, EListContext } from "../../../../context";
-import Progress from "../../../../../progress";
-import getProcessColor from "../get-process-color";
-import { EAuth, KRAuth, OAuth } from "../../../../../../utils/auth";
-import Tooltip from "../../../../../tooltip";
-import EPriorityDropdown from "../../../../../e-priority";
-import TooltipText from "../../../../../tooltip/tooltip-text";
-import { isPlatform } from "../../../../../../utils/platform";
-import DrawerManager from "../../../../../drawer-manager";
-import "./index.scss";
-
-export default (props) => {
-  const { index, title, data, level, isLeaf, createUserId, krUser } = props;
-
-  const [user, setUser] = useState(data.principalUser || {});
-  const [priority, setPriority] = useState(data.priority + "");
-  const [dateInfo, setDateInfo] = useState({
-    deadLine: data.deadLine,
-    isLongTerm: data.isLongTerm,
-    status: data.status,
-    riskLevel: data.riskLevel,
-  });
-  const [unConnectVisible, setUnConnectVisible] = useState(false);
-  const [isGray, setIsGray] = useState(data.status === 2);
-  const [isCancel, setIsCancel] = useState(data.status === 4);
-  const { okrInfo } = useContext(CommonContext);
-  const { refreshEList } = useContext(EListContext);
-
-  const hasAuth =
-    (new EAuth({
-      principalUser: data.principalUser,
-      user: data.user,
-    }).hasAuth() ||
-      new KRAuth({ user: krUser, createUserId: createUserId }).hasAuth() ||
-      new OAuth({
-        principalUser: okrInfo.principalUser,
-        createUserId: okrInfo.createUserId,
-      }).hasAuth()) &&
-    data.status !== 5;
-  const isParticipant =
-    okrInfo.authority.roleRelation &&
-    okrInfo.authority.roleRelation.roleType === 2;
-  const hasRelativeAuth =
-    new KRAuth({ user: data.user, createUserId: createUserId }).hasAuth() ||
-    new OAuth({
-      principalUser: okrInfo.principalUser,
-      createUserId: okrInfo.createUserId,
-    }).hasAuth();
-
-  const onEditUserHandler = ([user]) => {
-    updateTaskPrincipal({ task_id: data.taskId, to_user_id: Number(user.id) })
-      .then((data) => {
-        if (data.Code === 1) {
-          setUser(user.data);
-          Toast.Success("操作成功", { canClose: false });
-        } else {
-          Toast.Error(resp.Message, { canClose: false });
-        }
-      })
-      .catch(() => {
-        Toast.Error("网络异常", { canClose: false });
-      });
-  };
-
-  const onEStatusChangeHandler = (statusType) => {
-    updateTaskStatus({
-      task_id: data.taskId,
-      status: EStatusClass2StatusType[statusType],
-    })
-      .then((resp) => {
-        if (resp.Code === 1) {
-          setDateInfo({
-            ...dateInfo,
-            status: EStatusClass2StatusType[statusType],
-          });
-          setIsGray(EStatusClass2StatusType[statusType] === 2);
-          setIsCancel(EStatusClass2StatusType[statusType] === 4);
-          Toast.Success("操作成功", { canClose: false });
-        } else {
-          Toast.Error(resp.Message, { canClose: false });
-        }
-      })
-      .catch(() => {
-        Toast.Error("网络异常", { canClose: false });
-      });
-  };
-
-  const onSureUnConnectHandler = () => {
-    cancelRel({
-      krId: data.mileStoneId,
-      objType: data.objType,
-      okrId: okrInfo.workId,
-      taskId: data.taskId,
-    })
-      .then((resp) => {
-        if (resp.Code === 1) {
-          Toast.Success("操作成功", { canClose: false });
-          refreshEList();
-        } else {
-          Toast.Error(resp.Message, { canClose: false });
-        }
-      })
-      .catch(() => {
-        Toast.Error("网络异常", { canClose: false });
-      })
-      .finally(setUnConnectVisible(false));
-  };
-
-  const onEditDateHandler = useCallback(async (e) => {
-    if (!hasAuth) return;
-    const res = await window.openDatePicker(e.target, {
-      isShowCycleView: false,
-      rangepickerOptions: {
-        startDate: data.startDate,
-        endDate: data.deadLine,
-      },
-    });
-    await updateTaskDate({
-      task_id: data.taskId,
-      startDate: res.startDate,
-      endDate: res.endDate,
-      isLongTerm: res.isLongTerm,
-    })
-      .then((resp) => {
-        if (resp.Code === 1) {
-          setDateInfo({
-            deadLine: resp.Data.deadLine,
-            isLongTerm: resp.Data.isLongTerm,
-            status: resp.Data.status,
-          });
-          Toast.Success("操作成功", { canClose: false });
-        } else {
-          Toast.Error(resp.Message, { canClose: false });
-        }
-      })
-      .catch(() => {
-        Toast.Error("网络异常", { canClose: false });
-      });
-  }, []);
-
-  const onEPriorityChangeHandler = (selectPriority) => {
-    setTaskPriority({ task_id: data.taskId, priority: selectPriority }).then(
-      (resp) => {
-        if (resp.Code === 1) {
-          Toast.Success(resp.Message, { canClose: false });
-          setPriority(selectPriority);
-        } else {
-          Toast.Error(resp.Message, { canClose: false });
-        }
-      }
-    );
-  };
-
-  const handleShowTaskDetail = () => {
-    if (isPlatform('dd')) {
-      DrawerManager.close();
-    }
-    window.open(
-      "https://" +
-        location.host +
-        location.pathname +
-        "#more/taskinfo?id=" +
-        data.taskId
-    );
-  };
-
-  return (
-    <div key={index} className={classNames(`${preCls}__e-task-level2-node`)}>
-      <span className={classNames(`${preCls}__e-task-level2-node-prefix`)}>
-        <EStatusDropdown
-          onChange={onEStatusChangeHandler}
-          checked={EStatusStatus2ClassType[dateInfo.status]}
-          hasAuth={hasAuth}
-        />
-      </span>
-      <span className={classNames(`${preCls}__e-task-node-priority`)}>
-        <EPriorityDropdown
-          onChange={onEPriorityChangeHandler}
-          checked={priority}
-          hasAuth={hasAuth}
-          status={data.status}
-        />
-      </span>
-
-      <span
-        className={classNames(
-          `${preCls}__e-task-level2-node-title ${
-            isCancel ? `${preCls}__e-project-node-gray` : ""
-          }`
-        )}
-        onClick={handleShowTaskDetail}
-      >
-        <TooltipText text={escapeHtml(title)} isPercent={true} />
-      </span>
-
-      <span className={classNames(`${preCls}__e-task-level2-node-actions`)}>
-        <span
-          className={classNames(`${preCls}__e-task-level2-node-actions-user`)}
-        >
-          <Avatar.Text
-            name={user?.name}
-            id={user?.userId}
-            width={64}
-            editable={hasAuth}
-            onEditUser={onEditUserHandler}
-            isGetRoot={true}
-            extraCls={(isCancel || isGray) && `${preCls}__e-project-node-gray`}
-          />
-        </span>
-
-        <span
-          className={classNames(`${preCls}__e-task-level2-node-actions-date`)}
-          onClick={onEditDateHandler}
-        >
-          <StatusTime
-            deadLine={dateInfo.deadLine}
-            isLongTerm={dateInfo.isLongTerm}
-            isCancel={dateInfo.status === 4}
-            isComplete={dateInfo.status === 2}
-          />
-        </span>
-        <span
-          className={classNames(
-            `${preCls}__e-task-node-actions-progress ${(isGray || isCancel) &&
-              `${preCls}__e-project-node-gray`}`
-          )}
-        >
-          <Progress.Circle
-            size={22}
-            width={3}
-            percent={data.progress}
-            linear={true}
-            linearId={data.taskId}
-            linearStartColor={getProcessColor(
-              dateInfo.riskLevel,
-              "linearStartColor",
-              dateInfo.status
-            )}
-            linearEndColor={getProcessColor(
-              dateInfo.riskLevel,
-              "linearEndColor",
-              dateInfo.status
-            )}
-            backgroundColor={getProcessColor(
-              dateInfo.riskLevel,
-              "backgroundColor",
-              dateInfo.status
-            )}
-          />
-        </span>
-
-        {okrInfo.status === 1 && (hasRelativeAuth || isParticipant) ? (
-          <Tooltip overlay={"取消关联"} placement="top">
-            <span
-              className={classNames(`${preCls}__e-task-node-actions-connect`)}
-              onClick={() => setUnConnectVisible(true)}
-            >
-              <span className="tu-icon-quxiaoguanlian e-node-status-icon" />
-            </span>
-          </Tooltip>
-        ) : null}
-      </span>
-      <DialogConfirm visible={unConnectVisible} type="warning">
-        <span type="title">确定取消关联吗？</span>
-        <span type="content">取消关联后该任务将不在此目标下显示</span>
-        <CancelButton type="button" onClick={() => setUnConnectVisible(false)}>
-          取消
-        </CancelButton>
-        <SureButton type="button" onClick={onSureUnConnectHandler}>
-          确定
-        </SureButton>
-      </DialogConfirm>
-    </div>
-  );
-};