vue-yizun-ui
Version:
2 lines • 5.05 kB
JavaScript
webpackJsonp([3],{"5u4w":function(e,c){},tWSk:function(e,c,t){"use strict";Object.defineProperty(c,"__esModule",{value:!0});var s=t("rEu7"),i=t("RoWi"),a={components:{SsCheckbox:s.a,SsCheckboxGroup:i.a},data:function(){return{check1:!1,checked:!0,noCheck:!1,checkAll:!1,isIndeterminate:!0,checkedValue:["选项1"],checkOption:["选项1","选项2","选项3"],readOnlyVal:!1}},methods:{handleCheckedChange:function(e){console.log("选中状态：",e)},handleCheckAllChange:function(e){console.log("全选：",e),this.checkedValue=e?this.checkOption:[],this.isIndeterminate=!1},handleCheckedCitiesChange:function(e){console.log("全选--当前选中：",e);var c=e.length;this.checkAll=c===this.checkOption.length,this.isIndeterminate=c>0&&c<this.checkOption.length},testReadOnly:function(e){this.readOnlyVal=!this.readOnlyVal}}},l={render:function(){var e=this,c=e.$createElement,t=e._self._c||c;return t("div",{staticClass:"container"},[t("div",{staticClass:"title"},[e._v("checkbox")]),e._v(" "),t("div",{staticClass:"content"},[t("div",{staticClass:"item"},[t("div",{staticClass:"item-title"},[e._v("普通状态")]),e._v(" "),t("div",{staticClass:"item-sense"},[t("ss-checkbox",{on:{change:e.handleCheckedChange},model:{value:e.check1,callback:function(c){e.check1=c},expression:"check1"}},[e._v("未选中")])],1)]),e._v(" "),t("div",{staticClass:"item"},[t("ss-checkbox",{model:{value:e.checked,callback:function(c){e.checked=c},expression:"checked"}},[e._v("选中")])],1),e._v(" "),t("div",{staticClass:"item"},[t("ss-checkbox",{attrs:{disabled:""},model:{value:e.noCheck,callback:function(c){e.noCheck=c},expression:"noCheck"}},[e._v("未选中不可点")])],1),e._v(" "),t("div",{staticClass:"item"},[t("ss-checkbox",{attrs:{disabled:""},model:{value:e.checked,callback:function(c){e.checked=c},expression:"checked"}},[e._v("选中不可点")])],1),e._v(" "),t("div",{staticClass:"item"},[t("div",{staticClass:"item-title"},[e._v("全选"+e._s(e.isIndeterminate))]),e._v(" "),t("div",{staticClass:"item-sense"},[t("div",{staticClass:"item"},[t("ss-checkbox",{attrs:{indeterminate:e.isIndeterminate},on:{change:e.handleCheckAllChange},model:{value:e.checkAll,callback:function(c){e.checkAll=c},expression:"checkAll"}},[e._v("全选")]),e._v(" "),t("ss-checkbox-group",{on:{change:e.handleCheckedCitiesChange},model:{value:e.checkedValue,callback:function(c){e.checkedValue=c},expression:"checkedValue"}},e._l(e.checkOption,function(c){return t("ss-checkbox",{key:c,attrs:{label:c}},[e._v("\n "+e._s(c)+"\n ")])}),1)],1)])]),e._v(" "),t("div",{staticClass:"item"},[t("div",{staticClass:"item-title"},[e._v("纵向排序")]),e._v(" "),t("div",[e._v('默认横向，纵向添加属性 direction="vertical" ')]),e._v(" "),t("div",{staticClass:"item-sense"},[t("div",{staticClass:"item"},[t("ss-checkbox-group",{on:{change:e.handleCheckedCitiesChange},model:{value:e.checkedValue,callback:function(c){e.checkedValue=c},expression:"checkedValue"}},e._l(e.checkOption,function(c){return t("ss-checkbox",{key:c,attrs:{label:c,direction:"vertical"}},[e._v("\n "+e._s(c)+"\n ")])}),1)],1)])]),e._v(" "),t("div",{staticClass:"item"},[t("div",{staticClass:"item-title"},[e._v("Slot")]),e._v(" "),t("div",{staticClass:"item-sense"},[t("ss-checkbox",{model:{value:e.checked,callback:function(c){e.checked=c},expression:"checked"}},[e._v("\n 选中\n "),e._t("default",function(){return[t("span",{staticClass:"check-disc"},[e._v("默认默认默认默认默认默认")])]})],2)],1)]),e._v(" "),t("div",{staticClass:"item"},[t("div",{staticClass:"item-title"},[e._v("Size")]),e._v(" "),t("div",{staticClass:"item-sense"},[t("ss-checkbox",{attrs:{border:""},model:{value:e.checked,callback:function(c){e.checked=c},expression:"checked"}},[e._v("默认")]),e._v(" "),t("ss-checkbox",{attrs:{size:"medium",border:""},model:{value:e.checked,callback:function(c){e.checked=c},expression:"checked"}},[e._v("medium")]),e._v(" "),t("ss-checkbox",{attrs:{size:"small",border:""},model:{value:e.checked,callback:function(c){e.checked=c},expression:"checked"}},[e._v("small")]),e._v(" "),t("ss-checkbox",{attrs:{size:"small",border:""},model:{value:e.checked,callback:function(c){e.checked=c},expression:"checked"}},[e._v("mini")])],1)]),e._v(" "),t("div",{staticClass:"item"},[t("div",{staticClass:"item-title"},[e._v("只读 父级设置click.prevent.self即可")]),e._v(" "),t("div",{staticClass:"item-sense"},[t("div",{staticStyle:{background:"gray",width:"200px",height:"60px",display:"flex","justify-content":"center","align-items":"center"},on:{click:function(c){return e.testReadOnly(c)}}},[t("span",{on:{click:function(e){if(e.preventDefault(),e.target!==e.currentTarget)return null}}},[t("ss-checkbox",{attrs:{value:e.readOnlyVal}})],1),e._v(" "),t("span",{staticStyle:{color:"#fff"}},[e._v("点到div会改变value")])])])])])])},staticRenderFns:[]};var n=t("VU/8")(a,l,!1,function(e){t("5u4w")},"data-v-04634434",null);c.default=n.exports}});
//# sourceMappingURL=3.c705353e0d48dc115a89.js.map