{"version":3,"sources":["webpack:////Users/yanghao/Desktop/禅易云/zhaoshangMiniApp-uniapp/components/select-tree/select-tree.vue?4f2b","webpack:////Users/yanghao/Desktop/禅易云/zhaoshangMiniApp-uniapp/components/select-tree/select-tree.vue?7b17","webpack:////Users/yanghao/Desktop/禅易云/zhaoshangMiniApp-uniapp/components/select-tree/select-tree.vue?d9dc","webpack:////Users/yanghao/Desktop/禅易云/zhaoshangMiniApp-uniapp/components/select-tree/select-tree.vue?fe45","uni-app:///components/select-tree/select-tree.vue","webpack:////Users/yanghao/Desktop/禅易云/zhaoshangMiniApp-uniapp/components/select-tree/select-tree.vue?c02c","webpack:////Users/yanghao/Desktop/禅易云/zhaoshangMiniApp-uniapp/components/select-tree/select-tree.vue?2a39"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoI;AACpI;AAC+D;AACL;AACsC;;;AAGhG;AACgN;AAChN,gBAAgB,iNAAU;AAC1B,EAAE,iFAAM;AACR,EAAE,kGAAM;AACR,EAAE,2GAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,sGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACRA;AAAA;AAAA;AAAA;AAAy0B,CAAgB,yyBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACyC71B;AACA,qBADA;AAEA,MAFA,kBAEA;AACA;AACA,mBADA;AAEA,gBAFA;AAGA,4BAHA;;AAKA,GARA;AASA;AACA;AACA;AACA,iBADA;AAEA;AACA;AACA;AACA,oBADA;AAEA,wBAFA;AAGA,oBAHA;AAIA;AACA;AACA,0BADA;AAEA,sBAFA,EADA;;AAKA;AACA,0BADA;AAEA,sBAFA,EALA,CAJA,EADA;;;;AAgBA;AACA,oBADA;AAEA,wBAFA;AAGA,qBAHA;AAIA;AACA;AACA,0BADA;AAEA,sBAFA,EADA;;AAKA;AACA,0BADA;AAEA,sBAFA,EALA,CAJA,EAhBA;;;;;AAgCA,OAnCA,EAFA;;AAuCA;AACA;AACA,mBAFA;AAGA,mBAHA,EAvCA;;AA4CA;AACA;AACA,mBAFA;AAGA,oBAHA,EA5CA;;AAiDA;AACA;AACA,mBAFA;AAGA,oBAHA,EAjDA,EATA;;;AAgEA,SAhEA,qBAgEA;AACA;AACA;AACA;AACA;;AAEA;AACA,GAvEA;AAwEA;AACA,YADA,oBACA,KADA,EACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAJA,MAIA;AACA;AACA;AACA;AACA;AACA,KAbA;AAcA,cAdA,sBAcA,IAdA,EAcA,KAdA,EAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAFA;AAGA;AACA,OAPA,MAOA;AACA;AACA;AACA;AACA,SAFA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,KAlCA;AAmCA,cAnCA,sBAmCA,EAnCA,EAmCA,EAnCA,EAmCA;AACA;AACA;AACA;AACA;AACA;AACA,+FADA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAdA,MAcA;AACA;AACA;AACA;AACA;AACA,8FADA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAhEA;AAiEA,sBAjEA,gCAiEA;AACA;AACA;AACA;AACA;AACA,iEADA,CACA;AACA;AACA,OAJA;AAKA;AACA;AACA;AACA;AACA;AACA,SAJA;AAKA,OANA;AAOA;AACA,KAjFA;AAkFA,aAlFA,uBAkFA;AACA;AACA;AACA;AACA;AACA;AACA,SAFA;AAGA,OALA;AAMA;AACA;AACA;AACA,KA7FA;AA8FA,aA9FA,uBA8FA;AACA;AACA;AACA;AACA;AACA;AACA,SAFA;AAGA,OALA;AAMA;AACA;AACA;AACA,KAzGA;AA0GA,cA1GA,sBA0GA,IA1GA,EA0GA;AACA;AACA;AACA;AACA,KA9GA,EAxEA;;AAwLA;AACA,SADA,iBACA,GADA,EACA;AACA;AACA;AACA;AACA,KALA,EAxLA,E;;;;;;;;;;;;ACzCA;AAAA;AAAA;AAAA;AAA0hD,CAAgB,25CAAG,EAAC,C;;;;;;;;;;;ACA9iD;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/select-tree/select-tree.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./select-tree.vue?vue&type=template&id=28ef90a4&scoped=true&\"\nvar renderjs\nimport script from \"./select-tree.vue?vue&type=script&lang=js&\"\nexport * from \"./select-tree.vue?vue&type=script&lang=js&\"\nimport style0 from \"./select-tree.vue?vue&type=style&index=0&id=28ef90a4&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../Applications/HBuilderX.app/Contents/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  \"28ef90a4\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"components/select-tree/select-tree.vue\"\nexport default component.exports","export * from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./select-tree.vue?vue&type=template&id=28ef90a4&scoped=true&\"","var components\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./select-tree.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./select-tree.vue?vue&type=script&lang=js&\"","<template>\n    <view id=\"section_ul\" class=\"selectTrees\">\n        <!-- 一级分支 -->\n        <view class=\"lv1list\" v-for=\"(item, index) in selectList\" :key=\"index\">\n            <view class=\"tree-one\">\n                <!-- 单选框组件 -->\n                <checkbox-group v-if=\"showCheck\"\n                    style=\"position: absolute;height: 80rpx;line-height: 80rpx; left:20rpx;z-index: 1;\">\n                    <checkbox :checked=\"item.checked\" @click=\"_chooseAll(item,index)\" />\n                </checkbox-group>\n                <!-- 名字和iconfont -->\n                <label\n                    style=\"height:80rpx;display: flex;align-items: center;padding: 20rpx;position: relative;border-bottom: 1px solid #e4e4e4;background: #f3f3f3;\"\n                    @click=\"_showlv2(index)\">\n                    <view class=\"itemT\">{{item.name}}</view>\n                    <view class=\"deleteBtn\" v-if=\"showDelete\" @click.stop=\"deleteItem(item)\">删除</view>\n                    <i class=\"iconfont iconshang\" v-if=\"item.show\"\n                        style=\"position: absolute;top: 18%;right: 2%;font-size: 48rpx;\"></i>\n                    <i class=\"iconfont iconxiala\" v-else\n                        style=\"position: absolute;top: 18%;right: 2%;font-size: 48rpx;\"></i>\n                </label>\n            </view>\n            <!-- 二级分支 -->\n            <view v-if='item.show && item.childrenList '>\n                <view class=\"tree-two\" v-for=\"(item2, index2) in item.childrenList\" :key=\"index2\"\n                    style=\"display: flex;\">\n                    <view class=\"aui-list-item-inner flexIn\">\n                        <checkbox-group v-if=\"showCheck\">\n                            <checkbox v-if=\"!disableLv2Check\" :checked=\"item2.checked\"\n                                @click=\"_chooseOne(index,index2)\" />\n                            <checkbox :checked=\"item2.checked\" disabled=\"true\" v-else />\n                        </checkbox-group>\n                        <label style=\"font-size: 28rpx;\">{{item2.name}}</label>\n                    </view>\n                </view>\n            </view>\n        </view>\n    </view>\n</template>\n\n<script>\nexport default {\n    name: \"select-tree\",\n    data() {\n        return {\n            finalList: [],\n            menuKey: 1,\n            selectList: this.value\n        };\n    },\n    props: {\n        // selectList,\n        value: {\n            type: Array,\n            default: function () {\n                return [\n                    {\n                        name: \"水果\",\n                        checked: false,\n                        show: true,\n                        childrenList: [\n                            {\n                                checked: false,\n                                name: \"西瓜\"\n                            },\n                            {\n                                checked: false,\n                                name: \"桃子\"\n                            }\n                        ]\n                    },\n                    {\n                        name: \"工具\",\n                        checked: false,\n                        show: false,\n                        childrenList: [\n                            {\n                                checked: false,\n                                name: \"锄头\"\n                            },\n                            {\n                                checked: false,\n                                name: \"铲子\"\n                            }\n                        ]\n                    }\n                ];\n            }\n        },\n        showCheck: {\n            //显示多选框\n            type: Boolean,\n            default: true\n        },\n        disableLv2Check: {\n            //让二级标题不可选中\n            type: Boolean,\n            default: false\n        },\n        showDelete: {\n            //显示删除按钮\n            type: Boolean,\n            default: false\n        }\n    },\n    mounted() {\n        // console.log(this.value)\n        // setTimeout(()=>{\n        //      this.selectList = this.value\n        // })\n\n        // this.$forceUpdate()\n    },\n    methods: {\n        _showlv2(index) {\n            // console.log('showLv2............................', index)\n            //展开二级目录\n            if (this.selectList[index].show) {\n                this.$set(this.selectList[index], \"show\", false);\n\t\t\t\tthis.$forceUpdate()\n                this.$emit('input', this.selectList)\n            } else {\n                this.$set(this.selectList[index], \"show\", true);\n\t\t\t\tthis.$forceUpdate()\n                this.$emit('input', this.selectList)\n            }\n        },\n        _chooseAll(item, index) {\n            //选中一级目录的所有\n            if (this.selectList[index].checked) {\n                //\n                this.$set(this.selectList[index], \"checked\", false);\n                this.selectList[index].childrenList.forEach(item => {\n                    item.checked = false;\n                });\n                this.$emit('input', this.selectList)\n            } else {\n                this.$set(this.selectList[index], \"checked\", true);\n                this.selectList[index].childrenList.forEach(item => {\n                    item.checked = true;\n                });\n                this.$emit('input', this.selectList)\n            }\n            this.$set(this.selectList[index], \"show\", true);\n            this.$emit('input', this.selectList)\n            this.$forceUpdate();\n            this._computedFinalList();\n        },\n        _chooseOne(i1, i2) {\n            if (this.selectList[i1].childrenList[i2].checked) {\n                //去掉勾选\n                this.$set(this.selectList[i1], \"checked\", true);\n                this.$set(this.selectList[i1].childrenList[i2], \"checked\", false);\n\t\t\t\tif (\n\t\t\t\t    this.selectList[i1].childrenList.every(item => item.checked == false)\n\t\t\t\t) {\n\t\t\t\t    //判断是否全部都是选中\n\t\t\t\t    this.$set(this.selectList[i1], \"checked\", false);\n\t\t\t\t}\n                this.$forceUpdate();\n                this.$emit('input', this.selectList)\n                this._computedFinalList();\n\n            } else {\n                //增加勾选\n                this.$set(this.selectList[i1], \"checked\", true);\n                this.$set(this.selectList[i1].childrenList[i2], \"checked\", true);\n                if (\n                    this.selectList[i1].childrenList.every(item => item.checked == true)\n                ) {\n                    //判断是否全部都是选中\n                    this.$set(this.selectList[i1], \"checked\", true);\n                }\n                this.$emit('input', this.selectList)\n                this.$forceUpdate();\n                this._computedFinalList();\n            }\n        },\n        _computedFinalList() {\n            //计算最终的值\n            this.finalList = [];\n\t\t\tthis.selectList.forEach(item=>{\n\t\t\t\tif(item.checked){\n\t\t\t\t\tthis.finalList.push(JSON.parse(JSON.stringify(item))) //对象深拷贝 不然原数据会发生变化\n\t\t\t\t}\n\t\t\t})\n\t\t\tthis.finalList.forEach(item=>{\n\t\t\t\titem.childrenList.forEach((item2,index2)=>{\n\t\t\t\t\tif(!item2.checked){\n\t\t\t\t\t\titem.childrenList.splice(index2,1)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n            this.$emit(\"choose\", this.finalList);\n        },\n        chooseAll() {\n            //选中页面所有层级\n            this.selectList.forEach(item => {\n                this.$set(item, \"checked\", true);\n                item.childrenList.forEach(item2 => {\n                    this.$set(item2, \"checked\", true);\n                });\n            });\n            this.$emit('input', this.selectList)\n            this.$forceUpdate();\n            this._computedFinalList();\n        },\n        cancelAll() {\n            //取消选中页面所有层级\n            this.selectList.forEach(item => {\n                this.$set(item, \"checked\", false);\n                item.childrenList.forEach(item2 => {\n                    this.$set(item2, \"checked\", false);\n                });\n            });\n            this.$emit('input', this.selectList)\n            this.$forceUpdate();\n            this._computedFinalList();\n        },\n        deleteItem(item) {\n            //删除选中项目\n            this.$emit('input', this.selectList)\n            this.$emit(\"deleteItem\", item);\n        }\n    },\n    watch: {\n        value(res) {\n            console.log(res)\n            this.selectList = res\n            this.$emit('input', this.selectList)\n        }\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n* {\n    font-size: 32rpx;\n}\n\n/* #ifdef APP-PLUS*/\n.selectTrees{\n    margin-bottom: 180rpx;\n}\n/* #endif */\n\n.deleteBtn {\n    position: absolute;\n    right: 10%;\n    background: #f97979;\n    padding: 2rpx 16rpx;\n    color: white;\n    border-radius: 4rpx;\n    font-size: 28rpx;\n}\n\n.itemT {\n    margin-left: 60rpx;\n    font-size: 32rpx;\n    width: 65%;\n    text-overflow: -o-ellipsis-lastline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.tree-two {\n    padding: 20rpx 68rpx;\n    background: white;\n    border-bottom: 2rpx solid #e2e2e2;\n    font-size: 28rpx;\n}\n\n.flexIn {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    align-content: center;\n    flex-wrap: nowrap;\n    width: 100%;\n}\n</style>","import mod from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./select-tree.vue?vue&type=style&index=0&id=28ef90a4&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./select-tree.vue?vue&type=style&index=0&id=28ef90a4&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1635513141700\n      var cssReload = require(\"/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}