@cloud-app-dev/vidc 4.0.1 → 4.0.3

package/es/TableLayout/index.js

@@ -2,19 +2,16 @@ import _useSize from "ahooks/es/useSize";
 import React, { useMemo, useRef } from 'react';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function TableLayout(_ref) {
   var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      children = _ref.children,
-      _ref$cutNum = _ref.cutNum,
-      cutNum = _ref$cutNum === void 0 ? 0 : _ref$cutNum,
-      _ref$x = _ref.x,
-      x = _ref$x === void 0 ? 1200 : _ref$x;
+    className = _ref$className === void 0 ? '' : _ref$className,
+    children = _ref.children,
+    _ref$cutNum = _ref.cutNum,
+    cutNum = _ref$cutNum === void 0 ? 0 : _ref$cutNum,
+    _ref$x = _ref.x,
+    x = _ref$x === void 0 ? 1200 : _ref$x;
   var domRef = useRef(null);
-
   var size = _useSize(domRef);
-
   var height = useMemo(function () {
     return size !== null && size !== void 0 && size.height ? size.height - cutNum : 0;
   }, [size === null || size === void 0 ? void 0 : size.height, cutNum]);
@@ -29,5 +26,4 @@ function TableLayout(_ref) {
     })
   });
 }
-
 export default TableLayout;

package/es/ThemeAntd/index.js

@@ -16,7 +16,6 @@ export default function ThemeAntd(_ref) {
         colorPrimary: 'orange',
         // 主色
         controlOutline: 'transparent' // 表单阴影
-
       }
     },
     children: children

package/es/Timeout/index.js

@@ -1,46 +1,36 @@
+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); }
 import _useEventListener from "ahooks/es/useEventListener";
 import _useRafInterval from "ahooks/es/useRafInterval";
-
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useEffect, useRef, useState } from 'react';
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 /**
  * @desc 用户创建界面超时回调
  */
 function Timeout(_ref) {
   var contianer = _ref.contianer,
-      time = _ref.time,
-      onTimeout = _ref.onTimeout,
-      ignore = _ref.ignore;
+    time = _ref.time,
+    onTimeout = _ref.onTimeout,
+    ignore = _ref.ignore;
   var cuurentTimeRef = useRef(Date.now());
   var lockstatusRef = useRef(false);
-
   var _useState = useState({
-    timelock: Date.now()
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      timelock: Date.now()
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   _useRafInterval(function () {
     var now = Date.now();
     setState(function (old) {
@@ -49,35 +39,30 @@ function Timeout(_ref) {
       });
     });
     var isIgnore = ignore ? ignore() : false;
-
     if (isIgnore) {
       // 如果当前需要忽略，那么重置时间
       cuurentTimeRef.current = now;
     }
   }, 1 * 1000);
-
   useEffect(function () {
     var isIgnore = ignore ? ignore() : false;
-
     if (!lockstatusRef.current && state.timelock - cuurentTimeRef.current > time * 1000 && !isIgnore) {
       lockstatusRef.current = true;
       onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout();
       setTimeout(function () {
         lockstatusRef.current = false;
       }, 1000);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
+    }
 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.timelock, time]);
-
   _useEventListener('mousemove', function () {
     return cuurentTimeRef.current = Date.now();
   }, {
     target: contianer
   });
-
   return /*#__PURE__*/_jsx(_Fragment, {});
 }
-
 Timeout.defaultProps = {
   time: 15 * 60,
   contianer: document.body

package/es/VList/index.d.ts

@@ -7,13 +7,5 @@ interface IVListProps<T> {
     renderItem(item: T, index: number): JSX.Element;
     overscan?: number;
 }
-declare function VList<T>({ className, rowHeight, data, renderItem }: IVListProps<T>): JSX.Element;
-declare namespace VList {
-    var defaultProps: {
-        className: string;
-        rowHeight: number;
-        overscan: number;
-        data: never[];
-    };
-}
+declare function VList<T>({ className, rowHeight, data, renderItem, overscan }: IVListProps<T>): JSX.Element;
 export default VList;

package/es/VList/index.js

@@ -1,38 +1,33 @@
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useRef } from 'react';
 import useVirtualList from "../useVirtualList";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function VList(_ref) {
-  var className = _ref.className,
-      rowHeight = _ref.rowHeight,
-      _ref$data = _ref.data,
-      data = _ref$data === void 0 ? [] : _ref$data,
-      renderItem = _ref.renderItem;
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$rowHeight = _ref.rowHeight,
+    rowHeight = _ref$rowHeight === void 0 ? 30 : _ref$rowHeight,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    renderItem = _ref.renderItem,
+    _ref$overscan = _ref.overscan,
+    overscan = _ref$overscan === void 0 ? 10 : _ref$overscan;
   var containerRef = useRef(null);
   var wrapperRef = useRef(null);
-
   var _useVirtualList = useVirtualList(data, {
-    containerTarget: containerRef,
-    wrapperTarget: wrapperRef,
-    itemHeight: rowHeight,
-    overscan: 10
-  }),
-      _useVirtualList2 = _slicedToArray(_useVirtualList, 1),
-      list = _useVirtualList2[0];
-
+      containerTarget: containerRef,
+      wrapperTarget: wrapperRef,
+      itemHeight: rowHeight,
+      overscan: overscan
+    }),
+    _useVirtualList2 = _slicedToArray(_useVirtualList, 1),
+    list = _useVirtualList2[0];
   return /*#__PURE__*/_jsx("div", {
     className: "vidc-simple-list-layout ".concat(className),
     ref: containerRef,
@@ -44,11 +39,4 @@ function VList(_ref) {
     })
   });
 }
-
-VList.defaultProps = {
-  className: '',
-  rowHeight: 30,
-  overscan: 10,
-  data: []
-};
 export default VList;

package/es/typings.d.ts

@@ -1 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path="../typings/global.d.ts"/>

package/es/useDrawROI/index.js

@@ -1,37 +1,25 @@
+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); }
 import _useEventListener from "ahooks/es/useEventListener";
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import booleanDisjoint from '@turf/boolean-disjoint';
 import { lineString } from '@turf/helpers';
 import lineToPolygon from '@turf/line-to-polygon';
@@ -39,43 +27,34 @@ import { getTargetElement } from 'ahooks/lib/utils/domTarget';
 import { useEffect, useMemo } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 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 && 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 && oldSize.width)) {
       return;
     }
-
     var scale = size.width / oldSize.width;
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
@@ -87,9 +66,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 && defaultAreas.length > 0) {
       updateState({
@@ -97,27 +76,24 @@ 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 _objectSpread(_objectSpread({}, old), {}, {
         pos: pos
       });
@@ -125,7 +101,6 @@ function useDrawROI(target, _ref) {
   }, {
     target: target
   });
-
   _useEventListener('dblclick', function (event) {
     var p_x = event.offsetX;
     var p_y = event.offsetY;
@@ -133,24 +108,20 @@ 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 _objectSpread(_objectSpread({}, old), {}, {
         pos: pos,
         saveArea: saveArea,
@@ -160,12 +131,10 @@ 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) {
@@ -176,31 +145,27 @@ function useDrawROI(target, _ref) {
   }, {
     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));
@@ -211,66 +176,59 @@ 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 _objectSpread(_objectSpread({}, old), {}, {
@@ -278,7 +236,6 @@ function useDrawROI(target, _ref) {
       });
     });
   };
-
   var close = function close() {
     return setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
@@ -286,7 +243,6 @@ function useDrawROI(target, _ref) {
       });
     });
   };
-
   var clear = function clear() {
     return setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
@@ -295,9 +251,9 @@ function useDrawROI(target, _ref) {
         tempPos: []
       });
     });
-  }; //快捷键处理
-
+  };
 
+  //快捷键处理
   useHotkeys('esc', function () {
     return setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
@@ -309,48 +265,40 @@ 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) {
+      var _loop = function _loop() {
         // 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);
+        _loop();
       }
-
       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) {
@@ -361,7 +309,6 @@ function useDrawROI(target, _ref) {
       });
     });
   };
-
   return {
     open: open,
     close: close,
@@ -372,5 +319,4 @@ function useDrawROI(target, _ref) {
     deleteArea: deleteArea
   };
 }
-
 export default useDrawROI;