"use strict";
|
const common_vendor = require("../../../../../common/vendor.js");
|
const _sfc_main = {
|
name: "uploadImage",
|
emits: ["uploadFiles", "choose", "delFile"],
|
props: {
|
filesList: {
|
type: Array,
|
default() {
|
return [];
|
}
|
},
|
disabled: {
|
type: Boolean,
|
default: false
|
},
|
disablePreview: {
|
type: Boolean,
|
default: false
|
},
|
limit: {
|
type: [Number, String],
|
default: 9
|
},
|
imageStyles: {
|
type: Object,
|
default() {
|
return {
|
width: "auto",
|
height: "auto",
|
border: {}
|
};
|
}
|
},
|
delIcon: {
|
type: Boolean,
|
default: true
|
},
|
readonly: {
|
type: Boolean,
|
default: false
|
}
|
},
|
computed: {
|
styles() {
|
let styles = {
|
width: "auto",
|
height: "auto",
|
border: {}
|
};
|
return Object.assign(styles, this.imageStyles);
|
},
|
boxStyle() {
|
const {
|
width = "auto",
|
height = "auto"
|
} = this.styles;
|
let obj = {};
|
if (height === "auto") {
|
if (width !== "auto") {
|
obj.height = this.value2px(width);
|
obj["padding-top"] = 0;
|
} else {
|
obj.height = 0;
|
}
|
} else {
|
obj.height = this.value2px(height);
|
obj["padding-top"] = 0;
|
}
|
if (width === "auto") {
|
if (height !== "auto") {
|
obj.width = this.value2px(height);
|
} else {
|
obj.width = "33.3%";
|
}
|
} else {
|
obj.width = this.value2px(width);
|
}
|
let classles = "";
|
for (let i in obj) {
|
classles += `${i}:${obj[i]};`;
|
}
|
return classles;
|
},
|
borderStyle() {
|
let {
|
border
|
} = this.styles;
|
let obj = {};
|
const widthDefaultValue = 1;
|
const radiusDefaultValue = 3;
|
if (typeof border === "boolean") {
|
obj.border = border ? "1px #eee solid" : "none";
|
} else {
|
let width = border && border.width || widthDefaultValue;
|
width = this.value2px(width);
|
let radius = border && border.radius || radiusDefaultValue;
|
radius = this.value2px(radius);
|
obj = {
|
"border-width": width,
|
"border-style": border && border.style || "solid",
|
"border-color": border && border.color || "#eee",
|
"border-radius": radius
|
};
|
}
|
let classles = "";
|
for (let i in obj) {
|
classles += `${i}:${obj[i]};`;
|
}
|
return classles;
|
}
|
},
|
methods: {
|
uploadFiles(item, index) {
|
this.$emit("uploadFiles", item);
|
},
|
choose() {
|
if (this.readonly)
|
return;
|
this.$emit("choose");
|
},
|
delFile(index) {
|
if (this.readonly)
|
return;
|
this.$emit("delFile", index);
|
},
|
prviewImage(img, index) {
|
if (this.readonly)
|
return;
|
let urls = [];
|
if (Number(this.limit) === 1 && this.disablePreview && !this.disabled) {
|
this.$emit("choose");
|
}
|
if (this.disablePreview)
|
return;
|
this.filesList.forEach((i) => {
|
urls.push(i.url);
|
});
|
common_vendor.index.previewImage({
|
urls,
|
current: index
|
});
|
},
|
value2px(value) {
|
if (typeof value === "number") {
|
value += "px";
|
} else {
|
if (value.indexOf("%") === -1) {
|
value = value.indexOf("px") !== -1 ? value : value + "px";
|
}
|
}
|
return value;
|
}
|
}
|
};
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
return common_vendor.e({
|
a: common_vendor.f($props.filesList, (item, index, i0) => {
|
return common_vendor.e({
|
a: item.url,
|
b: common_vendor.o(($event) => $options.prviewImage(item, index), index)
|
}, $props.delIcon && !$props.readonly ? {
|
c: common_vendor.o(($event) => $options.delFile(index), index)
|
} : {}, {
|
d: item.progress && item.progress !== 100 || item.progress === 0
|
}, item.progress && item.progress !== 100 || item.progress === 0 ? {
|
e: item.progress === -1 ? 0 : item.progress,
|
f: item.errMsg ? "#ff5a5f" : "#EBEBEB"
|
} : {}, {
|
g: item.errMsg
|
}, item.errMsg ? {
|
h: common_vendor.o(($event) => $options.uploadFiles(item, index), index)
|
} : {}, {
|
i: index
|
});
|
}),
|
b: $props.delIcon && !$props.readonly,
|
c: common_vendor.s($options.borderStyle),
|
d: common_vendor.s($options.boxStyle),
|
e: $props.filesList.length < $props.limit
|
}, $props.filesList.length < $props.limit ? {
|
f: common_vendor.s($options.borderStyle),
|
g: common_vendor.o((...args) => $options.choose && $options.choose(...args)),
|
h: common_vendor.s($options.boxStyle)
|
} : {}, {
|
i: common_vendor.gei(_ctx, "")
|
});
|
}
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
wx.createComponent(Component);
|
//# sourceMappingURL=../../../../../../.sourcemap/mp-weixin/node-modules/@dcloudio/uni-ui/lib/uni-file-picker/upload-image.js.map
|
