eoss-ui 0.4.58 → 0.4.60

package/packages/theme-chalk/lib/login.css

@@ -1 +1 @@
-@charset "UTF-8";.es-login-screen{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.es-login-screen .es-login-logo{height:58px;position:absolute;left:24px;top:24px}.es-login{width:540px;position:absolute;padding:0 12px}.es-login .es-login-name{display:block;margin-bottom:56px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.es-login .es-login-main{padding:60px 80px;position:relative;border-radius:20px;background-size:100% 100%;background-color:#fff;background-repeat:no-repeat;-webkit-box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08)}.es-login .es-login-main .es-login-switch{position:absolute;right:10px;top:10px;overflow:hidden;z-index:99}.es-login .es-login-main .es-login-switch .es-icon{font-size:60px;color:#1890ff;cursor:pointer;position:relative;top:-1px}.es-login .es-login-main .es-login-switch .es-icon::after{content:'';position:absolute;left:-10px;top:1px;border-color:transparent transparent #fff #fff;border-style:solid;border-width:30px}.es-login .es-login-main .es-login-switchs{position:absolute;bottom:0;left:0;right:0;text-align:center;padding-bottom:16px;color:#d9d9d9;z-index:99}.es-login .es-login-main .es-login-switchs .es-icon{font-size:24px;cursor:pointer}.es-login .es-login-main .es-login-switchs .es-icon+.es-icon{margin-left:12px}.es-login .es-login-main .es-login-switchs .es-icon.es-icon-active{color:#1890ff}.es-login .es-login-main .es-downloadSetup{font-size:14px;text-align:center;line-height:18px;padding-bottom:12px}.es-login .es-login-main .es-downloadSetup span{cursor:pointer;color:#333}.es-login .es-login-main .es-downloadSetup span:hover{color:#f9d900}.es-login .es-login-main .es-warning{color:#a90404;line-height:18px;font-size:16px;text-align:center;padding-bottom:12px}.es-login .es-login-title{color:#1890ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;font-size:24px;line-height:24px;font-weight:700;margin-bottom:48px;position:relative}.es-login .es-login-title::after,.es-login .es-login-title::before{content:'';height:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#eee}.es-login .es-login-title .es-login-title-content{margin:0 24px}.es-login .es-login-form{border-radius:20px;background-color:rgba(255,255,255,.3);position:relative;padding-bottom:20px}.es-login .es-login-form .el-form-item{margin-bottom:32px}.es-login .es-login-form .el-form-item__content{line-height:normal}.es-login .es-login-form .el-form-item__error{font-size:14px}.es-login .es-login-form .el-input__clear{font-size:18px}.es-login .es-login-form .el-input__inner{height:50px;font-size:18px;background-color:#f7f7f7;border-radius:10px;padding-left:52px}.es-login .es-login-form .el-input__inner::-webkit-input-placeholder{font-size:16px}.es-login .es-login-form .el-input__inner:-moz-placeholder{font-size:16px}.es-login .es-login-form .el-input__inner::-moz-placeholder{font-size:16px}.es-login .es-login-form .el-input__inner:-ms-input-placeholder{font-size:16px}.es-login .es-login-form .el-input__prefix{left:20px;line-height:52px}.es-login .es-login-form .es-label-user{font-size:18px;color:#333}.es-login .es-login-form .es-label-password{font-size:22px;color:#333;position:relative;top:2px}.es-login .es-login-form .es-label-image-code{padding-right:120px}.es-login .es-login-form .es-label-image-code .el-input__suffix{padding:5px;right:0}.es-login .es-login-form .es-label-image-code .es-img-code{cursor:pointer}.es-login .es-login-form .es-label-image-code .es-get-code{margin-top:-5px;margin-bottom:-5px;line-height:32px;font-size:16px;padding:8px 16px}.es-login .es-login-form .es-label-code-image{font-size:20px;color:#333;line-height:50px}.es-login .es-login-form .es-password-handle{height:22px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-8px;margin-bottom:40px}.es-login .es-login-form .es-password-handle .el-checkbox__label{font-size:16px;font-weight:400;color:#333!important}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner{width:18px;height:18px;border-radius:10px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner::after{border:2px solid #fff;border-left:0;border-top:0;height:8px;left:6px;top:2px}.es-login .es-login-form .es-password-handle .es-password-forget{font-size:16px;color:#999;text-align:right;float:right;cursor:pointer}.es-login .es-login-form .es-button-submit{width:100%;height:50px;font-size:20px;font-weight:500;border-radius:10px}.es-login .es-login-form.es-login-verify .es-login-title{margin-bottom:70px}.es-login .es-login-form.es-login-verify .el-form-item{margin-bottom:62px}.es-login .es-login-qrcode .es-login-down-app{font-size:14px;font-weight:400;text-align:center;line-height:20px}.es-login .es-login-qrcode .es-login-down-app .es-login-app-name{color:#a90404;padding:0 8px}.es-login .es-login-qrcode .es-qrcode-box,.es-login .es-login-qrcode .es-wx-qrcode-box{padding-top:25px;padding-bottom:25px}.es-login .es-login-qrcode .es-qrcode-img{border:1px solid #d9d9d9}.es-login.es-simple .es-login-form .el-input__inner{border-width:0 0 1px;border-radius:0;background-color:#fff;padding-left:32px;padding-right:16px;-webkit-box-shadow:none;box-shadow:none}.es-login.es-simple .es-login-form .el-input__inner::-webkit-input-placeholder{font-size:16px;color:#999}.es-login.es-simple .es-login-form .el-input__inner:-moz-placeholder{font-size:16px;color:#999}.es-login.es-simple .es-login-form .el-input__inner::-moz-placeholder{font-size:16px;color:#999}.es-login.es-simple .es-login-form .el-input__inner:-ms-input-placeholder{font-size:16px;color:#999}.es-login.es-simple .el-input__prefix{left:0}@media screen and (max-width:1600px){.es-login{width:428px;padding:0 8px}.es-login .es-login-logo{height:42px;left:20px;top:20px}.es-login .es-login-name{width:428px;margin-bottom:40px}.es-login .es-login-main{padding:40px 44px}.es-login .es-login-main .es-login-switch{right:24px;top:24px}.es-login .es-login-main .es-login-switch .es-icon{font-size:60px}.es-login .es-login-main .es-login-switch .es-icon::after{left:-10px;border-width:30px}.es-login .es-login-main .es-warning{font-size:14px}.es-login .es-login-title{height:22px;margin-bottom:36px;font-size:18px;line-height:22px}.es-login .es-login-title .es-login-title-content{margin:0 12px}.es-login .es-login-form .el-input__inner{padding-left:40px;height:44px;line-height:44px;font-size:13px}.es-login .es-login-form .el-input__inner::-webkit-input-placeholder{font-size:13px}.es-login .es-login-form .el-input__prefix{left:16px;line-height:36px}.es-login .es-login-form .es-label-user{font-size:14px}.es-login .es-login-form .es-label-password{font-size:16px;top:0}.es-login .es-login-form .el-input__clear{font-size:14px;line-height:36px}.es-login .es-login-form .es-label-code-image{font-size:16px;line-height:36px}.es-login .es-login-form .el-form-item__error,.es-login .es-login-form .es-password-handle .el-checkbox__label,.es-login .es-login-form .es-password-handle .es-password-forget{font-size:12px}.es-login .es-login-form .es-label-image-code{padding-right:100px}.es-login .es-login-form .es-label-image-code .el-input__suffix{padding:2px}.es-login .es-login-form .es-label-image-code .el-input__suffix .es-get-code{margin-top:-2px;margin-bottom:-2px;padding:5px 6px}.es-login .es-login-form .es-label-image-code .es-img-code{height:32px}.es-login .es-login-form .es-password-handle{margin-top:0;margin-bottom:20px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner{width:14px;height:14px;top:1px;padding-left:6px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner::after{left:4px;top:0}.es-login .es-login-form .es-password-handle .el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(.9);transform:rotate(45deg) scaleY(.9)}.es-login .es-login-form .extra{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-login .es-login-form .extra span{cursor:pointer;font-size:14px;color:#12278b}.es-login .es-login-form .es-button-submit{height:44px;line-height:44px;font-size:16px;padding:0 8px;border-radius:8px}.es-login .es-login-form.es-login-verify .es-login-title{margin-bottom:68px}.es-login .es-login-form.es-login-verify .el-form-item{margin-bottom:54px}.es-login .es-login-qrcode .es-login-title{margin-bottom:18px}.es-login .es-login-qrcode .es-qrcode-box,.es-login .es-login-qrcode .es-wx-qrcode-box{padding-top:16px;padding-bottom:16px}}.es-user-info .es-form-content{padding-right:30px}.es-user-info .es-form-button{padding-right:20px}.es-login-icp{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:50%;bottom:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.es-login-icp .es-login-icp-item{display:block;white-space:nowrap;font-size:14px;font-weight:400}.es-login-icp .es-login-icp-item+.es-login-icp-item{margin-left:20px}.es-login-icp a:hover{text-decoration:underline}.rest-password-box{height:100%;position:relative}.rest-password-box.rest-password-cut{padding-top:60px}.rest-password-box .rest-menu-cut{position:absolute;left:0;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+@charset "UTF-8";.es-login-screen{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.es-login-screen .es-login-logo{height:58px;position:absolute;left:24px;top:24px}.es-login{width:540px;position:absolute;padding:0 12px}.es-login .es-login-name{display:block;margin-bottom:56px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.es-login .es-login-main{padding:60px 80px;position:relative;border-radius:20px;background-size:100% 100%;background-color:#fff;background-repeat:no-repeat;-webkit-box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08)}.es-login .es-login-main .es-login-switch{position:absolute;right:10px;top:10px;overflow:hidden;z-index:99}.es-login .es-login-main .es-login-switch .es-icon{font-size:60px;color:#1890ff;cursor:pointer;position:relative;top:-1px}.es-login .es-login-main .es-login-switch .es-icon::after{content:'';position:absolute;left:-10px;top:1px;border-color:transparent transparent #fff #fff;border-style:solid;border-width:30px}.es-login .es-login-main .es-login-switchs{position:absolute;bottom:0;left:0;right:0;text-align:center;padding-bottom:16px;color:#d9d9d9;z-index:99}.es-login .es-login-main .es-login-switchs .es-icon{font-size:24px;cursor:pointer}.es-login .es-login-main .es-login-switchs .es-icon+.es-icon{margin-left:12px}.es-login .es-login-main .es-login-switchs .es-icon.es-icon-active{color:#1890ff}.es-login .es-login-main .es-downloadSetup{font-size:14px;text-align:center;line-height:18px;padding-bottom:12px}.es-login .es-login-main .es-downloadSetup span{cursor:pointer;color:#333}.es-login .es-login-main .es-downloadSetup span:hover{color:#f9d900}.es-login .es-login-main .es-warning{color:#a90404;line-height:18px;font-size:16px;text-align:center;padding-bottom:12px}.es-login .es-login-title{color:#1890ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;font-size:24px;line-height:24px;font-weight:700;margin-bottom:48px;position:relative}.es-login .es-login-title::after,.es-login .es-login-title::before{content:'';height:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#eee}.es-login .es-login-title .es-login-title-content{margin:0 24px}.es-login .es-login-form{border-radius:20px;background-color:rgba(255,255,255,.3);position:relative;padding-bottom:20px}.es-login .es-login-form .el-form-item{margin-bottom:32px}.es-login .es-login-form .el-form-item__content{line-height:normal}.es-login .es-login-form .el-form-item__error{font-size:14px}.es-login .es-login-form .el-input__clear{font-size:18px}.es-login .es-login-form .el-input__inner{height:50px;font-size:18px;background-color:#f7f7f7;border-radius:10px;padding-left:52px}.es-login .es-login-form .el-input__inner::-webkit-input-placeholder{font-size:16px}.es-login .es-login-form .el-input__inner:-moz-placeholder{font-size:16px}.es-login .es-login-form .el-input__inner::-moz-placeholder{font-size:16px}.es-login .es-login-form .el-input__inner:-ms-input-placeholder{font-size:16px}.es-login .es-login-form .el-input__prefix{left:20px;line-height:52px}.es-login .es-login-form .es-label-user{font-size:18px;color:#333}.es-login .es-login-form .es-label-password{font-size:22px;color:#333;position:relative;top:2px}.es-login .es-login-form .es-label-image-code{padding-right:120px}.es-login .es-login-form .es-label-image-code .el-input__suffix{padding:5px;right:0}.es-login .es-login-form .es-label-image-code .es-img-code{cursor:pointer}.es-login .es-login-form .es-label-image-code .es-get-code{margin-top:-5px;margin-bottom:-5px;line-height:32px;font-size:16px;padding:8px 16px}.es-login .es-login-form .es-label-code-image{font-size:20px;color:#333;line-height:50px}.es-login .es-login-form .es-password-handle{height:22px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-8px;margin-bottom:40px}.es-login .es-login-form .es-password-handle .el-checkbox__label{font-size:16px;font-weight:400;color:#333!important}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner{width:18px;height:18px;border-radius:10px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner::after{border:2px solid #fff;border-left:0;border-top:0;height:8px;left:6px;top:2px}.es-login .es-login-form .es-password-handle .es-password-forget{font-size:16px;color:#999;text-align:right;float:right;cursor:pointer}.es-login .es-login-form .es-button-submit{width:100%;height:50px;font-size:20px;font-weight:500;border-radius:10px}.es-login .es-login-form.es-login-verify .es-login-title{margin-bottom:70px}.es-login .es-login-form.es-login-verify .el-form-item{margin-bottom:62px}.es-login .es-login-form .el-autocomplete{width:100%}.es-login .es-login-qrcode .es-login-down-app{font-size:14px;font-weight:400;text-align:center;line-height:20px}.es-login .es-login-qrcode .es-login-down-app .es-login-app-name{color:#a90404;padding:0 8px}.es-login .es-login-qrcode .es-qrcode-box,.es-login .es-login-qrcode .es-wx-qrcode-box{padding-top:25px;padding-bottom:25px}.es-login .es-login-qrcode .es-qrcode-img{border:1px solid #d9d9d9}.es-login.es-simple .es-login-form .el-input__inner{border-width:0 0 1px;border-radius:0;background-color:#fff;padding-left:32px;padding-right:16px;-webkit-box-shadow:none;box-shadow:none}.es-login.es-simple .es-login-form .el-input__inner::-webkit-input-placeholder{font-size:16px;color:#999}.es-login.es-simple .es-login-form .el-input__inner:-moz-placeholder{font-size:16px;color:#999}.es-login.es-simple .es-login-form .el-input__inner::-moz-placeholder{font-size:16px;color:#999}.es-login.es-simple .es-login-form .el-input__inner:-ms-input-placeholder{font-size:16px;color:#999}.es-login.es-simple .el-input__prefix{left:0}@media screen and (max-width:1600px){.es-login{width:428px;padding:0 8px}.es-login .es-login-logo{height:42px;left:20px;top:20px}.es-login .es-login-name{width:428px;margin-bottom:40px}.es-login .es-login-main{padding:40px 44px}.es-login .es-login-main .es-login-switch{right:24px;top:24px}.es-login .es-login-main .es-login-switch .es-icon{font-size:60px}.es-login .es-login-main .es-login-switch .es-icon::after{left:-10px;border-width:30px}.es-login .es-login-main .es-warning{font-size:14px}.es-login .es-login-title{height:22px;margin-bottom:36px;font-size:18px;line-height:22px}.es-login .es-login-title .es-login-title-content{margin:0 12px}.es-login .es-login-form .el-input__inner{padding-left:40px;height:44px;line-height:44px;font-size:13px}.es-login .es-login-form .el-input__inner::-webkit-input-placeholder{font-size:13px}.es-login .es-login-form .el-input__prefix{left:16px;line-height:36px}.es-login .es-login-form .es-label-user{font-size:14px}.es-login .es-login-form .es-label-password{font-size:16px;top:0}.es-login .es-login-form .el-input__clear{font-size:14px;line-height:36px}.es-login .es-login-form .es-label-code-image{font-size:16px;line-height:36px}.es-login .es-login-form .el-form-item__error,.es-login .es-login-form .es-password-handle .el-checkbox__label,.es-login .es-login-form .es-password-handle .es-password-forget{font-size:12px}.es-login .es-login-form .es-label-image-code{padding-right:100px}.es-login .es-login-form .es-label-image-code .el-input__suffix{padding:2px}.es-login .es-login-form .es-label-image-code .el-input__suffix .es-get-code{margin-top:-2px;margin-bottom:-2px;padding:5px 6px}.es-login .es-login-form .es-label-image-code .es-img-code{height:32px}.es-login .es-login-form .es-password-handle{margin-top:0;margin-bottom:20px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner{width:14px;height:14px;top:1px;padding-left:6px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner::after{left:4px;top:0}.es-login .es-login-form .es-password-handle .el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(.9);transform:rotate(45deg) scaleY(.9)}.es-login .es-login-form .extra{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-login .es-login-form .extra span{cursor:pointer;font-size:14px;color:#12278b}.es-login .es-login-form .es-button-submit{height:44px;line-height:44px;font-size:16px;padding:0 8px;border-radius:8px}.es-login .es-login-form.es-login-verify .es-login-title{margin-bottom:68px}.es-login .es-login-form.es-login-verify .el-form-item{margin-bottom:54px}.es-login .es-login-qrcode .es-login-title{margin-bottom:18px}.es-login .es-login-qrcode .es-qrcode-box,.es-login .es-login-qrcode .es-wx-qrcode-box{padding-top:16px;padding-bottom:16px}}.es-user-info .es-form-content{padding-right:30px}.es-user-info .es-form-button{padding-right:20px}.es-login-icp{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:50%;bottom:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.es-login-icp .es-login-icp-item{display:block;white-space:nowrap;font-size:14px;font-weight:400}.es-login-icp .es-login-icp-item+.es-login-icp-item{margin-left:20px}.es-login-icp a:hover{text-decoration:underline}.rest-password-box{height:100%;position:relative}.rest-password-box.rest-password-cut{padding-top:60px}.rest-password-box .rest-menu-cut{position:absolute;left:0;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

package/packages/theme-chalk/src/clients.scss

@@ -61,6 +61,14 @@
         font-size: 18px;
       }
     }
+    .es-clients-pc-image {
+      width: 300px;
+      height: 300px;
+      .es-clients-pc-download {
+        margin: 8px auto 0 auto;
+        cursor: pointer;
+      }
+    }
   }
   .es-clients-remark {
     width: 300px;

package/packages/theme-chalk/src/flow-group.scss

@@ -3,11 +3,18 @@
   height: 100%;
   display: flex;
   border: $--border-base;
-  .es-flow-tabs {
+  .es-flow-group-main {
     flex: 1;
-    box-shadow: none;
     height: 100%;
     position: relative;
+  }
+  .es-flow-tabs {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    box-shadow: none;
     border: 0;
     .el-tabs__content {
       position: absolute;
@@ -78,7 +85,6 @@
     }
   }
   .es-group-flow {
-    width: 360px;
     border-left: $--border-base;
     &.es-flow-narrow {
       background-color: #fafafa;

package/packages/theme-chalk/src/login.scss

@@ -260,6 +260,9 @@
         margin-bottom: 62px;
       }
     }
+    .el-autocomplete {
+      width: 100%;
+    }
   }
   .es-login-qrcode {
     .es-login-down-app {

package/packages/toolbar/src/main.vue

@@ -233,7 +233,6 @@ export default {
           checkbox: 'es-toolbar-item-checkbox',
           switch: 'es-toolbar-item-switch'
         };
-        console.log();
         search = [
           h('es-form', {
             class: [

package/packages/upload/src/main.vue

@@ -146,8 +146,15 @@
         <div v-if="tips" class="el-upload__tip">{{ tips }}</div>
       </slot>
     </template>
-
-    <es-dialog :title="title" :visible.sync="showImg" slot="dialog">
+    <el-image-viewer
+      slot="dialog"
+      v-if="previewScale && showImg"
+      :z-index="9999"
+      :initial-index="0"
+      :url-list="[imgUrl]"
+      :on-close="closeViewer"
+    ></el-image-viewer>
+    <es-dialog v-else :title="title" :visible.sync="showImg" slot="dialog">
       <div
         v-loading="imgChange"
         element-loading-background="rgba(0, 0, 0, 0.8)"
@@ -397,6 +404,10 @@ export default {
       default() {
         return {};
       }
+    },
+    previewScale: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
@@ -810,10 +821,12 @@ export default {
               suffix.includes('png')
             ) {
               this.imgUrl =
-                this.host +
-                (url ? url : this.previewAdjunct) +
-                '?adjunctId=' +
-                file.adjunctId;
+                res.url && util.startWith(url, ['http', '/'])
+                  ? res.url
+                  : this.host +
+                    (url ? url : this.previewAdjunct) +
+                    '?adjunctId=' +
+                    file.adjunctId;
               this.title = file.originalName;
               this.showImg = true;
               this.$nextTick(() => {
@@ -843,32 +856,36 @@ export default {
         }
       }
     },
+    closeViewer() {
+      this.showImg = false;
+    },
     loadImage() {
-      this.$refs.showImg.onload = () => {
-        this.imgChange = false;
-        let w = this.$refs.showImg.naturalWidth;
-        let h = this.$refs.showImg.naturalHeight;
-        let pw = this.$refs.showImg.parentNode.offsetWidth;
-        let ph = this.$refs.showImg.parentNode.offsetHeight;
-        if (w / h > pw / ph) {
-          this.styles = { 'max-width': '100%' };
-        } else {
-          this.styles = { 'max-height': '100%' };
-        }
-        if (w < pw) {
-          this.styles.width = w + 'px';
-        }
-        if (h < ph) {
-          this.styles.height = h + 'px';
-        }
-      };
+      this.$refs.showImg &&
+        (this.$refs.showImg.onload = () => {
+          this.imgChange = false;
+          let w = this.$refs.showImg.naturalWidth;
+          let h = this.$refs.showImg.naturalHeight;
+          let pw = this.$refs.showImg.parentNode.offsetWidth;
+          let ph = this.$refs.showImg.parentNode.offsetHeight;
+          if (w / h > pw / ph) {
+            this.styles = { 'max-width': '100%' };
+          } else {
+            this.styles = { 'max-height': '100%' };
+          }
+          if (w < pw) {
+            this.styles.width = w + 'px';
+          }
+          if (h < ph) {
+            this.styles.height = h + 'px';
+          }
+        });
     },
     isLt(file) {
       let flag = false;
       let flieArr = file.name.split('.');
-      let suffix = '.' + flieArr[flieArr.length - 1];
+      let suffix = '.' + flieArr[flieArr.length - 1].toLowerCase();
       if (this.accepts) {
-        let accepts = this.accepts.split(',');
+        let accepts = this.accepts.toLowerCase().split(',');
         flag = accepts.includes(suffix);
         if (!flag) {
           this.$message.error(`文件类型错误，请上传${this.accepts}类型文件!`);

package/src/index.js

@@ -119,7 +119,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '0.4.58',
+  version: '0.4.60',
   install,
   Button,
   ButtonGroup,

package/src/utils/util.js

@@ -201,26 +201,38 @@ const ajax = function ({
                 .then(() => {
                   const loginPage = getStorage('login') || getStorage('loginPage');
                   if (loginPage) {
-                    win.top.location.href = loginPage;
-                  } else if (win.top.location.href.indexOf('main.html') > -1) {
+                    let src;
+                    if (!startWith(loginPage, ['http', '/'])) {
+                      let pathname = win.top.location.pathname;
+                      if (pathname !== '/') {
+                        pathname = pathname.split('/');
+                        pathname.splice(pathname.length - 1);
+                        pathname = pathname.join('/');
+                        src = pathname + loginPage.replace('./', '/');
+                      } else {
+                        src = pathname + loginPage.replace('./', '');
+                      }
+                    } else {
+                      src = loginPage;
+                    }
+                    win.top.location.href = src;
+                  } else if (
+                    win.top.location.href.indexOf('main.html') > -1
+                  ) {
                     win.top.location.href = './login.html';
                   } else {
                     const hash = win.top.location.hash;
-                    if (
-                      hash ||
-                      (win.top.location.indexOf('model=') &&
-                        win.top.location.indexOf('view=') &&
-                        win.top.location.indexOf('render.html'))
-                    ) {
+                    if (hash) {
                       const len = win.top.location.href.indexOf(hash);
-                      let href = win.top.location.href.slice(0, len) + '#/login';
-                      win.top.location.href = href;
+                      win.top.location.href =
+                        win.location.href.slice(0, len) + '#/login';
                     } else {
                       win.top.location.href = '/login.html';
                     }
                   }
                 })
                 .catch(e => {
+                  sessionStorage.removeItem('remind');
                 });
             }, 1000));
           }