@titaui/pc 1.12.11 → 1.12.13-beta.2

package/lib/components/menus/export-modules/summary-menus/summary-front-menus.js

@@ -0,0 +1,242 @@
+"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 _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
+var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
+
+var _menuTree = _interopRequireDefault(require("../../components/menu-tree"));
+
+var _index = require("../../components/menu-tree/tree-node/index");
+
+var _menus = _interopRequireWildcard(require("./menus"));
+
+var _menuHighlight = _interopRequireDefault(require("./menu-highlight"));
+
+var _requestApis = require("../../request-apis");
+
+var _requestApi = require("./request-api");
+
+var _auth = require("../../../../utils/auth");
+
+require("../../index.css");
+
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+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 _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$onSelect = props.onSelect,
+      onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+      history = props.history;
+
+  var _useState = (0, _react.useState)(function () {
+    return document.body.offsetHeight - 198;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      maxHeight = _useState2[0],
+      setMaxHeight = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(['myokr']),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expandedKeys = _useState4[0],
+      setExpandedKeys = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectedMenuKeys = _useState6[0],
+      setSelectedMenuKeys = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isShowShare = _useState8[0],
+      setIsShowShare = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(new _auth.BaseAuth().isBoss()),
+      _useState10 = _slicedToArray(_useState9, 2),
+      isShowDepartment = _useState10[0],
+      setIsShowDepartment = _useState10[1];
+
+  var flipRef = (0, _react.useRef)({
+    next: function next() {},
+    goback: function goback() {}
+  });
+  var summaryMenusData = (0, _react.useRef)(_menus.defaultRefObject);
+
+  var _useState11 = (0, _react.useState)(function () {
+    summaryMenusData.current = new _menus["default"]({
+      isShowShare: false,
+      isShowDept: true
+    });
+    return summaryMenusData.current.getMenus();
+  }),
+      _useState12 = _slicedToArray(_useState11, 2),
+      menus = _useState12[0],
+      setMenus = _useState12[1]; // 判断路由高亮菜单
+
+
+  (0, _react.useEffect)(function () {
+    var menuHighlight = new _menuHighlight["default"](history);
+    menuHighlight.highlight(function (menu) {
+      return changeHighlightMenu([menu]);
+    });
+  }, [history.location.pathname, history.location.search]);
+
+  var changeHighlightMenu = function changeHighlightMenu(menuKeys) {
+    setSelectedMenuKeys(menuKeys);
+    flipRef.current.goback();
+  };
+
+  var onSelectHandler = function onSelectHandler(selectedKyes, _ref) {
+    var node = _ref.node;
+    var nodeType = node.nodeType,
+        data = node.data;
+
+    if (nodeType == _index.USER_NODE || nodeType == _index.FOLLOWER_NODE) {
+      location.href = "#/summary/manage?toUserId=".concat(data.userId);
+    }
+
+    onSelect(node); // 处理菜单选中
+
+    if (!selectedKyes.length) return;
+    setSelectedMenuKeys(selectedKyes);
+  }; // 获取下属数据列表
+
+
+  var getSubordinaters = function getSubordinaters() {
+    return new Promise(function (resolve, reject) {
+      var mdata = summaryMenusData.current; // 初始化 Loading
+
+      mdata.setSubordinatesLoading(true);
+      setMenus(mdata.getMenus());
+      resolve(true); // 获取数据
+
+      (0, _requestApis.getSubordinates)({
+        relationIds: '1,2'
+      }, {
+        disabledDottedSubordinatesDig: true
+      }).then(function (users) {
+        mdata.setSubordinatesLoading(false);
+        mdata.insertSubordinates(users);
+        setMenus(mdata.getMenus());
+        resolve(true);
+      })["catch"](reject);
+    });
+  };
+
+  var onLoadTreeNodeDataHandler = function onLoadTreeNodeDataHandler(treeNode) {
+    return new Promise(function (resolve) {
+      if (treeNode.key != summaryMenusData.current.SUBORDINATES) {
+        resolve(true);
+      } else if (treeNode.key == summaryMenusData.current.SUBORDINATES) {
+        getSubordinaters().then(function () {
+          return resolve(true);
+        })["catch"](function () {
+          return resolve(true);
+        });
+      } else {
+        resolve(true);
+      }
+    });
+  };
+
+  var onExpandHandler = function onExpandHandler(expandKeys, _ref2) {
+    var expanded = _ref2.expanded,
+        node = _ref2.node;
+    setExpandedKeys(expandKeys);
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      setSelectedMenuKeys: setSelectedMenuKeys
+    };
+  });
+  (0, _react.useEffect)(function () {
+    var newMenu = new _menus["default"]({
+      isShowShare: isShowShare,
+      isShowDept: isShowDepartment
+    });
+    summaryMenusData.current = newMenu;
+    setMenus(newMenu.getMenus());
+  }, [isShowShare, isShowDepartment]);
+  (0, _react.useEffect)(function () {
+    (0, _requestApi.getShareStatus)().then(function (resp) {
+      if (resp.Code === 1) {
+        if (resp.Data.length > 0) {
+          setIsShowShare(true);
+        }
+      }
+    });
+
+    if (!isShowDepartment) {
+      (0, _requestApis.getMyDepartMent)().then(function (resp) {
+        if (resp.Code === 1) {
+          if (resp.Data.length > 0) {
+            setIsShowDepartment(true);
+          }
+        }
+      });
+    }
+
+    var obs = new _resizeObserverPolyfill["default"](function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          var cr = entry.contentRect;
+          setMaxHeight(cr.height - 198);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    obs.observe(document.body);
+    return function () {
+      obs.unobserve(document.body);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
+    style: {
+      maxHeight: maxHeight
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
+    data: menus,
+    selectedKeys: selectedMenuKeys,
+    expandedKeys: expandedKeys,
+    onSelect: onSelectHandler,
+    onExpand: onExpandHandler,
+    loadData: onLoadTreeNodeDataHandler
+  })));
+});
+
+exports["default"] = _default;

package/lib/components/menus/i18n.js

@@ -50,6 +50,14 @@ var I18N = /*#__PURE__*/_createClass(function I18N() {
   this.menu_regulation_daily = "Regul_Menu_DailyReport";
   this.menu_regulation_weekly = "Regul_Menu_WeeklyReport";
   this.menu_regulation_monthly = "Regul_Menu_MonthlyReport";
+  this.menu_all_summary = 'DailyReport_Menu_AllReports';
+  this.menu_my_summary = 'Rep_Tab_Mysmary';
+  this.menu_my_subordinates = 'Datadetails_Menu_DirectReports';
+  this.menu_my_share = 'Rep_NewS_Share';
+  this.menu_department = 'OKR_Ali_From_Viewdepartment';
+  this.menu_summary_role = 'Rep_NewS_ManaRegu';
+  this.menu_summary_count = 'Data_Summarystatistics';
+  this.menu_summary = 'Rep_NewS_Management';
 });
 
 var locale = new I18N();

package/lib/components/menus/index.js

@@ -21,6 +21,8 @@ require("./index.css");
 
 var _demoMenus = _interopRequireDefault(require("./export-modules/demo-menus"));
 
+var _summaryMenus = _interopRequireDefault(require("./export-modules/summary-menus"));
+
 var _excluded = ["type"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -56,6 +58,10 @@ var Menus = function Menus(props) {
       return /*#__PURE__*/_react["default"].createElement(_interviewMenus["default"], restProps);
     }
 
+    if (type === 'summary') {
+      return /*#__PURE__*/_react["default"].createElement(_summaryMenus["default"], restProps);
+    }
+
     return undefined;
   };
 

package/lib/components/menus/request-apis.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeFollower = exports.getSubordinates = exports.getFollowerList = exports.getDepsAndUsers = exports.addFollower = void 0;
+exports.removeFollower = exports.getSubordinates = exports.getMyDepartMent = exports.getFollowerList = exports.getDepsAndUsers = exports.addFollower = void 0;
 
 var _axios = _interopRequireDefault(require("axios"));
 
@@ -137,4 +137,10 @@ var getDepsAndUsers = function getDepsAndUsers() {
   });
 };
 
-exports.getDepsAndUsers = getDepsAndUsers;
+exports.getDepsAndUsers = getDepsAndUsers;
+
+var getMyDepartMent = function getMyDepartMent() {
+  return (0, _request.rget)('v2')("department/myLead?toUserId=".concat(userId));
+};
+
+exports.getMyDepartMent = getMyDepartMent;

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

@@ -62,7 +62,7 @@ var NewFeatureGuidePopupAlign = {
   },
   targetOffset: [0, 0]
 };
-var NEWMENUS = "#/interview";
+var NEWMENUS = "#/daily";
 
 var Menu = function Menu(_ref) {
   var menus = _ref.menus,

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>

package/lib/components/new-confidence/img/5.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>5</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, -184.000000)" id="5">
+            <g transform="translate(466.000000, 184.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,11.5789065 C3.23143816,8.89638376 7.34806197,8.441323 12.1237201,10.2137242 C16.8993782,11.9861255 20.7295233,10.753633 23.6141555,6.51624684 L23.6141555,-1.14430912 L-0.226151355,-1.14430912 L-0.226151355,11.5789065 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>