@titaui/pc 1.7.22 → 1.7.26

package/lib/components/menus/components/menu-tree/tree-node/index.css

@@ -34,6 +34,7 @@
 .titaui-menus-tree__sub-menu-item-node-indent {
   display: inline-block;
   width: 16px;
+  min-width: 16px;
 }
 
 .titaui-menus-tree__sub-menu-item-node-title {
@@ -136,7 +137,7 @@
   font-size: 14px;
   line-height: 22px;
   color: #141c28;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 .titaui-menus-tree__menu-item-node-icon {
@@ -232,7 +233,7 @@
   font-size: 14px;
   line-height: 22px;
   color: #141c28;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 .titaui-menus-tree__parent-menu-node-icon {
@@ -337,6 +338,7 @@
 .titaui-menus-tree__no-follower-node-indent, .titaui-menus-tree__no-subordinates-node-indent {
   display: inline-block;
   width: 16px;
+  min-width: 16px;
 }
 
 .titaui-menus-tree__no-follower-node-title, .titaui-menus-tree__no-subordinates-node-title {
@@ -367,6 +369,7 @@
 .titaui-menus-tree__loading-node-indent {
   display: inline-block;
   width: 16px;
+  min-width: 16px;
 }
 
 .titaui-menus-tree__loading-node-title {
@@ -398,7 +401,7 @@
   font-size: 14px;
   line-height: 22px;
   color: #141c28;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 .titaui-menus-tree__company-all-node-icon {
@@ -494,7 +497,7 @@
   font-size: 14px;
   line-height: 22px;
   color: #141c28;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 .titaui-menus-tree__ass-template-node-icon {
@@ -599,7 +602,7 @@
   font-size: 14px;
   line-height: 22px;
   color: #141c28;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 .titaui-menus-tree__ass-manage-node-icon {
@@ -705,7 +708,7 @@
   font-size: 14px;
   line-height: 22px;
   color: #141c28;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 .titaui-menus-tree__user-concern-node-icon {

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

@@ -153,6 +153,9 @@ var UserMessage = function UserMessage() {
         var blessIndicator = indicators.filter(function (item) {
           return item.type === 'mZhufu';
         });
+        var weeklyReportIndicator = indicators.filter(function (item) {
+          return item.type === 'mWeekStatisticIndicator';
+        });
 
         if (blessIndicator.length === 1) {
           var userInfo = (0, _bsGlobal.getUserInfo)();
@@ -164,6 +167,12 @@ var UserMessage = function UserMessage() {
 
           window.util.openGift(options);
         }
+
+        if (weeklyReportIndicator.length) {
+          var _window;
+
+          (_window = window) === null || _window === void 0 ? void 0 : _window.Talent.app.vent.trigger('open-weekly-report-modal');
+        }
       }
     });
   };

package/lib/components/okr-detail/components/okr-tree/tree-node/e-node/e-project.js

@@ -60,6 +60,8 @@ 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) {
+  var _data$principalUser, _data$principalUser2;
+
   var index = props.index,
       title = props.title,
       data = props.data,
@@ -134,8 +136,8 @@ var _default = function _default(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__e-project-node-actions-user"))
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"].Text, {
-    name: data.principalUser.name,
-    id: data.principalUser.userId,
+    name: data === null || data === void 0 ? void 0 : (_data$principalUser = data.principalUser) === null || _data$principalUser === void 0 ? void 0 : _data$principalUser.name,
+    id: data === null || data === void 0 ? void 0 : (_data$principalUser2 = data.principalUser) === null || _data$principalUser2 === void 0 ? void 0 : _data$principalUser2.userId,
     width: 64,
     extraCls: isGray && "".concat(_precls["default"], "__e-project-node-gray")
   })), /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/okr-detail/components/okr-tree/tree-node/e-node/e-task-level2.js

@@ -345,8 +345,8 @@ var _default = function _default(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__e-task-level2-node-actions-user"))
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"].Text, {
-    name: user.name,
-    id: user.userId,
+    name: user === null || user === void 0 ? void 0 : user.name,
+    id: user === null || user === void 0 ? void 0 : user.userId,
     width: 64,
     editable: hasAuth,
     onEditUser: onEditUserHandler,

package/lib/components/okr-detail/components/okr-tree/tree-node/e-node/e-task.js

@@ -347,8 +347,8 @@ var _default = function _default(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__e-task-node-actions-user"))
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"].Text, {
-    name: user.name,
-    id: user.userId,
+    name: user === null || user === void 0 ? void 0 : user.name,
+    id: user === null || user === void 0 ? void 0 : user.userId,
     width: 64,
     editable: hasEditAuth,
     onEditUser: onEditUserHandler,

package/lib/components/select-tags/index.css

@@ -19,6 +19,10 @@
   display: none;
 }
 
+.titaui-select-tags .rc-select-multiple .rc-select-selector .rc-select-selection-overflow {
+  overflow: hidden;
+}
+
 .titaui-select-tags .rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search-input {
   display: none;
 }
@@ -47,6 +51,8 @@
   height: unset;
   padding: 7px 12px 0;
   border: 1px solid #DFE3EA;
+  max-height: 116px;
+  overflow: auto;
 }
 
 .titaui-select-tags .rc-select-multiple .rc-select-selector .rc-select-selection-overflow-item {

package/lib/components/select-tags/index.js

@@ -61,7 +61,7 @@ var SelectTags = function SelectTags(_ref) {
       mode = _ref$mode === void 0 ? "single" : _ref$mode,
       className = _ref.className,
       _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? '请选择' : _ref$placeholder,
+      placeholder = _ref$placeholder === void 0 ? "请选择" : _ref$placeholder,
       name = _ref.name,
       noBorder = _ref.noBorder,
       restProps = _objectWithoutProperties(_ref, _excluded);

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var preCls = 'weekly-report-card-board';
+
+function Board(_ref) {
+  var percent = _ref.percent;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__done'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__undone',
+    style: {
+      transform: "rotate(".concat(percent / 100 * 180, "deg)")
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__space',
+    style: {
+      transform: 'rotate(45deg)'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__space'
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__space',
+    style: {
+      transform: 'rotate(-45deg)'
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + '__center'
+  }, /*#__PURE__*/_react["default"].createElement("div", null, percent, "%")));
+}
+
+var _default = Board;
+exports["default"] = _default;

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

@@ -0,0 +1,231 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _html2canvas = _interopRequireDefault(require("html2canvas"));
+
+var _board = _interopRequireDefault(require("./board"));
+
+var _helpers = require("../../utils/helpers");
+
+var _darwAvatar = require("./common-painter/darwAvatar");
+
+var _drawName = _interopRequireDefault(require("./common-painter/drawName"));
+
+var _statistics = _interopRequireDefault(require("./statistics"));
+
+var _bsGlobal = require("../../utils/bs-global");
+
+require("./index.css");
+
+var _request = require("../../utils/request");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+
+var preCls = "weekly-report-card";
+
+var getImageBase64ByUrl = function getImageBase64ByUrl(toUserId) {
+  return (0, _request.rpost)("v1")("okr/share/getBase64Str", {
+    toUserId: toUserId
+  }).then(function (getBase64Str) {
+    return getBase64Str.Data;
+  });
+};
+
+function Card(_ref, ref) {
+  _objectDestructuringEmpty(_ref);
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      avatarSrc = _useState2[0],
+      setAvatarSrc = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      nameSrc = _useState4[0],
+      setNameSrc = _useState4[1];
+
+  var loginUserInfo = (0, _helpers.getLoginUserInfo)();
+  var cardRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getImage: function () {
+        var _getImage = _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高度 *缩放
+                    // @ts-ignore
+
+                    //定义canvas高度 *缩放
+                    // @ts-ignore
+                    canvas.style.width = width + "px"; // @ts-ignore
+
+                    // @ts-ignore
+                    canvas.style.height = height + "px"; // @ts-ignore
+
+                    // @ts-ignore
+                    var opts = {
+                      backgroundColor: null,
+                      // 背景透明
+                      scale: scale,
+                      // 添加的scale 参数
+                      canvas: canvas,
+                      // 自定义 canvas
+                      logging: false,
+                      // 日志开关，便于查看html2canvas的内部执行流程
+                      width: width,
+                      // dom 原始宽度
+                      height: height,
+                      useCORS: true // 【重要】开启跨域配置
+
+                    };
+                    (0, _html2canvas["default"])(cardRef.current, opts).then(function (canvas) {
+                      var imgUrl = canvas.toDataURL("image/png"); //得到图片的base64编码数据
+
+                      //得到图片的base64编码数据
+                      res(imgUrl);
+                    });
+                  }));
+
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _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();
+    }
+
+    if (loginUserInfo.UserAvatar.HasAvatar) {
+      getImageBase64ByUrl(loginUserInfo.Id).then(function (data) {
+        return (0, _darwAvatar.drawAvatar)({
+          name: loginUserInfo.Name,
+          userId: loginUserInfo.Id,
+          color: loginUserInfo.UserAvatar.Color
+        }, "data:image/jpeg;base64," + data.obj);
+      }).then(setAvatarSrc);
+    } else {
+      (0, _darwAvatar.drawAvatar)({
+        name: loginUserInfo.Name,
+        userId: loginUserInfo.Id,
+        color: loginUserInfo.UserAvatar.Color
+      }, "").then(setAvatarSrc);
+    }
+
+    (0, _drawName["default"])(loginUserInfo.Name, loginUserInfo.Id).then(setNameSrc);
+    return function () {
+      if ((0, _bsGlobal.isWx)()) {
+        window["WWOpenData"] && window["WWOpenData"].disableCanvasSharing && window["WWOpenData"].disableCanvasSharing();
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "-content",
+    ref: cardRef
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: preCls + "__title",
+    src: require("./img/title.png")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__date-range"
+  }, "6\u67087\u65E5-6\u670811\u65E5"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__shadow"
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    className: preCls + "__laba",
+    src: require("./img/laba.png")
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    className: preCls + "__bofang",
+    src: require("./img/bofang.png")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__body"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__avatar"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: avatarSrc
+  })), /*#__PURE__*/_react["default"].createElement("img", {
+    className: preCls + "__userName",
+    src: nameSrc
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    className: preCls + "__quote",
+    src: require("./img/quote.png"),
+    alt: ""
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__text"
+  }, "\u575A\u6301\u6BCF\u5468\u53CD\u9988\u624D\u662F\u771F\u6B63\u7684\u4F18\u79C0\u771F\u6B63\u7684\u4F18\u79C0"), /*#__PURE__*/_react["default"].createElement(_board["default"], {
+    percent: 80
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__comparison"
+  }, "OKR \u5B8C\u6210\u5EA6", /*#__PURE__*/_react["default"].createElement("img", {
+    className: preCls + "__direction",
+    src: require("./img/up.png"),
+    alt: ""
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      color: "#4DC591"
+    }
+  }, "20%")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__colleague"
+  }, "\u606D\u559C\u8D85\u8D8A\u4E86 ", /*#__PURE__*/_react["default"].createElement("span", null, "80%"), " \u7684\u540C\u4E8B"), /*#__PURE__*/_react["default"].createElement(_statistics["default"], null)), /*#__PURE__*/_react["default"].createElement("img", {
+    className: preCls + "__bottom",
+    src: require("./img/bottom.png")
+  }));
+}
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(Card);
+
+exports["default"] = _default;

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

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.drawAvatar = drawAvatar;
+
+var _openDataPainter = _interopRequireDefault(require("./openDataPainter"));
+
+var _setSize = _interopRequireDefault(require("./setSize"));
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function drawAvatar(_x, _x2) {
+  return _drawAvatar.apply(this, arguments);
+}
+
+function _drawAvatar() {
+  _drawAvatar = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(shareData, avatar) {
+    var canvas, ctx, dataUrl;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (window['WWOpenData'] && window['WWOpenData'].initCanvas) {
+              window['WWOpenData'].initCanvas();
+            }
+
+            canvas = document.createElement('canvas');
+            ctx = canvas.getContext('2d');
+            (0, _setSize["default"])(canvas, ctx, 72, 72);
+            ctx.beginPath();
+            _context2.next = 7;
+            return draw(ctx, {
+              width: 72,
+              height: 72,
+              x: 0,
+              y: 0,
+              url: avatar,
+              name: shareData.name,
+              id: shareData.userId,
+              color: shareData.color
+            });
+
+          case 7:
+            dataUrl = canvas.toDataURL();
+            return _context2.abrupt("return", dataUrl);
+
+          case 9:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _drawAvatar.apply(this, arguments);
+}
+
+function draw(_x3, _x4) {
+  return _draw.apply(this, arguments);
+}
+
+function _draw() {
+  _draw = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(ctx, params) {
+    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            ctx.save();
+            ctx.beginPath();
+            ctx.arc(params.width / 2 + params.x, params.height / 2 + params.y, params.width / 2, 0, Math.PI * 2, false);
+            ctx.clip();
+            ctx.closePath();
+
+            if (!params.url) {
+              _context3.next = 10;
+              break;
+            }
+
+            _context3.next = 8;
+            return drawImageAvatar(ctx, params);
+
+          case 8:
+            _context3.next = 12;
+            break;
+
+          case 10:
+            _context3.next = 12;
+            return drawTextAvatar(ctx, params);
+
+          case 12:
+            ctx.restore();
+            return _context3.abrupt("return", params.y + params.height);
+
+          case 14:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _draw.apply(this, arguments);
+}
+
+function drawImageAvatar(ctx, avatar) {
+  return (0, _utils.drawImage)(ctx, avatar.url, avatar.x, avatar.y, avatar.width, avatar.height);
+}
+
+function drawTextAvatar(ctx, avatar) {
+  console.log('text');
+  var maxNameWidth = avatar.maxNameWidth || 28;
+  return new Promise( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(resolve) {
+      var namePainter, width, height;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              ctx.fillStyle = avatar.color;
+              ctx.fill();
+              ctx.closePath();
+              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'
+              }, 22, maxNameWidth);
+
+            case 8:
+              namePainter = _context.sent;
+              width = namePainter.width, height = namePainter.height;
+              namePainter.draw(ctx, avatar.x + avatar.width / 2 - width / 2, avatar.y + avatar.height / 2 - height / 2);
+              ctx.closePath();
+              resolve();
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x5) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _openDataPainter = _interopRequireDefault(require("./openDataPainter"));
+
+var _setSize = _interopRequireDefault(require("./setSize"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _default(_x, _x2) {
+  return _ref.apply(this, arguments);
+}
+
+function _ref() {
+  _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(name, id) {
+    var canvas, ctx, lineHeight, painter, x, dataUrl;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            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';
+            _context.next = 10;
+            return (0, _openDataPainter["default"])(ctx, {
+              name: name,
+              id: id,
+              type: 'userName'
+            }, 24, 295);
+
+          case 10:
+            painter = _context.sent;
+            x = (295 - painter.width) / 2;
+            painter.draw(ctx, x, 0);
+            dataUrl = canvas.toDataURL();
+            return _context.abrupt("return", dataUrl);
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _ref.apply(this, arguments);
+}