{"version":3,"sources":["webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-checkbox/tn-checkbox.vue?2d5a","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-checkbox/tn-checkbox.vue?45b1","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-checkbox/tn-checkbox.vue?981f","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-checkbox/tn-checkbox.vue?dfc6","uni-app:///tuniao-ui/components/tn-checkbox/tn-checkbox.vue","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-checkbox/tn-checkbox.vue?2013"],"names":["renderjs","component","options","__file","components","render","_vm","this","_h","$createElement","s0","_self","_c","__get_style","checkboxStyle","s1","iconStyle","$mp","data","Object","assign","$root","recyclableRender","staticRenderFns","_withStripped","name","props","type","default","value","disabled","disabledLabel","shape","activeColor","size","iconName","iconSize","labelSize","computed","isDisabled","isDisabledLabel","checkboxSize","elAvtiveColor","elShape","iconClass","clazz","style","labelClass","checkValue","parentData","max","width","wrap","watch","created","methods","updateCheckValue","updateParentData","onClickLabel","toggle","emitEvent","setTimeout","setValue"],"mappings":"6IAAA,oIACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,mDACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eAETC,GADKJ,EAAIK,MAAMC,GACVN,EAAIO,YAAY,CAACP,EAAIQ,iBAC1BC,EAAKT,EAAIO,YAAY,CAACP,EAAIU,YAC9BV,EAAIW,IAAIC,KAAOC,OAAOC,OACpB,GACA,CACEC,MAAO,CACLX,GAAIA,EACJK,GAAIA,MAKRO,GAAmB,EACnBC,EAAkB,GACtBlB,EAAOmB,eAAgB,G,iCCnBvB,yHAA+0B,eAAG,G,yGCyBl1B,CACAC,mBACAC,OAEAD,MACAE,qBACAC,YAGAC,OACAF,aACAC,YAGAE,UACAH,aACAC,YAGAG,eACAJ,aACAC,YAGAI,OACAL,YACAC,YAGAK,aACAN,YACAC,YAGAM,MACAP,YACAC,WAGAO,UACAR,YACAC,mBAGAQ,UACAT,YACAC,WAGAS,WACAV,YACAC,YAGAU,UAEAC,sBACA,4EAGAC,2BACA,2FAGAC,wBACA,gEAGAC,yBACA,4FAGAC,mBACA,yEAEAC,qBACA,SAOA,OANAC,4CAEA,yDACA,0DACA,+EAEA,GAEA7B,qBACA,SAeA,OAbA,wDACA8B,iCACAA,sCAIAA,gDAEAA,gCACAA,iBAEAA,uFAEA,GAEAhC,yBACA,SAmBA,OAlBA,qCAGAgC,gBAOA,oCACAA,gBAOA,GAEAC,sBACA,SAIA,OAHA,kBACAF,oCAEA,IAGA3B,gBACA,OAEA8B,cACAC,YACApB,WACAqB,SACApB,cACAC,mBACAC,WACAC,iBACAC,UACAiB,WACAC,UACAhB,iBAIAiB,OACAxB,kBACA,oBAGAyB,mBAOA,wBACA,8CAEAC,SACAC,4BAEA,wFACA,aACA,yDACA,sCACA,+CAIAC,4BACA,wCACA,yBAEAC,wBACA,uCACA,iBAGAC,kBACA,iBACA,iBAGAC,qBAAA,WACA,qBACAnC,eACAI,yBAEA,cACA,iCAGAgC,uBACA,2CACA,MAIAC,oBAEA,eAEA,wBACA,qBAEA,CAEA,qDACA,iEAGA,sBAKA,iBACA,wCAIA,a,iCC9PA,yHAA8jD,eAAG,G","file":"tuniao-ui/components/tn-checkbox/tn-checkbox.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./tn-checkbox.vue?vue&type=template&id=314d0a6a&scoped=true&\"\nvar renderjs\nimport script from \"./tn-checkbox.vue?vue&type=script&lang=js&\"\nexport * from \"./tn-checkbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tn-checkbox.vue?vue&type=style&index=0&id=314d0a6a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../self software/HBuilderX.3.99.2023122611/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  \"314d0a6a\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"tuniao-ui/components/tn-checkbox/tn-checkbox.vue\"\nexport default component.exports","export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-checkbox.vue?vue&type=template&id=314d0a6a&scoped=true&\"","var components\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.iconStyle])\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 \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-checkbox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-checkbox.vue?vue&type=script&lang=js&\"","<template>\r\n  <view class=\"tn-checkbox-class tn-checkbox\" :style=\"[checkboxStyle]\">\r\n    <view\r\n      class=\"tn-checkbox__icon-wrap\"\r\n      :class=\"[iconClass]\"\r\n      :style=\"[iconStyle]\"\r\n      @tap=\"toggle\"\r\n    >\r\n      <view class=\"tn-checkbox__icon-wrap__icon\" :class=\"[`tn-icon-${iconName}`]\"></view>\r\n    </view>\r\n    \r\n    <view\r\n      class=\"tn-checkbox__label\"\r\n      :class=\"[labelClass]\"\r\n      :style=\"{\r\n        fontSize: labelSize ? labelSize + 'rpx' : ''\r\n      }\"\r\n      @tap=\"onClickLabel\"\r\n    >\r\n      <slot></slot>\r\n    </view>\r\n  </view>\n</template>\n\n<script>\r\n  export default {\r\n    name: 'tn-checkbox',\r\n    props: {\r\n      // checkbox名称\r\n      name: {\r\n        type: [String, Number],\r\n        default: ''\r\n      },\r\n      // 是否为选中状态\r\n      value: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      // 禁用选择\r\n      disabled: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      // 禁用点击标签进行选择\r\n      disabledLabel: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      // 选择框的形状 square 方形 circle 圆形\r\n      shape: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      // 选中时的颜色\r\n      activeColor: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      // 组件大小\r\n      size: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      // 图标名称\r\n      iconName: {\r\n        type: String,\r\n        default: 'success'\r\n      },\r\n      // 图标大小\r\n      iconSize: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      // label的字体大小\r\n      labelSize: {\r\n        type: Number,\r\n        default: 0\r\n      }\r\n    },\r\n    computed: {\r\n      // 是否禁用选中，父组件的禁用会覆盖当前的禁用状态\r\n      isDisabled() {\r\n        return this.disabled ? this.disabled : (this.parent ? this.parentData.disabled : false)\r\n      },\r\n      // 是否禁用点击label选中，父组件的禁用会覆盖当前的禁用状态\r\n      isDisabledLabel() {\r\n        return this.disabledLabel ? this.disabledLabel : (this.parent ? this.parentData.disabledLabel : false)\r\n      },\r\n      // 尺寸\r\n      checkboxSize() {\r\n        return this.size ? this.size : (this.parent ? this.parentData.size : 34)\r\n      },\r\n      // 激活时的颜色\r\n      elAvtiveColor() {\r\n        return this.activeColor ? this.activeColor : (this.parent ? this.parentData.activeColor : '#01BEFF')\r\n      },\r\n      // 形状\r\n      elShape() {\r\n        return this.shape ? this.shape : (this.parent ? this.parentData.shape : 'square')\r\n      },\r\n      iconClass() {\r\n        let clazz = ''\r\n        clazz += (' tn-checkbox__icon-wrap--' + this.elShape)\r\n        \r\n        if (this.checkValue) clazz += ' tn-checkbox__icon-wrap--checked'\r\n        if (this.isDisabled) clazz += ' tn-checkbox__icon-wrap--disabled'\r\n        if (this.value && this.isDisabled) clazz += ' tn-checkbox__icon-wrap--disabled--checked'\r\n        \r\n        return clazz\r\n      },\r\n      iconStyle() {\r\n        let style = {}\r\n        // 判断是否用户手动禁用和传递的值\r\n        if (this.elAvtiveColor && this.checkValue && !this.isDisabled) {\r\n          style.borderColor = this.elAvtiveColor\r\n          style.backgroundColor = this.elAvtiveColor\r\n        }\r\n        \r\n        // checkbox内部的勾选图标，如果选中状态，为白色，否则为透明色即可\r\n        style.color = this.checkValue ? '#FFFFFF' : 'transparent'\r\n        \r\n        style.width = this.checkboxSize + 'rpx'\r\n        style.height = style.width\r\n        \r\n        style.fontSize = (this.iconSize ? this.iconSize : (this.parent ? this.parentData.iconSize : 20)) + 'rpx'\r\n        \r\n        return style\r\n      },\r\n      checkboxStyle() {\r\n        let style = {}\r\n        if (this.parent && this.parentData.width) {\r\n          // #ifdef MP\r\n          // 各家小程序因为它们特殊的编译结构，使用float布局\r\n          style.float = 'left';\r\n          // #endif\r\n          // #ifndef MP\r\n          // H5和APP使用flex布局\r\n          style.flex = `0 0 ${this.parentData.width}`;\r\n          // #endif\r\n        }\r\n        if(this.parent && this.parentData.wrap) {\r\n        \tstyle.width = '100%';\r\n        \t// #ifndef MP\r\n        \t// H5和APP使用flex布局，将宽度设置100%，即可自动换行\r\n        \tstyle.flex = '0 0 100%';\r\n        \t// #endif\r\n        }\r\n        \r\n        return style\r\n      },\r\n      labelClass() {\r\n        let clazz = ''\r\n        if (this.isDisabled) {\r\n          clazz += ' tn-checkbox__label--disabled'\r\n        }\r\n        return clazz\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        // 当前checkbox的value值\r\n        checkValue: false,\r\n        parentData: {\r\n          value: null,\r\n          max: null,\r\n          disabled: null,\r\n          disabledLabel: null,\r\n          shape: null,\r\n          activeColor: null,\r\n          size: null,\r\n          width: null,\r\n          wrap: null,\r\n          iconSize: null\r\n        }\r\n      }\r\n    },\r\n    watch: {\r\n      value(val) {\r\n        this.checkValue = val\r\n      }\r\n    },\r\n    created() {\r\n      // 支付宝小程序不支持provide/inject，所以使用这个方法获取整个父组件，在created定义，避免循环应用\r\n      // this.parent = this.$t.$parent.call(this, 'tn-checkbox-group')\r\n      // // 如果存在u-checkbox-group，将本组件的this塞进父组件的children中\r\n      // this.parent && this.parent.children.push(this)\r\n      // // 初始化父组件的value值\r\n      // this.parent && this.parent.emitEvent()\r\n      this.updateParentData()\r\n      this.parent && this.parent.children.push(this)\r\n    },\r\n    methods: {\r\n      updateCheckValue() {\r\n        // 更新当前checkbox的选中状态\r\n        this.checkValue = (this.parent && this.parentData.value.includes(this.name)) || this.value === true\r\n        if (this.parent) {\r\n          if (this.value && !this.parentData.value.includes(this.name)) {\r\n            this.parentData.value.push(this.name)\r\n            this.parent.initValue(this.parentData.value)\r\n          }\r\n        }\r\n      },\r\n      updateParentData() {\r\n        this.getParentData('tn-checkbox-group')\r\n        this.updateCheckValue()\r\n      },\r\n      onClickLabel() {\r\n        if (!this.isDisabled && !this.isDisabledLabel) {\r\n          this.setValue()\r\n        }\r\n      },\r\n      toggle() {\r\n        if (!this.isDisabled) {\r\n          this.setValue()\r\n        }\r\n      },\r\n      emitEvent() {\r\n        this.$emit('change', {\r\n          name: this.name,\r\n          value: !this.checkValue\r\n        })\r\n        if (this.parent) {\r\n          this.checkValue = !this.checkValue\r\n          // 执行父组件tn-checkbox-group的事件方法\r\n          // 等待下一个周期再执行，因为this.$emit('input')作用于父组件，再反馈到子组件内部，需要时间\r\n          setTimeout(() => {\r\n            if(this.parent.emitEvent) this.parent.emitEvent();\r\n          }, 80)\r\n        }\r\n      },\r\n      // 设置input的值，通过v-modal绑定组件的值\r\n      setValue() {\r\n        // 判断是否为可选项组\r\n        if (this.parent) {\r\n          // 反转状态\r\n          if (this.checkValue === true) {\r\n            this.emitEvent()\r\n            // this.$emit('input', !this.checkValue)\r\n          } else {\r\n            // 超出最大可选项，弹出提示\r\n            if (this.parentData.value.length >= this.parentData.max) {\r\n              return this.$t.message.toast(`最多可选${this.parent.max}项`)\r\n            }\r\n            // 如果原来为未选中状态，需要选中的数量少于父组件中设置的max值，才可以选中\r\n            this.emitEvent();\r\n            // this.$emit('input', !this.checkValue);\r\n          }\r\n        } else {\r\n          // 只有一个可选项\r\n          this.emitEvent()\r\n          this.$emit('input', !this.checkValue)\r\n        }\r\n      }\r\n    }\r\n  }\n</script>\n\n<style lang=\"scss\" scoped>\r\n  \r\n  .tn-checkbox {\r\n    /* #ifndef APP-NVUE */\r\n    display: inline-flex;\r\n    /* #endif */\r\n    align-items: center;\r\n    overflow: hidden;\r\n    user-select: none;\r\n    line-height: 1.8;\r\n    \r\n    &__icon-wrap {\r\n      color: $tn-font-color;\r\n      flex: none;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-sizing: border-box;\r\n      width: 42rpx;\r\n      height: 42rpx;\r\n      color: transparent;\r\n      text-align: center;\r\n      transition-property: color, border-color, background-color;\r\n      border: 1px solid $tn-font-sub-color;\r\n      transition-duration: 0.2s;\r\n      \r\n      /* #ifdef MP-TOUTIAO */\r\n      // 头条小程序兼容性问题，需要设置行高为0，否则图标偏下\r\n      &__icon {\r\n      \tline-height: 0;\r\n      }\r\n      /* #endif */\r\n      \r\n      &--circle {\r\n        border-radius: 100%;\r\n      }\r\n      \r\n      &--square {\r\n        border-radius: 6rpx;\r\n      }\r\n      \r\n      &--checked {\r\n        color: #FFFFFF;\r\n        background-color: $tn-main-color;\r\n        border-color: $tn-main-color;\r\n      }\r\n      \r\n      &--disabled {\r\n        background-color: $tn-font-holder-color;\r\n        border-color: $tn-font-sub-color;\r\n      }\r\n      \r\n      &--disabled--checked {\r\n        color: $tn-font-sub-color !important;\r\n      }\r\n    }\r\n    \r\n    &__label {\r\n      word-wrap: break-word;\r\n      margin-left: 10rpx;\r\n      margin-right: 24rpx;\r\n      color: $tn-font-color;\r\n      font-size: 30rpx;\r\n      \r\n      &--disabled {\r\n        color: $tn-font-sub-color;\r\n      }\r\n    }\r\n  }\n</style>\n","import mod from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-checkbox.vue?vue&type=style&index=0&id=314d0a6a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-checkbox.vue?vue&type=style&index=0&id=314d0a6a&lang=scss&scoped=true&\""],"sourceRoot":""}