From b6108dc7fed442ed8abe37bc400b66cd992128a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Wed, 3 Apr 2019 13:22:30 +0800
Subject: [PATCH 1/9] =?UTF-8?q?=E5=9C=A8=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=E6=8C=89=E4=B8=8B=E5=9B=9E=E8=BD=A6=EF=BC=8C=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E7=AC=AC=E4=B8=80=E4=B8=AA=E5=8C=B9=E9=85=8D=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/example/components/ArticleDetail.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/example/components/ArticleDetail.vue b/src/views/example/components/ArticleDetail.vue
index 55d825fe..2213e927 100644
--- a/src/views/example/components/ArticleDetail.vue
+++ b/src/views/example/components/ArticleDetail.vue
@@ -28,7 +28,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label-width="45px" label="作者:" class="postInfo-container-item">
-                    <el-select v-model="postForm.author" :remote-method="getRemoteUserList" filterable remote placeholder="搜索用户">
+                    <el-select v-model="postForm.author" :remote-method="getRemoteUserList" filterable default-first-option remote placeholder="搜索用户">
                       <el-option v-for="(item,index) in userListOptions" :key="item+index" :label="item" :value="item" />
                     </el-select>
                   </el-form-item>

From a095c709f005015f3705ab4a4f350c758b3942c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Thu, 4 Apr 2019 17:29:30 +0800
Subject: [PATCH 2/9] =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E5=AF=86=E7=A0=81=E6=97=B6=20=20=E7=9B=91?=
 =?UTF-8?q?=E5=90=AC=E5=A4=A7=E5=86=99=E6=98=AF=E5=90=A6=E8=A2=AB=E9=94=81?=
 =?UTF-8?q?=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/index.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 979cfcb4..c251f291 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -35,6 +35,7 @@
           :placeholder="$t('login.password')"
           name="password"
           auto-complete="on"
+          @keyup.native="checkCapslock"
           @keyup.enter.native="handleLogin"
         />
         <span class="show-pwd" @click="showPwd">
@@ -76,6 +77,7 @@
 
 <script>
 import { validUsername } from '@/utils/validate'
+import { debounce } from '@/utils'
 import LangSelect from '@/components/LangSelect'
 import SocialSign from './socialSignin'
 
@@ -134,6 +136,24 @@ export default {
     // window.removeEventListener('storage', this.afterQRScan)
   },
   methods: {
+    capslockNotify: debounce(function() {
+      this.$notify({
+        title: '提示',
+        message: '大写锁定已打开',
+        duration: 4500,
+        showClose: false,
+        type: 'warning'
+      })
+    }, 4500, true),
+    checkCapslock({ shiftKey, key } = {}) {
+      if (((key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z')) && key.length === 1) {
+        if (shiftKey && (key >= 'a' && key <= 'z') || !shiftKey && (key >= 'A' && key <= 'Z')) {
+          this.capslockNotify()
+        } else {
+          this.$notify.closeAll()
+        }
+      }
+    },
     showPwd() {
       if (this.passwordType === 'password') {
         this.passwordType = ''

From 28f5bba467126ef324305745d1618558da747284 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Mon, 8 Apr 2019 09:24:05 +0800
Subject: [PATCH 3/9] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=99=BB=E5=BD=95=20?=
 =?UTF-8?q?=E2=80=98=E5=A4=A7=E5=86=99=E9=94=81=E5=AE=9A=E5=B7=B2=E6=89=93?=
 =?UTF-8?q?=E5=BC=80=E2=80=99=20=E6=8F=90=E7=A4=BA=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/index.vue | 58 ++++++++++++++++++---------------------
 1 file changed, 27 insertions(+), 31 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index c251f291..33ff5547 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -23,25 +23,27 @@
         />
       </el-form-item>
 
-      <el-form-item prop="password">
-        <span class="svg-container">
-          <svg-icon icon-class="password" />
-        </span>
-        <el-input
-          :key="passwordType"
-          ref="password"
-          v-model="loginForm.password"
-          :type="passwordType"
-          :placeholder="$t('login.password')"
-          name="password"
-          auto-complete="on"
-          @keyup.native="checkCapslock"
-          @keyup.enter.native="handleLogin"
-        />
-        <span class="show-pwd" @click="showPwd">
-          <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
-        </span>
-      </el-form-item>
+      <el-tooltip v-model="visible" content="大写锁定已打开" placement="top-end" manual>
+        <el-form-item prop="password">
+          <span class="svg-container">
+            <svg-icon icon-class="password" />
+          </span>
+          <el-input
+            :key="passwordType"
+            ref="password"
+            v-model="loginForm.password"
+            :type="passwordType"
+            :placeholder="$t('login.password')"
+            name="password"
+            auto-complete="on"
+            @keyup.native="checkCapslock"
+            @keyup.enter.native="handleLogin"
+          />
+          <span class="show-pwd" @click="showPwd">
+            <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
+          </span>
+        </el-form-item>
+      </el-tooltip>
 
       <el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">
         {{ $t('login.logIn') }}
@@ -77,7 +79,6 @@
 
 <script>
 import { validUsername } from '@/utils/validate'
-import { debounce } from '@/utils'
 import LangSelect from '@/components/LangSelect'
 import SocialSign from './socialSignin'
 
@@ -109,6 +110,7 @@ export default {
         password: [{ required: true, trigger: 'blur', validator: validatePassword }]
       },
       passwordType: 'password',
+      visible: false,
       loading: false,
       showDialog: false,
       redirect: undefined
@@ -136,23 +138,17 @@ export default {
     // window.removeEventListener('storage', this.afterQRScan)
   },
   methods: {
-    capslockNotify: debounce(function() {
-      this.$notify({
-        title: '提示',
-        message: '大写锁定已打开',
-        duration: 4500,
-        showClose: false,
-        type: 'warning'
-      })
-    }, 4500, true),
     checkCapslock({ shiftKey, key } = {}) {
       if (((key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z')) && key.length === 1) {
         if (shiftKey && (key >= 'a' && key <= 'z') || !shiftKey && (key >= 'A' && key <= 'Z')) {
-          this.capslockNotify()
+          this.visible = true
         } else {
-          this.$notify.closeAll()
+          this.visible = false
         }
       }
+      if (key === 'CapsLock' && this.visible === true) {
+        this.visible = false
+      }
     },
     showPwd() {
       if (this.passwordType === 'password') {

From 1096f1e477e3566d2860f7061c48df76f4906d2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Mon, 8 Apr 2019 09:48:29 +0800
Subject: [PATCH 4/9] =?UTF-8?q?=E5=BE=AE=E8=B0=83=20=E2=80=98=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E5=A4=A7=E5=86=99=E9=94=81=E5=AE=9A=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E2=80=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 33ff5547..8d571bff 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -37,6 +37,7 @@
             name="password"
             auto-complete="on"
             @keyup.native="checkCapslock"
+            @blur="visible = false"
             @keyup.enter.native="handleLogin"
           />
           <span class="show-pwd" @click="showPwd">

From bd1579c80e9034ec754b5223002bee2993f00a64 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Mon, 8 Apr 2019 14:09:06 +0800
Subject: [PATCH 5/9] refine

---
 src/views/login/index.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 8d571bff..b9cba35f 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -23,7 +23,7 @@
         />
       </el-form-item>
 
-      <el-tooltip v-model="visible" content="大写锁定已打开" placement="top-end" manual>
+      <el-tooltip v-model="capsTooltip" content="Caps lock is On" placement="right" manual>
         <el-form-item prop="password">
           <span class="svg-container">
             <svg-icon icon-class="password" />
@@ -37,7 +37,7 @@
             name="password"
             auto-complete="on"
             @keyup.native="checkCapslock"
-            @blur="visible = false"
+            @blur="capsTooltip = false"
             @keyup.enter.native="handleLogin"
           />
           <span class="show-pwd" @click="showPwd">
@@ -111,7 +111,7 @@ export default {
         password: [{ required: true, trigger: 'blur', validator: validatePassword }]
       },
       passwordType: 'password',
-      visible: false,
+      capsTooltip: false,
       loading: false,
       showDialog: false,
       redirect: undefined
@@ -140,15 +140,15 @@ export default {
   },
   methods: {
     checkCapslock({ shiftKey, key } = {}) {
-      if (((key >= 'a' && key <= 'z') || (key >= 'A' && key <= 'Z')) && key.length === 1) {
+      if (key && key.length === 1) {
         if (shiftKey && (key >= 'a' && key <= 'z') || !shiftKey && (key >= 'A' && key <= 'Z')) {
-          this.visible = true
+          this.capsTooltip = true
         } else {
-          this.visible = false
+          this.capsTooltip = false
         }
       }
-      if (key === 'CapsLock' && this.visible === true) {
-        this.visible = false
+      if (key === 'CapsLock' && this.capsTooltip === true) {
+        this.capsTooltip = false
       }
     },
     showPwd() {

From e7a40565180ce3ba67652df4d013abd3f0850225 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Tue, 28 May 2019 14:20:34 +0800
Subject: [PATCH 6/9] =?UTF-8?q?destroyed=E7=A7=BB=E9=99=A4=E7=9B=91?=
 =?UTF-8?q?=E5=90=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ImageCropper/index.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/ImageCropper/index.vue b/src/components/ImageCropper/index.vue
index c30c5b18..c2688e99 100644
--- a/src/components/ImageCropper/index.vue
+++ b/src/components/ImageCropper/index.vue
@@ -839,16 +839,20 @@ export default {
           that.$emit('crop-upload-fail', err, field, ki)
         }
       })
+    },
+    closeHandler(e) {
+      if (this.value && (e.key == 'Escape' || e.keyCode == 27)) {
+        this.off()
+      }
     }
   },
   created() {
     // 绑定按键esc隐藏此插件事件
-    document.addEventListener('keyup', (e) => {
-      if (this.value && (e.key == 'Escape' || e.keyCode == 27)) {
-        this.off()
-      }
-    })
-  }
+    document.addEventListener('keyup', this.closeHandler)
+  },
+  destroyed() {
+    document.removeEventListener('keyup', this.closeHandler)
+  },
 }
 </script>
 

From e6bd49b665a109f1cba5bde848d28a851e77d765 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Thu, 6 Jun 2019 17:00:31 +0800
Subject: [PATCH 7/9] =?UTF-8?q?=E7=94=A8background=E6=9B=BF=E4=BB=A3img,?=
 =?UTF-8?q?=E9=98=B2=E6=AD=A2=E5=9B=BE=E7=89=87=E5=8F=98=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PanThumb/index.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/PanThumb/index.vue b/src/components/PanThumb/index.vue
index de6940ad..daaac985 100644
--- a/src/components/PanThumb/index.vue
+++ b/src/components/PanThumb/index.vue
@@ -5,7 +5,8 @@
         <slot />
       </div>
     </div>
-    <img :src="image" class="pan-thumb">
+    <!-- eslint-disable-next-line -->
+    <div :style="{backgroundImage: `url(${image})`}" class="pan-thumb"></div>
   </div>
 </template>
 
@@ -52,7 +53,8 @@ export default {
 .pan-thumb {
   width: 100%;
   height: 100%;
-  background-size: 100%;
+  background-position: center center;
+  background-size: cover;
   border-radius: 50%;
   overflow: hidden;
   position: absolute;

From 4206fdad6ad37ad536501f04e5aa5bfb066d9ff0 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Thu, 6 Jun 2019 17:43:36 +0800
Subject: [PATCH 8/9] refine

---
 src/components/PanThumb/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PanThumb/index.vue b/src/components/PanThumb/index.vue
index daaac985..1bcf4170 100644
--- a/src/components/PanThumb/index.vue
+++ b/src/components/PanThumb/index.vue
@@ -62,7 +62,7 @@ export default {
   transition: all 0.3s ease-in-out;
 }
 
-.pan-thumb:after {
+/* .pan-thumb:after {
   content: '';
   width: 8px;
   height: 8px;
@@ -73,7 +73,7 @@ export default {
   margin: -4px 0 0 -4px;
   background: radial-gradient(ellipse at center, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);
   box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
-}
+} */
 
 .pan-info {
   position: absolute;

From 7c89ab8d0cc2ada98ec7b26e1381fbf650e493b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E4=BA=91=E6=B5=B7=20mayunhai=20=28=29?=
 <mayunhai@tuniu.com>
Date: Fri, 21 Jun 2019 17:21:48 +0800
Subject: [PATCH 9/9] =?UTF-8?q?will-change=20=E4=BC=98=E5=8C=96=20?=
 =?UTF-8?q?=E5=86=85=E7=BD=AE=E7=BB=84=E4=BB=B6=20transition=20=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E6=80=A7=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/transition.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/transition.scss b/src/styles/transition.scss
index 4cb27cc8..36ca5d14 100644
--- a/src/styles/transition.scss
+++ b/src/styles/transition.scss
@@ -3,6 +3,7 @@
 /* fade */
 .fade-enter-active,
 .fade-leave-active {
+  will-change: opacity;
   transition: opacity 0.28s;
 }
 
@@ -14,6 +15,7 @@
 /* fade-transform */
 .fade-transform-leave-active,
 .fade-transform-enter-active {
+  will-change: opacity, transform;
   transition: all .5s;
 }
 
@@ -30,6 +32,7 @@
 /* breadcrumb transition */
 .breadcrumb-enter-active,
 .breadcrumb-leave-active {
+  will-change: opacity, transform;
   transition: all .5s;
 }
 
@@ -40,6 +43,7 @@
 }
 
 .breadcrumb-move {
+  will-change: opacity, transform;
   transition: all .5s;
 }