@titaui/pc 1.17.2 → 1.17.59

package/lib/components/version-change-modal-new/components/more-combination/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _bookDemo = _interopRequireDefault(require("../../../book-demo"));
+var _requestApi = require("../../request-api");
+var _constant = require("../../constant");
+var _tuyaMan = _interopRequireDefault(require("./img/tuya-man.png"));
+var _xx = _interopRequireDefault(require("./img/xx.png"));
+var _zs = _interopRequireDefault(require("./img/zs.png"));
+var _hg = _interopRequireDefault(require("./img/hg.png"));
+var _jt = _interopRequireDefault(require("./img/jt1.png"));
+var _jt2 = _interopRequireDefault(require("./img/jt2.png"));
+var _jt3 = _interopRequireDefault(require("./img/jt3.png"));
+var _okrsE = _interopRequireDefault(require("./img/okrs-e.png"));
+var _newJixiao = _interopRequireDefault(require("./img/new-jixiao.png"));
+var _titaQijian = _interopRequireDefault(require("./img/tita-qijian.png"));
+var _hand = _interopRequireDefault(require("./img/hand.png"));
+require("./index.css");
+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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var preCls = 'version-change-modal-new-more-combination';
+var MoreCombination = function MoreCombination(props) {
+  var isSurvey360 = props.isSurvey360;
+  var _useState = (0, _react.useState)(function () {
+      if (isSurvey360) {
+        return 3601115;
+      }
+      return 20221116;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    source = _useState2[0],
+    setSource = _useState2[1];
+  var bookDemoRef = (0, _react.useRef)();
+  var hiddenHoverImg = function hiddenHoverImg() {
+    if (isSurvey360) {
+      return 'visible';
+    }
+    return 'hidden';
+  };
+  var handleToExperience = function handleToExperience(version) {
+    if (isSurvey360) {
+      handleShowBookDemo();
+    } else {
+      onVersionChange(version);
+    }
+  };
+  var handleShowBookDemo = function handleShowBookDemo() {
+    var _bookDemoRef$current;
+    (_bookDemoRef$current = bookDemoRef.current) === null || _bookDemoRef$current === void 0 ? void 0 : _bookDemoRef$current.show();
+  };
+  var onVersionChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(version) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (0, _requestApi.setVersion)(version);
+          case 2:
+            location.href = '/';
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onVersionChange(_x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__one")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__one__wrap"),
+    onClick: function onClick() {
+      return handleToExperience(_constant.Versions.OKR);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _okrsE["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__one__shadow")
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _xx["default"]
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      visibility: hiddenHoverImg()
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _jt["default"]
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _hand["default"]
+  }))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__two"),
+    onClick: function onClick() {
+      return handleToExperience(_constant.Versions.PerformanceIntegrated);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__two__wrap")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _newJixiao["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__two__shadow")
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _zs["default"]
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      visibility: hiddenHoverImg()
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _jt2["default"]
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _hand["default"]
+  }))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__three"),
+    onClick: function onClick() {
+      return handleToExperience(_constant.Versions.SENIOR_UTIMATE);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__three__wrap")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _titaQijian["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__three__shadow")
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _hg["default"]
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      visibility: hiddenHoverImg()
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _jt3["default"]
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _hand["default"]
+  }))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__comb-box__four")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _tuyaMan["default"]
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__wrapper__btn-box")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: function onClick() {
+      return window.open('https://price.tita.com/#/');
+    }
+  }, "\u4E86\u89E3\u7248\u672C\u8BE6\u60C5"), /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: handleShowBookDemo
+  }, "\u9884\u7EA6\u987E\u95EE\u5F00\u542F"))), /*#__PURE__*/_react["default"].createElement(_bookDemo["default"].BookDemoPC, {
+    visible: false,
+    ref: bookDemoRef,
+    type: _bookDemo["default"].DemoType.UniversalBookDemo,
+    source: source
+  }));
+};
+var _default = /*#__PURE__*/(0, _react.memo)(MoreCombination);
+exports["default"] = _default;

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVersionList = exports.Versions = void 0;
+var Versions = /*#__PURE__*/function (Versions) {
+  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[Versions["PERFORMANCE_E"] = 14] = "PERFORMANCE_E";
+  Versions[Versions["PROJECT"] = 2] = "PROJECT";
+  Versions[Versions["PerformanceIntegrated"] = 15] = "PerformanceIntegrated";
+  return Versions;
+}({});
+exports.Versions = Versions;
+var getVersionList = function getVersionList() {
+  return [{
+    version: Versions.OKR,
+    name: "OKRs-E 专业版",
+    key: "okr",
+    image: require("./images/logo-okre.png"),
+    itemType: 'normal',
+    items: ['OKR 目标地图', 'OKR 工作法', '项目与计划管理', 'OKR 运营调查', 'OKR 在线学习']
+  }, {
+    version: Versions.PerformanceIntegrated,
+    name: '新绩效一体化',
+    key: 'performance-integrated',
+    image: require("./images/logo-performance.png"),
+    itemType: 'normal',
+    items: ['绩效全场景管理', '360 评估', '一对一面谈', '项目与计划管理', '脉动调查（eNPS/敬业度）']
+  }, {
+    version: Versions.SENIOR_UTIMATE,
+    name: 'Tita 旗舰版',
+    key: 'senior-performance',
+    image: require("./images/logo-qijian.png"),
+    itemType: 'tag',
+    items: [{
+      title: 'OKRs-E 专业版',
+      image: require("./images/mini-okr.png")
+    }, {
+      title: '新绩效一体化',
+      image: require("./images/mini-performance.png")
+    }, {
+      title: '数据驾驶舱',
+      image: require("./images/data-center.svg")
+    }]
+  }];
+};
+exports.getVersionList = getVersionList;

package/lib/components/version-change-modal-new/images/data-center.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>OKR 目标</title>
+    <g id="首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="菜单-产品下拉" transform="translate(-726.000000, -385.000000)">
+            <g id="编组-2" transform="translate(320.000000, 130.998320)">
+                <g id="核心产品" transform="translate(44.000000, 48.001680)">
+                    <g id="OKRs-E" transform="translate(362.000000, 202.000000)">
+                        <g id="OKR-目标" transform="translate(0.000000, 4.000000)">
+                            <path d="M5.60000853,1.06665387 C9.86669084,-0.355551289 14.1333092,-0.355551289 18.3999915,1.06665387 C20.1065492,1.6997406 22.3002103,3.89346421 22.9332974,5.6000208 C24.3555675,9.86663627 24.3555675,14.1333157 22.9332974,18.3999952 C22.3002103,20.1064878 20.1065492,22.3002114 18.3999915,22.9332981 C14.1333092,24.3555673 9.86669084,24.3555673 5.60000853,22.9332981 C3.89351481,22.3002114 1.69978973,20.1064878 1.06670258,18.3999952 C-0.355567526,14.1333157 -0.355567526,9.86663627 1.06670258,5.6000208 C1.69978973,3.89346421 3.89351481,1.6997406 5.60000853,1.06665387" id="background" fill-opacity="0.16" fill="#2879FF"></path>
+                            <g id="work-data" transform="translate(3.000000, 3.000000)">
+                                <rect id="矩形" x="0" y="0" width="18" height="18"></rect>
+                                <g id="三维立体面积对比图" fill-rule="nonzero">
+                                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="18" height="18"></rect>
+                                    <path d="M1.47540984,9 C1.47540984,13.1557164 4.8442836,16.5245902 9,16.5245902 C13.1557164,16.5245902 16.5245902,13.1557164 16.5245902,9 C16.5245902,4.8442836 13.1557164,1.47540984 9,1.47540984 C4.8442836,1.47540984 1.47540984,4.8442836 1.47540984,9 Z" id="路径" fill="#2879FF"></path>
+                                    <path d="M9.07201366,16.8196721 C8.00737395,16.8196721 6.97260037,16.6105859 5.99931588,16.1994417 C5.05941118,15.8023536 4.2161322,15.233077 3.49056091,14.5074249 C2.76498962,13.7817729 2.19753314,12.9384001 1.79873245,11.9983908 C1.38763395,11.026755 1.18032787,9.99186623 1.18032787,8.92710802 C1.18032787,7.86234982 1.38939078,6.82746107 1.80048929,5.85406826 C2.19753314,4.91405895 2.76674645,4.07068612 3.49231774,3.34503407 C4.21788903,2.61938203 5.06116801,2.05186239 6.00107271,1.65301732 C6.9743572,1.24187307 8.00737395,1.03278689 9.07377049,1.03278689 C10.1384102,1.03278689 11.1731838,1.24187307 12.1464683,1.65301732 C13.086373,2.05010537 13.929652,2.61938203 14.6552232,3.34503407 C15.3807945,4.07068612 15.948251,4.91405895 16.3470517,5.85406826 C16.7581502,6.82746107 16.9672131,7.86059279 16.9672131,8.92710802 C16.9672131,9.99362325 16.7581502,11.026755 16.3470517,12.0001478 C15.9500078,12.9401571 15.3807945,13.7835299 14.6552232,14.509182 C13.929652,15.234834 13.086373,15.8023536 12.1464683,16.2011987 C11.171427,16.612343 10.1366534,16.8196721 9.07201366,16.8196721 Z M9.07201366,1.73735461 C5.10684562,1.73735461 1.88306035,4.9632557 1.88306035,8.92710802 C1.88306035,12.8909603 5.10684562,16.1168614 9.07201366,16.1168614 C13.0371817,16.1168614 16.260967,12.8909603 16.260967,8.92710802 C16.260967,4.9632557 13.0371817,1.73735461 9.07201366,1.73735461 Z" id="形状" fill="#2879FF"></path>
+                                    <path d="M1.47540984,9.07377049 C1.47540984,10.5812362 4.8442836,11.8032787 9,11.8032787 C13.1557164,11.8032787 16.5245902,10.5812362 16.5245902,9.07377049 C16.5245902,7.56630474 13.1557164,6.3442623 9,6.3442623 C4.8442836,6.3442623 1.47540984,7.56630474 1.47540984,9.07377049 Z" id="路径" fill="#2879FF"></path>
+                                    <path d="M11.4217332,11.5490382 L6.49180328,11.680441 C6.89471332,14.5162571 7.89407099,16.5245902 9.06233418,16.5245902 C10.2552294,16.5245902 11.270422,14.4345742 11.6557377,11.5081967 L11.4217332,11.5490382 L11.4217332,11.5490382 Z" id="路径" fill="#2879FF"></path>
+                                    <path d="M10.9180328,6.3442623 L11.5686352,6.59870423 L11.5046415,7.15529597 C13.7639739,7.63590851 15.2802686,8.52822224 15.2802686,9.54775695 C15.2802686,10.1078826 14.8216472,10.6291352 14.0341695,11.0655738 C15.564685,10.5584569 16.5245902,9.82870325 16.5245902,9.01766958 C16.5245902,7.74192598 14.1497136,6.66584863 10.9180328,6.3442623 Z" id="路径" fill="#2879FF"></path>
+                                    <path d="M9.075,12.15 C7.26022702,12.15 5.54791342,11.8561687 4.25630425,11.3195308 C3.60894725,11.0520916 3.09665034,10.7353872 2.73183285,10.3782151 C2.31268084,9.9682589 2.1,9.51783493 2.1,9.0375 C2.1,8.55892453 2.31268084,8.1067411 2.73183285,7.69678491 C3.09665034,7.33961278 3.60894725,7.02290842 4.25630425,6.75546919 C5.54791342,6.22059073 7.2586746,5.925 9.075,5.925 C10.889773,5.925 12.6020866,6.21883126 13.8936957,6.75546919 C14.5410527,7.02290842 15.0533497,7.33961278 15.4181671,7.69678491 C15.8373192,8.1067411 16.05,8.55716507 16.05,9.0375 C16.05,9.51607547 15.8373192,9.9682589 15.4181671,10.3782151 C15.0533497,10.7353872 14.5410527,11.0520916 13.8936957,11.3195308 C12.6020866,11.8544093 10.889773,12.15 9.075,12.15 Z M9.075,6.675 C5.44992669,6.675 2.925,7.9192385 2.925,9.0375 C2.925,10.1540358 5.45142962,11.4 9.075,11.4 C12.6985704,11.4 15.225,10.1540358 15.225,9.0375 C15.225,7.92096421 12.7000733,6.675 9.075,6.675 Z" id="形状" fill="#FFFFFF"></path>
+                                    <path d="M6.66245659,11.2495116 L11.5081967,6.44286285 C11.1314221,3.54663849 10.1197125,1.47540984 8.93357022,1.47540984 C7.42298312,1.47540984 6.19672131,4.83482036 6.19672131,8.97727766 C6.19672131,9.86519678 6.25253977,10.7164106 6.35545506,11.5081967 L6.66245659,11.2495116 Z" id="路径" fill="#2879FF"></path>
+                                    <path d="M6.37126865,10.101019 C6.37126865,6.16656345 7.59659094,2.97884132 9.10991634,2.97884132 C10.1414911,2.97884132 11.0404099,4.46567059 11.5081967,6.65940752 C11.1241926,3.92968191 10.1170545,1.98319672 8.935369,1.98319672 C7.42378908,1.98319672 6.19672131,5.17257825 6.19672131,9.10537442 C6.19672131,9.94835352 6.25257646,10.756485 6.35555939,11.5081967 L6.4201419,11.4567551 C6.38872338,11.0170121 6.37126865,10.5639938 6.37126865,10.101019 Z" id="路径" fill="#FFFFFF"></path>
+                                    <path d="M9.0375,15.9 C8.55892453,15.9 8.1067411,15.6873192 7.69678491,15.2681671 C7.33961278,14.9033497 7.02290842,14.3910527 6.75546919,13.7436957 C6.22059073,12.4520866 5.925,10.7413254 5.925,8.925 C5.925,7.1086746 6.21883126,5.39791342 6.75546919,4.10630425 C7.02290842,3.45894725 7.33961278,2.94665034 7.69678491,2.58183285 C8.1067411,2.16268084 8.55716507,1.95 9.0375,1.95 C9.51783493,1.95 9.9682589,2.16268084 10.3782151,2.58183285 C10.7353872,2.94665034 11.0520916,3.45894725 11.3195308,4.10630425 C11.8544093,5.39791342 12.15,7.1086746 12.15,8.925 C12.15,10.7413254 11.8561687,12.4520866 11.3195308,13.7436957 C11.0520916,14.3910527 10.7353872,14.9033497 10.3782151,15.2681671 C9.9682589,15.6888716 9.51607547,15.9 9.0375,15.9 Z M9.0375,2.775 C7.92096421,2.775 6.675,5.30142962 6.675,8.925 C6.675,12.5500733 7.9192385,15.075 9.0375,15.075 C10.1557615,15.075 11.4,12.5500733 11.4,8.925 C11.4,5.29992669 10.1540358,2.775 9.0375,2.775 Z" id="形状" fill="#FFFFFF"></path>
+                                    <path d="M10.7704918,6.41803279 C10.7704918,6.94768292 11.1998581,7.37704918 11.7295082,7.37704918 C12.2591583,7.37704918 12.6885246,6.94768292 12.6885246,6.41803279 C12.6885246,5.88838266 12.2591583,5.45901639 11.7295082,5.45901639 C11.1998581,5.45901639 10.7704918,5.88838266 10.7704918,6.41803279 Z" id="路径" fill="#2879FF"></path>
+                                    <path d="M11.6557377,7.67213115 C10.9237301,7.67213115 10.3278689,7.07626989 10.3278689,6.3442623 C10.3278689,5.6122547 10.9237301,5.01639344 11.6557377,5.01639344 C12.3877453,5.01639344 12.9836066,5.6122547 12.9836066,6.3442623 C12.9836066,7.07626989 12.3877453,7.67213115 11.6557377,7.67213115 L11.6557377,7.67213115 Z M11.6557377,5.72364716 C11.3144878,5.72364716 11.0351226,6.00124424 11.0351226,6.3442623 C11.0351226,6.68728035 11.3127197,6.96487743 11.6557377,6.96487743 C11.9987558,6.96487743 12.2763528,6.68728035 12.2763528,6.3442623 C12.2763528,6.00124424 11.9987558,5.72364716 11.6557377,5.72364716 Z" id="形状" fill="#FFFFFF"></path>
+                                    <path d="M5.31147541,11.7295082 C5.31147541,12.2591583 5.74084167,12.6885246 6.2704918,12.6885246 C6.80014193,12.6885246 7.2295082,12.2591583 7.2295082,11.7295082 C7.2295082,11.1998581 6.80014193,10.7704918 6.2704918,10.7704918 C5.74084167,10.7704918 5.31147541,11.1998581 5.31147541,11.7295082 L5.31147541,11.7295082 Z" id="路径" fill="#2879FF"></path>
+                                    <path d="M6.3442623,12.9836066 C5.6122547,12.9836066 5.01639344,12.3877453 5.01639344,11.6557377 C5.01639344,10.9237301 5.6122547,10.3278689 6.3442623,10.3278689 C7.07626989,10.3278689 7.67213115,10.9237301 7.67213115,11.6557377 C7.67213115,12.3877453 7.07626989,12.9836066 6.3442623,12.9836066 Z M6.3442623,11.0368907 C6.00301238,11.0368907 5.72364716,11.3144878 5.72364716,11.6575058 C5.72364716,12.0005239 6.00124424,12.278121 6.3442623,12.278121 C6.68728035,12.278121 6.96487743,12.0005239 6.96487743,11.6575058 C6.96487743,11.3144878 6.68551221,11.0368907 6.3442623,11.0368907 Z" id="形状" fill="#FFFFFF"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -0,0 +1,165 @@
+.version-change-modal-new {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 922px;
+  min-height: 750px;
+}
+
+.version-change-modal-new__wrapper {
+  position: absolute;
+  z-index: 10;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transform-origin: calc(100% - 39px) 23px;
+}
+
+.version-change-modal-new__header {
+  text-align: center;
+}
+
+.version-change-modal-new__title {
+  margin-top: 54px;
+  margin-bottom: 16px;
+  font-size: 38px;
+  font-weight: 500;
+  color: #0E69FF;
+  line-height: 53px;
+}
+
+.version-change-modal-new__cur-version {
+  color: #3f4755;
+  font-size: 20px;
+  line-height: 28px;
+  margin-right: 11px;
+}
+
+.version-change-modal-new__book-demo {
+  font-size: 20px;
+  line-height: 26px;
+  color: #0e69ff;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.version-change-modal-new__book-demo .tu-icon-fanhui {
+  margin-left: 4px;
+  transform: rotate(180deg);
+}
+
+.version-change-modal-new__bg {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: #f0f4fa;
+  opacity: 0.9;
+}
+
+.version-change-modal-new_bg-color1 {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 201px;
+  height: 244px;
+  background: linear-gradient(180deg, #ffcc00 0%, #feed7e 100%);
+  opacity: 0.24;
+  filter: blur(45px);
+}
+
+.version-change-modal-new_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-new_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-new__list {
+  padding-top: 78px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow-x: scroll;
+  scrollbar-width: none;
+}
+
+.version-change-modal-new__list::-webkit-scrollbar {
+  display: none;
+}
+
+.version-change-modal-new__list-wrapper {
+  position: relative;
+}
+
+.version-change-modal-new__version-tag {
+  font-weight: 500;
+}
+
+.version-change-modal-new__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-new__right-lv {
+  transition: all 0.3s;
+  position: absolute;
+  right: 0;
+  top: 87px;
+}
+
+.version-change-modal-new__right-lv--hidden {
+  right: -108px;
+}
+
+.version-change-modal-new__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: 22px;
+  left: 24px;
+  right: 24px;
+  cursor: pointer;
+  transition: all 0.4s 0.1s;
+}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _scrollbar = _interopRequireDefault(require("../scrollbar"));
+var _bookDemo = _interopRequireDefault(require("../book-demo"));
+var _moreCombination = _interopRequireDefault(require("./components/more-combination"));
+var _bsGlobal = require("../../utils/bs-global");
+var _rightLv = _interopRequireDefault(require("./images/right-lv.png"));
+require("./index.css");
+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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var prefix = 'version-change-modal-new';
+var NewVersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var onClose = _ref.onClose;
+  var _useState = (0, _react.useState)(3601115),
+    _useState2 = _slicedToArray(_useState, 1),
+    source = _useState2[0];
+  var bookDemoRef = (0, _react.useRef)(null);
+  var isSurvey360 = (0, _bsGlobal.getBSGlobal)('tenantInfo').tenantType == 7;
+  var onShow = function onShow() {
+    bookDemoRef.current.show();
+  };
+  var closeVersionDialog = function closeVersionDialog() {
+    return onClose();
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__wrapper")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__bg")
+  }), /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "_bg-color1")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "_bg-color2")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "_bg-color3")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__close-icon"),
+    onClick: closeVersionDialog
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-canceled"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__header")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__title")
+  }, "\u66F4\u591A\u4F01\u4E1A\u7BA1\u7406\u573A\u666F\u9009\u62E9\u66F4\u591A\u7248\u672C\u8BD5\u7528"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__cur-version")
+  }, "\u66F4\u591A\u5B9E\u9645\u5BA2\u6237\u6848\u4F8B\u5206\u4EAB\uFF0C\u66F4\u591A\u4FC3\u9500\u4F18\u60E0\uFF0C\u7ACB\u5373\u54A8\u8BE2"), /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: onShow,
+    className: "".concat(prefix, "__book-demo")
+  }, "\u4EA7\u54C1\u987E\u95EE"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__list-wrapper")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__list")
+  }, /*#__PURE__*/_react["default"].createElement(_moreCombination["default"], {
+    isSurvey360: isSurvey360
+  }))), /*#__PURE__*/_react["default"].createElement(_bookDemo["default"].BookDemoPC, {
+    visible: false,
+    ref: bookDemoRef,
+    type: _bookDemo["default"].DemoType.UniversalBookDemo,
+    source: source
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__right-lv")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _rightLv["default"],
+    width: 85
+  })));
+});
+var _default = NewVersionChangeModal;
+exports["default"] = _default;