@titaui/pc 1.11.27 → 1.11.30

package/lib/components/okr-flow/child-node/index.css

@@ -58,7 +58,7 @@
 
 .titaui-okr-flow--node__kr {
   border: 1px solid rgba(90, 216, 166, 0.5);
-  background: #EEFBF6;
+  background: #eefbf6;
   height: 96px;
 }
 
@@ -98,7 +98,7 @@
   flex: 1;
   font-size: 13px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
 }
 
 .titaui-okr-flow--node-kr-progress {
@@ -202,7 +202,7 @@
   line-height: 24px;
   font-size: 12px;
   font-family: PingFangSC-Regular, PingFang SC;
-  color: #6F7886;
+  color: #6f7886;
 }
 
 .titaui-okr-flow--node-weight:before {
@@ -224,7 +224,7 @@
   align-items: center;
   font-size: 12px;
   line-height: 24px;
-  color: #6F7886;
+  color: #6f7886;
 }
 
 .titaui-okr-flow--node-progress .t-c-progress-circle {
@@ -413,7 +413,7 @@
 }
 
 .titaui-okr-flow__dark .titaui-okr-flow--node-status__normal {
-  color: #1FA7FF;
+  color: #1fa7ff;
   background: #3b4e6e;
 }
 
@@ -432,7 +432,7 @@
 }
 
 .titaui-okr-flow__dark .titaui-okr-flow--node-kr-status__normal {
-  color: #1FA7FF;
+  color: #1fa7ff;
   background: #3b4e6e;
 }
 

package/lib/components/okr-flow/child-node/work-node.js

@@ -65,7 +65,7 @@ function WorkNode(_ref) {
       darkTheme = _ref.darkTheme;
   var workId = data.workId,
       _data$workName = data.workName,
-      workName = _data$workName === void 0 ? "" : _data$workName,
+      workName = _data$workName === void 0 ? '' : _data$workName,
       okrType = data.okrType,
       departmentId = data.departmentId,
       departmentName = data.departmentName,
@@ -101,7 +101,7 @@ function WorkNode(_ref) {
 
   var getOkrTypeMap = function getOkrTypeMap() {
     return {
-      1: (0, _getLocale.getLocale)("OKR_MyO_Pop_Individual"),
+      1: (0, _getLocale.getLocale)('OKR_MyO_Pop_Individual'),
       // 2: <OpenDepartmentName id={departmentId} name={departmentName} />,
       2: /*#__PURE__*/_react["default"].createElement("img", {
         src: darkTheme ? whiteImg : departUrl,
@@ -110,8 +110,8 @@ function WorkNode(_ref) {
         },
         width: imgWidth
       }),
-      3: (0, _getLocale.getLocale)("OKR_MyO_Pop_Company"),
-      4: groupName || (0, _getLocale.getLocale)("OKR_MyO_Text_Team")
+      3: (0, _getLocale.getLocale)('OKR_MyO_Pop_Company'),
+      4: groupName || (0, _getLocale.getLocale)('OKR_MyO_Text_Team')
     };
   };
 
@@ -122,7 +122,7 @@ function WorkNode(_ref) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              name = departmentName || "默认部门";
+              name = departmentName || '默认部门';
 
               if (!(0, _bsGlobal.isWx)()) {
                 _context.next = 5;
@@ -133,15 +133,15 @@ function WorkNode(_ref) {
               return (0, _openDataPainter.getOpenData)({
                 id: departmentId,
                 name: departmentName,
-                type: "departmentName"
+                type: 'departmentName'
               });
 
             case 4:
               name = _context.sent;
 
             case 5:
-              getCanvasImg("white", name);
-              getCanvasImg("dark", name);
+              getCanvasImg('white', name);
+              getCanvasImg('dark', name);
 
             case 7:
             case "end":
@@ -157,11 +157,11 @@ function WorkNode(_ref) {
   }();
 
   var getCanvasImg = function getCanvasImg() {
-    var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "white";
+    var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'white';
     var name = arguments.length > 1 ? arguments[1] : undefined;
-    var canvas = document.createElement("canvas");
-    var ctx = canvas.getContext("2d");
-    var font = "normal 12px/24px -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei";
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    var font = 'normal 12px/24px -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei';
     ctx.font = font; // const fitStr = fittingString(ctx, name, 92);
 
     var _ctx$measureText = ctx.measureText(name),
@@ -170,11 +170,11 @@ function WorkNode(_ref) {
     var actualWidth = Math.min(width, 92);
     (0, _openDataPainter.setSize)(canvas, ctx, actualWidth, 24);
     setImgWidth(actualWidth);
-    ctx.textBaseline = "middle";
+    ctx.textBaseline = 'middle';
     ctx.font = font;
-    ctx.fillStyle = theme == "white" ? "#FFFFFF" : "#6f7886";
+    ctx.fillStyle = theme == 'white' ? '#FFFFFF' : '#6f7886';
     ctx.fillText(name, 0, 12);
-    theme == "white" ? setWhiteImg(canvas.toDataURL()) : setDepartUrl(canvas.toDataURL());
+    theme == 'white' ? setWhiteImg(canvas.toDataURL()) : setDepartUrl(canvas.toDataURL());
   };
 
   (0, _react.useEffect)(function () {
@@ -184,13 +184,13 @@ function WorkNode(_ref) {
   }, []);
 
   var openODetail = function openODetail(id) {
-    _drawerManager["default"].open("okrDetail", {
+    _drawerManager["default"].open('okrDetail', {
       okrId: workId
     });
   };
 
   var openKr = function openKr(id) {
-    _drawerManager["default"].open("krDetail", {
+    _drawerManager["default"].open('krDetail', {
       krId: id
     });
   };
@@ -206,7 +206,7 @@ function WorkNode(_ref) {
 
     switch (cycleTypeCopy) {
       case 0:
-        return (0, _getLocale.getLocale)("Mod_Customization");
+        return (0, _getLocale.getLocale)('Mod_Customization');
 
       case 1:
         return "".concat(annualNum, "\u5E74");
@@ -221,15 +221,15 @@ function WorkNode(_ref) {
         return "".concat(yqmnum, "-").concat((yqmnum + 1) % 12 || 12, "\u6708");
 
       case 5:
-        return "".concat(yqmnum == 1 ? "上" : "下", "\u534A\u5E74");
+        return "".concat(yqmnum == 1 ? '上' : '下', "\u534A\u5E74");
 
       case -1:
-        return KrIndex ? "KR".concat(KrIndex) : "KR";
+        return KrIndex ? "KR".concat(KrIndex) : 'KR';
     }
   }; // 1：正常 2：有风险 3：过期 4:完成 5：过期完成 ,
 
 
-  var riskLevelSuffix = ["normal", "normal", "risk", "expired", "complete", "complete_over", "normal"];
+  var riskLevelSuffix = ['normal', 'normal', 'risk', 'expired', 'complete', 'complete_over', 'normal'];
   if (!MapOkrVisible) return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "--node"), "".concat(_precls["default"], "--node__private"))
   });

package/lib/components/okr-flow/export-modal/index.js

@@ -87,7 +87,7 @@ var ExportMapModal = function ExportMapModal(props) {
       mapInstance = _useState2[0],
       setMapInstance = _useState2[1];
 
-  var _useState3 = (0, _react.useState)("none"),
+  var _useState3 = (0, _react.useState)('none'),
       _useState4 = _slicedToArray(_useState3, 2),
       bgColor = _useState4[0],
       setBgColor = _useState4[1];
@@ -123,12 +123,12 @@ var ExportMapModal = function ExportMapModal(props) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              okrMapRef = document.querySelector(".titaui-okr-flow__export") || document.createElement("div");
+              okrMapRef = document.querySelector('.titaui-okr-flow__export') || document.createElement('div');
               width = okrMapRef.clientWidth; // 获取dom 宽度
 
               height = okrMapRef.clientHeight; // 获取dom 高度
 
-              canvas = document.createElement("canvas"); // 创建一个canvas节点
+              canvas = document.createElement('canvas'); // 创建一个canvas节点
 
               scale = 20; // 定义任意放大倍数 支持小数
 
@@ -155,6 +155,8 @@ var ExportMapModal = function ExportMapModal(props) {
               };
               _context.next = 12;
               return (0, _html2canvas["default"])(okrMapRef, opts).then(function (result) {
+                var _window, _window$BSGlobal, _window$BSGlobal$logi, _window2, _window2$BSGlobal, _window2$BSGlobal$ten;
+
                 if ((0, _bsGlobal.isWx)() && window.WWOpenData) {
                   if (window.WWOpenData.enableCanvasSharing) {
                     window.WWOpenData.enableCanvasSharing();
@@ -165,36 +167,52 @@ var ExportMapModal = function ExportMapModal(props) {
                   }
                 }
 
-                var imgUrl = result.toDataURL("image/png"); // 得到图片的base64编码数据
+                var userId = (_window = window) === null || _window === void 0 ? void 0 : (_window$BSGlobal = _window.BSGlobal) === null || _window$BSGlobal === void 0 ? void 0 : (_window$BSGlobal$logi = _window$BSGlobal.loginUserInfo) === null || _window$BSGlobal$logi === void 0 ? void 0 : _window$BSGlobal$logi.Id;
+                var telentId = (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$BSGlobal = _window2.BSGlobal) === null || _window2$BSGlobal === void 0 ? void 0 : (_window2$BSGlobal$ten = _window2$BSGlobal.tenantInfo) === null || _window2$BSGlobal$ten === void 0 ? void 0 : _window2$BSGlobal$ten.Id;
+                var imgUrl = result.toDataURL('image/png'); // 得到图片的base64编码数据
+                // @ts-ignore
 
                 // 得到图片的base64编码数据
-                (0, _requestApis.getBase64DownloadUrl)(imgUrl.split(",")[1]).then(function (url) {
-                  var image = new Image();
-                  image.setAttribute("crossOrigin", "anonymous");
+                // @ts-ignore
+                window.titaTracker && window.titaTracker("action").record({
+                  actionName: userId + '租户：' + telentId + '我得到了图片' + imgUrl,
+                  actionGroup: 'okr地图图片',
+                  productName: 'okr地图导出'
+                });
+                (0, _requestApis.getBase64DownloadUrl)(imgUrl.split(',')[1]).then(function (url) {
+                  var image = new Image(); // @ts-ignore
+
+                  // @ts-ignore
+                  window.titaTracker && window.titaTracker("action").record({
+                    actionName: userId + '租户：' + telentId + '我获得了地址' + url.Data.obj,
+                    actionGroup: 'okr地图接口',
+                    productName: 'okr地图导出'
+                  });
+                  image.setAttribute('crossOrigin', 'anonymous');
 
                   image.onload = function () {
                     if (!url.Data.obj) {
-                      _toast["default"].Error("导出失败，请稍后重试", {
+                      _toast["default"].Error('导出失败，请稍后重试', {
                         canClose: false
                       });
                     }
 
-                    var a = document.createElement("a"); // 生成一个a元素
+                    var a = document.createElement('a'); // 生成一个a元素
 
                     // 生成一个a元素
-                    var event = new MouseEvent("click"); // 创建一个单击事件
+                    var event = new MouseEvent('click'); // 创建一个单击事件
 
                     // 创建一个单击事件
-                    a.download = "okr地图"; // 设置图片名称
+                    a.download = 'okr地图'; // 设置图片名称
 
                     // 设置图片名称
-                    a.href = url.Data.obj; // 将生成的URL设置为a.href属性
+                    a.href = url.Data.obj; // 将生成的URL设置为a
 
-                    // 将生成的URL设置为a.href属性
+                    // 将生成的URL设置为a
                     a.dispatchEvent(event); // 触发a的单击事件
 
                     // 触发a的单击事件
-                    _toast["default"].Success("导出成功");
+                    _toast["default"].Success('导出成功');
 
                     setIsExport(false);
 
@@ -228,7 +246,7 @@ var ExportMapModal = function ExportMapModal(props) {
 
   var confirmHandler = function confirmHandler() {
     if (isExport) {
-      _toast["default"].Warning("正在导出中", {
+      _toast["default"].Warning('正在导出中', {
         canClose: true
       });
 
@@ -244,7 +262,7 @@ var ExportMapModal = function ExportMapModal(props) {
   };
 
   var colorChangeHandler = function colorChangeHandler(colors) {
-    setBgColor(colors ? colors.color : "none");
+    setBgColor(colors ? colors.color : 'none');
   };
 
   var NodeDebug = function NodeDebug() {
@@ -261,7 +279,7 @@ var ExportMapModal = function ExportMapModal(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
-    title: (0, _getLocale.getLocale)("OKR_Ali_Exportmap"),
+    title: (0, _getLocale.getLocale)('OKR_Ali_Exportmap'),
     noFooterLine: true,
     visible: visible,
     width: "1000px",
@@ -277,7 +295,7 @@ var ExportMapModal = function ExportMapModal(props) {
     style: {
       marginRight: 10
     }
-  }, (0, _getLocale.getLocale)("OKR_Ali_Selectbackground")), /*#__PURE__*/_react["default"].createElement(_rcColorPicker["default"], {
+  }, (0, _getLocale.getLocale)('OKR_Ali_Selectbackground')), /*#__PURE__*/_react["default"].createElement(_rcColorPicker["default"], {
     animation: "slide-up",
     color: "#FFFFFF",
     onChange: colorChangeHandler,
@@ -308,7 +326,7 @@ var ExportMapModal = function ExportMapModal(props) {
     paneMoveable: false,
     style: {
       height: 600,
-      width: "100%",
+      width: '100%',
       background: bgColor
     }
   }, /*#__PURE__*/_react["default"].createElement(NodeDebug, null)))))));

package/lib/components/okr-flow/export-modules/okr-search-panel/index.js

@@ -72,7 +72,7 @@ function OkrSearchPanel(props, ref) {
       _props$rootId = props.rootId,
       rootId = _props$rootId === void 0 ? 0 : _props$rootId,
       _props$rootName = props.rootName,
-      rootName = _props$rootName === void 0 ? "" : _props$rootName,
+      rootName = _props$rootName === void 0 ? '' : _props$rootName,
       _props$avatar = props.avatar,
       avatar = _props$avatar === void 0 ? {} : _props$avatar,
       direction = props.direction,
@@ -80,7 +80,7 @@ function OkrSearchPanel(props, ref) {
       yqmNum = props.yqmNum,
       annualNum = props.annualNum,
       _props$okrType = props.okrType,
-      okrType = _props$okrType === void 0 ? "" : _props$okrType,
+      okrType = _props$okrType === void 0 ? '' : _props$okrType,
       _props$openLevel = props.openLevel,
       openLevel = _props$openLevel === void 0 ? 2 : _props$openLevel,
       _props$showkr = props.showkr,
@@ -127,12 +127,12 @@ function OkrSearchPanel(props, ref) {
                 cycleType: cycleType,
                 yqmNum: yqmNum,
                 annualNum: annualNum,
-                userIds: searchType == "user" ? rootId : "",
-                departmentIds: searchType == "depart" ? rootId : "",
-                groupIds: searchType == "group" ? rootId : "",
+                userIds: searchType == 'user' ? rootId : '',
+                departmentIds: searchType == 'depart' ? rootId : '',
+                groupIds: searchType == 'group' ? rootId : '',
                 orderType: 2,
                 // 排序
-                okrType: _config.OkrTypeSetting ? searchType == "user" ? "" : okrType : "",
+                okrType: _config.OkrTypeSetting ? searchType == 'user' ? '' : okrType : '',
                 status: 0
               });
 
@@ -168,7 +168,7 @@ function OkrSearchPanel(props, ref) {
               subTreeNodes = (0, _treeHandler.buildTreeNodes)(allNodes, openLevel, showkr);
               setTreeNodes({
                 id: 0,
-                modelType: "root",
+                modelType: 'root',
                 data: _defineProperty({
                   searchType: searchType,
                   rootName: rootName,
@@ -217,9 +217,9 @@ function OkrSearchPanel(props, ref) {
               id = node.id, modelType = node.modelType, data = node.data;
               _context2.next = 3;
               return (0, _requestApis.expandNode)({
-                krId: modelType == "kr" ? id : 0,
-                okrId: modelType == "kr" ? data.workId : id,
-                okrIdParent: modelType == "work" ? data.parentId : data.workId,
+                krId: modelType == 'kr' ? id : 0,
+                okrId: modelType == 'kr' ? data.workId : id,
+                okrIdParent: modelType == 'work' ? data.parentId : data.workId,
                 childRoot: false,
                 showCardKr: showCardKr ? 1 : 0
               });
@@ -269,12 +269,12 @@ function OkrSearchPanel(props, ref) {
               id = node.id, modelType = node.modelType, data = node.data;
               _context3.next = 3;
               return (0, _requestApis.expandNode)({
-                krId: modelType == "kr" ? id : 0,
-                okrId: modelType == "work" ? id : data.workId,
+                krId: modelType == 'kr' ? id : 0,
+                okrId: modelType == 'work' ? id : data.workId,
                 okrIdParent: 0,
                 childRoot: true,
                 showCardKr: showCardKr ? 1 : 0,
-                currentOkrRole: modelType == "kr" ? data.mapkrVisible : data.MapOkrVisible
+                currentOkrRole: modelType == 'kr' ? data.mapkrVisible : data.MapOkrVisible
               });
 
             case 3:
@@ -325,7 +325,7 @@ function OkrSearchPanel(props, ref) {
                 break;
               }
 
-              _toast["default"].Warning("暂无OKR");
+              _toast["default"].Warning('暂无OKR');
 
               return _context4.abrupt("return");
 

package/lib/components/okr-flow/okr-map/index.js

@@ -63,7 +63,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var OkrMap = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$direction = props.direction,
-      direction = _props$direction === void 0 ? "horizontal" : _props$direction,
+      direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
       _props$darkTheme = props.darkTheme,
       darkTheme = _props$darkTheme === void 0 ? false : _props$darkTheme,
       _props$showkr = props.showkr,
@@ -91,7 +91,7 @@ var OkrMap = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _element$data = element.data,
         data = _element$data === void 0 ? {} : _element$data,
         type = element.type;
-    if (type == "default" || type == "RootNode" || (data === null || data === void 0 ? void 0 : data.modelType) == "work") return;
+    if (type == 'default' || type == 'RootNode' || (data === null || data === void 0 ? void 0 : data.modelType) == 'work') return;
     onNodeClick & onNodeClick(data);
   };
 
@@ -100,7 +100,7 @@ var OkrMap = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var containerWidth = document.body.clientWidth - 180 - 320;
     var rootNode = virtualElements[0];
 
-    if (direction == "horizontal") {
+    if (direction == 'horizontal') {
       var targetY = containerHeight / 2;
       return [-160, targetY - rootNode.position.y];
     }
@@ -173,8 +173,8 @@ var OkrMap = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
 
   var closeOkrDrawer = function closeOkrDrawer() {
-    var mousedown = document.createEvent("MouseEvents");
-    mousedown.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+    var mousedown = document.createEvent('MouseEvents');
+    mousedown.initMouseEvent('mousedown', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
     window.parent.document.body.dispatchEvent(mousedown); // drawerWrapper.close()
   };
 

package/lib/components/okr-flow/request-apis.js

@@ -27,8 +27,8 @@ var userId = window.BSGlobal && window.BSGlobal.loginUserInfo.Id || 0;
 exports.userId = userId;
 
 var requestDomain = function requestDomain() {
-  if (!window.location.hostname.match(/dev/)) return "";
-  return "https://www.tita.gift";
+  if (!window.location.hostname.match(/dev/)) return '';
+  return 'https://www.tita.gift';
 };
 
 var checkTenantOkrExist = /*#__PURE__*/function () {
@@ -70,9 +70,9 @@ exports.searchOkrs = searchOkrs;
 
 var expandNode = function expandNode(params) {
   var _params$okrId = params.okrId,
-      okrId = _params$okrId === void 0 ? "" : _params$okrId,
+      okrId = _params$okrId === void 0 ? '' : _params$okrId,
       _params$krId = params.krId,
-      krId = _params$krId === void 0 ? "" : _params$krId,
+      krId = _params$krId === void 0 ? '' : _params$krId,
       _params$childRoot = params.childRoot,
       childRoot = _params$childRoot === void 0 ? true : _params$childRoot,
       _params$okrIdParent = params.okrIdParent,

package/lib/components/okr-flow/root-node/index.js

@@ -50,19 +50,19 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function RootNode(props) {
   var _props$data = props.data,
       _props$data$rootName = _props$data.rootName,
-      rootName = _props$data$rootName === void 0 ? "" : _props$data$rootName,
+      rootName = _props$data$rootName === void 0 ? '' : _props$data$rootName,
       _props$data$rootId = _props$data.rootId,
       rootId = _props$data$rootId === void 0 ? 0 : _props$data$rootId,
       _props$data$avatar = _props$data.avatar,
       avatar = _props$data$avatar === void 0 ? {} : _props$data$avatar,
       searchType = _props$data.searchType;
 
-  var _useState = (0, _react.useState)(""),
+  var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
       normalRootImg = _useState2[0],
       setNormalRootImg = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(''),
       _useState4 = _slicedToArray(_useState3, 2),
       whiteRootImg = _useState4[0],
       setWhiteImg = _useState4[1];
@@ -80,19 +80,19 @@ function RootNode(props) {
       darkTheme = context.darkTheme;
 
   var getRootIcon = function getRootIcon() {
-    if (searchType == "company") {
+    if (searchType == 'company') {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: (0, _classnames["default"])("".concat(_precls["default"], "--root-node-icon__company"))
       });
     }
 
-    if (searchType == "user") {
+    if (searchType == 'user') {
       if (hasAvatar) {
         return /*#__PURE__*/_react["default"].createElement("img", {
           src: avatar.big ? avatar.big : avatar.small,
           width: 24,
           style: {
-            borderRadius: "50%"
+            borderRadius: '50%'
           }
         });
       }
@@ -118,7 +118,7 @@ function RootNode(props) {
       })));
     }
 
-    if (searchType == "depart") {
+    if (searchType == 'depart') {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: (0, _classnames["default"])("".concat(_precls["default"], "--root-node-icon__normal"))
       }, rootName[0]);
@@ -147,15 +147,15 @@ function RootNode(props) {
               return (0, _openDataPainter.getOpenData)({
                 id: rootId,
                 name: rootName,
-                type: searchType == "user" ? "userName" : "departmentName"
+                type: searchType == 'user' ? 'userName' : 'departmentName'
               });
 
             case 4:
               wxRootName = _context.sent;
 
             case 5:
-              generalCanvas("normal", wxRootName);
-              generalCanvas("white", wxRootName);
+              generalCanvas('normal', wxRootName);
+              generalCanvas('white', wxRootName);
 
             case 7:
             case "end":
@@ -171,11 +171,11 @@ function RootNode(props) {
   }();
 
   var generalCanvas = function generalCanvas() {
-    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "normal";
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'normal';
     var rootName = arguments.length > 1 ? arguments[1] : undefined;
-    var canvas = document.createElement("canvas");
-    var font = "normal 14px/24px Arial,Verdana,Helvetica Neue,Helvetica,sans-serif,PingFang SC,Microsoft YaHei";
-    var ctx = canvas.getContext("2d");
+    var canvas = document.createElement('canvas');
+    var font = 'normal 14px/24px Arial,Verdana,Helvetica Neue,Helvetica,sans-serif,PingFang SC,Microsoft YaHei';
+    var ctx = canvas.getContext('2d');
     ctx.font = font; // const fitStr = fittingString(ctx, rootName, 268);
 
     var _ctx$measureText = ctx.measureText(rootName),
@@ -185,41 +185,42 @@ function RootNode(props) {
     (0, _openDataPainter.setSize)(canvas, ctx, actualWidth, 24); // 设置画布尺寸
 
     setImgWidth(actualWidth);
-    ctx.textBaseline = "middle";
+    ctx.textBaseline = 'middle';
     ctx.font = font;
-    ctx.fillStyle = type == "normal" ? "#6f7886" : "#FFFFFF";
+    ctx.fillStyle = type == 'normal' ? '#6f7886' : '#FFFFFF';
     ctx.fillText(rootName, 0, 12);
-    type == "normal" ? setNormalRootImg(canvas.toDataURL()) : setWhiteImg(canvas.toDataURL());
+    type == 'normal' ? setNormalRootImg(canvas.toDataURL()) : setWhiteImg(canvas.toDataURL());
   };
 
   (0, _react.useEffect)(function () {
-    (searchType == "user" || searchType == "depart") && rootName.length && getRootName();
+    ;
+    (searchType == 'user' || searchType == 'depart') && rootName.length && getRootName();
   }, [rootName, rootId]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "--root-node-wrapper"), "".concat(_precls["default"], "--root-node-wrapper__").concat(direction))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "--root-node"))
-  }, getRootIcon(), searchType !== "user" && searchType !== "depart" && /*#__PURE__*/_react["default"].createElement("span", {
+  }, getRootIcon(), searchType !== 'user' && searchType !== 'depart' && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "--root-node-text"))
-  }, rootName), (searchType == "user" || searchType == "depart") && /*#__PURE__*/_react["default"].createElement("img", {
+  }, rootName), (searchType == 'user' || searchType == 'depart') && /*#__PURE__*/_react["default"].createElement("img", {
     src: darkTheme ? whiteRootImg : normalRootImg,
     style: {
       maxWidth: 268,
       marginLeft: 4
     },
     width: imgWidth
-  })), direction === "horizontal" && /*#__PURE__*/_react["default"].createElement(_reactFlowRenderer.Handle, {
+  })), direction === 'horizontal' && /*#__PURE__*/_react["default"].createElement(_reactFlowRenderer.Handle, {
     type: "source",
     position: "right",
     style: {
-      visibility: "hidden",
+      visibility: 'hidden',
       right: 0
     }
-  }), direction === "vertical" && /*#__PURE__*/_react["default"].createElement(_reactFlowRenderer.Handle, {
+  }), direction === 'vertical' && /*#__PURE__*/_react["default"].createElement(_reactFlowRenderer.Handle, {
     type: "source",
     position: "bottom",
     style: {
-      visibility: "hidden",
+      visibility: 'hidden',
       bottom: 0
     }
   }));

package/lib/components/okr-flow/utils/index.js

@@ -28,12 +28,12 @@ var nodeTypes = {
 exports.nodeTypes = nodeTypes;
 
 var getLayoutedElements = function getLayoutedElements(elements) {
-  var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "horizontal";
-  var isHorizontal = direction === "horizontal"; // const g = new dagre.graphlib.Graph({compound: true });
+  var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'horizontal';
+  var isHorizontal = direction === 'horizontal'; // const g = new dagre.graphlib.Graph({compound: true });
 
   var g = new _dagre["default"].graphlib.Graph();
   g.setGraph({
-    rankdir: isHorizontal ? "LR" : "TB",
+    rankdir: isHorizontal ? 'LR' : 'TB',
     nodesep: 12,
     ranksep: 80
   });
@@ -66,8 +66,8 @@ var getLayoutedElements = function getLayoutedElements(elements) {
     if ((0, _reactFlowRenderer.isNode)(element)) {
       var node = g.node(element.id);
       return _objectSpread(_objectSpread({}, element), {}, {
-        targetPosition: isHorizontal ? "left" : "top",
-        sourcePosition: isHorizontal ? "right" : "bottom",
+        targetPosition: isHorizontal ? 'left' : 'top',
+        sourcePosition: isHorizontal ? 'right' : 'bottom',
         position: {
           x: node ? (node === null || node === void 0 ? void 0 : node.x) - (node === null || node === void 0 ? void 0 : node.width) / 2 : 0,
           y: node ? (node === null || node === void 0 ? void 0 : node.y) - (node === null || node === void 0 ? void 0 : node.height) / 2 : 0