add key to returned data to indicate if closed by esc or bg click

Author: officert

build/webpack.base.js

@@ -3,6 +3,7 @@
 const options = require('./options');
 const autoprefixer = require('autoprefixer');
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 module.exports = {
   resolve: {
@@ -44,6 +45,7 @@ module.exports = {
     ]
   },
   plugins: [
-    new VueLoaderPlugin(),
+    new VueLoaderPlugin()
+    // new BundleAnalyzerPlugin()
   ]
 };

dist/vue2-slideout-panel.js

@@ -15,7 +15,7 @@ <h2 class="project-tagline">
       <a href="https://github.com/officert/vue-slideout-panel/tarball/master" class="btn">Download .tar.gz</a>
     </div>
     <div class="demo-btn">
-      <button class="btn btn-xl" v-on:click.prevent="showPanel3">
+      <button class="btn btn-xl" @click.prevent="showPanel3">
         Demo
       </button>
     </div>
@@ -71,7 +71,7 @@ <h2>Examples</h2>
           <input class="form-control" v-model="example1Form.name" />
         </div>
       </form>
-      <button v-on:click.prevent="showPanel1">
+      <button @click.prevent="showPanel1">
         Show Panel
       </button>
       <div class="result">
@@ -87,7 +87,7 @@ <h2>Examples</h2>
           <input class="form-control" v-model="example1Form.name" />
         </div>
       </form>
-      <button v-on:click.prevent="showPanel2">
+      <button @click.prevent="showPanel2">
         Show Panel
       </button>
     </div>

docs-src/components/Home/template.html

@@ -64,6 +64,7 @@
     "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.5.22",
     "webpack": "^4.28.4",
+    "webpack-bundle-analyzer": "^3.3.2",
     "webpack-cli": "^3.2.1",
     "webpack-dev-server": "^3.1.14",
     "webpack-merge": "^4.2.1",

package.json

@@ -171,11 +171,15 @@ const vm = {
 
       if (currentPanel.disableBgClick) return;
 
-      this.closeCurrentPanel();
+      this.closeCurrentPanel({
+        closedBy: 'bg'
+      });
     },
     onEscapeKeypress(e) {
       if (e.keyCode === 27) {
-        this.closeCurrentPanel();
+        this.closeCurrentPanel({
+          closedBy: 'esc'
+        });
       }
     }
   },