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

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

@@ -0,0 +1,76 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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"));
+var useIsomorphicLayoutEffect_1 = __importDefault(require("./useIsomorphicLayoutEffect"));
+var useSetState_1 = __importDefault(require("./useSetState"));
+/**
+ * 目标缩放延迟处理
+ */
+function useTargetScale(realWidth, realHeight, realScale, speed, updateEasing) {
+    var _this = this;
+    var execRef = (0, react_1.useRef)(false);
+    var _a = (0, useSetState_1.default)({ lead: true, scale: realScale }), _b = _a[0], lead = _b.lead, scale = _b.scale, updateState = _a[1];
+    var moveScale = (0, useDebounceCallback_1.default)(function (current) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            updateEasing(true);
+            updateState({ lead: false, scale: current });
+            return [2 /*return*/];
+        });
+    }); }, { wait: speed });
+    (0, useIsomorphicLayoutEffect_1.default)(function () {
+        if (!execRef.current) {
+            execRef.current = true;
+            return;
+        }
+        updateEasing(false);
+        updateState({ lead: true });
+        moveScale(realScale);
+    }, [realScale]);
+    // 运动开始
+    if (lead) {
+        return [realWidth * scale, realHeight * scale, realScale / scale];
+    }
+    // 运动结束
+    return [realWidth * realScale, realHeight * realScale, 1];
+}
+exports.default = useTargetScale;

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

@@ -0,0 +1,4 @@
+import PhotoProvider from './PhotoProvider';
+import PhotoSlider from './PhotoSlider';
+import PhotoView from './PhotoView';
+export { PhotoProvider, PhotoView, PhotoSlider };

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

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoSlider = exports.PhotoView = exports.PhotoProvider = void 0;
+var PhotoProvider_1 = __importDefault(require("./PhotoProvider"));
+exports.PhotoProvider = PhotoProvider_1.default;
+var PhotoSlider_1 = __importDefault(require("./PhotoSlider"));
+exports.PhotoSlider = PhotoSlider_1.default;
+var PhotoView_1 = __importDefault(require("./PhotoView"));
+exports.PhotoView = PhotoView_1.default;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { DataType } from './types';
+export declare type UpdateItemType = (dataType: DataType) => void;
+export interface PhotoContextType {
+    show: (key: number) => void;
+    update: UpdateItemType;
+    remove: (key: number) => void;
+    nextId: () => number;
+}
+declare const _default: import("react").Context<PhotoContextType>;
+export default _default;

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+exports.default = (0, react_1.createContext)(undefined);

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

@@ -0,0 +1,196 @@
+import type React from 'react';
+/**
+ * 资源数据类型
+ */
+export interface DataType {
+    /**
+     * 唯一标识
+     */
+    key: number | string;
+    /**
+     * 资源地址
+     */
+    src?: string;
+    /**
+     * 自定义渲染，优先级比 src 低
+     */
+    render?: (props: PhotoRenderParams) => React.ReactNode;
+    /**
+     * 自定义覆盖节点
+     */
+    overlay?: React.ReactNode;
+    /**
+     * 指定渲染节点宽度
+     */
+    width?: number;
+    /**
+     * 指定渲染节点高度
+     */
+    height?: number;
+    /**
+     * 触发 ref
+     */
+    originRef?: React.MutableRefObject<HTMLElement | null>;
+}
+export interface PhotoProviderBase {
+    /**
+     * 是否循环预览，达到该数量则启用
+     * @defaultValue 3
+     */
+    loop?: boolean | number;
+    /**
+     * 动画速度
+     * @defaultValue 400
+     */
+    speed?: (type: ActiveAnimationType) => number;
+    /**
+     * 动画函数
+     * @defaultValue 'cubic-bezier(0.25, 0.8, 0.25, 1)'
+     */
+    easing?: (type: ActiveAnimationType) => string;
+    /**
+     * 图片点击是否可关闭
+     */
+    photoClosable?: boolean;
+    /**
+     * 背景点击是否可关闭
+     * @defaultValue true
+     */
+    maskClosable?: boolean;
+    /**
+     * 默认背景透明度
+     * 设置 null 背景不响应下拉变化
+     * @defaultValue 1
+     */
+    maskOpacity?: number | null;
+    /**
+     * 下拉是否可关闭
+     * @defaultValue true
+     */
+    pullClosable?: boolean;
+    /**
+     * 导航条 visible
+     * @defaultValue true
+     */
+    bannerVisible?: boolean;
+    /**
+     * 自定义渲染覆盖物
+     */
+    overlayRender?: (overlayProps: OverlayRenderProps) => React.ReactNode;
+    /**
+     * 自定义渲染工具栏
+     */
+    toolbarRender?: (overlayProps: OverlayRenderProps) => React.ReactNode;
+    className?: string;
+    maskClassName?: string;
+    photoWrapClassName?: string;
+    photoClassName?: string;
+    /**
+     * 自定义 loading
+     */
+    loadingElement?: JSX.Element;
+    /**
+     * 自定义加载失败渲染
+     */
+    brokenElement?: JSX.Element | ((photoProps: BrokenElementParams) => JSX.Element);
+    /**
+     * @defaultValue document.body
+     */
+    portalContainer?: HTMLElement;
+}
+export declare type PhotoRenderParams = {
+    /**
+     * 自定义渲染 DOM 属性
+     */
+    attrs: Partial<React.HTMLAttributes<HTMLElement>>;
+    scale: number;
+    rotate: number;
+};
+/**
+ * brokenElement 函数参数
+ */
+export interface BrokenElementParams {
+    src: string;
+}
+export interface OverlayRenderProps {
+    /**
+     * 图片列表
+     */
+    images: DataType[];
+    /**
+     * 当前索引
+     */
+    index: number;
+    /**
+     * 索引改变回调
+     */
+    onIndexChange: (index: number) => void;
+    /**
+     * 是否可见
+     */
+    visible: boolean;
+    /**
+     * 关闭事件回调
+     */
+    onClose: (evt?: React.MouseEvent | React.TouchEvent) => void;
+    /**
+     * 覆盖物是否可见
+     */
+    overlayVisible: boolean;
+    /**
+     * 自定义覆盖节点
+     */
+    overlay?: React.ReactNode;
+    /**
+     * 当前旋转角度
+     */
+    rotate: number;
+    /**
+     * 旋转事件回调
+     */
+    onRotate: (rotate: number) => void;
+    /**
+     * 当前缩放
+     */
+    scale: number;
+    /**
+     * 缩放事件回调
+     */
+    onScale: (scale: number) => void;
+}
+export interface ExposedProperties {
+    scale?: number;
+    rotate?: number;
+    onScale?: (scale: number) => void;
+    onRotate?: (rotate: number) => void;
+}
+export declare type ReachMoveFunction = (reachPosition: ReachType, clientX: number, clientY: number, scale?: number) => void;
+export declare type ReachFunction = (clientX: number, clientY: number) => void;
+export declare type PhotoTapFunction = (clientX: number, clientY: number) => void;
+/**
+ * 边缘超出状态
+ */
+export declare type CloseEdgeType = 1 | 2 | 3 | undefined;
+/**
+ * 边缘触发状态
+ */
+export declare type ReachType = 'x' | 'y' | undefined;
+/**
+ * 初始响应状态
+ */
+export declare type TouchStartType = 0 | 1 | 2 | 3;
+export declare type OriginRectType = {
+    T: number;
+    L: number;
+    W: number;
+    H: number;
+    FIT: 'contain' | 'cover' | 'fill' | undefined;
+};
+/**
+ * 动画状态
+ */
+export declare type EasingMode = 0 | 1 | 2 | 3 | 4 | 5;
+/**
+ * 进行中的动画
+ */
+export declare type ActiveAnimationType = 0 | 1 | 2 | 3;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/components/react-photo-view/utils/edgeHandle.d.ts

@@ -0,0 +1,15 @@
+import type { CloseEdgeType } from '../types';
+import type { ReachType, TouchStartType } from '../types';
+/**
+ * 获取接触边缘类型
+ */
+export declare const getReachType: (initialTouchState: TouchStartType, horizontalCloseEdge: CloseEdgeType, verticalCloseEdge: CloseEdgeType, reachPosition: ReachType) => ReachType;
+/**
+ * 计算接触边缘位置
+ * @param position - x/y
+ * @param scale
+ * @param size - width/height
+ * @param innerSize - innerWidth/innerHeight
+ * @return [CloseEdgeType, position]
+ */
+export declare const computePositionEdge: (position: number, scale: number, size: number, innerSize: number) => readonly [CloseEdgeType, number];

package/lib/components/react-photo-view/utils/edgeHandle.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.computePositionEdge = exports.getReachType = void 0;
+/**
+ * 获取接触边缘类型
+ */
+var getReachType = function (initialTouchState, horizontalCloseEdge, verticalCloseEdge, reachPosition) {
+    if ((horizontalCloseEdge && initialTouchState === 1) || reachPosition === 'x') {
+        return 'x';
+    }
+    else if ((verticalCloseEdge && initialTouchState > 1) || reachPosition === 'y') {
+        return 'y';
+    }
+    return undefined;
+};
+exports.getReachType = getReachType;
+/**
+ * 计算接触边缘位置
+ * @param position - x/y
+ * @param scale
+ * @param size - width/height
+ * @param innerSize - innerWidth/innerHeight
+ * @return [CloseEdgeType, position]
+ */
+var computePositionEdge = function (position, scale, size, innerSize) {
+    var currentWidth = size * scale;
+    // 图片超出的宽度
+    var outOffset = (currentWidth - innerSize) / 2;
+    var closedEdge = undefined;
+    var current = position;
+    if (currentWidth <= innerSize) {
+        closedEdge = 1;
+        current = 0;
+    }
+    else if (position > 0 && outOffset - position <= 0) {
+        closedEdge = 2;
+        current = outOffset;
+    }
+    else if (position < 0 && outOffset + position <= 0) {
+        closedEdge = 3;
+        current = -outOffset;
+    }
+    return [closedEdge, current];
+};
+exports.computePositionEdge = computePositionEdge;

package/lib/components/react-photo-view/utils/getMultipleTouchPosition.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+/**
+ * 从 Touch 事件中获取两个触控中心位置
+ */
+export default function getMultipleTouchPosition(evt: TouchEvent | React.TouchEvent): [clientX: number, clientY: number, touchLength: number];

package/lib/components/react-photo-view/utils/getMultipleTouchPosition.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 从 Touch 事件中获取两个触控中心位置
+ */
+function getMultipleTouchPosition(evt) {
+    var _a = evt.touches[0], clientX = _a.clientX, clientY = _a.clientY;
+    if (evt.touches.length >= 2) {
+        var _b = evt.touches[1], nextClientX = _b.clientX, nextClientY = _b.clientY;
+        return [(clientX + nextClientX) / 2, (clientY + nextClientY) / 2, Math.sqrt(Math.pow((nextClientX - clientX), 2) + Math.pow((nextClientY - clientY), 2))];
+    }
+    return [clientX, clientY, 0];
+}
+exports.default = getMultipleTouchPosition;

package/lib/components/react-photo-view/utils/getPositionOnMoveOrScale.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 获取移动或缩放之后的中心点
+ */
+export default function getPositionOnMoveOrScale(x: number, y: number, width: number, height: number, scale: number, toScale: number, clientX?: number, clientY?: number, offsetX?: number, offsetY?: number): {
+    x: number;
+    y: number;
+    lastCX: number;
+    lastCY: number;
+};

package/lib/components/react-photo-view/utils/getPositionOnMoveOrScale.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var variables_1 = require("../variables");
+var edgeHandle_1 = require("./edgeHandle");
+/**
+ * 获取移动或缩放之后的中心点
+ */
+function getPositionOnMoveOrScale(x, y, width, height, scale, toScale, clientX, clientY, offsetX, offsetY) {
+    if (clientX === void 0) { clientX = window.innerWidth / 2; }
+    if (clientY === void 0) { clientY = window.innerWidth / 2; }
+    if (offsetX === void 0) { offsetX = 0; }
+    if (offsetY === void 0) { offsetY = 0; }
+    // 是否接触边缘
+    var closedEdgeX = (0, edgeHandle_1.computePositionEdge)(x, toScale, width, window.innerWidth)[0];
+    var closedEdgeY = (0, edgeHandle_1.computePositionEdge)(y, toScale, height, window.innerWidth)[0];
+    var centerClientX = window.innerWidth / 2;
+    var centerClientY = window.innerWidth / 2;
+    // 坐标偏移
+    var lastPositionX = centerClientX + x;
+    var lastPositionY = centerClientY + y;
+    // 偏移位置
+    var originX = clientX - (clientX - lastPositionX) * (toScale / scale) - centerClientX;
+    var originY = clientY - (clientY - lastPositionY) * (toScale / scale) - centerClientY;
+    // 长图模式无左右反馈
+    var longModeEdge = height / width >= variables_1.longModeRatio && width * toScale === window.innerWidth;
+    // 超出边缘距离减半
+    return {
+        x: originX + (longModeEdge ? 0 : closedEdgeX ? offsetX / 2 : offsetX),
+        y: originY + (closedEdgeY ? offsetY / 2 : offsetY),
+        lastCX: clientX,
+        lastCY: clientY,
+    };
+}
+exports.default = getPositionOnMoveOrScale;

package/lib/components/react-photo-view/utils/getRotateSize.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 获取旋转后的宽高
+ */
+export default function getRotateSize(rotate: number, width: number, height: number): readonly [number, number, true] | readonly [number, number, false];

package/lib/components/react-photo-view/utils/getRotateSize.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 获取旋转后的宽高
+ */
+function getRotateSize(rotate, width, height) {
+    var isVertical = rotate % 180 !== 0;
+    // 若图片不是水平则调换属性
+    if (isVertical) {
+        return [height, width, isVertical];
+    }
+    return [width, height, isVertical];
+}
+exports.default = getRotateSize;

package/lib/components/react-photo-view/utils/getSuitableImageSize.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 获取图片合适的大小
+ */
+export default function getSuitableImageSize(naturalWidth: number, naturalHeight: number, rotate: number): {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    pause: boolean;
+};

package/lib/components/react-photo-view/utils/getSuitableImageSize.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var variables_1 = require("../variables");
+var getRotateSize_1 = __importDefault(require("./getRotateSize"));
+/**
+ * 获取图片合适的大小
+ */
+function getSuitableImageSize(naturalWidth, naturalHeight, rotate) {
+    var _a = (0, getRotateSize_1.default)(rotate, window.innerWidth, window.innerHeight), currentWidth = _a[0], currentHeight = _a[1], isVertical = _a[2];
+    var y = 0;
+    var width = currentWidth;
+    var height = currentHeight;
+    // 自适应宽高
+    var autoWidth = (naturalWidth / naturalHeight) * currentHeight;
+    var autoHeight = (naturalHeight / naturalWidth) * currentWidth;
+    if (naturalWidth < currentWidth && naturalHeight < currentHeight) {
+        width = naturalWidth;
+        height = naturalHeight;
+    }
+    else if (naturalWidth < currentWidth && naturalHeight >= currentHeight) {
+        width = autoWidth;
+    }
+    else if (naturalWidth >= currentWidth && naturalHeight < currentHeight) {
+        height = autoHeight;
+    }
+    else if (naturalWidth / naturalHeight > currentWidth / currentHeight) {
+        height = autoHeight;
+    }
+    // 长图模式
+    else if (naturalHeight / naturalWidth >= variables_1.longModeRatio && !isVertical) {
+        height = autoHeight;
+        y = (height - currentHeight) / 2;
+    }
+    else {
+        width = autoWidth;
+    }
+    return {
+        width: width,
+        height: height,
+        x: 0,
+        y: y,
+        pause: true,
+    };
+}
+exports.default = getSuitableImageSize;

package/lib/components/react-photo-view/utils/isTouchDevice.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 是否支持触摸设备
+ */
+declare const isTouchDevice: boolean;
+export default isTouchDevice;

package/lib/components/react-photo-view/utils/isTouchDevice.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 是否支持触摸设备
+ */
+var isTouchDevice = typeof window !== 'undefined' && 'ontouchstart' in window;
+exports.default = isTouchDevice;

package/lib/components/react-photo-view/utils/limitTarget.d.ts

@@ -0,0 +1,5 @@
+export declare const limitNumber: (value: number, min: number, max: number) => number;
+/**
+ * 限制最大/最小缩放
+ */
+export declare const limitScale: (scale: number, max?: number, buffer?: number) => number;

package/lib/components/react-photo-view/utils/limitTarget.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.limitScale = exports.limitNumber = void 0;
+var variables_1 = require("../variables");
+var limitNumber = function (value, min, max) {
+    return Math.max(Math.min(value, max), min);
+};
+exports.limitNumber = limitNumber;
+/**
+ * 限制最大/最小缩放
+ */
+var limitScale = function (scale, max, buffer) {
+    if (max === void 0) { max = 0; }
+    if (buffer === void 0) { buffer = 0; }
+    return (0, exports.limitNumber)(scale, variables_1.minScale * (1 - buffer), Math.max(variables_1.maxScale, max) * (1 + buffer));
+};
+exports.limitScale = limitScale;

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

@@ -0,0 +1,48 @@
+/**
+ * 最大触摸时间
+ */
+export declare const maxTouchTime = 200;
+/**
+ * 默认动画速度
+ */
+export declare const defaultSpeed = 400;
+/**
+ * 默认动画函数
+ */
+export declare const defaultEasing = "cubic-bezier(0.25, 0.8, 0.25, 1)";
+/**
+ * 最大滑动切换图片距离
+ */
+export declare const maxMoveOffset = 40;
+/**
+ * 图片的间隔
+ */
+export declare const horizontalOffset = 20;
+/**
+ * 最小初始响应距离
+ */
+export declare const minStartTouchOffset = 20;
+/**
+ * 默认背景透明度
+ */
+export declare const defaultOpacity = 1;
+/**
+ * 最小缩放度
+ */
+export declare const minScale = 1;
+/**
+ * 最大缩放度（若图片足够大，则会超出）
+ */
+export declare const maxScale = 6;
+/**
+ * 最小长图模式比例
+ */
+export declare const longModeRatio = 3;
+/**
+ * 缩放弹性缓冲
+ */
+export declare const scaleBuffer = 0.2;
+/**
+ * 最大等待动画时间
+ */
+export declare const maxWaitAnimationTime = 250;

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maxWaitAnimationTime = exports.scaleBuffer = exports.longModeRatio = exports.maxScale = exports.minScale = exports.defaultOpacity = exports.minStartTouchOffset = exports.horizontalOffset = exports.maxMoveOffset = exports.defaultEasing = exports.defaultSpeed = exports.maxTouchTime = void 0;
+/**
+ * 最大触摸时间
+ */
+exports.maxTouchTime = 200;
+/**
+ * 默认动画速度
+ */
+exports.defaultSpeed = 400;
+/**
+ * 默认动画函数
+ */
+exports.defaultEasing = 'cubic-bezier(0.25, 0.8, 0.25, 1)';
+/**
+ * 最大滑动切换图片距离
+ */
+exports.maxMoveOffset = 40;
+/**
+ * 图片的间隔
+ */
+exports.horizontalOffset = 20;
+/**
+ * 最小初始响应距离
+ */
+exports.minStartTouchOffset = 20;
+/**
+ * 默认背景透明度
+ */
+exports.defaultOpacity = 1;
+/**
+ * 最小缩放度
+ */
+exports.minScale = 1;
+/**
+ * 最大缩放度（若图片足够大，则会超出）
+ */
+exports.maxScale = 6;
+/**
+ * 最小长图模式比例
+ */
+exports.longModeRatio = 3;
+/**
+ * 缩放弹性缓冲
+ */
+exports.scaleBuffer = 0.2;
+/**
+ * 最大等待动画时间
+ */
+exports.maxWaitAnimationTime = 250;