first commit

This commit is contained in:
2025-12-29 14:59:44 +08:00
commit 10c3fbb0d7
5315 changed files with 795443 additions and 0 deletions

234
node_modules/vant/lib/image-preview/ImagePreview.d.ts generated vendored Normal file
View File

@@ -0,0 +1,234 @@
import { type PropType, type CSSProperties, type ExtractPropTypes, type TeleportProps } from 'vue';
import { Interceptor } from '../utils';
import { PopupCloseIconPosition } from '../popup';
export declare const imagePreviewProps: {
show: BooleanConstructor;
loop: {
type: BooleanConstructor;
default: true;
};
images: {
type: PropType<string[]>;
default: () => never[];
};
minZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
overlay: {
type: BooleanConstructor;
default: true;
};
vertical: BooleanConstructor;
closeable: BooleanConstructor;
showIndex: {
type: BooleanConstructor;
default: true;
};
className: PropType<unknown>;
closeIcon: {
type: PropType<string>;
default: string;
};
transition: StringConstructor;
beforeClose: PropType<Interceptor>;
doubleScale: {
type: BooleanConstructor;
default: true;
};
overlayClass: PropType<unknown>;
overlayStyle: PropType<CSSProperties>;
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
startPosition: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showIndicators: BooleanConstructor;
closeOnPopstate: {
type: BooleanConstructor;
default: true;
};
closeOnClickImage: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
closeIconPosition: {
type: PropType<PopupCloseIconPosition>;
default: PopupCloseIconPosition;
};
teleport: PropType<TeleportProps["to"]>;
};
export type ImagePreviewProps = ExtractPropTypes<typeof imagePreviewProps>;
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
show: BooleanConstructor;
loop: {
type: BooleanConstructor;
default: true;
};
images: {
type: PropType<string[]>;
default: () => never[];
};
minZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
overlay: {
type: BooleanConstructor;
default: true;
};
vertical: BooleanConstructor;
closeable: BooleanConstructor;
showIndex: {
type: BooleanConstructor;
default: true;
};
className: PropType<unknown>;
closeIcon: {
type: PropType<string>;
default: string;
};
transition: StringConstructor;
beforeClose: PropType<Interceptor>;
doubleScale: {
type: BooleanConstructor;
default: true;
};
overlayClass: PropType<unknown>;
overlayStyle: PropType<CSSProperties>;
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
startPosition: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showIndicators: BooleanConstructor;
closeOnPopstate: {
type: BooleanConstructor;
default: true;
};
closeOnClickImage: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
closeIconPosition: {
type: PropType<PopupCloseIconPosition>;
default: PopupCloseIconPosition;
};
teleport: PropType<TeleportProps["to"]>;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<ExtractPropTypes<{
show: BooleanConstructor;
loop: {
type: BooleanConstructor;
default: true;
};
images: {
type: PropType<string[]>;
default: () => never[];
};
minZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
overlay: {
type: BooleanConstructor;
default: true;
};
vertical: BooleanConstructor;
closeable: BooleanConstructor;
showIndex: {
type: BooleanConstructor;
default: true;
};
className: PropType<unknown>;
closeIcon: {
type: PropType<string>;
default: string;
};
transition: StringConstructor;
beforeClose: PropType<Interceptor>;
doubleScale: {
type: BooleanConstructor;
default: true;
};
overlayClass: PropType<unknown>;
overlayStyle: PropType<CSSProperties>;
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
startPosition: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showIndicators: BooleanConstructor;
closeOnPopstate: {
type: BooleanConstructor;
default: true;
};
closeOnClickImage: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
closeIconPosition: {
type: PropType<PopupCloseIconPosition>;
default: PopupCloseIconPosition;
};
teleport: PropType<TeleportProps["to"]>;
}>> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
onScale?: ((...args: any[]) => any) | undefined;
onLongPress?: ((...args: any[]) => any) | undefined;
}>, {
loop: boolean;
overlay: boolean;
show: boolean;
vertical: boolean;
closeOnClickOverlay: boolean;
closeIcon: string;
closeable: boolean;
closeOnPopstate: boolean;
closeIconPosition: PopupCloseIconPosition;
swipeDuration: string | number;
showIndicators: boolean;
startPosition: string | number;
minZoom: string | number;
maxZoom: string | number;
doubleScale: boolean;
closeOnClickImage: boolean;
images: string[];
showIndex: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;

225
node_modules/vant/lib/image-preview/ImagePreview.js generated vendored Normal file
View File

@@ -0,0 +1,225 @@
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name2 in all)
__defProp(target, name2, { get: all[name2], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
__export(stdin_exports, {
default: () => stdin_default,
imagePreviewProps: () => imagePreviewProps
});
module.exports = __toCommonJS(stdin_exports);
var import_vue = require("vue");
var import_utils = require("../utils");
var import_use = require("@vant/use");
var import_use_expose = require("../composables/use-expose");
var import_icon = require("../icon");
var import_swipe = require("../swipe");
var import_popup = require("../popup");
var import_ImagePreviewItem = __toESM(require("./ImagePreviewItem"));
const [name, bem] = (0, import_utils.createNamespace)("image-preview");
const popupProps = ["show", "teleport", "transition", "overlayStyle", "closeOnPopstate"];
const imagePreviewProps = {
show: Boolean,
loop: import_utils.truthProp,
images: (0, import_utils.makeArrayProp)(),
minZoom: (0, import_utils.makeNumericProp)(1 / 3),
maxZoom: (0, import_utils.makeNumericProp)(3),
overlay: import_utils.truthProp,
vertical: Boolean,
closeable: Boolean,
showIndex: import_utils.truthProp,
className: import_utils.unknownProp,
closeIcon: (0, import_utils.makeStringProp)("clear"),
transition: String,
beforeClose: Function,
doubleScale: import_utils.truthProp,
overlayClass: import_utils.unknownProp,
overlayStyle: Object,
swipeDuration: (0, import_utils.makeNumericProp)(300),
startPosition: (0, import_utils.makeNumericProp)(0),
showIndicators: Boolean,
closeOnPopstate: import_utils.truthProp,
closeOnClickImage: import_utils.truthProp,
closeOnClickOverlay: import_utils.truthProp,
closeIconPosition: (0, import_utils.makeStringProp)("top-right"),
teleport: [String, Object]
};
var stdin_default = (0, import_vue.defineComponent)({
name,
props: imagePreviewProps,
emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
setup(props, {
emit,
slots
}) {
const swipeRef = (0, import_vue.ref)();
const activedPreviewItemRef = (0, import_vue.ref)();
const state = (0, import_vue.reactive)({
active: 0,
rootWidth: 0,
rootHeight: 0,
disableZoom: false
});
const resize = () => {
if (swipeRef.value) {
const rect = (0, import_use.useRect)(swipeRef.value.$el);
state.rootWidth = rect.width;
state.rootHeight = rect.height;
swipeRef.value.resize();
}
};
const emitScale = (args) => emit("scale", args);
const updateShow = (show) => emit("update:show", show);
const emitClose = () => {
(0, import_utils.callInterceptor)(props.beforeClose, {
args: [state.active],
done: () => updateShow(false)
});
};
const setActive = (active) => {
if (active !== state.active) {
state.active = active;
emit("change", active);
}
};
const renderIndex = () => {
if (props.showIndex) {
return (0, import_vue.createVNode)("div", {
"class": bem("index")
}, [slots.index ? slots.index({
index: state.active
}) : `${state.active + 1} / ${props.images.length}`]);
}
};
const renderCover = () => {
if (slots.cover) {
return (0, import_vue.createVNode)("div", {
"class": bem("cover")
}, [slots.cover()]);
}
};
const onDragStart = () => {
state.disableZoom = true;
};
const onDragEnd = () => {
state.disableZoom = false;
};
const renderImages = () => (0, import_vue.createVNode)(import_swipe.Swipe, {
"ref": swipeRef,
"lazyRender": true,
"loop": props.loop,
"class": bem("swipe"),
"vertical": props.vertical,
"duration": props.swipeDuration,
"initialSwipe": props.startPosition,
"showIndicators": props.showIndicators,
"indicatorColor": "white",
"onChange": setActive,
"onDragEnd": onDragEnd,
"onDragStart": onDragStart
}, {
default: () => [props.images.map((image, index) => (0, import_vue.createVNode)(import_ImagePreviewItem.default, {
"ref": (item) => {
if (index === state.active) {
activedPreviewItemRef.value = item;
}
},
"src": image,
"show": props.show,
"active": state.active,
"maxZoom": props.maxZoom,
"minZoom": props.minZoom,
"rootWidth": state.rootWidth,
"rootHeight": state.rootHeight,
"disableZoom": state.disableZoom,
"doubleScale": props.doubleScale,
"closeOnClickImage": props.closeOnClickImage,
"closeOnClickOverlay": props.closeOnClickOverlay,
"vertical": props.vertical,
"onScale": emitScale,
"onClose": emitClose,
"onLongPress": () => emit("longPress", {
index
})
}, {
image: slots.image
}))]
});
const renderClose = () => {
if (props.closeable) {
return (0, import_vue.createVNode)(import_icon.Icon, {
"role": "button",
"name": props.closeIcon,
"class": [bem("close-icon", props.closeIconPosition), import_utils.HAPTICS_FEEDBACK],
"onClick": emitClose
}, null);
}
};
const onClosed = () => emit("closed");
const swipeTo = (index, options) => {
var _a;
return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index, options);
};
(0, import_use_expose.useExpose)({
resetScale: () => {
var _a;
(_a = activedPreviewItemRef.value) == null ? void 0 : _a.resetScale();
},
swipeTo
});
(0, import_vue.onMounted)(resize);
(0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight], resize);
(0, import_vue.watch)(() => props.startPosition, (value) => setActive(+value));
(0, import_vue.watch)(() => props.show, (value) => {
const {
images,
startPosition
} = props;
if (value) {
setActive(+startPosition);
(0, import_vue.nextTick)(() => {
resize();
swipeTo(+startPosition, {
immediate: true
});
});
} else {
emit("close", {
index: state.active,
url: images[state.active]
});
}
});
return () => (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
"class": [bem(), props.className],
"overlayClass": [bem("overlay"), props.overlayClass],
"onClosed": onClosed,
"onUpdate:show": updateShow
}, (0, import_utils.pick)(props, popupProps)), {
default: () => [renderClose(), renderImages(), renderIndex(), renderCover()]
});
}
});

View File

@@ -0,0 +1,91 @@
import { type ExtractPropTypes } from 'vue';
declare const imagePreviewItemProps: {
src: StringConstructor;
show: BooleanConstructor;
active: NumberConstructor;
minZoom: {
type: (NumberConstructor | StringConstructor)[];
required: true;
};
maxZoom: {
type: (NumberConstructor | StringConstructor)[];
required: true;
};
rootWidth: {
type: NumberConstructor;
required: true;
};
rootHeight: {
type: NumberConstructor;
required: true;
};
disableZoom: BooleanConstructor;
doubleScale: BooleanConstructor;
closeOnClickImage: BooleanConstructor;
closeOnClickOverlay: BooleanConstructor;
vertical: BooleanConstructor;
};
export type ImagePreviewItemProps = ExtractPropTypes<typeof imagePreviewItemProps>;
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
src: StringConstructor;
show: BooleanConstructor;
active: NumberConstructor;
minZoom: {
type: (NumberConstructor | StringConstructor)[];
required: true;
};
maxZoom: {
type: (NumberConstructor | StringConstructor)[];
required: true;
};
rootWidth: {
type: NumberConstructor;
required: true;
};
rootHeight: {
type: NumberConstructor;
required: true;
};
disableZoom: BooleanConstructor;
doubleScale: BooleanConstructor;
closeOnClickImage: BooleanConstructor;
closeOnClickOverlay: BooleanConstructor;
vertical: BooleanConstructor;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").PublicProps, Readonly<ExtractPropTypes<{
src: StringConstructor;
show: BooleanConstructor;
active: NumberConstructor;
minZoom: {
type: (NumberConstructor | StringConstructor)[];
required: true;
};
maxZoom: {
type: (NumberConstructor | StringConstructor)[];
required: true;
};
rootWidth: {
type: NumberConstructor;
required: true;
};
rootHeight: {
type: NumberConstructor;
required: true;
};
disableZoom: BooleanConstructor;
doubleScale: BooleanConstructor;
closeOnClickImage: BooleanConstructor;
closeOnClickOverlay: BooleanConstructor;
vertical: BooleanConstructor;
}>> & Readonly<{
onClose?: ((...args: any[]) => any) | undefined;
onScale?: ((...args: any[]) => any) | undefined;
onLongPress?: ((...args: any[]) => any) | undefined;
}>, {
show: boolean;
vertical: boolean;
closeOnClickOverlay: boolean;
disableZoom: boolean;
doubleScale: boolean;
closeOnClickImage: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;

357
node_modules/vant/lib/image-preview/ImagePreviewItem.js generated vendored Normal file
View File

@@ -0,0 +1,357 @@
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
__export(stdin_exports, {
default: () => stdin_default
});
module.exports = __toCommonJS(stdin_exports);
var import_vue = require("vue");
var import_utils = require("../utils");
var import_use_expose = require("../composables/use-expose");
var import_use_touch = require("../composables/use-touch");
var import_use = require("@vant/use");
var import_image = require("../image");
var import_loading = require("../loading");
var import_swipe_item = require("../swipe-item");
const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
const getCenter = (touches) => ({
x: (touches[0].clientX + touches[1].clientX) / 2,
y: (touches[0].clientY + touches[1].clientY) / 2
});
const bem = (0, import_utils.createNamespace)("image-preview")[1];
const longImageRatio = 2.6;
const imagePreviewItemProps = {
src: String,
show: Boolean,
active: Number,
minZoom: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
maxZoom: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
rootWidth: (0, import_utils.makeRequiredProp)(Number),
rootHeight: (0, import_utils.makeRequiredProp)(Number),
disableZoom: Boolean,
doubleScale: Boolean,
closeOnClickImage: Boolean,
closeOnClickOverlay: Boolean,
vertical: Boolean
};
var stdin_default = (0, import_vue.defineComponent)({
props: imagePreviewItemProps,
emits: ["scale", "close", "longPress"],
setup(props, {
emit,
slots
}) {
const state = (0, import_vue.reactive)({
scale: 1,
moveX: 0,
moveY: 0,
moving: false,
zooming: false,
initializing: false,
imageRatio: 0
});
const touch = (0, import_use_touch.useTouch)();
const imageRef = (0, import_vue.ref)();
const swipeItem = (0, import_vue.ref)();
const vertical = (0, import_vue.ref)(false);
const isLongImage = (0, import_vue.ref)(false);
let initialMoveY = 0;
const imageStyle = (0, import_vue.computed)(() => {
const {
scale,
moveX,
moveY,
moving,
zooming,
initializing
} = state;
const style = {
transitionDuration: zooming || moving || initializing ? "0s" : ".3s"
};
if (scale !== 1 || isLongImage.value) {
style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
}
return style;
});
const maxMoveX = (0, import_vue.computed)(() => {
if (state.imageRatio) {
const {
rootWidth,
rootHeight
} = props;
const displayWidth = vertical.value ? rootHeight / state.imageRatio : rootWidth;
return Math.max(0, (state.scale * displayWidth - rootWidth) / 2);
}
return 0;
});
const maxMoveY = (0, import_vue.computed)(() => {
if (state.imageRatio) {
const {
rootWidth,
rootHeight
} = props;
const displayHeight = vertical.value ? rootHeight : rootWidth * state.imageRatio;
return Math.max(0, (state.scale * displayHeight - rootHeight) / 2);
}
return 0;
});
const setScale = (scale, center) => {
var _a;
scale = (0, import_utils.clamp)(scale, +props.minZoom, +props.maxZoom + 1);
if (scale !== state.scale) {
const ratio = scale / state.scale;
state.scale = scale;
if (center) {
const imageRect = (0, import_use.useRect)((_a = imageRef.value) == null ? void 0 : _a.$el);
const origin = {
x: imageRect.width * 0.5,
y: imageRect.height * 0.5
};
const moveX = state.moveX - (center.x - imageRect.left - origin.x) * (ratio - 1);
const moveY = state.moveY - (center.y - imageRect.top - origin.y) * (ratio - 1);
state.moveX = (0, import_utils.clamp)(moveX, -maxMoveX.value, maxMoveX.value);
state.moveY = (0, import_utils.clamp)(moveY, -maxMoveY.value, maxMoveY.value);
} else {
state.moveX = 0;
state.moveY = isLongImage.value ? initialMoveY : 0;
}
emit("scale", {
scale,
index: props.active
});
}
};
const resetScale = () => {
setScale(1);
};
const toggleScale = () => {
const scale = state.scale > 1 ? 1 : 2;
setScale(scale, scale === 2 || isLongImage.value ? {
x: touch.startX.value,
y: touch.startY.value
} : void 0);
};
let fingerNum;
let startMoveX;
let startMoveY;
let startScale;
let startDistance;
let lastCenter;
let doubleTapTimer;
let touchStartTime;
let isImageMoved = false;
const onTouchStart = (event) => {
const {
touches
} = event;
fingerNum = touches.length;
if (fingerNum === 2 && props.disableZoom) {
return;
}
const {
offsetX
} = touch;
touch.start(event);
startMoveX = state.moveX;
startMoveY = state.moveY;
touchStartTime = Date.now();
isImageMoved = false;
state.moving = fingerNum === 1 && (state.scale !== 1 || isLongImage.value);
state.zooming = fingerNum === 2 && !offsetX.value;
if (state.zooming) {
startScale = state.scale;
startDistance = getDistance(touches);
}
};
const onTouchMove = (event) => {
const {
touches
} = event;
touch.move(event);
if (state.moving) {
const {
deltaX,
deltaY
} = touch;
const moveX = deltaX.value + startMoveX;
const moveY = deltaY.value + startMoveY;
if ((props.vertical ? touch.isVertical() && Math.abs(moveY) > maxMoveY.value : touch.isHorizontal() && Math.abs(moveX) > maxMoveX.value) && !isImageMoved) {
state.moving = false;
return;
}
isImageMoved = true;
(0, import_utils.preventDefault)(event, true);
state.moveX = (0, import_utils.clamp)(moveX, -maxMoveX.value, maxMoveX.value);
state.moveY = (0, import_utils.clamp)(moveY, -maxMoveY.value, maxMoveY.value);
}
if (state.zooming) {
(0, import_utils.preventDefault)(event, true);
if (touches.length === 2) {
const distance = getDistance(touches);
const scale = startScale * distance / startDistance;
lastCenter = getCenter(touches);
setScale(scale, lastCenter);
}
}
};
const checkClose = (event) => {
var _a;
const swipeItemEl = (_a = swipeItem.value) == null ? void 0 : _a.$el;
if (!swipeItemEl) return;
const imageEl = swipeItemEl.firstElementChild;
const isClickOverlay = event.target === swipeItemEl;
const isClickImage = imageEl == null ? void 0 : imageEl.contains(event.target);
if (!props.closeOnClickImage && isClickImage) return;
if (!props.closeOnClickOverlay && isClickOverlay) return;
emit("close");
};
const checkTap = (event) => {
if (fingerNum > 1) {
return;
}
const deltaTime = Date.now() - touchStartTime;
const TAP_TIME = 250;
if (touch.isTap.value) {
if (deltaTime < TAP_TIME) {
if (props.doubleScale) {
if (doubleTapTimer) {
clearTimeout(doubleTapTimer);
doubleTapTimer = null;
toggleScale();
} else {
doubleTapTimer = setTimeout(() => {
checkClose(event);
doubleTapTimer = null;
}, TAP_TIME);
}
} else {
checkClose(event);
}
} else if (deltaTime > import_utils.LONG_PRESS_START_TIME) {
emit("longPress");
}
}
};
const onTouchEnd = (event) => {
let stopPropagation = false;
if (state.moving || state.zooming) {
stopPropagation = true;
if (state.moving && startMoveX === state.moveX && startMoveY === state.moveY) {
stopPropagation = false;
}
if (!event.touches.length) {
if (state.zooming) {
state.moveX = (0, import_utils.clamp)(state.moveX, -maxMoveX.value, maxMoveX.value);
state.moveY = (0, import_utils.clamp)(state.moveY, -maxMoveY.value, maxMoveY.value);
state.zooming = false;
}
state.moving = false;
startMoveX = 0;
startMoveY = 0;
startScale = 1;
if (state.scale < 1) {
resetScale();
}
const maxZoom = +props.maxZoom;
if (state.scale > maxZoom) {
setScale(maxZoom, lastCenter);
}
}
}
(0, import_utils.preventDefault)(event, stopPropagation);
checkTap(event);
touch.reset();
};
const resize = () => {
const {
rootWidth,
rootHeight
} = props;
const rootRatio = rootHeight / rootWidth;
const {
imageRatio
} = state;
vertical.value = state.imageRatio > rootRatio && imageRatio < longImageRatio;
isLongImage.value = state.imageRatio > rootRatio && imageRatio >= longImageRatio;
if (isLongImage.value) {
initialMoveY = (imageRatio * rootWidth - rootHeight) / 2;
state.moveY = initialMoveY;
state.initializing = true;
(0, import_use.raf)(() => {
state.initializing = false;
});
}
resetScale();
};
const onLoad = (event) => {
const {
naturalWidth,
naturalHeight
} = event.target;
state.imageRatio = naturalHeight / naturalWidth;
resize();
};
(0, import_vue.watch)(() => props.active, resetScale);
(0, import_vue.watch)(() => props.show, (value) => {
if (!value) {
resetScale();
}
});
(0, import_vue.watch)(() => [props.rootWidth, props.rootHeight], resize);
(0, import_use.useEventListener)("touchmove", onTouchMove, {
target: (0, import_vue.computed)(() => {
var _a;
return (_a = swipeItem.value) == null ? void 0 : _a.$el;
})
});
(0, import_use_expose.useExpose)({
resetScale
});
return () => {
const imageSlots = {
loading: () => (0, import_vue.createVNode)(import_loading.Loading, {
"type": "spinner"
}, null)
};
return (0, import_vue.createVNode)(import_swipe_item.SwipeItem, {
"ref": swipeItem,
"class": bem("swipe-item"),
"onTouchstartPassive": onTouchStart,
"onTouchend": onTouchEnd,
"onTouchcancel": onTouchEnd
}, {
default: () => [slots.image ? (0, import_vue.createVNode)("div", {
"class": bem("image-wrap")
}, [slots.image({
src: props.src,
onLoad,
style: imageStyle.value
})]) : (0, import_vue.createVNode)(import_image.Image, {
"ref": imageRef,
"src": props.src,
"fit": "contain",
"class": bem("image", {
vertical: vertical.value
}),
"style": imageStyle.value,
"onLoad": onLoad
}, imageSlots)]
});
};
}
});

View File

@@ -0,0 +1,6 @@
import { ComponentInstance } from '../utils';
import type { ImagePreviewOptions } from './types';
/**
* Display a full-screen image preview component
*/
export declare const showImagePreview: (options: string[] | ImagePreviewOptions, startPosition?: number) => ComponentInstance | undefined;

96
node_modules/vant/lib/image-preview/function-call.js generated vendored Normal file
View File

@@ -0,0 +1,96 @@
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
__export(stdin_exports, {
showImagePreview: () => showImagePreview
});
module.exports = __toCommonJS(stdin_exports);
var import_vue = require("vue");
var import_utils = require("../utils");
var import_mount_component = require("../utils/mount-component");
var import_ImagePreview = __toESM(require("./ImagePreview"));
let instance;
const defaultConfig = {
loop: true,
images: [],
maxZoom: 3,
minZoom: 1 / 3,
onScale: void 0,
onClose: void 0,
onChange: void 0,
vertical: false,
teleport: "body",
className: "",
showIndex: true,
closeable: false,
closeIcon: "clear",
transition: void 0,
beforeClose: void 0,
doubleScale: true,
overlayStyle: void 0,
overlayClass: void 0,
startPosition: 0,
swipeDuration: 300,
showIndicators: false,
closeOnPopstate: true,
closeOnClickOverlay: true,
closeIconPosition: "top-right"
};
function initInstance() {
({
instance
} = (0, import_mount_component.mountComponent)({
setup() {
const {
state,
toggle
} = (0, import_mount_component.usePopupState)();
const onClosed = () => {
state.images = [];
};
return () => (0, import_vue.createVNode)(import_ImagePreview.default, (0, import_vue.mergeProps)(state, {
"onClosed": onClosed,
"onUpdate:show": toggle
}), null);
}
}));
}
const showImagePreview = (options, startPosition = 0) => {
if (!import_utils.inBrowser) {
return;
}
if (!instance) {
initInstance();
}
options = Array.isArray(options) ? {
images: options,
startPosition
} : options;
instance.open((0, import_utils.extend)({}, defaultConfig, options));
return instance;
};

1
node_modules/vant/lib/image-preview/index.css generated vendored Normal file
View File

@@ -0,0 +1 @@
:root,:host{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image,.van-image-preview__image-wrap{width:100%;transition-property:transform}.van-image-preview__image--vertical,.van-image-preview__image-wrap--vertical{width:auto;height:100%}.van-image-preview__image img,.van-image-preview__image-wrap img,.van-image-preview__image video,.van-image-preview__image-wrap video{-webkit-user-drag:none}.van-image-preview__image .van-image__error,.van-image-preview__image-wrap .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}

172
node_modules/vant/lib/image-preview/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,172 @@
import type { ImagePreviewProps } from './ImagePreview';
export declare const ImagePreview: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
show: BooleanConstructor;
loop: {
type: BooleanConstructor;
default: true;
};
images: {
type: import("vue").PropType<string[]>;
default: () => never[];
};
minZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
overlay: {
type: BooleanConstructor;
default: true;
};
vertical: BooleanConstructor;
closeable: BooleanConstructor;
showIndex: {
type: BooleanConstructor;
default: true;
};
className: import("vue").PropType<unknown>;
closeIcon: {
type: import("vue").PropType<string>;
default: string;
};
transition: StringConstructor;
beforeClose: import("vue").PropType<import("../utils").Interceptor>;
doubleScale: {
type: BooleanConstructor;
default: true;
};
overlayClass: import("vue").PropType<unknown>;
overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
startPosition: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showIndicators: BooleanConstructor;
closeOnPopstate: {
type: BooleanConstructor;
default: true;
};
closeOnClickImage: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
closeIconPosition: {
type: import("vue").PropType<import("..").PopupCloseIconPosition>;
default: import("..").PopupCloseIconPosition;
};
teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
show: BooleanConstructor;
loop: {
type: BooleanConstructor;
default: true;
};
images: {
type: import("vue").PropType<string[]>;
default: () => never[];
};
minZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
maxZoom: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
overlay: {
type: BooleanConstructor;
default: true;
};
vertical: BooleanConstructor;
closeable: BooleanConstructor;
showIndex: {
type: BooleanConstructor;
default: true;
};
className: import("vue").PropType<unknown>;
closeIcon: {
type: import("vue").PropType<string>;
default: string;
};
transition: StringConstructor;
beforeClose: import("vue").PropType<import("../utils").Interceptor>;
doubleScale: {
type: BooleanConstructor;
default: true;
};
overlayClass: import("vue").PropType<unknown>;
overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
swipeDuration: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
startPosition: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
showIndicators: BooleanConstructor;
closeOnPopstate: {
type: BooleanConstructor;
default: true;
};
closeOnClickImage: {
type: BooleanConstructor;
default: true;
};
closeOnClickOverlay: {
type: BooleanConstructor;
default: true;
};
closeIconPosition: {
type: import("vue").PropType<import("..").PopupCloseIconPosition>;
default: import("..").PopupCloseIconPosition;
};
teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
}>> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
onScale?: ((...args: any[]) => any) | undefined;
onLongPress?: ((...args: any[]) => any) | undefined;
}>, {
loop: boolean;
overlay: boolean;
show: boolean;
vertical: boolean;
closeOnClickOverlay: boolean;
closeIcon: string;
closeable: boolean;
closeOnPopstate: boolean;
closeIconPosition: import("..").PopupCloseIconPosition;
swipeDuration: string | number;
showIndicators: boolean;
startPosition: string | number;
minZoom: string | number;
maxZoom: string | number;
doubleScale: boolean;
closeOnClickImage: boolean;
images: string[];
showIndex: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
export default ImagePreview;
export { imagePreviewProps } from './ImagePreview';
export { showImagePreview } from './function-call';
export type { ImagePreviewProps };
export type { ImagePreviewOptions, ImagePreviewInstance, ImagePreviewThemeVars, ImagePreviewScaleEventParams, } from './types';
declare module 'vue' {
interface GlobalComponents {
VanImagePreview: typeof ImagePreview;
}
}

41
node_modules/vant/lib/image-preview/index.js generated vendored Normal file
View File

@@ -0,0 +1,41 @@
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
__export(stdin_exports, {
ImagePreview: () => ImagePreview,
default: () => stdin_default,
imagePreviewProps: () => import_ImagePreview2.imagePreviewProps,
showImagePreview: () => import_function_call.showImagePreview
});
module.exports = __toCommonJS(stdin_exports);
var import_utils = require("../utils");
var import_ImagePreview = __toESM(require("./ImagePreview"));
var import_ImagePreview2 = require("./ImagePreview");
var import_function_call = require("./function-call");
const ImagePreview = (0, import_utils.withInstall)(import_ImagePreview.default);
var stdin_default = ImagePreview;

1
node_modules/vant/lib/image-preview/style/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1 @@
export {};

10
node_modules/vant/lib/image-preview/style/index.js generated vendored Normal file
View File

@@ -0,0 +1,10 @@
require("../../style/base.css");
require("../../badge/index.css");
require("../../icon/index.css");
require("../../image/index.css");
require("../../loading/index.css");
require("../../overlay/index.css");
require("../../popup/index.css");
require("../../swipe/index.css");
require("../../swipe-item/index.css");
require("../index.css");

61
node_modules/vant/lib/image-preview/types.d.ts generated vendored Normal file
View File

@@ -0,0 +1,61 @@
import type { CSSProperties, TeleportProps, ComponentPublicInstance } from 'vue';
import type { Interceptor } from '../utils';
import type { SwipeToOptions } from '../swipe';
import type { PopupCloseIconPosition } from '../popup';
import type { ImagePreviewProps } from './ImagePreview';
import type { ImagePreviewItemProps } from './ImagePreviewItem';
export type ImagePreviewOptions = {
loop?: boolean;
images: string[];
maxZoom?: number;
minZoom?: number;
vertical?: boolean;
teleport?: TeleportProps['to'];
className?: unknown;
showIndex?: boolean;
closeable?: boolean;
closeIcon?: string;
transition?: string;
beforeClose?: Interceptor;
doubleScale?: boolean;
overlayStyle?: CSSProperties;
overlayClass?: unknown;
swipeDuration?: number;
startPosition?: number;
showIndicators?: boolean;
closeOnPopstate?: boolean;
closeIconPosition?: PopupCloseIconPosition;
closeOnClickImage?: boolean;
closeOnClickOverlay?: boolean;
onClose?(): void;
onScale?(args: {
scale: number;
index: number;
}): void;
onChange?(index: number): void;
};
export type ImagePreviewScaleEventParams = {
scale: number;
index: number;
};
type ImagePreviewItemExpose = {
resetScale: () => void;
};
export type ImagePreviewItemInstance = ComponentPublicInstance<ImagePreviewItemProps, ImagePreviewItemExpose>;
export type ImagePreviewExpose = {
resetScale: () => void;
swipeTo: (index: number, options?: SwipeToOptions) => void;
};
export type ImagePreviewInstance = ComponentPublicInstance<ImagePreviewProps, ImagePreviewExpose>;
export type ImagePreviewThemeVars = {
imagePreviewIndexTextColor?: string;
imagePreviewIndexFontSize?: string;
imagePreviewIndexLineHeight?: number | string;
imagePreviewIndexTextShadow?: string;
imagePreviewOverlayBackground?: string;
imagePreviewCloseIconSize?: string;
imagePreviewCloseIconColor?: string;
imagePreviewCloseIconMargin?: string;
imagePreviewCloseIconZIndex?: number | string;
};
export {};

15
node_modules/vant/lib/image-preview/types.js generated vendored Normal file
View File

@@ -0,0 +1,15 @@
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var stdin_exports = {};
module.exports = __toCommonJS(stdin_exports);