@titaui/pc 1.16.71 → 1.16.73

package/lib/components/okrcase-library/index.js

@@ -1,135 +1,196 @@
 "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 _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
+
 var _caseLibrayHeader = _interopRequireDefault(require("./okrcases-components/caseLibray-header"));
+
 var _caseLibraryNav = _interopRequireDefault(require("./okrcases-components/caseLibrary-nav"));
+
 var _caseLibraryMain = _interopRequireDefault(require("./okrcases-components/caseLibrary-main"));
+
 var _submitOkrDialog = require("./okrcases-components/submitOkr-dialog");
+
 var _network = require("./server/network");
+
 var _getLocale = require("../../utils/getLocale");
+
 require("./index.css");
+
 require("./new-ui.css");
+
 var _BSGlobal$tenantInfo;
+
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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; }
+
 // @ts-ignore
 var prefix = (_BSGlobal$tenantInfo = BSGlobal.tenantInfo) !== null && _BSGlobal$tenantInfo !== void 0 && _BSGlobal$tenantInfo.isNewIndex ? "titaui-okr-cases-library" : "okr-cases-library";
+
 function OKRCases(props) {
   var onApplyTpl = props.onApplyTpl,
-    onClose = props.onClose;
+      onClose = props.onClose;
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isUnlock = _useState2[0],
-    setIsUnlock = _useState2[1]; // 是否解锁
+      _useState2 = _slicedToArray(_useState, 2),
+      isUnlock = _useState2[0],
+      setIsUnlock = _useState2[1]; // 是否解锁
+
+
   var _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    navList = _useState4[0],
-    setNavList = _useState4[1]; // nav列表
+      _useState4 = _slicedToArray(_useState3, 2),
+      navList = _useState4[0],
+      setNavList = _useState4[1]; // nav列表
+
+
   var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    cardList = _useState6[0],
-    setCardList = _useState6[1]; // 案例列表
+      _useState6 = _slicedToArray(_useState5, 2),
+      cardList = _useState6[0],
+      setCardList = _useState6[1]; // 案例列表
+
+
   var _useState7 = (0, _react.useState)(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    okrCasesNum = _useState8[0],
-    setOrkCasesNum = _useState8[1]; // 案例总数
+      _useState8 = _slicedToArray(_useState7, 2),
+      okrCasesNum = _useState8[0],
+      setOrkCasesNum = _useState8[1]; // 案例总数
+
+
   var _useState9 = (0, _react.useState)(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isfix = _useState10[0],
-    setIsfix = _useState10[1]; // 首nav是否吸顶
+      _useState10 = _slicedToArray(_useState9, 2),
+      isfix = _useState10[0],
+      setIsfix = _useState10[1]; // 首nav是否吸顶
+
+
   var _useState11 = (0, _react.useState)(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isTouchBottom = _useState12[0],
-    setIsTouchBottom = _useState12[1]; // 是否触底
+      _useState12 = _slicedToArray(_useState11, 2),
+      isTouchBottom = _useState12[0],
+      setIsTouchBottom = _useState12[1]; // 是否触底
+
+
   var _useState13 = (0, _react.useState)(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    isShowSubmitOkrWindow = _useState14[0],
-    setIsShowSubmitOkrWindow = _useState14[1]; // 提交想要的okr窗口是否显示
+      _useState14 = _slicedToArray(_useState13, 2),
+      isShowSubmitOkrWindow = _useState14[0],
+      setIsShowSubmitOkrWindow = _useState14[1]; // 提交想要的okr窗口是否显示
+
+
   var _useState15 = (0, _react.useState)(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isShowPayWindow = _useState16[0],
-    setIsShowPayWindow = _useState16[1]; // 交钱弹窗是否显示
+      _useState16 = _slicedToArray(_useState15, 2),
+      isShowPayWindow = _useState16[0],
+      setIsShowPayWindow = _useState16[1]; // 交钱弹窗是否显示
+
+
   var _useState17 = (0, _react.useState)([]),
-    _useState18 = _slicedToArray(_useState17, 2),
-    secondNavList = _useState18[0],
-    setSecondNavList = _useState18[1]; // 二级菜单
+      _useState18 = _slicedToArray(_useState17, 2),
+      secondNavList = _useState18[0],
+      setSecondNavList = _useState18[1]; // 二级菜单
+
+
   var _useState19 = (0, _react.useState)(0),
-    _useState20 = _slicedToArray(_useState19, 2),
-    activeNavId = _useState20[0],
-    setActiveNavId = _useState20[1]; // 激活菜单id 0是全部
+      _useState20 = _slicedToArray(_useState19, 2),
+      activeNavId = _useState20[0],
+      setActiveNavId = _useState20[1]; // 激活菜单id 0是全部
+
+
   var _useState21 = (0, _react.useState)(0),
-    _useState22 = _slicedToArray(_useState21, 2),
-    secondActiveNavId = _useState22[0],
-    setSecondActiveNavId = _useState22[1]; // 二级菜单激活id
+      _useState22 = _slicedToArray(_useState21, 2),
+      secondActiveNavId = _useState22[0],
+      setSecondActiveNavId = _useState22[1]; // 二级菜单激活id
   // const [pageNumber, setPageNumber] = useState(1)//请求第几页
+
+
   var _useState23 = (0, _react.useState)(false),
-    _useState24 = _slicedToArray(_useState23, 2),
-    isLoading = _useState24[0],
-    setIsLoading = _useState24[1]; // 是否正在加载
+      _useState24 = _slicedToArray(_useState23, 2),
+      isLoading = _useState24[0],
+      setIsLoading = _useState24[1]; // 是否正在加载
   // const [fixAsideRight, setFixAsideRight] = useState(24)
+
+
   var _useState25 = (0, _react.useState)(false),
-    _useState26 = _slicedToArray(_useState25, 2),
-    isNextPageEmpty = _useState26[0],
-    setIsNextPageEmpty = _useState26[1]; // 下一页是否为空
+      _useState26 = _slicedToArray(_useState25, 2),
+      isNextPageEmpty = _useState26[0],
+      setIsNextPageEmpty = _useState26[1]; // 下一页是否为空
+
+
   var _useState27 = (0, _react.useState)(""),
-    _useState28 = _slicedToArray(_useState27, 2),
-    searchValue = _useState28[0],
-    setSearchValue = _useState28[1]; // 搜索框内容
+      _useState28 = _slicedToArray(_useState27, 2),
+      searchValue = _useState28[0],
+      setSearchValue = _useState28[1]; // 搜索框内容
   // const [fixAsideRightScroll, setFixAsideRightScroll] = useState(0)//距离右侧滚动距离
+
+
   var _useState29 = (0, _react.useState)(0),
-    _useState30 = _slicedToArray(_useState29, 2),
-    fixAsideTopScroll = _useState30[0],
-    setFixAsideTopScroll = _useState30[1]; // 距离上侧滚动距离
+      _useState30 = _slicedToArray(_useState29, 2),
+      fixAsideTopScroll = _useState30[0],
+      setFixAsideTopScroll = _useState30[1]; // 距离上侧滚动距离
   // const [isAsideFix, setIsAsideFix] = useState(false)//侧变栏是否fix
-  var _useState31 = (0, _react.useState)(0),
-    _useState32 = _slicedToArray(_useState31, 2),
-    fixNavTopScroll = _useState32[0],
-    setFixNavTopScroll = _useState32[1];
 
-  // 与数据无关的不要用state，改用ref
+
+  var _useState31 = (0, _react.useState)(0),
+      _useState32 = _slicedToArray(_useState31, 2),
+      fixNavTopScroll = _useState32[0],
+      setFixNavTopScroll = _useState32[1]; // 与数据无关的不要用state，改用ref
   // const isTouchBottomRef = useRef(false)//是否触底
+
+
   var pageNumberRef = (0, _react.useRef)(1); // 请求第几页
+
   var totalHeightRef = (0, _react.useRef)(); // 总高度
+
   var allViewAreaRef = (0, _react.useRef)(); // 视口高度
-  var asideHeightRef = (0, _react.useRef)(); // 侧边栏高度
 
+  var asideHeightRef = (0, _react.useRef)(); // 侧边栏高度
   // 处理提交想要okr类型的弹窗出现处理
+
   var handleShowSubmitOkrWindow = function handleShowSubmitOkrWindow(f) {
     setIsShowSubmitOkrWindow(f);
-  };
+  }; // 付钱弹窗出现处理
+
 
-  // 付钱弹窗出现处理
   var handleShowPayWindow = function handleShowPayWindow(f) {
     setIsShowPayWindow(f);
-  };
-
-  // 初始化数据
+  }; // 初始化数据
   // 一级菜单选全部，请求id为0
+
+
   (0, _react.useEffect)(function () {
     // 在一开始判断用户是否购买
     // @ts-ignore
     (0, _network.getIsHadBuyOKRcases)().then(function (res) {
       // @ts-ignore
       setIsUnlock(res.obj);
-    });
-    // 获取1级菜单
+    }); // 获取1级菜单
+
     (0, _network.getLabels)().then(function (res) {
       setNavList([{
         id: 0,
@@ -138,8 +199,8 @@ function OKRCases(props) {
         subTotal: "",
         subLabel: []
       }].concat(_toConsumableArray(res)));
-    });
-    // 获取第一页的案例
+    }); // 获取第一页的案例
+
     (0, _network.postForCases)({
       pageNumber: 1,
       labelId: 0,
@@ -147,14 +208,12 @@ function OKRCases(props) {
       key: ""
     }).then(function (res) {
       setCardList(res);
-    });
-    // 案例总数
+    }); // 案例总数
+
     (0, _network.gettotalNumber)().then(function (res) {
       setOrkCasesNum(res);
     });
-  }, []);
-
-  // // 屏幕resize事件
+  }, []); // // 屏幕resize事件
   // const resizeChange = () => {
   //     if (window.innerWidth < 1366) {
   //         if (onClose) {
@@ -180,19 +239,19 @@ function OKRCases(props) {
   //         window.removeEventListener("resize", resizeChange);
   //     }
   // }, [fixAsideRight])
-
   // 一级菜单选择
+
   var handleNavItemClick1 = function handleNavItemClick1(num) {
     setActiveNavId(num);
-    var work = navList[num];
-    // @ts-ignore
+    var work = navList[num]; // @ts-ignore
+
     window.titaTracker && window.titaTracker("action").record({
       actionName: work.name,
       actionGroup: "案例库-各行业",
       productName: (0, _getLocale.getLocale)("OKR_OKRex_Casebase")
     });
-    setSearchValue("");
-    // 点击选择类型时重新请求数据
+    setSearchValue(""); // 点击选择类型时重新请求数据
+
     (0, _network.postForCases)({
       pageNumber: 1,
       labelId: work.id,
@@ -202,25 +261,27 @@ function OKRCases(props) {
       setCardList(res);
     });
     scrollToAnchor("NavAnchor");
-  };
+  }; // 锚点跳转
+
 
-  // 锚点跳转
   var scrollToAnchor = function scrollToAnchor(anchorName) {
     var anchorElement = document.getElementById(anchorName);
+
     if (anchorElement) {
       anchorElement.scrollIntoView();
     }
-  };
+  }; // 一级菜单改变
+
 
-  // 一级菜单改变
   (0, _react.useEffect)(function () {
     pageNumberRef.current = 1;
     setIsTouchBottom(false);
-    setIsNextPageEmpty(false);
-    // 每当一级菜单改变，获取二级菜单
+    setIsNextPageEmpty(false); // 每当一级菜单改变，获取二级菜单
+
     navList.map(function (item) {
       if (item.orderNumber === activeNavId) {
         var navSecondList = item.subLabel;
+
         if (activeNavId === 0) {
           setSecondNavList(navSecondList);
         } else {
@@ -235,9 +296,8 @@ function OKRCases(props) {
       }
     });
     setSecondActiveNavId(0);
-  }, [activeNavId]);
+  }, [activeNavId]); // 二级菜单选择
 
-  // 二级菜单选择
   var handleSecondNavItemClick = function handleSecondNavItemClick(num) {
     if (isUnlock) {
       var work = navList[activeNavId];
@@ -257,9 +317,9 @@ function OKRCases(props) {
     } else {
       setIsShowPayWindow(true);
     }
-  };
+  }; // 搜索
+
 
-  // 搜索
   var handleSearch = function handleSearch(value) {
     setActiveNavId(0);
     pageNumberRef.current = 1;
@@ -268,16 +328,19 @@ function OKRCases(props) {
     (0, _network.postSearchCases)(value).then(function (res) {
       setCardList(res.Data);
     });
-  };
+  }; // 划到底时加载新的 --懒加载
+
 
-  // 划到底时加载新的 --懒加载
   (0, _react.useEffect)(function () {
     if (isTouchBottom) {
       pageNumberRef.current += 1;
+
       if (!isUnlock && pageNumberRef.current > 2 || isNextPageEmpty) {
         return;
       }
+
       setIsLoading(true);
+
       if (searchValue) {
         (0, _network.postSearchCases)(searchValue, pageNumberRef.current).then(function (res) {
           if (res.Data.length) {
@@ -285,6 +348,7 @@ function OKRCases(props) {
           } else {
             setIsNextPageEmpty(true);
           }
+
           setIsLoading(false);
           setIsTouchBottom(false);
         });
@@ -301,30 +365,28 @@ function OKRCases(props) {
           } else {
             setIsNextPageEmpty(true);
           }
+
           setIsLoading(false);
           setIsTouchBottom(false);
         });
       }
     }
-  }, [isTouchBottom, searchValue]);
+  }, [isTouchBottom, searchValue]); // 下划事件，定位和懒加载
 
-  // 下划事件，定位和懒加载
   var handleScroll = function handleScroll(e) {
     var scrollHeight = e.target.scrollTop;
+
     if (scrollHeight > 239 && e.target.tagName !== "TEXTAREA") {
       // 顶部吸顶
       !isfix && setIsfix(true);
       var NavTopScroll = scrollHeight;
-      setFixNavTopScroll(NavTopScroll);
+      setFixNavTopScroll(NavTopScroll); // 文章吸底
 
-      // 文章吸底
       var AsideTopScroll = activeNavId === 0 ? scrollHeight - 240 + allViewAreaRef.current.clientHeight - asideHeightRef.current.clientHeight - 89 : scrollHeight - 240 + allViewAreaRef.current.clientHeight - asideHeightRef.current.clientHeight - 131;
       setFixAsideTopScroll(AsideTopScroll);
     } else {
       isfix && setIsfix(false);
-    }
-
-    // //当选择全部时，距离顶部少了42
+    } // //当选择全部时，距离顶部少了42
     // const offTopDiff = activeNavId === 0 ? 0 : 42
     // //判断吸底
     // if (allViewAreaRef.current.clientHeight - asideHeightRef.current.clientHeight + scrollHeight > 324 + offTopDiff) {
@@ -334,12 +396,14 @@ function OKRCases(props) {
     // } else {
     //     isAsideFix && setIsAsideFix(false)
     // }
-
     // 懒加载
+
+
     if (totalHeightRef.current.clientHeight <= allViewAreaRef.current.clientHeight + scrollHeight + 200) {
       setIsTouchBottom(true);
     }
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "okrCases-container",
     ref: allViewAreaRef,
@@ -383,8 +447,8 @@ function OKRCases(props) {
     activeNavId: activeNavId,
     onClose: onClose,
     fixAsideTopScroll: fixAsideTopScroll,
-    asideHeightRef: asideHeightRef
-    // isAsideFix={isAsideFix}
+    asideHeightRef: asideHeightRef // isAsideFix={isAsideFix}
+
   }), /*#__PURE__*/_react["default"].createElement(_submitOkrDialog.SubmitDialog, {
     isShowSubmitOkrWindow: isShowSubmitOkrWindow,
     handleShowSubmitOkrWindow: handleShowSubmitOkrWindow,
@@ -395,5 +459,6 @@ function OKRCases(props) {
     allViewAreaRef: allViewAreaRef
   }))));
 }
+
 var _default = OKRCases;
 exports["default"] = _default;

package/lib/components/okrcase-library/okrcases-components/caseLibrary-cardList/index.js

@@ -1,24 +1,33 @@
 "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 _lottieWeb = _interopRequireDefault(require("lottie-web"));
+
 var _okrcaseCard = _interopRequireDefault(require("./okrcase-card"));
+
 var _data = _interopRequireDefault(require("../../image/data.json"));
+
 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 OkrCaseCardLsit(props) {
   var cardList = props.cardList,
-    isUnlock = props.isUnlock,
-    handleShowPayWindow = props.handleShowPayWindow,
-    handleShowSubmitOkrWindow = props.handleShowSubmitOkrWindow,
-    _onApplyTpl = props.onApplyTpl,
-    isLoading = props.isLoading;
+      isUnlock = props.isUnlock,
+      handleShowPayWindow = props.handleShowPayWindow,
+      handleShowSubmitOkrWindow = props.handleShowSubmitOkrWindow,
+      _onApplyTpl = props.onApplyTpl,
+      isLoading = props.isLoading;
   (0, _react.useEffect)(function () {
     _lottieWeb["default"].loadAnimation({
       // @ts-ignore
@@ -68,5 +77,6 @@ function OkrCaseCardLsit(props) {
     }
   }, "\u63D0\u4EA4\u4F60\u60F3\u8981\u7684 OKR \u7C7B\u578B"))));
 }
+
 var _default = OkrCaseCardLsit;
 exports["default"] = _default;

package/lib/components/okrcase-library/okrcases-components/caseLibrary-cardList/okrcase-card.js

@@ -1,51 +1,71 @@
 "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 _network = require("../../server/network.js");
+
 var _firework = _interopRequireDefault(require("../../../firework"));
+
 var _getLocale = require("../../../../utils/getLocale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _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 OkrCaseCard(props) {
   var onApplyTpl = props.onApplyTpl,
-    cardInfo = props.cardInfo,
-    index = props.index;
+      cardInfo = props.cardInfo,
+      index = props.index;
   var parentName = cardInfo.parentName,
-    name = cardInfo.name,
-    subelements = cardInfo.subelements,
-    usedNum = cardInfo.usedNum,
-    id = cardInfo.id,
-    isLike = cardInfo.isLike,
-    like = cardInfo.like;
+      name = cardInfo.name,
+      subelements = cardInfo.subelements,
+      usedNum = cardInfo.usedNum,
+      id = cardInfo.id,
+      isLike = cardInfo.isLike,
+      like = cardInfo.like;
+
   var _useState = (0, _react.useState)(like),
-    _useState2 = _slicedToArray(_useState, 2),
-    likeNum = _useState2[0],
-    setLikeNum = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      likeNum = _useState2[0],
+      setLikeNum = _useState2[1];
+
   var _useState3 = (0, _react.useState)(isLike),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hasLike = _useState4[0],
-    setHasLike = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      hasLike = _useState4[0],
+      setHasLike = _useState4[1];
+
   var _useState5 = (0, _react.useState)(usedNum),
-    _useState6 = _slicedToArray(_useState5, 2),
-    usedNumber = _useState6[0],
-    setUsedNumber = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      usedNumber = _useState6[0],
+      setUsedNumber = _useState6[1];
+
   var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isApplyBtnShow = _useState8[0],
-    setIsApplyBtnShow = _useState8[1];
-  // const [isBlue, setIsBlue] = useState(index % 4 > 1 ? true : false)
+      _useState8 = _slicedToArray(_useState7, 2),
+      isApplyBtnShow = _useState8[0],
+      setIsApplyBtnShow = _useState8[1]; // const [isBlue, setIsBlue] = useState(index % 4 > 1 ? true : false)
+
+
   var isBlue = index % 4 > 1;
   var likeRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -55,16 +75,19 @@ function OkrCaseCard(props) {
   }, []);
   var setFirework = (0, _react.useCallback)(function () {
     var _getBoundingClientRec = likeRef.current.getBoundingClientRect(),
-      x = _getBoundingClientRec.x,
-      y = _getBoundingClientRec.y;
+        x = _getBoundingClientRec.x,
+        y = _getBoundingClientRec.y;
+
     (0, _firework["default"])({
       x: x,
       y: y,
       images: [require("../../image/thumb-up.svg"), require("../../image/666.svg"), require("../../image/bixin.svg"), require("../../image/fighting.svg"), require("../../image/nice.svg"), require("../../image/welldone.svg")]
     });
   }, []);
+
   var handleLikeClick = function handleLikeClick(isLike, id) {
     setHasLike(!hasLike);
+
     if (isLike) {
       (0, _network.postLike)(0, id);
       setLikeNum(likeNum - 1);
@@ -74,17 +97,19 @@ function OkrCaseCard(props) {
       setFirework();
     }
   };
+
   var handleApplyBtnClick = function handleApplyBtnClick(id) {
     setUsedNumber(usedNumber + 1);
     (0, _network.postApply)(id);
-    onApplyTpl(cardInfo);
-    // @ts-ignore
+    onApplyTpl(cardInfo); // @ts-ignore
+
     window.titaTracker && window.titaTracker("action").record({
       action: (0, _getLocale.getLocale)("Per_Ass_Pop_button_Apply"),
       actionGroup: (0, _getLocale.getLocale)("OKR_OKRex_Casebase"),
       productName: (0, _getLocale.getLocale)("OKR_OKRex_Casebase")
     });
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "okr-cases-library__cardList__card",
     onMouseEnter: function onMouseEnter() {
@@ -145,5 +170,6 @@ function OkrCaseCard(props) {
     ref: likeRef
   }), likeNum)));
 }
+
 var _default = OkrCaseCard;
 exports["default"] = _default;