@titaui/pc 1.12.19 → 1.12.22-beta.1

package/lib/components/nav-top/components/user-message/index.js

@@ -51,7 +51,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefixCls = "titaui-user-message";
+var prefixCls = 'titaui-user-message';
 
 function UserMessage() {
   var _useState = (0, _react.useState)(0),
@@ -79,7 +79,7 @@ function UserMessage() {
       preData = _useState10[0],
       setPreData = _useState10[1];
 
-  var _useState11 = (0, _react.useState)("todos"),
+  var _useState11 = (0, _react.useState)('todos'),
       _useState12 = _slicedToArray(_useState11, 2),
       firstTab = _useState12[0],
       setFirstTab = _useState12[1];
@@ -96,16 +96,16 @@ function UserMessage() {
         setAllData(res.Data.indicators);
         var indicators = res.Data.indicators;
         var todos = indicators.find(function (item) {
-          return item.type === "todoIndicator";
+          return item.type === 'todoIndicator';
         });
         var informs = indicators.find(function (item) {
-          return item.type === "messageIndicator";
+          return item.type === 'messageIndicator';
         });
         var replys = indicators.find(function (item) {
-          return item.type === "mLeaveandComment";
+          return item.type === 'mLeaveandComment';
         });
         var reminds = indicators.find(function (item) {
-          return item.type === "Tx";
+          return item.type === 'Tx';
         });
         var total = 0; // @与回复的数量在通知里面包含了
 
@@ -125,17 +125,17 @@ function UserMessage() {
         setInfosNum(total);
 
         if (todos && todos.value) {
-          setFirstTab("todos");
+          setFirstTab('todos');
         } else if (informs && !replys && informs.value) {
-          setFirstTab("informs");
+          setFirstTab('informs');
         } else if (replys && informs.value - replys.value === 0) {
-          setFirstTab("replys");
+          setFirstTab('replys');
         } else if (replys && informs.value - replys.value > 0) {
-          setFirstTab("informs");
+          setFirstTab('informs');
         } else if (reminds && reminds.value) {
-          setFirstTab("reminds");
+          setFirstTab('reminds');
         } else {
-          setFirstTab("todos");
+          setFirstTab('todos');
         } // 判断是企业勋章
 
 
@@ -148,7 +148,7 @@ function UserMessage() {
         } // upaas 勋章
 
 
-        var medalDetail = (0, _bsGlobal.getBSGlobal)("medalDetail");
+        var medalDetail = (0, _bsGlobal.getBSGlobal)('medalDetail');
 
         if (medalDetail) {
           window.util.upaasMedal()(medalDetail);
@@ -156,7 +156,7 @@ function UserMessage() {
 
 
         var mRedPackIndicator = indicators.filter(function (item) {
-          return item.type === "mRedPackIndicator";
+          return item.type === 'mRedPackIndicator';
         });
 
         if (mRedPackIndicator.length > 0) {
@@ -165,10 +165,10 @@ function UserMessage() {
 
 
         var blessIndicator = indicators.filter(function (item) {
-          return item.type === "mZhufu";
+          return item.type === 'mZhufu';
         });
         var weeklyReportIndicator = indicators.filter(function (item) {
-          return item.type === "mWeekStatisticIndicator";
+          return item.type === 'mWeekStatisticIndicator';
         });
 
         if (blessIndicator.length === 1) {
@@ -185,11 +185,11 @@ function UserMessage() {
         if (weeklyReportIndicator.length) {
           var _window;
 
-          (_window = window) === null || _window === void 0 ? void 0 : _window.Talent.app.vent.trigger("open-weekly-report-modal");
+          (_window = window) === null || _window === void 0 ? void 0 : _window.Talent.app.vent.trigger('open-weekly-report-modal');
         }
 
         var feedInfo = indicators.find(function (item) {
-          return item.type === "feedAboutMeIndicator";
+          return item.type === 'feedAboutMeIndicator';
         });
 
         if (feedInfo) {
@@ -230,7 +230,7 @@ function UserMessage() {
     condition: infosNum !== 0
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefixCls, "__msg-total"))
-  }, infosNum > 100 ? "99+" : infosNum)), /*#__PURE__*/_react["default"].createElement("img", {
+  }, infosNum > 100 ? '99+' : infosNum)), /*#__PURE__*/_react["default"].createElement("img", {
     src: _bell["default"],
     className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefixCls, "__msg-dot"), infosNum !== preData)),
     alt: ""

package/lib/components/nav-top/images/app-center.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="导航" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="试用版-滑出一级菜单1" transform="translate(-163.000000, -16.000000)">
+            <g id="一级菜单" transform="translate(136.000000, 0.000000)">
+                <g id="编组-17" transform="translate(24.000000, 13.000000)">
+                    <g id="work-s" transform="translate(3.000000, 3.000000)">
+                        <rect id="矩形" x="0" y="0" width="22" height="22"></rect>
+                        <g id="菜单" transform="translate(2.750000, 2.750000)" stroke-width="1.46666667">
+                            <path d="M3.66666667,0.733333333 C4.4766843,0.733333333 5.21001763,1.06165785 5.74084656,1.59248678 C6.27167548,2.1233157 6.6,2.85664903 6.6,3.66666667 L6.6,3.66666667 L6.6,6.6 L3.66666667,6.6 C2.85664903,6.6 2.1233157,6.27167548 1.59248678,5.74084656 C1.06165785,5.21001763 0.733333333,4.4766843 0.733333333,3.66666667 C0.733333333,2.85664903 1.06165785,2.1233157 1.59248678,1.59248678 C2.1233157,1.06165785 2.85664903,0.733333333 3.66666667,0.733333333 Z" id="矩形" stroke="#57FBFF"></path>
+                            <path d="M12.8333333,0.733333333 C13.643351,0.733333333 14.3766843,1.06165785 14.9075132,1.59248678 C15.4383421,2.1233157 15.7666667,2.85664903 15.7666667,3.66666667 C15.7666667,4.4766843 15.4383421,5.21001763 14.9075132,5.74084656 C14.3766843,6.27167548 13.643351,6.6 12.8333333,6.6 L12.8333333,6.6 L9.9,6.6 L9.9,3.66666667 C9.9,2.85664903 10.2283245,2.1233157 10.7591534,1.59248678 C11.2899824,1.06165785 12.0233157,0.733333333 12.8333333,0.733333333 Z" id="矩形" stroke="#FFFFFF"></path>
+                            <path d="M6.6,9.9 L6.6,12.8333333 C6.6,13.643351 6.27167548,14.3766843 5.74084656,14.9075132 C5.21001763,15.4383421 4.4766843,15.7666667 3.66666667,15.7666667 C2.85664903,15.7666667 2.1233157,15.4383421 1.59248678,14.9075132 C1.06165785,14.3766843 0.733333333,13.643351 0.733333333,12.8333333 C0.733333333,12.0233157 1.06165785,11.2899824 1.59248678,10.7591534 C2.1233157,10.2283245 2.85664903,9.9 3.66666667,9.9 L3.66666667,9.9 L6.6,9.9 Z" id="矩形" stroke="#FFFFFF"></path>
+                            <path d="M12.8333333,9.9 C13.643351,9.9 14.3766843,10.2283245 14.9075132,10.7591534 C15.4383421,11.2899824 15.7666667,12.0233157 15.7666667,12.8333333 C15.7666667,13.643351 15.4383421,14.3766843 14.9075132,14.9075132 C14.3766843,15.4383421 13.643351,15.7666667 12.8333333,15.7666667 C12.0233157,15.7666667 11.2899824,15.4383421 10.7591534,14.9075132 C10.2283245,14.3766843 9.9,13.643351 9.9,12.8333333 L9.9,12.8333333 L9.9,9.9 Z" id="矩形" stroke="#57FBFF"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/index.css

@@ -30,21 +30,32 @@
   display: inline-flex;
   border-radius: 4px;
   margin-right: 24px;
+  margin-top: 4px;
 }
 
 .titaui-nav-top__left-home--active {
   background: #5c8eff;
 }
 
+.titaui-nav-top__left-home a {
+  width: 28px;
+  height: 28px;
+  text-align: center;
+}
+
 .titaui-nav-top__left-home-img {
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
 }
 
 .titaui-nav-top__left-home--hover:hover {
   cursor: pointer;
 }
 
+.titaui-nav-top__left-home:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
 .titaui-nav-top__left-logo {
   max-width: 120px;
   max-height: 24px;
@@ -56,12 +67,12 @@
 
 .titaui-nav-top__left-dynamic, .titaui-nav-top__left-app-center {
   display: inline-block;
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
   background: url("./images/app-center.png") no-repeat;
   background-size: contain;
   color: #ffffff;
-  padding: 2px;
+  border: 3px solid rgba(0, 0, 0, 0);
   border-radius: 8px;
   transition: transform 0.3s;
   cursor: pointer;
@@ -158,3 +169,7 @@
   font-size: 20px;
   color: #ffffff;
 }
+
+.titaui-nav-top-no-shadow {
+  box-shadow: none;
+}

package/lib/components/nav-top/index.js

@@ -56,14 +56,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var Logo = (0, _utils.getLogo)();
-var newNavigation = (0, _bsGlobal.getBSGlobal)("newNavigation") || [];
+var newNavigation = (0, _bsGlobal.getBSGlobal)('newNavigation') || [];
 var hasOKRApp = newNavigation.find(function (item) {
   return item.appId === 113;
 });
-var preCls = "titaui-nav-top";
+var preCls = 'titaui-nav-top';
 
 var NavTop = function NavTop() {
-  var _classNames3;
+  var _classNames4;
 
   var isUseNewMenu = window.BSGlobal.isUseNewMenu;
 
@@ -75,7 +75,7 @@ var NavTop = function NavTop() {
       menu = _useState2[0],
       setMenu = _useState2[1];
 
-  var versionInfo = (0, _bsGlobal.getBSGlobal)("tenantAuthentication");
+  var versionInfo = (0, _bsGlobal.getBSGlobal)('tenantAuthentication');
 
   var _useState3 = (0, _react.useState)(-1),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -88,24 +88,24 @@ var NavTop = function NavTop() {
       setAppCenterVisible = _useState6[1];
 
   var ua = navigator.userAgent.toLowerCase();
-  var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf("micromessenger") !== -1;
+  var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf('micromessenger') !== -1;
   var openWxInvite = (0, _react.useCallback)(function () {
     if (window.WeixinJSBridge !== undefined) {
-      window.WeixinJSBridge.invoke("selectPrivilegedContact", {
+      window.WeixinJSBridge.invoke('selectPrivilegedContact', {
         fromDepartmentId: -1,
         // 必填，表示打开的通讯录从指定的部门开始展示，-1表示自己所在部门开始, 0表示从最上层开始
-        mode: "multi",
+        mode: 'multi',
         // 必填，选择模式，single表示单选，multi表示多选
         selectedContextContact: 0 // 是否勾选当前环境的参与者。例如在群+号聊天附件栏打开，默认勾选当前群成员。
 
       }, function (res) {
-        if (res.err_msg === "selectPrivilegedContact:ok") {
-          var selectedTicket = res.result.selectedTicket.replace(/['"]/g, ""); // 已选的集合Ticket
+        if (res.err_msg === 'selectPrivilegedContact:ok') {
+          var selectedTicket = res.result.selectedTicket.replace(/['"]/g, ''); // 已选的集合Ticket
 
-          (0, _request.rpost)("v1")("wx/send/templateMessage?selectedTickets=".concat(selectedTicket)).then(function () {
-            _toast["default"].Success("邀请成功");
+          (0, _request.rpost)('v1')("wx/send/templateMessage?selectedTickets=".concat(selectedTicket)).then(function () {
+            _toast["default"].Success('邀请成功');
           })["catch"](function () {
-            _toast["default"].Error("邀请失败");
+            _toast["default"].Error('邀请失败');
           });
         } else {// console.log(res);
         }
@@ -115,16 +115,16 @@ var NavTop = function NavTop() {
 
   var handleHashChange = function handleHashChange() {
     setAppCenterVisible(false);
-    var hash = window.location.hash.split("?")[0] || "";
+    var hash = window.location.hash.split('?')[0] || '';
 
     if (hash) {
       var activeMenu = menu.find(function (item) {
         var _item$href$split, _item$href$split$;
 
-        return hash.includes((_item$href$split = item.href.split("#")) === null || _item$href$split === void 0 ? void 0 : (_item$href$split$ = _item$href$split[1]) === null || _item$href$split$ === void 0 ? void 0 : _item$href$split$.split("?")[0]);
+        return hash.includes((_item$href$split = item.href.split('#')) === null || _item$href$split === void 0 ? void 0 : (_item$href$split$ = _item$href$split[1]) === null || _item$href$split$ === void 0 ? void 0 : _item$href$split$.split('?')[0]);
       });
 
-      if (hash.includes("homepage")) {
+      if (hash.includes('homepage')) {
         setActiveMenuId(99999);
         return;
       }
@@ -139,13 +139,13 @@ var NavTop = function NavTop() {
 
   (0, _react.useEffect)(function () {
     handleHashChange();
-    window.addEventListener("hashchange", handleHashChange);
+    window.addEventListener('hashchange', handleHashChange);
     return function () {
-      window.removeEventListener("hashchange", handleHashChange);
+      window.removeEventListener('hashchange', handleHashChange);
     };
   }, [menu]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--position"), appCenterVisible))
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--position"), appCenterVisible), _defineProperty({}, "".concat(preCls, "-no-shadow"), appCenterVisible))
   }, /*#__PURE__*/_react["default"].createElement("a", {
     className: "".concat(preCls, "__left"),
     href: "#dynamic"
@@ -154,7 +154,7 @@ var NavTop = function NavTop() {
     src: Logo,
     className: "".concat(preCls, "__left-logo")
   })), isUseNewMenu && /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "__left-app-center"), "document-mouse-event-ignore", _defineProperty({}, "".concat(preCls, "__left-app-center--active"), appCenterVisible)),
+    className: (0, _classnames["default"])("".concat(preCls, "__left-app-center"), 'document-mouse-event-ignore', _defineProperty({}, "".concat(preCls, "__left-app-center--active"), appCenterVisible)),
     onClick: function onClick() {
       return setAppCenterVisible(!appCenterVisible);
     }
@@ -166,7 +166,7 @@ var NavTop = function NavTop() {
     menus: menu,
     activeMenuId: activeMenuId
   })), hasOKRApp && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__left-home"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(preCls, "__left-home--active"), activeMenuId === 99999), _defineProperty(_classNames3, "".concat(preCls, "__left-home--hover"), hasOKRApp), _classNames3))
+    className: (0, _classnames["default"])("".concat(preCls, "__left-home"), (_classNames4 = {}, _defineProperty(_classNames4, "".concat(preCls, "__left-home--active"), activeMenuId === 99999), _defineProperty(_classNames4, "".concat(preCls, "__left-home--hover"), hasOKRApp), _classNames4))
   }, /*#__PURE__*/_react["default"].createElement("a", {
     href: "#homepage"
   }, /*#__PURE__*/_react["default"].createElement("img", {
@@ -177,7 +177,7 @@ var NavTop = function NavTop() {
     className: "".concat(preCls, "__invite"),
     onClick: openWxInvite
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-add-people", "".concat(preCls, "__invite-icon"))
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__msg")
   }, /*#__PURE__*/_react["default"].createElement(_userMessage["default"], null)), versionInfo.Version === 1 && /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/new-confidence/constant.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EConfidence = exports.ConfidencePointArr = exports.ConfidenceMapIcon = void 0;
+
+var _ = _interopRequireDefault(require("./img/1.svg"));
+
+var _2 = _interopRequireDefault(require("./img/2.svg"));
+
+var _3 = _interopRequireDefault(require("./img/3.svg"));
+
+var _4 = _interopRequireDefault(require("./img/4.svg"));
+
+var _5 = _interopRequireDefault(require("./img/5.svg"));
+
+var _6 = _interopRequireDefault(require("./img/6.svg"));
+
+var _7 = _interopRequireDefault(require("./img/7.svg"));
+
+var _8 = _interopRequireDefault(require("./img/8.svg"));
+
+var _9 = _interopRequireDefault(require("./img/9.svg"));
+
+var _10 = _interopRequireDefault(require("./img/10.svg"));
+
+var _ConfidenceMapIcon;
+
+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 ConfidencePointArr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+exports.ConfidencePointArr = ConfidencePointArr;
+var EConfidence;
+exports.EConfidence = EConfidence;
+
+(function (EConfidence) {
+  EConfidence[EConfidence["OnePoint"] = 1] = "OnePoint";
+  EConfidence[EConfidence["TwoPoint"] = 2] = "TwoPoint";
+  EConfidence[EConfidence["ThreePoint"] = 3] = "ThreePoint";
+  EConfidence[EConfidence["FourPoint"] = 4] = "FourPoint";
+  EConfidence[EConfidence["FivePoint"] = 5] = "FivePoint";
+  EConfidence[EConfidence["SixPoint"] = 6] = "SixPoint";
+  EConfidence[EConfidence["SevenPoint"] = 7] = "SevenPoint";
+  EConfidence[EConfidence["EightPoint"] = 8] = "EightPoint";
+  EConfidence[EConfidence["NinePoint"] = 9] = "NinePoint";
+  EConfidence[EConfidence["TenPoint"] = 10] = "TenPoint";
+})(EConfidence || (exports.EConfidence = EConfidence = {}));
+
+var ConfidenceMapIcon = (_ConfidenceMapIcon = {}, _defineProperty(_ConfidenceMapIcon, EConfidence.OnePoint, _["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.TwoPoint, _2["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.ThreePoint, _3["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.FourPoint, _4["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.FivePoint, _5["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.SixPoint, _6["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.SevenPoint, _7["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.EightPoint, _8["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.NinePoint, _9["default"]), _defineProperty(_ConfidenceMapIcon, EConfidence.TenPoint, _10["default"]), _ConfidenceMapIcon);
+exports.ConfidenceMapIcon = ConfidenceMapIcon;

package/lib/components/new-confidence/img/1.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>1</title>
+    <defs>
+        <linearGradient x1="97.5204612%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#FF5555" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" id="path-2"></path>
+        <linearGradient x1="35.6067299%" y1="-7.3874199%" x2="39.8232883%" y2="80.1176065%" id="linearGradient-4">
+            <stop stop-color="#FFFFFF" stop-opacity="0.300000012" offset="5.24306633%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="81.7708313%"></stop>
+        </linearGradient>
+        <linearGradient x1="109.201964%" y1="-32.6093597%" x2="-34.6017883%" y2="143.225568%" id="linearGradient-5">
+            <stop stop-color="#FFFFFF" offset="7.84609392%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="信心指数" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-466.000000, -40.000000)" id="1">
+            <g transform="translate(466.000000, 40.000000)">
+                <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                <g id="编组" transform="translate(1.000000, 2.000000)">
+                    <g id="Union" transform="translate(0.219714, 0.216712)">
+                        <g id="路径-3">
+                            <mask id="mask-3" fill="white">
+                                <use xlink:href="#path-2"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                            <path d="M-0.226151355,18.4200861 C3.33323438,15.6910419 7.44985819,15.2359812 12.1237201,17.0549038 C16.797582,18.8738264 20.6277271,17.641334 23.6141555,13.3574264 L23.6141555,-0.664737388 L-0.226151355,-0.664737388 L-0.226151355,18.4200861 Z" fill="#FFD3D3" mask="url(#mask-3)"></path>
+                        </g>
+                        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" stroke-opacity="0.3" stroke="#FFFFFF" stroke-width="0.5" stroke-dasharray="0"></path>
+                    </g>
+                    <path d="M6.8869768,1.71651047 C4.04105067,1.70395203 1.74386871,3.9927455 1.75648263,6.83153261 C1.76918964,9.66782078 4.08688702,11.9770628 6.93281315,11.9897248 C9.77622299,12.0022722 12.0734049,9.71347873 12.0608021,6.87719056 C12.048084,4.03840345 9.73038664,1.72916147 6.8869768,1.71651047 Z" id="Ellipse-170" fill="url(#linearGradient-4)" transform="translate(6.908642, 6.853118) rotate(-26.050000) translate(-6.908642, -6.853118) "></path>
+                    <path d="M6.71275953,3.87516411 C5.4467279,4.12903387 4.758381,5.77118001 4.58781188,6.81893961" id="Vector-120" stroke="url(#linearGradient-5)" stroke-width="2.52174201" stroke-dasharray="0" transform="translate(5.650286, 5.347052) rotate(8.070000) translate(-5.650286, -5.347052) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/new-confidence/img/10.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>10</title>
+    <defs>
+        <linearGradient x1="97.5204612%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#FF5555" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="35.6067299%" y1="-7.3874199%" x2="39.8232883%" y2="80.1176065%" id="linearGradient-2">
+            <stop stop-color="#FFFFFF" stop-opacity="0.300000012" offset="5.24306633%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="81.7708313%"></stop>
+        </linearGradient>
+        <linearGradient x1="109.201964%" y1="-32.6093597%" x2="-34.6017883%" y2="143.225568%" id="linearGradient-3">
+            <stop stop-color="#FFFFFF" offset="7.84609392%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="信心指数" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-466.000000, -364.000000)" id="10">
+            <g transform="translate(466.000000, 364.000000)">
+                <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                <g id="编组" transform="translate(1.000000, 2.000000)">
+                    <g id="Union" transform="translate(0.219714, 0.216712)">
+                        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" fill="url(#linearGradient-1)"></path>
+                        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" stroke-opacity="0.3" stroke="#FFFFFF" stroke-width="0.5" stroke-dasharray="0"></path>
+                    </g>
+                    <path d="M6.8869768,1.71651047 C4.04105067,1.70395203 1.74386871,3.9927455 1.75648263,6.83153261 C1.76918964,9.66782078 4.08688702,11.9770628 6.93281315,11.9897248 C9.77622299,12.0022722 12.0734049,9.71347873 12.0608021,6.87719056 C12.048084,4.03840345 9.73038664,1.72916147 6.8869768,1.71651047 Z" id="Ellipse-170" fill="url(#linearGradient-2)" transform="translate(6.908642, 6.853118) rotate(-26.050000) translate(-6.908642, -6.853118) "></path>
+                    <path d="M6.71275953,3.87516411 C5.4467279,4.12903387 4.758381,5.77118001 4.58781188,6.81893961" id="Vector-120" stroke="url(#linearGradient-3)" stroke-width="2.52174201" stroke-dasharray="0" transform="translate(5.650286, 5.347052) rotate(8.070000) translate(-5.650286, -5.347052) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/new-confidence/img/2.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>2</title>
+    <defs>
+        <linearGradient x1="97.5204612%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#FF5555" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" id="path-2"></path>
+        <linearGradient x1="35.6067299%" y1="-7.3874199%" x2="39.8232883%" y2="80.1176065%" id="linearGradient-4">
+            <stop stop-color="#FFFFFF" stop-opacity="0.300000012" offset="5.24306633%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="81.7708313%"></stop>
+        </linearGradient>
+        <linearGradient x1="109.201964%" y1="-32.6093597%" x2="-34.6017883%" y2="143.225568%" id="linearGradient-5">
+            <stop stop-color="#FFFFFF" offset="7.84609392%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="信心指数" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-466.000000, -76.000000)" id="2">
+            <g transform="translate(466.000000, 76.000000)">
+                <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                <g id="编组" transform="translate(1.000000, 2.000000)">
+                    <g id="Union" transform="translate(0.219714, 0.216712)">
+                        <g id="路径-3">
+                            <mask id="mask-3" fill="white">
+                                <use xlink:href="#path-2"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                            <path d="M-0.226151355,16.1229121 C3.38633019,12.8465957 7.502954,12.3915349 12.1237201,14.7577298 C16.7444861,17.1239247 20.5746313,15.8914323 23.6141555,11.0602524 L23.6141555,-2.05311024 L-0.226151355,-2.05311024 L-0.226151355,16.1229121 Z" fill="#FFD3D3" mask="url(#mask-3)"></path>
+                        </g>
+                        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" stroke-opacity="0.3" stroke="#FFFFFF" stroke-width="0.5" stroke-dasharray="0"></path>
+                    </g>
+                    <path d="M6.8869768,1.71651047 C4.04105067,1.70395203 1.74386871,3.9927455 1.75648263,6.83153261 C1.76918964,9.66782078 4.08688702,11.9770628 6.93281315,11.9897248 C9.77622299,12.0022722 12.0734049,9.71347873 12.0608021,6.87719056 C12.048084,4.03840345 9.73038664,1.72916147 6.8869768,1.71651047 Z" id="Ellipse-170" fill="url(#linearGradient-4)" transform="translate(6.908642, 6.853118) rotate(-26.050000) translate(-6.908642, -6.853118) "></path>
+                    <path d="M6.71275953,3.87516411 C5.4467279,4.12903387 4.758381,5.77118001 4.58781188,6.81893961" id="Vector-120" stroke="url(#linearGradient-5)" stroke-width="2.52174201" stroke-dasharray="0" transform="translate(5.650286, 5.347052) rotate(8.070000) translate(-5.650286, -5.347052) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/new-confidence/img/3.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>3</title>
+    <defs>
+        <linearGradient x1="97.5204612%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#FF5555" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" id="path-2"></path>
+        <linearGradient x1="35.6067299%" y1="-7.3874199%" x2="39.8232883%" y2="80.1176065%" id="linearGradient-4">
+            <stop stop-color="#FFFFFF" stop-opacity="0.300000012" offset="5.24306633%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="81.7708313%"></stop>
+        </linearGradient>
+        <linearGradient x1="109.201964%" y1="-32.6093597%" x2="-34.6017883%" y2="143.225568%" id="linearGradient-5">
+            <stop stop-color="#FFFFFF" offset="7.84609392%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="信心指数" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-466.000000, -112.000000)" id="3">
+            <g transform="translate(466.000000, 112.000000)">
+                <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                <g id="编组" transform="translate(1.000000, 2.000000)">
+                    <g id="Union" transform="translate(0.219714, 0.216712)">
+                        <g id="路径-3">
+                            <mask id="mask-3" fill="white">
+                                <use xlink:href="#path-2"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                            <path d="M-0.226151355,14.3053099 C3.38633019,11.0289935 7.502954,10.5739327 12.1237201,12.9401276 C16.7444861,15.3063225 20.5746313,14.07383 23.6141555,9.24265019 L23.6141555,-3.87071248 L-0.226151355,-3.87071248 L-0.226151355,14.3053099 Z" fill="#FFD3D3" mask="url(#mask-3)"></path>
+                        </g>
+                        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" stroke-opacity="0.3" stroke="#FFFFFF" stroke-width="0.5" stroke-dasharray="0"></path>
+                    </g>
+                    <path d="M6.8869768,1.71651047 C4.04105067,1.70395203 1.74386871,3.9927455 1.75648263,6.83153261 C1.76918964,9.66782078 4.08688702,11.9770628 6.93281315,11.9897248 C9.77622299,12.0022722 12.0734049,9.71347873 12.0608021,6.87719056 C12.048084,4.03840345 9.73038664,1.72916147 6.8869768,1.71651047 Z" id="Ellipse-170" fill="url(#linearGradient-4)" transform="translate(6.908642, 6.853118) rotate(-26.050000) translate(-6.908642, -6.853118) "></path>
+                    <path d="M6.71275953,3.87516411 C5.4467279,4.12903387 4.758381,5.77118001 4.58781188,6.81893961" id="Vector-120" stroke="url(#linearGradient-5)" stroke-width="2.52174201" stroke-dasharray="0" transform="translate(5.650286, 5.347052) rotate(8.070000) translate(-5.650286, -5.347052) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/new-confidence/img/4.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>4</title>
+    <defs>
+        <linearGradient x1="97.5204612%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#FF5555" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" id="path-2"></path>
+        <linearGradient x1="35.6067299%" y1="-7.3874199%" x2="39.8232883%" y2="80.1176065%" id="linearGradient-4">
+            <stop stop-color="#FFFFFF" stop-opacity="0.300000012" offset="5.24306633%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="81.7708313%"></stop>
+        </linearGradient>
+        <linearGradient x1="109.201964%" y1="-32.6093597%" x2="-34.6017883%" y2="143.225568%" id="linearGradient-5">
+            <stop stop-color="#FFFFFF" offset="7.84609392%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="信心指数" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-466.000000, -148.000000)" id="4">
+            <g transform="translate(466.000000, 148.000000)">
+                <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                <g id="编组" transform="translate(1.000000, 2.000000)">
+                    <g id="Union" transform="translate(0.219714, 0.216712)">
+                        <g id="路径-3">
+                            <mask id="mask-3" fill="white">
+                                <use xlink:href="#path-2"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                            <path d="M-0.226151355,13.3965088 C3.38633019,10.1201923 7.502954,9.66513158 12.1237201,12.0313265 C16.7444861,14.3975214 20.5746313,13.1650289 23.6141555,8.33384908 L23.6141555,-4.7795136 L-0.226151355,-4.7795136 L-0.226151355,13.3965088 Z" fill="#FFD3D3" mask="url(#mask-3)"></path>
+                        </g>
+                        <path d="M6.38000728,0 C2.8873946,0 0,2.79020658 0,6.26612077 C0,7.06403507 0.17652194,7.99659741 0.448870077,8.69726591 C1.51052346,12.2130758 6.44305083,18.2198744 11.3427955,19.7832878 C18.2246295,15.544368 20.4941973,11.8739622 21.4575027,8.78453779 C21.7071552,7.98662348 21.7802857,7.24107231 21.7802857,6.33344478 C21.7802857,2.8575306 18.7592388,0 15.2666261,0 C13.5341893,0 11.9656658,0.693188051 10.8233167,1.81525504 C9.68096756,0.693188051 8.11244403,0 6.38000728,0 Z" stroke-opacity="0.3" stroke="#FFFFFF" stroke-width="0.5" stroke-dasharray="0"></path>
+                    </g>
+                    <path d="M6.8869768,1.71651047 C4.04105067,1.70395203 1.74386871,3.9927455 1.75648263,6.83153261 C1.76918964,9.66782078 4.08688702,11.9770628 6.93281315,11.9897248 C9.77622299,12.0022722 12.0734049,9.71347873 12.0608021,6.87719056 C12.048084,4.03840345 9.73038664,1.72916147 6.8869768,1.71651047 Z" id="Ellipse-170" fill="url(#linearGradient-4)" transform="translate(6.908642, 6.853118) rotate(-26.050000) translate(-6.908642, -6.853118) "></path>
+                    <path d="M6.71275953,3.87516411 C5.4467279,4.12903387 4.758381,5.77118001 4.58781188,6.81893961" id="Vector-120" stroke="url(#linearGradient-5)" stroke-width="2.52174201" stroke-dasharray="0" transform="translate(5.650286, 5.347052) rotate(8.070000) translate(-5.650286, -5.347052) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>