vxe-pc-ui/lib/result/src/result.min.js

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeResult",props:{imageUrl:String,imageStyle:Object,icon:String,type:[String,Number],status:[String,Number],title:[String,Number],content:[String,Number]},emits:[],setup(n,e){const{emit:u,slots:v}=e;var t=_xeUtils.default.uniqueId(),r=(0,_vue.ref)(),s=(0,_vue.reactive)({});const i={refElem:r},a={},p={xID:t,props:n,context:e,reactData:s,getRefMaps:()=>i,getComputeMaps:()=>a};Object.assign(p,{dispatchEvent:(e,t,r)=>{u(e,(0,_ui.createEvent)(r,{$result:p},t))}},{});return p.renderVN=()=>{var{imageUrl:e,imageStyle:t,icon:r,title:u,type:s,content:i}=n,a=n.status||s,l=v.extra;return(0,_vue.h)("div",{ref:"refElem",class:["vxe-result",{["theme--"+a]:a}]},[(0,_vue.h)("div",{class:"vxe-result--inner"},[e?(0,_vue.h)("div",{class:"vxe-result--img-wrapper"},[(0,_vue.h)("img",{src:e,style:t})]):(0,_vue.h)("div",{class:"vxe-result--icon-wrapper"},[(0,_vue.h)("i",{class:[r,s?(0,_ui.getIcon)()[("RESULT_"+s).toLocaleUpperCase()]:""]})]),(0,_vue.h)("div",{class:"vxe-result--title-wrapper"},""+(u||"")),(0,_vue.h)("div",{class:"vxe-result--content-wrapper"},""+(i||"")),l?(0,_vue.h)("div",{class:"vxe-result--extra-wrapper"},l({})):(0,_ui.renderEmptyElement)(p)])])},p},render(){return this.renderVN()}});