@titaui/pc 1.5.78 → 1.5.82

package/lib/components/dynamic/dynamic-topping/image/topIcon.svg

@@ -1,30 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>置顶动态</title>
-    <defs>
-        <circle id="path-1" cx="4.16666667" cy="4.16666667" r="4.16666667"></circle>
-        <filter x="-21.4%" y="-89.9%" width="142.9%" height="279.8%" filterUnits="objectBoundingBox" id="filter-3">
-            <feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
-        </filter>
-    </defs>
-    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="绩效考核/@与回复/打赏" transform="translate(-1082.000000, -278.000000)">
-            <g id="动态" transform="translate(1066.000000, 264.000000)">
-                <g id="置顶动态" transform="translate(16.000000, 14.000000)">
-                    <circle id="椭圆形" fill="#5C8EFF" cx="10" cy="10" r="10"></circle>
-                    <g id="编组-22" transform="translate(3.213090, 6.000000)">
-                        <g id="形状结合" transform="translate(2.786910, 0.000000)">
-                            <mask id="mask-2" fill="white">
-                                <use xlink:href="#path-1"></use>
-                            </mask>
-                            <use id="蒙版" fill="#FFFFFF" xlink:href="#path-1"></use>
-                            <path d="M10.2801853,3.1428106 C10.8347673,3.46511621 11.1504539,3.83580442 11.1504539,4.23019237 C11.1504539,5.47283306 8.01644712,6.48019237 4.15045387,6.48019237 C0.284460621,6.48019237 -2.84954613,5.47283306 -2.84954613,4.23019237 C-2.84954613,4.22851539 -2.84954042,4.22683884 -2.84952901,4.22516273 L-1.2577765,4.5010035 C-0.785172265,5.18948386 1.45644516,5.7109616 4.15045387,5.7109616 C7.1793128,5.7109616 9.636332,5.05179396 9.65039321,4.23722128 Z" fill="#2879FF" filter="url(#filter-3)" mask="url(#mask-2)" transform="translate(4.150454, 4.811501) rotate(-15.000000) translate(-4.150454, -4.811501) "></path>
-                        </g>
-                        <path d="M13.5483912,2.43826668 C13.8700102,3.63856542 11.1035159,5.42274043 7.36925322,6.42333311 C3.6349905,7.42392579 0.347048662,7.26203205 0.0254295863,6.06173332 C-0.165835376,5.34792276 0.73504509,4.4276179 2.28211975,3.58842283 L2.28182412,4.54792105 C1.69502828,4.95952847 1.38922509,5.35593246 1.47431833,5.67350475 C1.68598216,6.46344494 4.23609808,6.46649321 7.17016165,5.68031324 C10.1042252,4.89413328 12.3111663,3.61643544 12.0995024,2.82649525 C12.0230062,2.54100753 11.6410777,2.35829814 11.0459776,2.27847735 C10.8979016,1.89023186 10.7402483,1.60445999 10.5721988,1.42051892 C12.2176585,1.40720458 13.365042,1.75399842 13.5483912,2.43826668 Z" id="形状结合" fill="#FFFFFF"></path>
-                        <path d="M9.78691037,2.50417127 C9.41404232,1.78496057 8.81138292,1.23999086 8.09496376,1 L7.95280143,1.78102951 C8.42427797,1.9275763 8.82526021,2.27106798 9.08234723,2.72966003 L9.78691037,2.50417127 Z" id="路径" fill="#2879FF"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/lib/components/dynamic/dynamic-topping/index.css

@@ -1,130 +0,0 @@
-.danamic-topping {
-  width: 278px;
-  background: #ffffff;
-  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
-  border-radius: 12px;
-  padding: 12px 16px;
-  box-sizing: border-box;
-}
-
-.danamic-topping-header {
-  height: 24px;
-  font-size: 16px;
-  font-weight: 600;
-  color: #3f4755;
-  line-height: 24px;
-  margin-bottom: 10px;
-}
-
-.danamic-topping-header-text {
-  margin-left: 4px;
-}
-
-.danamic-topping-header-image {
-  width: 20px;
-  height: 20px;
-  position: relative;
-  top: -2px;
-}
-
-.danamic-topping-item {
-  border-top: 1px solid #e9ecf0;
-  padding: 16px 0 12px 0;
-}
-
-.danamic-topping-item-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.danamic-topping-item-header-left {
-  display: flex;
-  align-items: center;
-}
-
-.danamic-topping-item-header-left-avatar {
-  cursor: pointer;
-  width: 28px;
-  height: 28px;
-  position: relative;
-  top: -2px;
-}
-
-.danamic-topping-item-header-left-name {
-  margin-left: 12px;
-  font-size: 12px;
-  font-weight: 500;
-  color: #3f4755;
-}
-
-.danamic-topping-item-header-left-name-text {
-  line-height: 18px;
-}
-
-.danamic-topping-item-header-left-time {
-  font-size: 12px;
-  font-weight: 400;
-  color: #89919f;
-  line-height: 18px;
-}
-
-.danamic-topping-item-header-right {
-  font-size: 16px;
-  width: 24px;
-  height: 24px;
-}
-
-.danamic-topping-item-header-right-diot {
-  cursor: pointer;
-}
-
-.danamic-topping-item-header-right-popup {
-  width: 132px;
-  padding: 16px 0;
-  text-align: center;
-  background: #ffffff;
-  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-  border: 1px solid #f0f2f5;
-  position: relative;
-  right: -12px;
-}
-
-.danamic-topping-item-header-right-popup-text {
-  height: 32px;
-  line-height: 32px;
-  cursor: pointer;
-  user-select: none;
-}
-
-.danamic-topping-item-header-right-popup-text-zhiding {
-  font-size: 16px;
-  margin-right: 11px;
-}
-
-.danamic-topping-item-header-right-popup::before {
-  position: absolute;
-  content: "";
-  width: 6px;
-  height: 6px;
-  background-color: #ffffff;
-  transform: rotate(-45deg);
-  border-top: 1px solid #f0f2f5;
-  border-right: 1px solid #f0f2f5;
-  top: -4px;
-  right: 14px;
-}
-
-.danamic-topping-item-mark {
-  display: block;
-  width: 12px;
-  height: 12px;
-  margin: 6px 0 4px 0;
-}
-
-.danamic-topping-item-content {
-  font-size: 14px;
-  font-weight: 400;
-  color: #3f4755;
-  line-height: 22px;
-}

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

@@ -1,78 +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 _item = _interopRequireDefault(require("./item"));
-
-var _requestApi = require("./request-api");
-
-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 preCls = "danamic-topping";
-
-var DynamicTop = function DynamicTop() {
-  var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      toppingData = _useState2[0],
-      setToppingData = _useState2[1];
-
-  var getData = function getData() {
-    (0, _requestApi.getDynamicTop)().then(function (res) {
-      if (res.Code === 1) {
-        setToppingData(res.Data.feeds);
-      }
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    getData();
-  }, []);
-  if (!toppingData || toppingData.length === 0) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header"))
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header-image")),
-    src: require("./image/topIcon.svg")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header-text"))
-  }, "\u7F6E\u9876\u52A8\u6001")), toppingData.map(function (item, index) {
-    if (index > 2) return;
-    return /*#__PURE__*/_react["default"].createElement(_item["default"], {
-      key: index,
-      refresh: getData,
-      data: item
-    });
-  }));
-};
-
-var _default = DynamicTop;
-exports["default"] = _default;

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,138 +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 _avatar = _interopRequireDefault(require("../../avatar"));
-
-var _popup = _interopRequireDefault(require("../../popup"));
-
-var _requestApi = require("./request-api");
-
-require("./index.css");
-
-var _popDownNotification = require("../../pop-down-notification");
-
-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 preCls = "danamic-topping-item";
-
-var Item = function Item(_ref) {
-  var _ref$data = _ref.data,
-      data = _ref$data === void 0 ? {} : _ref$data,
-      refresh = _ref.refresh;
-
-  var _useState = (0, _react.useState)(function () {
-    if (!data) return {};
-    var publishUser = data.publishUser;
-    return {
-      name: publishUser.name,
-      avatar: publishUser.avatar,
-      userId: publishUser.userId,
-      userType: publishUser.userType
-    };
-  }),
-      _useState2 = _slicedToArray(_useState, 1),
-      user = _useState2[0];
-
-  var onHandlerCancel = function onHandlerCancel(userId) {
-    (0, _requestApi.delDynamicTop)(userId).then(function (res) {
-      if (res.Code == 1) {
-        _popDownNotification.Toast.Success("操作成功");
-
-        refresh && refresh();
-      } else {
-        _popDownNotification.Toast.Error(res.Message);
-      }
-    });
-  };
-
-  var popupContent = function popupContent() {
-    var preCla = "".concat(preCls, "-header-right-popup");
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(preCla))
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(preCla, "-text")),
-      onClick: function onClick() {
-        return onHandlerCancel(data.feedId);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("tu-icon-zhiding ".concat(preCla, "-text-zhiding"))
-    }), "\u53D6\u6D88\u7F6E\u9876"));
-  }; // const url = getUrlForUserPage({
-  //   userId: user.userId,
-  //   userType: user.userType || 2,
-  // });
-  // const handleOpenUserPage = () => {
-  //   window.open(url, "_blank");
-  // };
-
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header"))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header-left"))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header-left-avatar")) // onClick={handleOpenUserPage}
-
-  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-    size: {
-      width: 28,
-      textNum: 1,
-      fontSize: 14
-    },
-    name: user.name,
-    src: user.avatar.small,
-    color: user.avatar.color,
-    userId: user.userId
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header-left-name"))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header-left-name-text")) // onClick={handleOpenUserPage}
-
-  }, data.publishUser.name), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header-left-time"))
-  }, data.createDate))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-header-right"))
-  }, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
-    key: data.feedId,
-    popup: popupContent()
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("tu-icon-diot  ".concat(preCls, "-header-right-diot"))
-  })))), /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])("".concat(preCls, "-mark")),
-    src: require("./image/quotationMark.svg"),
-    alt: ""
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-content"))
-  }, data.content));
-};
-
-var _default = Item;
-exports["default"] = _default;

package/lib/components/dynamic/dynamic-topping/request-api.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.delDynamicTop = exports.getDynamicTop = void 0;
-
-var _axios = _interopRequireDefault(require("axios"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-// import { translateDepartsToTreeNode, translateUsersToTreeNode } from './utils';
-// import { getSource } from '../../utils/open-data';
-var tenantId = BSGlobal && BSGlobal.tenantInfo.Id || 0;
-var userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
-
-var requestDomain = function requestDomain() {
-  if (!window.location.hostname.match(/dev/)) return '';
-  return "".concat(location.protocol, "//www.tita.gift");
-};
-
-var getDynamicTop = function getDynamicTop() {
-  return _axios["default"].get("".concat(requestDomain(), "/api/v2/").concat(tenantId, "/").concat(userId, "/user/feednew/GetTopnew?count=5")).then(function (res) {
-    return res.data;
-  });
-};
-
-exports.getDynamicTop = getDynamicTop;
-
-var delDynamicTop = function delDynamicTop(feedId) {
-  return _axios["default"]["delete"]("".concat(requestDomain(), "/api/v2/").concat(tenantId, "/").concat(userId, "/user/feednew/cancelTop?feedId=").concat(feedId)).then(function (res) {
-    return res.data;
-  });
-};
-
-exports.delDynamicTop = delDynamicTop;

package/lib/components/dynamic/dynamic.css

@@ -1,204 +0,0 @@
-.titaui-dynamic {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-  min-width: 970px;
-  height: 100%;
-  margin-right: -12px;
-}
-
-.titaui-dynamic__header {
-  position: absolute;
-  display: flex;
-  justify-content: space-between;
-  height: 68px;
-  background: #ffffff;
-  box-shadow: 0px 0px 8px 0px #e9ecf0;
-  padding: 0 24px;
-  width: calc(100% - 14px);
-  box-sizing: border-box;
-  z-index: 3;
-}
-
-.titaui-dynamic__header--content-scroll {
-  background: rgba(255, 255, 255, 0.88);
-  backdrop-filter: blur(4px);
-}
-
-.titaui-dynamic__header-tab {
-  display: inline-flex;
-  align-items: center;
-  height: 100%;
-  position: relative;
-  font-size: 16px;
-  color: #141c28;
-  line-height: 24px;
-  cursor: pointer;
-  margin-right: 36px;
-  white-space: nowrap;
-  word-break: keep-all;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 400;
-}
-
-.titaui-dynamic__header-tab--active {
-  color: #2879ff;
-  font-weight: 600;
-}
-
-.titaui-dynamic__header-tab--active::before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 24px;
-  height: 4px;
-  background: linear-gradient(90deg, #4e90ff 0%, #2879ff 100%);
-  border-radius: 2px;
-}
-
-.titaui-dynamic__header-search {
-  display: flex;
-  align-items: center;
-}
-
-.titaui-dynamic__content {
-  position: relative;
-  display: flex;
-  flex: 1;
-  overflow: auto;
-  overflow: overlay;
-  padding: 88px 22px 0 20px;
-  background: #f0f4fa;
-}
-
-.titaui-dynamic__content-left {
-  display: flex;
-  flex-direction: column;
-  width: calc(100% - 288px);
-}
-
-.titaui-dynamic__content-left-tabs {
-  display: flex;
-  align-items: center;
-  min-height: 48px;
-  max-height: 48px;
-  background: #ffffff;
-  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
-  border-radius: 12px;
-  padding-left: 20px;
-  margin-bottom: 10px;
-}
-
-.titaui-dynamic__content-left-tab {
-  display: inline-flex;
-  align-items: center;
-  height: 30px;
-  padding: 4px 12px;
-  background: #ffffff;
-  border-radius: 15px;
-  font-size: 14px;
-  color: #3f4755;
-  line-height: 22px;
-  box-sizing: border-box;
-  cursor: pointer;
-  white-space: nowrap;
-  word-break: keep-all;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.titaui-dynamic__content-left-tab--active {
-  background: rgba(40, 121, 255, 0.1);
-  color: #2879ff;
-}
-
-.titaui-dynamic__content-left-loading {
-  margin: 0 auto;
-  background-image: url("./img/dynamic-loading.gif");
-  background-repeat: no-repeat;
-  background-size: 100px 40px;
-  padding-bottom: 60px;
-  width: 100px;
-}
-
-.titaui-dynamic__content-right {
-  margin-left: 10px;
-  background: #f0f4fa;
-}
-
-.titaui-dynamic__loading {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  z-index: 4;
-  background: #f0f4fa;
-}
-
-.titaui-dynamic__loading-img {
-  width: 100px;
-  position: relative;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.titaui-dynamic__empty-loading-block {
-  height: 160px;
-}
-
-.titaui-dynamic__no-more-data {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding-bottom: 20px;
-  font-size: 14px;
-  color: #6f7886;
-  line-height: 22px;
-}
-
-.titaui-dynamic__no-more-data::before {
-  content: "";
-  display: inline-block;
-  margin-right: 12px;
-  width: 192px;
-  height: 2px;
-  background: linear-gradient(90deg, #f0f4fa 0%, #b8c3d5 100%);
-  border-radius: 1px;
-}
-
-.titaui-dynamic__no-more-data::after {
-  content: "";
-  display: inline-block;
-  margin-left: 12px;
-  width: 192px;
-  height: 2px;
-  background: linear-gradient(90deg, #b8c3d5 0%, #f0f4fa 100%);
-  border-radius: 1px;
-}
-
-.titaui-dynamic__go-to-top {
-  position: fixed;
-  bottom: 28px;
-  right: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 52px;
-  height: 52px;
-  background: rgba(255, 255, 255, 0.86);
-  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-  border-radius: 50%;
-  cursor: pointer;
-}
-
-.titaui-dynamic__go-to-top-img {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  background: url("./img/dynamic-top.svg") no-repeat;
-}