@cloud-app-dev/vidc 4.0.19 → 4.0.21

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.d.ts

@@ -0,0 +1,3 @@
+import { VHistory } from './interface.d';
+declare function useHistory(): VHistory;
+export default useHistory;

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;

package/es/useInfiniteScroll/index.d.ts

@@ -0,0 +1,16 @@
+import type { BasicTarget } from 'ahooks/lib/utils/domTarget';
+export type TData<T> = {
+    list: T[];
+    [key: string]: any;
+};
+declare function useInfiniteScroll<T>(fetcher: (currentData?: TData<T>) => Promise<TData<T>>, options: {
+    target?: BasicTarget;
+    isNoMore?: (data?: TData<T>) => boolean;
+    threshold?: number;
+    reloadDeps?: any[];
+}): {
+    noMore: boolean;
+    data: TData<T>;
+    loading: boolean;
+};
+export default useInfiniteScroll;

package/es/useInfiniteScroll/index.js

@@ -0,0 +1,102 @@
+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); }
+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 { useDebounceFn, useEventListener, useUpdateEffect } from 'ahooks';
+import { getTargetElement } from 'ahooks/es/utils/domTarget';
+import { getClientHeight, getScrollHeight, getScrollTop } from 'ahooks/es/utils/rect';
+import { useEffect, useMemo, useState } from 'react';
+function useInfiniteScroll(fetcher, options) {
+  var target = options.target,
+    isNoMore = options.isNoMore,
+    threshold = options.threshold,
+    reloadDeps = options.reloadDeps;
+  var _useState = useState({
+      data: {
+        list: []
+      },
+      loadding: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var noMore = useMemo(function () {
+    return !isNoMore ? false : isNoMore(state.data);
+  }, [state.data]);
+  var loadMore = function loadMore(flag) {
+    var _isNoMore;
+    if (!flag && ((_isNoMore = isNoMore === null || isNoMore === void 0 ? void 0 : isNoMore(state.data)) !== null && _isNoMore !== void 0 ? _isNoMore : false)) {
+      return;
+    }
+    if (state.loadding) {
+      return;
+    }
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        loadding: true
+      });
+    });
+    fetcher(flag ? {
+      list: []
+    } : state.data).then(function (res) {
+      return setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          data: _objectSpread({}, res),
+          loadding: false
+        });
+      });
+    });
+  };
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(function () {
+    return loadMore(true);
+  }, reloadDeps ? reloadDeps : [reloadDeps]);
+  var scrollMethod = useDebounceFn(function () {
+    var el = getTargetElement(target);
+    if (!el) {
+      return;
+    }
+    var scrollTop = getScrollTop(el);
+    var scrollHeight = getScrollHeight(el);
+    var clientHeight = getClientHeight(el);
+    if (scrollHeight - scrollTop <= clientHeight + (threshold || 50)) {
+      loadMore();
+    }
+  }, {
+    wait: 100
+  });
+  useEventListener('scroll', function () {
+    if (state.loadding) {
+      return;
+    }
+    scrollMethod.run();
+  }, {
+    target: target
+  });
+  useUpdateEffect(function () {
+    var el = getTargetElement(target);
+    if (!el) {
+      return;
+    }
+    el.scrollTo({
+      left: 0,
+      top: 0
+    });
+  }, reloadDeps ? reloadDeps : []);
+  return {
+    noMore: noMore,
+    data: state.data,
+    loading: state.loadding
+  };
+}
+export default useInfiniteScroll;

package/es/useRafInterval/index.d.ts

@@ -0,0 +1,5 @@
+declare function useRafInterval(fn: () => void, delay: number | undefined, options?: {
+    immediate?: boolean;
+    deps?: any[];
+}): () => void;
+export default useRafInterval;

package/es/useRafInterval/index.js

@@ -0,0 +1,71 @@
+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 _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 _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 _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 _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); }
+import { useCallback, useEffect, useRef } from 'react';
+import { useLatest } from 'ahooks';
+import { isNumber } from 'lodash-es';
+var setRafInterval = function setRafInterval(callback) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if ((typeof requestAnimationFrame === "undefined" ? "undefined" : _typeof(requestAnimationFrame)) === (typeof undefined === "undefined" ? "undefined" : _typeof(undefined))) {
+    return {
+      id: setInterval(callback, delay)
+    };
+  }
+  var start = new Date().getTime();
+  var handle = {
+    id: 0
+  };
+  var loop = function loop() {
+    var current = new Date().getTime();
+    if (current - start >= delay) {
+      callback();
+      start = new Date().getTime();
+    }
+    handle.id = requestAnimationFrame(loop);
+  };
+  handle.id = requestAnimationFrame(loop);
+  return handle;
+};
+function cancelAnimationFrameIsNotDefined(t) {
+  return (typeof cancelAnimationFrame === "undefined" ? "undefined" : _typeof(cancelAnimationFrame)) === (typeof undefined === "undefined" ? "undefined" : _typeof(undefined));
+}
+var clearRafInterval = function clearRafInterval(handle) {
+  if (cancelAnimationFrameIsNotDefined(handle.id)) {
+    //@ts-ignore
+    return clearInterval(handle.id);
+  }
+  cancelAnimationFrame(handle.id);
+};
+function useRafInterval(fn, delay, options) {
+  var _options$deps;
+  var immediate = options === null || options === void 0 ? void 0 : options.immediate;
+  var deps = (_options$deps = options === null || options === void 0 ? void 0 : options.deps) !== null && _options$deps !== void 0 ? _options$deps : [];
+  var fnRef = useLatest(fn);
+  var timerRef = useRef();
+  useEffect(function () {
+    if (!isNumber(delay) || delay < 0) return undefined;
+    if (immediate) {
+      fnRef.current();
+    }
+    timerRef.current = setRafInterval(function () {
+      fnRef.current();
+    }, delay);
+    return function () {
+      if (timerRef.current) {
+        clearRafInterval(timerRef.current);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [delay].concat(_toConsumableArray(deps)));
+  var clear = useCallback(function () {
+    if (timerRef.current) {
+      clearRafInterval(timerRef.current);
+    }
+  }, []);
+  return clear;
+}
+export default useRafInterval;

package/es/useSimpleState/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function useSimpleState<T>(s: T): [T, (data: Partial<T>) => void, React.Dispatch<React.SetStateAction<T>>];
+export default useSimpleState;

package/es/useSimpleState/index.js

@@ -0,0 +1,35 @@
+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); }
+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 { useMemoizedFn, useSafeState } from 'ahooks';
+import { isFunction, isObjectLike } from 'lodash-es';
+import { useMemo } from 'react';
+function useSimpleState(s) {
+  var _useSafeState = useSafeState(s),
+    _useSafeState2 = _slicedToArray(_useSafeState, 2),
+    state = _useSafeState2[0],
+    setState = _useSafeState2[1];
+  var stateChange = useMemoizedFn(function (d) {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), d);
+    });
+  });
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var isObject = useMemo(function () {
+    return isObjectLike(s) || isFunction(s) && isObjectLike(s());
+  }, []);
+  var result = useMemo(function () {
+    return [state, isObject ? stateChange : setState, setState];
+  }, [isObject, setState, state, stateChange]);
+  return result;
+}
+export default useSimpleState;

package/es/useVirtualList/index.d.ts

@@ -0,0 +1,13 @@
+import type { BasicTarget } from 'ahooks/es/utils/domTarget';
+type ItemHeight<T> = (index: number, data: T) => number;
+export interface Options<T> {
+    containerTarget: BasicTarget;
+    wrapperTarget: BasicTarget;
+    itemHeight: number | ItemHeight<T>;
+    overscan?: number;
+}
+declare const useVirtualList: <T = any>(list: T[], options: Options<T>) => readonly [{
+    index: number;
+    data: T;
+}[], (index: number) => void];
+export default useVirtualList;

package/es/useVirtualList/index.js

@@ -0,0 +1,136 @@
+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 { useEffect, useMemo, useState, useRef, useLayoutEffect } from 'react';
+import { useEventListener, useLatest, useMemoizedFn, useSize } from 'ahooks';
+import { getTargetElement } from 'ahooks/es/utils/domTarget';
+import { isNumber } from 'ahooks/es/utils';
+var useVirtualList = function useVirtualList(list, options) {
+  var containerTarget = options.containerTarget,
+    wrapperTarget = options.wrapperTarget,
+    itemHeight = options.itemHeight,
+    _options$overscan = options.overscan,
+    overscan = _options$overscan === void 0 ? 5 : _options$overscan;
+  var itemHeightRef = useLatest(itemHeight);
+  var size = useSize(containerTarget);
+  var scrollTriggerByScrollToFunc = useRef(false);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    targetList = _useState2[0],
+    setTargetList = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    offsetTop = _useState4[0],
+    setOffsetTop = _useState4[1];
+  var getVisibleCount = function getVisibleCount(containerHeight, fromIndex) {
+    if (isNumber(itemHeightRef.current)) {
+      return Math.ceil(containerHeight / itemHeightRef.current);
+    }
+    var sum = 0;
+    var endIndex = 0;
+    for (var i = fromIndex; i < list.length; i++) {
+      var height = itemHeightRef.current(i, list[i]);
+      sum += height;
+      endIndex = i;
+      if (sum >= containerHeight) {
+        break;
+      }
+    }
+    return endIndex - fromIndex;
+  };
+  var getOffset = function getOffset(scrollTop) {
+    if (isNumber(itemHeightRef.current)) {
+      return Math.floor(scrollTop / itemHeightRef.current) + 1;
+    }
+    var sum = 0;
+    var offset = 0;
+    for (var i = 0; i < list.length; i++) {
+      var height = itemHeightRef.current(i, list[i]);
+      sum += height;
+      if (sum >= scrollTop) {
+        offset = i;
+        break;
+      }
+    }
+    return offset + 1;
+  };
+
+  // 获取上部高度
+  var getDistanceTop = function getDistanceTop(index) {
+    if (isNumber(itemHeightRef.current)) {
+      var _height = index * itemHeightRef.current;
+      return _height;
+    }
+    var height = list.slice(0, index).reduce(function (sum, _, i) {
+      return sum + itemHeightRef.current(i, list[i]);
+    }, 0);
+    return height;
+  };
+  var totalHeight = useMemo(function () {
+    if (isNumber(itemHeightRef.current)) {
+      return list.length * itemHeightRef.current;
+    }
+    return list.reduce(function (sum, _, index) {
+      return sum + itemHeightRef.current(index, list[index]);
+    }, 0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [list]);
+  useLayoutEffect(function () {
+    var wrapper = getTargetElement(wrapperTarget);
+    wrapper.style.height = totalHeight - offsetTop + 'px';
+    wrapper.style.marginTop = offsetTop + 'px';
+  }, [totalHeight, wrapperTarget, offsetTop]);
+  var calculateRange = function calculateRange() {
+    var container = getTargetElement(containerTarget);
+    var wrapper = getTargetElement(wrapperTarget);
+    if (container && wrapper) {
+      var scrollTop = container.scrollTop,
+        clientHeight = container.clientHeight;
+      var offset = getOffset(scrollTop);
+      var visibleCount = getVisibleCount(clientHeight, offset);
+      var start = Math.max(0, offset - overscan);
+      var end = Math.min(list.length, offset + visibleCount + overscan);
+      var _offsetTop = getDistanceTop(start);
+      setOffsetTop(_offsetTop);
+      // wrapper.style.height = totalHeight - offsetTop + 'px';
+      // wrapper.style.marginTop = offsetTop + 'px';
+
+      setTargetList(list.slice(start, end).map(function (ele, index) {
+        return {
+          data: ele,
+          index: index + start
+        };
+      }));
+    }
+  };
+  useEffect(function () {
+    if (!(size !== null && size !== void 0 && size.width) || !(size !== null && size !== void 0 && size.height)) {
+      return;
+    }
+    calculateRange();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [size === null || size === void 0 ? void 0 : size.width, size === null || size === void 0 ? void 0 : size.height, list]);
+  useEventListener('scroll', function (e) {
+    if (scrollTriggerByScrollToFunc.current) {
+      scrollTriggerByScrollToFunc.current = false;
+      return;
+    }
+    e.preventDefault();
+    calculateRange();
+  }, {
+    target: containerTarget
+  });
+  var scrollTo = function scrollTo(index) {
+    var container = getTargetElement(containerTarget);
+    if (container) {
+      scrollTriggerByScrollToFunc.current = true;
+      container.scrollTop = getDistanceTop(index);
+      calculateRange();
+    }
+  };
+  return [targetList, useMemoizedFn(scrollTo)];
+};
+export default useVirtualList;

package/es/utils.d.ts

@@ -0,0 +1,14 @@
+import type { MutableRefObject } from 'react';
+import likeGo from './likeGo';
+type TargetValue<T> = T | undefined | null;
+type TargetType = HTMLElement | Element | Window | Document;
+export type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+export declare function getTargetElement<T extends TargetType>(target: BasicTarget<T>, defaultElement?: T): T;
+declare const getScrollTop: (el: Document | Element) => number;
+declare const getScrollHeight: (el: Document | Element) => number;
+declare const getClientHeight: (el: Document | Element) => number;
+declare const getEleScrollHeight: (el: Document | Element) => number;
+export declare const getHeader: () => {
+    Authorization: any;
+};
+export { getScrollTop, getScrollHeight, getClientHeight, getEleScrollHeight, likeGo };

package/es/utils.js

@@ -0,0 +1,46 @@
+import cache from "./cache";
+import likeGo from "./likeGo";
+export function getTargetElement(target, defaultElement) {
+  if (!target) {
+    return defaultElement;
+  }
+  var targetElement;
+  if (typeof target === 'function') {
+    targetElement = target();
+  } else if ('current' in target) {
+    targetElement = target.current;
+  } else {
+    targetElement = target;
+  }
+  return targetElement;
+}
+var getScrollTop = function getScrollTop(el) {
+  if (el === document || el === document.body) {
+    return Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop);
+  }
+  return el.scrollTop;
+};
+var getScrollHeight = function getScrollHeight(el) {
+  return el.scrollHeight || Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
+};
+var getClientHeight = function getClientHeight(el) {
+  return el.clientHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight);
+};
+var getEleScrollHeight = function getEleScrollHeight(el) {
+  if (el === document || el === document.body) {
+    return Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop);
+  }
+  var top = 0;
+  var dom = el;
+  while (dom) {
+    top += dom.scrollTop;
+    dom = dom.parentElement;
+  }
+  return top;
+};
+export var getHeader = function getHeader() {
+  return {
+    Authorization: cache.getCache('token', 'session')
+  };
+};
+export { getScrollTop, getScrollHeight, getClientHeight, getEleScrollHeight, likeGo };

package/es/uuid/index.d.ts

@@ -0,0 +1,5 @@
+import { v5 as uuid } from 'uuid';
+/**
+ * 生成UUID
+ */
+export default uuid;

package/es/uuid/index.js

@@ -0,0 +1,6 @@
+import { v5 as uuid } from 'uuid';
+
+/**
+ * 生成UUID
+ */
+export default uuid;

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "4.0.19",
+  "version": "4.0.21",
   "scripts": {
     "docs:deploy": "gh-pages -d docs-dist",
     "build": "npm run entry && father build",

package/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "strict": true,
+    "strict": false,
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,