@titaui/pc 1.11.55 → 1.11.56

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

@@ -0,0 +1,141 @@
+.danamic-topping {
+  margin-top: 10px;
+  width: 278px;
+  background: #ffffff;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  border-radius: 12px;
+  padding: 12px 16px;
+  padding-top: 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: 600;
+  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 {
+  font-size: 16px;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.danamic-topping-item-header-right-diot:hover {
+  background: #f0f4fa;
+}
+
+.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;
+  border-radius: 12px;
+  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:hover {
+  color: #2879ff;
+  background: #f7f8fa;
+}
+
+.danamic-topping-item-header-right-popup-text-zhiding {
+  font-size: 16px;
+  margin-right: 11px;
+}
+
+.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;
+}
+
+.danamic-topping-item-content b {
+  font-weight: 400;
+}

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

@@ -0,0 +1,82 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _item = _interopRequireDefault(require("./item"));
+
+var _requestApi = require("./request-api");
+
+var _getLocale = require("../../../utils/getLocale");
+
+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);
+      }
+    });
+  }; // @ts-ignore
+
+
+  window.reFreshDynamicTopping = getData;
+  (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/top-icon.svg")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "-header-text"))
+  }, (0, _getLocale.getLocale)("OKR_MyO_Topfeeds"))), 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

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

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

@@ -0,0 +1,153 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _avatar = _interopRequireDefault(require("../../avatar"));
+
+var _popup = _interopRequireDefault(require("../../popup"));
+
+var _requestApi = require("./request-api");
+
+var _auth = require("../../../utils/auth");
+
+var _toast = _interopRequireDefault(require("../../toast"));
+
+var _dangerousHtml = _interopRequireDefault(require("../../dangerous-html"));
+
+var _getLocale = require("../../../utils/getLocale");
+
+var _quotationMark = _interopRequireDefault(require("./image/quotation-mark.svg"));
+
+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-item";
+var dynamicManagerAuth = new _auth.DynamicManagerAuth();
+
+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) {
+        _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+
+        setTimeout(function () {
+          if (refresh) {
+            refresh();
+          }
+        }, 1000);
+      } else {
+        _toast["default"].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"))
+    }), (0, _getLocale.getLocale)("OKR_MyO_Unpinned")));
+  }; // 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))), dynamicManagerAuth.hasAuth() && /*#__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: _quotationMark["default"],
+    alt: ""
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "-content"))
+  }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
+    htmlText: data.content
+  })));
+};
+
+var _default = Item;
+exports["default"] = _default;

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDynamicTop = exports.delDynamicTop = 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=3")).then(function (res) {
+    return res.data;
+  });
+};
+
+exports.getDynamicTop = getDynamicTop;
+
+var delDynamicTop = function delDynamicTop(feedId) {
+  return _axios["default"].get("".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

@@ -0,0 +1,173 @@
+.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-search {
+  display: flex;
+  align-items: center;
+}
+
+.titaui-dynamic__header-tabs {
+  display: flex;
+}
+
+.titaui-dynamic__content {
+  position: relative;
+  display: flex;
+  flex: 1;
+  overflow: auto;
+  overflow: overlay;
+  padding: 88px 22px 0 20px;
+}
+
+.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: 128px;
+  right: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 42px;
+  height: 42px;
+  background: rgba(255, 255, 255, 0.86);
+  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 50%;
+  cursor: pointer;
+  z-index: 1;
+}
+
+.titaui-dynamic__go-to-top-img {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  background: url("./img/dynamic-top.svg") no-repeat;
+}