{"version":3,"sources":["webpack:///./src/custom-component/basic/ButtonComponent/ButtonComponent.vue","webpack:///src/custom-component/basic/ButtonComponent/ButtonComponent.vue","webpack:///./src/custom-component/basic/ButtonComponent/ButtonComponent.vue?81e2","webpack:///./src/custom-component/basic/ButtonComponent/ButtonComponent.vue?8630"],"names":["render","staticRenderFns","name","components","props","propValue","type","Object","require","default","element","data","divStyle","copyStyle","ifFullScreen","h","on","click","clickHandler","style","value","computed","option","chartOption","dataset","$store","state","watch","handler","getText","styleSheet","immediate","deep","created","mounted","methods","_this","targetID","clickArr","componentData","forEach","item","guid","showFlag","link","openType","window","location","href","open","token","kbLocalStorage","getItem","$router","push","query","billNo","routeData","resolve","index","index1","idFilter","ids","ele","tabConfig","apply","_toConsumableArray","actived","includes","method","document","getElementById","id","requestFullscreen","canvasW","canvasStyleData","width","canvasH","height","prop","top","left","deepCopy","typeList","_self","textStyle","styleArray","Array","isArray","children","subItem","key","unit","update","component"],"mappings":"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","file":"js/chunk-9a8b2914.b494ae14.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./ButtonComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonComponent.vue?vue&type=style&index=0&id=186362bc&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"186362bc\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport { deepCopy } from '@/utils/utils';\r\n// import VueFullscreen from 'vue-fullscreen';\r\n\r\nexport default {\r\n    // <a-button type=\"primary\" @click=\"clickHandler\">{{ option.buttonText }}</a-button>\r\n    name: 'ButtonComponent',\r\n    components: {},\r\n    props: {\r\n        propValue: {\r\n            type: Object,\r\n            require: false,\r\n            default() {\r\n                return {};\r\n            },\r\n        },\r\n        element: {\r\n            type: Object,\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            // videoUrl: '@/assets/audio/video1.mp4',\r\n            divStyle: '',\r\n            copyStyle: {}, // 点击中的全屏功能\r\n            ifFullScreen: false,\r\n        };\r\n    },\r\n    render(h) {\r\n        return h(\r\n            'div',\r\n            {\r\n                // attrs: {\r\n                //     type: 'primary',\r\n                // },\r\n                on: {\r\n                    click: this.clickHandler,\r\n                },\r\n                style: this.divStyle,\r\n            },\r\n            this.propValue.value,\r\n        );\r\n    },\r\n    computed: {\r\n        option() {\r\n            return this.propValue.chartOption;\r\n        },\r\n        dataset() {\r\n            return this.$store.state.dataset; // 总的refreshKanban 里的数据\r\n        },\r\n    },\r\n    watch: {\r\n        'element.style.styleSheet': {\r\n            handler() {\r\n                this.divStyle = this.getText(this.element.style.styleSheet);\r\n            },\r\n            immediate: false,\r\n            deep: true,\r\n        },\r\n        // dataset: {\r\n        //     handler() {\r\n        //         this.getData();\r\n        //     },\r\n        //     immediate: false,\r\n        //     deep: true,\r\n        // },\r\n    },\r\n    created() {\r\n        this.divStyle = this.getText(this.element.style.styleSheet);\r\n    },\r\n    mounted() {\r\n        // this.getData();\r\n    },\r\n    methods: {\r\n        //  点击事件\r\n        clickHandler() {\r\n            // console.log(this.element.propValue.chartOption.clickArr[0]);\r\n            /////////////////////\r\n            let targetID = this.element.propValue.chartOption.clickArr[0].targetID;\r\n            if (targetID) {\r\n                this.$store.state.componentData.forEach(item => {\r\n                    if (item.propValue.guid === targetID) {\r\n                        item.style.showFlag = !item.style.showFlag;\r\n                    }\r\n                });\r\n            }\r\n            // 添加链接\r\n            if (this.option.clickArr[1].type === 'direct' && this.option.clickArr[1].link) {\r\n                if (this.option.clickArr[1].openType === 'local') {\r\n                    // 原来页面打开新链接\r\n                    window.location.href = this.option.clickArr[1].link;\r\n                } else {\r\n                    window.open(this.option.clickArr[1].link);\r\n                }\r\n            } else if (this.option.clickArr[1].type === 'board' && this.option.clickArr[1].link) {\r\n                // token billNo\r\n                let token = kbLocalStorage.getItem('token');\r\n                if (!token) {\r\n                    token = '';\r\n                }\r\n                if (this.option.clickArr[1].openType === 'local') {\r\n                    // 原来页面打开新看板\r\n                    this.$router.push({\r\n                        name: 'Preview',\r\n                        query: {\r\n                            token: token,\r\n                            billNo: this.option.clickArr[1].link,\r\n                        },\r\n                    });\r\n                } else {\r\n                    let routeData = this.$router.resolve({\r\n                        name: 'Preview',\r\n                        query: {\r\n                            token: token,\r\n                            billNo: this.option.clickArr[1].link,\r\n                        },\r\n                    });\r\n                    window.open(routeData.href, '_blank');\r\n                }\r\n            }\r\n            //页签切换\r\n            if (this.option.clickArr[2].guid && this.option.clickArr[2].index) {\r\n                let index1 = this.option.clickArr[2].index;\r\n                // 不显示的组件, 其它页签组件 id 的集合\r\n                let idFilter = [];\r\n                // 显示的组件\r\n                let ids = [];\r\n                // find targert tabComponent\r\n                this.$store.state.componentData.forEach(ele => {\r\n                    if (ele.propValue.guid === this.option.clickArr[2].guid) {\r\n                        ele.propValue.chartOption.tabConfig.forEach((item, index) => {\r\n                            if (index !== index1) {\r\n                                idFilter.push(...item.ids);\r\n                                item.actived = false;\r\n                            } else {\r\n                                ids = item.ids;\r\n                                item.actived = true;\r\n                            }\r\n                        });\r\n                    }\r\n                });\r\n\r\n                this.$store.state.componentData.forEach(item => {\r\n                    // console.log(item.style.showFlag);\r\n                    // 显示页签\r\n                    if (ids.includes(item.propValue.guid)) {\r\n                        item.style.showFlag = true;\r\n                    }\r\n\r\n                    // 隐藏其它页签\r\n                    if (idFilter.includes(item.propValue.guid)) {\r\n                        // console.log('hide', item.name);\r\n                        item.style.showFlag = false;\r\n                    }\r\n                });\r\n            }\r\n            //全屏某个组件\r\n            if (this.option.clickArr[4].open && this.option.clickArr[4].guid) {\r\n                let guid = this.option.clickArr[4].guid;\r\n                this.$store.state.componentData.forEach(item => {\r\n                    if (item.propValue.guid === guid) {\r\n                        // item.style.showFlag = !item.style.showFlag;\r\n                        // console.log(item.style);\r\n                        let method = 1;\r\n                        if (method === 1) {\r\n                            let element = document.getElementById(item.id);\r\n                            element.requestFullscreen();\r\n                        } else if (method === 2) {\r\n                            let canvasW = this.$store.state.canvasStyleData.width;\r\n                            let canvasH = this.$store.state.canvasStyleData.height;\r\n                            let prop = 0.8\r\n                            item.style.width = canvasW * prop;\r\n                            item.style.height = canvasH * prop;\r\n                            item.style.top = canvasH * 0.1;\r\n                            item.style.left = canvasW * 0.1;\r\n                        }\r\n\r\n                        this.copyStyle = deepCopy(item.style);\r\n\r\n                        // if (!this.ifFullScreen) {\r\n                        //     console.log('组件应变大');\r\n                        //     // 使组件变大, 把按钮位置放到右上角 todo\r\n                        //     // method 1\r\n                        //     item.style.width = 800;\r\n                        //     item.style.height = 800;\r\n                        //     item.style.top = 100;\r\n                        //     item.style.left = 100;\r\n                        //     // method 2\r\n                        //     // let element = document.getElementById(item.id);\r\n                        //     // element.requestFullscreen();\r\n                        //\r\n                        //\r\n                        //     // item.style.transform = 'scale(2)';\r\n                        //\r\n                        //     this.ifFullScreen = true;\r\n                        // } else {\r\n                        //     // 使组件变小, 调整回按钮的位置\r\n                        //\r\n                        //     item.style.width = 80;\r\n                        //     item.style.height = 80;\r\n                        //     item.style.top = 400;\r\n                        //     item.style.left = 400;\r\n                        //\r\n                        //     this.ifFullScreen = false;\r\n                        //     // item.style = this.copyStyle;\r\n                        // }\r\n                    }\r\n                });\r\n            }\r\n        },\r\n        getText(item, typeList) {\r\n            let _self = this;\r\n            let textStyle = '';\r\n            let styleArray = null;\r\n            if (Array.isArray(item)) {\r\n                styleArray = item;\r\n            } else {\r\n                if (item.type === 'group' || item.type === 'line-group' || item.type === 'tab') {\r\n                    if (item.children && Array.isArray(item.children)) {\r\n                        styleArray = item.children;\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (styleArray) {\r\n                styleArray.forEach(function(subItem) {\r\n                    if (Array.isArray(item) && typeList && Array.isArray(typeList) && typeList.includes(subItem.key) && subItem) {\r\n                        textStyle = textStyle + _self.getText(subItem, typeList);\r\n                    }\r\n\r\n                    if ((!Array.isArray(item) || !typeList) && subItem) {\r\n                        textStyle = textStyle + _self.getText(subItem, typeList);\r\n                    }\r\n                });\r\n                return textStyle;\r\n            }\r\n\r\n            if (item.key && (item.value || item.value === 0)) {\r\n                if (item.key === 'background-image') {\r\n                    textStyle = item.key + ':url(' + item.value + ');background-size: 100% 100%;';\r\n                    return textStyle;\r\n                }\r\n\r\n                if (item.unit) {\r\n                    if (\r\n                        item.key === 'font-size' ||\r\n                        item.key === 'border-width' ||\r\n                        item.key === 'border-radius' ||\r\n                        item.key === 'width' ||\r\n                        item.key === 'height'\r\n                    ) {\r\n                        textStyle = item.key + ':' + item.value + item.unit + ';';\r\n                    } else {\r\n                        textStyle = item.key + ':' + item.value + item.unit + ';';\r\n                    }\r\n                } else {\r\n                    textStyle = item.key + ':' + item.value + ';';\r\n                }\r\n            }\r\n\r\n            return textStyle;\r\n        },\r\n    },\r\n    update() {\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\ndiv {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 100%;\r\n    outline: none;\r\n    overflow: hidden;\r\n    white-space: normal;\r\n    text-overflow: clip;\r\n    word-break: break-all;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonComponent.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonComponent.vue?vue&type=style&index=0&id=186362bc&prod&lang=scss&scoped=true&\""],"sourceRoot":""}