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

基于vue3的移动端组件库

"use strict";const e=require("vue"),n=require("../icon/index.cjs");require("./button.vue_vue_type_style_index_0_lang.cjs");const a=["disabled"],d={class:"uv-button-content"},s={key:0,class:"uv-button-content-icon-left"},r={key:1,class:"uv-button-content-loading"},b={key:2,class:"uv-button-content-icon-right"},f={name:"UvButton"},m=Object.assign(f,{props:{type:{type:String,default:"default"},bgColor:{type:String,default:""},color:{type:String,default:""},disabled:{type:Boolean,default:!1},round:{type:Boolean,default:!1},square:{type:Boolean,default:!1},size:{type:String,default:"normal"},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{type:String,default:""},iconColor:{type:String,default:""},iconSize:{type:Number,default:16},iconPosition:{type:String,default:"left"}},emits:["click"],setup(t,{emit:l}){const o=t,c=e.computed(()=>["uv-button",o.type?o.disabled?"":`uv-button-${o.type}`:"",o.disabled?`uv-button-${o.type}-disabled`:"",o.round?"uv-button-round":"",o.square?"uv-button-square":"",o.size?`uv-button-size-${o.size}`:"",o.block?"uv-button-block":""]),i=()=>{l("click")};return(u,y)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("button",{class:e.normalizeClass(e.unref(c)),disabled:t.disabled,style:e.normalizeStyle({backgroundColor:t.bgColor,color:t.color}),onClick:i},[e.createElementVNode("div",d,[t.icon&&t.iconPosition==="left"?(e.openBlock(),e.createElementBlock("div",s,[e.createVNode(e.unref(n),{name:t.icon,color:t.iconColor,size:t.iconSize},null,8,["name","color","size"])])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createElementBlock("div",r)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"default"),t.icon&&t.iconPosition==="right"?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(n),{name:t.icon,color:t.iconColor,size:t.iconSize},null,8,["name","color","size"])])):e.createCommentVNode("",!0)])],14,a)]))}});module.exports=m;