@titaui/pc 1.12.22 → 1.12.24-beta.1

package/lib/components/book-demo/components/pc/components/content/index.css

@@ -7,23 +7,12 @@
 .titaui-book-demo-pc-content__left {
   width: 358px;
   height: 502px;
-  background: linear-gradient(135deg, #FFC04E 0%, #FF0041 100%);
+  background: linear-gradient(180deg, #85adff 0%, #2879ff 100%);
   border-radius: 24px 0px 0px 24px;
   position: relative;
   overflow: hidden;
 }
 
-.titaui-book-demo-pc-content__left__bg {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  background-image: url("../../../../img/order-award.png");
-  background-size: cover;
-  height: 100%;
-}
-
 .titaui-book-demo-pc-content__left-title {
   margin: 36px 0 0 32px;
   font-size: 26px;
@@ -39,6 +28,11 @@
   line-height: 22px;
 }
 
+.titaui-book-demo-pc-content__left-img {
+  margin-top: 30px;
+  width: 358px;
+}
+
 .titaui-book-demo-pc-content__right {
   flex: 1;
   margin: 48px 0 0 32px;

package/lib/components/book-demo/components/pc/components/content/index.js

@@ -317,13 +317,15 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
     className: preCls
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__left")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__left__bg")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__left-title")
   }, data.title), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__left-desc")
-  }, data.desc))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, data.desc), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(preCls, "__left-img"),
+    alt: "\u9884\u7EA6\u6F14\u793A",
+    src: data.img
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__right")
   }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
     style: {

package/lib/components/book-demo/constant.js

@@ -7,14 +7,14 @@ exports.trackerInfo = exports.defaultBookDemoJsonValue = exports["default"] = ex
 
 var _interface = require("./interface");
 
-var _orderAward = _interopRequireDefault(require("./img/order-award.png"));
-
 var _demoOkr = _interopRequireDefault(require("./img/demo-okr.jpg"));
 
 var _demoPerformance = _interopRequireDefault(require("./img/demo-performance.jpg"));
 
 var _demoLearning = _interopRequireDefault(require("./img/demo-learning.jpg"));
 
+var _demoUniversal = _interopRequireDefault(require("./img/demo-universal.jpg"));
+
 var _bookTypeInfo, _trackerInfo, _DemoTypeTextMap;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -23,8 +23,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interface.EDemoType.UniversalBookDemo, {
   title: "立即预约演示",
-  desc: "成功预约完成演示就送大礼包！",
-  img: _orderAward["default"],
+  desc: "现在预约你将快速获得免费一对一人工在线演示",
+  img: _demoUniversal["default"],
   formField: [{
     name: "姓名",
     type: "text",

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

@@ -129,6 +129,7 @@ var AppCenter = function AppCenter(props) {
     }
 
     setCurrentAppId(app.id);
+    closeAppCenter();
   };
 
   var getBookDemoVersion = function getBookDemoVersion() {

package/lib/components/task-relation-modal/okr-relation/relation-task-model/index.js

@@ -188,7 +188,7 @@ function OkrRelationTaskModal(props) {
   };
 
   var onOkHandler = function onOkHandler() {
-    if (krId && selected !== null && selected !== void 0 && selected.length) {
+    if ((krId || okrId) && selected !== null && selected !== void 0 && selected.length) {
       (0, _requestApi.relateOkr)(selected, krId, okrId).then(function (res) {
         if (res.Code) {
           _toast["default"].Success((0, _getLocale.getLocale)('Per_Ass_New_Ass_text_Succe'));

package/lib/components/task-relation-modal/okr-relation/relation-work-model/index.js

@@ -83,7 +83,7 @@ function OkrRelationWorkModal(props) {
   }, [defaultVisible]);
 
   var onOkHandler = function onOkHandler() {
-    if (krId && selected !== null && selected !== void 0 && selected.length) {
+    if ((krId || okrId) && selected !== null && selected !== void 0 && selected.length) {
       (0, _requestApi.workRelateOkr)(selected, krId, okrId).then(function (res) {
         if (res.Code) {
           _toast["default"].Success((0, _getLocale.getLocale)('Per_Ass_New_Ass_text_Succe'));

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

@@ -28,9 +28,9 @@ var getVersionList = function getVersionList() {
   }, {
     version: Versions.WeixinAssess,
     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")]
+    color: "green",
+    image: require("./images/performance-exam.png"),
+    items: [(0, _getLocale.getLocale)("Per_Menu_Title_Assessmenttempla"), (0, _getLocale.getLocale)("Ono_Pro_Oneonones"), (0, _getLocale.getLocale)("Sw_360Feedback"), (0, _getLocale.getLocale)("Sw_PeStatistics"), (0, _getLocale.getLocale)("HRBP_Performance_calibration")]
   }, {
     version: Versions.Professional,
     name: (0, _getLocale.getLocale)("Sw_OKRsEdition"),
@@ -41,10 +41,10 @@ var getVersionList = function getVersionList() {
   }, {
     version: Versions.Flagship,
     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")]
+    subName: (0, _getLocale.getLocale)("OKR_Performance_Manage"),
+    color: "purple",
+    image: require("./images/okr-purple.png"),
+    items: [(0, _getLocale.getLocale)("OKR_Flagship_Content")]
   }];
 };
 

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

@@ -122,16 +122,25 @@
 }
 
 .version-change-modal .green .version-item-header {
-  background-image: url(./images/header-g.png);
+  background-image: url(./images/header-g1.png);
   background-size: 100% 100%;
 }
 
 .version-change-modal .green li::before {
-  color: #5ad8a6;
+  color: #8BE86C;
 }
 
 .version-change-modal .green .item-button {
-  background: linear-gradient(180deg, #93eed2 0%, #5ad8a6 100%);
+  background: linear-gradient(180deg, #B9E48D 0%, #81C43C 100%);
+}
+
+.version-change-modal .purple .version-item-header {
+  background-image: url(./images/header-p.png);
+  background-size: 100% 100%;
+}
+
+.version-change-modal .purple .item-button {
+  background: linear-gradient(180deg, #C8B4FF 0%, #8056D0 100%);
 }
 
 .version-change-modal .version-item-list {
@@ -149,6 +158,30 @@
   opacity: 0.5;
 }
 
+.titaui-version-change-modal__flagship-content {
+  width: 180px;
+  height: 72px;
+  text-align: center;
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #3F4755;
+  line-height: 24px;
+}
+
+.titaui-version-change-modal__flagship-content a {
+  position: relative;
+  z-index: 10;
+  display: block;
+  width: 180px;
+  height: 24px;
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #2879FF;
+  line-height: 24px;
+}
+
 .titaui-version-change-modal__dialog > .rc-dialog-content {
   background-color: transparent !important;
 }

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

@@ -11,6 +11,10 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _dialog = _interopRequireDefault(require("../dialog"));
 
+var _bookDemo = _interopRequireDefault(require("../book-demo"));
+
+var _interface = require("../../components/help-card/interface");
+
 var _bsGlobal = require("../../utils/bs-global");
 
 var _requestApi = require("./request-api");
@@ -63,11 +67,21 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
       active = _useState4[0],
       setActive = _useState4[1];
 
-  var _useState5 = (0, _react.useState)((0, _bsGlobal.getBSGlobal)("tenantAuthentication").Version == 1 && (0, _bsGlobal.getBSGlobal)("userGuides").versionGuide.value && (0, _helpers.getTenantInfo)().tenantType != 2),
+  var _useState5 = (0, _react.useState)((0, _bsGlobal.getBSGlobal)("tenantAuthentication").Version === 1 && (0, _bsGlobal.getBSGlobal)("userGuides").versionGuide.value && (0, _helpers.getTenantInfo)().tenantType !== 2),
       _useState6 = _slicedToArray(_useState5, 2),
       visible = _useState6[0],
       setVisible = _useState6[1];
 
+  var bookDemoRef = (0, _react.useRef)(null);
+
+  var onShow = function onShow() {
+    setVisible(true);
+  };
+
+  var onHide = function onHide() {
+    setVisible(false);
+  };
+
   var handleCancelGuideClick = function handleCancelGuideClick() {
     (0, _requestApi.cancelGuide)((0, _bsGlobal.getBSGlobal)("userGuides").versionGuide.type);
     onHide();
@@ -112,12 +126,18 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     };
   }();
 
-  var onShow = function onShow() {
-    setVisible(true);
-  };
+  var getBookDemoVersion = function getBookDemoVersion() {
+    var menuVersion = window.BSGlobal.tenantAuthentication.MenuVersion;
 
-  var onHide = function onHide() {
-    setVisible(false);
+    if (menuVersion === _interface.ETrialVersion.OKR) {
+      return _bookDemo["default"].DemoType.TryOKR;
+    }
+
+    if (menuVersion === _interface.ETrialVersion.Performance) {
+      return _bookDemo["default"].DemoType.TryPerformance;
+    }
+
+    return _bookDemo["default"].DemoType.UniversalBookDemo;
   };
 
   (0, _react.useImperativeHandle)(ref, function () {
@@ -126,9 +146,33 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
       onHide: onHide
     };
   });
+
+  var handlePoint = function handlePoint() {
+    if (visible) {
+      setVisible(false);
+    }
+
+    if (bookDemoRef.current) {
+      bookDemoRef.current.show();
+    }
+
+    if (window.titaTracker) {
+      window.titaTracker("action").record({
+        actionName: "申请演示",
+        actionGroup: "试用版-申请演示",
+        productName: "系统内-申请演示"
+      });
+    }
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
-  }, /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_bookDemo["default"].BookDemoPC, {
+    visible: false,
+    ref: bookDemoRef,
+    type: getBookDemoVersion()
+  }), /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+    zIndex: 1199,
     visible: visible,
     noFooter: true,
     style: {
@@ -156,7 +200,7 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
       onMouseEnter: function onMouseEnter() {
         return setActive(version.version);
       },
-      className: "version-item ".concat(version.color).concat(active == version.version ? " active" : ""),
+      className: "version-item ".concat(version.color).concat(active === version.version ? " active" : ""),
       style: {
         backgroundImage: "url(".concat(version.image, ")")
       }
@@ -164,7 +208,11 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
       className: "version-item-header"
     }, version.name, !!version.subName && /*#__PURE__*/_react["default"].createElement("div", {
       className: "version-item-subname"
-    }, version.subName)), /*#__PURE__*/_react["default"].createElement("ul", {
+    }, version.subName)), version.version === 6 ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__flagship-content")
+    }, version.items[0], /*#__PURE__*/_react["default"].createElement("span", {
+      onClick: handlePoint
+    }, /*#__PURE__*/_react["default"].createElement("a", null, (0, _getLocale.getLocale)("AppointmentPresentation")))) : /*#__PURE__*/_react["default"].createElement("ul", {
       className: "version-item-list"
     }, version.items.map(function (item, index) {
       return /*#__PURE__*/_react["default"].createElement("li", {

package/lib/utils/open-data.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _bsGlobal = require("./bs-global");
 
+var Sentry = _interopRequireWildcard(require("@sentry/browser"));
+
 var _openDataPainter = require("../components/open-data-painter");
 
 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); }
@@ -30,12 +32,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var WX_SOURCE = 860;
-var WX_UA_STR = 'micromessenger';
+var WX_UA_STR = "micromessenger";
 var FEISHU_SOURCE = 862;
 var DINGTALK_SOURCE = 861;
 
 var getSource = function getSource() {
-  return (0, _bsGlobal.getBSGlobal)('tenantInfo').Source;
+  return (0, _bsGlobal.getBSGlobal)("tenantInfo").Source;
 };
 
 exports.getSource = getSource;
@@ -59,10 +61,10 @@ var getUA = function getUA() {
 var getOpenId = function getOpenId(id, type) {
   var openIds;
 
-  if (type == 'userName') {
-    openIds = (0, _bsGlobal.getBSGlobal)('openIds');
-  } else if (type == 'departmentName') {
-    openIds = (0, _bsGlobal.getBSGlobal)('openDepartmentIds');
+  if (type == "userName") {
+    openIds = (0, _bsGlobal.getBSGlobal)("openIds");
+  } else if (type == "departmentName") {
+    openIds = (0, _bsGlobal.getBSGlobal)("openDepartmentIds");
   }
 
   return openIds && openIds[id];
@@ -73,9 +75,40 @@ exports.getOpenId = getOpenId;
 function openData(p) {
   if (getSource() == WX_SOURCE || getUA().includes(WX_UA_STR)) {
     return function (p) {
-      if (p.id === undefined && p.corpId === undefined) return p.name || null;
+      if (p.id === undefined && p.corpId === undefined) {
+        Sentry.withScope(function (scope) {
+          scope.setTag("error-level", "P1");
+          scope.setTag("error-type", "企业微信openData调用失败");
+          scope.setExtra("fail_type", p.type);
+          scope.setExtra("p_id", p.id);
+          scope.setExtra("corp_id", p.corp_id);
+          scope.setExtra("p_name", p.name);
+          p.callFunc && scope.setExtra("fail_callFunc", p.callFunc);
+          p.extra && scope.setExtra("fail_extra", p.extra);
+          Sentry.captureException(new Error("企业微信openData调用失败"), scope);
+        });
+        return p.name || null;
+      } // @ts-ignore
+
+
       var openId = p.corpId || getOpenId(p.id, p.type);
-      if (!openId) return p.name || p.id || null;
+
+      if (!openId) {
+        Sentry.withScope(function (scope) {
+          scope.setTag("error-level", "P1");
+          scope.setTag("error-type", "企业微信openData调用失败");
+          scope.setExtra("fail_type", p.type);
+          scope.setExtra("p_id", p.id);
+          scope.setExtra("p_name", p.name);
+          scope.setExtra("corp_id", p.corp_id);
+          scope.setExtra('open_id', getOpenId(p.id, p.type));
+          p.callFunc && scope.setExtra("fail_callFunc", p.callFunc);
+          p.extra && scope.setExtra("fail_extra", p.extra);
+          Sentry.captureException(new Error("企业微信openData调用失败"), scope);
+        });
+        return p.name || p.id || null;
+      }
+
       var ref = (0, _react.useRef)(null);
       (0, _react.useEffect)(function () {
         var wWOpenData = window.top.WWOpenData; // // 如果当前页面中没有 WWOpenData 则去 top 上尝试获取
@@ -87,10 +120,10 @@ function openData(p) {
       });
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          display: 'inline',
-          position: 'relative',
-          overflow: 'hidden',
-          textOverflow: 'ellipsis'
+          display: "inline",
+          position: "relative",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
         }
       }, /*#__PURE__*/_react["default"].createElement("ww-open-data", {
         ref: ref,
@@ -98,7 +131,7 @@ function openData(p) {
         openid: openId
       }), /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          position: 'absolute',
+          position: "absolute",
           top: 0,
           left: 0,
           right: 0,
@@ -118,7 +151,7 @@ var getOpenData = openData();
 
 var OpenUserName = function OpenUserName(p) {
   return getOpenData(_objectSpread(_objectSpread({}, p), {}, {
-    type: 'userName'
+    type: "userName"
   }));
 };
 
@@ -126,7 +159,7 @@ exports.OpenUserName = OpenUserName;
 
 var OpenDepartmentName = function OpenDepartmentName(p) {
   return getOpenData(_objectSpread(_objectSpread({}, p), {}, {
-    type: 'departmentName'
+    type: "departmentName"
   }));
 };
 
@@ -137,22 +170,22 @@ var openDataMap = {
 }; // name:'wx'|'dd'|'feishu',type:'source'|'env'|'all' = 'all'
 
 var isPlatform = function isPlatform(name) {
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "all";
 
   switch (name) {
-    case 'wx':
+    case "wx":
       {
-        if (type == 'source') return getSource() == WX_SOURCE;
-        if (type == 'env') return getUA().includes(WX_UA_STR);
+        if (type == "source") return getSource() == WX_SOURCE;
+        if (type == "env") return getUA().includes(WX_UA_STR);
         return getSource() == WX_SOURCE || getUA().includes(WX_UA_STR);
       }
 
-    case 'dd':
+    case "dd":
       {
         return getSource() == DINGTALK_SOURCE;
       }
 
-    case 'feishu':
+    case "feishu":
       {
         return getSource() == FEISHU_SOURCE;
       }
@@ -171,7 +204,7 @@ var parseTag = function parseTag(str) {
   //   return <span dangerouslySetInnerHTML={{ '__html': str }} />;
 
   while (matchStr != null) {
-    var OpenDataCompoent = matchStr[1] == 'userId' ? OpenUserName : OpenDepartmentName;
+    var OpenDataCompoent = matchStr[1] == "userId" ? OpenUserName : OpenDepartmentName;
 
     if (!OpenDataCompoent) {
       openDatas.push( /*#__PURE__*/_react["default"].createElement("span", {
@@ -185,8 +218,8 @@ var parseTag = function parseTag(str) {
     } else {
       openDatas.push( /*#__PURE__*/_react["default"].createElement("span", {
         style: {
-          color: '#1890ff',
-          margin: '0 4px'
+          color: "#1890ff",
+          margin: "0 4px"
         },
         onClick: function onClick(e) {
           return e.stopPropagation();
@@ -221,11 +254,15 @@ var parseString = function parseString(str) {
   // @ts-ignore
   var source = window.BSGlobal.tenantInfo.Source;
   var ua = navigator.userAgent.toLowerCase();
-  if (source != 860 && ua.indexOf('micromessenger') == -1) return /*#__PURE__*/_react["default"].createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: str
-    }
-  });
+
+  if (source != 860 && ua.indexOf("micromessenger") == -1) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: str
+      }
+    });
+  }
+
   var reg = /\[(\w+?)\:(\w+?)\]/g;
   var strReg = /\[\w+?\:\w+?\]/;
   var openDatas = [];
@@ -273,11 +310,15 @@ var parseStringV2 = function parseStringV2(str) {
   // @ts-ignore
   var source = window.BSGlobal.tenantInfo.Source;
   var ua = navigator.userAgent.toLowerCase();
-  if (source != 860 && ua.indexOf('micromessenger') == -1) return /*#__PURE__*/_react["default"].createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: str
-    }
-  });
+
+  if (source != 860 && ua.indexOf("micromessenger") == -1) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: str
+      }
+    });
+  }
+
   var reg = /\$(userName|departmentName)\=(.+?)\$/g;
   var strReg = /\$(?:userName|departmentName)\=.+?\$/;
   var openDatas = [];
@@ -332,14 +373,14 @@ var parseOpenDataStringToImg = /*#__PURE__*/function () {
             font = _args.length > 1 && _args[1] !== undefined ? _args[1] : {
               lineHeight: 20,
               fontSize: 18,
-              fontWeight: '500',
-              color: '#3f4755'
+              fontWeight: "500",
+              color: "#3f4755"
             };
             font = _objectSpread(_objectSpread({}, {
               lineHeight: 20,
               fontSize: 18,
-              fontWeight: '500',
-              color: '#3f4755'
+              fontWeight: "500",
+              color: "#3f4755"
             }), font || {});
             reg = /\$(userName|departmentName)\=(.+?)\$/g;
             strReg = /\$(?:userName|departmentName)\=.+?\$/;
@@ -405,8 +446,8 @@ var getCanvasImg = /*#__PURE__*/function () {
           case 0:
             lineHeight = _ref2.lineHeight, fontSize = _ref2.fontSize, fontWeight = _ref2.fontWeight, color = _ref2.color;
             font = "".concat(fontWeight, " ").concat(fontSize, "px/").concat(lineHeight, "px arial,sans-serif");
-            canvas = document.createElement('canvas');
-            ctx = canvas.getContext('2d');
+            canvas = document.createElement("canvas");
+            ctx = canvas.getContext("2d");
 
             if (ctx) {
               _context2.next = 6;
@@ -424,16 +465,16 @@ var getCanvasImg = /*#__PURE__*/function () {
 
           case 8:
             name = _context2.sent;
-            img = document.createElement('img');
+            img = document.createElement("img");
             ctx.font = font; // const fitStr = fittingString(ctx, name, 92);
 
-            _ctx$measureText = ctx.measureText(name || ''), width = _ctx$measureText.width;
+            _ctx$measureText = ctx.measureText(name || ""), width = _ctx$measureText.width;
             actualWidth = Math.min(width, 92);
             (0, _openDataPainter.setSize)(canvas, ctx, actualWidth, lineHeight);
-            ctx.textBaseline = 'middle';
+            ctx.textBaseline = "middle";
             ctx.font = font;
             ctx.fillStyle = color;
-            ctx.fillText(name || '', 0, lineHeight / 2);
+            ctx.fillText(name || "", 0, lineHeight / 2);
             src = canvas.toDataURL();
             return _context2.abrupt("return", /*#__PURE__*/_react["default"].createElement("img", {
               src: src,
@@ -464,7 +505,7 @@ var parseHtmlAndTextTag = function parseHtmlAndTextTag(str) {
 
   while (matchStr != null) {
     if (matchStr) {
-      var OpenDataCompoent = matchStr[1] == 'userId' ? OpenUserName : OpenDepartmentName;
+      var OpenDataCompoent = matchStr[1] == "userId" ? OpenUserName : OpenDepartmentName;
 
       if (!OpenDataCompoent) {
         var strParsed = parseString(matchStr[0]);
@@ -472,8 +513,8 @@ var parseHtmlAndTextTag = function parseHtmlAndTextTag(str) {
       } else {
         openDatas.push( /*#__PURE__*/_react["default"].createElement("span", {
           style: {
-            color: '#1890ff',
-            margin: '0 4px'
+            color: "#1890ff",
+            margin: "0 4px"
           },
           onClick: function onClick(e) {
             return e.stopPropagation();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.12.22",
+  "version": "1.12.24-beta.1",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",