@titaui/pc 1.5.69-beta.4 → 1.5.69-beta.8

package/lib/components/dynamic/dynamic-item/components/relative/index.css

@@ -1,66 +0,0 @@
-@charset "UTF-8";
-
-.titaui-dynamic-relative {
-  position: relative;
-  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-}
-
-.titaui-dynamic-relative__obj {
-  display: flex;
-  flex-direction: column;
-}
-
-.titaui-dynamic-relative__obj-base-info {
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-
-.titaui-dynamic-relative__obj-base-info-icon {
-  color: #89919F;
-  font-size: 18px;
-  margin-right: 8px;
-}
-
-.titaui-dynamic-relative__obj-title {
-  overflow: hidden;
-  white-space: nowrap;
-  word-break: keep-all;
-  font-size: 14px;
-  font-weight: 600;
-  color: #3F4755;
-  line-height: 22px;
-}
-
-.titaui-dynamic-relative__obj-title:hover {
-  cursor: pointer;
-  color: #2879ff;
-}
-
-.titaui-dynamic-relative__obj-principal-user {
-  font-size: 12px;
-  color: #89919F;
-  line-height: 18px;
-  margin-left: 26px;
-}
-
-.titaui-dynamic-relative__obj-principal-user::after {
-  content: '·';
-  display: inline-block;
-  margin: 0 4px;
-}
-
-.titaui-dynamic-relative__obj-cycle {
-  font-size: 12px;
-  color: #89919F;
-  line-height: 18px;
-}
-
-.titaui-dynamic-relative__align-img {
-  position: absolute;
-  top: 38px;
-}
-
-.titaui-dynamic-relative__space {
-  height: 20px;
-}

package/lib/components/dynamic/dynamic-item/components/relative/index.js

@@ -1,124 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _tooltip = require("../../../../tooltip");
-
-var _manager = _interopRequireDefault(require("../../../../drawer/manager"));
-
-var _openData = require("../../../../../utils/open-data");
-
-var _constant = require("../../../constant");
-
-var _dynamicRelative = _interopRequireDefault(require("./img/dynamic-relative.svg"));
-
-require("./index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 prefix = "titaui-dynamic-relative";
-
-var DynamicRelative = function DynamicRelative(_ref) {
-  var _classNames;
-
-  var data = _ref.data;
-  var objName = data.objName,
-      objId = data.objId,
-      objType = data.objType,
-      relateObjType = data.relateObjType,
-      relateObjName = data.relateObjName,
-      relateObjId = data.relateObjId,
-      objCycleName = data.objCycleName,
-      status = data.status,
-      objPrincipalUser = data.objPrincipalUser,
-      rObjprincipalUser = data.rObjprincipalUser,
-      rObjCycleName = data.rObjCycleName;
-
-  var handleClickTitle = function handleClickTitle(id, type) {
-    if (type === _constant.EObjType.Kr) {
-      _manager["default"].open("krDetail", {
-        krId: id
-      });
-    }
-
-    if (type === _constant.EObjType.O) {
-      _manager["default"].open("okrDetail", {
-        okrId: id
-      });
-    }
-
-    if (type === _constant.EObjType.Project) {
-      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=" + id));
-    }
-
-    if (type === _constant.EObjType.Task) {
-      window.Talent.app.vent.trigger("global-pull-screen", id, "task");
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__obj"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__obj-base-info"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])(prefix + "__obj-base-info-icon", {
-      "tu-icon-okr": relateObjType === _constant.EObjType.O,
-      "tu-icon-KR": relateObjType === _constant.EObjType.Kr
-    })
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: prefix + "__obj-title",
-    onClick: function onClick() {
-      handleClickTitle(relateObjId, relateObjType);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
-    isPercent: true,
-    text: relateObjName
-  }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
-    className: prefix + "__obj-principal-user"
-  }, rObjprincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
-    id: rObjprincipalUser.userId,
-    name: rObjprincipalUser.name
-  })), /*#__PURE__*/_react["default"].createElement("span", {
-    className: prefix + "__obj-cycle"
-  }, rObjCycleName))), /*#__PURE__*/_react["default"].createElement("img", {
-    className: prefix + "__relative-img",
-    src: _dynamicRelative["default"]
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__space"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__obj"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__obj-base-info"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])(prefix + "__obj-base-info-icon", (_classNames = {}, _defineProperty(_classNames, _constant.EStatusStatus2ClassType[status], objType === _constant.EObjType.Task), _defineProperty(_classNames, "tu-icon-project-s", objType === _constant.EObjType.Project), _classNames))
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: prefix + "__obj-title",
-    onClick: function onClick() {
-      handleClickTitle(objId, objType);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
-    isPercent: true,
-    text: objName
-  }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
-    className: prefix + "__obj-principal-user"
-  }, objPrincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
-    id: objPrincipalUser.userId,
-    name: objPrincipalUser.name
-  })), /*#__PURE__*/_react["default"].createElement("span", {
-    className: prefix + "__obj-cycle"
-  }, objCycleName))));
-};
-
-var _default = DynamicRelative;
-exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/replay/index.css

@@ -1,93 +0,0 @@
-.titaui-dynamic-replay {
-  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-}
-
-.titaui-dynamic-replay__detail {
-  margin-top: 16px;
-}
-
-.titaui-dynamic-replay__detail-gain {
-  margin-bottom: 16px;
-}
-
-.titaui-dynamic-replay__detail-drawback {
-  margin-bottom: 16px;
-}
-
-.titaui-dynamic-replay__detail-tasks-item {
-  display: flex;
-  align-items: center;
-  margin-left: 8px;
-  font-size: 14px;
-  color: #6f7886;
-  line-height: 22px;
-  cursor: pointer;
-}
-
-.titaui-dynamic-replay__detail-tasks-item::before {
-  content: "";
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  background: #2879ff;
-  border-radius: 50%;
-  margin-right: 6px;
-}
-
-.titaui-dynamic-replay__detail-tasks-item:hover {
-  color: #2879ff;
-}
-
-.titaui-dynamic-replay__detail-block-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: #3f4755;
-  line-height: 22px;
-  display: flex;
-  align-items: center;
-  margin-bottom: 8px;
-}
-
-.titaui-dynamic-replay__detail-block-title::before {
-  content: "";
-  display: inline-block;
-  width: 4px;
-  height: 12px;
-  background: linear-gradient(180deg, #2879ff 0%, #9fbfff 100%);
-  border-radius: 2px;
-  margin-right: 4px;
-}
-
-.titaui-dynamic-replay__detail-block-title--sub {
-  display: flex;
-  align-items: center;
-  margin-bottom: 4px;
-  font-size: 14px;
-  font-weight: 600;
-  color: #3f4755;
-  line-height: 22px;
-  margin-left: 8px;
-}
-
-.titaui-dynamic-replay__detail-block-title--sub::before {
-  content: "";
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  background: #2879ff;
-  border-radius: 50%;
-  margin-right: 6px;
-}
-
-.titaui-dynamic-replay__detail-block-content {
-  font-size: 14px;
-  font-weight: 400;
-  color: #6f7886;
-  line-height: 22px;
-  margin-bottom: 4px;
-  margin-left: 8px;
-}
-
-.titaui-dynamic-replay__detail-block-content--sub {
-  margin-left: 20px;
-}

package/lib/components/dynamic/dynamic-item/components/report/index.css

@@ -1,32 +0,0 @@
-.titaui-dynamic-report__summary {
-  margin-bottom: 16px;
-  margin-top: 12px;
-}
-
-.titaui-dynamic-report__block-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: #3f4755;
-  line-height: 22px;
-  display: flex;
-  align-items: center;
-  margin-bottom: 8px;
-}
-
-.titaui-dynamic-report__block-title::before {
-  content: "";
-  display: inline-block;
-  width: 4px;
-  height: 12px;
-  background: linear-gradient(180deg, #2879ff 0%, #9fbfff 100%);
-  border-radius: 2px;
-  margin-right: 4px;
-}
-
-.titaui-dynamic-report__content {
-  margin-left: 8px;
-}
-
-.titaui-dynamic-report .highlight {
-  color: #f05e5e;
-}

package/lib/components/dynamic/dynamic-item/components/report/index.js

@@ -1,82 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _context = require("../../../context");
-
-var _tools = require("../../../../../utils/tools");
-
-var _commonTitle = _interopRequireDefault(require("../../../components/common-title"));
-
-var _dangerousHtml = _interopRequireDefault(require("../../../components/dangerous-html"));
-
-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 prefix = "titaui-dynamic-report";
-
-var DynamicReport = function DynamicReport(_ref) {
-  var data = _ref.data;
-  var contentRichTextRef = (0, _react.useRef)();
-  var workPlanRichTextRef = (0, _react.useRef)();
-
-  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
-      searchKeyWord = _useContext.searchKeyWord;
-
-  var handleClickTitle = function handleClickTitle() {
-    // @ts-ignore
-    Talent.app.vent.trigger('global-daily-detail-pull-screen', data.feedId);
-  };
-
-  (0, _react.useEffect)(function () {
-    (0, _tools.highLightWord)({
-      parentDom: contentRichTextRef.current,
-      keyWord: searchKeyWord
-    });
-    (0, _tools.highLightWord)({
-      parentDom: workPlanRichTextRef.current,
-      keyWord: searchKeyWord
-    });
-  }, [data, searchKeyWord]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix
-  }, /*#__PURE__*/_react["default"].createElement(_commonTitle["default"], {
-    content: data.name,
-    showCompleteType: true,
-    completeType: data.submitState,
-    onClickTitle: handleClickTitle
-  }), data.contentRichText && /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__summary"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__block-title"
-  }, "\u603B\u7ED3\u4E0E\u969C\u788D"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__content",
-    ref: contentRichTextRef
-  }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
-    htmlText: data.contentRichText
-  }))), data.workPlanRichText && /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__work-plan"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__block-title"
-  }, "\u4E0B\u4E00\u6B65\u5DE5\u4F5C\u8BA1\u5212"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__content",
-    ref: workPlanRichTextRef
-  }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
-    htmlText: data.workPlanRichText
-  }))));
-};
-
-var _default = DynamicReport;
-exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/task-project/index.css

@@ -1,57 +0,0 @@
-.titaui-dynamic-task-project {
-  height: 78px;
-  display: flex;
-  align-items: center;
-  border-radius: 8px;
-  background: #f6f7f9;
-  padding: 16px 12px 16px 16px;
-  box-sizing: border-box;
-  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-}
-
-.titaui-dynamic-task-project__info {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  margin-left: 16px;
-  overflow: hidden;
-}
-
-.titaui-dynamic-task-project__status-and-time-range {
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  font-weight: 400;
-  color: #89919F;
-  line-height: 18px;
-}
-
-.titaui-dynamic-task-project__status-text {
-  margin-left: 4px;
-  margin-right: 20px;
-}
-
-.titaui-dynamic-task-project__time-range {
-  margin-left: 4px;
-}
-
-.titaui-dynamic-task-project__title {
-  flex: 1;
-  word-break: keep-all;
-  white-space: nowrap;
-  overflow: hidden;
-  font-size: 16px;
-  font-weight: 600;
-  color: #3F4755;
-  line-height: 24px;
-}
-
-.titaui-dynamic-task-project__title-text {
-  cursor: pointer;
-}
-
-.titaui-dynamic-task-project__title-priority {
-  width: 18px;
-  height: 26px;
-  margin-right: 4px;
-}

package/lib/components/dynamic/dynamic-item/components/task-project/index.js

@@ -1,87 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _tooltip = require("../../../../tooltip");
-
-var _taskProjectIcon = _interopRequireDefault(require("../task-project-icon"));
-
-var _constant = require("./constant");
-
-var _constant2 = require("../../../constant");
-
-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 prefix = "titaui-dynamic-task-project";
-
-var DynamicTaskProject = function DynamicTaskProject(_ref) {
-  var data = _ref.data,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "task" : _ref$type;
-  var feedType = data.feedType,
-      status = data.status,
-      taskName = data.taskName,
-      workName = data.workName,
-      startDate = data.startDate,
-      deadline = data.deadline;
-
-  var handleClickTitle = function handleClickTitle() {
-    // 任务id不对
-    if (feedType === _constant2.EFeedType.Task) {
-      window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
-    }
-
-    if (feedType === _constant2.EFeedType.Project) {
-      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=" + data.obj.objId));
-    }
-  };
-
-  var renderName = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("span", {
-      className: prefix + "__title-text",
-      onClick: handleClickTitle
-    }, taskName || workName);
-  }, [taskName, workName]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix
-  }, /*#__PURE__*/_react["default"].createElement(_taskProjectIcon["default"], {
-    type: type,
-    status: status
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__info"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__title"
-  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
-    isPercent: true,
-    text: renderName,
-    minusWidth: 30
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__status-and-time-range"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status])
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: prefix + "__status-text"
-  }, _constant.EStatusClass2StatusTypeText[status]), /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-deferred")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: prefix + "__time-range"
-  }, startDate, "-", deadline))));
-};
-
-var _default = DynamicTaskProject;
-exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/task-project-icon/index.css

@@ -1,20 +0,0 @@
-.dynamic-task-project-icon {
-  display: inline-block;
-  width: 36px;
-  height: 36px;
-  border-radius: 6px;
-}
-
-.dynamic-task-project-icon__task {
-  background: #6CE7B6;
-  box-shadow: 0px 2px 6px 0px rgba(90, 216, 166, 0.4);
-}
-
-.dynamic-task-project-icon__project {
-  background: #5C8EFF;
-  box-shadow: 0px 2px 6px 0px rgba(92, 142, 255, 0.4);
-}
-
-.dynamic-task-project-icon__icon {
-  width: 36px;
-}

package/lib/components/dynamic/dynamic-item/components/task-project-icon/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _constant = require("./constant");
-
-var _project = _interopRequireDefault(require("./img/project.png"));
-
-require("./index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 prefix = 'dynamic-task-project-icon';
-
-var DynamicTaskProjectIcon = function DynamicTaskProjectIcon(_ref) {
-  var _classNames;
-
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'task' : _ref$type,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? '1' : _ref$status;
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(prefix, (_classNames = {}, _defineProperty(_classNames, prefix + '__task', true), _defineProperty(_classNames, prefix + '__project', false), _classNames))
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: prefix + '__icon',
-    src: type === 'task' ? _constant.taskStatusMapping[status] : _project["default"]
-  }));
-};
-
-var _default = DynamicTaskProjectIcon;
-exports["default"] = _default;

package/lib/components/dynamic/dynamic-topping/mock.js

@@ -1 +0,0 @@
-"use strict";

package/lib/pages/like-ranking/tab-bar/index.css

@@ -1,22 +0,0 @@
-.tab-bar {
-  display: flex;
-}
-
-.tab-bar-item {
-  text-align: center;
-  width: 64px;
-  height: 32px;
-  line-height: 32px;
-  background: #F7F8FA;
-  border-radius: 18px;
-  font-size: 14px;
-  font-weight: 400;
-  color: #3F4755;
-  cursor: pointer;
-  margin-right: 6px;
-}
-
-.tab-bar-item--selected {
-  color: #2879ff;
-  background: rgba(40, 121, 255, 0.1);
-}