@titaui/pc 1.9.45 → 1.9.49

package/src/components/okr-detail/e-list/constant.ts

@@ -1,28 +1,28 @@
 export const SortTypeMap = {
-  'orderBySystem': {         // 系统默认排序
-    'up': 1,
-    'down': 1
+  orderBySystem: { // 系统默认排序
+    up: 1,
+    down: 1,
   },
-  'orderByCreateDate': {     // 创建时间
-    'up': 6,
-    'down': 7
+  orderByCreateDate: { // 创建时间
+    up: 6,
+    down: 7,
   },
-  'orderByStartDate': {      // 开始时间
-    'up': 2,
-    'down': 3
+  orderByStartDate: { // 开始时间
+    up: 2,
+    down: 3,
   },
-  'orderByEndDate': {        // 结束时间
-    'up': 4,
-    'down': 5
-  }
-}
+  orderByEndDate: { // 结束时间
+    up: 4,
+    down: 5,
+  },
+};
 
-export const EStatusMap =  {
-  all: '0,1,2,3,4,6',
-  unstart: '0',       // 未开始
-  doing: '1',         // 进行中
-  finish: '2',        // 已结束
-  delay: '3',         // 已延迟
-  cancel: '4',        // 已取消
-  pause: '6'          // 暂停中
-}
+export const EStatusMap = {
+  all: "0,1,2,3,4,6",
+  unstart: "0", // 未开始
+  doing: "1", // 进行中
+  finish: "2", // 已结束
+  delay: "3", // 已延迟
+  cancel: "4", // 已取消
+  pause: "6", // 暂停中
+};

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

@@ -12,12 +12,12 @@ import PaddingLayout from "../components/padding-layout";
 import Loading from "../loading";
 import { getUserInfo } from "../../../utils/bs-global";
 import ConditionRender from "../../condition-render";
-import EmptyPng from './images/e-list-empty.png';
+import EmptyPng from "./images/e-list-empty.png";
 import "./index.scss";
 
 const preCls = "okr-detail-e";
 
-export default (props) => {
+export default function (props) {
   const { okrId } = props;
 
   const loginUser = getUserInfo().Id;
@@ -27,22 +27,22 @@ export default (props) => {
   const [checkedStatus, setCheckedStatus] = useState(
     hasCondition
       ? JSON.parse(localStorage.getItem(`okrDrawerECheckedStatus${loginUser}`))
-      : []
+      : [],
   );
   const [selectUsers, setSelectUsers] = useState(
     hasCondition
       ? JSON.parse(localStorage.getItem(`okrDrawerESelectUsers${loginUser}`))
-      : []
+      : [],
   );
   const [selectName, setSelectName] = useState(
     hasCondition
       ? localStorage.getItem(`okrDrawerESelectName${loginUser}`)
-      : "orderBySystem"
+      : "orderBySystem",
   );
   const [noteOrder, setNoteOrder] = useState(
     hasCondition
       ? localStorage.getItem(`okrDrawerENoteOrder${loginUser}`)
-      : null
+      : null,
   );
   const [searchKey, setSearchKey] = useState();
   const [oEList, setOEList] = useState([]);
@@ -55,19 +55,19 @@ export default (props) => {
     setLoading(true);
     getKrsByCondition({
       okrId,
-      "condition": formatCondition({
+      condition: formatCondition({
         okrId,
         noteOrder,
         selectName,
         checkedStatus,
         users: selectUsers,
-        "keyWord": searchKey,
+        keyWord: searchKey,
       }),
     }).then((krs) => {
       const formatKrs = formatEListDataToSelectTree(
         krs,
         okrId,
-        getIfInitCondition(selectName, checkedStatus, selectUsers, searchKey)
+        getIfInitCondition(selectName, checkedStatus, selectUsers, searchKey),
       );
       const expandedKrEs = (formatKrs.krsEList || []).map((it) => it.key);
       const expandedOEs = (formatKrs.oEList[0] || []).map((it) => it.key);
@@ -91,7 +91,7 @@ export default (props) => {
   return (
     <EListContext.Provider
       value={{
-        "refreshEList": getKrEsData,
+        refreshEList: getKrEsData,
       }}
     >
       <div className={preCls}>
@@ -111,45 +111,41 @@ export default (props) => {
         </PaddingLayout>
 
         {!loading ? (
-          <React.Fragment>
+          <>
             <ConditionRender condition={totalDataNum !== 0}>
-              {krList.map((kr, index) => {
-                return (
-                  <React.Fragment>
-                    <PaddingLayout padding={`0 32px 0 18px`}>
-                      <OkrTree data={[kr]} defaultExpandedKeys={expandedKrEs} />
-                    </PaddingLayout>
-                    {
+              {krList.map((kr, index) => (
+                <>
+                  <PaddingLayout padding="0 32px 0 18px">
+                    <OkrTree data={[kr]} defaultExpandedKeys={expandedKrEs} />
+                  </PaddingLayout>
+                  {
                       // kr左后一个节点 && 没有 OE 时，不显示横线
                       !(index + 1 == krList.length && oEList.length == 0) && (
-                        <div className="e__divider"></div>
+                        <div className="e__divider" />
                       )
                     }
-                  </React.Fragment>
-                );
-              })}
+                </>
+              ))}
 
-              {oEList.map((kr) => {
-                return (
-                  <PaddingLayout padding={`0 32px 0 18px`}>
-                    <OkrTree data={kr} defaultExpandedKeys={expandedOEs} />
-                  </PaddingLayout>
-                );
-              })}
+              {oEList.map((kr) => (
+                <PaddingLayout padding="0 32px 0 18px">
+                  <OkrTree data={kr} defaultExpandedKeys={expandedOEs} />
+                </PaddingLayout>
+              ))}
             </ConditionRender>
             <ConditionRender condition={totalDataNum === 0}>
               <div className={`${preCls}__empty`}>
-                <img className={`${preCls}__empty-img`} src={EmptyPng}/>
+                <img className={`${preCls}__empty-img`} src={EmptyPng} />
                 <span className={`${preCls}__empty-text`}>
                   没有搜索到符合条件的E-执行
                 </span>
               </div>
             </ConditionRender>
-          </React.Fragment>
+          </>
         ) : (
           <Loading type="panel" />
         )}
       </div>
     </EListContext.Provider>
   );
-};
+}

package/src/components/okr-detail/e-list/precls.js

@@ -1 +1 @@
-export default ''
+export default "";

package/src/components/okr-detail/e-list/search-form/fields/e-order.js

@@ -1,35 +1,40 @@
-import React, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import DropSelector, { Item } from '../../../../drop-selector';
-import DownArrowSvg from '../../images/line-down-arrow.svg';
+import React, { useState, useEffect } from "react";
+import classNames from "classnames";
+import DropSelector, { Item } from "../../../../drop-selector";
+import DownArrowSvg from "../../images/line-down-arrow.svg";
 import { getLocale } from "../../../../../utils/getLocale";
 
-import '../index.scss';
-import './index.scss';
+import "../index.scss";
+import "./index.scss";
 
-const preCls = 'ode-search-form';
+const preCls = "ode-search-form";
 
-const OrderItem = props => {
+function OrderItem(props) {
   const { name, label, order } = props;
-  return <span key={name} className={classNames(`${preCls}__field-order-item`)}>
-    <span className={classNames(`${preCls}__field-order-item-text`)}>{label}</span>
-    <span className={classNames(`${preCls}__field-order-item-o`, {
-      [`${preCls}__field-order-item-o-up`]: order == 'up',
-      [`${preCls}__field-order-item-o-down`]: order == 'down'
-    })} />
-  </span>
+  return (
+    <span key={name} className={classNames(`${preCls}__field-order-item`)}>
+      <span className={classNames(`${preCls}__field-order-item-text`)}>{label}</span>
+      <span className={classNames(`${preCls}__field-order-item-o`, {
+        [`${preCls}__field-order-item-o-up`]: order == "up",
+        [`${preCls}__field-order-item-o-down`]: order == "down",
+      })}
+      />
+    </span>
+  );
 }
 
 const toggleSortState = (state, setState) => {
-  if (state === 'up') {
-    setState('down');
+  if (state === "up") {
+    setState("down");
   } else {
-    setState('up');
+    setState("up");
   }
-}
+};
 
-export default props => {
-  const { orderBy, equal, selectName, setSelectName, noteOrder, setNoteOrder } = props;
+export default function (props) {
+  const {
+    orderBy, equal, selectName, setSelectName, noteOrder, setNoteOrder,
+  } = props;
 
   const [orderByCreateDate, setOrderByCreateDate] = useState();
   const [orderByStartDate, setOrderByStartDate] = useState();
@@ -42,7 +47,7 @@ export default props => {
     } else if (name === "orderByStartDate") {
       setOrderByCreateDate(undefined);
       setOrderByEndDate(undefined);
-    } else if (name === 'orderByEndDate') {
+    } else if (name === "orderByEndDate") {
       setOrderByStartDate(undefined);
       setOrderByCreateDate(undefined);
     } else {
@@ -50,7 +55,7 @@ export default props => {
       setOrderByStartDate(undefined);
       setOrderByEndDate(undefined);
     }
-  }
+  };
 
   const onChangeHandler = (name, checked) => {
     clearState(name);
@@ -60,12 +65,12 @@ export default props => {
     } else if (name === "orderByStartDate") {
       toggleSortState(orderByStartDate, setOrderByStartDate);
       toggleSortState(orderByStartDate, setNoteOrder);
-    } else if (name === 'orderByEndDate') {
+    } else if (name === "orderByEndDate") {
       toggleSortState(orderByEndDate, setOrderByEndDate);
       toggleSortState(orderByEndDate, setNoteOrder);
     }
     setSelectName(name);
-  }
+  };
 
   useEffect(() => {
     clearState(selectName);
@@ -73,30 +78,38 @@ export default props => {
       setOrderByCreateDate(noteOrder);
     } else if (selectName === "orderByStartDate") {
       setOrderByStartDate(noteOrder);
-    } else if (selectName === 'orderByEndDate') {
+    } else if (selectName === "orderByEndDate") {
       setOrderByEndDate(noteOrder);
     }
-  }, [selectName, noteOrder])
+  }, [selectName, noteOrder]);
 
-  return <div className={`${preCls}__field`}>
-    <DropSelector
-      onChange={onChangeHandler}
-      popupPlacement={'bottomLeft'}
-      checked={['orderBySystem']}
-      trigger={<div className={classNames(`${preCls}__field-order`)}>{getLocale('OKR_MyO_E_From_Defaultsort')} <i className={'tu-icon-arrow-down'}/></div>}
-    >
-      <Item name="orderBySystem">
-        <span className={selectName === 'orderBySystem' ? classNames(`${preCls}__select-item--selected`) : ''}>{getLocale('Pro_page_Plan_Sysdefault')}</span>
-      </Item>
-      <Item name="orderByCreateDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByCreateDate} label={getLocale('OKR_MyO_E_From_Creationtime')} />
-      </Item>
-      <Item name="orderByStartDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByStartDate} label={getLocale('Mod_Startingtime')} />
-      </Item>
-      <Item name="orderByEndDate" onClick={onChangeHandler}>
-        <OrderItem order={orderByEndDate} label={getLocale('Mod_EndTime')} />
-      </Item>
-    </DropSelector>
-  </div>
+  return (
+    <div className={`${preCls}__field`}>
+      <DropSelector
+        onChange={onChangeHandler}
+        popupPlacement="bottomLeft"
+        checked={["orderBySystem"]}
+        trigger={(
+          <div className={classNames(`${preCls}__field-order`)}>
+            {getLocale("OKR_MyO_E_From_Defaultsort")}
+            {" "}
+            <i className="tu-icon-arrow-down" />
+          </div>
+)}
+      >
+        <Item name="orderBySystem">
+          <span className={selectName === "orderBySystem" ? classNames(`${preCls}__select-item--selected`) : ""}>{getLocale("Pro_page_Plan_Sysdefault")}</span>
+        </Item>
+        <Item name="orderByCreateDate" onClick={onChangeHandler}>
+          <OrderItem order={orderByCreateDate} label={getLocale("OKR_MyO_E_From_Creationtime")} />
+        </Item>
+        <Item name="orderByStartDate" onClick={onChangeHandler}>
+          <OrderItem order={orderByStartDate} label={getLocale("Mod_Startingtime")} />
+        </Item>
+        <Item name="orderByEndDate" onClick={onChangeHandler}>
+          <OrderItem order={orderByEndDate} label={getLocale("Mod_EndTime")} />
+        </Item>
+      </DropSelector>
+    </div>
+  );
 }

package/src/components/okr-detail/e-list/search-form/fields/e-status.js

@@ -1,49 +1,57 @@
-import React from 'react';
-import classNames from 'classnames';
-import DropSelector, { Item } from '../../../../drop-selector';
-import DownArrowSvg from '../../images/line-down-arrow.svg';
+import React from "react";
+import classNames from "classnames";
+import DropSelector, { Item } from "../../../../drop-selector";
+import DownArrowSvg from "../../images/line-down-arrow.svg";
 import { getLocale } from "../../../../../utils/getLocale";
 
-import '../index.scss';
+import "../index.scss";
 
-const preCls = 'ode-search-form';
+const preCls = "ode-search-form";
 
-export default (props) => {
+export default function (props) {
   const { checkedStatus, setCheckedStatus } = props;
 
   const onItemClickHandler = (name, isChecked) => {
-    if (name == 'all' && isChecked) return setCheckedStatus(['all', 'unstart', 'doing', 'finish', 'delay', 'cancel', 'pause']);
-    else if (name == 'all' && !isChecked) return setCheckedStatus([]);
+    if (name == "all" && isChecked) return setCheckedStatus(["all", "unstart", "doing", "finish", "delay", "cancel", "pause"]);
+    if (name == "all" && !isChecked) return setCheckedStatus([]);
     let newChecked = [...checkedStatus];
     if (newChecked.indexOf(name) != -1) {
-      newChecked = newChecked.filter(itname => itname != name);
-      newChecked = newChecked.filter(itname => itname != 'all');
+      newChecked = newChecked.filter((itname) => itname != name);
+      newChecked = newChecked.filter((itname) => itname != "all");
     } else {
       newChecked.push(name);
-      if (!newChecked.includes('all') && newChecked.length === 6) {
-        newChecked = ['all', 'unstart', 'doing', 'finish', 'delay', 'cancel', 'pause']
+      if (!newChecked.includes("all") && newChecked.length === 6) {
+        newChecked = ["all", "unstart", "doing", "finish", "delay", "cancel", "pause"];
       }
     }
     setCheckedStatus(newChecked);
-  }
+  };
 
-  return <div className={`${preCls}__field`}>
-    <DropSelector
-      multi={true}
-      checked={checkedStatus}
-      popupPlacement={'bottomLeft'}
-      hideOnChange={false}
-      onChange={onItemClickHandler}
-      limitHeight={false}
-      trigger={<div className={classNames(`${preCls}__field-status`)}>{getLocale('Mod_States')} <i className={'tu-icon-arrow-down'}/></div>}
-    >
-      <Item name="all">{getLocale('OKR_MyO_Butt_AllStates')}</Item>
-      <Item name="unstart">{getLocale('OKR_MyO_E_From_NotStarted')}</Item>
-      <Item name="doing">{getLocale('Per_MyRe_text_Inprogress')}</Item>
-      <Item name="finish">{getLocale('OKR_MyO_Butt_Hasended')}</Item>
-      <Item name="delay">{getLocale('OKR_MyO_E_From_Delayed')}</Item>
-      <Item name="cancel">{getLocale('OKR_MyO_E_From_Cancelled')}</Item>
-      <Item name="pause">{getLocale('OKR_MyO_E_From_Suspended')}</Item>
-    </DropSelector>
-  </div>
+  return (
+    <div className={`${preCls}__field`}>
+      <DropSelector
+        multi
+        checked={checkedStatus}
+        popupPlacement="bottomLeft"
+        hideOnChange={false}
+        onChange={onItemClickHandler}
+        limitHeight={false}
+        trigger={(
+          <div className={classNames(`${preCls}__field-status`)}>
+            {getLocale("Mod_States")}
+            {" "}
+            <i className="tu-icon-arrow-down" />
+          </div>
+)}
+      >
+        <Item name="all">{getLocale("OKR_MyO_Butt_AllStates")}</Item>
+        <Item name="unstart">{getLocale("OKR_MyO_E_From_NotStarted")}</Item>
+        <Item name="doing">{getLocale("Per_MyRe_text_Inprogress")}</Item>
+        <Item name="finish">{getLocale("OKR_MyO_Butt_Hasended")}</Item>
+        <Item name="delay">{getLocale("OKR_MyO_E_From_Delayed")}</Item>
+        <Item name="cancel">{getLocale("OKR_MyO_E_From_Cancelled")}</Item>
+        <Item name="pause">{getLocale("OKR_MyO_E_From_Suspended")}</Item>
+      </DropSelector>
+    </div>
+  );
 }

package/src/components/okr-detail/e-list/search-form/fields/e-user.js

@@ -1,27 +1,32 @@
-import React from 'react';
-import classNames from 'classnames';
-import FieldTreeSelector from '../../../../user-selector/export-modules/field-tree-selector';
+import React from "react";
+import classNames from "classnames";
+import FieldTreeSelector from "../../../../user-selector/export-modules/field-tree-selector";
 import { getLocale } from "../../../../../utils/getLocale";
-import '../index.scss';
+import "../index.scss";
 
-const preCls = 'ode-search-form';
-
-export default ({ selectUsers, setSelectUsers }) => {
+const preCls = "ode-search-form";
 
+export default function ({ selectUsers, setSelectUsers }) {
   const onSelectUser = (node) => {
     setSelectUsers(node.users);
-  }
+  };
 
-  return <div className={`${preCls}__field`}>
-    <FieldTreeSelector
-      multiple={true}
-      selectNodes={{ 'users': selectUsers }}
-      onOk={onSelectUser}
-      position="bottomLeft"
-      disabledDepartSelect={true}
-      panes={{ 'depart': true, 'group': false }}
-    >
-      <div className={classNames(`${preCls}__field-user`)}>{getLocale('Per_Ma_form_detail_Personnel')} <i className={'tu-icon-arrow-down'} /></div>
-    </FieldTreeSelector>
-  </div >
+  return (
+    <div className={`${preCls}__field`}>
+      <FieldTreeSelector
+        multiple
+        selectNodes={{ users: selectUsers }}
+        onOk={onSelectUser}
+        position="bottomLeft"
+        disabledDepartSelect
+        panes={{ depart: true, group: false }}
+      >
+        <div className={classNames(`${preCls}__field-user`)}>
+          {getLocale("Per_Ma_form_detail_Personnel")}
+          {" "}
+          <i className="tu-icon-arrow-down" />
+        </div>
+      </FieldTreeSelector>
+    </div>
+  );
 }

package/src/components/okr-detail/e-list/search-form/index.js

@@ -11,7 +11,7 @@ import "./index.scss";
 
 const preCls = "ode-search-form";
 
-export default (props) => {
+export default function (props) {
   const {
     checkedStatus,
     setCheckedStatus,
@@ -27,7 +27,7 @@ export default (props) => {
 
   const loginUser = getUserInfo().Id;
   const [hasRememberCondition, setHasRememberCondition] = useState(
-    localStorage.getItem(`hasRememberCondition${loginUser}`)
+    localStorage.getItem(`hasRememberCondition${loginUser}`),
   );
 
   const handleSearchInputChange = (text) => {
@@ -40,7 +40,7 @@ export default (props) => {
 
   const handleOpenOkrCardPage = () => {
     window.open(
-      `${location.origin}/u/560000011/Home#okr/manage/milepost?work_id=${okrId}&detail_type=milepost`
+      `${location.origin}/u/560000011/Home#okr/manage/milepost?work_id=${okrId}&detail_type=milepost`,
     );
   };
 
@@ -48,16 +48,16 @@ export default (props) => {
     localStorage.setItem(`hasRememberCondition${loginUser}`, "1");
     localStorage.setItem(
       `okrDrawerECheckedStatus${loginUser}`,
-      JSON.stringify(checkedStatus)
+      JSON.stringify(checkedStatus),
     );
     localStorage.setItem(`okrDrawerESelectName${loginUser}`, selectName);
     localStorage.setItem(`okrDrawerENoteOrder${loginUser}`, noteOrder);
     localStorage.setItem(
       `okrDrawerESelectUsers${loginUser}`,
-      JSON.stringify(selectUsers)
+      JSON.stringify(selectUsers),
     );
     setHasRememberCondition(true);
-    Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+    Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
   };
 
   const handleCancelRemeberSearchCondition = () => {
@@ -67,14 +67,14 @@ export default (props) => {
     localStorage.setItem(`okrDrawerENoteOrder${loginUser}`, "");
     localStorage.setItem(`okrDrawerESelectUsers${loginUser}`, "");
     setHasRememberCondition(false);
-    Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+    Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
   };
 
   const showRemeberCondition = useMemo(() => {
     if (
-      checkedStatus.length === 0 &&
-      selectUsers.length === 0 &&
-      selectName === "orderBySystem"
+      checkedStatus.length === 0
+      && selectUsers.length === 0
+      && selectName === "orderBySystem"
     ) {
       return false;
     }
@@ -105,7 +105,7 @@ export default (props) => {
             className={classNames(`${preCls}__remember`)}
             onClick={handleRemeberSearchCondition}
           >
-            {getLocale('Pro_page_Plan_Remember')}
+            {getLocale("Pro_page_Plan_Remember")}
           </span>
         ) : null}
         {hasRememberCondition && (
@@ -113,7 +113,7 @@ export default (props) => {
             className={classNames(`${preCls}__remember`)}
             onClick={handleCancelRemeberSearchCondition}
           >
-            {getLocale('OKR_MyO_Butt_Cancelremember')}
+            {getLocale("OKR_MyO_Butt_Cancelremember")}
           </span>
         )}
       </span>
@@ -131,4 +131,4 @@ export default (props) => {
       </span>
     </div>
   );
-};
+}