@titaui/pc 1.11.50 → 1.11.52-beta.10

package/lib/components/button/images/blue.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <defs>
+        <pattern id="pattern-1" width="100%" height="100%" patternUnits="objectBoundingBox">
+            <use xlink:href="#image-2"></use>
+        </pattern>
+        <image id="image-2" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABo0lEQVQoFTWSwU7kMBBEq912WAYhJEba6+6BAwjxhfwcH8MVBJdhiGOb145IlHTHruqqbscense/WtW2oW3p2vq11vOn6uur1vs7nSWtY6jKtJoETJsNtVRX5VLkyyJvprSe5f0G2O81NMzUAkyBGdnaspsyZJVFsqThVd26XI+QzxoDkiAApq42YkW1Zb5yctnaZEuRTisKDcAHxCM5oADPB7tTNYhULwDdXD660uEKFL3+/+B7V8EPBOmbIlEAiSCaFpIed5fyoAg9y//OwVRsfgE+EaPAJJGPDGlR9IZ7euz4+kPPl9EzRd4BvwGMqTZUodA3i1MRgDEOg2UMKymrYPuJ/RdAt+wWbDokm3cQeTgIpSSlaXUHHfB9TKY3CCFxCDKTco7FibZbhYRq5OHgArUDsaBQAZ3I6QOBwdqu7JkKAXA2Mz1GfoHZwno46MSYKB3MK841XLbcIUKiQ82cxcyEM0CLYUHcz5FCoYzt+JNQ3AfkYRXgTmJA0QcF4g/gPcnx19gksxxgp4pHRD0sJaxxQBCNd9jlIY/jwEC0K/0AOvvST1WxS68AAAAASUVORK5CYII="></image>
+    </defs>
+    <g id="2、按钮" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="线性按钮Bottun" transform="translate(-881.000000, -339.000000)" fill="url(#pattern-1)" fill-rule="nonzero">
+            <g id="6" transform="translate(30.000000, 248.000000)">
+                <g id="编组-7" transform="translate(287.000000, 40.000000)">
+                    <g id="编组-8" transform="translate(548.000000, 40.000000)">
+                        <path d="M23,11 C26.8659932,11 30,14.1340068 30,18 C30,21.8659932 26.8659932,25 23,25 C19.1340068,25 16,21.8659932 16,18 C16,14.1340068 19.1340068,11 23,11 Z M23,12.2 C19.7967485,12.2 17.2,14.7967485 17.2,18 C17.2,21.2032515 19.7967485,23.8 23,23.8 C26.2032515,23.8 28.8,21.2032515 28.8,18 C28.8,14.7967485 26.2032515,12.2 23,12.2 Z" id="椭圆形"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/button/images/red.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <defs>
+        <pattern id="pattern-1" width="100%" height="100%" patternUnits="objectBoundingBox">
+            <use xlink:href="#image-2"></use>
+        </pattern>
+        <image id="image-2" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABx0lEQVQoFT2SQW7bQAxFSQ4l2YabhbtJgQA5Qc/RE3ST03bXO2TVRXdpArSL2JrRDPsoFDUwHor8n5/8kl6fnh7fVftS6/bHfftkVn/W2r6L1C+Hwy1Ua4g043lEbKq6iUi3tXc/RRQ7HssHd/tN/HC76VeqECT4KcAE/z80sDZNvnJ029xac4P4S7XIy4uKKoK6E1DrqUaTlrcfUIzetZaiMy3fzcIvl03u71Wu1xRNQqNJg1QZoJPsxtATQ89b70tzX85jzE7ux/Nz2UkJ5jDzCqmSq7mv8zeH+6Aw+hiupRRfVznf3d1SBdIVAv5pklO98xyu7rP2HmmVlzLY5bCaHc/ns6wib4Bfc9R/BgXPkfM7wFxNMUXHGGDU+E3N7LNGfEP1Qn2KMQoxfLBJpDgLyCTkqAmieiL+SO6Veoqc9jxuD5FCTh3QTMVQc/j4ogvxifwEuEHK/QjxIiKb7mRc2QEFU7LJxOgLwIk9jIY5e76CkmRy+TE4dvdUmACUTKA0sWHezp06A3AnTmXL3Wgcw6x47oWbhYSzfJqVyqmmTCPsM8h3zoZBureDvJOo58tO1bKPiFHEcHDGbH/HfHs9HeTOgvwFtVIeevLXjdUAAAAASUVORK5CYII="></image>
+    </defs>
+    <g id="2、按钮" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="线性按钮Bottun" transform="translate(-881.000000, -547.000000)" fill="url(#pattern-1)" fill-rule="nonzero">
+            <g id="6" transform="translate(30.000000, 248.000000)">
+                <g id="编组-7" transform="translate(287.000000, 40.000000)">
+                    <g id="编组-8" transform="translate(548.000000, 248.000000)">
+                        <path d="M23,11 C26.8659932,11 30,14.1340068 30,18 C30,21.8659932 26.8659932,25 23,25 C19.1340068,25 16,21.8659932 16,18 C16,14.1340068 19.1340068,11 23,11 Z M23,12.2 C19.7967485,12.2 17.2,14.7967485 17.2,18 C17.2,21.2032515 19.7967485,23.8 23,23.8 C26.2032515,23.8 28.8,21.2032515 28.8,18 C28.8,14.7967485 26.2032515,12.2 23,12.2 Z" id="椭圆形"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/button/images/white.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <defs>
+        <pattern id="pattern-1" width="100%" height="100%" patternUnits="objectBoundingBox">
+            <use xlink:href="#image-2"></use>
+        </pattern>
+        <image id="image-2" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAAA+UlEQVQoFVXSSVLDQBBEUQkzL+EAnID7b7kQLBltRL4OpaOpiB+tkjNraGvdtu1pWZZTOO585/wJzs/9bF7N6TI/QGzhNxwCQcN7hWeOs5FwNq97/s+Qd7qfOxJBMOs4G4k77iik41UwHi6CYJQT2RVfYXTLOTpe58FuUIhBuBjCj/AemDv2RshoPMF8G+4kibfwGtqJbmhr7I5O4xr/ObyEh9B1qhuj6UiM7nyf58egm5DXbJW1HWuS30xCI9pPaHA2t4MqfWYkUMzOLqUXZj+6cautUqMT9mF0kzorJJgPFbVjcyJGUXM/Cu/G38E0w1Sj6ow1t9jyBy9lWT02rrfMAAAAAElFTkSuQmCC"></image>
+    </defs>
+    <g id="2、按钮" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="面性按钮Bottun" transform="translate(-909.000000, -339.000000)" fill="url(#pattern-1)" fill-rule="nonzero">
+            <g id="6" transform="translate(30.000000, 248.000000)">
+                <g id="编组-7" transform="translate(209.000000, 40.000000)">
+                    <path d="M677,51 C680.865993,51 684,54.1340068 684,58 C684,61.8659932 680.865993,65 677,65 C673.134007,65 670,61.8659932 670,58 C670,54.1340068 673.134007,51 677,51 Z M677,52.2 C673.796748,52.2 671.2,54.7967485 671.2,58 C671.2,61.2032515 673.796748,63.8 677,63.8 C680.203252,63.8 682.8,61.2032515 682.8,58 C682.8,54.7967485 680.203252,52.2 677,52.2 Z" id="椭圆形"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/button/rect-btn/index.js

@@ -34,10 +34,10 @@ function RectBtn(props) {
       className = _props$className === void 0 ? '' : _props$className,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
-      style = props.style,
-      children = props.children,
       _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading;
+      loading = _props$loading === void 0 ? false : _props$loading,
+      style = props.style,
+      children = props.children;
 
   var renderIcon = function renderIcon() {
     if (typeof icon === 'string') {

package/lib/components/change-okr-modal/Item.js

@@ -198,14 +198,15 @@ var Item = /*#__PURE__*/function (_PureComponent) {
               isShowKr: isShowKr
             }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
               placement: "top",
-              overlay: htmlToText(item.mileStoneName)
+              overlay: (0, _openData.parseString)(htmlToText(item.mileStoneName))
             }, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
+              className: "okr-relate-modal__milestonename",
               isKr: true,
-              isShowKr: isShowKr,
-              dangerouslySetInnerHTML: {
-                __html: "KR".concat(index + 1, "\uFF1A").concat(item.mileStoneName)
-              }
-            }))));
+              isShowKr: isShowKr // dangerouslySetInnerHTML={{
+              //   __html: `KR${index + 1}：${parseString(item.mileStoneName)}`,
+              // }}
+
+            }, "KR".concat(index + 1, "\uFF1A"), (0, _openData.parseString)(item.mileStoneName)))));
           }
 
           if (active && item.mileStoneId === (active.workId || active.mileStoneId)) {
@@ -220,14 +221,15 @@ var Item = /*#__PURE__*/function (_PureComponent) {
               isShowKr: isShowKr
             }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
               placement: "top",
-              overlay: htmlToText(item.mileStoneName)
+              overlay: (0, _openData.parseString)(htmlToText(item.mileStoneName))
             }, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
+              className: "okr-relate-modal__milestonename",
               isKr: true,
-              isShowKr: isShowKr,
-              dangerouslySetInnerHTML: {
-                __html: "KR".concat(index + 1, "\uFF1A").concat(item.mileStoneName)
-              }
-            }))));
+              isShowKr: isShowKr // dangerouslySetInnerHTML={{
+              //   __html: KR${index + 1}：${parseString(item.mileStoneName)}`,
+              // }}
+
+            }, "KR".concat(index + 1, "\uFF1A"), (0, _openData.parseString)(item.mileStoneName)))));
           }
 
           return '';
@@ -282,14 +284,13 @@ var Item = /*#__PURE__*/function (_PureComponent) {
         isShowKr: isShowKr
       }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
         placement: "top",
-        overlay: htmlToText(okrData.workName)
+        overlay: (0, _openData.parseString)(htmlToText(okrData.workName))
       }, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
+        className: "okr-relate-modal__workname",
         isKr: false,
-        isShowKr: isShowKr,
-        dangerouslySetInnerHTML: {
-          __html: okrData.workName
-        }
-      }))), this.isObjectiveRelevanceKr && isShowKr && data.Krs.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+        isShowKr: isShowKr // dangerouslySetInnerHTML={{ __html: parseString(okrData.workName) }}
+
+      }, (0, _openData.parseString)(okrData.workName)))), this.isObjectiveRelevanceKr && isShowKr && data.Krs.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(isExpand ? 'tu-icon-arrow-up' : 'tu-icon-arrow-down')
       })), /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemBottom, null, !isShowKr && [/*#__PURE__*/_react["default"].createElement("span", null, (0, _constant.getTypeMap)()[data.okrType]), /*#__PURE__*/_react["default"].createElement(_styledComponents.Separator, null)], /*#__PURE__*/_react["default"].createElement(_styledComponents.PricipleName, null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: data.principalUser.name,

package/lib/components/change-okr-modal/styledComponents.js

@@ -14,7 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 589px;\n  height: 488px;\n  margin-top: ", ";\n  background: #ffffff;\n  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])), function (p) {
-  return p.okrPopType === 1 ? 0 : "32px";
+  return p.okrPopType === 1 ? 0 : '32px';
 });
 
 exports.Wrapper = Wrapper;
@@ -59,7 +59,7 @@ var OptionItem = _styledComponents["default"].span(_templateObject11 || (_templa
 
 exports.OptionItem = OptionItem;
 
-var List = _styledComponents["default"].ul(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  /* overflow: auto; */\n  flex: 1;\n  max-height: 310px;\n  overflow-y: scroll;\n  &:empty::after {\n    content: '\\6682\\65e0\\6570\\636e';\n    display: block;\n    color: #c5c5c5;\n    border: dashed 1px #c5c5c5;\n    padding: 30px 25px;\n    border-radius: 3px;\n    text-align: center;\n    font-size: 22px;\n    line-height: 30px;\n    margin-top: 100px;\n  }\n"], ["\n  /* overflow: auto; */\n  flex: 1;\n  max-height: 310px;\n  overflow-y: scroll;\n  &:empty::after {\n    content: '\\\\6682\\\\65e0\\\\6570\\\\636e';\n    display: block;\n    color: #c5c5c5;\n    border: dashed 1px #c5c5c5;\n    padding: 30px 25px;\n    border-radius: 3px;\n    text-align: center;\n    font-size: 22px;\n    line-height: 30px;\n    margin-top: 100px;\n  }\n"])));
+var List = _styledComponents["default"].ul(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  /* overflow: auto; */\n  flex: 1;\n  max-height: 358px;\n  overflow-y: scroll;\n  &:empty::after {\n    content: '\\6682\\65e0\\6570\\636e';\n    display: block;\n    color: #c5c5c5;\n    border: dashed 1px #c5c5c5;\n    padding: 30px 25px;\n    border-radius: 3px;\n    text-align: center;\n    font-size: 22px;\n    line-height: 30px;\n    margin-top: 100px;\n  }\n"], ["\n  /* overflow: auto; */\n  flex: 1;\n  max-height: 358px;\n  overflow-y: scroll;\n  &:empty::after {\n    content: '\\\\6682\\\\65e0\\\\6570\\\\636e';\n    display: block;\n    color: #c5c5c5;\n    border: dashed 1px #c5c5c5;\n    padding: 30px 25px;\n    border-radius: 3px;\n    text-align: center;\n    font-size: 22px;\n    line-height: 30px;\n    margin-top: 100px;\n  }\n"])));
 
 exports.List = List;
 
@@ -80,15 +80,15 @@ var ItemTop = _styledComponents["default"].div(_templateObject16 || (_templateOb
 exports.ItemTop = ItemTop;
 
 var WorkNameWrapper = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  flex: 1px;\n  white-space: nowrap;\n  overflow: hidden;\n  cursor: ", ";\n"])), function (p) {
-  return p.isKr ? "default" : "pointer";
+  return p.isKr ? 'default' : 'pointer';
 });
 
 exports.WorkNameWrapper = WorkNameWrapper;
 
 var Radio = _styledComponents["default"].a(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 15px;\n  width: 15px;\n  border: 1px solid ", ";\n  border-radius: 50%;\n  &::after {\n    content: '';\n    display: ", ";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background-color: #2879ff;\n  }\n"])), function (p) {
-  return p.active ? "#2879ff" : "#BFC3C7";
+  return p.active ? '#2879ff' : '#BFC3C7';
 }, function (p) {
-  return p.active ? "block" : "none";
+  return p.active ? 'block' : 'none';
 });
 
 exports.Radio = Radio;
@@ -102,7 +102,7 @@ var Tag = _styledComponents["default"].div(_templateObject19 || (_templateObject
 exports.Tag = Tag;
 
 var OkrName = _styledComponents["default"].span(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: inline-block\n  flex: 1;\n  max-width: 400px;\n  font-size: 13px;\n  font-weight: ", ";\n  color: #33383d;\n  white-space: nowrap;\n  overflow: hidden;\n  word-break: keep-all;\n  text-overflow: ellipsis;\n  line-height: 1;\n"])), function (p) {
-  return p.isShowKr ? "normal" : "600";
+  return p.isShowKr ? 'normal' : '600';
 });
 
 exports.OkrName = OkrName;
@@ -128,11 +128,11 @@ var ButtonGroup = _styledComponents["default"].div(_templateObject25 || (_templa
 exports.ButtonGroup = ButtonGroup;
 
 var Button = _styledComponents["default"].a(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: block;\n  min-width: 28px;\n  height: 27px;\n  padding: 0 15px;\n  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21);\n  border-radius: 2px;\n  background-color: ", ";\n  color: ", ";\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n  line-height: 27px;\n  &:hover {\n    color: ", ";\n  }\n"])), function (p) {
-  return p.type !== "confirm" ? "#FAFBFC" : p.disabled ? "#E7EEF3" : "#2879FF";
+  return p.type !== 'confirm' ? '#FAFBFC' : p.disabled ? '#E7EEF3' : '#2879FF';
 }, function (p) {
-  return p.type !== "confirm" ? "#565E66" : "#FFF";
+  return p.type !== 'confirm' ? '#565E66' : '#FFF';
 }, function (p) {
-  return p.type !== "confirm" ? "#565E66" : "#FFF";
+  return p.type !== 'confirm' ? '#565E66' : '#FFF';
 });
 
 exports.Button = Button;

package/lib/components/checkbox/index.css

@@ -9,6 +9,10 @@
   box-sizing: border-box;
 }
 
+.titaui-checkbox:hover {
+  border: 1px solid #2879ff;
+}
+
 .titaui-checkbox--checked {
   background: url(./checked.svg) transparent no-repeat 50% 50%;
   border: none;

package/lib/components/contact-kefu/index.css

@@ -13,7 +13,7 @@
 }
 
 .contact-kefu__try-kefu {
-  position: absolute;
+  position: fixed;
   bottom: 134px;
   right: 24px;
   z-index: 2;
@@ -83,3 +83,13 @@
     opacity: 1;
   }
 }
+
+@keyframes kefuActive {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(-90deg);
+  }
+}

package/lib/components/contact-kefu/index.js

@@ -46,16 +46,22 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var preCls = "contact-kefu";
 
 var ContactKefu = function ContactKefu() {
+  var _window$BSGlobal, _window$BSGlobal$tena, _window$BSGlobal2, _window$BSGlobal2$ten, _classNames;
+
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       visible = _useState2[0],
       setVisible = _useState2[1];
 
   var handleShowCode = function handleShowCode() {
-    setVisible(true);
+    setVisible(!visible);
   };
 
-  var isTrial = window.BSGlobal.tenantAuthentication.Version === 1 && (0, _platform.isOfficialSite)();
+  var isTrial = ((_window$BSGlobal = window.BSGlobal) === null || _window$BSGlobal === void 0 ? void 0 : (_window$BSGlobal$tena = _window$BSGlobal.tenantAuthentication) === null || _window$BSGlobal$tena === void 0 ? void 0 : _window$BSGlobal$tena.Version) === 1 && (0, _platform.isOfficialSite)();
+
+  if (!((_window$BSGlobal2 = window.BSGlobal) !== null && _window$BSGlobal2 !== void 0 && (_window$BSGlobal2$ten = _window$BSGlobal2.tenantAuthentication) !== null && _window$BSGlobal2$ten !== void 0 && _window$BSGlobal2$ten.Version)) {
+    isTrial = true;
+  }
 
   var popup = /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__popup")
@@ -72,7 +78,7 @@ var ContactKefu = function ContactKefu() {
   return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
     popup: popup,
     popupTransitionName: "tita-popup-zoom-left-bottom",
-    placement: "topLeft",
+    popupPlacement: "topLeft",
     popupAlign: {
       offset: [-32, -10],
       overflow: {
@@ -91,7 +97,7 @@ var ContactKefu = function ContactKefu() {
       offset: [0, 0]
     }
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__kefu"), _defineProperty({}, "".concat(preCls, "__try-kefu"), isTrial), _defineProperty({}, "".concat(preCls, "__hidden"), visible)),
+    className: (0, _classnames["default"])("".concat(preCls, "__kefu"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "__try-kefu"), isTrial), _defineProperty(_classNames, "".concat(preCls, "__hidden"), visible), _classNames)),
     onClick: handleShowCode
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__cancel"), visible))

package/lib/components/create-okr-modal/createSuccessCmp.js

@@ -35,6 +35,8 @@ var _createSuccessShadow = _interopRequireDefault(require("./img/create-success-
 
 var _getLocale = require("../../utils/getLocale");
 
+var _openData = require("../../utils/open-data");
+
 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); }
@@ -66,6 +68,16 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
       dontShowValue = _useState2[0],
       setDontShowValue = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      okrName = _useState4[0],
+      setOkrName = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      krNames = _useState6[0],
+      setKrNames = _useState6[1];
+
   var handleCloseModel = (0, _react.useCallback)(function () {
     onCloseModel && onCloseModel(dontShowValue);
   }, [dontShowValue, onCloseModel]);
@@ -87,7 +99,7 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
 
     var height = shareContent.clientHeight; // 获取dom 高度
 
-    var canvas = document.createElement("canvas"); // 创建一个canvas节点
+    var canvas = document.createElement('canvas'); // 创建一个canvas节点
 
     var scale = 2; // 定义任意放大倍数 支持小数
 
@@ -116,17 +128,17 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
 
     };
     (0, _html2canvas["default"])(downLoadRef.current, opts).then(function (canvas) {
-      var imgUrl = canvas.toDataURL("image/png"); // 得到图片的base64编码数据
+      var imgUrl = canvas.toDataURL('image/png'); // 得到图片的base64编码数据
 
       var image = new Image();
-      image.setAttribute("crossOrigin", "anonymous");
+      image.setAttribute('crossOrigin', 'anonymous');
 
       image.onload = function () {
-        var a = document.createElement("a"); // 生成一个a元素
+        var a = document.createElement('a'); // 生成一个a元素
 
-        var event = new MouseEvent("click"); // 创建一个单击事件
+        var event = new MouseEvent('click'); // 创建一个单击事件
 
-        a.download = (0, _getLocale.getLocale)("OKR_MyO_Share"); // 设置图片名称
+        a.download = (0, _getLocale.getLocale)('OKR_MyO_Share'); // 设置图片名称
 
         a.href = imgUrl; // 将生成的URL设置为a.href属性
 
@@ -135,6 +147,22 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
 
       image.src = imgUrl;
     });
+  }, []);
+  (0, _react.useEffect)(function () {
+    (0, _openData.parseOpenDataStringToImg)(createdSuccessInfo.workName, {
+      fontSize: 14,
+      fontWeight: '600',
+      color: '141c28',
+      lineHeight: 22
+    }).then(setOkrName);
+    Promise.all(createdSuccessInfo.Krs.map(function (kr) {
+      return (0, _openData.parseOpenDataStringToImg)(kr.mileStoneName, {
+        fontSize: 12,
+        fontWeight: 'normal',
+        color: '3f4755',
+        lineHeight: 18
+      });
+    })).then(setKrNames);
   }, []); // console.log(createdSuccessInfo)
 
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -149,10 +177,10 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
     className: "create-success-model__top-block"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: _light["default"],
-    className: "create-success-model__light ".concat(isDownload ? "create-success-model--animation-unset" : "")
+    className: "create-success-model__light ".concat(isDownload ? 'create-success-model--animation-unset' : '')
   }), isDownload ? null : /*#__PURE__*/_react["default"].createElement("img", {
     src: _shower["default"],
-    className: "create-success-model__shower ".concat(isDownload ? "create-success-model--animation-unset" : "")
+    className: "create-success-model__shower ".concat(isDownload ? 'create-success-model--animation-unset' : '')
   }), /*#__PURE__*/_react["default"].createElement("img", {
     src: _createSuccessHead["default"],
     className: "create-success-model__create-head"
@@ -163,7 +191,7 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
     className: "create-success-model__avatar"
   }, createdSuccessInfo.principalUser.avatar.hasAvatar ? /*#__PURE__*/_react["default"].createElement("img", {
     className: "create-success-model__img",
-    src: "".concat(createdSuccessInfo.userAvatarBase64Url ? "data:image/png;base64,".concat(createdSuccessInfo.userAvatarBase64Url) : "")
+    src: "".concat(createdSuccessInfo.userAvatarBase64Url ? "data:image/png;base64,".concat(createdSuccessInfo.userAvatarBase64Url) : '')
   }) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "create-success-model__text-avatar",
     style: {
@@ -182,10 +210,10 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
     src: _createSuccessRightQuotation["default"]
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "create-success-model__congratulation"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_OKRscreated"), "\xA0\xA0", /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Pop_OKRscreated'), "\xA0\xA0", /*#__PURE__*/_react["default"].createElement("span", {
     className: "create-success-model__percent"
-  }, createdSuccessInfo.countSurpassPercentage, "%"), "\xA0\xA0", (0, _getLocale.getLocale)("OKR_MyO_Pop_ofpeople")), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "create-success-model__okr-info ".concat(isDownload ? "" : "create-success-model--fix-height")
+  }, createdSuccessInfo.countSurpassPercentage, "%"), "\xA0\xA0", (0, _getLocale.getLocale)('OKR_MyO_Pop_ofpeople')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "create-success-model__okr-info ".concat(isDownload ? '' : 'create-success-model--fix-height')
   }, isDownload ? null : /*#__PURE__*/_react["default"].createElement("img", {
     className: "create-success-model__shadow-img",
     src: _createSuccessShadow["default"]
@@ -196,7 +224,7 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
     className: "create-success-model__o-name-icon"
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "create-success-model__o-name-text"
-  }, createdSuccessInfo.workName)), createdSuccessInfo.Krs.map(function (kr, index) {
+  }, okrName)), krNames.map(function (kr, index) {
     return (
       /*#__PURE__*/
       // if(!isDownload && index > 2) {
@@ -207,11 +235,11 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "create-success-model__dot"
       }), /*#__PURE__*/_react["default"].createElement("li", {
-        className: "create-success-model__kr ".concat(isDownload ? "create-success-model__kr--no-wrap" : "")
-      }, kr.mileStoneName))
+        className: "create-success-model__kr ".concat(isDownload ? 'create-success-model__kr--no-wrap' : '')
+      }, kr))
     );
   })), isDownload ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "create-success-model__qrcode ".concat(isDownload ? "create-success-model--hidden-box-shadow" : "")
+    className: "create-success-model__qrcode ".concat(isDownload ? 'create-success-model--hidden-box-shadow' : '')
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: _qrCode["default"],
     width: "275"
@@ -222,10 +250,10 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "create-success-model__common-btn-style create-success-model__return-list",
     onClick: handleShowDetail
-  }, (0, _getLocale.getLocale)("Mod_Checkdetails")), /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _getLocale.getLocale)('Mod_Checkdetails')), /*#__PURE__*/_react["default"].createElement("span", {
     className: "create-success-model__common-btn-style create-success-model__download-img",
     onClick: handleDownloadPic
-  }, (0, _getLocale.getLocale)("OKR_MyO_Popup_Download"))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Popup_Download'))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "create-success-model__checkbox-wrapper"
   }, /*#__PURE__*/_react["default"].createElement("input", {
     id: "dontShowCreateSucess",
@@ -236,7 +264,7 @@ var CreateSuccessCmp = function CreateSuccessCmp(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("label", {
     htmlFor: "dontShowCreateSucess",
     className: "create-success-model__label"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Nomore"))))));
+  }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Nomore'))))));
 };
 
 var _default = CreateSuccessCmp;

package/lib/components/create-okr-modal/fields/index.css

@@ -97,6 +97,7 @@
 .okr-o-new-name .okr-o-new-name__left-block {
   flex: 1;
   display: flex;
+  align-items: center;
   position: relative;
 }
 
@@ -133,6 +134,16 @@
   right: 8px;
 }
 
+.okr-o-new-name .okr-o-new-name__left-block .tita-rich-editor__inline-editor {
+  flex: 1;
+  width: 0;
+  margin-right: 8px;
+}
+
+.okr-o-new-name .okr-o-new-name__left-block .tita-rich-editor .ProseMirror > p {
+  font-weight: 600;
+}
+
 .user-info {
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
   display: flex;
@@ -177,7 +188,7 @@
 }
 
 .error-popup-text-wrapper::after {
-  content: "";
+  content: '';
   display: block;
   border: 6px solid transparent;
   position: absolute;
@@ -223,7 +234,7 @@
 }
 
 .okr-create-suggest .okr-create-suggest__triangle::after {
-  content: "";
+  content: '';
   display: block;
   border: 8px solid #fffffd;
   border-top: 8px solid transparent;
@@ -235,7 +246,7 @@
 }
 
 .okr-create-suggest .okr-create-suggest__triangle::before {
-  content: "";
+  content: '';
   display: block;
   border: 8px solid #f6bd16;
   border-top: 8px solid transparent;

package/lib/components/create-okr-modal/fields/o-new-name.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _richEditor = require("@titaui/rich-editor");
+
 var _toast = _interopRequireDefault(require("../../toast"));
 
 var _constant = require("../constant");
@@ -53,8 +55,9 @@ var initOCheckResult = function initOCheckResult() {
 };
 
 function ONewName(_ref) {
-  var okrName = _ref.okrName,
-      setOkrName = _ref.setOkrName,
+  var richEditorStatus = _ref.richEditorStatus,
+      okrNameData = _ref.okrNameData,
+      setOkrNameData = _ref.setOkrNameData,
       container = _ref.container,
       user = _ref.user,
       setUser = _ref.setUser,
@@ -63,9 +66,10 @@ function ONewName(_ref) {
       _ref$setIsInputConten = _ref.setIsInputContent,
       setIsInputContent = _ref$setIsInputConten === void 0 ? function () {} : _ref$setIsInputConten;
   var oCheckId = 0;
+  var mentionInputRef = (0, _react.useRef)();
   var timerRef = (0, _react.useRef)();
-  var okrNameIsEmpty = (0, _react.useRef)(!okrName);
-  var oldONameRef = (0, _react.useRef)("");
+  var okrNameIsEmpty = (0, _react.useRef)(!okrNameData.pureText);
+  var oldONameRef = (0, _react.useRef)('');
   var formatUser = (0, _react.useMemo)(function () {
     var medium = user.avatar && (user.avatar.Medium || user.avatar.medium);
     var color = user.avatar && (user.avatar.Color || user.avatar.color);
@@ -99,7 +103,7 @@ function ONewName(_ref) {
     var tempCheckId = oCheckId; // @ts-ignore
 
     return (0, _requestApi.getOAnalysisInfos)({
-      text: okrName
+      text: okrNameData.pureTextExcludeAt
     }) // @ts-ignore
     .then(function (data) {
       if (tempCheckId !== oCheckId) {
@@ -132,12 +136,18 @@ function ONewName(_ref) {
     })["finally"](function () {
       setIsInputContent(false);
     });
-  }, [okrName, setIsInputContent]);
+  }, [okrNameData, setIsInputContent]);
+
+  var onChangeHandler = function onChangeHandler(data) {
+    setOkrNameData(data);
+    setIsInputContent(true);
+  };
+
   (0, _react.useEffect)(function () {
     // 防抖
-    okrNameIsEmpty.current = !okrName;
+    okrNameIsEmpty.current = !okrNameData.pureText;
 
-    if (!okrName) {
+    if (!okrNameData.pureText) {
       setONameCheckResult(initOCheckResult());
       setIsInputContent(false);
     } else if (timerRef.current) {
@@ -150,7 +160,7 @@ function ONewName(_ref) {
     return function () {
       clearTimeout(timerRef.current);
     };
-  }, [okrName]);
+  }, [okrNameData]);
   var handleInputFocus = (0, _react.useCallback)(function () {
     if (onOInputFocusStateChange) {
       onOInputFocusStateChange(true);
@@ -173,6 +183,9 @@ function ONewName(_ref) {
       oldONameRef.current = e.target.value;
     }
   }, []);
+  var pureTextExcludeAt = okrNameData.pureTextExcludeAt,
+      richText = okrNameData.richText;
+  var okrNameLen = (pureTextExcludeAt === null || pureTextExcludeAt === void 0 ? void 0 : pureTextExcludeAt.length) || 0;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "okr-o-new-name"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -180,21 +193,19 @@ function ONewName(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "left-block__title"
   }, "O"), /*#__PURE__*/_react["default"].createElement(_inputWithErrPopup["default"], {
-    strLength: okrName.length,
+    strLength: okrNameLen,
     maxLength: 500,
     position: "top"
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react["default"].createElement(_richEditor.TitaInlineRichEditor, {
+    initialState: richText,
+    key: richEditorStatus,
+    onDocChange: onChangeHandler,
     onFocus: handleInputFocus,
     onBlur: handleInputBlur,
-    className: "left-block__input",
-    placeholder: (0, _getLocale.getLocale)("OKR_MyO_Pop_PleInspObjective"),
-    type: "text",
-    value: okrName,
-    onChange: function onChange(e) {
-      return setOkrName(e.target.value);
-    },
     onKeyDown: handleOnKeyDown,
-    onKeyUp: handleOnKeyUp
+    onKeyUp: handleOnKeyUp,
+    placeholder: (0, _getLocale.getLocale)('OKR_MyO_Pop_PleInspObjective'),
+    ref: mentionInputRef
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "left-block__right-text-mask"
   })), /*#__PURE__*/_react["default"].createElement(_okrNewUserSelector["default"], {