@titaui/pc 1.9.48 → 1.9.49

package/src/components/table/index.js

@@ -1,28 +1,27 @@
-import React, { useState, useEffect, useRef } from 'react';
-import RcTable from 'rc-table';
-import classNames from 'classnames';
+import React, { useState, useEffect, useRef } from "react";
+import RcTable from "rc-table";
+import classNames from "classnames";
 
-import Pagination from '../pagination'
-import Checkbox from '../checkbox';
-import { getLocale } from '../../utils/getLocale';
-import 'rc-table/assets/index.css';
+import Pagination from "../pagination";
+import Checkbox from "../checkbox";
+import { getLocale } from "../../utils/getLocale";
+import "rc-table/assets/index.css";
 
-import './index.scss';
+import "./index.scss";
 
-const preCls = 'tita-pc'
+const preCls = "tita-pc";
 
 const initTableData = (tableData) => {
-  let data = tableData
+  const data = tableData;
   if (data && data.length > 0) {
     data.map((item, i) => {
-      data[i]['key'] = i
-    })
+      data[i].key = i;
+    });
   }
   return data;
-}
-
-export default props => {
+};
 
+export default function (props) {
   const {
     prefixCls,
     columns,
@@ -35,11 +34,11 @@ export default props => {
     disablePagination,
     pageSize,
     setPageSize,
-    id = '',
-    setTableXScroll
+    id = "",
+    setTableXScroll,
   } = props;
 
-  const [tdata, setTdata] = useState(() => initTableData(tableData))
+  const [tdata, setTdata] = useState(() => initTableData(tableData));
   const { rowSelected = [], setRowSelected } = rowSelection || {};
   const [hasXScroll, setHasXScroll] = useState(true);
   const tableRef = useRef();
@@ -47,151 +46,160 @@ export default props => {
   const resizeTimerRef = useRef();
 
   const has = (id) => {
-    let status = false
-    rowSelected.map(item => {
+    let status = false;
+    rowSelected.map((item) => {
       if (item === id) {
-        status = true
+        status = true;
       }
-    })
-    return status
-  }
+    });
+    return status;
+  };
 
   const deleteTdata = (data) => {
-    let newData = data.filter(item => {
-      return !tDataHasId(item)
-    })
+    const newData = data.filter((item) => !tDataHasId(item));
 
-    return newData
-  }
+    return newData;
+  };
 
   const tDataHasId = (id) => {
-    let status = false
-    tdata.map(item => {
+    let status = false;
+    tdata.map((item) => {
       if (item.id === id) {
-        return status = true
+        return status = true;
       }
-    })
-    return status
-  }
+    });
+    return status;
+  };
 
   const onCheckAllHandler = (checked) => {
-    let arr = deleteTdata([...rowSelected])
+    const arr = deleteTdata([...rowSelected]);
     if (checked) {
       for (let i = 0; i < tdata.length; i++) {
-        arr.push(tdata[i].id)
+        arr.push(tdata[i].id);
       }
     }
-    setRowSelected(arr)
-  }
+    setRowSelected(arr);
+  };
 
   const onCheckHandler = (checked, id) => {
-    let arr = [...rowSelected]
+    const arr = [...rowSelected];
     if (checked) {
-      arr.push(id)
-      arr.sort((a, b) => a - b)
+      arr.push(id);
+      arr.sort((a, b) => a - b);
     } else {
       arr.map((item, i) => {
         if (item === id) {
-          arr.splice(i, 1)
+          arr.splice(i, 1);
         }
-      })
+      });
     }
-    setRowSelected(arr)
-  }
+    setRowSelected(arr);
+  };
 
   const checkedAll = () => {
-    let status = true
-    tdata.map(item => {
+    let status = true;
+    tdata.map((item) => {
       if (!has(item.id)) {
-        return status = false
+        return status = false;
       }
-    })
-    return status
-  }
+    });
+    return status;
+  };
 
   const getColumns = () => {
     if (rowSelection) {
       const selectCloumn = {
-        title: <span className={classNames(`${preCls}__select-td`)}> <Checkbox className="tita-checkbox" checked={checkedAll()} onChange={onCheckAllHandler} /> </span>,
-        dataIndex: 'key',
-        key: 'key',
+        title: <span className={classNames(`${preCls}__select-td`)}>
+          {" "}
+          <Checkbox className="tita-checkbox" checked={checkedAll()} onChange={onCheckAllHandler} />
+          {" "}
+               </span>,
+        dataIndex: "key",
+        key: "key",
         width: 23,
-        fixed: 'left',
-        render: (id, data) => {
-          return (
-            <span key={id} className={classNames(`${preCls}__select-td`)}>
-              <Checkbox className="tita-checkbox" checked={has(data.id)} name={data.id} onChange={onCheckHandler} />
-            </span>
-          )
-        }
-      }
-      return [selectCloumn, ...columns]
+        fixed: "left",
+        render: (id, data) => (
+          <span key={id} className={classNames(`${preCls}__select-td`)}>
+            <Checkbox className="tita-checkbox" checked={has(data.id)} name={data.id} onChange={onCheckHandler} />
+          </span>
+        ),
+      };
+      return [selectCloumn, ...columns];
     }
-    return columns
-  }
+    return columns;
+  };
 
   useEffect(() => {
-    setTdata(() => initTableData(tableData))
-  }, [tableData])
+    setTdata(() => initTableData(tableData));
+  }, [tableData]);
 
   useEffect(() => {
     if (!id) return;
-    tableRef.current = document.querySelector(`#${id}`)
+    tableRef.current = document.querySelector(`#${id}`);
     tableRef.current.onscroll = () => {
       setTableXScroll && setTableXScroll(hasXScroll && tableRef.current.clientWidth < tableRef.current.scrollWidth && tableRef.current.scrollLeft > 0);
-    }
-  }, [setTableXScroll, hasXScroll])
+    };
+  }, [setTableXScroll, hasXScroll]);
 
   useEffect(() => {
     if (!id) return;
-    tableRef.current = document.querySelector(`#${id}`)
+    tableRef.current = document.querySelector(`#${id}`);
     window.onresize = () => {
       if (resizeTimerRef.current) {
         clearTimeout(resizeTimerRef.current);
       }
       resizeTimerRef.current = setTimeout(() => {
         setHasXScroll(tableRef.current.clientWidth < tableRef.current.scrollWidth);
-      }, 100)
-    }
-  }, [])
+      }, 100);
+    };
+  }, []);
 
   if (!tableData || !tableData.length) return null;
 
-  return <div className={classNames(`${preCls}__table`)}>
-    <RcTable
-      id={id}
-      className={classNames(`${preCls}__table`)}
-      prefixCls={prefixCls || 'rc-table'}
-      columns={getColumns()}
-      data={tdata}
-      tableLayout={tableLayout || "auto"}
-    />
-    {!disablePagination
-      && <div className={classNames(`${preCls}__table-pagination`)}>
+  return (
+    <div className={classNames(`${preCls}__table`)}>
+      <RcTable
+        id={id}
+        className={classNames(`${preCls}__table`)}
+        prefixCls={prefixCls || "rc-table"}
+        columns={getColumns()}
+        data={tdata}
+        tableLayout={tableLayout || "auto"}
+      />
+      {!disablePagination
+      && (
+      <div className={classNames(`${preCls}__table-pagination`)}>
         <div className={classNames(`${preCls}__table-pagination-left`)}>
           {(rowSelected && rowSelected.length > 0)
-            && <span>
+            && (
+            <span>
               已选择&nbsp;
-              <span className={classNames(`${preCls}__table-pagination-left-text`)}>{rowSelected.length}</span> 项
+              <span className={classNames(`${preCls}__table-pagination-left-text`)}>{rowSelected.length}</span>
+              {" "}
+              项
               &nbsp;&nbsp;
               <span
                 className={classNames(`${preCls}__table-pagination-left-btn`)}
-                onClick={() => setRowSelected([])}>
-                {getLocale('OKR_MyO_Pop_Clearselected')}
+                onClick={() => setRowSelected([])}
+              >
+                {getLocale("OKR_MyO_Pop_Clearselected")}
               </span>
             </span>
-          }
+            )}
         </div>
-        {!!total&&<Pagination
-          className={classNames({[`${preCls}__pagination-only-one`]:pageSize>total})}
+        {!!total && (
+        <Pagination
+          className={classNames({ [`${preCls}__pagination-only-one`]: pageSize > total })}
           pageSize={pageSize}
           total={total}
           current={pageNum}
-          onChange={current => setPageNum(current)}
+          onChange={(current) => setPageNum(current)}
           onShowSizeChange={(cur, size) => setPageSize(size)}
-          pageSizeOptions={['10', '20', '50', '100']}
-        />}
+          pageSizeOptions={["10", "20", "50", "100"]}
+        />
+        )}
       </div>
-    }
-  </div>
-}
+      )}
+    </div>
+  );
+}

package/src/components/tabs/index.js

@@ -1,29 +1,34 @@
-import React from 'react';
-import classNames from 'classnames';
-import Tabs, { TabPane as TPane } from 'rc-tabs';
+import React from "react";
+import classNames from "classnames";
+import Tabs, { TabPane as TPane } from "rc-tabs";
 
-import 'rc-tabs/assets/index.css';
-import './index.scss';
+import "rc-tabs/assets/index.css";
+import "./index.scss";
 
-const preCls = 'titaui-tabs';
+const preCls = "titaui-tabs";
 
-const TitaTabs = props => {
-  const { size, noBottomLine, tabWrapperClass, ...restProps } = props;
-  
-  return <div className={classNames(preCls, {
-    [`${preCls}--big`]: size == 'big',
-    [`${preCls}--no-bottom-line`]: noBottomLine
-  }, tabWrapperClass)}>
-    <Tabs
-      tabBarStyle={{ 'borderBottom': 'solid 1px #E9ECF0' }}
-      animated={{ 'inkBar': true, 'tabPane': true }}
-      {...restProps}
-    />
-  </div>
+function TitaTabs(props) {
+  const {
+    size, noBottomLine, tabWrapperClass, ...restProps
+  } = props;
+
+  return (
+    <div className={classNames(preCls, {
+      [`${preCls}--big`]: size == "big",
+      [`${preCls}--no-bottom-line`]: noBottomLine,
+    }, tabWrapperClass)}
+    >
+      <Tabs
+        tabBarStyle={{ borderBottom: "solid 1px #E9ECF0" }}
+        animated={{ inkBar: true, tabPane: true }}
+        {...restProps}
+      />
+    </div>
+  );
 }
 
 export const TabPane = TPane;
 
 TitaTabs.Pane = TPane;
 
-export default TitaTabs;
+export default TitaTabs;

package/src/components/task-relation-modal/context.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import React from "react";
 
-export const Context = React.createContext({});
+export const Context = React.createContext({});

package/src/components/task-relation-modal/helper.ts

@@ -8,17 +8,17 @@ const TaskAdvancedSetting = getBSGlobal("TaskAdvancedSetting");
 export const isOpenLabel = TaskAdvancedSetting.TaskPlanSetting.TaskLabel; // 开启分类
 
 export const lableTypeMap = { // 分类的类型（4：项目 17：普通分类 62:目标
-  'okr': 62,
-  'kr': 62,
-  'work': 4,
-  'milestone': 4,
-  'lable': 17
-}
+  okr: 62,
+  kr: 62,
+  work: 4,
+  milestone: 4,
+  lable: 17,
+};
 
 export const formatDateStr = (str) => {
   const currentYear = (new Date()).getFullYear();
-  if(str.indexOf(currentYear) !== -1) {
-    return str.substr(5)
+  if (str.indexOf(currentYear) !== -1) {
+    return str.substr(5);
   }
   return str;
-}
+};

package/src/components/task-relation-modal/index.tsx

@@ -17,6 +17,7 @@ import { relationWorks, updateLable } from "./request-api";
 import { getLocale } from "../../utils/getLocale";
 
 import "./index.scss";
+
 interface IProps {
   defaultVisible?: boolean;
   multiple?: boolean;
@@ -34,7 +35,7 @@ interface ISelectItem {
   id: number | string;
   name: string;
 }
-const TaskRelationModal = (props: IProps) => {
+function TaskRelationModal(props: IProps) {
   const {
     defaultVisible = false,
     multiple = false,
@@ -55,8 +56,8 @@ const TaskRelationModal = (props: IProps) => {
 
   const [selected, setSelected] = useState(lastSelected);
   const [selectedRoots, setSelectedRoots] = useState([]);
-  const [isCategory, setIsCategory] = useState(false)
-  
+  const [isCategory, setIsCategory] = useState(false);
+
   useEffect(() => {
     const roots = selected.reduce((res, cur) => [...res, cur.workId], []);
     setSelectedRoots(roots);
@@ -65,14 +66,12 @@ const TaskRelationModal = (props: IProps) => {
   const updateRelationOthers = async () => {
     const { Message } = await relationWorks({
       TaskId: taskId,
-      taskRelationModels: selected.map((item) => {
-        return { WorkId: item.workId, KrId: item.krId };
-      }),
+      taskRelationModels: selected.map((item) => ({ WorkId: item.workId, KrId: item.krId })),
     });
     if (Message) {
       Toast.Error(Message);
     } else {
-      Toast.Success(getLocale('Mod_Successfuloperat'));
+      Toast.Success(getLocale("Mod_Successfuloperat"));
     }
   };
   const updateRelation = async () => {
@@ -82,12 +81,12 @@ const TaskRelationModal = (props: IProps) => {
         task_id: taskId,
         lab_id: node.workId, // 目标id 、项目id、分类id
         lab_type: lableTypeMap[node.type],
-        mileStoneId: node.krId, //kr ｜ 里程碑id
+        mileStoneId: node.krId, // kr ｜ 里程碑id
       });
       if (Message) {
         Toast.Error(Message);
       } else {
-        Toast.Success(getLocale('Mod_Successfuloperat'));
+        Toast.Success(getLocale("Mod_Successfuloperat"));
       }
     }
   };
@@ -115,7 +114,7 @@ const TaskRelationModal = (props: IProps) => {
     }
   };
   const removeSelected = (id) => {
-    debugger
+    debugger;
     const newSelected = selected.filter((item) => item.id !== id);
     setSelected([...newSelected]);
   };
@@ -124,83 +123,80 @@ const TaskRelationModal = (props: IProps) => {
     window.open("#set?page_id=class", "_blank");
   };
 
-  const renderCateGory = () =>{
-    return(
-      <span className={`${preCls}__catetory-set`} onClick={openLableSetting}>
-      {getLocale('Tasks_Menu_Category')}
-    </span>)
-  }
+  const renderCateGory = () => (
+    <span className={`${preCls}__catetory-set`} onClick={openLableSetting}>
+      {getLocale("Tasks_Menu_Category")}
+    </span>
+  );
 
   return (
-    <Fragment>
-      <Dialog
-        title={null}
-        visible={visible}
-        onOk={onOkHandler}
-        onCancel={onCancelHandler}
-        onClose={onCancelHandler}
-        style={{height:'590px'}}
-        width={840}
-        noFooterLine
-        extendFooterBtn={activeTab==='category'&&isCategory&&renderCateGory()}
+    <Dialog
+      title={null}
+      visible={visible}
+      onOk={onOkHandler}
+      onCancel={onCancelHandler}
+      onClose={onCancelHandler}
+      style={{ height: "590px" }}
+      width={840}
+      noFooterLine
+      extendFooterBtn={activeTab === "category" && isCategory && renderCateGory()}
         // getContainer={getContainer}
-        extraClass={['pull-screen-ignore', 'tita-user-pop']}
-        destroyOnClose={false}
-        {...restProps}
+      extraClass={["pull-screen-ignore", "tita-user-pop"]}
+      destroyOnClose={false}
+      {...restProps}
+    >
+      <Context.Provider
+        value={{
+          multiple,
+          selected,
+          selectedRoots,
+          addSelected,
+          removeSelected,
+          setIsCategory,
+        }}
       >
-        <Context.Provider
-          value={{
-            multiple,
-            selected,
-            selectedRoots,
-            addSelected,
-            removeSelected,
-            setIsCategory
-          }}
-        >
-          <Fragment>
-            <Tabs
-              activeKey={activeTab}
-              defaultActiveKey={"okr"}
-              onChange={setActiveTab}
-              tabWrapperClass={preCls}
-              className={`${preCls}__tabs`}
-            >
-              {isOpenOkrManage && (
-                <TabPane key="okr" tab={getLocale('Tasks_Menu_AffiliateOKR')}>
-                  <div className={`${preCls}__content`}>
-                    <OkrTree multiple={multiple} />
-                  </div>
-                </TabPane>
-              )}
-              {isOpenWorkManage && (
-                <TabPane key="work" tab={getLocale('OKR_MyO_E_Butt_AssProjects')}>
-                  <div className={`${preCls}__content`}>
-                    <WorkTree />
-                  </div>
-                </TabPane>
-              )}
-              {isOpenLabel && !isRelationOther && (
-                <TabPane key="category" tab={getLocale('Tasks_Menu_AffiliateCa')}>
-                  <div className={`${preCls}__content`}>
-                    <CategoryTree />
-                  </div>
-                </TabPane>
-              )}
-            </Tabs>
-            {selected.length > 0 && multiple && (
-              <div className={`${preCls}__select`}>
-                已选
-                <span className={`${preCls}__select-count`}>
-                  {selected.length}
-                </span>
-                项
+        <>
+          <Tabs
+            activeKey={activeTab}
+            defaultActiveKey="okr"
+            onChange={setActiveTab}
+            tabWrapperClass={preCls}
+            className={`${preCls}__tabs`}
+          >
+            {isOpenOkrManage && (
+            <TabPane key="okr" tab={getLocale("Tasks_Menu_AffiliateOKR")}>
+              <div className={`${preCls}__content`}>
+                <OkrTree multiple={multiple} />
+              </div>
+            </TabPane>
+            )}
+            {isOpenWorkManage && (
+            <TabPane key="work" tab={getLocale("OKR_MyO_E_Butt_AssProjects")}>
+              <div className={`${preCls}__content`}>
+                <WorkTree />
+              </div>
+            </TabPane>
+            )}
+            {isOpenLabel && !isRelationOther && (
+            <TabPane key="category" tab={getLocale("Tasks_Menu_AffiliateCa")}>
+              <div className={`${preCls}__content`}>
+                <CategoryTree />
               </div>
+            </TabPane>
             )}
-          </Fragment>
-        </Context.Provider>
-      </Dialog>
-    </Fragment>
+          </Tabs>
+          {selected.length > 0 && multiple && (
+          <div className={`${preCls}__select`}>
+            已选
+            <span className={`${preCls}__select-count`}>
+              {selected.length}
+            </span>
+            项
+          </div>
+          )}
+        </>
+      </Context.Provider>
+    </Dialog>
   );
-};
+}
 export default TaskRelationModal;

package/src/components/task-relation-modal/radio.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { preCls } from "./helper";
 
-export default (props) => {
+export default function (props) {
   const { defaultChecked, onChange, id } = props;
 
   const [checked, setChecked] = useState(() => {
@@ -25,6 +25,6 @@ export default (props) => {
       className={classNames(`${preCls}__radio`, {
         [`${preCls}__radio--checked`]: checked,
       })}
-    ></span>
+    />
   );
-};
+}