@titaui/pc 1.7.12 → 1.7.13

package/src/pages/home/components/guide/stepItem.tsx

@@ -1,58 +0,0 @@
-import React, { ReactElement } from "react";
-
-interface Props {
-  title: string;
-  step: number;
-  linkName: string;
-  isFinalStep?: boolean;
-  href: string;
-}
-const prefixCls = "home-page-guide-step";
-
-function HomeGuideStepItem({
-  step,
-  title,
-  linkName,
-  isFinalStep = false,
-  href
-}: Props): ReactElement {
-
-  const openGuide = () => {
-    window.open(href)
-  }
-
-  const openOkrPage = () => {
-    window.open(window.location.href.split('#')[0] + '#okr/manage','_self')
-  }
-
-  return (
-    <div className={prefixCls}>
-      <div className={prefixCls + "__left"}>
-        <img
-          className={prefixCls + "__step-icon"}
-          src={require(`../../image/step${step}.png`)}
-          alt=""
-        />
-        {!isFinalStep && (
-          <img
-            className={prefixCls + "__arrow"}
-            src={require("../../image/arrow.png")}
-          />
-        )}
-      </div>
-      <div className={prefixCls + "__right"}>
-        <div className={prefixCls + "__title"}  onClick={openOkrPage}>{title}<i className="tu-icon-APP-xi"/></div>
-        <div className={prefixCls + "__link"} onClick={openGuide}>
-          <img
-            className={prefixCls + "__video-icon"}
-            src={require("../../image/video.png")}
-            alt=""
-          />
-          <span>{linkName}</span>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default HomeGuideStepItem;

package/src/pages/home/components/header/index.scss

@@ -1,22 +0,0 @@
-.tita-tab-header {
-  height: 68px;
-  background-color: #ffffff;
-  box-shadow: 0px 0px 8px 0px #E9ECF0;
-  display: flex;
-  align-items: flex-end;
-  padding: 0 7px;
-  position: relative;
-  z-index: 10;
-  .rc-tabs-nav {
-    border: none!important;
-  }
-  .titaui-tabs .rc-tabs-tab {
-    margin: 0 18px
-  }
-  .titaui-tabs .rc-tabs-tab-btn {
-    font-size: 20px;
-    height: 28px;
-    line-height: 28px;
-    margin-bottom: 20px;
-  }
-}

package/src/pages/home/components/header/index.tsx

@@ -1,19 +0,0 @@
-import React, { ReactElement } from 'react'
-import Tabs,{ TabPane }  from '../../../../components/tabs'
-import "./index.scss"
-
-interface Props {
-  
-}
-
-function Header({}: Props): ReactElement {
-  return (
-    <div className="tita-tab-header">
-      <Tabs size={"big"}>
-        <TabPane tab="我的" tabKey="my"></TabPane>
-      </Tabs>
-    </div>
-  )
-}
-
-export default Header

package/src/pages/home/index.scss

@@ -1,19 +0,0 @@
-.tita-home-page {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  height: 100%;
-  align-items: stretch;
-  overflow: hidden;
-  &-body {
-    flex: 1;
-    height: 0;
-    padding: 20px 22px 0;
-    overflow: auto;
-    background-color: #f0f4fa;
-    & > div {
-      max-width: 1500px;
-      margin: 0 auto;
-    }
-  }
-}

package/src/pages/home/index.tsx

@@ -1,26 +0,0 @@
-import React, { ReactElement } from "react";
-import GridLayout from '../../components/grid-layout';
-import HomePageGuide from "./components/guide";
-import TabHeader from "./components/header";
-import "./index.scss";
-
-interface Props {}
-
-const prefixCls = "tita-home-page";
-
-function HomePage({}: Props): ReactElement {
-  return (
-    <div className={prefixCls}>
-      <TabHeader />
-      <div className={prefixCls + '-body'}>
-        <div>
-          <GridLayout editable={false} />
-        </div>
-      </div>
-
-      <HomePageGuide />
-    </div>
-  );
-}
-
-export default HomePage;

package/src/pages/home-page-data-list/index.tsx

@@ -1,79 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import HomeDataTable from '../home/components/data-list/table';
-import HomeNavSelector from '../home/components/data-list/nav-selector';
-// import Pagination from '../../../../components/pagination'
-import '../home/components/data-list/index.scss';
-
-const preCls = 'homepage-datalist';
-
-export interface CycleTime {
-  name: string;
-  yearNum: string;
-  cycleType: string;
-  yqmNum: string;
-}
-
-const HomePageDataList = () => {
-  const [source, setSource] = useState(''); //从url中获取页面来源
-  const [type, setType] = useState(''); //从url中获取查找类型
-  const [cycleTime, setCycleTime] = useState<CycleTime>({
-    name: '全部周期',
-    yearNum: '2021',
-    cycleType: '-1',
-    yqmNum: '0',
-  }); //周期时间
-
-  const typeMap = new Map();
-  typeMap.set('all', '全部');
-  typeMap.set('hadNotAlign', '未对齐');
-  typeMap.set('hadAlign', '已对齐');
-  typeMap.set('hadNotUpdate', '未更新');
-  typeMap.set('hadUpdate', '已更新');
-  typeMap.set('normalOkr', '正常');
-  typeMap.set('riskOkr', '有风险');
-  typeMap.set('dalyOkr', '已延期');
-  typeMap.set('endOkr', '已结束');
-
-  useEffect(() => {
-    const query = window.location.hash.split('?')[1]; //将hash后的以#分开，取后面
-    const arr = query ? query.split('&') : []; //以&分割成数组
-    for (let item of arr) {
-      const [key, value] = item.split('='); //以等号分割
-      if (key === 'source') {
-        setSource(value);
-      }
-      if (key === 'type') {
-        setType(value);
-      }
-    }
-  }, []);
-
-  return (
-    <div className={`${preCls}`}>
-      <div className={`${preCls}__header`}>
-        {/* 为什么inline不可以？ */}
-        <a href="#homepage" className={`${preCls}__header--back`}>
-          <span className="tu-icon-fanhui" />
-          返回
-        </a>
-        <b />
-        {source === 'align' && 'OKR 对齐'}
-        {source === 'update' && 'OKR 更新'}
-        {source === 'target' && '我的OKR'}
-      </div>
-      <div className={`${preCls}__main`}>
-        <HomeNavSelector
-          source={source}
-          typeMap={typeMap}
-          type={type}
-          setType={setType}
-          cycleTime={cycleTime}
-          setCycleTime={setCycleTime}
-        />
-        <HomeDataTable source={source} type={type} cycleTime={cycleTime} />
-      </div>
-    </div>
-  );
-};
-
-export default HomePageDataList;

package/src/pages/like-ranking/column.tsx

@@ -1,123 +0,0 @@
-import React from "react";
-import TooltipText from "../../components/tooltip/tooltip-text";
-
-import Avatar from "../../components/avatar/default"
-import { isWx, getUserInfo,formatNum } from "../../utils/bs-global";
-import { getUrlForUserPage } from "../../utils/tools";
-import { OpenUserName, OpenDepartmentName, isWechat } from "../../utils/open-data";
-
-import "./index.scss";
-
-
-const preCls = "like-ranking-table";
-
-
-export const columns = () => {
-  const formatRaking = (num) =>{
-    if(num===1){
-      return  <img className={`${preCls}-medal`} src={require('./image/ranking-1.png')} alt="金牌" />
-    }else if(num===2){
-      return  <img className={`${preCls}-medal`} src={require('./image/ranking-2.png')} alt="银牌" />
-    }else if(num===3){
-      return  <img className={`${preCls}-medal`} src={require('./image/ranking-3.png')} alt="铜牌" />
-    }else{
-      return <span className={`${preCls}-ranking`}>{num}</span> 
-    }
-  }
-
-  return [
-    {
-      title: "排名",
-      dataIndex: "rankNum",
-      width:100,
-      key: "rankNum",
-      className:`${preCls}__td ${preCls}__td-raking`,
-      render: (text, data) => {
-        return (
-          formatRaking(data.rankNum)
-        );
-      },
-    },
-    {
-      title: "姓名",
-      dataIndex: "name",
-      key: "name",
-      width:100,
-      className:`${preCls}__td`,
-      render: (text, data) => {
-        const user= data.user
-        // const url = getUrlForUserPage({
-        //   userId: user.userId,
-        //   userType: user.userType || 2,
-        // });
-        // const handleOpenUserPage = () => {
-        //   window.open(url, "_blank");
-        // };
-        return (
-          <span className={`${preCls}__td-name`} >
-              <span className={`${preCls}__td-name-avatar`}>
-                <Avatar
-                    name={user.name}
-                    src={user.avatar.small}
-                    color={user.avatar.color}
-                    userId={user.userId}
-                  />
-              </span>
-              <span className={`${preCls}__td-name-text`}>
-              <TooltipText text={<OpenUserName id={user.userId} name={user.name} />} isPercent />
-              </span>
-          </span>
-        );
-      },
-    },
-    {
-      title: "所属部门",
-      width:100,
-      dataIndex: "departmentName",
-      key: "departmentName",
-      className:`${preCls}__td`,
-      render: (text, data) => {
-        const { user } = data
-        return (
-          <TooltipText text={ <OpenDepartmentName
-            id={user.departmentId}
-            name={user.departmentName}
-          />} isPercent  />
-
-        );
-      },
-    },
-    {
-      title: "一级部门",
-      width:100,
-      dataIndex: "oneLevelDepName",
-      key: "oneLevelDepName",
-      className:`${preCls}__td`,
-      render: (text, data) => {
-        return (
-          <TooltipText text={<OpenDepartmentName
-            id={data.oneLevelDepName}
-            name={data.oneLevelDepName}
-          />} isPercent  />
-
-
-        );
-      },
-    },
-    {
-      title: "点赞数",
-      width:100,
-      dataIndex: "pariseNums",
-      key: "pariseNums",
-      className:`${preCls}__td`,
-      render: (text, data) => {
-        return (
-          <span className={`${preCls}__td-like`}>
-            <span className={`${preCls}__td-num`}>{formatNum(data.pariseNums)}</span>
-            点赞
-          </span>
-        );
-      },
-    },
-  ];
-};

package/src/pages/like-ranking/filter-buttons/department.tsx

@@ -1,33 +0,0 @@
-import React, { FC, useState, useRef } from "react";
-
-import UserSelector from "../../../components/user-selector";
-import SearchDropdown from "./search-dropdown";
-import "./index.scss";
-
-const DepartMent: FC<any> = ({ setParma }) => {
-  const onDepartSelect = (keys, data) => {
-    setParma("depIds", keys[0]["id"]);
-  };
-  const departRef = useRef();
-
-  return (
-    <div>
-      <UserSelector         
-        ref={departRef}
-        auth={true}
-        departOnly
-        isGetRoot
-        panes={{ depart: true }}
-        searchedPanes={{ depart: true }}
-        // selectNodes={selected}
-        onSelect={onDepartSelect}
-        position="bottomLeft"
-      >
-        <SearchDropdown>部门</SearchDropdown>
-      </UserSelector>
-
-    </div>
-  );
-};
-
-export default DepartMent;

package/src/pages/like-ranking/filter-buttons/group.tsx

@@ -1,29 +0,0 @@
-import React, { FC } from "react";
-
-import UserSelector from "../../../components/user-selector";
-import SearchDropdown from "./search-dropdown";
-import "./index.scss";
-
-const DepartMent: FC<any> = ({ setParma }) => {
-  const onSelect = (keys) => {
-    setParma("groupIds", keys[0]["id"]);
-  };
-
-  return (
-    <div>
-      <UserSelector.Group 
-        auth={true}
-        isGetRoot
-        onSelect={onSelect}
-        position="bottomLeft"
-      >
-        <span>
-          <SearchDropdown>群组</SearchDropdown>
-        </span>
-      </UserSelector.Group>
-
-    </div>
-  );
-};
-
-export default DepartMent;

package/src/pages/like-ranking/filter-buttons/index.scss

@@ -1,18 +0,0 @@
-.filter-buttons{
-  display: flex;
-  &-line{
-    display: inline-block;
-    width: 1px;
-    height: 22px;
-    background: linear-gradient(150deg, rgba(191, 199, 213, 0) 0%, #BFC7D5 50%, rgba(240, 242, 245, 0) 100%);
-    margin: 0 10px;
-  }
-  &-modular{
-    &__btn-ok{
-      margin: 12px 0 0 28px;
-    }
-    &-checked{
-      color: #2879FF;
-    }
-  }
-}

package/src/pages/like-ranking/filter-buttons/index.tsx

@@ -1,20 +0,0 @@
-import React, { FC } from "react";
-import DepartMent from "./department";
-import Group from "./group"
-import Timer from "./timer";
-import Modular from "./modular";
-import "./index.scss";
-const preCls = "filter-buttons";
-
-const FilterButton: FC<any> = ({ parmas, setParma, setType }) => {
-  return (
-    <div className={`${preCls}`}>
-      <DepartMent setParma={setParma} />
-      {/* <Group setParma={setParma} /> */} 
-      <Timer setParma={setParma} parmas={parmas} setType={setType} />
-      {/* <Modular setParma={setParma} /> */}
-    </div>
-  );
-};
-
-export default FilterButton;

package/src/pages/like-ranking/filter-buttons/modular.tsx

@@ -1,61 +0,0 @@
-import React, { FC, useState, Fragment } from "react";
-import DropSelector, { Item } from "../../../components/drop-selector";
-import classNames from "classnames";
-import SearchDropdown from "./search-dropdown";
-import { hasWebHead } from "../../../utils/bs-global";
-import "./index.scss";
-const preCls = "filter-buttons-modular";
-
-const Modular: FC<any> = ({ setParma }) => {
-  const [value, setValue] = useState("0");
-  const [visible, setVisible] = useState(false);
-  let list = [
-    { value: "0", label: "全部" },
-    hasWebHead("okr") && { value: "101", label: "目标" },
-    hasWebHead("okr") && { value: "15", label: "关键成果" },
-    hasWebHead("project") && { value: "10", label: "项目" },
-    hasWebHead("task") && { value: "20", label: "任务" },
-    { value: "5", label: "总结" },
-    hasWebHead("kaohe") && { value: "7", label: "绩效考核" },
-  ];
-
-  const onMenuClickHandler = (name) => {
-    setValue(name);
-    setParma("ObjectType", Number(name));
-  };
-
-  return (
-    <Fragment>
-      <DropSelector
-        multi={false}
-        onChange={onMenuClickHandler}
-        popupPlacement={"bottom"}
-        hideOnChange={true}
-        checked={value}
-        limitHeight={false}
-        visible={visible}
-        trigger={
-          <span onClick={() => setVisible(true)}>
-            <SearchDropdown noRightLine={true}>点赞模块</SearchDropdown>
-          </span>
-        }
-      >
-        {list.map((item, key) => {
-          return (
-            <Item
-              className={classNames({
-                [`${preCls}-checked`]: item.value === value,
-              })}
-              key={key}
-              name={item.value}
-            >
-              {item.label}
-            </Item>
-          );
-        })}
-      </DropSelector>
-    </Fragment>
-  );
-};
-
-export default Modular;

package/src/pages/like-ranking/filter-buttons/name.tsx

@@ -1,42 +0,0 @@
-import React, { FC, useState, Fragment } from "react";
-
-import UserSelector from "../../../components/user-selector";
-import SearchDropdown from "./search-dropdown";
-import "./index.scss";
-
-const Name: FC<any> = ({ setParma }) => {
-  const [selected, setSelected] = useState({});
-  const onEditUserHandler = (selectNodes) => {
-    setSelected(selectNodes);
-    const { users } = selectNodes;
-    let userIds = "";
-    users.forEach((item, key) => {
-      userIds = userIds + item.userId;
-      if (key != users.length - 1) {
-        userIds = userIds + ",";
-      }
-    });
-    setParma("ToUserIds", userIds);
-  };
-
-  return (
-    <Fragment>
-      <UserSelector         
-        multiple={true}
-        selectNodes={selected}
-        onOk={onEditUserHandler}
-        position="bottomLeft"
-        disabledDepartSelect={true}
-        isGetRoot={false}
-        panes={{
-          depart: true,
-          group: false,
-        }}
-      >
-        <SearchDropdown>姓名</SearchDropdown>
-      </UserSelector>
-    </Fragment>
-  );
-};
-
-export default Name;

package/src/pages/like-ranking/filter-buttons/search-dropdown/index.scss

@@ -1,25 +0,0 @@
-.like-search-dropdown {
-  display: flex;
-  font-size: 12px;
-  &:hover{
-    color: #2879ff;
-  }
-  align-items: center;
-  cursor: pointer;
-  &::after{
-    content: '';
-    display: inline-block;
-    width: 1px;
-    height: 22px;
-    background: linear-gradient(150deg, rgba(191, 199, 213, 0) 0%, #BFC7D5 50%, rgba(240, 242, 245, 0) 100%);
-    margin: 0 10px;
-  } 
-  &-noRightLine{
-    &::after{
-      display: none;
-    } 
-  }
-  &__text{
-    margin-right:4px ;
-  }
-}

package/src/pages/like-ranking/filter-buttons/search-dropdown/index.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import "./index.scss";
-
-const preCls = "like-search-dropdown";
-
-const SearchDropDown = (props) => {
-  const { children, maxWidth, noRightLine = false } = props;
-  return (
-    <span
-      className={classNames(preCls, { [`${preCls}-noRightLine`]: noRightLine })}
-    >
-      <span className={`${preCls}__text`} style={{ maxWidth }}>
-        {children}
-      </span>
-      <span className="tu-icon-arrow-down1" />
-    </span>
-  );
-};
-export default SearchDropDown;

package/src/pages/like-ranking/filter-buttons/timer.tsx

@@ -1,37 +0,0 @@
-import React, { FC, Fragment } from "react";
-import RangePickerPop from "../../../components/range-picker-pop";
-import {
-  showMonthFirstDay,
-  showMonthLastDay,
-} from "../../../utils/format-time";
-import SearchDropdown from "./search-dropdown";
-import "./index.scss";
-
-const Timer: FC<any> = ({ setParma, parmas,setType }) => {
-  const { createDate, endDate } = parmas.date;
-
-  const onStartDateConfirmHandler = (data) => {
-    setType("")
-    let date = { createDate: data.startDate, endDate: data.endDate };
-    setParma("date", date);
-  };
-
-  return (
-    <Fragment>
-      <RangePickerPop
-        format="YYYY-MM-DD"
-        controlled
-        onConfirm={onStartDateConfirmHandler}
-        defaultRange={{
-          startDate: createDate || showMonthFirstDay(),
-          endDate: endDate || showMonthLastDay(),
-        }}
-        // container={container}
-      >
-        <SearchDropdown noRightLine={true} >时间</SearchDropdown>
-      </RangePickerPop>
-    </Fragment>
-  );
-};
-
-export default Timer;