| 1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\RightPanel\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\RightPanel\\index.vue","mtime":1619333322714},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CgpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIik7Cgp2YXIgX3V0aWxzID0gcmVxdWlyZSgiQC91dGlscyIpOwoKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gewogIG5hbWU6ICdSaWdodFBhbmVsJywKICBwcm9wczogewogICAgY2xpY2tOb3RDbG9zZTogewogICAgICBkZWZhdWx0OiBmYWxzZSwKICAgICAgdHlwZTogQm9vbGVhbgogICAgfSwKICAgIGJ1dHRvblRvcDogewogICAgICBkZWZhdWx0OiAyNTAsCiAgICAgIHR5cGU6IE51bWJlcgogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIHNob3c6IHsKICAgICAgZ2V0OiBmdW5jdGlvbiBnZXQoKSB7CiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnNldHRpbmdzLnNob3dTZXR0aW5nczsKICAgICAgfSwKICAgICAgc2V0OiBmdW5jdGlvbiBzZXQodmFsKSB7CiAgICAgICAgdGhpcy4kc3RvcmUuZGlzcGF0Y2goJ3NldHRpbmdzL2NoYW5nZVNldHRpbmcnLCB7CiAgICAgICAgICBrZXk6ICdzaG93U2V0dGluZ3MnLAogICAgICAgICAgdmFsdWU6IHZhbAogICAgICAgIH0pOwogICAgICB9CiAgICB9LAogICAgdGhlbWU6IGZ1bmN0aW9uIHRoZW1lKCkgewogICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuc2V0dGluZ3MudGhlbWU7CiAgICB9CiAgfSwKICB3YXRjaDogewogICAgc2hvdzogZnVuY3Rpb24gc2hvdyh2YWx1ZSkgewogICAgICBpZiAodmFsdWUgJiYgIXRoaXMuY2xpY2tOb3RDbG9zZSkgewogICAgICAgIHRoaXMuYWRkRXZlbnRDbGljaygpOwogICAgICB9CgogICAgICBpZiAodmFsdWUpIHsKICAgICAgICAoMCwgX3V0aWxzLmFkZENsYXNzKShkb2N1bWVudC5ib2R5LCAnc2hvd1JpZ2h0UGFuZWwnKTsKICAgICAgfSBlbHNlIHsKICAgICAgICAoMCwgX3V0aWxzLnJlbW92ZUNsYXNzKShkb2N1bWVudC5ib2R5LCAnc2hvd1JpZ2h0UGFuZWwnKTsKICAgICAgfQogICAgfQogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuaW5zZXJ0VG9Cb2R5KCk7CiAgICB0aGlzLmFkZEV2ZW50Q2xpY2soKTsKICB9LAogIGJlZm9yZURlc3Ryb3k6IGZ1bmN0aW9uIGJlZm9yZURlc3Ryb3koKSB7CiAgICB2YXIgZWx4ID0gdGhpcy4kcmVmcy5yaWdodFBhbmVsOwogICAgZWx4LnJlbW92ZSgpOwogIH0sCiAgbWV0aG9kczogewogICAgYWRkRXZlbnRDbGljazogZnVuY3Rpb24gYWRkRXZlbnRDbGljaygpIHsKICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgdGhpcy5jbG9zZVNpZGViYXIpOwogICAgfSwKICAgIGNsb3NlU2lkZWJhcjogZnVuY3Rpb24gY2xvc2VTaWRlYmFyKGV2dCkgewogICAgICB2YXIgcGFyZW50ID0gZXZ0LnRhcmdldC5jbG9zZXN0KCcucmlnaHRQYW5lbCcpOwoKICAgICAgaWYgKCFwYXJlbnQpIHsKICAgICAgICB0aGlzLnNob3cgPSBmYWxzZTsKICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLmNsb3NlU2lkZWJhcik7CiAgICAgIH0KICAgIH0sCiAgICBpbnNlcnRUb0JvZHk6IGZ1bmN0aW9uIGluc2VydFRvQm9keSgpIHsKICAgICAgdmFyIGVseCA9IHRoaXMuJHJlZnMucmlnaHRQYW5lbDsKICAgICAgdmFyIGJvZHkgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdib2R5Jyk7CiAgICAgIGJvZHkuaW5zZXJ0QmVmb3JlKGVseCwgYm9keS5maXJzdENoaWxkKTsKICAgIH0KICB9Cn07CmV4cG9ydHMuZGVmYXVsdCA9IF9kZWZhdWx0Ow=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;AAYA;;;;;;;;;;;;;eAEA;AACA,EAAA,IAAA,EAAA,YADA;AAEA,EAAA,KAAA,EAAA;AACA,IAAA,aAAA,EAAA;AACA,MAAA,OAAA,EAAA,KADA;AAEA,MAAA,IAAA,EAAA;AAFA,KADA;AAKA,IAAA,SAAA,EAAA;AACA,MAAA,OAAA,EAAA,GADA;AAEA,MAAA,IAAA,EAAA;AAFA;AALA,GAFA;AAYA,EAAA,QAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,GADA,iBACA;AACA,eAAA,KAAA,MAAA,CAAA,KAAA,CAAA,QAAA,CAAA,YAAA;AACA,OAHA;AAIA,MAAA,GAJA,eAIA,GAJA,EAIA;AACA,aAAA,MAAA,CAAA,QAAA,CAAA,wBAAA,EAAA;AACA,UAAA,GAAA,EAAA,cADA;AAEA,UAAA,KAAA,EAAA;AAFA,SAAA;AAIA;AATA,KADA;AAYA,IAAA,KAZA,mBAYA;AACA,aAAA,KAAA,MAAA,CAAA,KAAA,CAAA,QAAA,CAAA,KAAA;AACA;AAdA,GAZA;AA4BA,EAAA,KAAA,EAAA;AACA,IAAA,IADA,gBACA,KADA,EACA;AACA,UAAA,KAAA,IAAA,CAAA,KAAA,aAAA,EAAA;AACA,aAAA,aAAA;AACA;;AACA,UAAA,KAAA,EAAA;AACA,6BAAA,QAAA,CAAA,IAAA,EAAA,gBAAA;AACA,OAFA,MAEA;AACA,gCAAA,QAAA,CAAA,IAAA,EAAA,gBAAA;AACA;AACA;AAVA,GA5BA;AAwCA,EAAA,OAxCA,qBAwCA;AACA,SAAA,YAAA;AACA,SAAA,aAAA;AACA,GA3CA;AA4CA,EAAA,aA5CA,2BA4CA;AACA,QAAA,GAAA,GAAA,KAAA,KAAA,CAAA,UAAA;AACA,IAAA,GAAA,CAAA,MAAA;AACA,GA/CA;AAgDA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,2BACA;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,OAAA,EAAA,KAAA,YAAA;AACA,KAHA;AAIA,IAAA,YAJA,wBAIA,GAJA,EAIA;AACA,UAAA,MAAA,GAAA,GAAA,CAAA,MAAA,CAAA,OAAA,CAAA,aAAA,CAAA;;AACA,UAAA,CAAA,MAAA,EAAA;AACA,aAAA,IAAA,GAAA,KAAA;AACA,QAAA,MAAA,CAAA,mBAAA,CAAA,OAAA,EAAA,KAAA,YAAA;AACA;AACA,KAVA;AAWA,IAAA,YAXA,0BAWA;AACA,UAAA,GAAA,GAAA,KAAA,KAAA,CAAA,UAAA;AACA,UAAA,IAAA,GAAA,QAAA,CAAA,aAAA,CAAA,MAAA,CAAA;AACA,MAAA,IAAA,CAAA,YAAA,CAAA,GAAA,EAAA,IAAA,CAAA,UAAA;AACA;AAfA;AAhDA,C","sourcesContent":["<template>\r\n <div ref=\"rightPanel\" :class=\"{show:show}\" class=\"rightPanel-container\">\r\n <div class=\"rightPanel-background\" />\r\n <div class=\"rightPanel\">\r\n <div class=\"rightPanel-items\">\r\n <slot />\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { addClass, removeClass } from '@/utils'\r\n\r\nexport default {\r\n name: 'RightPanel',\r\n props: {\r\n clickNotClose: {\r\n default: false,\r\n type: Boolean\r\n },\r\n buttonTop: {\r\n default: 250,\r\n type: Number\r\n }\r\n },\r\n computed: {\r\n show: {\r\n get() {\r\n return this.$store.state.settings.showSettings\r\n },\r\n set(val) {\r\n this.$store.dispatch('settings/changeSetting', {\r\n key: 'showSettings',\r\n value: val\r\n })\r\n }\r\n },\r\n theme() {\r\n return this.$store.state.settings.theme\r\n },\r\n },\r\n watch: {\r\n show(value) {\r\n if (value && !this.clickNotClose) {\r\n this.addEventClick()\r\n }\r\n if (value) {\r\n addClass(document.body, 'showRightPanel')\r\n } else {\r\n removeClass(document.body, 'showRightPanel')\r\n }\r\n }\r\n },\r\n mounted() {\r\n this.insertToBody()\r\n this.addEventClick()\r\n },\r\n beforeDestroy() {\r\n const elx = this.$refs.rightPanel\r\n elx.remove()\r\n },\r\n methods: {\r\n addEventClick() {\r\n window.addEventListener('click', this.closeSidebar)\r\n },\r\n closeSidebar(evt) {\r\n const parent = evt.target.closest('.rightPanel')\r\n if (!parent) {\r\n this.show = false\r\n window.removeEventListener('click', this.closeSidebar)\r\n }\r\n },\r\n insertToBody() {\r\n const elx = this.$refs.rightPanel\r\n const body = document.querySelector('body')\r\n body.insertBefore(elx, body.firstChild)\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n.showRightPanel {\r\n overflow: hidden;\r\n position: relative;\r\n width: calc(100% - 15px);\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.rightPanel-background {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n opacity: 0;\r\n transition: opacity .3s cubic-bezier(.7, .3, .1, 1);\r\n background: rgba(0, 0, 0, .2);\r\n z-index: -1;\r\n}\r\n\r\n.rightPanel {\r\n width: 100%;\r\n max-width: 260px;\r\n height: 100vh;\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05);\r\n transition: all .25s cubic-bezier(.7, .3, .1, 1);\r\n transform: translate(100%);\r\n background: #fff;\r\n z-index: 40000;\r\n}\r\n\r\n.show {\r\n transition: all .3s cubic-bezier(.7, .3, .1, 1);\r\n\r\n .rightPanel-background {\r\n z-index: 20000;\r\n opacity: 1;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .rightPanel {\r\n transform: translate(0);\r\n }\r\n}\r\n\r\n.handle-button {\r\n width: 48px;\r\n height: 48px;\r\n position: absolute;\r\n left: -48px;\r\n text-align: center;\r\n font-size: 24px;\r\n border-radius: 6px 0 0 6px !important;\r\n z-index: 0;\r\n pointer-events: auto;\r\n cursor: pointer;\r\n color: #fff;\r\n line-height: 48px;\r\n i {\r\n font-size: 24px;\r\n line-height: 48px;\r\n }\r\n}\r\n</style>\r\n"],"sourceRoot":"src/components/RightPanel"}]}
|
