You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
clothesProject/pages/miniprogram_npm/@vant/weapp/uploader/index.js

171 lines
6.6 KiB

2 years ago
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
var component_1 = require("../common/component");
var utils_1 = require("./utils");
var shared_1 = require("./shared");
var validator_1 = require("../common/validator");
(0, component_1.VantComponent)({
props: __assign(__assign({ disabled: Boolean, multiple: Boolean, uploadText: String, useBeforeRead: Boolean, afterRead: null, beforeRead: null, previewSize: {
type: null,
value: 80,
}, name: {
type: null,
value: '',
}, accept: {
type: String,
value: 'image',
}, fileList: {
type: Array,
value: [],
observer: 'formatFileList',
}, maxSize: {
type: Number,
value: Number.MAX_VALUE,
}, maxCount: {
type: Number,
value: 100,
}, deletable: {
type: Boolean,
value: true,
}, showUpload: {
type: Boolean,
value: true,
}, previewImage: {
type: Boolean,
value: true,
}, previewFullImage: {
type: Boolean,
value: true,
}, imageFit: {
type: String,
value: 'scaleToFill',
}, uploadIcon: {
type: String,
value: 'photograph',
} }, shared_1.chooseImageProps), shared_1.chooseVideoProps),
data: {
lists: [],
isInCount: true,
},
methods: {
formatFileList: function () {
var _a = this.data, _b = _a.fileList, fileList = _b === void 0 ? [] : _b, maxCount = _a.maxCount;
var lists = fileList.map(function (item) { return (__assign(__assign({}, item), { isImage: (0, utils_1.isImageFile)(item), isVideo: (0, utils_1.isVideoFile)(item), deletable: (0, validator_1.isBoolean)(item.deletable) ? item.deletable : true })); });
this.setData({ lists: lists, isInCount: lists.length < maxCount });
},
getDetail: function (index) {
return {
name: this.data.name,
index: index == null ? this.data.fileList.length : index,
};
},
startUpload: function () {
var _this = this;
var _a = this.data, maxCount = _a.maxCount, multiple = _a.multiple, lists = _a.lists, disabled = _a.disabled;
if (disabled)
return;
(0, utils_1.chooseFile)(__assign(__assign({}, this.data), { maxCount: maxCount - lists.length }))
.then(function (res) {
_this.onBeforeRead(multiple ? res : res[0]);
})
.catch(function (error) {
_this.$emit('error', error);
});
},
onBeforeRead: function (file) {
var _this = this;
var _a = this.data, beforeRead = _a.beforeRead, useBeforeRead = _a.useBeforeRead;
var res = true;
if (typeof beforeRead === 'function') {
res = beforeRead(file, this.getDetail());
}
if (useBeforeRead) {
res = new Promise(function (resolve, reject) {
_this.$emit('before-read', __assign(__assign({ file: file }, _this.getDetail()), { callback: function (ok) {
ok ? resolve() : reject();
} }));
});
}
if (!res) {
return;
}
if ((0, validator_1.isPromise)(res)) {
res.then(function (data) { return _this.onAfterRead(data || file); });
}
else {
this.onAfterRead(file);
}
},
onAfterRead: function (file) {
var _a = this.data, maxSize = _a.maxSize, afterRead = _a.afterRead;
var oversize = Array.isArray(file)
? file.some(function (item) { return item.size > maxSize; })
: file.size > maxSize;
if (oversize) {
this.$emit('oversize', __assign({ file: file }, this.getDetail()));
return;
}
if (typeof afterRead === 'function') {
afterRead(file, this.getDetail());
}
this.$emit('after-read', __assign({ file: file }, this.getDetail()));
},
deleteItem: function (event) {
var index = event.currentTarget.dataset.index;
this.$emit('delete', __assign(__assign({}, this.getDetail(index)), { file: this.data.fileList[index] }));
},
onPreviewImage: function (event) {
if (!this.data.previewFullImage)
return;
var index = event.currentTarget.dataset.index;
var lists = this.data.lists;
var item = lists[index];
wx.previewImage({
urls: lists.filter(function (item) { return (0, utils_1.isImageFile)(item); }).map(function (item) { return item.url; }),
current: item.url,
fail: function () {
wx.showToast({ title: '预览图片失败', icon: 'none' });
},
});
},
onPreviewVideo: function (event) {
if (!this.data.previewFullImage)
return;
var index = event.currentTarget.dataset.index;
var lists = this.data.lists;
wx.previewMedia({
sources: lists
.filter(function (item) { return (0, utils_1.isVideoFile)(item); })
.map(function (item) { return (__assign(__assign({}, item), { type: 'video' })); }),
current: index,
fail: function () {
wx.showToast({ title: '预览视频失败', icon: 'none' });
},
});
},
onPreviewFile: function (event) {
var index = event.currentTarget.dataset.index;
wx.openDocument({
filePath: this.data.lists[index].url,
showMenu: true,
});
},
onClickPreview: function (event) {
var index = event.currentTarget.dataset.index;
var item = this.data.lists[index];
this.$emit('click-preview', __assign(__assign({}, item), this.getDetail(index)));
},
},
});