@titaui/pc 1.11.21-beta.9 → 1.11.24

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

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _titaUi = require("tita-ui");
+
 var _userSelector = _interopRequireDefault(require("../../user-selector"));
 
 var _drawer = _interopRequireDefault(require("../../drawer"));
@@ -25,9 +27,7 @@ var _requestApis = require("../request-apis");
 
 var _okrShare = _interopRequireDefault(require("../../okr-share"));
 
-var _context6 = require("../context");
-
-var _constant = require("./constant");
+var _context7 = require("../context");
 
 var _deleteConfirm = _interopRequireDefault(require("./delete-confirm/delete-confirm"));
 
@@ -74,7 +74,7 @@ function OkrDetailHeader(_ref) {
       setShareVisible = _useState2[1];
 
   var userSelectRef = (0, _react.useRef)();
-  var deletePopRef = (0, _react.useRef)();
+  var popRef = (0, _react.useRef)();
 
   var _useState3 = (0, _react.useState)([]),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -83,11 +83,8 @@ function OkrDetailHeader(_ref) {
 
 
   var loginUserId = window.BSGlobal.loginUserInfo.Id;
-  var context = (0, _react.useContext)(_context6.GeneralDataContext);
-  var commonContext = (0, _react.useContext)(_context6.CommonContext);
-  var approvalSetting = commonContext.approvalSetting,
-      okrInfo = commonContext.okrInfo;
-  var approveStatusColor = (0, _constant.ApproveStatusColor)(detailInfo.applyState);
+  var context = (0, _react.useContext)(_context7.GeneralDataContext);
+  var commonContext = (0, _react.useContext)(_context7.CommonContext);
   var changVisiblity = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(workId, visibility) {
       var visibilityScope,
@@ -114,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,
@@ -136,251 +133,233 @@ function OkrDetailHeader(_ref) {
   var closeShareModal = (0, _react.useCallback)(function () {
     setShareVisible(false);
   }, []);
-
-  var handleDeleteOkr = function handleDeleteOkr(selected) {
-    (0, _requestApis.workDelete)({
-      deleteType: selected,
-      workId: detailInfo.workId
-    }).then(function (resp) {
-      if (resp.Code === 1) {
-        _toast["default"].Success((0, _getLocale.getLocale)("Pro_detail_Deletsuccess"));
-
-        setTimeout(function () {
-          commonContext.refreshAll();
-        }, 500);
-      } else {
-        _toast["default"].Error(resp.Message);
-      }
-    });
-  };
-
   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();
+    } 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);
-        }));
+            }, _callee2);
+          }));
 
-        function openShareModal() {
-          return _openShareModal.apply(this, arguments);
-        }
-
-        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) {
-        deletePopRef.current.show();
-      },
-      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);
-        }
+            }, _callee4);
+          }));
 
-        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"));
+          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
       };
@@ -389,8 +368,6 @@ function OkrDetailHeader(_ref) {
 
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_drawer["default"].Header, {
     actions: actions,
-    approvalSetting: approvalSetting,
-    detailInfo: detailInfo,
     actionComponent: /*#__PURE__*/_react["default"].createElement(_wechatBtn["default"], {
       id: detailInfo.workId,
       objType: 62,
@@ -403,17 +380,13 @@ function OkrDetailHeader(_ref) {
       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,
-    status: {
-      title: (0, _constant.getApproveStatusTextMap)(okrInfo.applyState),
-      color: approveStatusColor
-    }
+    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === 'okr' ? 'O ' : 'KR '), parent.name)) : null
   }), /*#__PURE__*/_react["default"].createElement(_okrShare["default"], {
     visible: shareVisible,
     onClose: closeShareModal,
@@ -431,13 +404,50 @@ function OkrDetailHeader(_ref) {
       })
     },
     zIndex: 2400
-  }), /*#__PURE__*/_react["default"].createElement(_deleteConfirm["default"], {
-    ref: deletePopRef,
-    approvalSetting: approvalSetting,
-    onConfirm: handleDeleteOkr
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement(_titaUi.PopConfirm, {
+    ref: popRef,
+    showArrow: false,
+    align: "top",
+    className: "document-mouse-event-ignore",
+    content: /*#__PURE__*/_react["default"].createElement(_deleteConfirm["default"], {
+      onConfirm: /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(selected) {
+          return regeneratorRuntime.wrap(function _callee6$(_context6) {
+            while (1) {
+              switch (_context6.prev = _context6.next) {
+                case 0:
+                  _context6.next = 2;
+                  return (0, _requestApis.workDelete)({
+                    deleteType: selected,
+                    workId: detailInfo.workId
+                  });
+
+                case 2:
+                  _toast["default"].Success((0, _getLocale.getLocale)('Pro_detail_Deletsuccess'));
+
+                  setTimeout(function () {
+                    commonContext.refreshAll();
+                  }, 500);
+
+                case 4:
+                case "end":
+                  return _context6.stop();
+              }
+            }
+          }, _callee6);
+        }));
+
+        return function (_x5) {
+          return _ref3.apply(this, arguments);
+        };
+      }(),
+      onCancel: function onCancel() {
+        return popRef.current && popRef.current.getRef().hide();
+      }
+    })
+  }, /*#__PURE__*/_react["default"].createElement("span", null)), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      textAlign: "right",
+      textAlign: 'right',
       height: 0
     }
   }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
@@ -451,9 +461,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/index.js

@@ -27,8 +27,6 @@ var _schedule = _interopRequireDefault(require("./schedule"));
 
 var _requestApis = require("./request-apis");
 
-var _helper = require("./helper");
-
 var _okrReview = _interopRequireDefault(require("../okr-review"));
 
 var _reportList = _interopRequireDefault(require("../eReport/eReportLists/reportList"));
@@ -175,14 +173,7 @@ function OkrDetail(props) {
   var _useState23 = (0, _react.useState)(),
       _useState24 = _slicedToArray(_useState23, 2),
       generalRoleType = _useState24[0],
-      setGeneralRoleType = _useState24[1];
-
-  var _useState25 = (0, _react.useState)({
-    isOpen: false
-  }),
-      _useState26 = _slicedToArray(_useState25, 2),
-      approvalSetting = _useState26[0],
-      setApprovalSetting = _useState26[1]; // 计算元素的ref，用于实现 tabs 吸顶，点赞吸底
+      setGeneralRoleType = _useState24[1]; // 计算元素的ref，用于实现 tabs 吸顶，点赞吸底
 
 
   var tabRef = (0, _react.useRef)();
@@ -212,18 +203,9 @@ function OkrDetail(props) {
     getData();
   };
 
-  var getApprovalShow = function getApprovalShow() {
-    (0, _requestApis.getOkrApprovalSettingInfo)().then(function (resp) {
-      if (resp.Code === 1) {
-        setApprovalSetting((0, _helper.getApprovalOpenItem)(resp.Data));
-      }
-    });
-  };
-
   (0, _react.useEffect)(function () {
     setLoading(true);
     getData();
-    getApprovalShow();
   }, []);
   (0, _react.useEffect)(function () {
     if (!okrInfo || !okrInfo.workId) return;
@@ -294,8 +276,7 @@ function OkrDetail(props) {
       changeTabActive: changeTabActive,
       refreshAll: refreshAll,
       setOkrInfo: setOkrInfo,
-      refreshKrs: refreshKrs,
-      approvalSetting: approvalSetting
+      refreshKrs: refreshKrs
     })
   }, /*#__PURE__*/_react["default"].createElement(_context.GeneralDataContext.Provider, {
     value: {

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

@@ -43,8 +43,6 @@ var _auth = require("../../../utils/auth");
 
 var _getLocale = require("../../../utils/getLocale");
 
-var _helper = require("../helper");
-
 require("./index.css");
 
 var _excluded = ["mileStoneId"];
@@ -153,8 +151,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setShowOkrEvalute = _useContext.setShowOkrEvalute;
 
   var _useContext2 = (0, _react.useContext)(_context2.CommonContext),
-      refreshAll = _useContext2.refreshAll,
-      approvalSetting = _useContext2.approvalSetting;
+      refreshAll = _useContext2.refreshAll;
 
   var parentId = generalParent.parentId,
       parentOkr = generalParent.parentOkr,
@@ -443,11 +440,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       padding: "0 32px 0 18px"
     }, /*#__PURE__*/_react["default"].createElement(_okrTree["default"], {
       data: krs,
-      approvalSetting: approvalSetting,
-      okrInfo: okrInfo,
-      draggable: canEditOkr && (okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState) === _helper.EApproveStatus.UnderApproval,
+      draggable: canEditOkr,
       onDrop: onOkrItemDropHandler
-    }))), (canEditOkr || isInnerUser) && (0, _helper.getApprovalIsShow)(approvalSetting, "createOkr", okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes) && /*#__PURE__*/_react["default"].createElement("div", {
+    }))), (canEditOkr || isInnerUser) && /*#__PURE__*/_react["default"].createElement("div", {
       ref: wrapperRef,
       className: (0, _classnames["default"])("".concat(preCls, "__addkr"))
     }, /*#__PURE__*/_react["default"].createElement(_paddingLayout["default"], null, createKrShow ? /*#__PURE__*/_react["default"].createElement(_createKrItem["default"], {