@titaui/pc 1.12.24 → 1.12.25

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/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/package.json

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