@cloud-app-dev/vidc 4.0.8 → 4.0.10

package/es/cache/index.d.ts

@@ -0,0 +1,34 @@
+declare type CacheType = 'local' | 'session' | 'cookie';
+/**
+ * 获取缓存数据
+ * @param {string} key
+ * @param {string} type: 缓存类型 'local'(默认) / cookie / session;
+ */
+declare function getCache(key: string, type?: CacheType): any;
+/**
+ * 获取缓存数据
+ * @param {string} key
+ * @param {any} value
+ * @param {string} type: 缓存类型 'local'(默认) / cookie / session;
+ */
+declare function setCache(key: string, value: any, type?: CacheType): void;
+/**
+ * 获取用户缓存
+ * @param {*} key
+ * @param {*} type
+ */
+declare function getUserCache(key: string, type?: CacheType): any;
+/**
+ * 设置用户缓存
+ * @param {*} key
+ * @param {*} value
+ * @param {*} type
+ */
+declare function setUserCache(key: string, value: any, type?: CacheType): void;
+declare const _default: {
+    getCache: typeof getCache;
+    setCache: typeof setCache;
+    getUserCache: typeof getUserCache;
+    setUserCache: typeof setUserCache;
+};
+export default _default;

package/es/cache/index.js

@@ -0,0 +1,94 @@
+import Cookie from 'js-cookie';
+/**
+ * 获取缓存数据
+ * @param {string} key
+ * @param {string} type: 缓存类型 'local'(默认) / cookie / session;
+ */
+function getCache(key) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'local';
+  var data;
+  switch (type) {
+    case 'cookie':
+      data = Cookie.get(key);
+      break;
+    case 'session':
+      // eslint-disable-next-line no-case-declarations
+      var strS = sessionStorage.getItem(key);
+      try {
+        data = JSON.parse(strS);
+      } catch (e) {
+        data = strS;
+      }
+      break;
+    default:
+      // eslint-disable-next-line no-case-declarations
+      var strL = localStorage.getItem(key);
+      try {
+        data = JSON.parse(strL);
+      } catch (e) {
+        data = strL;
+      }
+      break;
+  }
+  return data;
+}
+
+/**
+ * 获取缓存数据
+ * @param {string} key
+ * @param {any} value
+ * @param {string} type: 缓存类型 'local'(默认) / cookie / session;
+ */
+function setCache(key, value) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
+  switch (type) {
+    case 'cookie':
+      Cookie.set(key, value, {
+        expires: 7
+      });
+      break;
+    case 'session':
+      sessionStorage.setItem(key, JSON.stringify(value));
+      break;
+    default:
+      localStorage.setItem(key, JSON.stringify(value));
+      break;
+  }
+}
+
+/**
+ * 获取用户缓存
+ * @param {*} key
+ * @param {*} type
+ */
+function getUserCache(key) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'local';
+  var id = getCache('userId', 'session');
+  if (!id) {
+    console.error('无法获取用户信息！');
+    return;
+  }
+  return getCache("".concat(id, "-").concat(key), type);
+}
+
+/**
+ * 设置用户缓存
+ * @param {*} key
+ * @param {*} value
+ * @param {*} type
+ */
+function setUserCache(key, value) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
+  var id = getCache('userId', 'session');
+  if (!id) {
+    console.error('无法获取用户信息！');
+    return;
+  }
+  return setCache("".concat(id, "-").concat(key), value, type);
+}
+export default {
+  getCache: getCache,
+  setCache: setCache,
+  getUserCache: getUserCache,
+  setUserCache: setUserCache
+};

package/es/copy/index.d.ts

@@ -0,0 +1 @@
+export default function copy(text: string): void;

package/es/copy/index.js

@@ -0,0 +1,9 @@
+export default function copy(text) {
+  var input = document.createElement('input');
+  input.type = 'text';
+  input.value = text;
+  document.body.appendChild(input);
+  input.select();
+  document.execCommand('copy');
+  input.remove();
+}

package/es/getThemeStyle/index.d.ts

@@ -0,0 +1,2 @@
+declare function getThemeStyle(name: string, ele?: Element): string | undefined;
+export default getThemeStyle;

package/es/getThemeStyle/index.js

@@ -0,0 +1,5 @@
+function getThemeStyle(name, ele) {
+  var dom = ele || document.querySelector(':root');
+  return getComputedStyle(dom).getPropertyValue("--".concat(name));
+}
+export default getThemeStyle;

package/es/index.d.ts

@@ -11,6 +11,7 @@ export { default as Drag } from './Drag';
 export { default as DynamicGridList } from './DynamicGridList';
 export { default as DynamicList } from './DynamicList';
 export { default as ErrorFallback } from './ErrorFallback';
+export { default as EventTools } from './EventTools';
 export { default as FrontendPlayer } from './FrontendPlayer';
 export { default as FullScreen } from './FullScreen';
 export { default as GridList } from './GridList';
@@ -35,10 +36,19 @@ export { default as RefModal } from './RefModal';
 export { default as ScreenPlayer } from './ScreenPlayer';
 export { default as SegmentPlayer } from './SegmentPlayer';
 export { default as Service } from './Service';
+export { default as SocketEmitter } from './SocketEmitter';
 export { default as TableLayout } from './TableLayout';
 export { default as ThemeAntd } from './ThemeAntd';
 export { default as Timeout } from './Timeout';
 export { default as VList } from './VList';
+export { default as bigNumberTransformCN } from './bigNumberTransformCN';
+export { default as cache } from './cache';
+export { default as copy } from './copy';
+export { default as getThemeStyle } from './getThemeStyle';
+export { default as logger } from './logger';
+export { default as nextTick } from './nextTick';
+export { default as submidstr } from './submidstr';
+export { default as treeHelper } from './treeHelper';
 export { default as useDrawROI } from './useDrawROI';
 export { default as useEventEmitterHandle } from './useEventEmitterHandle';
 export { default as useFullscreen } from './useFullscreen';
@@ -47,3 +57,4 @@ export { default as useInfiniteScroll } from './useInfiniteScroll';
 export { default as useRafInterval } from './useRafInterval';
 export { default as useSimpleState } from './useSimpleState';
 export { default as useVirtualList } from './useVirtualList';
+export { default as uuid } from './uuid';

package/es/index.js

@@ -11,6 +11,7 @@ export { default as Drag } from "./Drag";
 export { default as DynamicGridList } from "./DynamicGridList";
 export { default as DynamicList } from "./DynamicList";
 export { default as ErrorFallback } from "./ErrorFallback";
+export { default as EventTools } from "./EventTools";
 export { default as FrontendPlayer } from "./FrontendPlayer";
 export { default as FullScreen } from "./FullScreen";
 export { default as GridList } from "./GridList";
@@ -35,10 +36,19 @@ export { default as RefModal } from "./RefModal";
 export { default as ScreenPlayer } from "./ScreenPlayer";
 export { default as SegmentPlayer } from "./SegmentPlayer";
 export { default as Service } from "./Service";
+export { default as SocketEmitter } from "./SocketEmitter";
 export { default as TableLayout } from "./TableLayout";
 export { default as ThemeAntd } from "./ThemeAntd";
 export { default as Timeout } from "./Timeout";
 export { default as VList } from "./VList";
+export { default as bigNumberTransformCN } from "./bigNumberTransformCN";
+export { default as cache } from "./cache";
+export { default as copy } from "./copy";
+export { default as getThemeStyle } from "./getThemeStyle";
+export { default as logger } from "./logger";
+export { default as nextTick } from "./nextTick";
+export { default as submidstr } from "./submidstr";
+export { default as treeHelper } from "./treeHelper";
 export { default as useDrawROI } from "./useDrawROI";
 export { default as useEventEmitterHandle } from "./useEventEmitterHandle";
 export { default as useFullscreen } from "./useFullscreen";
@@ -46,4 +56,5 @@ export { default as useHistory } from "./useHistory";
 export { default as useInfiniteScroll } from "./useInfiniteScroll";
 export { default as useRafInterval } from "./useRafInterval";
 export { default as useSimpleState } from "./useSimpleState";
-export { default as useVirtualList } from "./useVirtualList";
+export { default as useVirtualList } from "./useVirtualList";
+export { default as uuid } from "./uuid";

package/es/logger/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    debug(title: string, ...args: any): void;
+    success(title: string, ...args: any): void;
+    error(title: string, ...args: any): void;
+    warn(title: string, ...args: any): void;
+};
+export default _default;

package/es/logger/index.js

@@ -0,0 +1,30 @@
+export default {
+  debug: function debug(title) {
+    var _console;
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    (_console = console).debug.apply(_console, ["%c[DEBUG] -> ".concat(title), 'color:white;background-color:blue'].concat(args));
+  },
+  success: function success(title) {
+    var _console2;
+    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      args[_key2 - 1] = arguments[_key2];
+    }
+    (_console2 = console).debug.apply(_console2, ["%c[SUCCESS] -> ".concat(title), 'color:white;background-color:green'].concat(args));
+  },
+  error: function error(title) {
+    var _console3;
+    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      args[_key3 - 1] = arguments[_key3];
+    }
+    (_console3 = console).error.apply(_console3, ["%c[ERROR] -> ".concat(title), 'color:white;background-color:red'].concat(args));
+  },
+  warn: function warn(title) {
+    var _console4;
+    for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
+      args[_key4 - 1] = arguments[_key4];
+    }
+    (_console4 = console).error.apply(_console4, ["%c[WARN] -> ".concat(title), 'color:white;background-color:yellow'].concat(args));
+  }
+};

package/es/nextTick/index.d.ts

@@ -0,0 +1 @@
+export default function nextTick(fn: () => void, mode?: string): void;

package/es/nextTick/index.js

@@ -0,0 +1,7 @@
+export default function nextTick(fn, mode) {
+  if (mode === 'setTimeout') {
+    setTimeout(fn, 10);
+  } else {
+    Promise.resolve().then(fn);
+  }
+}

package/es/submidstr/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 文字超出中间省略号
+ * @param {string} str
+ */
+export default function submidstr(str: String, replaceLength?: number): string | String;

package/es/submidstr/index.js

@@ -0,0 +1,14 @@
+/**
+ * 文字超出中间省略号
+ * @param {string} str
+ */
+export default function submidstr(str) {
+  var replaceLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4;
+  if (str.length > replaceLength * 2) {
+    var arr1 = str.substring(0, replaceLength);
+    var arr2 = str.substring(str.length - replaceLength, replaceLength);
+    return "".concat(arr1, "...").concat(arr2);
+  } else {
+    return str;
+  }
+}

package/es/treeHelper/index.d.ts

@@ -0,0 +1,11 @@
+declare function computPlaceTree<T>(list: T[], isNoDeep?: boolean): T[];
+declare function computPlaceTreeHasUnknown<T>(list: T[], isNoDeep?: boolean): T[];
+declare function computTreeList<T>(list: T[], id?: string, pid?: string, isNoDeep?: boolean): T[];
+declare function computTreeList2<T>(list: T[], key?: string, pKey?: string): T[];
+declare const _default: {
+    computPlaceTree: typeof computPlaceTree;
+    computTreeList: typeof computTreeList;
+    computTreeList2: typeof computTreeList2;
+    computPlaceTreeHasUnknown: typeof computPlaceTreeHasUnknown;
+};
+export default _default;

package/es/treeHelper/index.js

@@ -0,0 +1,173 @@
+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); }
+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) { 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); }
+import { compact, cloneDeep, orderBy } from 'lodash-es';
+function computPlaceTree(list, isNoDeep) {
+  var treeData;
+  list = orderBy(list, ['provinceId'], ['asc']);
+  if (!isNoDeep) {
+    treeData = cloneDeep(list);
+  } else {
+    treeData = list;
+  }
+  var treeMap = {};
+  treeData.forEach(function (v) {
+    treeMap[v.areaCode] = v;
+  });
+  function getPcodesPlace(codes) {
+    return compact(codes.map(function (v) {
+      return treeMap[v];
+    }));
+  }
+  var arr = [];
+  treeData.forEach(function (item, index) {
+    var hasParent = false;
+    if (item.level >= 5 && Array.isArray(item.pcodes)) {
+      var pPlaces = getPcodesPlace(item.pcodes);
+      var pLevels = pPlaces.map(function (v) {
+        return v ? v.level : 0;
+      });
+      var item2 = pPlaces[pLevels.indexOf(Math.max.apply(null, pLevels))];
+      if (item2) {
+        hasParent = true;
+        !Array.isArray(item2.children) && (item2.children = []);
+        item2.children.push(item);
+      }
+    }
+    if (item.level < 5) {
+      if (item.parentCode && treeMap[item.parentCode]) {
+        hasParent = true;
+        var _item = treeMap[item.parentCode];
+        !Array.isArray(_item.children) && (_item.children = []);
+        _item.children.push(item);
+      }
+    }
+    !hasParent && arr.push(index);
+  });
+  treeMap = null;
+  return treeData.filter(function (v, index) {
+    return arr.includes(index) && v.id !== '1200000000000000000';
+  });
+}
+function computPlaceTreeHasUnknown(list, isNoDeep) {
+  var treeData;
+  list = orderBy(list, ['provinceId'], ['asc']);
+  if (!isNoDeep) {
+    treeData = cloneDeep(list);
+  } else {
+    treeData = list;
+  }
+  var treeMap = {};
+  treeData.forEach(function (v) {
+    treeMap[v.areaCode] = v;
+  });
+  function getPcodesPlace(codes) {
+    return compact(codes.map(function (v) {
+      return treeMap[v];
+    }));
+  }
+  var arr = [];
+  treeData.forEach(function (item, index) {
+    var hasParent = false;
+    if (item.level >= 5 && Array.isArray(item.pcodes)) {
+      var pPlaces = getPcodesPlace(item.pcodes);
+      var pLevels = pPlaces.map(function (v) {
+        return v ? v.level : 0;
+      });
+      var item2 = pPlaces[pLevels.indexOf(Math.max.apply(null, pLevels))];
+      if (item2) {
+        hasParent = true;
+        !Array.isArray(item2.children) && (item2.children = []);
+        item2.children.push(item);
+      }
+    }
+    if (item.level < 5) {
+      if (item.parentCode && treeMap[item.parentCode]) {
+        hasParent = true;
+        var _item2 = treeMap[item.parentCode];
+        !Array.isArray(_item2.children) && (_item2.children = []);
+        _item2.children.push(item);
+      }
+    }
+    !hasParent && arr.push(index);
+  });
+  treeMap = null;
+  return treeData.filter(function (v, index) {
+    return arr.includes(index);
+  });
+}
+function computTreeList(list) {
+  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
+  var pid = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parentId';
+  var isNoDeep = arguments.length > 3 ? arguments[3] : undefined;
+  var treeData;
+  if (!isNoDeep) {
+    treeData = cloneDeep(list);
+  } else {
+    treeData = list;
+  }
+  var treeMap = {};
+  treeData.forEach(function (v) {
+    treeMap[v[id]] = v;
+  });
+  var arr = [];
+  for (var i = 0, l = treeData.length; i < l; i++) {
+    var item = treeData[i];
+    var hasParent = false;
+    if (item[pid] && treeMap[item[pid]]) {
+      hasParent = true;
+      var item2 = treeMap[item[pid]];
+      !Array.isArray(item2.children) && (item2.children = []);
+      item2.children.push(item);
+    }
+    !hasParent && arr.push(i);
+  }
+  treeMap = null;
+  return treeData.filter(function (_, index) {
+    return arr.includes(index);
+  });
+}
+function computTreeList2(list) {
+  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
+  var pKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parentId';
+  var result = [];
+  var itemMap = {};
+  var topKeys = new Set(); // 存储顶层的key
+  for (var i = 0, l = list.length; i < l; i++) {
+    var item = list[i];
+    var id = item[key];
+    var pid = item[pKey];
+    if (!itemMap[id]) {
+      itemMap[id] = _objectSpread(_objectSpread({}, item), {}, {
+        children: []
+      });
+    }
+    itemMap[id] = _objectSpread(_objectSpread({}, item), {}, {
+      children: itemMap[id].children
+    });
+    var treeItem = itemMap[id];
+    if (!itemMap[pid]) {
+      topKeys.add(id); //找不到pid先当作顶层
+      itemMap[pid] = {
+        children: []
+      };
+    } else {
+      topKeys.delete(id); //后面找到了删除顶层
+    }
+
+    itemMap[pid].children.push(treeItem);
+  }
+  topKeys.forEach(function (v) {
+    return result.push(itemMap[v]);
+  }); //更具顶层key获取tree结构数据
+  return result;
+}
+export default {
+  computPlaceTree: computPlaceTree,
+  computTreeList: computTreeList,
+  computTreeList2: computTreeList2,
+  computPlaceTreeHasUnknown: computPlaceTreeHasUnknown
+};

package/es/useEventEmitterHandle/index.js

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

package/es/useFullscreen/demo.js

@@ -1,34 +1,24 @@
 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 _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 { 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];
-
+    _useFullscreen5 = _slicedToArray(_useFullscreen4, 2),
+    fullscreen2 = _useFullscreen5[0],
+    options2 = _useFullscreen5[1];
   return /*#__PURE__*/_jsxs("div", {
     className: "App",
     children: [/*#__PURE__*/_jsxs("div", {

package/es/useFullscreen/index.js

@@ -1,62 +1,45 @@
 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 { 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() {
     if (screenfull.isEnabled) {
       var el = getTargetElement(target);
       var isFullscreen = document.fullscreenElement === el;
-
       if (isFullscreen) {
         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);
         (_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);
@@ -66,13 +49,11 @@ var useFullscreen = function useFullscreen(target, options) {
       }
     }
   };
-
   var exitFullscreen = function exitFullscreen() {
     if (screenfull.isEnabled) {
       screenfull.exit();
     }
   };
-
   var toggleFullscreen = function toggleFullscreen() {
     if (state) {
       exitFullscreen();
@@ -80,7 +61,6 @@ var useFullscreen = function useFullscreen(target, options) {
       enterFullscreen();
     }
   };
-
   useUnmount(function () {
     if (screenfull.isEnabled) {
       screenfull.off('change', onChange);
@@ -93,5 +73,4 @@ var useFullscreen = function useFullscreen(target, options) {
     isEnabled: screenfull.isEnabled
   }];
 };
-
 export default useFullscreen;