From 95f86bfccadc29253c956172268a04facf379d19 Mon Sep 17 00:00:00 2001
From: dreambo8563 <dreambo8563@outlook.com>
Date: Fri, 19 Apr 2019 19:42:54 +0800
Subject: [PATCH 1/4] docs(add zIndex): update readme and example

---
 Makefile      |  2 +-
 README.md     | 13 +++++++------
 src/App.vue   | 25 +++++++------------------
 src/index.vue | 24 ++++++++----------------
 4 files changed, 23 insertions(+), 41 deletions(-)

diff --git a/Makefile b/Makefile
index 49851e9..24144e8 100644
--- a/Makefile
+++ b/Makefile
@@ -4,7 +4,7 @@ local:
 	npm run serve
 build:
 	npm run build
-doc:
+docs:
 	npm run pages
 report:
 	npm run report
\ No newline at end of file
diff --git a/README.md b/README.md
index 90f5a18..c85263c 100644
--- a/README.md
+++ b/README.md
@@ -56,12 +56,13 @@ export default {
 
 ### Prop Types
 
-| Property     | Type    | Required? | Description                                                                           |
-| :----------- | :------ | :-------- | :------------------------------------------------------------------------------------ |
-| align        | String  |           | One of "left", "up", "right", "down", default is 'right'. the location of the drawer. |
-| closeable    | Boolean |           | show the x - close button, default true                                               |
-| mask         | Boolean |           | show the mask layer - close button, default true                                      |
-| maskClosable | Boolean |           | emit 'close' event when click on mask layer, default: false                           |
+| Property     | Type    | Required? | Description                                                                                              |
+| :----------- | :------ | :-------- | :------------------------------------------------------------------------------------------------------- |
+| align        | String  |           | One of "left", "up", "right", "down", default is 'right'. the location of the drawer.                    |
+| closeable    | Boolean |           | show the x - close button, default true                                                                  |
+| mask         | Boolean |           | show the mask layer - close button, default true                                                         |
+| maskClosable | Boolean |           | emit 'close' event when click on mask layer, default: false                                              |
+| zIndex       | Number  |           | z-index value for the drawer, the nest drawer's z-index will be increased automatically, default is 1000 |
 
 ### Events
 
diff --git a/src/App.vue b/src/App.vue
index f178e22..6ff8f69 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,45 +2,34 @@
   <div id="app">
     <div class="demo-container">
       <div>
-        <input type="radio" id="left" value="left" v-model="align" />
+        <input type="radio" id="left" value="left" v-model="align">
         <label for="left">left</label>
       </div>
 
       <div>
-        <input type="radio" id="right" value="right" v-model="align" />
+        <input type="radio" id="right" value="right" v-model="align">
         <label for="right">right</label>
       </div>
 
       <div>
-        <input type="radio" id="up" value="up" v-model="align" />
+        <input type="radio" id="up" value="up" v-model="align">
         <label for="up">up</label>
       </div>
 
       <div>
-        <input type="radio" id="down" value="down" v-model="align" />
+        <input type="radio" id="down" value="down" v-model="align">
         <label for="down">down</label>
       </div>
     </div>
 
     <button @click="toggle">Open/Close</button>
-    <Drawer
-      :maskClosable="true"
-      :index="1002"
-      @close="toggle"
-      :align="align"
-      :closeable="true"
-    >
+    <Drawer :maskClosable="true" :zIndex="1002" @close="toggle" :align="align" :closeable="true">
       <div v-if="open">
         <span @click="clickContent">
           content here content here content here content here content here
           content here content here
         </span>
-        <Drawer
-          :maskClosable="true"
-          @close="innerOpen = false"
-          :align="align"
-          :closeable="true"
-        >
+        <Drawer :maskClosable="true" @close="innerOpen = false" :align="align" :closeable="true">
           <div v-if="innerOpen">content here content here content here</div>
         </Drawer>
       </div>
@@ -72,7 +61,7 @@ export default {
     }
   },
   watch: {
-    align: function() {
+    align: function () {
       this.open = false;
     }
   }
diff --git a/src/index.vue b/src/index.vue
index b0cd63e..e1cfa42 100644
--- a/src/index.vue
+++ b/src/index.vue
@@ -1,17 +1,9 @@
 <template>
   <div>
     <transition name="fade" mode="out-in">
-      <div
-        :style="indexCls()"
-        @click="onMask"
-        v-if="$slots.default"
-        :class="{ mask }"
-      ></div>
+      <div :style="indexCls()" @click="onMask" v-if="$slots.default" :class="{ mask }"></div>
     </transition>
-    <transition
-      :enter-active-class="alignInCls"
-      :leave-active-class="alignOutCls"
-    >
+    <transition :enter-active-class="alignInCls" :leave-active-class="alignOutCls">
       <div
         key="content"
         :class="{ closeable, [align.toLowerCase()]: true }"
@@ -34,7 +26,7 @@ export default {
     align: {
       type: String,
       default: "right",
-      validator: function(value) {
+      validator: function (value) {
         // The value must match one of these strings
         return ["left", "up", "right", "down"].indexOf(value) !== -1;
       }
@@ -51,7 +43,7 @@ export default {
       type: Boolean,
       default: false
     },
-    index: {
+    zIndex: {
       type: Number,
       default() {
         return this.simpleDrawerIndex;
@@ -60,7 +52,7 @@ export default {
   },
   provide() {
     return {
-      simpleDrawerIndex: this.zIndex + 1
+      simpleDrawerIndex: this.computedIndex + 1
     };
   },
   inject: {
@@ -78,7 +70,7 @@ export default {
     },
     indexCls(offset = 0) {
       return {
-        zIndex: this.zIndex + offset
+        zIndex: this.computedIndex + offset
       };
     }
   },
@@ -92,8 +84,8 @@ export default {
     alighCloseCls() {
       return `close-${this.align.toLowerCase()}`;
     },
-    zIndex() {
-      return this.index || this.simpleDrawerIndex;
+    computedIndex() {
+      return this.zIndex || this.simpleDrawerIndex;
     }
   }
 };

From 435bf561c9cbae4329863daf39ca115fa224f86b Mon Sep 17 00:00:00 2001
From: dreambo8563 <dreambo8563@outlook.com>
Date: Fri, 19 Apr 2019 19:43:14 +0800
Subject: [PATCH 2/4] 1.0.5

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 196cf79..bed78ca 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-simple-drawer",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index dcb5b37..92db894 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-simple-drawer",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "author": "dreambo8563",
   "main": "dist/vue-simple-drawer.umd.min.js",
   "private": false,

From e4602b9cb085a9c9e71ec258bee049b3c5639435 Mon Sep 17 00:00:00 2001
From: dreambo8563 <dreambo8563@outlook.com>
Date: Fri, 19 Apr 2019 19:43:25 +0800
Subject: [PATCH 3/4] docs(changelog): 1.0.5

---
 CHANGELOG.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6b0172d..3027b93 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+<a name="1.0.5"></a>
+## [1.0.5](https://github.com/dreambo8563/vue-simple-drawer/compare/v1.0.4...v1.0.5) (2019-04-19)
+
+
+
 <a name="1.0.4"></a>
 ## [1.0.4](https://github.com/dreambo8563/vue-simple-drawer/compare/v1.0.2...v1.0.4) (2019-04-19)
 

From 2253e787901ed269430c98569d6d3c677bd44f21 Mon Sep 17 00:00:00 2001
From: dreambo8563 <dreambo8563@outlook.com>
Date: Fri, 19 Apr 2019 19:45:58 +0800
Subject: [PATCH 4/4] style(lint): publish package and lint

---
 src/App.vue   | 25 ++++++++++++++++++-------
 src/index.vue | 14 +++++++++++---
 2 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6ff8f69..80cbf97 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,34 +2,45 @@
   <div id="app">
     <div class="demo-container">
       <div>
-        <input type="radio" id="left" value="left" v-model="align">
+        <input type="radio" id="left" value="left" v-model="align" />
         <label for="left">left</label>
       </div>
 
       <div>
-        <input type="radio" id="right" value="right" v-model="align">
+        <input type="radio" id="right" value="right" v-model="align" />
         <label for="right">right</label>
       </div>
 
       <div>
-        <input type="radio" id="up" value="up" v-model="align">
+        <input type="radio" id="up" value="up" v-model="align" />
         <label for="up">up</label>
       </div>
 
       <div>
-        <input type="radio" id="down" value="down" v-model="align">
+        <input type="radio" id="down" value="down" v-model="align" />
         <label for="down">down</label>
       </div>
     </div>
 
     <button @click="toggle">Open/Close</button>
-    <Drawer :maskClosable="true" :zIndex="1002" @close="toggle" :align="align" :closeable="true">
+    <Drawer
+      :maskClosable="true"
+      :zIndex="1002"
+      @close="toggle"
+      :align="align"
+      :closeable="true"
+    >
       <div v-if="open">
         <span @click="clickContent">
           content here content here content here content here content here
           content here content here
         </span>
-        <Drawer :maskClosable="true" @close="innerOpen = false" :align="align" :closeable="true">
+        <Drawer
+          :maskClosable="true"
+          @close="innerOpen = false"
+          :align="align"
+          :closeable="true"
+        >
           <div v-if="innerOpen">content here content here content here</div>
         </Drawer>
       </div>
@@ -61,7 +72,7 @@ export default {
     }
   },
   watch: {
-    align: function () {
+    align: function() {
       this.open = false;
     }
   }
diff --git a/src/index.vue b/src/index.vue
index e1cfa42..acb5d42 100644
--- a/src/index.vue
+++ b/src/index.vue
@@ -1,9 +1,17 @@
 <template>
   <div>
     <transition name="fade" mode="out-in">
-      <div :style="indexCls()" @click="onMask" v-if="$slots.default" :class="{ mask }"></div>
+      <div
+        :style="indexCls()"
+        @click="onMask"
+        v-if="$slots.default"
+        :class="{ mask }"
+      ></div>
     </transition>
-    <transition :enter-active-class="alignInCls" :leave-active-class="alignOutCls">
+    <transition
+      :enter-active-class="alignInCls"
+      :leave-active-class="alignOutCls"
+    >
       <div
         key="content"
         :class="{ closeable, [align.toLowerCase()]: true }"
@@ -26,7 +34,7 @@ export default {
     align: {
       type: String,
       default: "right",
-      validator: function (value) {
+      validator: function(value) {
         // The value must match one of these strings
         return ["left", "up", "right", "down"].indexOf(value) !== -1;
       }