tyh-ui2/lib/image/src/index.js

The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./index2.js"),n={class:"tyh-image"},i={key:0,class:"tyh-image-error"},d=e.createElementVNode("span",{class:"tyh-image-error-text"},"\u52A0\u8F7D\u5931\u8D25",-1),c=["draggable","src","alt"],u=e.defineComponent({name:"TyhImage"}),m=e.defineComponent({...u,props:a.Props,emits:["error","load"],setup(g,{emit:o}){const t=e.ref(!1),l=()=>{o("error"),t.value=!0};return(r,s)=>(e.openBlock(),e.createElementBlock("div",n,[t.value?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(r.$slots,"error",{},()=>[d])])):(e.openBlock(),e.createElementBlock("img",{key:1,draggable:r.draggable,class:e.normalizeClass([`tyh-image-${r.fit}`,{"tyh-image-select":r.select}]),style:e.normalizeStyle({width:r.width,height:r.height}),src:r.src,alt:r.alt,onError:l,onLoad:s[0]||(s[0]=h=>o("load"))},null,46,c))]))}});exports.default=m;