@cloud-app-dev/vidc 4.0.20 → 4.0.22

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.js

@@ -0,0 +1,188 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { cloneDeep, compact, orderBy } from 'lodash-es';
+function computPlaceTree(lt, isNoDeep) {
+  var treeData;
+  var list = orderBy(lt, ['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;
+        if (!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];
+        if (!Array.isArray(_item.children)) {
+          _item.children = [];
+        }
+        _item.children.push(item);
+      }
+    }
+    if (!hasParent) {
+      arr.push(index);
+    }
+  });
+  treeMap = null;
+  return treeData.filter(function (v, index) {
+    return arr.includes(index) && v.id !== '1200000000000000000';
+  });
+}
+function computPlaceTreeHasUnknown(lt, isNoDeep) {
+  var treeData;
+  var list = orderBy(lt, ['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;
+        if (!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];
+        if (!Array.isArray(_item2.children)) {
+          _item2.children = [];
+        }
+        _item2.children.push(item);
+      }
+    }
+    if (!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]];
+      if (!Array.isArray(item2.children)) {
+        item2.children = [];
+      }
+      item2.children.push(item);
+    }
+    if (!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/typings.d.ts

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

package/es/useDrawROI/index.js

@@ -0,0 +1,318 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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';
+import { useEventListener, useLatest, usePrevious, useSize, useUpdateEffect } from 'ahooks';
+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;
+  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];
+  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), {}, {
+        pos: [],
+        tempPos: [],
+        saveArea: old.saveArea.map(function (area) {
+          return area.map(function (v) {
+            return [v[0] * scale, v[1] * scale];
+          });
+        })
+      });
+    });
+    // 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({
+        saveArea: defaultAreas
+      });
+    }
+  }, [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导致重复触发
+      if (!pos.find(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          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
+      });
+    });
+  }, {
+    target: target
+  });
+  useEventListener('dblclick', function (event) {
+    var p_x = event.offsetX;
+    var p_y = event.offsetY;
+    setState(function (old) {
+      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];
+          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,
+        tempPos: tempPos
+      });
+    });
+  }, {
+    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 _objectSpread(_objectSpread({}, old), {}, {
+        tempPos: [p_x, p_y]
+      });
+    });
+  }, {
+    target: target
+  });
+  var clearCanvas = function clearCanvas() {
+    var canvas = getTargetElement(target);
+    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');
+    // 绘制已完成的图形
+    area.forEach(function (item) {
+      // 绘制坐标线
+      var _item = _toArray(item),
+        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];
+        return 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();
+    });
+  };
+  var canvasRendering = function canvasRendering(points, tempPos) {
+    if (points.length === 0) {
+      return;
+    }
+    var canvas = getTargetElement(target);
+    var ctx = canvas.getContext('2d');
+    // 绘制坐标点
+    points.forEach(function (_ref8) {
+      var _ref9 = _slicedToArray(_ref8, 2),
+        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);
+    ctx.beginPath();
+    ctx.moveTo.apply(ctx, _toConsumableArray(startPos));
+    pos.forEach(function (_ref10) {
+      var _ref11 = _slicedToArray(_ref10, 2),
+        x = _ref11[0],
+        y = _ref11[1];
+      return ctx.lineTo(x, y);
+    });
+    var _tempPos = _slicedToArray(tempPos, 2),
+      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
+  useEffect(function () {
+    clearCanvas();
+    drawSavaArea(state.saveArea);
+    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), {}, {
+        isOpen: true
+      });
+    });
+  };
+  var close = function close() {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        isOpen: false
+      });
+    });
+  };
+  var clear = function clear() {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        pos: [],
+        saveArea: [],
+        tempPos: []
+      });
+    });
+  };
+
+  //快捷键处理
+  useHotkeys('esc', function () {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        pos: [],
+        tempPos: []
+      });
+    });
+  });
+  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;
+    var itemWidth = width / rowItems;
+    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() {
+        // 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 flag = areas.findIndex(function (area) {
+          return !booleanDisjoint(rect, area);
+        }) > -1;
+        arr.push(flag ? 1 : 0);
+      };
+      for (var k = 0; k < rowItems; 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) {
+        return v.join('-') !== area.join('-');
+      });
+      return _objectSpread(_objectSpread({}, old), {}, {
+        saveArea: _toConsumableArray(newArea)
+      });
+    });
+  };
+  return {
+    open: open,
+    close: close,
+    clear: clear,
+    rio: rio,
+    status: status,
+    areas: state.saveArea,
+    deleteArea: deleteArea
+  };
+}
+export default useDrawROI;

package/es/useEventEmitterHandle/index.js

@@ -0,0 +1,17 @@
+import { useLatest } from 'ahooks';
+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);
+    return function () {
+      return SocketEmitter.off(eventName, eventListener);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [eventName]);
+}
+export default useEventEmitterHandle;

package/es/useFullscreen/demo.js

@@ -0,0 +1,43 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useFullscreen } from 'ahooks';
+import React, { useRef } from 'react';
+export default function App() {
+  var ref1 = useRef(null);
+  var ref2 = useRef(null);
+  var _useFullscreen = useFullscreen(ref1),
+    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+    fullscreen1 = _useFullscreen2[0],
+    options1 = _useFullscreen2[1];
+  var _useFullscreen3 = useFullscreen(ref2),
+    _useFullscreen4 = _slicedToArray(_useFullscreen3, 2),
+    fullscreen2 = _useFullscreen4[0],
+    options2 = _useFullscreen4[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", {
+    type: "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", {
+    type: "button",
+    onClick: options2.toggleFullscreen
+  }, "\u5B50\u5143\u7D20", fullscreen2 ? '退出全屏' : '全屏'))), /*#__PURE__*/React.createElement("div", null));
+}

package/es/useFullscreen/index.js

@@ -0,0 +1,76 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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;
+  var onExitRef = useLatest(onExit);
+  var onEnterRef = useLatest(onEnter);
+  var _useState = useState(false),
+    _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 || _onEnterRef$current.call(onEnterRef);
+      } else {
+        var _onExitRef$current;
+        screenfull.off('change', onChange);
+        (_onExitRef$current = onExitRef.current) === null || _onExitRef$current === 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);
+        screenfull.on('change', onChange);
+      } catch (error) {
+        console.error(error);
+      }
+    }
+  };
+  var exitFullscreen = function exitFullscreen() {
+    if (screenfull.isEnabled) {
+      screenfull.exit();
+    }
+  };
+  var toggleFullscreen = function toggleFullscreen() {
+    if (state) {
+      exitFullscreen();
+    } else {
+      enterFullscreen();
+    }
+  };
+  useUnmount(function () {
+    if (screenfull.isEnabled) {
+      screenfull.off('change', onChange);
+    }
+  });
+  return [state, {
+    enterFullscreen: useMemoizedFn(enterFullscreen),
+    exitFullscreen: useMemoizedFn(exitFullscreen),
+    toggleFullscreen: useMemoizedFn(toggleFullscreen),
+    isEnabled: screenfull.isEnabled
+  }];
+};
+export default useFullscreen;

package/es/useHistory/index.js

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

package/es/useHistory/interface.d.ts

@@ -0,0 +1,3 @@
+import { History } from 'history';
+
+export type VHistory = History;