@titaui/pc 1.9.48 → 1.9.49

package/lib/components/user-selector/selected-panel/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = _default;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -35,12 +35,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var _default = function _default(props) {
+function _default(props) {
   var _props$selected = props.selected,
       selected = _props$selected === void 0 ? [] : _props$selected,
       setSelected = props.setSelected; // 拼装显示选中的内容数量
 
-  var _useState = (0, _react.useState)(''),
+  var _useState = (0, _react.useState)(""),
       _useState2 = _slicedToArray(_useState, 2),
       totalText = _useState2[0],
       setTotalText = _useState2[1];
@@ -55,15 +55,15 @@ var _default = function _default(props) {
         _ref$gourp = _ref.gourp,
         gourp = _ref$gourp === void 0 ? [] : _ref$gourp;
     selected.forEach(function (it) {
-      if (it.nodeType == 'depart') departments.push(1);
-      if (it.nodeType == 'person') person.push(1);
-      if (it.nodeType == 'group') gourp.push(1);
+      if (it.nodeType == "depart") departments.push(1);
+      if (it.nodeType == "person") person.push(1);
+      if (it.nodeType == "group") gourp.push(1);
     });
-    if (person.length) res.push("".concat((0, _getLocale.getLocale)('OKR_MyO_Ew_Staff')).concat(person.length));
-    if (departments.length) res.push("".concat((0, _getLocale.getLocale)('Mod_Department')).concat(departments.length));
-    if (gourp.length) res.push("".concat((0, _getLocale.getLocale)('Mod_Groups')).concat(gourp.length));
+    if (person.length) res.push("".concat((0, _getLocale.getLocale)("OKR_MyO_Ew_Staff")).concat(person.length));
+    if (departments.length) res.push("".concat((0, _getLocale.getLocale)("Mod_Department")).concat(departments.length));
+    if (gourp.length) res.push("".concat((0, _getLocale.getLocale)("Mod_Groups")).concat(gourp.length));
     if (!res.length) res.push("0");
-    setTotalText("".concat((0, _getLocale.getLocale)('Data_Selected')).concat(res.join('，')));
+    setTotalText("".concat((0, _getLocale.getLocale)("Data_Selected")).concat(res.join("，")));
   }, [selected]);
 
   var onClearHandler = function onClearHandler() {
@@ -86,9 +86,9 @@ var _default = function _default(props) {
   }, totalText), selected.length ? /*#__PURE__*/_react["default"].createElement("span", {
     className: "persel-selected-panel__result-clear",
     onClick: onClearHandler
-  }, (0, _getLocale.getLocale)('Mod_Empty')) : undefined), selected.length == 0 && /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _getLocale.getLocale)("Mod_Empty")) : undefined), selected.length == 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "empty-tip"
-  }, (0, _getLocale.getLocale)('Mod_persononleft')), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _getLocale.getLocale)("Mod_persononleft")), /*#__PURE__*/_react["default"].createElement("div", {
     className: "persel-selected-panel__content"
   }, /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
     value: {}
@@ -96,6 +96,4 @@ var _default = function _default(props) {
     selected: selected,
     onRemove: onRemoveHandler
   }))));
-};
-
-exports["default"] = _default;
+}

package/lib/components/user-selector/utils.js

@@ -19,9 +19,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var orderPersonBeforeDeparts = function orderPersonBeforeDeparts(nodes) {
   // 排序，人员在上，部分在下
   for (var i = 0; i < nodes.length; i++) {
-    if (nodes[i].nodeType == 'depart' || nodes[i].nodeType == 'group') {
+    if (nodes[i].nodeType == "depart" || nodes[i].nodeType == "group") {
       for (var j = i + 1; j < nodes.length; j++) {
-        if (nodes[j].nodeType == 'person') {
+        if (nodes[j].nodeType == "person") {
           // 找到需要替换位置的人员节点
           var temp = nodes[i];
           nodes[i] = nodes[j];
@@ -37,8 +37,8 @@ exports.orderPersonBeforeDeparts = orderPersonBeforeDeparts;
 
 var toTree = function toTree(data) {
   var cloneData = (0, _cloneDeep["default"])(data);
-  var map = {},
-      res = [];
+  var map = {};
+  var res = [];
   cloneData.forEach(function (item) {
     return map[item.id] = item;
   });
@@ -62,14 +62,14 @@ var translateDepartsToTreeNode = function translateDepartsToTreeNode() {
   var res = [];
   data.forEach(function (item) {
     var node = {
-      'key': "".concat(item.id),
-      'id': "".concat(item.id),
-      'pid': "".concat(item.pid),
-      'title': item.name,
-      'nodeType': 'depart',
-      'async': item.hasChild,
-      'isLeaf': !item.hasChild,
-      'data': _objectSpread({}, item)
+      key: "".concat(item.id),
+      id: "".concat(item.id),
+      pid: "".concat(item.pid),
+      title: item.name,
+      nodeType: "depart",
+      async: item.hasChild,
+      isLeaf: !item.hasChild,
+      data: _objectSpread({}, item)
     };
     res.push(node);
   });
@@ -84,14 +84,14 @@ var translateUsersToTreeNode = function translateUsersToTreeNode() {
   var res = [];
   data.forEach(function (item) {
     var node = {
-      'key': "".concat(item.userId),
-      'id': "".concat(item.userId),
-      'pid': "".concat(pid),
-      'title': item.name,
-      'nodeType': 'person',
-      'isLeaf': true,
+      key: "".concat(item.userId),
+      id: "".concat(item.userId),
+      pid: "".concat(pid),
+      title: item.name,
+      nodeType: "person",
+      isLeaf: true,
       // 告诉Tree组件这个Node需要异步加载子节点
-      'data': _objectSpread({}, item)
+      data: _objectSpread({}, item)
     };
     res.push(node);
   });
@@ -105,12 +105,12 @@ var loadPersonTreeNodes = function loadPersonTreeNodes(data, _ref) {
   var res = [];
   data.forEach(function (item) {
     res.push({
-      'key': "".concat(item.Id),
-      'id': "".concat(item.Id),
-      'pid': "".concat(pid),
-      'nodeType': 'person',
-      'isLeaf': true,
-      'data': _objectSpread({}, item)
+      key: "".concat(item.Id),
+      id: "".concat(item.Id),
+      pid: "".concat(pid),
+      nodeType: "person",
+      isLeaf: true,
+      data: _objectSpread({}, item)
     });
   });
   return res;
@@ -123,13 +123,13 @@ var translateGroupsToTreeNode = function translateGroupsToTreeNode() {
   var res = [];
   data.forEach(function (item) {
     var node = {
-      'key': "".concat(item.id),
-      'id': "".concat(item.id),
-      'pid': '+0',
-      'title': item.name,
-      'nodeType': 'group',
-      'isLeaf': true,
-      'data': _objectSpread({}, item)
+      key: "".concat(item.id),
+      id: "".concat(item.id),
+      pid: "+0",
+      title: item.name,
+      nodeType: "group",
+      isLeaf: true,
+      data: _objectSpread({}, item)
     };
     res.push(node);
   });

package/lib/components/version-change-modal/constant.js

@@ -30,21 +30,21 @@ var getVersionList = function getVersionList() {
     name: (0, _getLocale.getLocale)("Sw_PerformEdition"),
     color: "blue",
     image: require("./images/performance.png"),
-    items: [(0, _getLocale.getLocale)("Per_Menu_Title_Assessmenttempla"), (0, _getLocale.getLocale)("Per_Menu_Title_AssessmentMana"), (0, _getLocale.getLocale)("Sw_360Feedback"), (0, _getLocale.getLocale)('Sw_PeStatistics'), (0, _getLocale.getLocale)('Sw_PerCalibration')]
+    items: [(0, _getLocale.getLocale)("Per_Menu_Title_Assessmenttempla"), (0, _getLocale.getLocale)("Per_Menu_Title_AssessmentMana"), (0, _getLocale.getLocale)("Sw_360Feedback"), (0, _getLocale.getLocale)("Sw_PeStatistics"), (0, _getLocale.getLocale)("Sw_PerCalibration")]
   }, {
     version: Versions.Professional,
-    name: (0, _getLocale.getLocale)('Sw_OKRsEdition'),
+    name: (0, _getLocale.getLocale)("Sw_OKRsEdition"),
     // subName:'包含以下 2 个版本全部功能',
     color: "yellow",
     image: require("./images/okre.png"),
-    items: [(0, _getLocale.getLocale)('Sw_OKRManagement'), (0, _getLocale.getLocale)('Sw_OKRAlignment'), (0, _getLocale.getLocale)("OKR_Menu_Title_OKRWork"), (0, _getLocale.getLocale)("OKR_Menu_Title_Dashboard"), (0, _getLocale.getLocale)('Sw_ProjectsPrograms')]
+    items: [(0, _getLocale.getLocale)("Sw_OKRManagement"), (0, _getLocale.getLocale)("Sw_OKRAlignment"), (0, _getLocale.getLocale)("OKR_Menu_Title_OKRWork"), (0, _getLocale.getLocale)("OKR_Menu_Title_Dashboard"), (0, _getLocale.getLocale)("Sw_ProjectsPrograms")]
   }, {
     version: Versions.Flagship,
-    name: (0, _getLocale.getLocale)('Sw_FlagshipEdit'),
-    subName: (0, _getLocale.getLocale)('Sw_Includes2s'),
+    name: (0, _getLocale.getLocale)("Sw_FlagshipEdit"),
+    subName: (0, _getLocale.getLocale)("Sw_Includes2s"),
     color: "green",
     image: require("./images/performancePlus.png"),
-    items: [(0, _getLocale.getLocale)('Sw_OKRsEdition'), (0, _getLocale.getLocale)('Sw_PerformEdition')]
+    items: [(0, _getLocale.getLocale)("Sw_OKRsEdition"), (0, _getLocale.getLocale)("Sw_PerformEdition")]
   }];
 };
 

package/lib/components/version-change-modal/index.js

@@ -93,7 +93,7 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
               setTimeout(function () {
                 setVisible(false);
               }, 1000);
-              window["BSGlobal"].userGuides.performanceGuide.value = false;
+              window.BSGlobal.userGuides.performanceGuide.value = false;
               (0, _requestApi.cancelGuide)((0, _bsGlobal.getBSGlobal)("userGuides").versionGuide.type);
               window.open(window.location.protocol + (0, _bsGlobal.getBSGlobal)("titaHost"), "_self");
 
@@ -154,7 +154,7 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
       onMouseEnter: function onMouseEnter() {
         return setActive(version.version);
       },
-      className: "version-item " + version.color + (active == version.version ? " active" : ""),
+      className: "version-item ".concat(version.color).concat(active == version.version ? " active" : ""),
       style: {
         backgroundImage: "url(".concat(version.image, ")")
       }
@@ -188,7 +188,7 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
           }
         }, _callee2);
       }))
-    }, (0, _getLocale.getLocale)('Sw_FreeTrial'))));
+    }, (0, _getLocale.getLocale)("Sw_FreeTrial"))));
   })))));
 });
 var _default = VersionChangeModal;

package/lib/components/version-change-modal/request-api.js

@@ -17,7 +17,7 @@ var setVersion = /*#__PURE__*/function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            return _context.abrupt("return", (0, _request.rpost)('v3')("menu/version/set?version=".concat(version)));
+            return _context.abrupt("return", (0, _request.rpost)("v3")("menu/version/set?version=".concat(version)));
 
           case 1:
           case "end":
@@ -35,7 +35,7 @@ var setVersion = /*#__PURE__*/function () {
 exports.setVersion = setVersion;
 
 var cancelGuide = function cancelGuide(type) {
-  return (0, _request.rpost)('v2')("user/cancelUserGuide?type=".concat(type));
+  return (0, _request.rpost)("v2")("user/cancelUserGuide?type=".concat(type));
 };
 
 exports.cancelGuide = cancelGuide;

package/lib/components/viewer/ImageListRender.js

@@ -51,7 +51,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-require('viewerjs/dist/viewer.min.css');
+require("viewerjs/dist/viewer.min.css");
 
 var ImageListRender = /*#__PURE__*/function (_PureComponent) {
   _inherits(ImageListRender, _PureComponent);
@@ -72,7 +72,7 @@ var ImageListRender = /*#__PURE__*/function (_PureComponent) {
       var imageUrls = this.props.imageUrls;
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          display: 'none'
+          display: "none"
         },
         ref: function ref(r) {
           return _this.imageListWrapper = r;
@@ -82,7 +82,7 @@ var ImageListRender = /*#__PURE__*/function (_PureComponent) {
           src: url,
           key: index,
           style: {
-            display: 'none'
+            display: "none"
           }
         });
       }));
@@ -120,10 +120,10 @@ var ImageListRender = /*#__PURE__*/function (_PureComponent) {
       }, restOptions), {}, {
         hidden: function hidden() {
           _hidden && _hidden();
-          hide(); ////关闭的时候通过调用父组件方法触发父组件state来卸载子组件
+          hide(); /// /关闭的时候通过调用父组件方法触发父组件state来卸载子组件
         }
       });
-      /*因为Viewer接受的参数必须是一个图片容器或者是一个图片元素，其他元素初始化会被中断*/
+      /* 因为Viewer接受的参数必须是一个图片容器或者是一个图片元素，其他元素初始化会被中断 */
 
 
       this.viewer = new _viewerjs["default"](_reactDom["default"].findDOMNode(this.imageListWrapper), options);

package/lib/components/viewer/index.js

@@ -43,19 +43,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var RViewerTriggerName = Symbol('RViewerTriggerName');
+var RViewerTriggerName = Symbol("RViewerTriggerName");
 
 var isRViewerTrigger = function isRViewerTrigger(el) {
   return el.type && el.type.componentName == RViewerTriggerName;
 };
-/*
-* 对viewerjs的react封装
-* https://github.com/fengyuanchen/viewerjs
+/*
+* 对viewerjs的react封装
+* https://github.com/fengyuanchen/viewerjs
 * */
 
 
 function deepMap(children, callback) {
-  //参考https://github.com/reactjs/react-tabs/blob/master/src/helpers/childrenDeepMap.js
+  // 参考https://github.com/reactjs/react-tabs/blob/master/src/helpers/childrenDeepMap.js
   return _react.Children.map(children, function (child) {
     if (child === null) return null;
 
@@ -63,7 +63,7 @@ function deepMap(children, callback) {
       return callback(child);
     }
 
-    if (child.props && child.props.children && _typeof(child.props.children) === 'object') {
+    if (child.props && child.props.children && _typeof(child.props.children) === "object") {
       return /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, child.props), {}, {
         children: deepMap(child.props.children, callback)
       }));
@@ -126,7 +126,7 @@ var RViewer = /*#__PURE__*/function (_PureComponent2) {
 
     _this.state = {
       isShow: false,
-      index: 0 //默认显示第0个元素
+      index: 0 // 默认显示第0个元素
 
     };
     return _this;
@@ -141,9 +141,9 @@ var RViewer = /*#__PURE__*/function (_PureComponent2) {
           children = _this$props.children,
           imageUrls = _this$props.imageUrls,
           options = _this$props.options;
-      var resultUrls = typeof imageUrls === 'string' ? [imageUrls] : imageUrls; // React v16.2.0颁布版本才能使用React.Fragment，如果没有的话，就用div包裹
+      var resultUrls = typeof imageUrls === "string" ? [imageUrls] : imageUrls; // React v16.2.0颁布版本才能使用React.Fragment，如果没有的话，就用div包裹
 
-      var Fragment = _react["default"].Fragment ? _react["default"].Fragment : 'div';
+      var Fragment = _react["default"].Fragment ? _react["default"].Fragment : "div";
       return /*#__PURE__*/_react["default"].createElement(Fragment, null, this.state.isShow ? /*#__PURE__*/_react["default"].createElement(_ImageListRender["default"], {
         imageUrls: resultUrls,
         index: this.state.index,

package/lib/components/weekly-report/board.js

@@ -21,30 +21,30 @@ function Board(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: preCls
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__cover"
+    className: "".concat(preCls, "__cover")
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__done"
+    className: "".concat(preCls, "__done")
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__undone",
+    className: "".concat(preCls, "__undone"),
     style: {
       transform: "rotate(".concat(Math.min(percent, 100) / 100 * 180, "deg)")
     }
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__space",
+    className: "".concat(preCls, "__space"),
     style: {
       transform: "rotate(45deg)"
     }
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__space"
+    className: "".concat(preCls, "__space")
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__space",
+    className: "".concat(preCls, "__space"),
     style: {
       transform: "rotate(-45deg)"
     }
   })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__center"
+    className: "".concat(preCls, "__center")
   }, /*#__PURE__*/_react["default"].createElement("div", null, Math.min(percent, 999), "%"))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__cover--bottom"
+    className: "".concat(preCls, "__cover--bottom")
   }));
 }
 

package/lib/components/weekly-report/card.js

@@ -76,34 +76,37 @@ function Card(_ref, ref) {
   var cardRef = (0, _react.useRef)();
   (0, _react.useImperativeHandle)(ref, function () {
     return {
-      getImage: function () {
-        var _getImage = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      getImage: function getImage() {
+        return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
           return regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
                   return _context.abrupt("return", new Promise(function (res) {
-                    var width = 375,
-                        //获取dom 宽度
-                    height = 710,
-                        //获取dom 高度
-                    canvas = document.createElement("canvas"),
-                        //创建一个canvas节点
-                    scale = 2; //定义任意放大倍数 支持小数
-
-                    //定义任意放大倍数 支持小数
-                    canvas.width = width * scale; //定义canvas 宽度 * 缩放
-
-                    //定义canvas 宽度 * 缩放
-                    canvas.height = height * scale; //定义canvas高度 *缩放
+                    var width = 375; // 获取dom 宽度
+
+                    // 获取dom 宽度
+                    var height = 710; // 获取dom 高度
+
+                    // 获取dom 高度
+                    var canvas = document.createElement("canvas"); // 创建一个canvas节点
+
+                    // 创建一个canvas节点
+                    var scale = 2; // 定义任意放大倍数 支持小数
+
+                    // 定义任意放大倍数 支持小数
+                    canvas.width = width * scale; // 定义canvas 宽度 * 缩放
+
+                    // 定义canvas 宽度 * 缩放
+                    canvas.height = height * scale; // 定义canvas高度 *缩放
                     // @ts-ignore
 
-                    //定义canvas高度 *缩放
+                    // 定义canvas高度 *缩放
                     // @ts-ignore
-                    canvas.style.width = width + "px"; // @ts-ignore
+                    canvas.style.width = "".concat(width, "px"); // @ts-ignore
 
                     // @ts-ignore
-                    canvas.style.height = height + "px"; // @ts-ignore
+                    canvas.style.height = "".concat(height, "px"); // @ts-ignore
 
                     // @ts-ignore
                     var opts = {
@@ -122,9 +125,9 @@ function Card(_ref, ref) {
 
                     };
                     (0, _html2canvas["default"])(cardRef.current, opts).then(function (canvas) {
-                      var imgUrl = canvas.toDataURL("image/png"); //得到图片的base64编码数据
+                      var imgUrl = canvas.toDataURL("image/png"); // 得到图片的base64编码数据
 
-                      //得到图片的base64编码数据
+                      // 得到图片的base64编码数据
                       res(imgUrl);
                     });
                   }));
@@ -135,19 +138,13 @@ function Card(_ref, ref) {
               }
             }
           }, _callee);
-        }));
-
-        function getImage() {
-          return _getImage.apply(this, arguments);
-        }
-
-        return getImage;
-      }()
+        }))();
+      }
     };
   }, []);
   (0, _react.useEffect)(function () {
     if ((0, _bsGlobal.isWx)()) {
-      window["WWOpenData"] && window["WWOpenData"].enableCanvasSharing && window["WWOpenData"].enableCanvasSharing();
+      window.WWOpenData && window.WWOpenData.enableCanvasSharing && window.WWOpenData.enableCanvasSharing();
     }
 
     if (loginUserInfo.UserAvatar.HasAvatar) {
@@ -156,7 +153,7 @@ function Card(_ref, ref) {
           name: loginUserInfo.Name,
           userId: loginUserInfo.Id,
           color: loginUserInfo.UserAvatar.Color
-        }, "data:image/jpeg;base64," + data.obj);
+        }, "data:image/jpeg;base64,".concat(data.obj));
       }).then(setAvatarSrc);
     } else {
       (0, _darwAvatar.drawAvatar)({
@@ -169,63 +166,63 @@ function Card(_ref, ref) {
     (0, _drawName["default"])(loginUserInfo.Name, loginUserInfo.Id).then(setNameSrc);
     return function () {
       if ((0, _bsGlobal.isWx)()) {
-        window["WWOpenData"] && window["WWOpenData"].disableCanvasSharing && window["WWOpenData"].disableCanvasSharing();
+        window.WWOpenData && window.WWOpenData.disableCanvasSharing && window.WWOpenData.disableCanvasSharing();
       }
     };
   }, []);
   var increase = Number(data.Increase);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "-content",
+    className: "".concat(preCls, "-content"),
     ref: cardRef
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: preCls + "__title",
+    className: "".concat(preCls, "__title"),
     src: require("./img/title.png")
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__date-range"
+    className: "".concat(preCls, "__date-range")
   }, data.WeekCycle), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__shadow"
+    className: "".concat(preCls, "__shadow")
   }), /*#__PURE__*/_react["default"].createElement("img", {
-    className: preCls + "__laba",
+    className: "".concat(preCls, "__laba"),
     src: require("./img/laba.png")
   }), /*#__PURE__*/_react["default"].createElement("img", {
-    className: preCls + "__bofang",
+    className: "".concat(preCls, "__bofang"),
     src: require("./img/bofang.png")
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__avatar"
+    className: "".concat(preCls, "__avatar")
   }, !!avatarSrc && /*#__PURE__*/_react["default"].createElement("img", {
     src: avatarSrc
   })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__body"
+    className: "".concat(preCls, "__body")
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: preCls + "__userName",
+    className: "".concat(preCls, "__userName"),
     src: nameSrc,
     style: {
       opacity: nameSrc ? 1 : 0
     }
   }), /*#__PURE__*/_react["default"].createElement("img", {
-    className: preCls + "__quote",
+    className: "".concat(preCls, "__quote"),
     src: require("./img/quote.png"),
     alt: ""
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__text"
+    className: "".concat(preCls, "__text")
   }, data.Quotations), /*#__PURE__*/_react["default"].createElement(_board["default"], {
     percent: Number(data.Complete)
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__comparison"
+    className: "".concat(preCls, "__comparison")
   }, "OKR \u5B8C\u6210\u5EA6", increase != 0 && !isNaN(increase) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, " ", /*#__PURE__*/_react["default"].createElement("img", {
-    className: preCls + "__direction",
+    className: "".concat(preCls, "__direction"),
     src: increase > 0 ? require("./img/up.png") : require("./img/down.png"),
     alt: ""
   }), /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: increase > 0 ? "#4DC591" : '#F05E5E'
+      color: increase > 0 ? "#4DC591" : "#F05E5E"
     }
-  }, Math.abs(increase), "%")) : ''), /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls + "__colleague"
+  }, Math.abs(increase), "%")) : ""), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__colleague")
   }, data.PromptLanguage), /*#__PURE__*/_react["default"].createElement(_statistics["default"], {
     data: data
   })), /*#__PURE__*/_react["default"].createElement("img", {
-    className: preCls + "__bottom",
+    className: "".concat(preCls, "__bottom"),
     src: require("./img/bottom.png")
   }));
 }

package/lib/components/weekly-report/common-painter/darwAvatar.js

@@ -28,12 +28,12 @@ function _drawAvatar() {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            if (window['WWOpenData'] && window['WWOpenData'].initCanvas) {
-              window['WWOpenData'].initCanvas();
+            if (window.WWOpenData && window.WWOpenData.initCanvas) {
+              window.WWOpenData.initCanvas();
             }
 
-            canvas = document.createElement('canvas');
-            ctx = canvas.getContext('2d');
+            canvas = document.createElement("canvas");
+            ctx = canvas.getContext("2d");
             (0, _setSize["default"])(canvas, ctx, 72, 72);
             ctx.beginPath();
             _context2.next = 7;
@@ -113,7 +113,7 @@ function drawImageAvatar(ctx, avatar) {
 }
 
 function drawTextAvatar(ctx, avatar) {
-  console.log('text');
+  console.log("text");
   var maxNameWidth = avatar.maxNameWidth || 28;
   return new Promise( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(resolve) {
@@ -125,14 +125,14 @@ function drawTextAvatar(ctx, avatar) {
               ctx.fillStyle = avatar.color;
               ctx.fill();
               ctx.closePath();
-              ctx.fillStyle = 'white';
-              ctx.font = '14px arial';
-              ctx.textBaseline = 'bottom';
+              ctx.fillStyle = "white";
+              ctx.font = "14px arial";
+              ctx.textBaseline = "bottom";
               _context.next = 8;
               return (0, _openDataPainter["default"])(ctx, {
                 id: avatar.id,
                 name: avatar.name,
-                type: 'userName'
+                type: "userName"
               }, 22, maxNameWidth);
 
             case 8:

package/lib/components/weekly-report/common-painter/drawName.js

@@ -26,19 +26,19 @@ function _ref() {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            canvas = document.createElement('canvas');
-            ctx = canvas.getContext('2d');
+            canvas = document.createElement("canvas");
+            ctx = canvas.getContext("2d");
             (0, _setSize["default"])(canvas, ctx, 295, 24);
             ctx.beginPath();
             lineHeight = 24;
             ctx.font = "bold 16px/".concat(lineHeight, "px arial,sans-serif");
-            ctx.fillStyle = '#141C28';
-            ctx.textBaseline = 'middle';
+            ctx.fillStyle = "#141C28";
+            ctx.textBaseline = "middle";
             _context.next = 10;
             return (0, _openDataPainter["default"])(ctx, {
               name: name,
               id: id,
-              type: 'userName'
+              type: "userName"
             }, 24, 295);
 
           case 10: