{"remainingRequest":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin-i18n/src/views/components-demo/split-pane.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin-i18n/src/views/components-demo/split-pane.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/babel-loader/lib/index.js","mtime":1754408228132},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBzcGxpdFBhbmUgZnJvbSAndnVlLXNwbGl0cGFuZScKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnU3BsaXRwYW5lRGVtbycsCiAgY29tcG9uZW50czogeyBzcGxpdFBhbmUgfSwKICBtZXRob2RzOiB7CiAgICByZXNpemUoKSB7CiAgICAgIGNvbnNvbGUubG9nKCdyZXNpemUnKQogICAgfQogIH0KfQo="},{"version":3,"sources":["split-pane.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"split-pane.vue","sourceRoot":"src/views/components-demo","sourcesContent":["<template>\n  <div class=\"components-container\">\n    <aside><strong>SplitPane</strong> If you've used\n      <a href=\"https://codepen.io/\" target=\"_blank\"> codepen</a>,\n      <a href=\"https://jsfiddle.net/\" target=\"_blank\"> jsfiddle </a>will not be unfamiliar.\n      <a href=\"https://github.com/PanJiaChen/vue-split-pane\" target=\"_blank\"> Github repository</a>\n    </aside>\n    <split-pane split=\"vertical\" @resize=\"resize\">\n      <template slot=\"paneL\">\n        <div class=\"left-container\" />\n      </template>\n      <template slot=\"paneR\">\n        <split-pane split=\"horizontal\">\n          <template slot=\"paneL\">\n            <div class=\"top-container\" />\n          </template>\n          <template slot=\"paneR\">\n            <div class=\"bottom-container\" />\n          </template>\n        </split-pane>\n      </template>\n    </split-pane>\n  </div>\n</template>\n\n<script>\nimport splitPane from 'vue-splitpane'\n\nexport default {\n  name: 'SplitpaneDemo',\n  components: { splitPane },\n  methods: {\n    resize() {\n      console.log('resize')\n    }\n  }\n}\n</script>\n\n<style  scoped>\n  .components-container {\n    position: relative;\n    height: 100vh;\n  }\n\n  .left-container {\n    background-color: #F38181;\n    height: 100%;\n  }\n\n  .right-container {\n    background-color: #FCE38A;\n    height: 200px;\n  }\n\n  .top-container {\n    background-color: #FCE38A;\n    width: 100%;\n    height: 100%;\n  }\n\n  .bottom-container {\n    width: 100%;\n    background-color: #95E1D3;\n    height: 100%;\n  }\n</style>\n"]}]}