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

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeAlert",props:{title:{type:[String,Number],default:()=>(0,_ui.getConfig)().alert.title},content:[String,Number],status:String,showIcon:Boolean,showClose:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().alert.icon}},emits:["close"],setup(a,e){const{emit:i,slots:c}=e;var t=_xeUtils.default.uniqueId();const v=(0,_vue.ref)();var r=(0,_vue.reactive)({});const n={refElem:v},u={},_={xID:t,props:a,context:e,reactData:r,getRefMaps:()=>n,getComputeMaps:()=>u},l={dispatchEvent(e,t,r){i(e,(0,_ui.createEvent)(r,{$alert:_},t))}},d=e=>{l.dispatchEvent("close",{},e)};Object.assign(_,l,{});return _.renderVN=()=>{var{status:e,content:t,icon:r,title:i,showIcon:n,showClose:u}=a,l=c.default,s=c.title,o=c.icon;return(0,_vue.h)("div",{ref:v,class:["vxe-alert",{["theme--"+e]:e}]},[o||n&&e||r?(0,_vue.h)("div",{class:"vxe-alert--icon"},o?(0,_vn.getSlotVNs)(o({})):[(0,_vue.h)("i",{class:r||(0,_ui.getIcon)()["ALERT_"+(null==e?void 0:e.toUpperCase())]})]):(0,_ui.renderEmptyElement)(_),(0,_vue.h)("div",{class:"vxe-alert--body"},[s||i?(0,_vue.h)("div",{class:"vxe-alert--title"},s?(0,_vn.getSlotVNs)(s({})):_xeUtils.default.toValueString(i)):(0,_ui.renderEmptyElement)(_),(0,_vue.h)("div",{class:"vxe-alert--content"},l?(0,_vn.getSlotVNs)(l({})):_xeUtils.default.toValueString(t))]),u?(0,_vue.h)("div",{class:"vxe-alert--close-btn",onClick:d},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().ALERT_CLOSE})]):(0,_ui.renderEmptyElement)(_)])},_},render(){return this.renderVN()}});