@cloud-app-dev/vidc 3.2.10 → 3.2.13

package/es/useDrawROI/index.js

@@ -3,55 +3,82 @@ import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _usePrevious from "ahooks/es/usePrevious";
 import _useSize from "ahooks/es/useSize";
 import _useLatest from "ahooks/es/useLatest";
+
 function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
 import { getTargetElement } from 'ahooks/lib/utils/domTarget';
 import { useEffect, useMemo } from 'react';
 import { lineString } from '@turf/helpers';
 import lineToPolygon from '@turf/line-to-polygon';
 import booleanDisjoint from '@turf/boolean-disjoint';
 import { useHotkeys } from 'react-hotkeys-hook';
-import useSimpleState from '../useSimpleState';
+import useSimpleState from "../useSimpleState";
+
 function useDrawROI(target, _ref) {
   var row = _ref.row,
-    rowItems = _ref.rowItems,
-    defaultAreas = _ref.defaultAreas;
+      rowItems = _ref.rowItems,
+      defaultAreas = _ref.defaultAreas;
+
   var _useSimpleState = useSimpleState({
-      pos: [],
-      tempPos: [],
-      saveArea: defaultAreas !== null && defaultAreas !== void 0 ? defaultAreas : [],
-      isOpen: false
-    }),
-    _useSimpleState2 = _slicedToArray(_useSimpleState, 3),
-    state = _useSimpleState2[0],
-    updateState = _useSimpleState2[1],
-    setState = _useSimpleState2[2];
+    pos: [],
+    tempPos: [],
+    saveArea: defaultAreas !== null && defaultAreas !== void 0 ? defaultAreas : [],
+    isOpen: false
+  }),
+      _useSimpleState2 = _slicedToArray(_useSimpleState, 3),
+      state = _useSimpleState2[0],
+      updateState = _useSimpleState2[1],
+      setState = _useSimpleState2[2];
+
   var isOpenRef = _useLatest(state.isOpen);
+
   var size = _useSize(target);
+
   var oldSize = _usePrevious(size);
+
   useEffect(function () {
-    if (!(size === null || size === void 0 ? void 0 : size.width)) {
+    if (!(size !== null && size !== void 0 && size.width)) {
       return;
     }
+
     var canvas = getTargetElement(target);
     canvas.width = size === null || size === void 0 ? void 0 : size.width;
     canvas.height = size === null || size === void 0 ? void 0 : size.height;
     console.warn('canvas，size变化！');
-    if (!(oldSize === null || oldSize === void 0 ? void 0 : oldSize.width)) {
+
+    if (!(oldSize !== null && oldSize !== void 0 && oldSize.width)) {
       return;
     }
+
     var scale = size.width / oldSize.width;
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         pos: [],
         tempPos: [],
         saveArea: old.saveArea.map(function (area) {
@@ -60,9 +87,9 @@ function useDrawROI(target, _ref) {
           });
         })
       });
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [size === null || size === void 0 ? void 0 : size.height, size === null || size === void 0 ? void 0 : size.width]);
+
   _useUpdateEffect(function () {
     if (state.saveArea.length === 0 && defaultAreas.length > 0) {
       updateState({
@@ -70,30 +97,35 @@ function useDrawROI(target, _ref) {
       });
     }
   }, [defaultAreas, state.saveArea]);
+
   _useEventListener('click', function (event) {
     if (!isOpenRef.current) {
       return;
     }
+
     var p_x = event.offsetX;
     var p_y = event.offsetY;
     setState(function (old) {
-      var pos = old.pos;
-      // 去掉重复点位,dbclick导致重复触发
+      var pos = old.pos; // 去掉重复点位,dbclick导致重复触发
+
       if (!pos.find(function (_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
-          x = _ref3[0],
-          y = _ref3[1];
+            x = _ref3[0],
+            y = _ref3[1];
+
         return x === p_x && y === p_y;
       })) {
         pos = [].concat(_toConsumableArray(pos), [[p_x, p_y]]);
       }
-      return Object.assign(Object.assign({}, old), {
+
+      return _objectSpread(_objectSpread({}, old), {}, {
         pos: pos
       });
     });
   }, {
     target: target
   });
+
   _useEventListener('dblclick', function (event) {
     var p_x = event.offsetX;
     var p_y = event.offsetY;
@@ -101,21 +133,25 @@ function useDrawROI(target, _ref) {
       var saveArea = old.saveArea;
       var pos = old.pos;
       var tempPos = old.tempPos;
+
       if (pos.length > 2) {
         // 去掉重复点位
         if (!pos.find(function (_ref4) {
           var _ref5 = _slicedToArray(_ref4, 2),
-            x = _ref5[0],
-            y = _ref5[1];
+              x = _ref5[0],
+              y = _ref5[1];
+
           return x === p_x && y === p_y;
         })) {
           pos = [].concat(_toConsumableArray(pos), [[p_x, p_y]]);
         }
+
         saveArea = [].concat(_toConsumableArray(saveArea), [pos]);
         pos = [];
         tempPos = [];
       }
-      return Object.assign(Object.assign({}, old), {
+
+      return _objectSpread(_objectSpread({}, old), {}, {
         pos: pos,
         saveArea: saveArea,
         tempPos: tempPos
@@ -124,41 +160,47 @@ function useDrawROI(target, _ref) {
   }, {
     target: target
   });
+
   _useEventListener('mousemove', function (event) {
     if (!isOpenRef.current || state.pos.length === 0) {
       return;
     }
+
     var p_x = event.offsetX;
     var p_y = event.offsetY;
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         tempPos: [p_x, p_y]
       });
     });
   }, {
     target: target
   });
+
   var clearCanvas = function clearCanvas() {
     var canvas = getTargetElement(target);
-    var ctx = canvas.getContext('2d');
-    // 重置画布
+    var ctx = canvas.getContext('2d'); // 重置画布
+
     ctx.clearRect(0, 0, canvas.width, canvas.height);
   };
+
   var drawSavaArea = function drawSavaArea(area) {
     var canvas = getTargetElement(target);
-    var ctx = canvas.getContext('2d');
-    // 绘制已完成的图形
+    var ctx = canvas.getContext('2d'); // 绘制已完成的图形
+
     area.forEach(function (item) {
       // 绘制坐标线
       var _item = _toArray(item),
-        startPos = _item[0],
-        pos = _item.slice(1);
+          startPos = _item[0],
+          pos = _item.slice(1);
+
       ctx.beginPath();
       ctx.moveTo.apply(ctx, _toConsumableArray(startPos));
       pos.forEach(function (_ref6) {
         var _ref7 = _slicedToArray(_ref6, 2),
-          x = _ref7[0],
-          y = _ref7[1];
+            x = _ref7[0],
+            y = _ref7[1];
+
         return ctx.lineTo(x, y);
       });
       ctx.lineTo.apply(ctx, _toConsumableArray(startPos));
@@ -169,84 +211,96 @@ function useDrawROI(target, _ref) {
       ctx.stroke();
     });
   };
+
   var canvasRendering = function canvasRendering(points, tempPos) {
     if (points.length === 0) {
       return;
     }
+
     var canvas = getTargetElement(target);
-    var ctx = canvas.getContext('2d');
-    // 绘制坐标点
+    var ctx = canvas.getContext('2d'); // 绘制坐标点
+
     points.forEach(function (_ref8) {
       var _ref9 = _slicedToArray(_ref8, 2),
-        x = _ref9[0],
-        y = _ref9[1];
+          x = _ref9[0],
+          y = _ref9[1];
+
       ctx.beginPath();
       ctx.arc(x, y, 4, 0, 2 * Math.PI);
       ctx.fillStyle = 'red';
       ctx.fill();
-    });
-    // 绘制坐标线
+    }); // 绘制坐标线
+
     var _points = _toArray(points),
-      startPos = _points[0],
-      pos = _points.slice(1);
+        startPos = _points[0],
+        pos = _points.slice(1);
+
     ctx.beginPath();
     ctx.moveTo.apply(ctx, _toConsumableArray(startPos));
     pos.forEach(function (_ref10) {
       var _ref11 = _slicedToArray(_ref10, 2),
-        x = _ref11[0],
-        y = _ref11[1];
+          x = _ref11[0],
+          y = _ref11[1];
+
       return ctx.lineTo(x, y);
     });
+
     var _tempPos = _slicedToArray(tempPos, 2),
-      x = _tempPos[0],
-      y = _tempPos[1];
+        x = _tempPos[0],
+        y = _tempPos[1];
+
     if (typeof x === 'number' && typeof y === 'number') {
       ctx.lineTo(x, y);
     }
+
     ctx.lineTo.apply(ctx, _toConsumableArray(startPos));
     ctx.strokeStyle = '#f32d37';
     ctx.lineWidth = 2;
     ctx.fillStyle = 'rgba(243,45,55,0.5)';
     ctx.fill();
     ctx.stroke();
-  };
-  //绘制hook
+  }; //绘制hook
+
+
   useEffect(function () {
     clearCanvas();
     drawSavaArea(state.saveArea);
-    canvasRendering(state.pos, state.tempPos);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    canvasRendering(state.pos, state.tempPos); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.pos, state.saveArea, state.tempPos]);
   var status = useMemo(function () {
     return state.isOpen ? 'open' : 'close';
   }, [state.isOpen]);
+
   var open = function open() {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         isOpen: true
       });
     });
   };
+
   var close = function close() {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         isOpen: false
       });
     });
   };
+
   var clear = function clear() {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         pos: [],
         saveArea: [],
         tempPos: []
       });
     });
-  };
-  //快捷键处理
+  }; //快捷键处理
+
+
   useHotkeys('esc', function () {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         pos: [],
         tempPos: []
       });
@@ -255,49 +309,59 @@ function useDrawROI(target, _ref) {
   var rio = useMemo(function () {
     var rioArr = [];
     var canvas = getTargetElement(target);
+
     if (!canvas) {
       rioArr = new Array(row).fill(new Array(rowItems).fill(0));
       return rioArr;
     }
+
     var _canvas$getBoundingCl = canvas.getBoundingClientRect(),
-      width = _canvas$getBoundingCl.width,
-      height = _canvas$getBoundingCl.height;
+        width = _canvas$getBoundingCl.width,
+        height = _canvas$getBoundingCl.height;
+
     var itemWidth = width / rowItems;
-    var itemHeight = height / row;
-    // 转换当前绘制完成的区域为多边形
+    var itemHeight = height / row; // 转换当前绘制完成的区域为多边形
+
     var areas = state.saveArea.map(function (item) {
       return lineToPolygon(lineString(item));
     });
+
     for (var i = 0; i < row; i++) {
       var arr = [];
+
       var _loop = function _loop(k) {
         // x表示当地的纬度，y表示当地的经度
-        var lines = lineString([[k * itemWidth, i * itemHeight], [(k + 1) * itemWidth, i * itemHeight], [(k + 1) * itemWidth, (i + 1) * itemHeight], [k * itemWidth, (i + 1) * itemHeight], [k * itemWidth, i * itemHeight]]);
-        // 转换每格为多边形
-        var rect = lineToPolygon(lines);
-        //标记当前rect 是否与绘制的图形相交
+        var lines = lineString([[k * itemWidth, i * itemHeight], [(k + 1) * itemWidth, i * itemHeight], [(k + 1) * itemWidth, (i + 1) * itemHeight], [k * itemWidth, (i + 1) * itemHeight], [k * itemWidth, i * itemHeight]]); // 转换每格为多边形
+
+        var rect = lineToPolygon(lines); //标记当前rect 是否与绘制的图形相交
+
         var flag = areas.findIndex(function (area) {
           return !booleanDisjoint(rect, area);
         }) > -1;
         arr.push(flag ? 1 : 0);
       };
+
       for (var k = 0; k < rowItems; k++) {
         _loop(k);
       }
+
       rioArr.push(arr);
     }
+
     return rioArr;
   }, [row, rowItems, state.saveArea, target]);
+
   var deleteArea = function deleteArea(area) {
     setState(function (old) {
       var newArea = old.saveArea.filter(function (v) {
         return v.join('-') !== area.join('-');
       });
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         saveArea: _toConsumableArray(newArea)
       });
     });
   };
+
   return {
     open: open,
     close: close,
@@ -308,4 +372,5 @@ function useDrawROI(target, _ref) {
     deleteArea: deleteArea
   };
 }
+
 export default useDrawROI;

package/es/useEventEmitterHandle/index.js

@@ -1,17 +1,21 @@
 import _SocketEmitter from "@cloud-app-dev/utils/es/SocketEmitter";
 import _useLatest from "ahooks/es/useLatest";
 import { useEffect } from 'react';
+
 function useEventEmitterHandle(eventName, handle) {
   var handlerRef = _useLatest(handle);
+
   useEffect(function () {
     var eventListener = function eventListener(event) {
       return handlerRef.current(event);
     };
+
     _SocketEmitter.on(eventName, eventListener);
+
     return function () {
       return _SocketEmitter.off(eventName, eventListener);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [eventName]);
 }
+
 export default useEventEmitterHandle;

package/es/useFullscreen/demo.js

@@ -1,41 +1,58 @@
 import _useFullscreen3 from "ahooks/es/useFullscreen";
+
 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; }
+
 import React, { useRef } from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function App() {
   var ref1 = useRef();
   var ref2 = useRef();
+
   var _useFullscreen = _useFullscreen3(ref1),
-    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
-    fullscreen1 = _useFullscreen2[0],
-    options1 = _useFullscreen2[1];
+      _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+      fullscreen1 = _useFullscreen2[0],
+      options1 = _useFullscreen2[1];
+
   var _useFullscreen4 = _useFullscreen3(ref2),
-    _useFullscreen5 = _slicedToArray(_useFullscreen4, 2),
-    fullscreen2 = _useFullscreen5[0],
-    options2 = _useFullscreen5[1];
-  return /*#__PURE__*/React.createElement("div", {
-    className: "App"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 400,
-      height: 400,
-      background: 'blue'
-    },
-    ref: ref1
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: options1.toggleFullscreen
-  }, "\u7236\u5143\u7D20", fullscreen1 ? '退出全屏' : '全屏'), /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 200,
-      height: 200,
-      background: 'red'
-    },
-    ref: ref2
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: options2.toggleFullscreen
-  }, "\u5B50\u5143\u7D20", fullscreen2 ? '退出全屏' : '全屏'))), /*#__PURE__*/React.createElement("div", null));
+      _useFullscreen5 = _slicedToArray(_useFullscreen4, 2),
+      fullscreen2 = _useFullscreen5[0],
+      options2 = _useFullscreen5[1];
+
+  return /*#__PURE__*/_jsxs("div", {
+    className: "App",
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        width: 400,
+        height: 400,
+        background: 'blue'
+      },
+      ref: ref1,
+      children: [/*#__PURE__*/_jsxs("button", {
+        onClick: options1.toggleFullscreen,
+        children: ["\u7236\u5143\u7D20", fullscreen1 ? '退出全屏' : '全屏']
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          width: 200,
+          height: 200,
+          background: 'red'
+        },
+        ref: ref2,
+        children: /*#__PURE__*/_jsxs("button", {
+          onClick: options2.toggleFullscreen,
+          children: ["\u5B50\u5143\u7D20", fullscreen2 ? '退出全屏' : '全屏']
+        })
+      })]
+    }), /*#__PURE__*/_jsx("div", {})]
+  });
 }

package/es/useFullscreen/index.js

@@ -1,44 +1,62 @@
 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; }
+
 import { useState } from 'react';
 import useLatest from 'ahooks/es/useLatest';
 import useMemoizedFn from 'ahooks/es/useMemoizedFn';
 import useUnmount from 'ahooks/es/useUnmount';
 import { getTargetElement } from 'ahooks/es/utils/domTarget';
 import screenfull from 'screenfull';
+
 var useFullscreen = function useFullscreen(target, options) {
   var _ref = options || {},
-    onExit = _ref.onExit,
-    onEnter = _ref.onEnter;
+      onExit = _ref.onExit,
+      onEnter = _ref.onEnter;
+
   var onExitRef = useLatest(onExit);
   var onEnterRef = useLatest(onEnter);
+
   var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   var onChange = function onChange() {
-    var _a, _b;
     if (screenfull.isEnabled) {
       var el = getTargetElement(target);
       var isFullscreen = document.fullscreenElement === el;
+
       if (isFullscreen) {
-        (_a = onEnterRef.current) === null || _a === void 0 ? void 0 : _a.call(onEnterRef);
+        var _onEnterRef$current;
+
+        (_onEnterRef$current = onEnterRef.current) === null || _onEnterRef$current === void 0 ? void 0 : _onEnterRef$current.call(onEnterRef);
       } else {
+        var _onExitRef$current;
+
         screenfull.off('change', onChange);
-        (_b = onExitRef.current) === null || _b === void 0 ? void 0 : _b.call(onExitRef);
+        (_onExitRef$current = onExitRef.current) === null || _onExitRef$current === void 0 ? void 0 : _onExitRef$current.call(onExitRef);
       }
+
       setState(isFullscreen);
     }
   };
+
   var enterFullscreen = function enterFullscreen() {
     var el = getTargetElement(target);
+
     if (!el) {
       return;
     }
+
     if (screenfull.isEnabled) {
       try {
         screenfull.request(el);
@@ -48,11 +66,13 @@ var useFullscreen = function useFullscreen(target, options) {
       }
     }
   };
+
   var exitFullscreen = function exitFullscreen() {
     if (screenfull.isEnabled) {
       screenfull.exit();
     }
   };
+
   var toggleFullscreen = function toggleFullscreen() {
     if (state) {
       exitFullscreen();
@@ -60,6 +80,7 @@ var useFullscreen = function useFullscreen(target, options) {
       enterFullscreen();
     }
   };
+
   useUnmount(function () {
     if (screenfull.isEnabled) {
       screenfull.off('change', onChange);
@@ -72,4 +93,5 @@ var useFullscreen = function useFullscreen(target, options) {
     isEnabled: screenfull.isEnabled
   }];
 };
+
 export default useFullscreen;

package/es/useHistory/index.js

@@ -1,9 +1,11 @@
 import { useMemo } from 'react';
-import InstanceHistory from '../InstanceHistory';
+import InstanceHistory from "../InstanceHistory";
+
 function useHistory() {
   var history = useMemo(function () {
     return InstanceHistory;
   }, []);
   return history;
 }
+
 export default useHistory;