@titaui/pc 1.9.99 → 1.9.103

package/src/components/change-okr-modal/constant.ts

@@ -1,132 +0,0 @@
-import { getMonth } from "../../utils/constant";
-import { getLocale, isEn } from "../../utils/getLocale";
-
-export const getYear = () => {
-  const years: any = [
-    {
-      title: getLocale("OKR_MyO_Butt_Allyears"),
-      value: -1,
-    },
-  ];
-  for (let i = 2013; i < 2051; i++) {
-    years.push({ title: i + (isEn ? "" : "年"), value: i });
-  }
-
-  return years;
-};
-
-export const getStatusType = () => [
-  {
-    title: getLocale("OKR_MyO_Butt_AllStates"),
-    value: 0,
-  },
-  {
-    title: getLocale("Per_MyRe_text_Inprogress"),
-    value: 1,
-  },
-  {
-    title: getLocale("OKR_MyO_Butt_Hasended"),
-    value: 2,
-  },
-];
-
-export const getOkrTypes = () => [
-  {
-    title: getLocale("OKR_MyO_Butt_Alltypes"),
-    value: -1,
-  },
-  {
-    title: getLocale("OKR_MyO_Pop_Company"),
-    value: 3,
-  },
-  {
-    title: getLocale("Mod_Department"),
-    value: 2,
-  },
-  {
-    /**
-        新增的团队 --- start
-      */
-    title: getLocale("OKR_MyO_Text_Team"),
-    value: 4,
-    /**
-        新增的团队 --- end
-      */
-  },
-  {
-    title: getLocale("OKR_MyO_Pop_Individual"),
-    value: 1,
-  },
-];
-
-export const getPopType = () => ({
-  0: getLocale("OKR_OKRW_Butt_Switchobje"),
-  1: getLocale("OKR_MyO_Pop_SetAlignment"),
-});
-
-export const getTypeMap = () => ({
-  1: getLocale("OKR_MyO_Pop_Individual"),
-  2: getLocale("Mod_Department"),
-  3: getLocale("OKR_MyO_Pop_Company"),
-  4: getLocale("OKR_MyO_Text_Team"),
-});
-
-export const getBimonthlyMonthKeyValue = (startMonth) => {
-  const start = startMonth % 2 == 1 ? 1 : 2;
-  let month = start;
-  const getNextMonth = (month, step = 1) => (month + step) % 12 || 12;
-  const datas: {
-    title: string;
-    value: string;
-  }[] = [];
-  const monthLang = getMonth();
-  if (!isEn) {
-    datas.push({
-      title: `${start} - ${getNextMonth(start)}月`,
-      value: `4,${start}`,
-    });
-    while (1) {
-      month = getNextMonth(month, 2);
-      if (month == start) break;
-      datas.push({
-        title: `${month} - ${getNextMonth(month)}月`,
-        value: `4,${month}`,
-      });
-    }
-  } else {
-    datas.push({
-      title: `${monthLang[start - 1]} - ${monthLang[getNextMonth(start) - 1]}`,
-      value: `4,${start}`,
-    });
-    while (1) {
-      month = getNextMonth(month, 2);
-      if (month == start) break;
-      datas.push({
-        title: `${monthLang[month - 1]} - ${monthLang[getNextMonth(month) - 1]}`,
-        value: `4,${month}`,
-      });
-    }
-  }
-  return datas;
-};
-
-export const getMonthKeyValue = () => {
-  const month = getMonth();
-  return [
-    {
-      title: month[0],
-      value: "3,1",
-    },
-    { title: month[1], value: "3,2" },
-    { title: month[2], value: "3,3" },
-    { title: month[3], value: "3,4" },
-    { title: month[4], value: "3,5" },
-    { title: month[5], value: "3,6" },
-    { title: month[6], value: "3,7" },
-    { title: month[7], value: "3,8" },
-    { title: month[8], value: "3,9" },
-    { title: month[9], value: "3,10" },
-    { title: month[10], value: "3,11" },
-    { title: month[11], value: "3,12" },
-  ];
-};

package/src/components/change-okr-modal/filterTab.tsx

@@ -1,47 +0,0 @@
-import React, { Component } from "react";
-import uuid from "uuid";
-import { OptionItem } from "./styledComponents";
-
-interface Props {
-  valuesArray: any[];
-  value: number | string;
-  title: string;
-  name: string;
-  style?: React.CSSProperties;
-  onClick: (...arg: any[]) => any;
-}
-function keyValueMapper(array: { title: string; value: string | number }[], value: string | number): string {
-  const val = array.filter((key) => key.value == value);
-  if (val[0]) {
-    return val[0].title;
-  }
-  return "invalid";
-}
-
-export default class FilterTab extends Component<Props, { visible: boolean }> {
-  constructor(props: Props) {
-    super(props);
-    this.state = {
-      visible: true,
-    };
-  }
-
-  componentWillReceiveProps(nextProps: Props) {
-    this.setState({ visible: true });
-  }
-
-  render() {
-    const {
-      title, value, valuesArray, onClick, name,
-    } = this.props;
-    return (
-      <span style={this.props.style}>
-        <span style={{ marginRight: 5 }}>{title}</span>
-        <OptionItem key={value + uuid.v1()}>
-          {keyValueMapper(valuesArray, value)}
-          <i className="tu-icon-cross" onClick={() => onClick(name)} />
-        </OptionItem>
-      </span>
-    );
-  }
-}

package/src/components/change-okr-modal/index.scss

@@ -1,40 +0,0 @@
-
-.okr-panel-changeOkrPop {
-  transform-origin: right top;
-  
-  &-enter {
-    opacity: 0.1;
-    // transform: translateY(-50px);
-    &-active {
-      opacity: 1;
-      transform: translate(0,0) scale(1)!important;
-      transition: opacity .3s ease,transform .5s ease;
-      
-    }
-  }
-  &-leave {
-    opacity: 1;
-    transition: opacity .3s ease,transform .5s ease;
-    transform: translate(0,0) scale(1);
-    &-active {
-      opacity: 0;
-      // transition: opacity .5s ease;
-      
-    }
-  }
-
-  // &.okr-panel-changeOkrPop-baseInfo,
-  &.okr-panel-changeOkrPop-createOkr {
-    position: fixed !important;
-    left: 50% !important;
-    transform: translate(-50%, -50%) scale(1.01) !important;
-  }
-
-  // &.okr-panel-changeOkrPop-baseInfo {
-  //   top: 50% !important;
-  // }
-
-  &.okr-panel-changeOkrPop-createOkr {
-    top: 44% !important;
-  }
-}

package/src/components/change-okr-modal/index.tsx

@@ -1,492 +0,0 @@
-import React, { PureComponent } from "react";
-
-import Filter from "./Filter";
-import Item from "./Item";
-import {
-  Wrapper, Header, Body, List, Footer, ButtonGroup, Button, LoadMore, NoMore,
-} from "./styledComponents";
-import { taker, getApiUrl } from "../../utils/request-v1";
-import { getUserInfo, getBSGlobal } from "../../utils/bs-global";
-import Pop from "../../components-v1/pop";
-import { getPopType } from "./constant";
-import { getLocale } from "../../utils/getLocale";
-import "./index.scss";
-
-interface Props {
-  className?: string;
-  container?: HTMLElement;
-  alilgn?: string;
-  autoAdjust?: string;
-  parentId?: number; // 对齐目标ID
-  openUserSelector?: Function;
-  eventBridge: any;
-  onConfirm: Function;
-  toUser: any;
-  okrPopType: number; // 0：切换目标，1：对齐目标
-  hideCancelBtn?: boolean;
-}
-interface State {
-  year?: number | null;
-  cycle?: string | null;
-  status: number | null;
-  type: any;
-  users: any[];
-  data: any;
-  keywords: string;
-  selected?: any;
-  loadingMore: boolean;
-  isEnd: boolean;
-  departments: any;
-  remembered: boolean;
-  nextPage: number;
-  selectOkr: any;
-  toUserId: number;
-}
-const pageSize = 20;
-
-function parseUser(toUser) {
-  return {
-    Name: toUser.name,
-    Id: toUser.userId,
-    DepartmentId: 0,
-    Email: toUser.email,
-    UserAvatar: toUser.avatar,
-    Department: "",
-  };
-}
-// ChangeOKR 是伴随父组件的出现而出现的， 构造阶段就已经有所有的数据
-export default class ChangeOkr extends PureComponent<Props, State> {
-  private PAGE_ID = this.props.okrPopType == 1 ? 40001 : 40011;
-
-  // 切换对齐目标弹层 40011
-  // 关联对齐目标弹层 40001
-  private DATA_KEY = `62_${getUserInfo().Id}`;
-
-  KRSetting = getBSGlobal("OkrAdvancedSetting").KRSetting;
-
-  constructor(p: Props) {
-    super(p);
-    const { toUser } = p;
-    const user = parseUser(toUser); // 从这里放数据 关键是也没有啊
-    this.state = {
-      year: null,
-      status: null,
-      cycle: null,
-      type: null,
-      users: [user], // 构造之后这里还是空的
-      departments: [],
-      data: [],
-      keywords: "",
-      loadingMore: false,
-      isEnd: false,
-      nextPage: 1,
-      selected: undefined,
-      remembered: true, // 点击记住选择 刷新页面后 首次加载这里应该是记住选择
-      selectOkr: {},
-      toUserId: getUserInfo().Id, // 当前操作人
-    };
-
-    // this.props.eventBridge.trigger('filterUsersChange',JSON.parse(JSON.stringify([user])))
-  }
-
-  pop: any;
-
-  page = 1;
-
-  moveX: number = 0;
-
-  pending = false;
-
-  list: any;
-
-  static defaultProps = {
-    parentId: 0,
-  };
-
-  show = (node: any, moveX: number) => {
-    this.moveX = moveX;
-    this.pop.show(node);
-    this.getCondition();
-    // if (this.props.okrPopType == 1) {
-    // }
-  };
-
-  hide = () => {
-    const { parentId, okrPopType } = this.props;
-    if (parentId === 0 && okrPopType === 1) {
-      this.setState({
-        selected: undefined,
-      });
-    }
-    if (okrPopType == 1) {
-      this.setState({
-        keywords: "",
-        nextPage: 1,
-      });
-    }
-    this.pop.hide();
-  };
-
-  componentDidUpdate(p: Props) {
-    if (p.toUser.userId != this.props.toUser.userId) {
-      const { toUser } = this.props;
-      const user = parseUser(toUser);
-      this.setState({
-        users: [user],
-        data: [],
-        keywords: "",
-      });
-    }
-  }
-
-  handleAddFilterUsers = (u, d) => {
-    this.setState(
-      {
-        users: u,
-        departments: d,
-        nextPage: 1,
-      },
-      this.getListData,
-    );
-    this.setState({ remembered: false });
-  };
-
-  onBeforeShow = () => {
-    const p = document.querySelector(".okr-panel-changeOkrPop");
-    // @ts-ignore
-    p && (p.style.transform = `translate(${this.moveX}px,-20px) scale(0)`);
-  };
-
-  onAfterShow = () => {
-    const p = document.querySelector(".okr-panel-changeOkrPop");
-    // @ts-ignore
-    p && (p.style.transform = "translate(0,0) scale(1)");
-  };
-
-  handleFilterChange = (propName: string, value: any) => {
-    if (propName == "clear") {
-      this.setState(
-        {
-          users: [],
-          departments: [],
-          nextPage: 1,
-          year: null,
-          status: null,
-          cycle: null,
-          type: null,
-          remembered: false,
-        },
-        () => {
-          this.getListData();
-        },
-      );
-      return;
-    }
-
-    this.setState(
-      // @ts-ignore
-      {
-        [propName]: value,
-        nextPage: 1,
-        // selected: undefined,
-        remembered: false,
-      },
-      this.getListData,
-    );
-    if (propName == "remembered" && value) {
-      this.setState({ [propName]: value });
-      this.saveCondition(this.state.users, this.state.departments);
-      return;
-    }
-    if (propName == "remembered" && !value) {
-      this.setState({ [propName]: value });
-      this.deleteCondition();
-    }
-  };
-
-  getCondition() {
-    const { toUser } = this.props;
-    const user = parseUser(toUser); // 从这里放数据 关键是也没有啊
-    // 首次加载的时候 需要把 cycle 通过 cycleType 与 yqmNum 合并出来
-    const url = getApiUrl(`customizequery/condition/get?dataKey=${this.DATA_KEY}&pageId=${this.PAGE_ID}`);
-    taker(url, "GET").then((res) => {
-      // condition 设置完筛选条件 然后再调用 getData()
-      if (res.Code === 1) {
-        let {
-          cycleType, yqmNum, annualNum, okrType, status, users,
-        } = res.Data;
-        let cycle;
-        cycleType || "";
-        if (cycleType == 1 || cycleType == -1) {
-          cycle = `${cycleType}`;
-        } else {
-          cycle = cycleType ? `${cycleType},${yqmNum}` : null;
-        }
-        const year = annualNum || null;
-        // status = status || 0;
-        okrType = okrType == undefined ? null : okrType;
-        if (!this.KRSetting.OkrTypeSetting) { okrType = null; }
-        if (!users || !users.length) {
-          this.setState({
-            cycle, year, status, type: okrType, users: [user], keywords: "", nextPage: 1,
-          }, () => this.getListData());
-        } else {
-          this.setState({
-            cycle,
-            year,
-            status,
-            type: okrType,
-            users: [...users].map(({ email, id, name }) => ({
-              Name: name,
-              Id: id,
-              DepartmentId: 0,
-              Email: email,
-              Department: "",
-              UserAvatar: "",
-              keywords: "",
-              nextPage: 1,
-            })),
-          }, () => this.getListData());
-        }
-      }
-    });
-  }
-
-  saveCondition = (users, depts) => {
-    const url = getApiUrl("customizequery/condition/save");
-    const departmentIdsArr = depts.map((item) => item.Id);
-    const {
-      year, cycle, status, type,
-    } = this.state;
-    const data = {
-      dataKey: this.DATA_KEY, // 用户ID_项目ID_里程碑ID
-      pageId: this.PAGE_ID, //	列表页Id
-      startTime: "", // 开始时间
-      endTime: "", //	结束时间
-      departmentIds: departmentIdsArr.join(","), //	部门id
-      userObjects: [
-        {
-          Id: "",
-          Name: "",
-          Email: "",
-          Relation: 0,
-        },
-      ], // 用户id
-      scope: "", //	范围
-      categoryIds: "", // 分类
-      sortType: "", // 排序
-      annualNum: year, // 0 -1 undefined 1999
-      status,
-      okrType: type,
-      cycleType: cycle ? `${cycle}`.split(",")[0] : null,
-      yqmNum: cycle ? `${cycle}`.split(",")[1] : null,
-    };
-    data.userObjects = [];
-    users.forEach((item) => {
-      data.userObjects.push({
-        Id: `${item.Id}`,
-        Name: item.Name,
-        Email: item.Email,
-        Relation: 0,
-      });
-    });
-    taker(url, "POST", data);
-  };
-
-  deleteCondition = () => {
-    const url = getApiUrl(`customizequery/condition/delete?dataKey=${this.DATA_KEY}&pageId=${this.PAGE_ID}`);
-    taker(url, "DELETE", {});
-  };
-
-  scollListToTop = () => {
-    this.list && (this.list.scrollTop = 0);
-  };
-
-  getListData = async (isLoading?: boolean) => {
-    if (this.pending) return;
-    let {
-      status, cycle, year, keywords, type, users, departments, data, nextPage,
-    } = this.state;
-    cycle = cycle || "-1";
-    year = year || -1;
-    status = status || 0;
-
-    const url = getApiUrl("okr/search");
-    this.pending = true;
-    if (isLoading) {
-      this.page++;
-      this.setState({ loadingMore: true });
-    } else {
-      this.page = 1;
-    }
-    taker(url, "POST", {
-      // 优秀！
-      /**
-       * pageNum: 0
-       * pageSize: 20
-       */
-      cycleType: `${cycle}`.split(",")[0],
-      yqmNum: `${cycle}`.split(",")[1] || 0, // 如果是 undefined 就控制成 0 说明没有第二条件
-      annualNum: year,
-      pageNum: nextPage == 0 ? 1 : this.page, // pageNum 最小是1
-      pageSize,
-      status,
-      keywords,
-      okrType: type == -1 ? "" : type,
-      orderType: 13, // 13:按人员排序
-      departmentIds: departments.map((d) => d.Id).join(","),
-      userIds: users.map((u) => u.Id).join(","),
-      searchKr: this.props.okrPopType, // 是否搜索KR：默认为0-不搜索，1-只有对齐目标弹层可以搜索KR
-      toUserId: this.state.toUserId,
-    })
-      .then((res) => {
-        this.pending = false;
-        const resData = (res && res.Data && res.Data.works) || [];
-        const isRefresh = this.page == 1;
-        this.setState(
-          {
-            nextPage: res.Data.nextPage,
-            loadingMore: false,
-            data: isRefresh ? resData : [...data, ...resData],
-            isEnd: res.Data.nextPage === 0,
-          },
-          () => {
-            isRefresh && this.scollListToTop();
-          },
-        );
-      })
-      .catch((e) => {
-        this.pending = false;
-        this.state.loadingMore
-          && this.setState({
-            loadingMore: false,
-          });
-      });
-  };
-
-  handleSelect = (data: any) => {
-    // @ts-ignore
-    const { selectData, okrInfo } = data;
-    const { selected } = this.state;
-    if (selectData.mileStoneId) {
-      selectData.workIdCopy = selectData.workId;
-      selectData.workId = 0;
-    }
-    if (selected && ((selectData.workId && selected.workId && selectData.workId == selected.workId) || (selectData.mileStoneId && selected.mileStoneId && selectData.mileStoneId == selected.mileStoneId))) return;
-    this.setState({
-      selected: selectData,
-      selectOkr: okrInfo,
-    });
-  };
-
-  handleConfirm = () => {
-    const { selected, selectOkr } = this.state;
-    const parentType = selected && selected.mileStoneId ? 2 : 1;
-    // 临时注入
-    const data = { ...selected, _okrInfo: selectOkr }; // _okrInfo 为选中O信息，如果当前选中的是kr，okrinfo 则为kr所属的O
-    data.parentType = parentType;
-    if (selected && (selected.workId || selected.mileStoneId) != this.props.parentId) {
-      this.props.onConfirm(data);
-    }
-    this.hide();
-  };
-
-  handleUnConnect = () => {
-    // 取消关联对齐目标
-    this.props.onConfirm({
-      workId: 0,
-      workName: "",
-      mileStoneId: 0,
-      mileStoneName: "",
-      parentType: 0,
-    });
-    this.setState({ selected: { workId: 0, workName: "" } });
-    this.hide();
-  };
-
-  render() {
-    const {
-      year, cycle, status, type, users, data, selected, loadingMore, isEnd, departments, keywords, remembered,
-    } = this.state;
-    const {
-      className, okrPopType, parentId, container, hideCancelBtn,
-    } = this.props;
-
-    const activeItem = selected || { workId: parentId };
-    if (activeItem.mileStoneId) {
-      activeItem.workId = 0;
-    }
-
-    return (
-      <Pop
-        ref={(r) => (this.pop = r)}
-        align={this.props.alilgn}
-        autoAdjust={this.props.autoAdjust}
-        onBeforeShow={this.onBeforeShow}
-        onAfterShow={this.onAfterShow}
-        onBeforeHide={this.onBeforeShow}
-        cover
-        className={`okr-panel-changeOkrPop ${className}`}
-        // transitionName='okr-panel-changeOkrPop'
-        // container={container ? container : document.querySelector('.pg-tmpl-honour-scroll')}
-      >
-        <Wrapper okrPopType={okrPopType}>
-          <Header>
-            {getPopType()[okrPopType]}
-            <i className="tu-icon-close" style={{ cursor: "pointer" }} onClick={this.hide} />
-          </Header>
-          <Body>
-            <Filter
-              year={year}
-              departments={departments}
-              status={status}
-              // @ts-ignore
-              cycle={cycle}
-              okrPopType={okrPopType}
-              type={type}
-              users={users}
-              remembered={remembered}
-              onChange={this.handleFilterChange}
-              onUserChange={this.handleAddFilterUsers}
-            />
-            <List ref={(r: any) => (this.list = r)}>
-              {data.map((d, i) => (
-                <Item data={d} keywords={keywords} key={`${d.workId}${i}`} active={activeItem} onSelect={(data: any) => this.handleSelect(data)} isShowKr={okrPopType === 1} />
-              ))}
-              {!!data.length && !isEnd && (
-                <LoadMore>
-                  <a onClick={() => this.getListData(true)}>
-                    {loadingMore ? `${getLocale("Mod_loading")}…` : getLocale("OKR_MyO_Butt_Loadmore")}
-                    <i className="tu-icon-arrow-down" />
-                  </a>
-                </LoadMore>
-              )}
-              {!!data.length && isEnd && (
-              <NoMore>
-                {getLocale("Mod_Nomore")}
-                ～
-              </NoMore>
-              )}
-            </List>
-          </Body>
-          <Footer>
-            {okrPopType === 1 && parentId != 0 && !hideCancelBtn && (
-              <Button
-                type="confirm"
-                onClick={this.handleUnConnect}
-              >
-                {getLocale("OKR_MyO_Text_Cancel")}
-              </Button>
-            )}
-            <ButtonGroup>
-              <Button onClick={this.hide}>{getLocale("Mod_Cancel")}</Button>
-              <Button style={{ marginLeft: 15 }} disabled={!selected && parentId == 0} type="confirm" onClick={this.handleConfirm}>
-                {getLocale("OKR_MyO_Butt_Determine")}
-              </Button>
-            </ButtonGroup>
-          </Footer>
-        </Wrapper>
-      </Pop>
-    );
-  }
-}