cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
2 lines (1 loc) • 3.13 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),t=require("../tools.js");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var r=require("../../_virtual/plugin-vue_export-helper.js");const o=e.defineComponent({name:"CoButtonStd",props:{type:{type:String,default:"primary"},plain:{type:String},txt:{type:String},round:{type:String},disabled:{type:String},icon:{type:String},fontSize:{type:Number},borderRadius:{type:Number},color:{type:String},backgroundColor:{type:String},border:{type:String},borderColor:{type:String},imgWidth:{type:String},imgHeight:{type:String},imgBorderRadius:{type:Number},order:{type:Boolean},inlineBlock:{type:Boolean},imgMarginL:{type:Number},imgMarginR:{type:Number},list:{type:Array,default:[]},margin:{type:Number,default:5},__dataSource:{type:Object}},setup(r){const o=e.ref(),i=[0,1],n=e.toRef(r,"list"),l=e.computed((()=>{let e=0;return n.value.length?n.value.forEach((t=>{t.title.length>e&&(e=t.title.length)})):e=r.txt.length,{"--color":`${r.color}`,"--border":`${r.border}px`,"--fontSize":`${r.fontSize}px`,"--borderColor":`${r.borderColor}`,"--borderRadius":`${r.borderRadius}px`,"--backgroundColor":`${r.backgroundColor}`,"--imgWidth":`${r.imgWidth}px`,"--imgHeight":`${r.imgHeight}px`,"--imgMarginL":`${r.imgMarginL}px`,"--imgMarginR":`${r.imgMarginR}px`,"--imgBorderRadius":`${r.imgBorderRadius}px`,"--order1":`${r.order?i[1]:i[0]}`,"--order2":`${r.order?i[0]:i[1]}`,"--inlineBlock":""+(r.inlineBlock?"100%":r.fontSize*e+"px"),"--margin":`${n.value.length?r.margin:0}px`}}));return{...e.toRefs(r),list:n,check:o,cpStyle:l,btnClick:(e,i)=>{if(e)return o.value=i,void t.handleEventCallback(r.__dataSource,"onclick",{item:e,index:i});t.handleEventCallback(r.__dataSource,"onclick")}}}}),i={key:0,class:"buttonList"},n=["onClick"],l={class:"txt"},a={key:0,class:"img"},c=["src"],d={key:1,class:"buttons"},g={class:"txt"},s={key:0,class:"img"},u=["src"];var p=r.default(o,[["render",function(t,r,o,p,m,y){return e.openBlock(),e.createElementBlock("div",{class:"co-button-std",style:e.normalizeStyle(t.cpStyle)},[t.list.length?(e.openBlock(),e.createElementBlock("div",i,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,((r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["button",{btnMarginL:0==o,btnMarginR:o==t.list.length-1,buttonHover:o==t.check}]),onClick:e=>t.btnClick(r,o)},[e.createElementVNode("div",l,e.toDisplayString(r.title),1),r.imgSrc?(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("img",{src:r.imgSrc},null,8,c)])):e.createCommentVNode("",!0)],10,n)))),256))])):e.createCommentVNode("",!0),t.list.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",{class:"button",onClick:r[0]||(r[0]=e=>t.btnClick())},[e.createElementVNode("div",g,e.toDisplayString(t.txt),1),t.icon?(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("img",{src:t.icon},null,8,u)])):e.createCommentVNode("",!0)])]))],4)}],["__scopeId","data-v-c57f2534"]]);exports.default=p;