@titaui/pc 1.11.52-beta.1 → 1.11.52-beta.2

package/lib/components/toast/index.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _rcNotification = _interopRequireDefault(require("rc-notification"));
+
+var _uuid = _interopRequireDefault(require("uuid"));
+
+var _SuccessRender = require("./components/SuccessRender");
+
+require("./style/index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+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); }); }; }
+
+var ntiInstance;
+
+function getInstance() {
+  return _getInstance.apply(this, arguments);
+}
+
+function _getInstance() {
+  _getInstance = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+    return regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            return _context4.abrupt("return", new Promise(function (res) {
+              if (ntiInstance && ntiInstance.destroy) {
+                ntiInstance.destroy();
+              }
+
+              _rcNotification["default"].newInstance({
+                // 水平居中
+                style: {
+                  top: "36px",
+                  left: "50%",
+                  position: "fixed",
+                  // 'transform': 'translate(-50%, 0)',
+                  borderRadius: 12
+                },
+                maxCount: 1,
+                className: "document-mouse-event-ignore",
+                getContainer: function getContainer() {
+                  return document.body;
+                }
+              }, function (ins) {
+                ntiInstance = ins;
+                res(ins);
+              });
+            }));
+
+          case 1:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
+  return _getInstance.apply(this, arguments);
+}
+
+var Toast = /*#__PURE__*/function () {
+  function Toast() {
+    _classCallCheck(this, Toast);
+  }
+
+  _createClass(Toast, null, [{
+    key: "Success",
+    value: function () {
+      var _Success = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(msg) {
+        var options,
+            key,
+            ins,
+            canClose,
+            _args = arguments;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
+                key = (0, _uuid["default"])();
+                _context.next = 4;
+                return getInstance();
+
+              case 4:
+                ins = _context.sent;
+                canClose = options.canClose !== undefined ? options.canClose : false;
+                ins.notice({
+                  content: (0, _SuccessRender.RenderSuccess)(msg, key, canClose, ins),
+                  style: options.style,
+                  duration: options.duration || canClose === false ? 3 : 3000,
+                  key: key
+                });
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function Success(_x) {
+        return _Success.apply(this, arguments);
+      }
+
+      return Success;
+    }()
+  }, {
+    key: "Warning",
+    value: function () {
+      var _Warning = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(msg) {
+        var options,
+            key,
+            ins,
+            canClose,
+            _args2 = arguments;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                options = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : {};
+                key = (0, _uuid["default"])();
+                _context2.next = 4;
+                return getInstance();
+
+              case 4:
+                ins = _context2.sent;
+                canClose = options.canClose !== undefined ? options.canClose : false;
+                ins.notice({
+                  content: (0, _SuccessRender.RenderWarning)(msg, key, canClose, ins),
+                  style: options.style,
+                  duration: options.duration || canClose === false ? 3 : 3000,
+                  key: key
+                });
+
+              case 7:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      function Warning(_x2) {
+        return _Warning.apply(this, arguments);
+      }
+
+      return Warning;
+    }()
+  }, {
+    key: "Error",
+    value: function () {
+      var _Error = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(msg) {
+        var options,
+            key,
+            ins,
+            canClose,
+            _args3 = arguments;
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                options = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : {};
+                key = (0, _uuid["default"])();
+                _context3.next = 4;
+                return getInstance();
+
+              case 4:
+                ins = _context3.sent;
+                canClose = options.canClose !== undefined ? options.canClose : false;
+                ins.notice({
+                  content: (0, _SuccessRender.RenderError)(msg, key, canClose, ins),
+                  style: options.style,
+                  duration: options.duration || canClose === false ? 3 : 3000,
+                  key: key
+                });
+
+              case 7:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      }));
+
+      function Error(_x3) {
+        return _Error.apply(this, arguments);
+      }
+
+      return Error;
+    }()
+  }]);
+
+  return Toast;
+}();
+
+var _default = Toast;
+exports["default"] = _default;

package/lib/components/toast/style/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastWrapper = exports.CloseBtn = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var ToastWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 13px 20px;\n  z-index: 999999;\n  font-size: 14px;\n  max-width: 504px;\n  border-radius: 12px;\n  line-height: 22px;\n  box-sizing: border-box;\n\n  &.error-toast {\n    background: #fdeeee;\n    border: 1px solid #f05e5e;\n    color: #f05e5e;\n    /* box-shadow: 0px 0px 6px 0px rgba(240, 94, 94, 0.3); */\n\n    .tu-icon-canceled {\n      :hover {\n        color: #F05E5E;\n      }\n    }\n  }\n  &.success-toast {\n    border: 1px solid rgb(125,212,169);\n    background: rgba(90, 216, 166, 0.1);\n    /* box-shadow: 0px 0px 6px 0px rgba(90, 216, 166, 0.3); */\n    font-weight: 400;\n    color: #5ad8a6;\n  }\n  &.warning-toast {\n    border: 1px solid #F6BD16;\n    background: rgba(246, 189, 22, 0.11);;\n    /* box-shadow: 0px 0px 6px 0px rgba(90, 216, 166, 0.3); */\n    font-weight: 400;\n    color: #F6BD16;\n\n    span {\n      color: #F6BD16;\n      position: relative;\n      top: 2px;\n    }\n\n    .tu-icon-canceled {\n      top: 2px;\n    }\n  }\n  span.icon {\n    margin-right: 5px;\n  }\n"])));
+
+exports.ToastWrapper = ToastWrapper;
+
+var CloseBtn = _styledComponents["default"].a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  margin-left: 20px;\n  color: #51565d;\n  align-self: flex-start;\n  position: relative;\n  top: 4px;\n\n  &:hover {\n    color: #f05e5e;\n  }\n"])));
+
+exports.CloseBtn = CloseBtn;

package/lib/components/tooltip/tooltip-text/index.js

@@ -0,0 +1,100 @@
+"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 _tooltip = _interopRequireDefault(require("../tooltip"));
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var TooltipText = function TooltipText(_ref) {
+  var text = _ref.text,
+      _ref$overlayText = _ref.overlayText,
+      overlayText = _ref$overlayText === void 0 ? "" : _ref$overlayText,
+      _ref$maxWidth = _ref.maxWidth,
+      maxWidth = _ref$maxWidth === void 0 ? 0 : _ref$maxWidth,
+      exClass = _ref.exClass,
+      _ref$isPercent = _ref.isPercent,
+      isPercent = _ref$isPercent === void 0 ? false : _ref$isPercent,
+      _ref$minusWidth = _ref.minusWidth,
+      minusWidth = _ref$minusWidth === void 0 ? 0 : _ref$minusWidth,
+      _ref$overlayClassName = _ref.overlayClassName,
+      overlayClassName = _ref$overlayClassName === void 0 ? "" : _ref$overlayClassName,
+      _ref$mouseEnterDelay = _ref.mouseEnterDelay,
+      mouseEnterDelay = _ref$mouseEnterDelay === void 0 ? 0 : _ref$mouseEnterDelay,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasTooltip = _useState2[0],
+      setHasTooltip = _useState2[1];
+
+  var domRef = (0, _react.useRef)();
+  var getContainerWidthRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    if (isPercent) {
+      // @ts-ignore
+      if (getContainerWidthRef.current && getContainerWidthRef.current.getBoundingClientRect().width - minusWidth < domRef.current.getBoundingClientRect().width) {
+        setHasTooltip(true);
+      } else {
+        setHasTooltip(false);
+      }
+    } else {
+      // @ts-ignore
+      if (domRef.current !== null && domRef.current.getBoundingClientRect().width > maxWidth) {
+        setHasTooltip(true);
+      } else {
+        setHasTooltip(false);
+      }
+    }
+  }, [text, maxWidth]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, hasTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlayClassName: overlayClassName,
+    overlay: overlayText || text,
+    placement: "top",
+    mouseEnterDelay: mouseEnterDelay
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tooltip-text-wrapper ".concat(exClass),
+    style: {
+      maxWidth: isPercent ? "calc(100% - ".concat(minusWidth, "px)") : maxWidth
+    }
+  }, children || text)), !hasTooltip && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tooltip-text-wrapper ".concat(exClass)
+  }, children || text), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tooltip-text-wrapper tooltip-text-wrapper--hidden ".concat(exClass),
+    ref: domRef
+  }, children || text), isPercent && /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      display: "inline-block",
+      width: "100%"
+    },
+    ref: getContainerWidthRef
+  }));
+};
+
+var _default = TooltipText;
+exports["default"] = _default;

package/lib/components/tooltip/tooltip.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _rcTooltip = _interopRequireDefault(require("rc-tooltip"));
+
+require("rc-tooltip/assets/bootstrap.css");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _default(props) {
+  var _props$align = props.align,
+      align = _props$align === void 0 ? {
+    offset: [0, 5]
+  } : _props$align;
+  return /*#__PURE__*/_react["default"].createElement(_rcTooltip["default"], _extends({}, props, {
+    align: align,
+    transitionName: props.transitionName || "tita-common-fade"
+  }));
+}

package/lib/components/top-global-prompt/index.js

@@ -0,0 +1,59 @@
+"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 _localStorage = require("../../utils/local-storage");
+
+var _topMessage = _interopRequireDefault(require("./img/top-message.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; }
+
+var preCls = "top-global-prompt";
+
+var TopGlobalCard = function TopGlobalCard(_ref) {
+  var text = _ref.text,
+      link = _ref.link,
+      setTopCardVisible = _ref.setTopCardVisible;
+  var storage = new _localStorage.LocalStorage();
+  var handleClose = (0, _react.useCallback)(function () {
+    setTopCardVisible(false);
+    storage.setItem("topGlobalCard", {
+      bol: false,
+      date: new Date()
+    });
+  }, []);
+
+  var handleOpenLink = function handleOpenLink() {
+    window.open(link, "_target");
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls)
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(preCls, "__image"),
+    src: _topMessage["default"],
+    alt: ""
+  }), text, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__link"),
+    onClick: handleOpenLink
+  }, "\u4E86\u89E3\u8BE6\u60C5"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-close  ".concat(preCls, "__close"),
+    onClick: handleClose
+  }));
+};
+
+var _default = TopGlobalCard;
+exports["default"] = _default;

package/lib/components/update-modal/index.js

@@ -0,0 +1,86 @@
+"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 _titaUi = require("tita-ui");
+
+var _helper = require("../period-selector/helper");
+
+var _getLocale = require("../../utils/getLocale");
+
+require("./index.css");
+
+var _requestApi = require("./request-api");
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = "tt-update-modal";
+
+function UpdateModal(_ref) {
+  var _ref$updates = _ref.updates,
+      updates = _ref$updates === void 0 ? [] : _ref$updates,
+      detailLink = _ref.detailLink;
+
+  var _useState = (0, _react.useState)(function () {
+    var userGuides = (0, _helper.getBSGlobal)("userGuides");
+    return userGuides && userGuides.upgradeGuide && userGuides.upgradeGuide.value || false;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var handleClose = (0, _react.useCallback)(function () {
+    (0, _requestApi.cancelGuide)((0, _helper.getBSGlobal)("userGuides").upgradeGuide.type);
+    (0, _helper.getBSGlobal)("userGuides").upgradeGuide.value = false;
+    setVisible(false);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_titaUi.Modal, {
+    visible: visible,
+    customContent: true,
+    footer: null,
+    width: 610
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(preCls, "__rocket"),
+    src: require("./img/rocket.png")
+  }), /*#__PURE__*/_react["default"].createElement("a", {
+    className: "tu-icon-canceled",
+    onClick: handleClose
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__update-list")
+  }, updates.map(function (upd) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__update-item")
+    }, upd);
+  })), /*#__PURE__*/_react["default"].createElement("a", {
+    href: detailLink,
+    target: "_blank",
+    className: "".concat(preCls, "__detail-btn"),
+    rel: "noreferrer"
+  }, (0, _getLocale.getLocale)("Per_Help_Button_Learnmore"))));
+}
+
+var _default = UpdateModal;
+exports["default"] = _default;

package/lib/components/update-modal/request-api.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cancelGuide = void 0;
+
+var _qs = _interopRequireDefault(require("qs"));
+
+var _request = require("../../utils/request");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var cancelGuide = function cancelGuide(type) {
+  return (0, _request.rpost)("v2")("user/cancelUserGuide?type=".concat(type), {
+    type: type
+  }, {
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
+    },
+    transformRequest: _qs["default"].stringify
+  });
+};
+
+exports.cancelGuide = cancelGuide;