uv-ui/lib/components/cell/cell.cjs

基于vue3的移动端组件库

"use strict";const e=require("vue"),o=require("../icon/index.cjs");require("./cell.vue_vue_type_style_index_0_lang.cjs");const n={key:0,style:{"margin-right":"5px"}},a={class:"uv-cell-content-value-wrap"},i={class:"uv-cell-content-value"},c={key:0,class:"uv-cell-arrow"},r={key:0,class:"uv-cell-tips"},s={name:"UvCell"},u=Object.assign(s,{props:{title:{type:String,default:""},value:{type:[String,Number,Boolean],default:""},bgColor:{type:String,default:"#fff"},size:{type:[String,Number],default:"14"},icon:{type:String,default:""},iconColor:{type:String,default:""},iconSize:{type:Number,default:16},arrow:{type:Boolean,default:!1},arrowDirection:{type:String,default:"right"},tips:{type:Boolean,default:!1},errorMsg:{type:String},clickable:{type:Boolean,default:!1},labelWidth:{type:Number},labelPosition:{type:String,default:"left"},required:{type:Boolean,default:!1}},setup(t){return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:"uv-cell",style:e.normalizeStyle({backgroundColor:t.bgColor,fontSize:t.size+"px"})},[e.createElementVNode("div",{class:e.normalizeClass(["uv-cell-content",[t.clickable?"uv-cell-clickable":"",t.labelPosition==="top"?"uv-cell-content-top":"",t.labelPosition==="right"?"uv-cell-content-right":""]])},[e.createElementVNode("div",{class:e.normalizeClass(["uv-cell-content-title",t.required?"uv-cell-content-title-required":""]),style:e.normalizeStyle({width:t.labelWidth+"px"})},[e.renderSlot(l.$slots,"title",{},()=>[t.icon!==""?(e.openBlock(),e.createElementBlock("span",n,[e.createVNode(e.unref(o),{name:t.icon,color:t.iconColor,size:t.iconSize},null,8,["name","color","size"])])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)])],6),e.createElementVNode("div",a,[e.createElementVNode("div",i,[e.createElementVNode("div",{class:"uv-cell-content-value-slot",style:e.normalizeStyle({paddingRight:t.arrow?"20px":""})},[e.renderSlot(l.$slots,"value",{},()=>[e.createTextVNode(e.toDisplayString(t.value),1)])],4),t.arrow?(e.openBlock(),e.createElementBlock("span",c,[e.createVNode(e.unref(o),{name:"arrow-"+t.arrowDirection,color:"#9699a6"},null,8,["name"])])):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{name:"cell-tips"},{default:e.withCtx(()=>[t.tips?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(l.$slots,"tips",{},()=>[e.createTextVNode(e.toDisplayString(t.errorMsg),1)])])):e.createCommentVNode("",!0)]),_:3})])],2)],4))}});module.exports=u;