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

package/lib/components/dynamic/dynamic-like-ranking/mock.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.data = void 0;
+var data = [{
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  ranking: 1,
+  name: "杨亮",
+  departmentId: 0,
+  departmentName: "默认部门",
+  userId: 560000215,
+  primaryDepartment: "默认部门",
+  primaryDepartmentId: 0,
+  likeNums: 1400
+}, {
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  ranking: 2,
+  name: "杨亮",
+  departmentId: 0,
+  departmentName: "默认部门",
+  userId: 560000215,
+  primaryDepartment: "默认部门",
+  primaryDepartmentId: 0,
+  likeNums: 140
+}, {
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  ranking: 3,
+  name: "杨亮",
+  departmentId: 0,
+  departmentName: "默认部门",
+  userId: 560000215,
+  primaryDepartment: "默认部门",
+  primaryDepartmentId: 0,
+  likeNums: 14000
+}, {
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  ranking: 4,
+  name: "杨亮",
+  departmentId: 0,
+  departmentName: "默认部门",
+  userId: 560000215,
+  primaryDepartment: "默认部门",
+  primaryDepartmentId: 0,
+  likeNums: 14000000
+}];
+exports.data = data;

package/lib/components/dynamic/dynamic-liking/image/like-dynamic.svg

@@ -0,0 +1,30 @@
+<?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, -1196.000000)">
+            <g id="动态" transform="translate(1066.000000, 1182.000000)">
+                <g id="点赞动态" transform="translate(16.000000, 14.000000)">
+                    <circle id="椭圆形" fill="#FFBB4D" 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="#FFBB4D" 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="#FFBB4D"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -0,0 +1,81 @@
+.dynamic-liking {
+  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;
+}
+
+.dynamic-liking__header {
+  height: 24px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #3f4755;
+  line-height: 24px;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.dynamic-liking__header-text {
+  margin-left: 4px;
+}
+
+.dynamic-liking__header-image {
+  width: 20px;
+  height: 20px;
+  position: relative;
+  top: -2px;
+}
+
+.dynamic-liking__content {
+  border-top: 1px solid #e9ecf0;
+  padding: 16px 0 0 0;
+}
+
+.dynamic-liking__item {
+  display: flex;
+  align-items: flex-start;
+  vertical-align: text-top;
+  margin-top: 18px;
+}
+
+.dynamic-liking__item:nth-of-type(1) {
+  margin-top: 0;
+}
+
+.dynamic-liking__item-avatar {
+  position: relative;
+  top: 2px;
+}
+
+.dynamic-liking__item-center {
+  margin-left: 8px;
+}
+
+.dynamic-liking__item-center-name {
+  font-size: 12px;
+  font-weight: 600;
+  color: #3F4755;
+  line-height: 18px;
+  display: flex;
+}
+
+.dynamic-liking__item-center-time {
+  font-size: 12px;
+  font-weight: 400;
+  color: #89919F;
+  line-height: 18px;
+}
+
+.dynamic-liking__item-dynamic {
+  font-size: 12px;
+  font-weight: 400;
+  color: #89919F;
+  line-height: 18px;
+  margin-left: 8px;
+}

package/lib/components/{contact-kefu → dynamic/dynamic-liking}/index.js

@@ -11,26 +11,20 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _tooltip = _interopRequireDefault(require("../tooltip"));
+var _requestApi = require("../request-api");
 
-var _popup = _interopRequireDefault(require("../popup"));
-
-var _platform = require("../../utils/platform");
-
-var _notTry = _interopRequireDefault(require("./img/not-try.png"));
-
-var _try = _interopRequireDefault(require("./img/try.png"));
+var _item = _interopRequireDefault(require("./item"));
 
 require("./index.css");
 
+var _getLocale = require("../../../utils/getLocale");
+
 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 _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; }
-
 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."); }
@@ -43,60 +37,43 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "contact-kefu";
+var preCls = "dynamic-liking";
 
-var ContactKefu = function ContactKefu() {
-  var _useState = (0, _react.useState)(false),
+var DynamicLiking = function DynamicLiking() {
+  var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var handleShowCode = function handleShowCode() {
-    setVisible(true);
-  };
+      rankingData = _useState2[0],
+      setRankingData = _useState2[1];
 
-  var isTrial = window.BSGlobal.tenantAuthentication.Version === 1 && (0, _platform.isOfficialSite)();
-
-  var popup = /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__popup")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__popup-title")
-  }, "\u5FAE\u4FE1/\u4F01\u4E1A\u5FAE\u4FE1\u626B\u4E00\u626B"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__popup-content")
-  }, "\u4E13\u5C5E\u5BA2\u670D\u4E3A\u4F60\u63D0\u4F9B\u54A8\u8BE2\u670D\u52A1"), /*#__PURE__*/_react["default"].createElement("img", {
-    src: isTrial ? _try["default"] : _notTry["default"],
-    className: "".concat(preCls, "__popup-img"),
-    alt: "\u5FAE\u4FE1\u626B\u7801"
-  }));
-
-  return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
-    popup: popup,
-    popupTransitionName: "tita-popup-zoom-left-bottom",
-    placement: "topLeft",
-    popupAlign: {
-      offset: [-32, -10],
-      overflow: {
-        adjustX: 1,
-        adjustY: 1
+  (0, _react.useEffect)(function () {
+    (0, _requestApi.getLeastPariseInfo)().then(function (res) {
+      if (res.Code === 1) {
+        setRankingData(res.Data);
       }
-    },
-    popupVisible: visible,
-    onPopupVisibleChange: function onPopupVisibleChange(bol) {
-      return setVisible(bol);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    overlay: "\u8054\u7CFB\u5BA2\u670D",
-    placement: "right",
-    align: {
-      offset: [0, 0]
-    }
+    });
+  }, []);
+  if (!rankingData || rankingData.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, "__kefu"), _defineProperty({}, "".concat(preCls, "__try-kefu"), isTrial), _defineProperty({}, "".concat(preCls, "__hidden"), visible)),
-    onClick: handleShowCode
+    className: (0, _classnames["default"])("".concat(preCls, "__header"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__cancel"), visible))
-  }))));
+    className: (0, _classnames["default"])("".concat(preCls, "__header-left"))
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-image")),
+    src: require("./image/like-dynamic.svg")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-text"))
+  }, (0, _getLocale.getLocale)("Feed_Menu_Title_Likedynamic")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__content"))
+  }, rankingData.map(function (item, index) {
+    if (index >= 5) return;
+    return /*#__PURE__*/_react["default"].createElement(_item["default"], {
+      key: index,
+      userInfo: item
+    });
+  })));
 };
 
-var _default = ContactKefu;
+var _default = DynamicLiking;
 exports["default"] = _default;

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _formatTime = require("../../../utils/format-time");
+
+var _getLocale = require("../../../utils/getLocale");
+
+var _openData = require("../../../utils/open-data");
+
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
+
+var _constant = require("../constant");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// import { getUrlForUserPage } from "../../../utils/tools";
+var preCls = "dynamic-liking__item";
+
+var Item = function Item(_ref) {
+  var userInfo = _ref.userInfo;
+  var pariseUser = userInfo.pariseUser,
+      pariseDate = userInfo.pariseDate,
+      userType = userInfo.userType,
+      toPariseUser = userInfo.toPariseUser,
+      pariseObjType = userInfo.pariseObjType;
+  var name = pariseUser.name,
+      userId = pariseUser.userId;
+  var toUserName = toPariseUser.name;
+  var toUserId = toPariseUser.userId; // 之后要用
+  // const url = getUrlForUserPage({
+  //   userId: userId,
+  //   userType: userType || 2,
+  // });
+  // const handleOpenUserPage = () => {
+  //   window.open(url, "_blank");
+  // };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "-center")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "-center-name")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "-center-name-text") // onClick={handleOpenUserPage}
+
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      id: userId,
+      name: name
+    }),
+    maxWidth: 45
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "-dynamic")
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    text: /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("Feed_Kudos"), /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      id: toUserId,
+      name: toUserName
+    }), "".concat((0, _constant.ObjectType)()[pariseObjType] || "feed")),
+    maxWidth: 150
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "-center-time")
+  }, (0, _formatTime.getTimeString)(pariseDate, new Date()))));
+};
+
+var _default = Item;
+exports["default"] = _default;

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.data = void 0;
+var data = [{
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  time: 1630474481282,
+  name: "杨亮",
+  userId: 99888888,
+  desc: "点赞了李晓辉的目标"
+}, {
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  time: 1630474481282,
+  name: "杨亮",
+  userId: 99888888,
+  desc: "点赞了李晓辉的目标"
+}, {
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  time: 1630474481282,
+  name: "杨亮",
+  userId: 99888888,
+  desc: "点赞了李晓辉的目标"
+}, {
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  time: 1630474481282,
+  name: "杨亮",
+  userId: 99888888,
+  desc: "点赞了李晓辉的目标"
+}, {
+  user: {
+    big: null,
+    color: "#b9cc4f",
+    hasAvatar: false,
+    large: null,
+    medium: null,
+    normal: null,
+    original: null,
+    small: null
+  },
+  time: 1630474481282,
+  name: "杨亮",
+  userId: 99888888,
+  desc: "点赞了李晓辉的目标"
+}];
+exports.data = data;

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

@@ -17,12 +17,11 @@ var _conditionRender = _interopRequireDefault(require("../../condition-render"))
 
 var _getLocale = require("../../../utils/getLocale");
 
-var _context = require("../context");
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+// @ts-ignore
 var prefix = 'titaui-dynamic-list';
 
 var DynamicList = function DynamicList(_ref) {
@@ -30,9 +29,7 @@ var DynamicList = function DynamicList(_ref) {
       dynamicShareIsShowToping = _ref.dynamicShareIsShowToping,
       onDeleteFeed = _ref.onDeleteFeed,
       _ref$height = _ref.height,
-      height = _ref$height === void 0 ? -1 : _ref$height,
-      _ref$searchKeyWord = _ref.searchKeyWord,
-      searchKeyWord = _ref$searchKeyWord === void 0 ? "" : _ref$searchKeyWord;
+      height = _ref$height === void 0 ? -1 : _ref$height;
 
   var handleDeleteFeed = function handleDeleteFeed(feedId) {
     if (onDeleteFeed) {
@@ -40,14 +37,10 @@ var DynamicList = function DynamicList(_ref) {
     }
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_context.SearchKeyContext.Provider, {
-    value: {
-      searchKeyWord: searchKeyWord
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix,
     style: {
-      minHeight: height === -1 ? "auto" : height
+      minHeight: height === -1 ? 'auto' : height
     }
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: data.length === 0
@@ -59,7 +52,7 @@ var DynamicList = function DynamicList(_ref) {
     alt: ""
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__empty-text")
-  }, (0, _getLocale.getLocale)("OKR_Noinformation")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+  }, (0, _getLocale.getLocale)('OKR_Noinformation')))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: data.length !== 0
   }, /*#__PURE__*/_react["default"].createElement(_rcQueueAnim["default"], {
     type: "bottom",
@@ -68,7 +61,7 @@ var DynamicList = function DynamicList(_ref) {
     animConfig: [{
       opacity: [1, 0]
     }, {
-      display: "none"
+      display: 'none'
     }]
   }, data.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -79,7 +72,7 @@ var DynamicList = function DynamicList(_ref) {
       onDeleteFeed: handleDeleteFeed,
       dynamicShareIsShowToping: dynamicShareIsShowToping
     }));
-  })))));
+  }))));
 };
 
 var _default = DynamicList;

package/lib/components/dynamic/dynamic-topping/image/quotation-mark.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>左引号</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="绩效考核/@与回复/打赏" transform="translate(-1082.000000, -369.000000)" fill-rule="nonzero">
+            <g id="动态" transform="translate(1066.000000, 264.000000)">
+                <g id="编组-24" transform="translate(16.000000, 63.000000)">
+                    <g id="左引号" transform="translate(0.000000, 42.000000)">
+                        <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="12" height="12"></rect>
+                        <path d="M6.76133333,6.50266666 C6.76133333,2.67 9.95566666,0.408333328 12,0 L12,2.26166667 C10.882,2.60733334 9.54033333,4.36633334 9.47666667,6.28266667 L12,6.28266667 L12,8.66666667 C12,10.5076667 10.5076667,12 8.66666667,12 L6.76133333,12 L6.76133333,6.50266666 Z M0,6.50266666 C0,2.67 3.19433333,0.408333328 5.23866667,0 L5.23866667,2.26166667 C4.12066666,2.60733334 2.779,4.36633334 2.71533333,6.28266667 L5.20666666,6.28266667 L5.20666666,8.66666667 C5.20666666,10.5076667 3.71433333,12 1.87333334,12 L0,12 L0,6.50266666 Z" id="形状" fill="#CCDFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/dynamic-topping/image/top-icon.svg

@@ -0,0 +1,30 @@
+<?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>