2 lines
1.9 KiB
JavaScript
2 lines
1.9 KiB
JavaScript
"use strict";const t=require("../../../common/vendor.js"),e={name:"fui-col",options:{virtualHost:!0},props:{span:{type:Number,default:24},offset:{type:Number,default:0},pushLeft:{type:Number,default:-1},pullRight:{type:Number,default:-1},xs:{type:[Number,Object],default:-1},sm:{type:[Number,Object],default:-1},md:{type:[Number,Object],default:-1},lg:{type:[Number,Object],default:-1},xl:{type:[Number,Object],default:-1}},data:()=>({classList:"fui-col",gutter:0,sizeClass:"",parentWidth:0,nvueWidth:0,marginLeft:0,right:0,left:0}),created(){let t=this.$parent;for(;t&&"fuiRow"!==t.$options.componentName;)t=t.$parent;this.updateGutter(t.gutter),t.$watch("gutter",(t=>{this.updateGutter(t)})),this.updateCol()},computed:{sizeChange(){let{span:t,offset:e,pullRight:s,pushLeft:u}=this;return`${t}-${e}-${s}-${u}`}},watch:{sizeChange:{immediate:!0,handler(t){this.updateCol()}}},methods:{updateGutter(t){t=Number(t),isNaN(t)||(this.gutter=t/2)},updateCol(){let t=["fui-col"];t.push("fui-col-"+this.span),t.push("fui-col-offset-"+this.offset),-1!==this.pushLeft&&this.pushLeft&&t.push("fui-col-push-"+this.pushLeft),-1!==this.pullRight&&this.pullRight&&t.push("fui-col-pull-"+this.pullRight),this.screenSizeSet("xs",t),this.screenSizeSet("sm",t),this.screenSizeSet("md",t),this.screenSizeSet("lg",t),this.screenSizeSet("xl",t),this.classList=t},screenSizeSet(t,e){"number"==typeof this[t]&&-1!==this[t]?e.push("fui-col-"+t+"-"+this[t]):"object"==typeof this[t]&&("number"==typeof this[t].offset&&e.push("fui-col-"+t+"-offset-"+this[t].offset),"number"==typeof this[t].pushLeft&&e.push("fui-col-"+t+"-push-"+this[t].pushLeft),"number"==typeof this[t].pullRight&&e.push("fui-col-"+t+"-pull-"+this[t].pullRight),"number"==typeof this[t].span&&e.push("fui-col-"+t+"-"+this[t].span))}}};const s=t._export_sfc(e,[["render",function(e,s,u,i,h,p){return{a:t.n(h.classList),b:`${Number(h.gutter)}rpx`,c:`${Number(h.gutter)}rpx`}}],["__scopeId","data-v-19bde9bb"]]);wx.createComponent(s);
|