ivue-material-plus
Version:
A high quality UI components Library with Vue.js
69 lines (66 loc) • 3.42 kB
JavaScript
import _sfc_main from './index.vue_vue_type_script_lang.mjs';
import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode, renderSlot, createElementVNode, toDisplayString, Fragment, createVNode } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
const _hoisted_1 = ["src", "referrerPolicy", "loading"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_image_preview = resolveComponent("image-preview");
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.prefixCls),
style: normalizeStyle(_ctx.wrapperStyles),
ref: "wrapper"
}, [
createCommentVNode(" \u52A0\u8F7D\u4E2D "),
_ctx.data.loading ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(`${_ctx.prefixCls}-loading`)
}, [
renderSlot(_ctx.$slots, "loading", {}, () => [
createElementVNode("span", null, toDisplayString(_ctx.loadingText), 1)
])
], 2)) : _ctx.data.imageError ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
createCommentVNode(" \u52A0\u8F7D\u9519\u8BEF "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-error`)
}, [
renderSlot(_ctx.$slots, "error", {}, () => [
createElementVNode("span", null, toDisplayString(_ctx.errorText), 1)
])
], 2)
], 2112)) : createCommentVNode("v-if", true),
createCommentVNode(" content "),
_ctx.data.loadingImage ? (openBlock(), createElementBlock("div", {
key: 2,
class: normalizeClass(`${_ctx.prefixCls}-content`),
onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handlePreview && _ctx.handlePreview(...args))
}, [
createElementVNode("img", {
src: _ctx.src,
class: normalizeClass(_ctx.imageClasses),
style: normalizeStyle(_ctx.imageStyles),
referrerPolicy: _ctx.referrerPolicy,
loading: _ctx.loadingType,
onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.handleImageLoad && _ctx.handleImageLoad(...args)),
onError: _cache[1] || (_cache[1] = (...args) => _ctx.handleImageError && _ctx.handleImageError(...args))
}, null, 46, _hoisted_1),
_ctx.preview && _ctx.previewTip ? renderSlot(_ctx.$slots, "preview", { key: 0 }, () => [
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-mark`)
}, [
createElementVNode("span", null, toDisplayString(_ctx.previewText), 1)
], 2)
]) : createCommentVNode("v-if", true)
], 2)) : createCommentVNode("v-if", true),
createCommentVNode(" \u56FE\u7247\u9884\u89C8 "),
createVNode(_component_image_preview, {
modelValue: _ctx.data.imagePreviewModal,
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.data.imagePreviewModal = $event),
previewList: _ctx.previewList,
initialIndex: _ctx.initialIndex,
onOnClose: _ctx.handleImagePreviewClose,
onOnSwitch: _ctx.handleImageSwitch
}, null, 8, ["modelValue", "previewList", "initialIndex", "onOnClose", "onOnSwitch"])
], 6);
}
var Image = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-image\\index.vue"]]);
export { Image as default };
//# sourceMappingURL=index2.mjs.map