uni-Identify-quality/unpackage/dist/dev/.sourcemap/mp-weixin/uview-ui/components/u-checkbox/u-checkbox.js.map

{"version":3,"sources":["webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-checkbox/u-checkbox.vue?0e5e","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-checkbox/u-checkbox.vue?07e8","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-checkbox/u-checkbox.vue?73a0","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-checkbox/u-checkbox.vue?66a2","uni-app:///uview-ui/components/u-checkbox/u-checkbox.vue","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-checkbox/u-checkbox.vue?5a82"],"names":["renderjs","component","options","__file","components","uIcon","e","message","indexOf","console","error","render","_vm","this","_h","$createElement","s0","_self","_c","__get_style","checkboxStyle","s1","iconWrapStyle","$mp","data","Object","assign","$root","recyclableRender","staticRenderFns","_withStripped","name","mixins","isChecked","parentData","iconSize","labelDisabled","disabled","shape","activeColor","inactiveColor","size","value","iconColor","placement","borderBottom","iconPlacement","computed","elDisabled","elLabelDisabled","elSize","elIconSize","elActiveColor","elInactiveColor","elLabelColor","elShape","elLabelSize","elIconColor","iconClasses","classes","style","uni","mounted","methods","init","updateParentData","wrapperClickHandler","iconClickHandler","labelClickHandler","emitEvent","setRadioCheckedStatus","watch","checked"],"mappings":"0IAAA,oIACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,gDACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IACEA,EAAa,CACXC,MAAO,WACL,OAAO,sGAKX,MAAOC,GACP,IAC+C,IAA7CA,EAAEC,QAAQC,QAAQ,wBACa,IAA/BF,EAAEC,QAAQC,QAAQ,QAWlB,MAAMF,EATNG,QAAQC,MAAMJ,EAAEC,SAChBE,QAAQC,MAAM,mBACdD,QAAQC,MACN,uFAEFD,QAAQC,MACN,mDAMN,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eAETC,GADKJ,EAAIK,MAAMC,GACVN,EAAIO,YAAY,CAACP,EAAIQ,iBAC1BC,EAAKT,EAAIO,YAAY,CAACP,EAAIU,gBAC9BV,EAAIW,IAAIC,KAAOC,OAAOC,OACpB,GACA,CACEC,MAAO,CACLX,GAAIA,EACJK,GAAIA,MAKRO,GAAmB,EACnBC,EAAkB,GACtBlB,EAAOmB,eAAgB,G,iCC5CvB,yHAAwrB,eAAG,G,2HCkC3rB,gBACA,EAsBA,CACAC,kBACAC,2CACAR,gBACA,OACAS,aAGAC,YACAC,YACAC,mBACAC,cACAC,eACAC,iBACAC,mBACAC,QACAC,WACAC,eACAC,gBACAC,gBACAC,wBAIAC,UAEAC,sBACA,kGAGAC,2BACA,sHAIAC,kBACA,yEAGAC,sBACA,yFAGAC,yBACA,4GAGAC,2BACA,yGACA,WAGAC,wBACA,wGAGAC,mBACA,mFAGAC,uBACA,sGACA,OAEAC,uBACA,wFACA,UAEA,uBAEA,kDAEA,gCAGAC,uBACA,SAaA,OAXAC,+CACA,iBACAA,0CAEA,iCACAA,mDAMA,GAEArC,yBAEA,SASA,OARAsC,gFACAA,uFACAA,kCACAA,mCAEA,0CACAA,iBAEA,GAEAxC,yBACA,SAQA,OAPA,iEACAyC,mFAGA,qEACAD,uBAEA,oDAGAE,mBACA,aAEAC,SACAC,gBAAA,WAEA,wBACA,aACAH,iDAGA,aACA,kBACA,yCAEA,uDACA,uBAIAI,4BACA,wCAGAC,gCACA,mEAGAC,6BACA,qBAEA,iBACA,8BAIAC,8BACA,qBAEA,uCACA,8BAGAC,qBAAA,WACA,oCAEA,2BACAR,kCAMAS,iCAEA,+BACA,iBACA,mFAGAC,OACAC,mBACA,+BAGA,c,6DC9OA,yHAA+yC,eAAG,G","file":"uview-ui/components/u-checkbox/u-checkbox.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u-checkbox.vue?vue&type=template&id=54acf820&scoped=true&\"\nvar renderjs\nimport script from \"./u-checkbox.vue?vue&type=script&lang=js&\"\nexport * from \"./u-checkbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./u-checkbox.vue?vue&type=style&index=0&id=54acf820&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"54acf820\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"uview-ui/components/u-checkbox/u-checkbox.vue\"\nexport default component.exports","export * from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-checkbox.vue?vue&type=template&id=54acf820&scoped=true&\"","var components\ntry {\n  components = {\n    uIcon: function () {\n      return import(\n        /* webpackChunkName: \"uview-ui/components/u-icon/u-icon\" */ \"@/uview-ui/components/u-icon/u-icon.vue\"\n      )\n    },\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var s0 = _vm.__get_style([_vm.checkboxStyle])\n  var s1 = _vm.__get_style([_vm.iconWrapStyle])\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        s0: s0,\n        s1: s1,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-checkbox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-checkbox.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view\r\n\t    class=\"u-checkbox\"\r\n\t    :style=\"[checkboxStyle]\"\r\n\t    @tap.stop=\"wrapperClickHandler\"\r\n\t    :class=\"[`u-checkbox-label--${parentData.iconPlacement}`, parentData.borderBottom && parentData.placement === 'column' && 'u-border-bottom']\"\r\n\t>\r\n\t\t<view\r\n\t\t    class=\"u-checkbox__icon-wrap\"\r\n\t\t    @tap.stop=\"iconClickHandler\"\r\n\t\t    :class=\"iconClasses\"\r\n\t\t    :style=\"[iconWrapStyle]\"\r\n\t\t>\r\n\t\t\t<slot name=\"icon\">\r\n\t\t\t\t<u-icon\r\n\t\t\t\t    class=\"u-checkbox__icon-wrap__icon\"\r\n\t\t\t\t    name=\"checkbox-mark\"\r\n\t\t\t\t    :size=\"elIconSize\"\r\n\t\t\t\t    :color=\"elIconColor\"\r\n\t\t\t\t/>\r\n\t\t\t</slot>\r\n\t\t</view>\r\n\t\t<text\r\n\t\t    @tap.stop=\"labelClickHandler\"\r\n\t\t    :style=\"{\r\n\t\t\t\tcolor: elDisabled ? elInactiveColor : elLabelColor,\r\n\t\t\t\tfontSize: elLabelSize,\r\n\t\t\t\tlineHeight: elLabelSize\r\n\t\t\t}\"\r\n\t\t>{{label}}</text>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\timport props from './props.js';\r\n\t/**\r\n\t * checkbox  复选框\r\n\t * @description 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便\r\n\t * @tutorial https://uviewui.com/components/checkbox.html\r\n\t * @property {String | Number | Boolean}\tname\t\t\tcheckbox组件的标示符\r\n\t * @property {String}\t\t\t\t\t\tshape\t\t\t形状，square为方形，circle为圆型\r\n\t * @property {String | Number}\t\t\t\tsize\t\t\t整体的大小\r\n\t * @property {Boolean}\t\t\t\t\t\tchecked\t\t\t是否默认选中\r\n\t * @property {String | Boolean}\t\t\t\tdisabled\t\t是否禁用\r\n\t * @property {String}\t\t\t\t\t\tactiveColor\t\t选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值\r\n\t * @property {String}\t\t\t\t\t\tinactiveColor\t未选中的颜色\r\n\t * @property {String | Number}\t\t\t\ticonSize\t\t图标的大小，单位px\r\n\t * @property {String}\t\t\t\t\t\ticonColor\t\t图标颜色\r\n\t * @property {String | Number}\t\t\t\tlabel\t\t\tlabel提示文字，因为nvue下，直接slot进来的文字，由于特殊的结构，无法修改样式\r\n\t * @property {String}\t\t\t\t\t\tlabelColor \t\tlabel的颜色\r\n\t * @property {String | Number}\t\t\t\tlabelSize\t\tlabel的字体大小，px单位\r\n\t * @property {String | Boolean}\t\t\t\tlabelDisabled\t是否禁止点击提示语选中复选框\r\n\t * @property {Object}\t\t\t\t\t\tcustomStyle\t\t定义需要用到的外部样式\r\n\t * \r\n\t * @event {Function}\tchange\t任一个checkbox状态发生变化时触发，回调为一个对象\r\n\t * @example <u-checkbox v-model=\"checked\" :disabled=\"false\">天涯</u-checkbox>\r\n\t */\r\n\texport default {\r\n\t\tname: \"u-checkbox\",\r\n\t\tmixins: [uni.$u.mpMixin, uni.$u.mixin,props],\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tisChecked: false,\r\n\t\t\t\t// 父组件的默认值，因为头条小程序不支持在computed中使用this.parent.shape的形式\r\n\t\t\t\t// 故只能使用如此方法\r\n\t\t\t\tparentData: {\r\n\t\t\t\t\ticonSize: 12,\r\n\t\t\t\t\tlabelDisabled: null,\r\n\t\t\t\t\tdisabled: null,\r\n\t\t\t\t\tshape: 'square',\r\n\t\t\t\t\tactiveColor: null,\r\n\t\t\t\t\tinactiveColor: null,\r\n\t\t\t\t\tsize: 18,\r\n\t\t\t\t\tvalue: null,\r\n\t\t\t\t\ticonColor: null,\r\n\t\t\t\t\tplacement: 'row',\r\n\t\t\t\t\tborderBottom: false,\r\n\t\t\t\t\ticonPlacement: 'left'\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t// 是否禁用，如果父组件u-raios-group禁用的话，将会忽略子组件的配置\r\n\t\t\telDisabled() {\r\n\t\t\t\treturn this.disabled !== '' ? this.disabled : this.parentData.disabled !== null ? this.parentData.disabled : false;\r\n\t\t\t},\r\n\t\t\t// 是否禁用label点击\r\n\t\t\telLabelDisabled() {\r\n\t\t\t\treturn this.labelDisabled !== '' ? this.labelDisabled : this.parentData.labelDisabled !== null ? this.parentData.labelDisabled :\r\n\t\t\t\t\tfalse;\r\n\t\t\t},\r\n\t\t\t// 组件尺寸，对应size的值，默认值为21px\r\n\t\t\telSize() {\r\n\t\t\t\treturn this.size ? this.size : (this.parentData.size ? this.parentData.size : 21);\r\n\t\t\t},\r\n\t\t\t// 组件的勾选图标的尺寸，默认12px\r\n\t\t\telIconSize() {\r\n\t\t\t\treturn this.iconSize ? this.iconSize : (this.parentData.iconSize ? this.parentData.iconSize : 12);\r\n\t\t\t},\r\n\t\t\t// 组件选中激活时的颜色\r\n\t\t\telActiveColor() {\r\n\t\t\t\treturn this.activeColor ? this.activeColor : (this.parentData.activeColor ? this.parentData.activeColor : '#2979ff');\r\n\t\t\t},\r\n\t\t\t// 组件选未中激活时的颜色\r\n\t\t\telInactiveColor() {\r\n\t\t\t\treturn this.inactiveColor ? this.inactiveColor : (this.parentData.inactiveColor ? this.parentData.inactiveColor :\r\n\t\t\t\t\t'#c8c9cc');\r\n\t\t\t},\r\n\t\t\t// label的颜色\r\n\t\t\telLabelColor() {\r\n\t\t\t\treturn this.labelColor ? this.labelColor : (this.parentData.labelColor ? this.parentData.labelColor : '#606266')\r\n\t\t\t},\r\n\t\t\t// 组件的形状\r\n\t\t\telShape() {\r\n\t\t\t\treturn this.shape ? this.shape : (this.parentData.shape ? this.parentData.shape : 'circle');\r\n\t\t\t},\r\n\t\t\t// label大小\r\n\t\t\telLabelSize() {\r\n\t\t\t\treturn uni.$u.addUnit(this.labelSize ? this.labelSize : (this.parentData.labelSize ? this.parentData.labelSize :\r\n\t\t\t\t\t'15'))\r\n\t\t\t},\r\n\t\t\telIconColor() {\r\n\t\t\t\tconst iconColor = this.iconColor ? this.iconColor : (this.parentData.iconColor ? this.parentData.iconColor :\r\n\t\t\t\t\t'#ffffff');\r\n\t\t\t\t// 图标的颜色\r\n\t\t\t\tif (this.elDisabled) {\r\n\t\t\t\t\t// disabled状态下，已勾选的checkbox图标改为elInactiveColor\r\n\t\t\t\t\treturn this.isChecked ? this.elInactiveColor : 'transparent'\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn this.isChecked ? iconColor : 'transparent'\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\ticonClasses() {\r\n\t\t\t\tlet classes = []\r\n\t\t\t\t// 组件的形状\r\n\t\t\t\tclasses.push('u-checkbox__icon-wrap--' + this.elShape)\r\n\t\t\t\tif (this.elDisabled) {\r\n\t\t\t\t\tclasses.push('u-checkbox__icon-wrap--disabled')\r\n\t\t\t\t}\r\n\t\t\t\tif (this.isChecked && this.elDisabled) {\r\n\t\t\t\t\tclasses.push('u-checkbox__icon-wrap--disabled--checked')\r\n\t\t\t\t}\r\n\t\t\t\t// 支付宝，头条小程序无法动态绑定一个数组类名，否则解析出来的结果会带有\",\"，而导致失效\r\n\t\t\t\t// #ifdef MP-ALIPAY || MP-TOUTIAO\r\n\t\t\t\tclasses = classes.join(' ')\r\n\t\t\t\t// #endif\r\n\t\t\t\treturn classes\r\n\t\t\t},\r\n\t\t\ticonWrapStyle() {\r\n\t\t\t\t// checkbox的整体样式\r\n\t\t\t\tconst style = {}\r\n\t\t\t\tstyle.backgroundColor = this.isChecked && !this.elDisabled ? this.elActiveColor : '#ffffff'\r\n\t\t\t\tstyle.borderColor = this.isChecked && !this.elDisabled ? this.elActiveColor : this.elInactiveColor\r\n\t\t\t\tstyle.width = uni.$u.addUnit(this.elSize)\r\n\t\t\t\tstyle.height = uni.$u.addUnit(this.elSize)\r\n\t\t\t\t// 如果是图标在右边的话，移除它的右边距\r\n\t\t\t\tif (this.parentData.iconPlacement === 'right') {\r\n\t\t\t\t\tstyle.marginRight = 0\r\n\t\t\t\t}\r\n\t\t\t\treturn style\r\n\t\t\t},\r\n\t\t\tcheckboxStyle() {\r\n\t\t\t\tconst style = {}\r\n\t\t\t\tif (this.parentData.borderBottom && this.parentData.placement === 'row') {\r\n\t\t\t\t\tuni.$u.error('检测到您将borderBottom设置为true，需要同时将u-checkbox-group的placement设置为column才有效')\r\n\t\t\t\t}\r\n\t\t\t\t// 当父组件设置了显示下边框并且排列形式为纵向时，给内容和边框之间加上一定间隔\r\n\t\t\t\tif (this.parentData.borderBottom && this.parentData.placement === 'column') {\r\n\t\t\t\t\tstyle.paddingBottom = '8px'\r\n\t\t\t\t}\r\n\t\t\t\treturn uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.init()\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tinit() {\r\n\t\t\t\t// 支付宝小程序不支持provide/inject，所以使用这个方法获取整个父组件，在created定义，避免循环引用\r\n\t\t\t\tthis.updateParentData()\r\n\t\t\t\tif (!this.parent) {\r\n\t\t\t\t\tuni.$u.error('u-checkbox必须搭配u-checkbox-group组件使用')\r\n\t\t\t\t}\r\n\t\t\t\t// 设置初始化时，是否默认选中的状态，父组件u-checkbox-group的value可能是array，所以额外判断\r\n\t\t\t\tif (this.checked) {\r\n\t\t\t\t\tthis.isChecked = true\r\n\t\t\t\t} else if (uni.$u.test.array(this.parentData.value)) {\r\n\t\t\t\t\t// 查找数组是是否存在this.name元素值\r\n\t\t\t\t\tthis.isChecked = this.parentData.value.some(item => {\r\n\t\t\t\t\t\treturn item === this.name\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tupdateParentData() {\r\n\t\t\t\tthis.getParentData('u-checkbox-group')\r\n\t\t\t},\r\n\t\t\t// 横向两端排列时，点击组件即可触发选中事件\r\n\t\t\twrapperClickHandler(e) {\r\n\t\t\t\tthis.parentData.iconPlacement === 'right' && this.iconClickHandler(e)\r\n\t\t\t},\r\n\t\t\t// 点击图标\r\n\t\t\ticonClickHandler(e) {\r\n\t\t\t\tthis.preventEvent(e)\r\n\t\t\t\t// 如果整体被禁用，不允许被点击\r\n\t\t\t\tif (!this.elDisabled) {\r\n\t\t\t\t\tthis.setRadioCheckedStatus()\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// 点击label\r\n\t\t\tlabelClickHandler(e) {\r\n\t\t\t\tthis.preventEvent(e)\r\n\t\t\t\t// 如果按钮整体被禁用或者label被禁用，则不允许点击文字修改状态\r\n\t\t\t\tif (!this.elLabelDisabled && !this.elDisabled) {\r\n\t\t\t\t\tthis.setRadioCheckedStatus()\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\temitEvent() {\r\n\t\t\t\tthis.$emit('change', this.isChecked)\r\n\t\t\t\t// 尝试调用u-form的验证方法，进行一定延迟，否则微信小程序更新可能会不及时\r\n\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\tuni.$u.formValidate(this, 'change')\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t// 改变组件选中状态\r\n\t\t\t// 这里的改变的依据是，更改本组件的checked值为true，同时通过父组件遍历所有u-checkbox实例\r\n\t\t\t// 将本组件外的其他u-checkbox的checked都设置为false(都被取消选中状态)，因而只剩下一个为选中状态\r\n\t\t\tsetRadioCheckedStatus() {\r\n\t\t\t\t// 将本组件标记为与原来相反的状态\r\n\t\t\t\tthis.isChecked = !this.isChecked\r\n\t\t\t\tthis.emitEvent()\r\n\t\t\t\ttypeof this.parent.unCheckedOther === 'function' && this.parent.unCheckedOther(this)\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch:{\r\n\t\t\tchecked(){\r\n\t\t\t\tthis.isChecked = this.checked\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import \"../../libs/css/components.scss\";\r\n\t$u-checkbox-icon-wrap-margin-right:6px !default;\r\n\t$u-checkbox-icon-wrap-font-size:6px !default;\r\n\t$u-checkbox-icon-wrap-border-width:1px !default;\r\n\t$u-checkbox-icon-wrap-border-color:#c8c9cc !default;\r\n\t$u-checkbox-icon-wrap-icon-line-height:0 !default;\r\n\t$u-checkbox-icon-wrap-circle-border-radius:100% !default;\r\n\t$u-checkbox-icon-wrap-square-border-radius:3px !default;\r\n\t$u-checkbox-icon-wrap-checked-color:#fff !default;\r\n\t$u-checkbox-icon-wrap-checked-background-color:red !default;\r\n\t$u-checkbox-icon-wrap-checked-border-color:#2979ff !default;\r\n\t$u-checkbox-icon-wrap-disabled-background-color:#ebedf0 !default;\r\n\t$u-checkbox-icon-wrap-disabled-checked-color:#c8c9cc !default;\r\n\t$u-checkbox-label-margin-left:5px !default;\r\n\t$u-checkbox-label-margin-right:12px !default;\r\n\t$u-checkbox-label-color:$u-content-color !default;\r\n\t$u-checkbox-label-font-size:15px !default;\r\n\t$u-checkbox-label-disabled-color:#c8c9cc !default;\r\n\r\n\t.u-checkbox {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\t@include flex(row);\r\n\t\t/* #endif */\r\n\t\toverflow: hidden;\r\n\t\tflex-direction: row;\r\n\t\talign-items: center;\r\n\r\n\t\t&-label--left {\r\n\t\t\tflex-direction: row\r\n\t\t}\r\n\r\n\t\t&-label--right {\r\n\t\t\tflex-direction: row-reverse;\r\n\t\t\tjustify-content: space-between\r\n\t\t}\r\n\r\n\t\t&__icon-wrap {\r\n\t\t\t/* #ifndef APP-NVUE */\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t// nvue下，border-color过渡有问题\r\n\t\t\ttransition-property: border-color, background-color, color;\r\n\t\t\ttransition-duration: 0.2s;\r\n\t\t\t/* #endif */\r\n\t\t\tcolor: $u-content-color;\r\n\t\t\t@include flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tcolor: transparent;\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: $u-checkbox-icon-wrap-margin-right;\r\n\r\n\t\t\tfont-size: $u-checkbox-icon-wrap-font-size;\r\n\t\t\tborder-width: $u-checkbox-icon-wrap-border-width;\r\n\t\t\tborder-color: $u-checkbox-icon-wrap-border-color;\r\n\t\t\tborder-style: solid;\r\n\r\n\t\t\t/* #ifdef MP-TOUTIAO */\r\n\t\t\t// 头条小程序兼容性问题，需要设置行高为0，否则图标偏下\r\n\t\t\t&__icon {\r\n\t\t\t\tline-height: $u-checkbox-icon-wrap-icon-line-height;\r\n\t\t\t}\r\n\r\n\t\t\t/* #endif */\r\n\r\n\t\t\t&--circle {\r\n\t\t\t\tborder-radius: $u-checkbox-icon-wrap-circle-border-radius;\r\n\t\t\t}\r\n\r\n\t\t\t&--square {\r\n\t\t\t\tborder-radius: $u-checkbox-icon-wrap-square-border-radius;\r\n\t\t\t}\r\n\r\n\t\t\t&--checked {\r\n\t\t\t\tcolor: $u-checkbox-icon-wrap-checked-color;\r\n\t\t\t\tbackground-color: $u-checkbox-icon-wrap-checked-background-color;\r\n\t\t\t\tborder-color: $u-checkbox-icon-wrap-checked-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t&--disabled {\r\n\t\t\t\tbackground-color: $u-checkbox-icon-wrap-disabled-background-color !important;\r\n\t\t\t}\r\n\r\n\t\t\t&--disabled--checked {\r\n\t\t\t\tcolor: $u-checkbox-icon-wrap-disabled-checked-color !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__label {\r\n\t\t\t/* #ifndef APP-NVUE */\r\n\t\t\tword-wrap: break-word;\r\n\t\t\t/* #endif */\r\n\t\t\tmargin-left: $u-checkbox-label-margin-left;\r\n\t\t\tmargin-right: $u-checkbox-label-margin-right;\r\n\t\t\tcolor: $u-checkbox-label-color;\r\n\t\t\tfont-size: $u-checkbox-label-font-size;\r\n\r\n\t\t\t&--disabled {\r\n\t\t\t\tcolor: $u-checkbox-label-disabled-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>\r\n","import mod from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-checkbox.vue?vue&type=style&index=0&id=54acf820&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-checkbox.vue?vue&type=style&index=0&id=54acf820&lang=scss&scoped=true&\""],"sourceRoot":""}