@titaui/pc 1.7.45 → 1.7.49

package/src/components/okr-detail/okr-list/index.js

@@ -1,396 +0,0 @@
-import React, { useEffect, useState, useRef, useContext, useMemo, forwardRef, useImperativeHandle } from "react";
-import classNames from "classnames";
-import { Collapse } from "react-collapse";
-import OkrTree from "../components/okr-tree";
-import BlockLine from "../components/block-line";
-import AddKr from "./add-parent-okr";
-import CreateKr from "./create-kr-item";
-import { GeneralDataContext, OkrListContext, CommonContext } from "../context";
-import ChangeOkr from "../../change-okr-modal";
-import Toast from "../../toast";
-import {
-  getKrs,
-  getOrg,
-  updateParentId,
-  krChangeOrder,
-  getOkrUsers,
-  getRelWorks,
-} from "../request-apis";
-import PaddingLayout from "../components/padding-layout";
-import EmptyPanelContent from "./empty";
-import { getUserInfo } from "../../../utils/bs-global";
-import { moveFront, moveNext } from "./drag-order-kr";
-import Loading from "../loading";
-import { OAuth } from "../../../utils/auth";
-
-import "./index.scss";
-
-const { Name, Id, UserAvatar } = getUserInfo();
-const preCls = "okr-detail-okrs-list";
-
-const treeDataFormate = (nodes, type = "kr") => {
-  const formateNodes = [];
-  nodes.forEach((it, index) => {
-    let title = "";
-    if (type == "kr" || type == "kr-parent") title = it.mileStoneName;
-    if (type == "o-child" || type == "o-parent") title = it.workName;
-    formateNodes.push({
-      key: it.mileStoneId,
-      index: index,
-      title: title,
-      isLeaf: true,
-      nodeType: type,
-      data: it,
-    });
-  });
-  return formateNodes;
-};
-
-export default forwardRef((props, ref) => {
-  const { okrId, okrInfo } = props;
-
-  const wrapperRef = useRef();
-  const parenOkrtRef = useRef();
-
-  const [pureKrs, setPureKrs] = useState([]);
-  const [krs, setKrs] = useState([]);
-  const [createKrShow, setCreateKrShow] = useState(false);
-  const [toUser, setToUser] = useState();
-  const [loading, setLoading] = useState(true);
-
-  const { generalParent = {}, setGeneralParent, setShowOkrEvalute } = useContext(
-    GeneralDataContext
-  );
-  const { refreshAll } = useContext(CommonContext);
-  const { parentId, parentOkr, parentKr } = generalParent;
-
-  const [isOpened, setIsOpened] = useState(true);
-
-  const [childOkrs, setChildOkrs] = useState();
-
-  // 权限
-  const [canEditOkr] = useState(() => {
-    const { principalUser, createUserId } = okrInfo;
-    const hasAuth = new OAuth({ principalUser, createUserId }).hasAuth();
-    const livetime = okrInfo.status != 2;
-    return hasAuth && livetime;
-  });
-  const getParentAndChildWorks = async () => {
-    const { Data } = await getRelWorks(okrInfo.workId);
-    const { childWorks = [], parentWork, parentKr } = Data;
-    const authChildWorks = (childWorks || []).filter(item => item.OkrVisible);
-    if (authChildWorks.length > 0) {
-      setChildOkrs(treeDataFormate(authChildWorks, "o-child"))
-    } else {
-      setChildOkrs(null);
-    }
-    parentWork && setGeneralParent({
-      parentId: parentKr ? parentKr.mileStoneId : parentWork.workId,
-      parentType: parentKr ? 2 : 1,
-      parentOkr: parentWork,
-      parentKr: parentKr,
-    })
-  }
-  // 权限 目标参与人
-  const [isInnerUser, setIsInnerUser] = useState(false);
-  useEffect(() => {
-    getOkrUsers(okrInfo.workId).then((res) => {
-      const [innerUser] = res.Data.filter((it) => it.order == 2);
-      let hasUser = innerUser.users.filter((it) => it.userId == Id);
-      if (hasUser.length) setIsInnerUser(true);
-    });
-    getParentAndChildWorks();
-  }, []);
-
-  const updateKrs = () => {
-    return getKrs({ okrId }).then(pureKrs => {
-      const arr = pureKrs.filter(item => item.mileStoneId !== 0)
-      setPureKrs(arr);
-      setLoading(false);
-      setShowOkrEvalute(
-        arr.length > 0 && arr.filter((item) => !item.isEvaluate) == 0
-      );
-    });
-  }
-
-  useImperativeHandle(ref, () => {
-    return {
-      updateKrs
-    }
-  })
-
-  useEffect(() => {
-    updateKrs()
-  }, []);
-
-  useEffect(() => {
-    const strucKrs = treeDataFormate(pureKrs, "kr");
-    setKrs(strucKrs);
-  }, [pureKrs]);
-
-  const onAddKrHandler = kr => {
-    refreshAll();
-    updateKrs()
-    Toast.Success("创建成功");
-  };
-
-  const changeParentOkrHandler = (confirm) => {
-    const { workId, _okrInfo } = confirm;
-    let params = {
-      okrId: okrInfo.workId,
-      parentId: okrInfo.parentId || okrInfo.parentKrId,
-      parentType: 1,
-      parentKr: null,
-      parentOkr: null,
-    };
-    if (workId === 0) {
-      // 说明对齐目标是KR
-      const { mileStoneId, ...restConfirm } = confirm;
-      params.parentId = mileStoneId;
-      params.parentType = 2;
-      params.parentKr = {
-        mileStoneId,
-        ...restConfirm,
-        workId: _okrInfo.workId,
-      };
-      params.parentOkr = _okrInfo;
-    } else {
-      // 我就是对齐目标
-      const { workId } = confirm;
-      params.parentId = workId;
-      params.parentType = 1;
-      params.parentOkr = confirm;
-    }
-    updateParentId(params).then((data) => {
-      if (data.Code == 1) {
-        Toast.Success("操作成功");
-        setGeneralParent({
-          parentId: params.parentId,
-          parentType: params.parentType,
-          parentOkr: params.parentOkr,
-          parentKr: params.parentKr,
-        });
-      } else {
-        Toast.Error(data.Message);
-      }
-    });
-  };
-
-  const onAddParentOkrHandler = () => {
-    getOrg().then((res) => {
-      if (res.Code == 1) {
-        const { SuperiorUser } = res.Data;
-        if (SuperiorUser) {
-          setToUser({
-            name: SuperiorUser.Name,
-            userId: SuperiorUser.Id,
-            avatar: SuperiorUser.UserAvatar,
-          });
-        } else {
-          setToUser({
-            name: Name,
-            userId: Id,
-            avatar: UserAvatar,
-          });
-        }
-        parenOkrtRef.current && parenOkrtRef.current.show(document.body, 0);
-      }
-    });
-  };
-
-  const onKrRemoveHandler = (krId) => {
-    setPureKrs([...pureKrs.filter((item) => item.mileStoneId !== krId)]);
-  };
-
-  const onParentRemoveHandler = () => {
-    setGeneralParent({
-      parentId: 0,
-      parentType: 0,
-      parentOkr: null,
-    });
-  };
-
-  const onOkrItemDropHandler = (info) => {
-    if (!canEditOkr) return;
-
-    const dropNode = info.node;
-    const dragNode = info.dragNode;
-    const dropPos = info.node.pos.split("-");
-    const dropPosition =
-      info.dropPosition - Number(dropPos[dropPos.length - 1]);
-
-    // 移动类型，after 1 before 2
-    let isDown = dropPosition == -1 ? false : true;
-
-    krChangeOrder({
-      baseOn: 0,
-      workId: okrInfo.workId,
-      positionType: isDown ? 1 : 2,
-      movingObjId: dragNode.key,
-      referenceObjId: dropNode.key,
-    }).then((res) => {
-      // 修改UI数据相应
-      if (res.Code != 1) return;
-      let pureNewKrs = [];
-      if (dropPosition == -1) {
-        // 拖到了顶部
-        pureNewKrs = moveFront(krs, dragNode);
-      } else {
-        // 下
-        pureNewKrs = moveNext(krs, dropNode, dragNode);
-      }
-      setPureKrs(pureNewKrs);
-    });
-  };
-
-  let okrParent;
-  if (parentKr) {
-    let newParentKr = { ...parentKr, parentOkr };
-    okrParent = treeDataFormate([newParentKr], "kr-parent");
-  } else if (parentOkr) {
-    okrParent = treeDataFormate([parentOkr], "o-parent");
-  }
-
-  const isShowAlignOkr = useMemo(() => {
-    return (
-      (childOkrs && childOkrs.length > 0) || // 有子目标
-      parentOkr || // 有父目标
-      (!parentOkr && canEditOkr) // 无父目标但有权限编辑
-    );
-  }, [parentOkr, childOkrs, canEditOkr]);
-
-  const renderKrs = () => {
-    if (!loading && !krs.length && !createKrShow) {
-      return (
-        <EmptyPanelContent
-          onCreateKr={() => setCreateKrShow(true)}
-          canEditOkr={canEditOkr || isInnerUser}
-          style={isShowAlignOkr ? { padding: "40px 0 24px 0" } : { padding: '100px 0' }}
-        />
-      );
-    }
-    return (
-      <React.Fragment>
-        <div
-          className={classNames(`${preCls}__okr-list`, {
-            [`${preCls}__okr-list--draggable`]: canEditOkr,
-            [`${preCls}__okr-list--readonly`]: !(canEditOkr || isInnerUser),
-          })}
-        >
-          <PaddingLayout padding={`0 32px 0 18px`}>
-            <OkrTree
-              data={krs}
-              draggable={canEditOkr}
-              onDrop={onOkrItemDropHandler}
-            />
-          </PaddingLayout>
-        </div>
-
-        {(canEditOkr || isInnerUser) && (
-          <div ref={wrapperRef} className={classNames(`${preCls}__addkr`)}>
-            <PaddingLayout>
-              {createKrShow ? (
-                <CreateKr
-                  startDate={okrInfo.startDate}
-                  endDate={okrInfo.endDate}
-                  workId={okrInfo.workId}
-                  getWrapperRef={() => wrapperRef}
-                  addKr={onAddKrHandler}
-                  onHide={() => setCreateKrShow(false)}
-                />
-              ) : (
-                <div onClick={() => setCreateKrShow(true)}>
-                  <span
-                    className={classNames(
-                      `${preCls}__addkr-prefix`,
-                      "tu-icon-add1"
-                    )}
-                  />
-                  <span className={classNames(`${preCls}__addkr-text`)}>
-                    添加KR
-                  </span>
-                </div>
-              )}
-            </PaddingLayout>
-          </div>
-        )}
-      </React.Fragment>
-    );
-  };
-
-  return (
-    <OkrListContext.Provider
-      value={{
-        // O 行，点击修改对齐目标触发事件
-        modifyOParent: onAddParentOkrHandler,
-        removeKr: onKrRemoveHandler,
-        removeParent: onParentRemoveHandler,
-        updateKrs: updateKrs,
-      }}
-    >
-      <div className={classNames(preCls)}>
-        {!loading ? (
-          <React.Fragment>
-
-            {renderKrs()}
-
-            {isShowAlignOkr && (
-              <React.Fragment>
-
-                <BlockLine style={{ 'padding': '0 32px' }} />
-
-                <div className={classNames(`${preCls}__align-to`)}>
-                  <div className={classNames(`${preCls}__align-to-title`)}>
-                    对齐目标
-                  </div>
-                  {!parentOkr && canEditOkr ? (
-                    <AddKr onClick={onAddParentOkrHandler} />
-                  ) : (
-                    <div className={classNames(`${preCls}__align-to-tree`)}>
-                      <OkrTree data={okrParent} />
-                    </div>
-                  )}
-                </div>
-
-                {childOkrs && childOkrs.length > 0 && (
-                  <div className={classNames(`${preCls}__align-on`)}>
-                    <div
-                      className={classNames(`${preCls}__align-on-title`, {
-                        [`${preCls}__align-on-title--open`]: isOpened,
-                      })}
-                      onClick={() => setIsOpened(!isOpened)}
-                    >
-                      <span>对齐我的目标（{childOkrs.length}）</span>
-                    </div>
-
-                    <Collapse isOpened={isOpened}>
-                      <div className={classNames(`${preCls}__align-on-tree`)}>
-                        <OkrTree data={childOkrs} />
-                      </div>
-                    </Collapse>
-                  </div>
-                )}
-              </React.Fragment>
-            )}
-
-            {toUser && (
-              <ChangeOkr
-                className="parent-target-pop-index"
-                alilgn="top"
-                eventBridge={""}
-                hideCancelBtn={true}
-                okrPopType={1}
-                toUser={toUser} // 这里异步数据
-                ref={parenOkrtRef}
-                parentId={parentId}
-                onConfirm={changeParentOkrHandler}
-              />
-            )}
-          </React.Fragment>
-        ) : (
-          <Loading type="panel" />
-        )}
-      </div>
-    </OkrListContext.Provider>
-  );
-});

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

@@ -1,133 +0,0 @@
-$font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-
-@mixin okr-align-title {
-  height: 22px;
-  font-size: 14px;
-  font-family: $font-family;
-  font-weight: 500;
-  color: #a4acb9;
-  line-height: 22px;
-}
-
-.okr-detail-okrs-list {
-  height: 100%;
-
-  &__okr-list--draggable {
-    .rc-tree-treenode:hover {
-      .tita-okrdt-tree__kr-node-drag {
-        visibility: visible;
-      }
-    }
-  }
-
-  &__okr-list--readonly {
-    .rc-tree-treenode:last-child {
-      .tita-okrdt-tree__kr-node {
-        border-bottom: none;
-      }
-    }
-  }
-
-  &__okr-list {
-  }
-
-  &__addkr {
-    position: relative;
-    padding: 12px 0;
-    cursor: pointer;
-
-    &-prefix {
-      color: #2879ff;
-      margin-right: 5px;
-      font-size: 13px;
-      font-weight: 600;
-    }
-    &-text {
-      height: 22px;
-      font-size: 14px;
-      font-family: $font-family;
-      font-weight: 400;
-      color: #2879ff;
-      line-height: 22px;
-    }
-  }
-
-  &__align-on {
-    margin: 16px 0 0 0;
-    padding: 0 32px 0 32px;
-
-    &-tree {
-      position: relative;
-      left: -14px;
-      width: calc(100% + 14px);
-
-      .rc-tree-treenode.rc-tree-treenode-leaf-last {
-        .tita-okrdt-tree__o-child-node {
-          border-bottom: none;
-        }
-      }
-    }
-
-    &-title {
-      @include okr-align-title;
-      & > span {
-        position: relative;
-        cursor: pointer;
-      }
-      & > span:before {
-        display: inline-block;
-        position: absolute;
-        content: "";
-        top: 0;
-        right: -16px;
-        width: 16px;
-        height: 16px;
-        background: url(../images/xialat-s.svg) transparent no-repeat 50% 50%;
-        cursor: pointer;
-        transform: rotate(0);
-        transition: all 0.2s;
-      }
-      &--open {
-        & > span:before {
-          transform: rotate(-180deg);
-        }
-      }
-    }
-  }
-
-  &__align-to {
-    margin: 6px 0 0 0;
-    padding: 0 32px 0 32px;
-
-    &-tree {
-      position: relative;
-      left: -14px;
-      width: calc(100% + 14px);
-    }
-
-    &-add {
-      margin-top: 12px;
-      margin-bottom: 24px;
-      cursor: pointer;
-
-      &-prefix {
-        color: #2879ff;
-        margin-right: 5px;
-        font-size: 13px;
-        font-weight: 600;
-      }
-      &-text {
-        height: 22px;
-        font-size: 14px;
-        font-family: $font-family;
-        font-weight: 400;
-        color: #2879ff;
-        line-height: 22px;
-      }
-    }
-
-    &-title {
-      @include okr-align-title;
-    }
-  }
-}

package/src/components/okr-detail/okr-list/warp-parent-okr.js

@@ -1,13 +0,0 @@
-
-export default nodes => {
-  return [
-    {
-      'key': '0',
-      'index': 0,
-      'nodeType': 'default',
-      'title': `对齐我的目标 (${nodes.length})`,
-      'isLeaf': false,
-      'children': nodes
-    }
-  ]
-}