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

package/lib/components/period-selector/index.js

@@ -0,0 +1,215 @@
+"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 _moment = _interopRequireDefault(require("moment"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _button = _interopRequireDefault(require("./components/button"));
+
+var _selector = _interopRequireDefault(require("./components/selector"));
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _helper = require("./helper");
+
+var _common = require("./common");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function PeriodSelector(_ref) {
+  var align = _ref.align,
+      className = _ref.className,
+      children = _ref.children,
+      _ref$isFetch = _ref.isFetch,
+      isFetch = _ref$isFetch === void 0 ? true : _ref$isFetch,
+      onChange = _ref.onChange,
+      getPopupContainer = _ref.getPopupContainer,
+      selected = _ref.selected,
+      selectorClass = _ref.selectorClass,
+      _ref$showCustom = _ref.showCustom,
+      showCustom = _ref$showCustom === void 0 ? true : _ref$showCustom,
+      _ref$showFullCycle = _ref.showFullCycle,
+      showFullCycle = _ref$showFullCycle === void 0 ? true : _ref$showFullCycle,
+      _ref$showMonth = _ref.showMonth,
+      showMonth = _ref$showMonth === void 0 ? true : _ref$showMonth,
+      _ref$showQuarter = _ref.showQuarter,
+      showQuarter = _ref$showQuarter === void 0 ? true : _ref$showQuarter,
+      _ref$showYear = _ref.showYear,
+      showYear = _ref$showYear === void 0 ? true : _ref$showYear,
+      _ref$showBimonthly = _ref.showBimonthly,
+      showBimonthly = _ref$showBimonthly === void 0 ? true : _ref$showBimonthly,
+      _ref$showHalfYear = _ref.showHalfYear,
+      showHalfYear = _ref$showHalfYear === void 0 ? true : _ref$showHalfYear,
+      _ref$startMonth = _ref.startMonth,
+      startMonth = _ref$startMonth === void 0 ? 1 : _ref$startMonth,
+      yearsRange = _ref.yearsRange,
+      wrapperStyle = _ref.wrapperStyle,
+      popClass = _ref.popClass,
+      style = _ref.style,
+      _ref$buttonClass = _ref.buttonClass,
+      buttonClass = _ref$buttonClass === void 0 ? '' : _ref$buttonClass,
+      _ref$noBorder = _ref.noBorder,
+      noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder;
+
+  var _useState = (0, _react.useState)({
+    hasSetting: true,
+    isOpenCustom: showCustom,
+    isOpenMonth: showMonth,
+    isOpenQuarter: showQuarter,
+    isOpenYear: showYear,
+    isOpenBimonthly: showBimonthly,
+    isOpenHalfYear: showHalfYear,
+    yearStartMonth: 1
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      cycleSetting = _useState2[0],
+      setCycleSetting = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({
+    annualNum: "".concat(new Date().getFullYear()),
+    cycleType: '2',
+    yqmNum: "".concat((0, _moment["default"])().quarter())
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectedPeriod = _useState4[0],
+      setSelectedPeriod = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      visible = _useState6[0],
+      setVisible = _useState6[1];
+
+  var fetchRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    if (selected) {
+      setSelectedPeriod(selected);
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!visible && (!isFetch || fetchRef.current)) return;
+    var url = (0, _helper.getApiUrl)('okr/cycleSetting');
+
+    if (isFetch) {
+      (0, _helper.taker)(url, 'GET').then(function (res) {
+        if (res.Code == 1) {
+          fetchRef.current = true;
+          setCycleSetting(res.Data);
+
+          if (selected) {
+            setSelectedPeriod(selected);
+          } else {
+            setSelectedPeriod((0, _common.getDefalutCycle)(res.Data));
+            onChange && onChange((0, _common.getDefalutCycle)(res.Data));
+          }
+        }
+      })["catch"](function (error) {
+        return console.log(error);
+      });
+    } else if (selected) {
+      setSelectedPeriod(selected);
+    } else {
+      setSelectedPeriod((0, _common.getDefalutCycle)(cycleSetting));
+      onChange && onChange((0, _common.getDefalutCycle)(cycleSetting));
+    }
+  }, [visible]);
+
+  var popup = /*#__PURE__*/_react["default"].createElement(_selector["default"], {
+    className: selectorClass,
+    selected: selectedPeriod,
+    showCustom: isFetch ? cycleSetting.isOpenCustom : showCustom,
+    showFullCycle: showFullCycle,
+    showMonth: isFetch ? cycleSetting.isOpenMonth : showMonth,
+    showQuarter: isFetch ? cycleSetting.isOpenQuarter : showQuarter,
+    showYear: isFetch ? cycleSetting.isOpenYear : showYear,
+    showHalfYear: isFetch ? cycleSetting.isOpenHalfYear : showHalfYear,
+    showDoubleMonth: isFetch ? cycleSetting.isOpenBimonthly : showBimonthly,
+    startMonth: isFetch ? cycleSetting.yearStartMonth : startMonth,
+    onSelected: function onSelected(period) {
+      setSelectedPeriod(period);
+      onChange && onChange(period);
+      setVisible(false);
+    },
+    yearsRange: yearsRange,
+    wrapperStyle: wrapperStyle
+  });
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('titaui-period-selector'),
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    getPopupContainer: getPopupContainer,
+    popupVisible: visible,
+    popupPlacement: align,
+    extraClass: popClass,
+    popup: popup,
+    onPopupVisibleChange: function onPopupVisibleChange(visible) {
+      setVisible(visible);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: className
+  }, children || /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    type: "default",
+    className: buttonClass,
+    style: noBorder ? {
+      padding: '0',
+      border: 'none'
+    } : {
+      padding: '6px 12px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      lineHeight: '18px',
+      whiteSpace: 'nowrap'
+    }
+  }, (0, _common.formatPeriod)(selectedPeriod)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-caret-down titaui-period-selector__down-icon"
+  })))));
+}
+
+PeriodSelector.defaultProps = {
+  align: 'bottomLeft',
+  // selected: {
+  //   annualNum: '2020',
+  //   cycleType: '1',
+  //   yqmNum: '0',
+  // },
+  isFetch: true,
+  showCustom: true,
+  showFullCycle: true,
+  showMonth: true,
+  showQuarter: true,
+  showYear: true,
+  yearsRange: [2020, new Date().getFullYear() + 1]
+};
+PeriodSelector.formatPeriod = _common.formatPeriod;
+PeriodSelector.getDateRangeByCycle = _common.getDateRangeByCycle;
+PeriodSelector.getDefalutCycle = _common.getDefalutCycle;
+var _default = PeriodSelector;
+exports["default"] = _default;

package/lib/components/period-selector/mockData.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMockQuarter = exports.getMockPeriod = exports.getMockMonth = void 0;
+
+var _getLocale = require("../../utils/getLocale");
+
+var getMockPeriod = function getMockPeriod() {
+  return [{
+    title: (0, _getLocale.getLocale)("OKR_MyO_Butt_AllStatee"),
+    order: ["-1"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("OKR_MyO_Pop_Year"),
+    order: ["1"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Customization"),
+    order: ["0,0"],
+    checked: false
+  }];
+};
+
+exports.getMockPeriod = getMockPeriod;
+
+var getMockQuarter = function getMockQuarter() {
+  return [{
+    title: (0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter"),
+    order: ["2,1"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter"),
+    order: ["2,2"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter"),
+    order: ["2,3"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter"),
+    order: ["2,4"],
+    checked: false
+  }];
+};
+
+exports.getMockQuarter = getMockQuarter;
+
+var getMockMonth = function getMockMonth() {
+  return [{
+    title: (0, _getLocale.getLocale)("Mod_Jan"),
+    order: ["3,1"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Feb"),
+    order: ["3,2"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Mar"),
+    order: ["3,3"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Apr"),
+    order: ["3,4"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_May"),
+    order: ["3,5"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Jun"),
+    order: ["3,6"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Jul"),
+    order: ["3,7"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Aug"),
+    order: ["3,8"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Sept"),
+    order: ["3,9"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Oct"),
+    order: ["3,10"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Nov"),
+    order: ["3,11"],
+    checked: false
+  }, {
+    title: (0, _getLocale.getLocale)("Mod_Dec"),
+    order: ["3,12"],
+    checked: false
+  }];
+};
+
+exports.getMockMonth = getMockMonth;

package/lib/components/period-selector/style.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.Icon = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
+
+exports.Wrapper = Wrapper;
+
+var Icon = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: #3f4755;\n\n  &.tu-icon-sort-up {\n    margin-right: 12px;\n  }\n\n  &.tu-icon-sort-down {\n    margin-left: 12px;\n  }\n"])));
+
+exports.Icon = Icon;

package/lib/components/period-selector/type.js

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

package/lib/components/photo-card/components/card/index.js

@@ -0,0 +1,181 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _avatar = _interopRequireDefault(require("../../../../components/avatar"));
+
+var _tooltipText = _interopRequireDefault(require("../../../tooltip/tooltip-text"));
+
+var _conditionRender = _interopRequireDefault(require("../../../condition-render"));
+
+var _openData = require("../../../../utils/open-data");
+
+var _request = require("../../request.apis");
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var _add13x = _interopRequireDefault(require("../../images/add1@3x.png"));
+
+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 _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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = "titaui-photo-card";
+
+function Card(props) {
+  var userInfo = props.userInfo,
+      userownInfo = props.userownInfo,
+      handleClickAttention = props.handleClickAttention,
+      userId = props.userId;
+
+  var _useState = (0, _react.useState)({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      backGroundstyle = _useState2[0],
+      setBackGroundstyle = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isAttention = _useState4[0],
+      setIsAttention = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      attentionData = _useState6[0],
+      setAttentionData = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      visitData = _useState8[0],
+      setVisitData = _useState8[1];
+
+  (0, _react.useEffect)(function () {
+    (0, _request.getAttentionData)(userId).then(function (res) {
+      if (res.Code === 1) {
+        setAttentionData(res.Data.total);
+        res.Data.followerUsers.forEach(function (item) {
+          if (item.userId === userownInfo.Id) {
+            setIsAttention(true);
+          }
+        });
+      }
+    });
+    (0, _request.getVisitData)(userId).then(function (res) {
+      setVisitData(res.Data.total);
+    }); // 背景图片
+
+    if (userInfo.avatar.hasAvatar) {
+      setBackGroundstyle({
+        backgroundImage: "url(".concat(userInfo.avatar.big, ")"),
+        backgroundSize: "278px 190px"
+      });
+    } else {
+      setBackGroundstyle({
+        backgroundColor: userInfo.avatar.color
+      });
+    }
+  }, []); // 处理关注量的值+1的回调
+
+  var addAttentionCount = function addAttentionCount() {
+    setIsAttention(true);
+    setAttentionData(attentionData + 1);
+    (0, _request.postAttention)(userId);
+  };
+
+  var handleClick = function handleClick() {
+    if (!isAttention) {
+      addAttentionCount();
+    } else {
+      setAttentionData(attentionData - 1);
+      setIsAttention(false);
+      (0, _request.delAttention)(userId);
+    }
+
+    handleClickAttention(!isAttention);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(preCls)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__background")),
+    style: backGroundstyle
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-img"))
+  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+    userId: userId,
+    name: userInfo.name,
+    color: userInfo.avatar.color,
+    src: userInfo.avatar.big
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-name"))
+  }, /*#__PURE__*/_react["default"].createElement(_tooltipText["default"], {
+    overlayClassName: "".concat(preCls, "__header-name-tooltip"),
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      name: userInfo.name,
+      id: userInfo.userId
+    }),
+    maxWidth: 228,
+    mouseEnterDelay: 0.8
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__header-depart"))
+  }, userInfo.departmentName)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__data"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__data-attention"))
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__data-attention-count"))
+  }, attentionData >= 10000 ? "1w+" : attentionData), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__data-attention-title"))
+  }, (0, _getLocale.getLocale)("OKR_MyO_Ow_Followers"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__data-visit"))
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__data-visit-count"))
+  }, visitData >= 10000 ? "1w+" : visitData), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__data-visit-title"))
+  }, (0, _getLocale.getLocale)("OKR_MyO_Visitors")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: userInfo.userId !== userownInfo.Id
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__attention-btn")),
+    onClick: function onClick() {
+      return handleClick();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _add13x["default"],
+    className: (0, _classnames["default"])("".concat(preCls, "__attention-btn-img"), _defineProperty({}, "".concat(preCls, "__attention-btn-img--hide"), isAttention))
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__attention-btn-img--hide"), _defineProperty({}, "".concat(preCls, "__attention-btn-img--show"), isAttention))
+  }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Followed")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__attention-btn-title"), _defineProperty({}, "".concat(preCls, "__attention-btn-img--hide"), isAttention))
+  }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Follow")))));
+}
+
+var _default = Card;
+exports["default"] = _default;