@titaui/pc 1.10.7 → 1.10.8-2.beta-1

package/lib/components/okr-detail/detail-header/index.js

@@ -19,6 +19,8 @@ var _actions = require("./actions");
 
 var _confirm = _interopRequireDefault(require("./confirm"));
 
+var _wechatBtn = _interopRequireDefault(require("../../wechat-btn"));
+
 var _toast = _interopRequireDefault(require("../../toast"));
 
 var _requestApis = require("../request-apis");
@@ -109,7 +111,7 @@ function OkrDetailHeader(_ref) {
               }));
 
             case 3:
-              _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+              _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
 
               context.setGeneralVisibility({
                 visibility: visibility,
@@ -132,229 +134,232 @@ function OkrDetailHeader(_ref) {
     setShareVisible(false);
   }, []);
   var actions = (0, _react.useMemo)(function () {
-    if (!detailInfo) return [];
-    return (0, _actions.getOkrHeadActions)({
-      roleType: context.generalRoleType,
-      principalUser: context.generalPrincipalUser,
-      visibility: context.generalVisibility.visibility,
-      detailInfo: detailInfo,
-      openShareModal: function () {
-        var _openShareModal = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-          var krss;
-          return regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  _context2.next = 2;
-                  return (0, _requestApis.getKrs)({
-                    okrId: detailInfo.workId
-                  });
-
-                case 2:
-                  krss = _context2.sent;
-                  setKrs(krss);
-                  setShareVisible(true);
-
-                case 5:
-                case "end":
-                  return _context2.stop();
+    if (!detailInfo) {
+      return [];
+    } else {
+      return (0, _actions.getOkrHeadActions)({
+        roleType: context.generalRoleType,
+        principalUser: context.generalPrincipalUser,
+        visibility: context.generalVisibility.visibility,
+        detailInfo: detailInfo,
+        openShareModal: function () {
+          var _openShareModal = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+            var krss;
+            return regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    _context2.next = 2;
+                    return (0, _requestApis.getKrs)({
+                      okrId: detailInfo.workId
+                    });
+
+                  case 2:
+                    krss = _context2.sent;
+                    setKrs(krss);
+                    setShareVisible(true);
+
+                  case 5:
+                  case "end":
+                    return _context2.stop();
+                }
               }
-            }
-          }, _callee2);
-        }));
-
-        function openShareModal() {
-          return _openShareModal.apply(this, arguments);
-        }
+            }, _callee2);
+          }));
 
-        return openShareModal;
-      }(),
-      changeVisiblilty: function changeVisiblilty(visibility) {
-        if (visibility === 4) {
-          if (userSelectRef.current) {
-            userSelectRef.current.open();
+          function openShareModal() {
+            return _openShareModal.apply(this, arguments);
           }
 
-          return;
-        }
-
-        changVisiblity(detailInfo.workId, visibility);
-      },
-      onDeleteOkr: function onDeleteOkr(e) {
-        popRef.current.getRef().show(e.target);
-      },
-      onCopyOkr: function onCopyOkr() {
-        // @ts-ignore
-        window.openCopyOkrModal({
-          okrId: detailInfo.workId,
-          okrType: detailInfo.okrType
-        });
-      },
-      onChangeOkrFollow: function () {
-        var _onChangeOkrFollow = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(follow) {
-          var res;
-          return regeneratorRuntime.wrap(function _callee3$(_context3) {
-            while (1) {
-              switch (_context3.prev = _context3.next) {
-                case 0:
-                  _context3.next = 2;
-                  return (0, _confirm["default"])(follow ? (0, _getLocale.getLocale)("OKR_MyO_Err_Focuson") : (0, _getLocale.getLocale)("OKR_MyO_Err_Unfollow"), follow ? (0, _getLocale.getLocale)("OKR_MyO_Err_Payatten") : (0, _getLocale.getLocale)("OKR_MyO_Err_Progress"));
-
-                case 2:
-                  res = _context3.sent;
+          return openShareModal;
+        }(),
+        changeVisiblilty: function changeVisiblilty(visibility) {
+          if (visibility === 4) {
+            if (userSelectRef.current) {
+              userSelectRef.current.open();
+            }
 
-                  if (!res) {
-                    _context3.next = 14;
-                    break;
-                  }
+            return;
+          }
 
-                  if (!follow) {
-                    _context3.next = 9;
+          changVisiblity(detailInfo.workId, visibility);
+        },
+        onDeleteOkr: function onDeleteOkr(e) {
+          popRef.current.getRef().show(e.target);
+        },
+        onCopyOkr: function onCopyOkr() {
+          // @ts-ignore
+          window.openCopyOkrModal({
+            okrId: detailInfo.workId,
+            okrType: detailInfo.okrType
+          });
+        },
+        onChangeOkrFollow: function () {
+          var _onChangeOkrFollow = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(follow) {
+            var res;
+            return regeneratorRuntime.wrap(function _callee3$(_context3) {
+              while (1) {
+                switch (_context3.prev = _context3.next) {
+                  case 0:
+                    _context3.next = 2;
+                    return (0, _confirm["default"])(follow ? (0, _getLocale.getLocale)('OKR_MyO_Err_Focuson') : (0, _getLocale.getLocale)('OKR_MyO_Err_Unfollow'), follow ? (0, _getLocale.getLocale)('OKR_MyO_Err_Payatten') : (0, _getLocale.getLocale)('OKR_MyO_Err_Progress'));
+
+                  case 2:
+                    res = _context3.sent;
+
+                    if (!res) {
+                      _context3.next = 14;
+                      break;
+                    }
+
+                    if (!follow) {
+                      _context3.next = 9;
+                      break;
+                    }
+
+                    _context3.next = 7;
+                    return (0, _requestApis.addUser)(loginUserId, detailInfo.workId, 3);
+
+                  case 7:
+                    _context3.next = 11;
                     break;
-                  }
-
-                  _context3.next = 7;
-                  return (0, _requestApis.addUser)(loginUserId, detailInfo.workId, 3);
 
-                case 7:
-                  _context3.next = 11;
-                  break;
+                  case 9:
+                    _context3.next = 11;
+                    return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 3);
 
-                case 9:
-                  _context3.next = 11;
-                  return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 3);
+                  case 11:
+                    context.setGeneralRoleType(follow ? 3 : 0); // 关注
 
-                case 11:
-                  context.setGeneralRoleType(follow ? 3 : 0); // 关注
+                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
 
-                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+                    if (!follow) {
+                      commonContext.refreshAll();
+                    }
 
-                  if (!follow) {
-                    commonContext.refreshAll();
-                  }
-
-                case 14:
-                case "end":
-                  return _context3.stop();
+                  case 14:
+                  case "end":
+                    return _context3.stop();
+                }
               }
-            }
-          }, _callee3);
-        }));
-
-        function onChangeOkrFollow(_x3) {
-          return _onChangeOkrFollow.apply(this, arguments);
-        }
-
-        return onChangeOkrFollow;
-      }(),
-      onFinishOrReOpen: function () {
-        var _onFinishOrReOpen = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(isFinish) {
-          var res;
-          return regeneratorRuntime.wrap(function _callee4$(_context4) {
-            while (1) {
-              switch (_context4.prev = _context4.next) {
-                case 0:
-                  _context4.next = 2;
-                  return (0, _confirm["default"])(isFinish ? (0, _getLocale.getLocale)("OKR_MyO_Areycloseobjective") : (0, _getLocale.getLocale)("OKR_MyO_Err_Restart"));
-
-                case 2:
-                  res = _context4.sent;
+            }, _callee3);
+          }));
 
-                  if (!res) {
-                    _context4.next = 13;
-                    break;
-                  }
+          function onChangeOkrFollow(_x3) {
+            return _onChangeOkrFollow.apply(this, arguments);
+          }
 
-                  if (!isFinish) {
-                    _context4.next = 9;
+          return onChangeOkrFollow;
+        }(),
+        onFinishOrReOpen: function () {
+          var _onFinishOrReOpen = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(isFinish) {
+            var res;
+            return regeneratorRuntime.wrap(function _callee4$(_context4) {
+              while (1) {
+                switch (_context4.prev = _context4.next) {
+                  case 0:
+                    _context4.next = 2;
+                    return (0, _confirm["default"])(isFinish ? (0, _getLocale.getLocale)('OKR_MyO_Areycloseobjective') : (0, _getLocale.getLocale)('OKR_MyO_Err_Restart'));
+
+                  case 2:
+                    res = _context4.sent;
+
+                    if (!res) {
+                      _context4.next = 13;
+                      break;
+                    }
+
+                    if (!isFinish) {
+                      _context4.next = 9;
+                      break;
+                    }
+
+                    _context4.next = 7;
+                    return (0, _requestApis.close)(detailInfo.workId);
+
+                  case 7:
+                    _context4.next = 11;
                     break;
-                  }
-
-                  _context4.next = 7;
-                  return (0, _requestApis.close)(detailInfo.workId);
 
-                case 7:
-                  _context4.next = 11;
-                  break;
+                  case 9:
+                    _context4.next = 11;
+                    return (0, _requestApis.start)(detailInfo.workId);
 
-                case 9:
-                  _context4.next = 11;
-                  return (0, _requestApis.start)(detailInfo.workId);
+                  case 11:
+                    commonContext.refreshAll(); // 刷新
 
-                case 11:
-                  commonContext.refreshAll(); // 刷新
+                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
 
-                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
-
-                case 13:
-                case "end":
-                  return _context4.stop();
+                  case 13:
+                  case "end":
+                    return _context4.stop();
+                }
               }
-            }
-          }, _callee4);
-        }));
-
-        function onFinishOrReOpen(_x4) {
-          return _onFinishOrReOpen.apply(this, arguments);
-        }
-
-        return onFinishOrReOpen;
-      }(),
-      onQuit: function () {
-        var _onQuit = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-          var res;
-          return regeneratorRuntime.wrap(function _callee5$(_context5) {
-            while (1) {
-              switch (_context5.prev = _context5.next) {
-                case 0:
-                  _context5.next = 2;
-                  return (0, _confirm["default"])((0, _getLocale.getLocale)("OKR_MyO_Err_Quit"), (0, _getLocale.getLocale)("OKR_MyO_Err_Inchargec"));
-
-                case 2:
-                  res = _context5.sent;
-
-                  if (!res) {
-                    _context5.next = 8;
-                    break;
-                  }
-
-                  _context5.next = 6;
-                  return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 2);
-
-                case 6:
-                  // context.setGeneralRoleType(0)
-                  commonContext.refreshAll(); // 刷新
+            }, _callee4);
+          }));
 
-                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+          function onFinishOrReOpen(_x4) {
+            return _onFinishOrReOpen.apply(this, arguments);
+          }
 
-                case 8:
-                case "end":
-                  return _context5.stop();
+          return onFinishOrReOpen;
+        }(),
+        onQuit: function () {
+          var _onQuit = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+            var res;
+            return regeneratorRuntime.wrap(function _callee5$(_context5) {
+              while (1) {
+                switch (_context5.prev = _context5.next) {
+                  case 0:
+                    _context5.next = 2;
+                    return (0, _confirm["default"])((0, _getLocale.getLocale)('OKR_MyO_Err_Quit'), (0, _getLocale.getLocale)('OKR_MyO_Err_Inchargec'));
+
+                  case 2:
+                    res = _context5.sent;
+
+                    if (!res) {
+                      _context5.next = 8;
+                      break;
+                    }
+
+                    _context5.next = 6;
+                    return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 2);
+
+                  case 6:
+                    // context.setGeneralRoleType(0)
+                    commonContext.refreshAll(); // 刷新
+
+                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
+
+                  case 8:
+                  case "end":
+                    return _context5.stop();
+                }
               }
-            }
-          }, _callee5);
-        }));
+            }, _callee5);
+          }));
 
-        function onQuit() {
-          return _onQuit.apply(this, arguments);
-        }
+          function onQuit() {
+            return _onQuit.apply(this, arguments);
+          }
 
-        return onQuit;
-      }()
-    });
+          return onQuit;
+        }()
+      });
+    }
   }, [detailInfo, context.generalRoleType, context.generalPrincipalUser, context.generalVisibility.visibility]);
   var parent = null;
 
   if (context.generalParent) {
     if (context.generalParent.parentKr) {
       parent = {
-        type: "kr",
+        type: 'kr',
         id: context.generalParent.parentKr.mileStoneId,
         name: context.generalParent.parentKr.mileStoneName
       };
     } else if (context.generalParent.parentOkr) {
       parent = {
-        type: "okr",
+        type: 'okr',
         id: context.generalParent.parentOkr.workId,
         name: context.generalParent.parentOkr.workName
       };
@@ -363,19 +368,24 @@ function OkrDetailHeader(_ref) {
 
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_drawer["default"].Header, {
     actions: actions,
+    actionComponent: /*#__PURE__*/_react["default"].createElement(_wechatBtn["default"], {
+      id: detailInfo.workId,
+      objType: 62,
+      name: detailInfo.workName
+    }),
     content: parent ? /*#__PURE__*/_react["default"].createElement("span", {
       className: "okr-detail-head-parent"
     }, /*#__PURE__*/_react["default"].createElement("i", {
       className: "tu-icon-liebiao-duiqinubiao"
     }), /*#__PURE__*/_react["default"].createElement("span", {
       onClick: function onClick() {
-        return parent.type === "okr" ? _drawerManager["default"].open("okrDetail", {
+        return parent.type === 'okr' ? _drawerManager["default"].open('okrDetail', {
           okrId: parent.id
-        }) : _drawerManager["default"].open("krDetail", {
+        }) : _drawerManager["default"].open('krDetail', {
           krId: parent.id
         });
       }
-    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === "okr" ? "O " : "KR "), parent.name)) : null
+    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === 'okr' ? 'O ' : 'KR '), parent.name)) : null
   }), /*#__PURE__*/_react["default"].createElement(_okrShare["default"], {
     visible: shareVisible,
     onClose: closeShareModal,
@@ -412,9 +422,11 @@ function OkrDetailHeader(_ref) {
                   });
 
                 case 2:
-                  _toast["default"].Success((0, _getLocale.getLocale)("Pro_detail_Deletsuccess"));
+                  _toast["default"].Success((0, _getLocale.getLocale)('Pro_detail_Deletsuccess'));
 
-                  commonContext.refreshAll();
+                  setTimeout(function () {
+                    commonContext.refreshAll();
+                  }, 500);
 
                 case 4:
                 case "end":
@@ -434,7 +446,7 @@ function OkrDetailHeader(_ref) {
     })
   }, /*#__PURE__*/_react["default"].createElement("span", null)), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      textAlign: "right",
+      textAlign: 'right',
       height: 0
     }
   }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
@@ -448,9 +460,9 @@ function OkrDetailHeader(_ref) {
     selectNodes: context.generalVisibility.visibilityScope || {},
     trigger: /*#__PURE__*/_react["default"].createElement("div", {
       style: {
-        visibility: "hidden",
+        visibility: 'hidden',
         zIndex: -1,
-        display: "inline-block",
+        display: 'inline-block',
         height: 0
       }
     }, "empty select")

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

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -51,10 +51,33 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var preCls = "okr-detail-e";
 
-function _default(props) {
-  var okrId = props.okrId;
+function Elist(props, ref) {
+  var okrId = props.okrId,
+      _props$hasSearch = props.hasSearch,
+      hasSearch = _props$hasSearch === void 0 ? true : _props$hasSearch,
+      _props$formatTree = props.formatTree,
+      formatTree = _props$formatTree === void 0 ? _util.formatEListDataToSelectTree : _props$formatTree,
+      _props$startDate = props.startDate,
+      startDate = _props$startDate === void 0 ? '' : _props$startDate,
+      _props$endDate = props.endDate,
+      endDate = _props$endDate === void 0 ? '' : _props$endDate,
+      _props$toLevel = props.toLevel,
+      toLevel = _props$toLevel === void 0 ? 999 : _props$toLevel,
+      _props$hasdivider = props.hasdivider,
+      hasdivider = _props$hasdivider === void 0 ? false : _props$hasdivider,
+      className = props.className,
+      _props$IncludeNoTaskK = props.IncludeNoTaskKr,
+      IncludeNoTaskKr = _props$IncludeNoTaskK === void 0 ? true : _props$IncludeNoTaskK,
+      _props$hasLoading = props.hasLoading,
+      hasLoading = _props$hasLoading === void 0 ? true : _props$hasLoading,
+      _props$IsDateFilter = props.IsDateFilter,
+      IsDateFilter = _props$IsDateFilter === void 0 ? false : _props$IsDateFilter,
+      emptyPage = props.emptyPage,
+      setIsEmpty = props.setIsEmpty,
+      _props$layoutPadding = props.layoutPadding,
+      layoutPadding = _props$layoutPadding === void 0 ? '0 32px 0 18px' : _props$layoutPadding;
   var loginUser = (0, _bsGlobal.getUserInfo)().Id;
-  var hasCondition = localStorage.getItem("hasRememberCondition".concat(loginUser));
+  var hasCondition = hasSearch && localStorage.getItem("hasRememberCondition".concat(loginUser));
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -111,8 +134,9 @@ function _default(props) {
       totalDataNum = _useState22[0],
       setTotalDataNum = _useState22[1];
 
-  var getKrEsData = function getKrEsData() {
+  var getKrEsData = function getKrEsData(formatTree) {
     setLoading(true);
+    var formatEList = formatTree ? formatTree : _util.formatEListDataToSelectTree;
     (0, _requestApis.getKrsByCondition)({
       okrId: okrId,
       condition: (0, _util.formatCondition)({
@@ -121,38 +145,53 @@ function _default(props) {
         selectName: selectName,
         checkedStatus: checkedStatus,
         users: selectUsers,
-        keyWord: searchKey
+        keyWord: searchKey,
+        startDate: startDate,
+        endDate: endDate,
+        toLevel: toLevel,
+        IncludeNoTaskKr: IncludeNoTaskKr,
+        IsDateFilter: IsDateFilter
       })
     }).then(function (krs) {
-      var formatKrs = (0, _util.formatEListDataToSelectTree)(krs, okrId, (0, _util.getIfInitCondition)(selectName, checkedStatus, selectUsers, searchKey));
-      var expandedKrEs = (formatKrs.krsEList || []).map(function (it) {
+      var formatKrs = formatEList(krs, okrId, (0, _util.getIfInitCondition)(selectName, checkedStatus, selectUsers, searchKey));
+      var newexpandedKrEs = (formatKrs.krsEList || []).map(function (it) {
         return it.key;
       });
-      var expandedOEs = (formatKrs.oEList[0] || []).map(function (it) {
+      var newexpandedOEs = (formatKrs.oEList[0] || []).map(function (it) {
         return it.key;
       });
-      setExpandedKrEs(expandedKrEs);
-      setExpandedOEs(expandedOEs);
+      setExpandedKrEs(newexpandedKrEs);
+      setExpandedOEs(newexpandedOEs);
       setKrList(formatKrs.krsEList);
       setOEList(formatKrs.oEList);
       setLoading(false);
     });
   };
 
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getKrEsData: getKrEsData
+    };
+  });
   (0, _react.useEffect)(function () {
-    getKrEsData();
-  }, [noteOrder, searchKey, selectName, checkedStatus, selectUsers]);
+    // 可以接收一个格式化方法
+    getKrEsData(formatTree);
+  }, [noteOrder, searchKey, selectName, checkedStatus, selectUsers, startDate, endDate, okrId]);
   (0, _react.useEffect)(function () {
     var oElistLength = oEList[0] && oEList[0].length || 0;
-    setTotalDataNum(krList.length + oElistLength);
+    var totalLength = krList.length + oElistLength;
+    setTotalDataNum(totalLength);
+    setIsEmpty && setIsEmpty(!totalLength);
   }, [krList, oEList]);
   return /*#__PURE__*/_react["default"].createElement(_context.EListContext.Provider, {
     value: {
-      refreshEList: getKrEsData
+      refreshEList: function refreshEList() {
+        return getKrEsData(formatTree);
+      }
     }
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls
-  }, /*#__PURE__*/_react["default"].createElement(_paddingLayout["default"], null, /*#__PURE__*/_react["default"].createElement(_searchForm["default"], {
+    className: "".concat(preCls, " ").concat(className)
+  }, hasSearch && /*#__PURE__*/_react["default"].createElement(_paddingLayout["default"], null, /*#__PURE__*/_react["default"].createElement(_searchForm["default"], {
     checkedStatus: checkedStatus,
     setCheckedStatus: setCheckedStatus,
     selectName: selectName,
@@ -163,28 +202,30 @@ function _default(props) {
     selectUsers: selectUsers,
     setSelectUsers: setSelectUsers,
     okrId: okrId
-  })), !loading ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+  })), !loading || !hasLoading ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: totalDataNum !== 0
   }, krList.map(function (kr, index) {
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_paddingLayout["default"], {
-      padding: "0 32px 0 18px"
+      padding: layoutPadding
     }, /*#__PURE__*/_react["default"].createElement(_okrTree["default"], {
+      key: Math.random(),
       data: [kr],
       defaultExpandedKeys: expandedKrEs
     })), // kr左后一个节点 && 没有 OE 时，不显示横线
-    !(index + 1 == krList.length && oEList.length == 0) && /*#__PURE__*/_react["default"].createElement("div", {
+    !(index + 1 == krList.length && oEList.length == 0) && hasdivider && /*#__PURE__*/_react["default"].createElement("div", {
       className: "e__divider"
     }));
-  }), oEList.map(function (kr) {
+  }), !!oEList && !!oEList.length && oEList.map(function (kr) {
     return /*#__PURE__*/_react["default"].createElement(_paddingLayout["default"], {
-      padding: "0 32px 0 18px"
+      padding: layoutPadding
     }, /*#__PURE__*/_react["default"].createElement(_okrTree["default"], {
+      key: Math.random(),
       data: kr,
       defaultExpandedKeys: expandedOEs
     }));
   })), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: totalDataNum === 0
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, emptyPage ? emptyPage() : /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__empty")
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "".concat(preCls, "__empty-img"),
@@ -194,4 +235,9 @@ function _default(props) {
   }, "\u6CA1\u6709\u641C\u7D22\u5230\u7B26\u5408\u6761\u4EF6\u7684E-\u6267\u884C")))) : /*#__PURE__*/_react["default"].createElement(_loading["default"], {
     type: "panel"
   })));
-}
+} // @ts-ignore
+
+
+Elist = /*#__PURE__*/(0, _react.forwardRef)(Elist);
+var _default = Elist;
+exports["default"] = _default;