@titaui/pc 1.16.70 → 1.16.71

package/lib/components/nav-top/components/version/index.js

@@ -8,8 +8,8 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _rcQueueAnim = _interopRequireDefault(require("rc-queue-anim"));
 var _bsGlobal = require("../../../../utils/bs-global");
-var _versionChangeModal = _interopRequireDefault(require("../../../version-change-modal1"));
-var _constant = require("../../../version-change-modal1/constant");
+var _versionChangeModal = _interopRequireDefault(require("../../../version-change-modal"));
+var _constant = require("../../../version-change-modal/constant");
 var _constant2 = require("../../constant");
 var _getLocale = require("../../../../utils/getLocale");
 require("./index.css");

package/lib/components/nav-top/constant.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.userId = exports.tm = exports.popupAlignPhoto = exports.getVersionTextMap = exports.apiServer = void 0;
 var _bsGlobal = require("../../utils/bs-global");
-var _constant = require("../version-change-modal1/constant");
+var _constant = require("../version-change-modal/constant");
 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 userId = (0, _bsGlobal.getUserInfo)().Id;
 exports.userId = userId;

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

@@ -4,44 +4,86 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getVersionList = exports.Versions = void 0;
-var _getLocale = require("../../utils/getLocale");
 var Versions;
 exports.Versions = Versions;
 (function (Versions) {
-  Versions[Versions["Standard"] = 2] = "Standard";
-  Versions[Versions["Okr"] = 10] = "Okr";
-  Versions[Versions["WeixinAssess"] = 8] = "WeixinAssess";
-  Versions[Versions["Professional"] = 9] = "Professional";
-  Versions[Versions["Flagship"] = 6] = "Flagship";
-  Versions[Versions["Reviews360"] = 11] = "Reviews360";
+  Versions[Versions["OKR"] = 9] = "OKR";
+  Versions[Versions["PERFORMANCE"] = 8] = "PERFORMANCE";
+  Versions[Versions["SURVEY"] = 11] = "SURVEY";
+  Versions[Versions["SENIOR_PERFORMANCE"] = 12] = "SENIOR_PERFORMANCE";
+  Versions[Versions["UTIMATE"] = 6] = "UTIMATE";
+  Versions[Versions["SENIOR_UTIMATE"] = 13] = "SENIOR_UTIMATE";
 })(Versions || (exports.Versions = Versions = {}));
 var getVersionList = function getVersionList() {
   return [{
-    version: Versions.Standard,
-    name: (0, _getLocale.getLocale)("Sw_ProEdition"),
-    color: "blue",
-    image: require("./images/project.png"),
-    items: [(0, _getLocale.getLocale)("Pro_card_ProjectMilestone"), (0, _getLocale.getLocale)("Sw_ProManagement"), (0, _getLocale.getLocale)("Sw_ProBreakdown"), (0, _getLocale.getLocale)("Sw_RepStatistics"), (0, _getLocale.getLocale)("Sw_WorkStatistics")]
+    version: Versions.OKR,
+    name: "OKRs-E 专业版",
+    key: "okr",
+    image: require("./images/okr.png"),
+    itemType: 'normal',
+    items: ['OKR 目标管理版', 'OKR 目标地图', 'OKR 工作法', 'OKR 仪表盘', '项目与计划管理']
   }, {
-    version: Versions.WeixinAssess,
-    name: (0, _getLocale.getLocale)("Sw_PerformEdition"),
-    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.PERFORMANCE,
+    name: "绩效宝",
+    key: 'performance',
+    image: require("./images/performance.png"),
+    itemType: 'normal',
+    items: ['考核模板', '绩效面谈', '360 评价', '绩效统计', 'HRBP 绩效校准']
   }, {
-    version: Versions.Professional,
-    name: (0, _getLocale.getLocale)("Sw_OKRsEdition"),
-    // subName:'包含以下 2 个版本全部功能',
-    color: "yellow",
-    image: require("./images/okre.png"),
-    items: [(0, _getLocale.getLocale)("Sw_OKRManagement"), (0, _getLocale.getLocale)("Sw_OKRAlignment"), (0, _getLocale.getLocale)("OKR_Menu_Title_OKRWork"), (0, _getLocale.getLocale)("OKR_Menu_Title_Dashboard"), (0, _getLocale.getLocale)("Sw_ProjectsPrograms")]
+    version: Versions.SURVEY,
+    name: '360 专业版',
+    key: 'survey',
+    image: require("./images/survey.png"),
+    itemType: 'normal',
+    items: ['极致作答体验', '多种报告分析', '评估问卷库', '自动获取评估人', '自动匹配权重']
   }, {
-    version: Versions.Flagship,
-    name: (0, _getLocale.getLocale)("Sw_FlagshipEdit"),
-    subName: (0, _getLocale.getLocale)("OKR_Performance_Manage"),
-    color: "purple",
-    image: require("./images/okr-purple.png"),
-    items: [(0, _getLocale.getLocale)("OKR_Flagship_Content")]
+    version: Versions.SENIOR_PERFORMANCE,
+    name: '绩效高级版',
+    key: 'senior-performance',
+    image: require("./images/senior-performance.png"),
+    itemType: 'tag',
+    items: [{
+      title: '绩效宝',
+      image: require("./images/mini-performance.png")
+    }, {
+      title: '360 专业版',
+      image: require("./images/mini-survey.png")
+    }]
+  }, {
+    version: Versions.UTIMATE,
+    name: '旗舰版',
+    key: 'utimate',
+    image: require("./images/utimate.png"),
+    itemType: 'tag',
+    items: [{
+      title: 'OKRs-E 专业版',
+      image: require("./images/mini-okr.png")
+    }, {
+      title: '绩效宝',
+      image: require("./images/mini-performance.png")
+    }, {
+      title: '项目管理',
+      image: require("./images/mini-project.png")
+    }]
+  }, {
+    version: Versions.SENIOR_UTIMATE,
+    name: '旗舰增强版',
+    key: 'senior-utimate',
+    image: require("./images/senior-utimate.png"),
+    itemType: 'tag',
+    items: [{
+      title: 'OKRs-E 专业版',
+      image: require("./images/mini-okr.png")
+    }, {
+      title: '绩效宝',
+      image: require("./images/mini-performance.png")
+    }, {
+      title: '项目管理',
+      image: require("./images/mini-project.png")
+    }, {
+      title: '360 专业版',
+      image: require("./images/mini-survey.png")
+    }]
   }];
 };
 exports.getVersionList = getVersionList;

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

@@ -1,187 +1,335 @@
-@charset "UTF-8";
+.version-change-modal {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 922px;
+  min-height: 774px;
+}
 
-.version-change-modal .title-img {
-  width: 626px;
-  height: 121px;
-  margin-left: 38px;
+.version-change-modal__wrapper {
+  position: absolute;
+  z-index: 10;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: #f0f4fa;
+  transform-origin: calc(100% - 39px) 23px;
 }
 
-.version-change-modal .versions-wrapper {
-  margin-top: 20px;
-  display: flex;
+.version-change-modal__header {
+  text-align: center;
 }
 
-.version-change-modal .version-modal-header {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.version-change-modal__title {
+  margin-top: 78px;
+  margin-bottom: 26px;
 }
 
-.version-change-modal .tu-icon-canceled {
-  font-size: 17px;
-  color: #fff;
-  margin-left: 21px;
+.version-change-modal__cur-version {
+  color: #3f4755;
+  font-size: 20px;
+  line-height: 28px;
+  margin-right: 11px;
 }
 
-.version-change-modal .version-item {
-  display: flex;
+.version-change-modal__book-demo {
+  font-size: 20px;
+  line-height: 26px;
+  color: #0e69ff;
+  display: inline-flex;
   align-items: center;
-  flex-direction: column;
-  width: 206px;
-  height: 252px;
-  border-radius: 10px;
-  margin: 0 7.5px;
-  background-color: #fff;
-  background-size: 95px 98px;
-  background-position: 100% 100%;
-  background-repeat: no-repeat;
-  transition: transform 0.3s ease;
-  position: relative;
-  overflow: hidden;
+  cursor: pointer;
 }
 
-.version-change-modal .version-item .item-cover {
-  width: 100%;
-  height: 190px;
+.version-change-modal__book-demo .tu-icon-fanhui {
+  margin-left: 4px;
+  transform: rotate(180deg);
+}
+
+.version-change-modal_bg-color1 {
   position: absolute;
   left: 0;
   bottom: 0;
-  opacity: 0;
-  transform: translateY(190px);
-  transition: all 0.2s ease;
-  background: linear-gradient(360deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-}
-
-.version-change-modal .version-item .item-button {
-  display: block;
-  margin: 129px auto 0;
-  width: 149px;
-  height: 41px;
-  background: linear-gradient(180deg, #4e90f9 0%, #2879ff 100%);
-  border-radius: 20px;
-  font-size: 14px;
-  font-weight: 400;
-  color: #ffffff;
-  line-height: 41px;
-  text-align: center;
+  width: 201px;
+  height: 244px;
+  background: linear-gradient(180deg, #ffcc00 0%, #feed7e 100%);
+  opacity: 0.24;
+  filter: blur(45px);
 }
 
-.version-change-modal .version-item.active {
-  transform: translateY(-15px);
+.version-change-modal_bg-color2 {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 326px;
+  height: 400px;
+  background: linear-gradient(180deg, #e9f0ff 0%, #cbdff9 100%);
+  box-shadow: inset 0px 5px 26px 0px rgba(0, 113, 255, 0.26), inset 0px -5px 24px 0px #ffffff;
+  opacity: 0.36;
+  filter: blur(34px);
 }
 
-.version-change-modal .version-item.active .item-cover {
-  opacity: 1;
-  transform: translateY(0);
+.version-change-modal_bg-color3 {
+  position: absolute;
+  right: 115px;
+  top: 0;
+  width: 258px;
+  height: 216px;
+  background: linear-gradient(180deg, #00ffec 0%, #7eb2fe 100%);
+  box-shadow: inset 0px 8px 26px 0px rgba(0, 230, 255, 0.26), inset 0px -5px 17px 0px #ffffff;
+  opacity: 0.14;
+  filter: blur(45px);
 }
 
-.version-change-modal .version-item-header {
-  height: 62px;
-  width: 100%;
+.version-change-modal__list {
+  padding-top: 71px;
+  padding-bottom: 20px;
+  height: 498px;
   display: flex;
   align-items: center;
-  justify-content: center;
-  font-size: 18px;
-  font-weight: 600;
-  color: #ffffff;
-  margin-bottom: 8px;
-  flex-direction: column;
+  overflow-x: scroll;
+  scrollbar-width: none;
 }
 
-.version-change-modal .version-item-subname {
-  font-size: 12px;
-  font-weight: 400;
-  color: #ffffff;
-  line-height: 18px;
+.version-change-modal__list::-webkit-scrollbar {
+  display: none;
 }
 
-.version-change-modal .blue .version-item-header {
-  background-image: url(./images/header-b.png);
-  background-size: 100% 100%;
+.version-change-modal__list-wrapper {
+  position: relative;
 }
 
-.version-change-modal .blue li::before {
-  color: #2879ff;
+.version-change-modal__list-item {
+  width: 258px;
+  height: 412px;
+  border-radius: 22px;
+  box-shadow: 0px 10px 12px 0px rgba(178, 178, 178, 0.12);
+  position: relative;
+  transition: all 0.5s;
+  flex-shrink: 0;
 }
 
-.version-change-modal .yellow .version-item-header {
-  background-image: url(./images/header-y.png);
-  background-size: 100% 100%;
+.version-change-modal__list-item:hover {
+  height: 498px;
 }
 
-.version-change-modal .yellow li::before {
-  color: #f7b500;
+.version-change-modal__list-item:hover .version-change-modal__list-item-content {
+  height: 374px;
 }
 
-.version-change-modal .yellow .item-button {
-  background: linear-gradient(180deg, #ffce6b 0%, #faad14 100%);
+.version-change-modal__list-item:hover .version-change-modal__btn {
+  visibility: visible;
+  opacity: 1;
 }
 
-.version-change-modal .green .version-item-header {
-  background-image: url(./images/header-g1.png);
-  background-size: 100% 100%;
+.version-change-modal__list-item:not(:last-child) {
+  margin-right: 20px;
 }
 
-.version-change-modal .green li::before {
-  color: #8BE86C;
+.version-change-modal__list-item-okr {
+  background: linear-gradient(288deg, #e5edff 0%, #87bafb 100%);
 }
 
-.version-change-modal .green .item-button {
-  background: linear-gradient(180deg, #B9E48D 0%, #81C43C 100%);
+.version-change-modal__list-item-performance {
+  background: linear-gradient(287deg, #fef6c1 0%, #ffdf6a 100%);
 }
 
-.version-change-modal .purple .version-item-header {
-  background-image: url(./images/header-p.png);
-  background-size: 100% 100%;
+.version-change-modal__list-item-senior-performance {
+  background: linear-gradient(288deg, #e5e9fd 0%, #bebbff 100%);
 }
 
-.version-change-modal .purple .item-button {
-  background: linear-gradient(180deg, #C8B4FF 0%, #8056D0 100%);
+.version-change-modal__list-item-survey {
+  background: linear-gradient(289deg, #e7ffff 0%, #62f5ff 100%);
 }
 
-.version-change-modal .version-item-list {
-  font-size: 14px;
-  font-weight: 400;
-  color: #3f4755;
+.version-change-modal__list-item-utimate {
+  background: linear-gradient(287deg, #fde3ce 0%, #ffcaa1 100%);
 }
 
-.version-change-modal .version-item-list li {
-  padding: 5px 0;
+.version-change-modal__list-item-senior-utimate {
+  background: linear-gradient(287deg, #fff4d0 0%, #ffd87f 100%);
 }
 
-.version-change-modal .version-item-list li::before {
-  margin-right: 12px;
-  opacity: 0.5;
+.version-change-modal__list-item-img {
+  position: absolute;
+  top: -57px;
+  left: 49px;
 }
 
-.titaui-version-change-modal__flagship-content {
-  width: 180px;
-  height: 72px;
+.version-change-modal__list-item-title {
+  font-size: 26px;
+  line-height: 32px;
+  text-shadow: 0px 10px 12px rgba(178, 178, 178, 0.12);
   text-align: center;
-  font-size: 13px;
-  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
-  font-weight: 400;
-  color: #3F4755;
+  margin-top: 56px;
+  font-weight: 500;
+}
+
+.version-change-modal__list-item-title-okr {
+  color: #185dc8;
+}
+
+.version-change-modal__list-item-title-performance {
+  color: #8e6005;
+}
+
+.version-change-modal__list-item-title-survey {
+  color: #007c88;
+}
+
+.version-change-modal__list-item-title-senior-performance {
+  color: #152fa7;
+}
+
+.version-change-modal__list-item-title-utimate {
+  color: #a55517;
+}
+
+.version-change-modal__list-item-title-senior-utimate {
+  color: #a83f00;
+}
+
+.version-change-modal__list-item-content {
+  transition: all 0.5s;
+  box-sizing: border-box;
+  background: #fff;
+  border-radius: 22px;
+  height: 288px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 34px 24px;
+}
+
+.version-change-modal__detail-item {
+  margin-bottom: 14px;
+  display: flex;
+  justify-content: space-between;
+  color: #3f4755;
+  font-size: 16px;
   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: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
-  font-weight: 400;
-  color: #2879FF;
+.version-change-modal__detail-item .tu-icon-finished {
+  color: #22c534;
+  font-size: 20px;
+}
+
+.version-change-modal__app-item {
+  margin-bottom: 12px;
+  height: 46px;
+  width: 100%;
+  box-sizing: border-box;
+  background: rgba(240, 244, 250, 0.8);
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+}
+
+.version-change-modal__app-item-title {
+  font-size: 16px;
   line-height: 24px;
+  color: #3f4755;
+  margin-left: 6px;
+}
+
+.version-change-modal__version-tag {
+  font-weight: 500;
+}
+
+.version-change-modal__close-icon {
+  position: absolute;
+  top: 26px;
+  right: 30px;
+  background: rgba(17, 47, 92, 0.3);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  width: 34px;
+  height: 34px;
+  color: #fff;
+  cursor: pointer;
+}
+
+.version-change-modal__left-arrow, .version-change-modal__right-arrow {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.86);
+  box-shadow: 0px 16px 24px 0px rgba(127, 145, 180, 0.24);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 249px;
+  font-size: 34px;
+  cursor: pointer;
+}
+
+.version-change-modal__left-arrow {
+  left: -20px;
+}
+
+.version-change-modal__right-arrow {
+  right: -20px;
+}
+
+.version-change-modal__left-lv {
+  transition: all 0.3s;
+  position: absolute;
+  left: 0;
+  top: 87px;
+}
+
+.version-change-modal__left-lv--hidden {
+  left: -108px;
+}
+
+.version-change-modal__right-lv {
+  transition: all 0.3s;
+  position: absolute;
+  right: 0;
+  top: 87px;
+}
+
+.version-change-modal__right-lv--hidden {
+  right: -108px;
+}
+
+.version-change-modal__btn {
+  background: #0e69ff;
+  box-shadow: 0px 10px 12px 0px rgba(178, 178, 178, 0.12), 0px 8px 18px 0px rgba(14, 105, 255, 0.21);
+  border-radius: 31px;
+  color: #fff;
+  font-size: 22px;
+  line-height: 28px;
+  font-weight: 500;
+  text-align: center;
+  padding: 12px 0;
+  box-shadow: 0px 10px 12px 0px rgba(178, 178, 178, 0.12), 0px 8px 18px 0px rgba(14, 105, 255, 0.21);
+  visibility: hidden;
+  opacity: 0;
+  position: absolute;
+  bottom: 28px;
+  left: 24px;
+  right: 24px;
+  cursor: pointer;
+  transition: all 0.5s;
 }
 
-.titaui-version-change-modal__dialog > .rc-dialog-content {
-  background-color: transparent !important;
+@media screen and (max-width: 1200px) {
+  .version-change-modal__list {
+    width: 814px;
+  }
 }
 
-.tita-font {
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+@media screen and (min-width: 1200px) {
+  .version-change-modal__list {
+    width: 1092px;
+  }
 }