{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/components/RightPanel/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/components/RightPanel/index.vue","mtime":1754409279863},{"path":"/Users/kang/Gitea/vue-element-admin/babel.config.js","mtime":1754409277597},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js","mtime":1754409277911},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGFkZENsYXNzLCByZW1vdmVDbGFzcyB9IGZyb20gJ0AvdXRpbHMnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ1JpZ2h0UGFuZWwnLAogIHByb3BzOiB7CiAgICBjbGlja05vdENsb3NlOiB7CiAgICAgIGRlZmF1bHQ6IGZhbHNlLAogICAgICB0eXBlOiBCb29sZWFuCiAgICB9LAogICAgYnV0dG9uVG9wOiB7CiAgICAgIGRlZmF1bHQ6IDI1MCwKICAgICAgdHlwZTogTnVtYmVyCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc2hvdzogZmFsc2UKICAgIH07CiAgfSwKICBjb21wdXRlZDogewogICAgdGhlbWU6IGZ1bmN0aW9uIHRoZW1lKCkgewogICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUuc2V0dGluZ3MudGhlbWU7CiAgICB9CiAgfSwKICB3YXRjaDogewogICAgc2hvdzogZnVuY3Rpb24gc2hvdyh2YWx1ZSkgewogICAgICBpZiAodmFsdWUgJiYgIXRoaXMuY2xpY2tOb3RDbG9zZSkgewogICAgICAgIHRoaXMuYWRkRXZlbnRDbGljaygpOwogICAgICB9CiAgICAgIGlmICh2YWx1ZSkgewogICAgICAgIGFkZENsYXNzKGRvY3VtZW50LmJvZHksICdzaG93UmlnaHRQYW5lbCcpOwogICAgICB9IGVsc2UgewogICAgICAgIHJlbW92ZUNsYXNzKGRvY3VtZW50LmJvZHksICdzaG93UmlnaHRQYW5lbCcpOwogICAgICB9CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdGhpcy5pbnNlcnRUb0JvZHkoKTsKICB9LAogIGJlZm9yZURlc3Ryb3k6IGZ1bmN0aW9uIGJlZm9yZURlc3Ryb3koKSB7CiAgICB2YXIgZWx4ID0gdGhpcy4kcmVmcy5yaWdodFBhbmVsOwogICAgZWx4LnJlbW92ZSgpOwogIH0sCiAgbWV0aG9kczogewogICAgYWRkRXZlbnRDbGljazogZnVuY3Rpb24gYWRkRXZlbnRDbGljaygpIHsKICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgdGhpcy5jbG9zZVNpZGViYXIpOwogICAgfSwKICAgIGNsb3NlU2lkZWJhcjogZnVuY3Rpb24gY2xvc2VTaWRlYmFyKGV2dCkgewogICAgICB2YXIgcGFyZW50ID0gZXZ0LnRhcmdldC5jbG9zZXN0KCcucmlnaHRQYW5lbCcpOwogICAgICBpZiAoIXBhcmVudCkgewogICAgICAgIHRoaXMuc2hvdyA9IGZhbHNlOwogICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMuY2xvc2VTaWRlYmFyKTsKICAgICAgfQogICAgfSwKICAgIGluc2VydFRvQm9keTogZnVuY3Rpb24gaW5zZXJ0VG9Cb2R5KCkgewogICAgICB2YXIgZWx4ID0gdGhpcy4kcmVmcy5yaWdodFBhbmVsOwogICAgICB2YXIgYm9keSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ2JvZHknKTsKICAgICAgYm9keS5pbnNlcnRCZWZvcmUoZWx4LCBib2R5LmZpcnN0Q2hpbGQpOwogICAgfQogIH0KfTs="},{"version":3,"names":["addClass","removeClass","name","props","clickNotClose","default","type","Boolean","buttonTop","Number","data","show","computed","theme","$store","state","settings","watch","value","addEventClick","document","body","mounted","insertToBody","beforeDestroy","elx","$refs","rightPanel","remove","methods","window","addEventListener","closeSidebar","evt","parent","target","closest","removeEventListener","querySelector","insertBefore","firstChild"],"sources":["src/components/RightPanel/index.vue"],"sourcesContent":["<template>\n  <div ref=\"rightPanel\" :class=\"{show:show}\" class=\"rightPanel-container\">\n    <div class=\"rightPanel-background\" />\n    <div class=\"rightPanel\">\n      <div class=\"handle-button\" :style=\"{'top':buttonTop+'px','background-color':theme}\" @click=\"show=!show\">\n        <i :class=\"show?'el-icon-close':'el-icon-setting'\" />\n      </div>\n      <div class=\"rightPanel-items\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { addClass, removeClass } from '@/utils'\n\nexport default {\n  name: 'RightPanel',\n  props: {\n    clickNotClose: {\n      default: false,\n      type: Boolean\n    },\n    buttonTop: {\n      default: 250,\n      type: Number\n    }\n  },\n  data() {\n    return {\n      show: false\n    }\n  },\n  computed: {\n    theme() {\n      return this.$store.state.settings.theme\n    }\n  },\n  watch: {\n    show(value) {\n      if (value && !this.clickNotClose) {\n        this.addEventClick()\n      }\n      if (value) {\n        addClass(document.body, 'showRightPanel')\n      } else {\n        removeClass(document.body, 'showRightPanel')\n      }\n    }\n  },\n  mounted() {\n    this.insertToBody()\n  },\n  beforeDestroy() {\n    const elx = this.$refs.rightPanel\n    elx.remove()\n  },\n  methods: {\n    addEventClick() {\n      window.addEventListener('click', this.closeSidebar)\n    },\n    closeSidebar(evt) {\n      const parent = evt.target.closest('.rightPanel')\n      if (!parent) {\n        this.show = false\n        window.removeEventListener('click', this.closeSidebar)\n      }\n    },\n    insertToBody() {\n      const elx = this.$refs.rightPanel\n      const body = document.querySelector('body')\n      body.insertBefore(elx, body.firstChild)\n    }\n  }\n}\n</script>\n\n<style>\n.showRightPanel {\n  overflow: hidden;\n  position: relative;\n  width: calc(100% - 15px);\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.rightPanel-background {\n  position: fixed;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  transition: opacity .3s cubic-bezier(.7, .3, .1, 1);\n  background: rgba(0, 0, 0, .2);\n  z-index: -1;\n}\n\n.rightPanel {\n  width: 100%;\n  max-width: 260px;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  right: 0;\n  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05);\n  transition: all .25s cubic-bezier(.7, .3, .1, 1);\n  transform: translate(100%);\n  background: #fff;\n  z-index: 40000;\n}\n\n.show {\n  transition: all .3s cubic-bezier(.7, .3, .1, 1);\n\n  .rightPanel-background {\n    z-index: 20000;\n    opacity: 1;\n    width: 100%;\n    height: 100%;\n  }\n\n  .rightPanel {\n    transform: translate(0);\n  }\n}\n\n.handle-button {\n  width: 48px;\n  height: 48px;\n  position: absolute;\n  left: -48px;\n  text-align: center;\n  font-size: 24px;\n  border-radius: 6px 0 0 6px !important;\n  z-index: 0;\n  pointer-events: auto;\n  cursor: pointer;\n  color: #fff;\n  line-height: 48px;\n  i {\n    font-size: 24px;\n    line-height: 48px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAAA,QAAA,EAAAC,WAAA;AAEA;EACAC,IAAA;EACAC,KAAA;IACAC,aAAA;MACAC,OAAA;MACAC,IAAA,EAAAC;IACA;IACAC,SAAA;MACAH,OAAA;MACAC,IAAA,EAAAG;IACA;EACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,IAAA;IACA;EACA;EACAC,QAAA;IACAC,KAAA,WAAAA,MAAA;MACA,YAAAC,MAAA,CAAAC,KAAA,CAAAC,QAAA,CAAAH,KAAA;IACA;EACA;EACAI,KAAA;IACAN,IAAA,WAAAA,KAAAO,KAAA;MACA,IAAAA,KAAA,UAAAd,aAAA;QACA,KAAAe,aAAA;MACA;MACA,IAAAD,KAAA;QACAlB,QAAA,CAAAoB,QAAA,CAAAC,IAAA;MACA;QACApB,WAAA,CAAAmB,QAAA,CAAAC,IAAA;MACA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAC,YAAA;EACA;EACAC,aAAA,WAAAA,cAAA;IACA,IAAAC,GAAA,QAAAC,KAAA,CAAAC,UAAA;IACAF,GAAA,CAAAG,MAAA;EACA;EACAC,OAAA;IACAV,aAAA,WAAAA,cAAA;MACAW,MAAA,CAAAC,gBAAA,eAAAC,YAAA;IACA;IACAA,YAAA,WAAAA,aAAAC,GAAA;MACA,IAAAC,MAAA,GAAAD,GAAA,CAAAE,MAAA,CAAAC,OAAA;MACA,KAAAF,MAAA;QACA,KAAAvB,IAAA;QACAmB,MAAA,CAAAO,mBAAA,eAAAL,YAAA;MACA;IACA;IACAT,YAAA,WAAAA,aAAA;MACA,IAAAE,GAAA,QAAAC,KAAA,CAAAC,UAAA;MACA,IAAAN,IAAA,GAAAD,QAAA,CAAAkB,aAAA;MACAjB,IAAA,CAAAkB,YAAA,CAAAd,GAAA,EAAAJ,IAAA,CAAAmB,UAAA;IACA;EACA;AACA","ignoreList":[]}]}