eli-video-interview 1.2.38 → 1.2.39-alpha.2

package/lib/components/react-photo-view/components/CloseIcon.js

@@ -0,0 +1,18 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+function CloseIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "44", height: "44", viewBox: "0 0 768 768" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M607.5 205.5l-178.5 178.5 178.5 178.5-45 45-178.5-178.5-178.5 178.5-45-45 178.5-178.5-178.5-178.5 45-45 178.5 178.5 178.5-178.5z" }) })));
+}
+exports.default = CloseIcon;

package/lib/components/react-photo-view/components/PreventScroll.d.ts

@@ -0,0 +1 @@
+export default function PreventScroll(): null;

package/lib/components/react-photo-view/components/PreventScroll.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function PreventScroll() {
+    (0, react_1.useEffect)(function () {
+        var style = document.body.style;
+        var lastOverflow = style.overflow;
+        style.overflow = 'hidden';
+        return function () {
+            style.overflow = lastOverflow;
+        };
+    }, []);
+    return null;
+}
+exports.default = PreventScroll;

package/lib/components/react-photo-view/components/SlidePortal.css

@@ -0,0 +1,10 @@
+.PhotoView-Portal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2000;
+  overflow: hidden;
+  touch-action: none;
+}

package/lib/components/react-photo-view/components/SlidePortal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './SlidePortal.css';
+export interface ISliderPortalProps extends React.HTMLAttributes<HTMLDivElement> {
+    container?: HTMLElement;
+}
+declare function SlidePortal({ container, ...rest }: ISliderPortalProps): React.ReactPortal;
+export default SlidePortal;

package/lib/components/react-photo-view/components/SlidePortal.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_dom_1 = require("react-dom");
+require("./SlidePortal.css");
+function SlidePortal(_a) {
+    var _b = _a.container, container = _b === void 0 ? document.body : _b, rest = __rest(_a, ["container"]);
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", __assign({}, rest)), container);
+}
+exports.default = SlidePortal;

package/lib/components/react-photo-view/components/Spinner.css

@@ -0,0 +1,23 @@
+@keyframes PhotoView__rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes PhotoView__delayIn {
+  0%,
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.PhotoView__Spinner {
+  animation: PhotoView__delayIn 0.4s linear both;
+}
+.PhotoView__Spinner svg {
+  animation: PhotoView__rotate 0.6s linear infinite;
+}

package/lib/components/react-photo-view/components/Spinner.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './Spinner.css';
+declare function Spinner({ className, ...props }: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export default Spinner;

package/lib/components/react-photo-view/components/Spinner.js

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("./Spinner.css");
+function Spinner(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "PhotoView__Spinner ".concat(className) }, props, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 32 32", width: "36", height: "36", fill: "white" }, { children: [(0, jsx_runtime_1.jsx)("path", { opacity: ".25", d: "M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4" }), (0, jsx_runtime_1.jsx)("path", { d: "M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z" })] })) })));
+}
+exports.default = Spinner;

package/lib/components/react-photo-view/hooks/useAdjacentImages.d.ts

@@ -0,0 +1,5 @@
+import type { DataType } from '../types';
+/**
+ * 截取相邻三张图片
+ */
+export default function useAdjacentImages(images: DataType[], index: number, loop: boolean): DataType[];

package/lib/components/react-photo-view/hooks/useAdjacentImages.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+/**
+ * 截取相邻三张图片
+ */
+function useAdjacentImages(images, index, loop) {
+    return (0, react_1.useMemo)(function () {
+        var imageLength = images.length;
+        if (loop) {
+            var connected = images.concat(images).concat(images);
+            return connected.slice(imageLength + index - 1, imageLength + index + 2);
+        }
+        return images.slice(Math.max(index - 1, 0), Math.min(index + 2, imageLength + 1));
+    }, [images, index, loop]);
+}
+exports.default = useAdjacentImages;

package/lib/components/react-photo-view/hooks/useAnimationOrigin.d.ts

@@ -0,0 +1,6 @@
+import type { MutableRefObject } from 'react';
+import type { EasingMode, OriginRectType } from '../types';
+export default function useAnimationOrigin(visible: boolean | undefined, originRef: MutableRefObject<HTMLElement | null> | undefined, loaded: boolean, speed: number, updateEasing: (pause: boolean) => void): [
+    easingMode: EasingMode,
+    originRect: OriginRectType
+];

package/lib/components/react-photo-view/hooks/useAnimationOrigin.js

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var variables_1 = require("../variables");
+var useMethods_1 = __importDefault(require("./useMethods"));
+var initialRect = {
+    T: 0,
+    L: 0,
+    W: 0,
+    H: 0,
+    // 图像填充方式
+    FIT: undefined,
+};
+function useAnimationOrigin(visible, originRef, loaded, speed, updateEasing) {
+    var _a = (0, react_1.useState)(initialRect), originRect = _a[0], updateOriginRect = _a[1];
+    // 动画状态
+    var _b = (0, react_1.useState)(0), easingMode = _b[0], updateEasingMode = _b[1];
+    var initialTime = (0, react_1.useRef)();
+    var fn = (0, useMethods_1.default)({
+        OK: function () { return visible && updateEasingMode(4); },
+    });
+    (0, react_1.useEffect)(function () {
+        // 记录初始打开的时间
+        if (!initialTime.current) {
+            initialTime.current = Date.now();
+        }
+        if (!loaded) {
+            return;
+        }
+        handleUpdateOrigin(originRef, updateOriginRect);
+        // 打开动画处理
+        if (visible) {
+            // 小于最大允许动画时间，则执行缩放动画
+            if (Date.now() - initialTime.current < variables_1.maxWaitAnimationTime) {
+                updateEasingMode(1);
+                // 延时执行动画，保持 transition 生效
+                requestAnimationFrame(function () {
+                    updateEasingMode(2);
+                    requestAnimationFrame(function () { return handleToShape(3); });
+                });
+                setTimeout(fn.OK, speed);
+                return;
+            }
+            // 超出则不执行
+            updateEasingMode(4);
+            return;
+        }
+        // 关闭动画处理
+        handleToShape(5);
+    }, [visible, loaded]);
+    function handleToShape(currentShape) {
+        updateEasing(false);
+        updateEasingMode(currentShape);
+    }
+    return [easingMode, originRect];
+}
+exports.default = useAnimationOrigin;
+/**
+ * 更新缩略图位置信息
+ */
+function handleUpdateOrigin(originRef, updateOriginRect) {
+    var element = originRef && originRef.current;
+    if (element && element.nodeType === 1) {
+        // 获取触发时节点位置
+        var _a = element.getBoundingClientRect(), top_1 = _a.top, left = _a.left, width = _a.width, height = _a.height;
+        var isImage = element.tagName === 'IMG';
+        updateOriginRect({
+            T: top_1,
+            L: left,
+            W: width,
+            H: height,
+            FIT: isImage ? getComputedStyle(element).objectFit : undefined,
+        });
+    }
+}

package/lib/components/react-photo-view/hooks/useAnimationPosition.d.ts

@@ -0,0 +1,2 @@
+import type { MutableRefObject } from 'react';
+export default function useAnimationPosition(visible: boolean | undefined, originRef: MutableRefObject<HTMLElement | null> | undefined, loaded: boolean, x: number, y: number, width: number, height: number, scale: number, speed: number, updateEasing: (pause: boolean) => void): readonly [number, number, number, number, number, 0 | 1, import("../types").EasingMode, "fill" | "contain" | "cover" | undefined];

package/lib/components/react-photo-view/hooks/useAnimationPosition.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var useAnimationOrigin_1 = __importDefault(require("./useAnimationOrigin"));
+var useTargetScale_1 = __importDefault(require("./useTargetScale"));
+function useAnimationPosition(visible, originRef, loaded, x, y, width, height, scale, speed, updateEasing) {
+    // 延迟更新 width/height
+    var _a = (0, useTargetScale_1.default)(width, height, scale, speed, updateEasing), autoWidth = _a[0], autoHeight = _a[1], autoScale = _a[2];
+    // 动画源处理
+    var _b = (0, useAnimationOrigin_1.default)(visible, originRef, loaded, speed, updateEasing), easingMode = _b[0], originRect = _b[1];
+    // 计算动画位置
+    var T = originRect.T, L = originRect.L, W = originRect.W, H = originRect.H, FIT = originRect.FIT;
+    // 偏移量，x: 0, y: 0 居中为初始
+    var centerWidth = window.innerWidth / 2;
+    var centerHeight = window.innerHeight / 2;
+    var offsetX = centerWidth - (width * scale) / 2;
+    var offsetY = centerHeight - (height * scale) / 2;
+    // 缩略图状态
+    var miniMode = easingMode < 3 || easingMode > 4;
+    // 有缩略图时，则为缩略图的位置，否则居中
+    var translateX = miniMode ? (W ? L : centerWidth) : x + offsetX;
+    var translateY = miniMode ? (W ? T : centerHeight) : y + offsetY;
+    // 最小值缩放
+    var minScale = W / (width * scale) || 0.01;
+    // 适应 objectFit 保持缩略图宽高比
+    var currentHeight = miniMode && FIT ? autoWidth * (H / W) : autoHeight;
+    // 初始加载情况无缩放
+    var currentScale = easingMode === 0 ? autoScale : miniMode ? minScale : autoScale;
+    var opacity = miniMode ? (FIT ? 1 : 0) : 1;
+    return [translateX, translateY, autoWidth, currentHeight, currentScale, opacity, easingMode, FIT];
+}
+exports.default = useAnimationPosition;

package/lib/components/react-photo-view/hooks/useAnimationVisible.d.ts

@@ -0,0 +1,6 @@
+import type { ActiveAnimationType } from '../types';
+/**
+ * 动画关闭处理真实关闭状态
+ * 通过 onAnimationEnd 回调实现 leaveCallback
+ */
+export default function useAnimationVisible(visible: boolean | undefined, afterClose?: () => void): [realVisible: boolean | undefined, activeAnimation: ActiveAnimationType, onAnimationEnd: () => void];

package/lib/components/react-photo-view/hooks/useAnimationVisible.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useForkedVariable_1 = __importDefault(require("./useForkedVariable"));
+/**
+ * 动画关闭处理真实关闭状态
+ * 通过 onAnimationEnd 回调实现 leaveCallback
+ */
+function useAnimationVisible(visible, afterClose) {
+    var _a = (0, react_1.useReducer)(function (c) { return !c; }, false), handleRender = _a[1];
+    var activeAnimation = (0, react_1.useRef)(0);
+    // 可见状态分支
+    var _b = (0, useForkedVariable_1.default)(visible, function (modify) {
+        // 可见状态：设置进入动画
+        if (visible) {
+            modify(visible);
+            activeAnimation.current = 1;
+        }
+        else {
+            activeAnimation.current = 2;
+        }
+    }), realVisible = _b[0], modifyRealVisible = _b[1];
+    function onAnimationEnd() {
+        // 动画结束后触发渲染
+        handleRender();
+        // 结束动画：设置隐藏状态
+        if (activeAnimation.current === 2) {
+            modifyRealVisible(false);
+            // 触发隐藏回调
+            if (afterClose) {
+                afterClose();
+            }
+        }
+        // 重置状态
+        activeAnimation.current = 0;
+    }
+    return [
+        /**
+         * 真实可见状态
+         */
+        realVisible,
+        /**
+         * 正在进行的动画
+         */
+        activeAnimation.current,
+        /**
+         * 动画结束后回调
+         */
+        onAnimationEnd,
+    ];
+}
+exports.default = useAnimationVisible;

package/lib/components/react-photo-view/hooks/useContinuousTap.d.ts

@@ -0,0 +1,8 @@
+export declare type TapFuncType<T> = (...args: T[]) => void;
+/**
+ * 单击和双击事件处理
+ * @param singleTap - 单击事件
+ * @param doubleTap - 双击事件
+ * @return invokeTap
+ */
+export default function useContinuousTap<T>(singleTap: TapFuncType<T>, doubleTap: TapFuncType<T>): TapFuncType<T>;

package/lib/components/react-photo-view/hooks/useContinuousTap.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useDebounceCallback_1 = __importDefault(require("./useDebounceCallback"));
+/**
+ * 单击和双击事件处理
+ * @param singleTap - 单击事件
+ * @param doubleTap - 双击事件
+ * @return invokeTap
+ */
+function useContinuousTap(singleTap, doubleTap) {
+    // 当前连续点击次数
+    var continuousClick = (0, react_1.useRef)(0);
+    var debounceTap = (0, useDebounceCallback_1.default)(function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        continuousClick.current = 0;
+        singleTap.apply(void 0, args);
+    }, {
+        wait: 300,
+    });
+    return function invokeTap() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        continuousClick.current += 1;
+        debounceTap.apply(void 0, args);
+        // 双击
+        if (continuousClick.current >= 2) {
+            debounceTap.cancel();
+            continuousClick.current = 0;
+            doubleTap.apply(void 0, args);
+        }
+    };
+}
+exports.default = useContinuousTap;

package/lib/components/react-photo-view/hooks/useDebounceCallback.d.ts

@@ -0,0 +1,10 @@
+interface DebounceCallback<CallbackArguments extends any[]> {
+    (...args: CallbackArguments): void;
+    cancel: () => void;
+}
+export default function useDebounceCallback<CallbackArguments extends any[]>(callback: (...args: CallbackArguments) => void, { leading, maxWait, wait, }: {
+    leading?: boolean;
+    maxWait?: number;
+    wait?: number;
+}): DebounceCallback<CallbackArguments>;
+export {};

package/lib/components/react-photo-view/hooks/useDebounceCallback.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useDebounceCallback(callback, _a) {
+    var _b = _a.leading, leading = _b === void 0 ? false : _b, maxWait = _a.maxWait, _c = _a.wait, wait = _c === void 0 ? maxWait || 0 : _c;
+    var callbackRef = (0, react_1.useRef)(callback);
+    callbackRef.current = callback;
+    var prev = (0, react_1.useRef)(0);
+    var trailingTimeout = (0, react_1.useRef)();
+    var clearTrailing = function () { return trailingTimeout.current && clearTimeout(trailingTimeout.current); };
+    var fn = (0, react_1.useCallback)(function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var now = Date.now();
+        function call() {
+            prev.current = now;
+            clearTrailing();
+            callbackRef.current.apply(null, args);
+        }
+        var last = prev.current;
+        var offset = now - last;
+        // leading
+        if (last === 0) {
+            if (leading) {
+                call();
+            }
+            prev.current = now;
+        }
+        // body
+        if (maxWait !== undefined) {
+            if (offset > maxWait) {
+                call();
+                return;
+            }
+        }
+        else if (offset < wait) {
+            prev.current = now;
+        }
+        // trailing
+        clearTrailing();
+        trailingTimeout.current = setTimeout(function () {
+            call();
+            prev.current = 0;
+        }, wait);
+    }, [wait, maxWait, leading]);
+    fn.cancel = clearTrailing;
+    return fn;
+}
+exports.default = useDebounceCallback;

package/lib/components/react-photo-view/hooks/useEventListener.d.ts

@@ -0,0 +1 @@
+export default function useEventListener<K extends keyof WindowEventMap>(type: K | undefined, fn: (evt: WindowEventMap[K]) => void, options?: AddEventListenerOptions): void;

package/lib/components/react-photo-view/hooks/useEventListener.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useEventListener(type, fn, options) {
+    var latest = (0, react_1.useRef)(fn);
+    latest.current = fn;
+    (0, react_1.useEffect)(function () {
+        function wrapper(evt) {
+            latest.current(evt);
+        }
+        if (type) {
+            window.addEventListener(type, wrapper, options);
+        }
+        return function () {
+            if (type) {
+                window.removeEventListener(type, wrapper);
+            }
+        };
+    }, [type]);
+}
+exports.default = useEventListener;

package/lib/components/react-photo-view/hooks/useForkedVariable.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 逻辑分叉变量处理
+ * 此 hook 不触发额外渲染
+ */
+export default function useForkedVariable<T>(initial: T, updater: (modify: (variable: T) => void) => void): readonly [T, (next: T) => void];

package/lib/components/react-photo-view/hooks/useForkedVariable.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+/**
+ * 逻辑分叉变量处理
+ * 此 hook 不触发额外渲染
+ */
+function useForkedVariable(initial, updater) {
+    // 初始分叉变量
+    var forkedRef = (0, react_1.useRef)(initial);
+    function modify(next) {
+        forkedRef.current = next;
+    }
+    (0, react_1.useMemo)(function () {
+        // 参数变化之后同步内部分叉变量
+        updater(modify);
+    }, [initial]);
+    return [forkedRef.current, modify];
+}
+exports.default = useForkedVariable;

package/lib/components/react-photo-view/hooks/useInitial.d.ts

@@ -0,0 +1 @@
+export default function useInitial<T extends (...args: any) => any>(callback: T): ReturnType<T>;

package/lib/components/react-photo-view/hooks/useInitial.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useInitial(callback) {
+    var current = (0, react_1.useRef)({ sign: false, fn: undefined }).current;
+    if (!current.sign) {
+        current.sign = true;
+        current.fn = callback();
+    }
+    return current.fn;
+}
+exports.default = useInitial;

package/lib/components/react-photo-view/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+declare const _default: typeof useEffect;
+export default _default;

package/lib/components/react-photo-view/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var isSSR = typeof window === 'undefined' || /ServerSideRendering/.test(navigator && navigator.userAgent);
+exports.default = isSSR ? react_1.useEffect : react_1.useLayoutEffect;

package/lib/components/react-photo-view/hooks/useMethods.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Hook of persistent methods
+ */
+export default function useMethods<T extends Record<string, (...args: any[]) => any>>(fn: T): T;

package/lib/components/react-photo-view/hooks/useMethods.js

@@ -0,0 +1,38 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+/**
+ * Hook of persistent methods
+ */
+function useMethods(fn) {
+    var current = (0, react_1.useRef)({
+        fn: fn,
+        curr: undefined,
+    }).current;
+    current.fn = fn;
+    if (!current.curr) {
+        var curr_1 = Object.create(null);
+        Object.keys(fn).forEach(function (key) {
+            curr_1[key] = function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return (_a = current.fn[key]).call.apply(_a, __spreadArray([current.fn], args, false));
+            };
+        });
+        current.curr = curr_1;
+    }
+    return current.curr;
+}
+exports.default = useMethods;

package/lib/components/react-photo-view/hooks/useMountedRef.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const useMountedRef: () => import("react").MutableRefObject<boolean>;
+export default useMountedRef;

package/lib/components/react-photo-view/hooks/useMountedRef.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useMountedRef = function () {
+    var mountedRef = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(function () {
+        mountedRef.current = true;
+        return function () {
+            mountedRef.current = false;
+        };
+    }, []);
+    return mountedRef;
+};
+exports.default = useMountedRef;

package/lib/components/react-photo-view/hooks/useScrollPosition.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 物理滚动到具体位置
+ */
+export default function useScrollPosition<C extends (spatial: number) => boolean>(callbackX: C, callbackY: C, callbackS: C): (x: number, y: number, lastX: number, lastY: number, width: number, height: number, scale: number, safeScale: number, lastScale: number, rotate: number, touchedTime: number) => void;