first commit
This commit is contained in:
217
node_modules/vant/es/uploader/Uploader.d.ts
generated
vendored
Normal file
217
node_modules/vant/es/uploader/Uploader.d.ts
generated
vendored
Normal file
@@ -0,0 +1,217 @@
|
||||
import { type PropType, type ExtractPropTypes } from 'vue';
|
||||
import { Interceptor, type Numeric } from '../utils';
|
||||
import { type ImagePreviewOptions } from '../image-preview';
|
||||
import type { UploaderMaxSize, UploaderAfterRead, UploaderBeforeRead, UploaderResultType, UploaderFileListItem } from './types';
|
||||
export declare const uploaderProps: {
|
||||
name: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: string;
|
||||
};
|
||||
accept: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
capture: StringConstructor;
|
||||
multiple: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
lazyLoad: BooleanConstructor;
|
||||
maxCount: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
imageFit: {
|
||||
type: PropType<import("csstype").Property.ObjectFit | undefined>;
|
||||
default: import("csstype").Property.ObjectFit | undefined;
|
||||
};
|
||||
resultType: {
|
||||
type: PropType<UploaderResultType>;
|
||||
default: UploaderResultType;
|
||||
};
|
||||
uploadIcon: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
uploadText: StringConstructor;
|
||||
deletable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
reupload: BooleanConstructor;
|
||||
afterRead: PropType<UploaderAfterRead>;
|
||||
showUpload: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: {
|
||||
type: PropType<UploaderFileListItem[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
beforeRead: PropType<UploaderBeforeRead>;
|
||||
beforeDelete: PropType<Interceptor>;
|
||||
previewSize: PropType<Numeric | [Numeric, Numeric]>;
|
||||
previewImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
previewOptions: PropType<Partial<ImagePreviewOptions>>;
|
||||
previewFullImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
maxSize: {
|
||||
type: PropType<UploaderMaxSize>;
|
||||
default: number;
|
||||
};
|
||||
};
|
||||
export type UploaderProps = ExtractPropTypes<typeof uploaderProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
name: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: string;
|
||||
};
|
||||
accept: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
capture: StringConstructor;
|
||||
multiple: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
lazyLoad: BooleanConstructor;
|
||||
maxCount: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
imageFit: {
|
||||
type: PropType<import("csstype").Property.ObjectFit | undefined>;
|
||||
default: import("csstype").Property.ObjectFit | undefined;
|
||||
};
|
||||
resultType: {
|
||||
type: PropType<UploaderResultType>;
|
||||
default: UploaderResultType;
|
||||
};
|
||||
uploadIcon: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
uploadText: StringConstructor;
|
||||
deletable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
reupload: BooleanConstructor;
|
||||
afterRead: PropType<UploaderAfterRead>;
|
||||
showUpload: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: {
|
||||
type: PropType<UploaderFileListItem[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
beforeRead: PropType<UploaderBeforeRead>;
|
||||
beforeDelete: PropType<Interceptor>;
|
||||
previewSize: PropType<Numeric | [Numeric, Numeric]>;
|
||||
previewImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
previewOptions: PropType<Partial<ImagePreviewOptions>>;
|
||||
previewFullImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
maxSize: {
|
||||
type: PropType<UploaderMaxSize>;
|
||||
default: number;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
name: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: string;
|
||||
};
|
||||
accept: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
capture: StringConstructor;
|
||||
multiple: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
lazyLoad: BooleanConstructor;
|
||||
maxCount: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
imageFit: {
|
||||
type: PropType<import("csstype").Property.ObjectFit | undefined>;
|
||||
default: import("csstype").Property.ObjectFit | undefined;
|
||||
};
|
||||
resultType: {
|
||||
type: PropType<UploaderResultType>;
|
||||
default: UploaderResultType;
|
||||
};
|
||||
uploadIcon: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
uploadText: StringConstructor;
|
||||
deletable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
reupload: BooleanConstructor;
|
||||
afterRead: PropType<UploaderAfterRead>;
|
||||
showUpload: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: {
|
||||
type: PropType<UploaderFileListItem[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
beforeRead: PropType<UploaderBeforeRead>;
|
||||
beforeDelete: PropType<Interceptor>;
|
||||
previewSize: PropType<Numeric | [Numeric, Numeric]>;
|
||||
previewImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
previewOptions: PropType<Partial<ImagePreviewOptions>>;
|
||||
previewFullImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
maxSize: {
|
||||
type: PropType<UploaderMaxSize>;
|
||||
default: number;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
||||
onDelete?: ((...args: any[]) => any) | undefined;
|
||||
onOversize?: ((...args: any[]) => any) | undefined;
|
||||
onClickUpload?: ((...args: any[]) => any) | undefined;
|
||||
onClosePreview?: ((...args: any[]) => any) | undefined;
|
||||
onClickPreview?: ((...args: any[]) => any) | undefined;
|
||||
onClickReupload?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
name: string | number;
|
||||
accept: string;
|
||||
disabled: boolean;
|
||||
multiple: boolean;
|
||||
modelValue: UploaderFileListItem[];
|
||||
readonly: boolean;
|
||||
lazyLoad: boolean;
|
||||
maxCount: string | number;
|
||||
imageFit: import("csstype").Property.ObjectFit | undefined;
|
||||
resultType: UploaderResultType;
|
||||
uploadIcon: string;
|
||||
deletable: boolean;
|
||||
reupload: boolean;
|
||||
showUpload: boolean;
|
||||
previewImage: boolean;
|
||||
previewFullImage: boolean;
|
||||
maxSize: UploaderMaxSize;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
272
node_modules/vant/es/uploader/Uploader.mjs
generated
vendored
Normal file
272
node_modules/vant/es/uploader/Uploader.mjs
generated
vendored
Normal file
@@ -0,0 +1,272 @@
|
||||
import { ref, reactive, defineComponent, onBeforeUnmount, nextTick, mergeProps as _mergeProps, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
|
||||
import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/index.mjs";
|
||||
import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils.mjs";
|
||||
import { useCustomFieldValue } from "@vant/use";
|
||||
import { useExpose } from "../composables/use-expose.mjs";
|
||||
import { Icon } from "../icon/index.mjs";
|
||||
import { showImagePreview } from "../image-preview/index.mjs";
|
||||
import UploaderPreviewItem from "./UploaderPreviewItem.mjs";
|
||||
const uploaderProps = {
|
||||
name: makeNumericProp(""),
|
||||
accept: makeStringProp("image/*"),
|
||||
capture: String,
|
||||
multiple: Boolean,
|
||||
disabled: Boolean,
|
||||
readonly: Boolean,
|
||||
lazyLoad: Boolean,
|
||||
maxCount: makeNumericProp(Infinity),
|
||||
imageFit: makeStringProp("cover"),
|
||||
resultType: makeStringProp("dataUrl"),
|
||||
uploadIcon: makeStringProp("photograph"),
|
||||
uploadText: String,
|
||||
deletable: truthProp,
|
||||
reupload: Boolean,
|
||||
afterRead: Function,
|
||||
showUpload: truthProp,
|
||||
modelValue: makeArrayProp(),
|
||||
beforeRead: Function,
|
||||
beforeDelete: Function,
|
||||
previewSize: [Number, String, Array],
|
||||
previewImage: truthProp,
|
||||
previewOptions: Object,
|
||||
previewFullImage: truthProp,
|
||||
maxSize: {
|
||||
type: [Number, String, Function],
|
||||
default: Infinity
|
||||
}
|
||||
};
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props: uploaderProps,
|
||||
emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "clickReupload", "update:modelValue"],
|
||||
setup(props, {
|
||||
emit,
|
||||
slots
|
||||
}) {
|
||||
const inputRef = ref();
|
||||
const urls = [];
|
||||
const reuploadIndex = ref(-1);
|
||||
const isReuploading = ref(false);
|
||||
const getDetail = (index = props.modelValue.length) => ({
|
||||
name: props.name,
|
||||
index
|
||||
});
|
||||
const resetInput = () => {
|
||||
if (inputRef.value) {
|
||||
inputRef.value.value = "";
|
||||
}
|
||||
};
|
||||
const onAfterRead = (items) => {
|
||||
resetInput();
|
||||
if (isOversize(items, props.maxSize)) {
|
||||
if (Array.isArray(items)) {
|
||||
const result = filterFiles(items, props.maxSize);
|
||||
items = result.valid;
|
||||
emit("oversize", result.invalid, getDetail());
|
||||
if (!items.length) {
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
emit("oversize", items, getDetail());
|
||||
return;
|
||||
}
|
||||
}
|
||||
items = reactive(items);
|
||||
if (reuploadIndex.value > -1) {
|
||||
const arr = [...props.modelValue];
|
||||
arr.splice(reuploadIndex.value, 1, items);
|
||||
emit("update:modelValue", arr);
|
||||
reuploadIndex.value = -1;
|
||||
} else {
|
||||
emit("update:modelValue", [...props.modelValue, ...toArray(items)]);
|
||||
}
|
||||
if (props.afterRead) {
|
||||
props.afterRead(items, getDetail());
|
||||
}
|
||||
};
|
||||
const readFile = (files) => {
|
||||
const {
|
||||
maxCount,
|
||||
modelValue,
|
||||
resultType
|
||||
} = props;
|
||||
if (Array.isArray(files)) {
|
||||
const remainCount = +maxCount - modelValue.length;
|
||||
if (files.length > remainCount) {
|
||||
files = files.slice(0, remainCount);
|
||||
}
|
||||
Promise.all(files.map((file) => readFileContent(file, resultType))).then((contents) => {
|
||||
const fileList = files.map((file, index) => {
|
||||
const result = {
|
||||
file,
|
||||
status: "",
|
||||
message: "",
|
||||
objectUrl: URL.createObjectURL(file)
|
||||
};
|
||||
if (contents[index]) {
|
||||
result.content = contents[index];
|
||||
}
|
||||
return result;
|
||||
});
|
||||
onAfterRead(fileList);
|
||||
});
|
||||
} else {
|
||||
readFileContent(files, resultType).then((content) => {
|
||||
const result = {
|
||||
file: files,
|
||||
status: "",
|
||||
message: "",
|
||||
objectUrl: URL.createObjectURL(files)
|
||||
};
|
||||
if (content) {
|
||||
result.content = content;
|
||||
}
|
||||
onAfterRead(result);
|
||||
});
|
||||
}
|
||||
};
|
||||
const onChange = (event) => {
|
||||
const {
|
||||
files
|
||||
} = event.target;
|
||||
if (props.disabled || !files || !files.length) {
|
||||
return;
|
||||
}
|
||||
const file = files.length === 1 ? files[0] : [].slice.call(files);
|
||||
if (props.beforeRead) {
|
||||
const response = props.beforeRead(file, getDetail());
|
||||
if (!response) {
|
||||
resetInput();
|
||||
return;
|
||||
}
|
||||
if (isPromise(response)) {
|
||||
response.then((data) => {
|
||||
if (data) {
|
||||
readFile(data);
|
||||
} else {
|
||||
readFile(file);
|
||||
}
|
||||
}).catch(resetInput);
|
||||
return;
|
||||
}
|
||||
}
|
||||
readFile(file);
|
||||
};
|
||||
let imagePreview;
|
||||
const onClosePreview = () => emit("closePreview");
|
||||
const previewImage = (item) => {
|
||||
if (props.previewFullImage) {
|
||||
const imageFiles = props.modelValue.filter(isImageFile);
|
||||
const images = imageFiles.map((item2) => {
|
||||
if (item2.objectUrl && !item2.url && item2.status !== "failed") {
|
||||
item2.url = item2.objectUrl;
|
||||
urls.push(item2.url);
|
||||
}
|
||||
return item2.url;
|
||||
}).filter(Boolean);
|
||||
imagePreview = showImagePreview(extend({
|
||||
images,
|
||||
startPosition: imageFiles.indexOf(item),
|
||||
onClose: onClosePreview
|
||||
}, props.previewOptions));
|
||||
}
|
||||
};
|
||||
const closeImagePreview = () => {
|
||||
if (imagePreview) {
|
||||
imagePreview.close();
|
||||
}
|
||||
};
|
||||
const deleteFile = (item, index) => {
|
||||
const fileList = props.modelValue.slice(0);
|
||||
fileList.splice(index, 1);
|
||||
emit("update:modelValue", fileList);
|
||||
emit("delete", item, getDetail(index));
|
||||
};
|
||||
const reuploadFile = (index) => {
|
||||
isReuploading.value = true;
|
||||
reuploadIndex.value = index;
|
||||
nextTick(() => chooseFile());
|
||||
};
|
||||
const onInputClick = () => {
|
||||
if (!isReuploading.value) {
|
||||
reuploadIndex.value = -1;
|
||||
}
|
||||
isReuploading.value = false;
|
||||
};
|
||||
const renderPreviewItem = (item, index) => {
|
||||
const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
|
||||
const previewData = extend(pick(props, needPickData), pick(item, needPickData, true));
|
||||
return _createVNode(UploaderPreviewItem, _mergeProps({
|
||||
"item": item,
|
||||
"index": index,
|
||||
"onClick": () => emit(props.reupload ? "clickReupload" : "clickPreview", item, getDetail(index)),
|
||||
"onDelete": () => deleteFile(item, index),
|
||||
"onPreview": () => previewImage(item),
|
||||
"onReupload": () => reuploadFile(index)
|
||||
}, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
|
||||
};
|
||||
const renderPreviewList = () => {
|
||||
if (props.previewImage) {
|
||||
return props.modelValue.map(renderPreviewItem);
|
||||
}
|
||||
};
|
||||
const onClickUpload = (event) => emit("clickUpload", event);
|
||||
const renderUpload = () => {
|
||||
const lessThanMax = props.modelValue.length < +props.maxCount;
|
||||
const Input = props.readonly ? null : _createVNode("input", {
|
||||
"ref": inputRef,
|
||||
"type": "file",
|
||||
"class": bem("input"),
|
||||
"accept": props.accept,
|
||||
"capture": props.capture,
|
||||
"multiple": props.multiple && reuploadIndex.value === -1,
|
||||
"disabled": props.disabled,
|
||||
"onChange": onChange,
|
||||
"onClick": onInputClick
|
||||
}, null);
|
||||
if (slots.default) {
|
||||
return _withDirectives(_createVNode("div", {
|
||||
"class": bem("input-wrapper"),
|
||||
"onClick": onClickUpload
|
||||
}, [slots.default(), Input]), [[_vShow, lessThanMax]]);
|
||||
}
|
||||
return _withDirectives(_createVNode("div", {
|
||||
"class": bem("upload", {
|
||||
readonly: props.readonly
|
||||
}),
|
||||
"style": getSizeStyle(props.previewSize),
|
||||
"onClick": onClickUpload
|
||||
}, [_createVNode(Icon, {
|
||||
"name": props.uploadIcon,
|
||||
"class": bem("upload-icon")
|
||||
}, null), props.uploadText && _createVNode("span", {
|
||||
"class": bem("upload-text")
|
||||
}, [props.uploadText]), Input]), [[_vShow, props.showUpload && lessThanMax]]);
|
||||
};
|
||||
const chooseFile = () => {
|
||||
if (inputRef.value && !props.disabled) {
|
||||
inputRef.value.click();
|
||||
}
|
||||
};
|
||||
onBeforeUnmount(() => {
|
||||
urls.forEach((url) => URL.revokeObjectURL(url));
|
||||
});
|
||||
useExpose({
|
||||
chooseFile,
|
||||
reuploadFile,
|
||||
closeImagePreview
|
||||
});
|
||||
useCustomFieldValue(() => props.modelValue);
|
||||
return () => _createVNode("div", {
|
||||
"class": bem()
|
||||
}, [_createVNode("div", {
|
||||
"class": bem("wrapper", {
|
||||
disabled: props.disabled
|
||||
})
|
||||
}, [renderPreviewList(), renderUpload()])]);
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default,
|
||||
uploaderProps
|
||||
};
|
||||
40
node_modules/vant/es/uploader/UploaderPreviewItem.d.ts
generated
vendored
Normal file
40
node_modules/vant/es/uploader/UploaderPreviewItem.d.ts
generated
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
import { type PropType } from 'vue';
|
||||
import { type Numeric, type Interceptor } from '../utils';
|
||||
import { ImageFit } from '../image';
|
||||
import type { UploaderFileListItem } from './types';
|
||||
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
name: (NumberConstructor | StringConstructor)[];
|
||||
item: {
|
||||
type: PropType<UploaderFileListItem>;
|
||||
required: true;
|
||||
};
|
||||
index: NumberConstructor;
|
||||
imageFit: PropType<ImageFit>;
|
||||
lazyLoad: BooleanConstructor;
|
||||
deletable: BooleanConstructor;
|
||||
reupload: BooleanConstructor;
|
||||
previewSize: PropType<Numeric | [Numeric, Numeric]>;
|
||||
beforeDelete: PropType<Interceptor>;
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "reupload" | "preview")[], "delete" | "reupload" | "preview", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
name: (NumberConstructor | StringConstructor)[];
|
||||
item: {
|
||||
type: PropType<UploaderFileListItem>;
|
||||
required: true;
|
||||
};
|
||||
index: NumberConstructor;
|
||||
imageFit: PropType<ImageFit>;
|
||||
lazyLoad: BooleanConstructor;
|
||||
deletable: BooleanConstructor;
|
||||
reupload: BooleanConstructor;
|
||||
previewSize: PropType<Numeric | [Numeric, Numeric]>;
|
||||
beforeDelete: PropType<Interceptor>;
|
||||
}>> & Readonly<{
|
||||
onDelete?: ((...args: any[]) => any) | undefined;
|
||||
onReupload?: ((...args: any[]) => any) | undefined;
|
||||
onPreview?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
lazyLoad: boolean;
|
||||
deletable: boolean;
|
||||
reupload: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
130
node_modules/vant/es/uploader/UploaderPreviewItem.mjs
generated
vendored
Normal file
130
node_modules/vant/es/uploader/UploaderPreviewItem.mjs
generated
vendored
Normal file
@@ -0,0 +1,130 @@
|
||||
import { defineComponent, createVNode as _createVNode } from "vue";
|
||||
import { t, bem, isImageFile } from "./utils.mjs";
|
||||
import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils/index.mjs";
|
||||
import { Icon } from "../icon/index.mjs";
|
||||
import { Image } from "../image/index.mjs";
|
||||
import { Loading } from "../loading/index.mjs";
|
||||
var stdin_default = defineComponent({
|
||||
props: {
|
||||
name: numericProp,
|
||||
item: makeRequiredProp(Object),
|
||||
index: Number,
|
||||
imageFit: String,
|
||||
lazyLoad: Boolean,
|
||||
deletable: Boolean,
|
||||
reupload: Boolean,
|
||||
previewSize: [Number, String, Array],
|
||||
beforeDelete: Function
|
||||
},
|
||||
emits: ["delete", "preview", "reupload"],
|
||||
setup(props, {
|
||||
emit,
|
||||
slots
|
||||
}) {
|
||||
const renderMask = () => {
|
||||
const {
|
||||
status,
|
||||
message
|
||||
} = props.item;
|
||||
if (status === "uploading" || status === "failed") {
|
||||
const MaskIcon = status === "failed" ? _createVNode(Icon, {
|
||||
"name": "close",
|
||||
"class": bem("mask-icon")
|
||||
}, null) : _createVNode(Loading, {
|
||||
"class": bem("loading")
|
||||
}, null);
|
||||
const showMessage = isDef(message) && message !== "";
|
||||
return _createVNode("div", {
|
||||
"class": bem("mask")
|
||||
}, [MaskIcon, showMessage && _createVNode("div", {
|
||||
"class": bem("mask-message")
|
||||
}, [message])]);
|
||||
}
|
||||
};
|
||||
const onDelete = (event) => {
|
||||
const {
|
||||
name,
|
||||
item,
|
||||
index,
|
||||
beforeDelete
|
||||
} = props;
|
||||
event.stopPropagation();
|
||||
callInterceptor(beforeDelete, {
|
||||
args: [item, {
|
||||
name,
|
||||
index
|
||||
}],
|
||||
done: () => emit("delete")
|
||||
});
|
||||
};
|
||||
const onPreview = () => emit("preview");
|
||||
const onReupload = () => emit("reupload");
|
||||
const renderDeleteIcon = () => {
|
||||
if (props.deletable && props.item.status !== "uploading") {
|
||||
const slot = slots["preview-delete"];
|
||||
return _createVNode("div", {
|
||||
"role": "button",
|
||||
"class": bem("preview-delete", {
|
||||
shadow: !slot
|
||||
}),
|
||||
"tabindex": 0,
|
||||
"aria-label": t("delete"),
|
||||
"onClick": onDelete
|
||||
}, [slot ? slot() : _createVNode(Icon, {
|
||||
"name": "cross",
|
||||
"class": bem("preview-delete-icon")
|
||||
}, null)]);
|
||||
}
|
||||
};
|
||||
const renderCover = () => {
|
||||
if (slots["preview-cover"]) {
|
||||
const {
|
||||
index,
|
||||
item
|
||||
} = props;
|
||||
return _createVNode("div", {
|
||||
"class": bem("preview-cover")
|
||||
}, [slots["preview-cover"](extend({
|
||||
index
|
||||
}, item))]);
|
||||
}
|
||||
};
|
||||
const renderPreview = () => {
|
||||
const {
|
||||
item,
|
||||
lazyLoad,
|
||||
imageFit,
|
||||
previewSize,
|
||||
reupload
|
||||
} = props;
|
||||
if (isImageFile(item)) {
|
||||
return _createVNode(Image, {
|
||||
"fit": imageFit,
|
||||
"src": item.objectUrl || item.content || item.url,
|
||||
"class": bem("preview-image"),
|
||||
"width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
|
||||
"height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
|
||||
"lazyLoad": lazyLoad,
|
||||
"onClick": reupload ? onReupload : onPreview
|
||||
}, {
|
||||
default: renderCover
|
||||
});
|
||||
}
|
||||
return _createVNode("div", {
|
||||
"class": bem("file"),
|
||||
"style": getSizeStyle(props.previewSize)
|
||||
}, [_createVNode(Icon, {
|
||||
"class": bem("file-icon"),
|
||||
"name": "description"
|
||||
}, null), _createVNode("div", {
|
||||
"class": [bem("file-name"), "van-ellipsis"]
|
||||
}, [item.file ? item.file.name : item.url]), renderCover()]);
|
||||
};
|
||||
return () => _createVNode("div", {
|
||||
"class": bem("preview")
|
||||
}, [renderPreview(), renderMask(), renderDeleteIcon()]);
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default
|
||||
};
|
||||
1
node_modules/vant/es/uploader/index.css
generated
vendored
Normal file
1
node_modules/vant/es/uploader/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity);--van-uploader-border-radius: 0px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden;border-radius:var(--van-uploader-border-radius)}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
|
||||
159
node_modules/vant/es/uploader/index.d.ts
generated
vendored
Normal file
159
node_modules/vant/es/uploader/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,159 @@
|
||||
import { UploaderProps } from './Uploader';
|
||||
export declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
name: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: string;
|
||||
};
|
||||
accept: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
capture: StringConstructor;
|
||||
multiple: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
lazyLoad: BooleanConstructor;
|
||||
maxCount: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
imageFit: {
|
||||
type: import("vue").PropType<import("csstype").Property.ObjectFit | undefined>;
|
||||
default: import("csstype").Property.ObjectFit | undefined;
|
||||
};
|
||||
resultType: {
|
||||
type: import("vue").PropType<import("./types").UploaderResultType>;
|
||||
default: import("./types").UploaderResultType;
|
||||
};
|
||||
uploadIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
uploadText: StringConstructor;
|
||||
deletable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
reupload: BooleanConstructor;
|
||||
afterRead: import("vue").PropType<import("./types").UploaderAfterRead>;
|
||||
showUpload: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: {
|
||||
type: import("vue").PropType<import("./types").UploaderFileListItem[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
beforeRead: import("vue").PropType<import("./types").UploaderBeforeRead>;
|
||||
beforeDelete: import("vue").PropType<import("../utils").Interceptor>;
|
||||
previewSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
|
||||
previewImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
previewOptions: import("vue").PropType<Partial<import("..").ImagePreviewOptions>>;
|
||||
previewFullImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
maxSize: {
|
||||
type: import("vue").PropType<import("./types").UploaderMaxSize>;
|
||||
default: number;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
name: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: string;
|
||||
};
|
||||
accept: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
capture: StringConstructor;
|
||||
multiple: BooleanConstructor;
|
||||
disabled: BooleanConstructor;
|
||||
readonly: BooleanConstructor;
|
||||
lazyLoad: BooleanConstructor;
|
||||
maxCount: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
imageFit: {
|
||||
type: import("vue").PropType<import("csstype").Property.ObjectFit | undefined>;
|
||||
default: import("csstype").Property.ObjectFit | undefined;
|
||||
};
|
||||
resultType: {
|
||||
type: import("vue").PropType<import("./types").UploaderResultType>;
|
||||
default: import("./types").UploaderResultType;
|
||||
};
|
||||
uploadIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
uploadText: StringConstructor;
|
||||
deletable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
reupload: BooleanConstructor;
|
||||
afterRead: import("vue").PropType<import("./types").UploaderAfterRead>;
|
||||
showUpload: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: {
|
||||
type: import("vue").PropType<import("./types").UploaderFileListItem[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
beforeRead: import("vue").PropType<import("./types").UploaderBeforeRead>;
|
||||
beforeDelete: import("vue").PropType<import("../utils").Interceptor>;
|
||||
previewSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
|
||||
previewImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
previewOptions: import("vue").PropType<Partial<import("..").ImagePreviewOptions>>;
|
||||
previewFullImage: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
maxSize: {
|
||||
type: import("vue").PropType<import("./types").UploaderMaxSize>;
|
||||
default: number;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
||||
onDelete?: ((...args: any[]) => any) | undefined;
|
||||
onOversize?: ((...args: any[]) => any) | undefined;
|
||||
onClickUpload?: ((...args: any[]) => any) | undefined;
|
||||
onClosePreview?: ((...args: any[]) => any) | undefined;
|
||||
onClickPreview?: ((...args: any[]) => any) | undefined;
|
||||
onClickReupload?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
name: string | number;
|
||||
accept: string;
|
||||
disabled: boolean;
|
||||
multiple: boolean;
|
||||
modelValue: import("./types").UploaderFileListItem[];
|
||||
readonly: boolean;
|
||||
lazyLoad: boolean;
|
||||
maxCount: string | number;
|
||||
imageFit: import("csstype").Property.ObjectFit | undefined;
|
||||
resultType: import("./types").UploaderResultType;
|
||||
uploadIcon: string;
|
||||
deletable: boolean;
|
||||
reupload: boolean;
|
||||
showUpload: boolean;
|
||||
previewImage: boolean;
|
||||
previewFullImage: boolean;
|
||||
maxSize: import("./types").UploaderMaxSize;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default Uploader;
|
||||
export { uploaderProps } from './Uploader';
|
||||
export type { UploaderProps };
|
||||
export type { UploaderInstance, UploaderThemeVars, UploaderResultType, UploaderFileListItem, UploaderBeforeRead, UploaderAfterRead, } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanUploader: typeof Uploader;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/uploader/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/uploader/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _Uploader from "./Uploader.mjs";
|
||||
const Uploader = withInstall(_Uploader);
|
||||
var stdin_default = Uploader;
|
||||
import { uploaderProps } from "./Uploader.mjs";
|
||||
export {
|
||||
Uploader,
|
||||
stdin_default as default,
|
||||
uploaderProps
|
||||
};
|
||||
1
node_modules/vant/es/uploader/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/uploader/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
11
node_modules/vant/es/uploader/style/index.mjs
generated
vendored
Normal file
11
node_modules/vant/es/uploader/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
import "../../style/base.css";
|
||||
import "../../badge/index.css";
|
||||
import "../../icon/index.css";
|
||||
import "../../image/index.css";
|
||||
import "../../loading/index.css";
|
||||
import "../../overlay/index.css";
|
||||
import "../../popup/index.css";
|
||||
import "../../swipe/index.css";
|
||||
import "../../swipe-item/index.css";
|
||||
import "../../image-preview/index.css";
|
||||
import "../index.css";
|
||||
61
node_modules/vant/es/uploader/types.d.ts
generated
vendored
Normal file
61
node_modules/vant/es/uploader/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,61 @@
|
||||
import type { ComponentPublicInstance } from 'vue';
|
||||
import type { ImageFit } from '../image';
|
||||
import type { Numeric, Interceptor } from '../utils';
|
||||
import type { UploaderProps } from './Uploader';
|
||||
export type UploaderResultType = 'dataUrl' | 'text' | 'file';
|
||||
export type UploaderFileListItem = {
|
||||
url?: string;
|
||||
file?: File;
|
||||
objectUrl?: string;
|
||||
content?: string;
|
||||
isImage?: boolean;
|
||||
status?: '' | 'uploading' | 'done' | 'failed';
|
||||
message?: string;
|
||||
imageFit?: ImageFit;
|
||||
deletable?: boolean;
|
||||
reupload?: boolean;
|
||||
previewSize?: Numeric;
|
||||
beforeDelete?: Interceptor;
|
||||
};
|
||||
export type UploaderMaxSize = Numeric | ((file: File) => boolean);
|
||||
export type UploaderBeforeRead = (file: File | File[], detail: {
|
||||
name: Numeric;
|
||||
index: number;
|
||||
}) => boolean | undefined | Promise<File | File[] | undefined>;
|
||||
export type UploaderAfterRead = (items: UploaderFileListItem | UploaderFileListItem[], detail: {
|
||||
name: Numeric;
|
||||
index: number;
|
||||
}) => void;
|
||||
export type UploaderExpose = {
|
||||
chooseFile: () => void;
|
||||
closeImagePreview: () => void;
|
||||
reuploadFile: (index: number) => void;
|
||||
};
|
||||
export type UploaderInstance = ComponentPublicInstance<UploaderProps, UploaderExpose>;
|
||||
export type UploaderThemeVars = {
|
||||
uploaderSize?: string;
|
||||
uploaderIconSize?: string;
|
||||
uploaderIconColor?: string;
|
||||
uploaderTextColor?: string;
|
||||
uploaderTextFontSize?: string;
|
||||
uploaderUploadBackground?: string;
|
||||
uploaderUploadActiveColor?: string;
|
||||
uploaderDeleteColor?: string;
|
||||
uploaderDeleteIconSize?: string;
|
||||
uploaderDeleteBackground?: string;
|
||||
uploaderFileBackground?: string;
|
||||
uploaderFileIconSize?: string;
|
||||
uploaderFileIconColor?: string;
|
||||
uploaderFileNamePadding?: string;
|
||||
uploaderFileNameMarginTop?: string;
|
||||
uploaderFileNameFontSize?: string;
|
||||
uploaderFileNameTextColor?: string;
|
||||
uploaderMaskTextColor?: string;
|
||||
uploaderMaskBackground?: string;
|
||||
uploaderMaskIconSize?: string;
|
||||
uploaderMaskMessageFontSize?: string;
|
||||
uploaderMaskMessageLineHeight?: number | string;
|
||||
uploaderLoadingIconSize?: string;
|
||||
uploaderLoadingIconColor?: string;
|
||||
uploaderDisabledOpacity?: number | string;
|
||||
};
|
||||
0
node_modules/vant/es/uploader/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/uploader/types.mjs
generated
vendored
Normal file
11
node_modules/vant/es/uploader/utils.d.ts
generated
vendored
Normal file
11
node_modules/vant/es/uploader/utils.d.ts
generated
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
import type { UploaderMaxSize, UploaderResultType, UploaderFileListItem } from './types';
|
||||
declare const name: string, bem: (el?: import("../utils").Mods, mods?: import("../utils").Mods) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
|
||||
export { name, bem, t };
|
||||
export declare function readFileContent(file: File, resultType: UploaderResultType): Promise<string | void>;
|
||||
export declare function isOversize(items: UploaderFileListItem | UploaderFileListItem[], maxSize: UploaderMaxSize): boolean;
|
||||
export declare function filterFiles(items: UploaderFileListItem[], maxSize: UploaderMaxSize): {
|
||||
valid: UploaderFileListItem[];
|
||||
invalid: UploaderFileListItem[];
|
||||
};
|
||||
export declare const isImageUrl: (url: string) => boolean;
|
||||
export declare function isImageFile(item: UploaderFileListItem): boolean;
|
||||
69
node_modules/vant/es/uploader/utils.mjs
generated
vendored
Normal file
69
node_modules/vant/es/uploader/utils.mjs
generated
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
import { toArray, createNamespace, isFunction } from "../utils/index.mjs";
|
||||
const [name, bem, t] = createNamespace("uploader");
|
||||
function readFileContent(file, resultType) {
|
||||
return new Promise((resolve) => {
|
||||
if (resultType === "file") {
|
||||
resolve();
|
||||
return;
|
||||
}
|
||||
const reader = new FileReader();
|
||||
reader.onload = (event) => {
|
||||
resolve(event.target.result);
|
||||
};
|
||||
if (resultType === "dataUrl") {
|
||||
reader.readAsDataURL(file);
|
||||
} else if (resultType === "text") {
|
||||
reader.readAsText(file);
|
||||
}
|
||||
});
|
||||
}
|
||||
function isOversize(items, maxSize) {
|
||||
return toArray(items).some((item) => {
|
||||
if (item.file) {
|
||||
if (isFunction(maxSize)) {
|
||||
return maxSize(item.file);
|
||||
}
|
||||
return item.file.size > +maxSize;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
function filterFiles(items, maxSize) {
|
||||
const valid = [];
|
||||
const invalid = [];
|
||||
items.forEach((item) => {
|
||||
if (isOversize(item, maxSize)) {
|
||||
invalid.push(item);
|
||||
} else {
|
||||
valid.push(item);
|
||||
}
|
||||
});
|
||||
return { valid, invalid };
|
||||
}
|
||||
const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
|
||||
const isImageUrl = (url) => IMAGE_REGEXP.test(url);
|
||||
function isImageFile(item) {
|
||||
if (item.isImage) {
|
||||
return true;
|
||||
}
|
||||
if (item.file && item.file.type) {
|
||||
return item.file.type.indexOf("image") === 0;
|
||||
}
|
||||
if (item.url) {
|
||||
return isImageUrl(item.url);
|
||||
}
|
||||
if (typeof item.content === "string") {
|
||||
return item.content.indexOf("data:image") === 0;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
export {
|
||||
bem,
|
||||
filterFiles,
|
||||
isImageFile,
|
||||
isImageUrl,
|
||||
isOversize,
|
||||
name,
|
||||
readFileContent,
|
||||
t
|
||||
};
|
||||
Reference in New Issue
Block a user