zview-plus/lib/packages/components/color/src/color.vue.js

基于 Vue3 的 UI 组件库

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./color.js"),n={class:"z-color"},c={class:"z-color__header--title"},s={class:"z-color__header--color"},a={key:0,class:"z-color__footer"},i={name:"ZColor"},d=e.defineComponent({...i,props:r.ColorProps,setup(_){return(o,u)=>(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",{class:"z-color__header",style:e.normalizeStyle([{backgroundColor:o.main},o.content.length===0?"height: 112px":""])},[e.createElementVNode("div",c,e.toDisplayString(o.mainTitle),1),e.createElementVNode("div",s,e.toDisplayString(o.main),1)],4),o.content.length?(e.openBlock(),e.createElementBlock("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.content,(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:"z-color__footer--item",key:l,style:e.normalizeStyle({backgroundColor:t})},null,4))),128))])):e.createCommentVNode("",!0)]))}});exports.default=d;