ivue-material-plus
Version:
A high quality UI components Library with Vue.js
206 lines (201 loc) • 11 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var imagePreview_vue_vue_type_script_lang = require('./image-preview.vue_vue_type_script_lang.js');
var vue = require('vue');
var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u52A0\u8F7D\u5931\u8D25", -1);
const _hoisted_2 = [
_hoisted_1
];
const _hoisted_3 = ["src"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_ivue_spin = vue.resolveComponent("ivue-spin");
const _component_ivue_icon = vue.resolveComponent("ivue-icon");
return vue.openBlock(), vue.createBlock(vue.Teleport, {
to: "body",
disabled: !_ctx.transfer
}, [
vue.createCommentVNode(" \u8499\u5C42 "),
vue.createVNode(vue.Transition, { name: "fade" }, {
default: vue.withCtx(() => [
_ctx.modelValue ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: vue.normalizeClass(`${_ctx.prefixCls}-mask`),
style: vue.normalizeStyle(_ctx.maskStyles)
}, null, 6)) : vue.createCommentVNode("v-if", true)
]),
_: 1
}),
vue.createCommentVNode(" \u5185\u5BB9 "),
vue.createVNode(vue.Transition, { name: "fade" }, {
default: vue.withCtx(() => [
_ctx.modelValue ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: vue.normalizeClass(`${_ctx.prefixCls}-wrapper`),
style: vue.normalizeStyle(_ctx.maskStyles),
ref: "wrapper"
}, [
vue.createElementVNode("div", {
class: vue.normalizeClass(_ctx.prefixCls),
onClick: _cache[15] || (_cache[15] = vue.withModifiers((...args) => _ctx.handleClickMask && _ctx.handleClickMask(...args), ["stop"]))
}, [
vue.createCommentVNode(" \u52A0\u8F7D\u4E2D "),
_ctx.data.imageStatus === "loading" ? (vue.openBlock(), vue.createBlock(_component_ivue_spin, {
key: 0,
class: vue.normalizeClass(`${_ctx.prefixCls}-loading`),
size: 32
}, null, 8, ["class"])) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" \u52A0\u8F7D\u9519\u8BEF "),
_ctx.data.imageStatus === "error" ? (vue.openBlock(), vue.createElementBlock("div", {
key: 1,
class: vue.normalizeClass(`${_ctx.prefixCls}-error`)
}, _hoisted_2, 2)) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" \u56FE\u7247 "),
(vue.openBlock(), vue.createElementBlock("img", {
style: vue.normalizeStyle(_ctx.imageStyles),
class: vue.normalizeClass(_ctx.imageClasses),
src: _ctx.currentImage,
key: `${_ctx.data.currentIndex}`,
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
}, ["stop"])),
onLoad: _cache[1] || (_cache[1] = (...args) => _ctx.handleImageLoad && _ctx.handleImageLoad(...args)),
onError: _cache[2] || (_cache[2] = (...args) => _ctx.handleImageError && _ctx.handleImageError(...args)),
onMousedown: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args), ["stop", "prevent"])),
onTouchstart: _cache[4] || (_cache[4] = vue.withModifiers((...args) => _ctx.handleTouchStart && _ctx.handleTouchStart(...args), ["stop", "prevent"]))
}, null, 46, _hoisted_3)),
vue.createCommentVNode(" \u5DE6\u6309\u94AE "),
vue.createVNode(_component_ivue_icon, {
class: vue.normalizeClass(`${_ctx.prefixCls}-left`),
onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => _ctx.handleImageSwitch(false), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("chevron_left")
]),
_: 1
}, 8, ["class"]),
vue.createCommentVNode(" \u53F3\u6309\u94AE "),
vue.createVNode(_component_ivue_icon, {
class: vue.normalizeClass(`${_ctx.prefixCls}-right`),
onClick: _cache[6] || (_cache[6] = vue.withModifiers(($event) => _ctx.handleImageSwitch(true), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("chevron_right")
]),
_: 1
}, 8, ["class"]),
vue.createCommentVNode(" \u5173\u95ED\u6309\u94AE "),
vue.createVNode(_component_ivue_icon, {
class: vue.normalizeClass(`${_ctx.prefixCls}-close`),
onClick: vue.withModifiers(_ctx.handleClose, ["stop"])
}, {
default: vue.withCtx(() => [
vue.createTextVNode("close")
]),
_: 1
}, 8, ["class", "onClick"]),
vue.createCommentVNode(" toolbar "),
_ctx.toolbar && _ctx.toolbar.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
key: 2,
class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar`),
onClick: _cache[14] || (_cache[14] = vue.withModifiers(() => {
}, ["stop"]))
}, [
vue.createCommentVNode(" \u653E\u5927 "),
_ctx.toolbar.indexOf("zoomIn") > -1 ? (vue.openBlock(), vue.createBlock(_component_ivue_icon, {
key: 0,
class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar--item`),
order: _ctx.toolbar.indexOf("zoomIn") + 1,
onClick: _cache[7] || (_cache[7] = vue.withModifiers(($event) => _ctx.handleOperation("zoomIn"), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("zoom_in")
]),
_: 1
}, 8, ["class", "order"])) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" \u7F29\u5C0F "),
_ctx.toolbar.indexOf("zoomOut") > -1 ? (vue.openBlock(), vue.createBlock(_component_ivue_icon, {
key: 1,
class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar--item`),
order: _ctx.toolbar.indexOf("zoomOut") + 1,
onClick: _cache[8] || (_cache[8] = vue.withModifiers(($event) => _ctx.handleOperation("zoomOut"), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("zoom_out")
]),
_: 1
}, 8, ["class", "order"])) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" original "),
_ctx.toolbar.indexOf("original") > -1 ? (vue.openBlock(), vue.createBlock(_component_ivue_icon, {
key: 2,
class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar--item`),
order: _ctx.toolbar.indexOf("original") + 1,
onClick: _cache[9] || (_cache[9] = vue.withModifiers(($event) => _ctx.handleOperation("original"), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(!_ctx.data.original ? "crop_free" : "zoom_out_map"), 1)
]),
_: 1
}, 8, ["class", "order"])) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" \u5DE6\u65CB\u8F6C "),
_ctx.toolbar.indexOf("rotateLeft") > -1 ? (vue.openBlock(), vue.createBlock(_component_ivue_icon, {
key: 3,
class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar--item`),
order: _ctx.toolbar.indexOf("rotateLeft") + 1,
onClick: _cache[10] || (_cache[10] = vue.withModifiers(($event) => _ctx.handleOperation("rotateLeft"), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("rotate_left")
]),
_: 1
}, 8, ["class", "order"])) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" \u53F3\u65CB\u8F6C "),
_ctx.toolbar.indexOf("rotateRight") > -1 ? (vue.openBlock(), vue.createBlock(_component_ivue_icon, {
key: 4,
class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar--item`),
order: _ctx.toolbar.indexOf("rotateRight") + 1,
onClick: _cache[11] || (_cache[11] = vue.withModifiers(($event) => _ctx.handleOperation("rotateRight"), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("rotate_right")
]),
_: 1
}, 8, ["class", "order"])) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" \u4E0B\u8F7D "),
_ctx.toolbar.indexOf("download") > -1 && !_ctx.data.downloading ? (vue.openBlock(), vue.createBlock(_component_ivue_icon, {
key: 5,
class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar--item`),
order: _ctx.toolbar.indexOf("download") + 1,
onClick: _cache[12] || (_cache[12] = vue.withModifiers(($event) => _ctx.handleOperation("download"), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("save_alt")
]),
_: 1
}, 8, ["class", "order"])) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" \u4E0B\u8F7D\u4E2D "),
_ctx.toolbar.indexOf("download") > -1 && _ctx.data.downloading ? (vue.openBlock(), vue.createBlock(_component_ivue_icon, {
key: 6,
class: vue.normalizeClass([
`${_ctx.prefixCls}-toolbar--item`,
`${_ctx.prefixCls}-toolbar--wait`,
"ivue-load-loop"
]),
order: _ctx.toolbar.indexOf("download") + 1,
onClick: _cache[13] || (_cache[13] = vue.withModifiers(($event) => _ctx.handleOperation("download"), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("loop")
]),
_: 1
}, 8, ["class", "order"])) : vue.createCommentVNode("v-if", true)
], 2)) : vue.createCommentVNode("v-if", true)
], 2)
], 6)) : vue.createCommentVNode("v-if", true)
]),
_: 1
})
], 8, ["disabled"]);
}
var ImagePreview = /* @__PURE__ */ _pluginVue_exportHelper["default"](imagePreview_vue_vue_type_script_lang["default"], [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-image\\image-preview.vue"]]);
exports["default"] = ImagePreview;
//# sourceMappingURL=image-preview.js.map