@titaui/pc 1.11.40-beta.1 → 1.11.40

package/lib/components/drawer/headerDrop.js

@@ -9,8 +9,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _helper = require("../okr-detail/helper");
-
 var _popup = _interopRequireDefault(require("../popup"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -46,9 +44,7 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
       colorInDrop = _ref.colorInDrop,
       hoverColorInDrop = _ref.hoverColorInDrop,
       _onClick = _ref.onClick,
-      onClose = _ref.onClose,
-      approvalSetting = _ref.approvalSetting,
-      detailInfo = _ref.detailInfo;
+      onClose = _ref.onClose;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -56,37 +52,7 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
       setHover = _useState2[1];
 
   var hasIcon = !!icon && typeof icon === "string";
-  var applyState = detailInfo === null || detailInfo === void 0 ? void 0 : detailInfo.applyState;
-  var OkrAndKrApprovalTypes = detailInfo === null || detailInfo === void 0 ? void 0 : detailInfo.OkrAndKrApprovalTypes;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, icon === 'tu-icon-del' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _helper.getApprovalOkr)(approvalSetting, 'deleteOkr', applyState, OkrAndKrApprovalTypes) ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-drop-item",
-    style: {
-      color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
-    },
-    onClick: function onClick(e) {
-      _onClick && _onClick(e);
-      onClose(false);
-    },
-    onMouseOver: function onMouseOver() {
-      return setHover(true);
-    },
-    onMouseOut: function onMouseOut() {
-      return setHover(false);
-    }
-  }, hasIcon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-drop-item-icon",
-    style: {
-      color: hover ? hoverIconColorInDrop || hoverColorInDrop || hoverColor : iconColorInDrop || colorInDrop || color
-    }
-  }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: icon
-  }) : icon), title) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-drop-item-approval"
-  }, hasIcon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-drop-item-icon"
-  }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: icon
-  }) : icon), title)) : /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "header-drop-item",
     style: {
       color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
@@ -108,23 +74,19 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
     }
   }, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
     className: icon
-  }) : icon), title));
+  }) : icon), title);
 };
 
 var HeaderDrop = function HeaderDrop(_ref2) {
   var visible = _ref2.visible,
       onVisibleChange = _ref2.onVisibleChange,
       items = _ref2.items,
-      children = _ref2.children,
-      approvalSetting = _ref2.approvalSetting,
-      detailInfo = _ref2.detailInfo;
+      children = _ref2.children;
   var renderDrop = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "titaui-drawer-header-action-drop-wrapper"
     }, items.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement(HeaderDropItem, _extends({}, item, {
-        detailInfo: detailInfo,
-        approvalSetting: approvalSetting,
         onClose: function onClose() {
           return onVisibleChange(false);
         }

package/lib/components/drawer/index.css

@@ -164,39 +164,6 @@
   background-repeat: no-repeat;
 }
 
-.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval {
-  height: 32px;
-  display: flex;
-  align-items: center;
-  padding: 0 23px;
-  cursor: pointer;
-  color: #BFC7D5;
-}
-
-.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon {
-  font-size: 18px;
-  color: inherit;
-  width: 18px;
-  height: 18px;
-  cursor: pointer;
-  margin-right: 10px;
-  background-size: contain;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon > span {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: inherit;
-  width: 18px;
-  height: 18px;
-  background-size: contain;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
 .drawer-left .drawer-content-wrapper,
 .drawer-right .drawer-content-wrapper,
 .drawer-left .drawer-content,

package/lib/components/drawer/index.js

@@ -25,9 +25,7 @@ require("./index.css");
 
 var _context = _interopRequireDefault(require("../drawer-manager/context"));
 
-var _dom = require("./utils/dom");
-
-var _excluded = ["visible", "placement", "children", "mask", "width", "className", "contentWrapperStyle", "onClose", "style", "afterVisibleChange", "destroyOnClose", "bodyStyle", "zIndex", "autoClosable"];
+var _excluded = ["visible", "placement", "children", "mask", "width", "className", "contentWrapperStyle", "onClose", "style", "afterVisibleChange", "destroyOnClose", "bodyStyle", "zIndex"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -72,8 +70,6 @@ var Drawer = function Drawer(props) {
       bodyStyle = props.bodyStyle,
       _props$zIndex = props.zIndex,
       zIndex = _props$zIndex === void 0 ? 1200 : _props$zIndex,
-      _props$autoClosable = props.autoClosable,
-      autoClosable = _props$autoClosable === void 0 ? false : _props$autoClosable,
       rest = _objectWithoutProperties(props, _excluded);
 
   var handleAfterVisibleChange = (0, _react.useCallback)(function (opened) {
@@ -93,20 +89,6 @@ var Drawer = function Drawer(props) {
     return children;
   }
 
-  var autoClose = function autoClose(e) {
-    if ((0, _dom.hasAncestorElement)(e.target, 'document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add')) return;
-    onClose();
-  };
-
-  (0, _react.useEffect)(function () {
-    if (autoClosable) {
-      document.addEventListener('mousedown', autoClose);
-    }
-
-    return function () {
-      document.removeEventListener('mousedown', autoClose);
-    };
-  }, []);
   return /*#__PURE__*/_react["default"].createElement(DrawerContext.Provider, {
     value: {
       close: function close() {
@@ -141,10 +123,7 @@ function DrawerHeader(_ref) {
       content = _ref.content,
       style = _ref.style,
       onClose = _ref.onClose,
-      actionComponent = _ref.actionComponent,
-      onlyShowContent = _ref.onlyShowContent,
-      approvalSetting = _ref.approvalSetting,
-      detailInfo = _ref.detailInfo;
+      actionComponent = _ref.actionComponent;
   var drawer = (0, _react.useContext)(DrawerContext);
   var manager = (0, _react.useContext)(_context["default"]);
   var showClose = closable && (!!onClose || !!drawer);
@@ -173,11 +152,9 @@ function DrawerHeader(_ref) {
     style: {
       flex: 1
     }
-  }), /*#__PURE__*/_react["default"].createElement("div", null, onlyShowContent), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
+  }), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
     return /*#__PURE__*/_react["default"].createElement(_headerAction["default"], action);
   }), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
-    approvalSetting: approvalSetting,
-    detailInfo: detailInfo,
     title: (0, _getLocale.getLocale)('Mod_MoreOperate'),
     icon: "tu-icon-10",
     children: collapsedActions

package/lib/components/dynamic/new-ui.css

@@ -129,7 +129,7 @@
 }
 
 .titaui-new-ui-dynamic__no-more-data::before {
-  content: '';
+  content: "";
   display: inline-block;
   margin-right: 12px;
   width: 192px;
@@ -139,7 +139,7 @@
 }
 
 .titaui-new-ui-dynamic__no-more-data::after {
-  content: '';
+  content: "";
   display: inline-block;
   margin-left: 12px;
   width: 192px;
@@ -150,8 +150,8 @@
 
 .titaui-new-ui-dynamic__go-to-top {
   position: fixed;
-  bottom: 20px;
-  right: 86px;
+  bottom: 128px;
+  right: 24px;
   display: flex;
   align-items: center;
   justify-content: center;

package/lib/components/nav-top/index.js

@@ -15,8 +15,6 @@ var _bsGlobal = require("../../utils/bs-global");
 
 var _userOwnMenu = _interopRequireDefault(require("./components/user-own-menu"));
 
-var _useGlobalValue = _interopRequireDefault(require("./useGlobalValue"));
-
 var _menu = _interopRequireDefault(require("./components/menu"));
 
 var _userMessage = _interopRequireDefault(require("./components/user-message"));
@@ -172,7 +170,5 @@ var NavTop = function NavTop() {
   }, /*#__PURE__*/_react["default"].createElement(_userOwnMenu["default"], null)));
 };
 
-var _default = NavTop; // @ts-ignore
-
-exports["default"] = _default;
-NavTop.useGlobalValue = _useGlobalValue["default"];
+var _default = NavTop;
+exports["default"] = _default;

package/lib/components/okr-detail/base-info/other-infos/date-cycle/index.js

@@ -13,10 +13,6 @@ var _okrPeriodSelector = _interopRequireDefault(require("../../../../okr-period-
 
 var _getLocale = require("../../../../../utils/getLocale");
 
-var _context = require("../../../context");
-
-var _helper = require("../../../helper");
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -44,22 +40,14 @@ var DateCycle = function DateCycle(_ref) {
       _ref$canEdit = _ref.canEdit,
       canEdit = _ref$canEdit === void 0 ? false : _ref$canEdit;
 
-  var _useContext = (0, _react.useContext)(_context.CommonContext),
-      okrInfo = _useContext.okrInfo,
-      approvalSetting = _useContext.approvalSetting;
-
-  var canCycleEdit = canEdit && (0, _helper.getApprovalOkr)(approvalSetting, "changeOkrTime", okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes);
-
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       isFocus = _useState2[0],
       setIsFocus = _useState2[1];
 
   var handleButtonFocus = (0, _react.useCallback)(function () {
-    if (canCycleEdit) {
-      setIsFocus(true);
-    }
-  }, [canCycleEdit]);
+    canEdit && setIsFocus(true);
+  }, [canEdit]);
   var handleButtonBlur = (0, _react.useCallback)(function () {
     setIsFocus(false);
   }, []);
@@ -69,10 +57,9 @@ var DateCycle = function DateCycle(_ref) {
         clickCallback = _ref2.clickCallback,
         text = _ref2.text;
     return /*#__PURE__*/_react["default"].createElement("button", {
-      type: "button",
       onFocus: handleButtonFocus,
       onBlur: handleButtonBlur,
-      className: "base-info-date-cycle__button ".concat(isFocus ? "base-info-date-cycle__button--focus" : "", " ").concat(!canCycleEdit && "base-info-date-cycle__button--disable"),
+      className: "base-info-date-cycle__button ".concat(isFocus ? "base-info-date-cycle__button--focus" : "", " ").concat(!canEdit && "base-info-date-cycle__button--disable"),
       ref: btnRef,
       onClick: clickCallback
     }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -91,13 +78,10 @@ var DateCycle = function DateCycle(_ref) {
     cycle: cycle,
     setCycle: setCycle,
     okrId: okrId,
-    canEdit: canCycleEdit,
+    canEdit: canEdit,
     getCycleRange: true
   }));
 };
 
-DateCycle.defaultProps = {
-  canEdit: false
-};
 var _default = DateCycle;
 exports["default"] = _default;

package/lib/components/okr-detail/base-info/other-infos/principal/index.js

@@ -21,10 +21,6 @@ var _popConfirm = _interopRequireDefault(require("../../../../../components-v1/p
 
 var _getLocale = require("../../../../../utils/getLocale");
 
-var _context2 = require("../../../context");
-
-var _helper = require("../../../helper");
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -64,10 +60,6 @@ var Principal = function Principal(_ref) {
       selectUser = _useState2[0],
       setSelectUser = _useState2[1];
 
-  var _useContext = (0, _react.useContext)(_context2.CommonContext),
-      okrInfo = _useContext.okrInfo,
-      approvalSetting = _useContext.approvalSetting;
-
   var handleSelected = function handleSelected(_ref2) {
     var _ref3 = _slicedToArray(_ref2, 1),
         user = _ref3[0];
@@ -122,7 +114,7 @@ var Principal = function Principal(_ref) {
   }, (0, _getLocale.getLocale)("Mod_Owner")), /*#__PURE__*/_react["default"].createElement("div", {
     className: "base-info-other-infos__principal-user",
     ref: selectUserRef
-  }, canEdit && (0, _helper.getApprovalOkr)(approvalSetting, "changeOkrName", okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes) ? /*#__PURE__*/_react["default"].createElement(_popConfirm["default"], {
+  }, canEdit ? /*#__PURE__*/_react["default"].createElement(_popConfirm["default"], {
     ref: popConfirmRef,
     showArrow: false,
     style: {

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

@@ -31,8 +31,6 @@ var _progress = _interopRequireDefault(require("../../../progress"));
 
 var _utils = require("../../../progress/utils");
 
-var _helper = require("../../helper");
-
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _auth = require("../../../../utils/auth");
@@ -87,8 +85,6 @@ function Header(props) {
       setGeneralOkrClassify = _useContext.setGeneralOkrClassify,
       showOkrEvalute = _useContext.showOkrEvalute;
 
-  var commonContext = (0, _react.useContext)(_context.CommonContext);
-  var approvalSetting = commonContext.approvalSetting;
   var showOScore = (_window = window) === null || _window === void 0 ? void 0 : (_window$BSGlobal = _window.BSGlobal) === null || _window$BSGlobal === void 0 ? void 0 : (_window$BSGlobal$OkrA = _window$BSGlobal.OkrAdvancedSetting) === null || _window$BSGlobal$OkrA === void 0 ? void 0 : (_window$BSGlobal$OkrA2 = _window$BSGlobal$OkrA.KRSetting) === null || _window$BSGlobal$OkrA2 === void 0 ? void 0 : _window$BSGlobal$OkrA2.OScore;
   var _okrInfo$progressGrow = okrInfo.progressGrow,
       progressGrow = _okrInfo$progressGrow === void 0 ? 0 : _okrInfo$progressGrow,
@@ -160,7 +156,7 @@ function Header(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(precls, "__avatar")
   }, /*#__PURE__*/_react["default"].createElement(_oAvatar["default"], {
-    editable: editable && (okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState) !== 1,
+    editable: editable,
     okrId: okrInfo.workId
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(precls, "__content")
@@ -168,10 +164,7 @@ function Header(props) {
     editable: editable,
     okrName: okrName,
     setIsEdit: setIsEdit,
-    okrStatus: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.status,
-    OkrAndKrApprovalTypes: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes,
-    applyState: okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState,
-    approvalSetting: approvalSetting
+    okrStatus: okrInfo.status
   }, /*#__PURE__*/_react["default"].createElement(_oClassify["default"], {
     editable: editable,
     okrId: okrInfo.workId,
@@ -194,7 +187,7 @@ function Header(props) {
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(precls, "__action-item")
   }, /*#__PURE__*/_react["default"].createElement(_oCycle["default"], {
-    editable: editable && (0, _helper.getApprovalOkr)(approvalSetting, "changeOkrTime", okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes),
+    editable: editable,
     okrId: okrInfo.workId
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(precls, "__action-item")

package/lib/components/okr-detail/components/header/o-name.js

@@ -13,8 +13,6 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var _tools = require("../../../../utils/tools");
 
-var _helper = require("../../helper");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function OName(props) {
@@ -22,16 +20,11 @@ function OName(props) {
       okrName = props.okrName,
       setIsEdit = props.setIsEdit,
       okrStatus = props.okrStatus,
-      children = props.children,
-      approvalSetting = props.approvalSetting,
-      applyState = props.applyState,
-      OkrAndKrApprovalTypes = props.OkrAndKrApprovalTypes;
+      children = props.children;
 
   var handleEditClick = function handleEditClick() {
-    if ((0, _helper.getApprovalOkr)(approvalSetting, "changeOkrName", applyState, OkrAndKrApprovalTypes)) {
-      if (editable) {
-        setIsEdit(true);
-      }
+    if (editable) {
+      setIsEdit(true);
     }
   };
 

package/lib/components/okr-detail/components/o-classify.js

@@ -84,11 +84,7 @@ function OClassify(props) {
 
             case 5:
               res = _context.sent;
-
-              if (onOkrClassifyChange) {
-                onOkrClassifyChange(select);
-              }
-
+              onOkrClassifyChange(select);
               setVisible(false);
 
               _toast["default"].Success("修改成功", {

package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js

@@ -47,8 +47,6 @@ var _EditKrWightModal = _interopRequireDefault(require("../../../../../edit-kr-w
 
 var _okrProgressModal = _interopRequireDefault(require("../../../../../okr-progress-modal"));
 
-var _helper = require("../../../../helper");
-
 var _getLocale = require("../../../../../../utils/getLocale");
 
 require("./index.css");
@@ -101,8 +99,7 @@ function _default(props) {
 
   var _useContext = (0, _react.useContext)(_context2.CommonContext),
       refreshAll = _useContext.refreshAll,
-      okrInfo = _useContext.okrInfo,
-      approvalSetting = _useContext.approvalSetting;
+      okrInfo = _useContext.okrInfo;
 
   var _useState = (0, _react.useState)(data.confidenceIndex),
       _useState2 = _slicedToArray(_useState, 2),
@@ -223,13 +220,17 @@ function _default(props) {
       updateProgressWay: updateProgressWay
     }).then(function (res) {
       if (res.Code == 1) {
-        _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+        _toast["default"].Success("修改成功", {
+          top: 60
+        });
 
         refreshAll();
         updateKrs();
         setKrModalVsible(false);
       } else {
-        _toast["default"].Error(res.Message);
+        _toast["default"].Error(res.Message, {
+          top: 60
+        });
       }
     });
   };
@@ -251,7 +252,7 @@ function _default(props) {
               setDeleteModalVisible(false);
 
               if (!Message) {
-                _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+                _toast["default"].Success((0, _getLocale.getLocale)("Pro_detail_Deletsuccess"));
 
                 setTimeout(function () {
                   refreshAll();
@@ -280,7 +281,7 @@ function _default(props) {
       workId: data.workId,
       workMileStoneId: data.mileStoneId
     }).then(function () {
-      _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+      _toast["default"].Success("修改成功");
     });
   };
 
@@ -315,7 +316,7 @@ function _default(props) {
   }, "KR", index + 1), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-title"))
   }, /*#__PURE__*/_react["default"].createElement(_editableInput["default"], {
-    editable: krCanEdit && (0, _helper.getApprovalKr)(approvalSetting, "changeOkrName", okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes, data === null || data === void 0 ? void 0 : data.KrApprovalTypes),
+    editable: krCanEdit,
     defaultValue: krName,
     emptyMessage: "KR\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A",
     onKeyDown: onKrNameChangeHandler,
@@ -329,10 +330,10 @@ function _default(props) {
     name: user.name,
     id: user.userId,
     width: 68,
-    editable: krCanEdit && okrInfo.applyState !== _helper.EApproveStatus.UnderApproval,
+    editable: krCanEdit,
     onEditUser: onEditUserHandler,
     nameTips: function nameTips(name) {
-      return /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Text_Owner'), name);
+      return /*#__PURE__*/_react["default"].createElement("span", null, "\u8D1F\u8D23\u4EBA\uFF1A", name);
     }
   })), showKrWeight && /*#__PURE__*/_react["default"].createElement(OkrRowColumn, {
     width: 60,
@@ -348,7 +349,7 @@ function _default(props) {
     marginLeft: 16
   }, /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
     data: data,
-    editable: krCanEdit && (0, _helper.getApprovalKr)(approvalSetting, "changeOkrTime", okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes, data === null || data === void 0 ? void 0 : data.KrApprovalTypes)
+    editable: krCanEdit
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-actions"))
   }, showHeart && /*#__PURE__*/_react["default"].createElement("div", {
@@ -377,7 +378,7 @@ function _default(props) {
     evaluateValue: evaluateValue,
     setEvaluateValue: onEvaluateChangeHanler,
     isEvaluate: isEvaluate
-  })), krCanEdit && okrInfo.applyState !== _helper.EApproveStatus.UnderApproval && /*#__PURE__*/_react["default"].createElement("div", {
+  })), krCanEdit && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-delete")),
     onClick: function onClick() {
       return setDeleteModalVisible(true);