zartui 2.0.8 → 2.0.10

package/es/collapse-item/index.css

@@ -1 +1 @@
-.zt-collapse-item{position:relative}.zt-collapse-item__container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff}.zt-collapse-item__container .zt-cell{padding-left:12px}.zt-collapse-item__bar{width:4px;height:16px;background:#0091fa}.zt-collapse-item__title--iconWhite .zt-icon::before{color:#fff!important}.zt-collapse-item__title .zt-cell__title{font-weight:700;font-family:PingFangSC-Semibold}.zt-collapse-item__title .zt-cell__right-icon::before{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;color:rgba(0,0,0,.2)}.zt-collapse-item__title::after{right:16px;display:none}.zt-collapse-item__title--expanded .zt-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);color:#0091fa}.zt-collapse-item__title--expanded::after{display:block}.zt-collapse-item__title--borderless::after{display:none}.zt-collapse-item__title--disabled{cursor:not-allowed}.zt-collapse-item__title--disabled,.zt-collapse-item__title--disabled .zt-cell__right-icon{color:#c8c9cc}.zt-collapse-item__title--disabled:active{background-color:#fff}.zt-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.zt-collapse-item__content{color:#000;font-size:14px;line-height:20px;background-color:#fff}
+.zt-collapse-item{position:relative}.zt-collapse-item__container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff}.zt-collapse-item__container .zt-cell{padding-left:12px}.zt-collapse-item__bar{width:4px;height:16px;background:#0091fa}.zt-collapse-item__title--iconWhite .zt-icon::before{color:#fff!important}.zt-collapse-item__title .zt-cell__title{font-weight:700;font-family:PingFangSC-Semibold}.zt-collapse-item__title .zt-cell__right-icon::before{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;color:rgba(0,0,0,.2)}.zt-collapse-item__title::after{right:16px;display:none}.zt-collapse-item__title--expanded .zt-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);color:#0091fa}.zt-collapse-item__title--expanded::after{display:block}.zt-collapse-item__title--borderless::after{display:none}.zt-collapse-item__title--disabled{cursor:not-allowed}.zt-collapse-item__title--disabled,.zt-collapse-item__title--disabled .zt-cell__right-icon{color:#c8c9cc}.zt-collapse-item__title--disabled:active{background-color:#fff}.zt-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.zt-collapse-item__content{color:#000;font-size:14px;line-height:20px;background-color:transparent}

package/es/dialog/Dialog.js

@@ -102,7 +102,11 @@ export default createComponent({
       var _this2 = this;
 
       var h = this.$createElement;
-      var multiple = this.showCancelButton && this.showConfirmButton;
+
+      if (!this.showCancelButton && !this.showConfirmButton) {
+        return "";
+      }
+
       return h("div", {
         "class": bem('footer')
       }, [this.showCancelButton && h(Button, {
@@ -206,7 +210,9 @@ export default createComponent({
         "role": "dialog",
         "aria-labelledby": this.title || message
       },
-      "class": [bem([this.theme]), this.className],
+      "class": [bem([this.theme]), this.className, {
+        "has-button": this.showCancelButton || this.showConfirmButton
+      }],
       "style": {
         width: addUnit(this.width)
       }

package/es/dialog/index.css

@@ -1 +1 @@
-.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:12px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content{text-align:center;word-break:break-all}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-height:100px}.zt-dialog__message{max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);display:inline-block;text-align:left;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{overflow:hidden;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:0 32px 24px 32px;position:relative;box-sizing:content-box}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:12px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content{text-align:center;word-break:break-all}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-height:100px}.zt-dialog.has-button .zt-dialog__message{padding-bottom:0}.zt-dialog__message{max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);display:inline-block;text-align:left;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{overflow:hidden;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:24px 32px;position:relative;box-sizing:content-box}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/es/dialog/index.less

@@ -54,6 +54,12 @@
     }
   }
 
+  &.has-button {
+    .zt-dialog__message {
+        padding-bottom: 0;
+    }
+  }
+
   &__message {
     // flex: 1;
     max-height: @dialog-message-max-height;

package/es/hierarchy-select/breadcrumb.js

@@ -55,12 +55,12 @@ export default createComponent({
         "class": bem("crumb-item")
       }, [h(Icon, {
         "attrs": {
-          "name": "arrow"
+          "name": "arrow-right"
         },
         "class": bem("icon-arrow")
       }), h("span", {
         "style": {
-          color: index === _this.data.length - 1 ? '' : '#0091fa'
+          color: index === _this.data.length - 1 ? '#2D4B73' : '#0091fa'
         },
         "on": {
           "click": function click() {

package/es/hierarchy-select/index.css

@@ -1 +1 @@
-.zt-hierarchy-select__popup{height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select{background-color:#f5f5ff;height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select__title{height:44px;position:relative;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select__title i{font-size:14px;position:absolute;left:15px;top:16px}.zt-hierarchy-select__popup .zt-hierarchy-select__title div{line-height:44px;text-align:center;font-weight:700;font-size:18px;color:#142841}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-right:-18px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list span{height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#0091fa;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list .flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 0;background-color:#fff;margin-bottom:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;overflow-x:auto}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list span{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;text-align:left;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list__icon-arrow{margin:0 4px;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__crumb-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur{position:absolute;top:0;width:16px;height:44px;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(#fff))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur:last-child{right:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list{background-color:#fff}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__multiple-button{margin-right:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__check-icon{color:#0091fa;font-size:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__uncheck-icon{width:24px;height:24px;border:1px solid rgba(0,0,0,.1);border-radius:50%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 0;background-color:#fff;margin-left:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item:after{content:" ";position:absolute;bottom:0;height:1px;width:100%;background-color:rgba(0,0,0,.1);box-shadow:0 0 0 0 #000 inset}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:16px;width:278px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#000;line-height:24px;word-break:break-all}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level--disable{opacity:.2}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-icon{margin-right:4px;font-size:0;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-box{position:fixed;left:0;bottom:0;background:#fff;width:100%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-list{height:160px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1);border-radius:8px 8px 0 0;padding:12px 16px;font-size:14px;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__operate-box{display:-webkit-box;display:-webkit-flex;display:flex;height:44px;line-height:44px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected{border-top:1px solid rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected i{color:#0091fa;font-size:20px;margin-right:4px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span{font-size:14px;color:rgba(0,0,0,.6)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span.zt-hierarchy-mark-list__blue{color:#0091fa;margin-left:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__line{width:1px;height:24px;background:rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5);border-top:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__reset-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__cancel-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__confirm-button{width:110px;border-top:1px solid #0091fa;font-weight:700;font-size:16px;color:#fff;text-align:center;background:#0091fa}
+.zt-hierarchy-select__popup{height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select{background-color:#f5faff;height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select__title{height:44px;margin-bottom:12px;position:relative}.zt-hierarchy-select__popup .zt-hierarchy-select__title i{font-size:24px;position:absolute;left:16px;top:10px;color:#969799}.zt-hierarchy-select__popup .zt-hierarchy-select__title div{line-height:44px;text-align:center;font-weight:700;font-size:18px;color:#2d4b73}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-right:-18px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list span{height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#0091fa;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list .flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 0}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;overflow-x:auto}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list span{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;height:24px;font-size:14px;font-weight:400;font-family:PingFangSC,PingFangSC-Regular;text-align:left;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__icon-arrow{margin:0 4px;width:20px;height:20px;font-size:20px;color:#2d4b73;opacity:.4}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__crumb-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur{position:absolute;top:0;width:16px;height:44px;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(#fff))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur:last-child{right:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list{background-color:#fff}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__multiple-button{display:-webkit-box;display:-webkit-flex;display:flex;margin-right:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__select-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center;border-radius:100%;font-size:22px;cursor:pointer}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__select-icon--normal{color:transparent;background-image:-webkit-linear-gradient(315deg,#e6ebf0 0,#fff 100%);background-image:linear-gradient(135deg,#e6ebf0 0,#fff 100%);border:1px solid rgba(45,75,115,.13);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__select-icon--checked{color:#fff;background-color:#0091fa;border:1px solid rgba(255,255,255,.5);box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 0;background-color:#fff;margin-left:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item:after{content:" ";position:absolute;bottom:0;height:1px;width:100%;background-color:rgba(0,0,0,.1);box-shadow:0 0 0 0 #000 inset}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:8px;width:278px;font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#2d4b73;line-height:24px;word-break:break-all}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-nav{padding:0 16px;border-left:rgba(45,75,115,.1) 1px solid;box-shadow:inset 0 0 0 0 #2d4b73}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level span{font-size:14px;color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level--disable{opacity:.2}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-icon{margin-right:4px;font-size:0;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-box{position:fixed;left:0;bottom:0;background:#fff;width:100%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-list{height:160px;background:#fff;box-shadow:0 -4px 8px 0 rgba(45,75,115,.1);border-radius:16px 16px 0 0;padding:12px 16px;font-size:14px;color:#2d4b73;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__operate-box{display:-webkit-box;display:-webkit-flex;display:flex;height:44px;line-height:44px;padding:8px 16px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-right:8px;width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:44px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected i{color:#0091fa;font-size:20px;margin-right:4px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span{font-size:14px;color:rgba(0,0,0,.6);-webkit-flex-shrink:0;flex-shrink:0}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span.zt-hierarchy-mark-list__blue{color:#0091fa;margin-left:8px;-webkit-flex-shrink:1;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__reset-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;background:#fff;border-radius:22px;border:1px solid rgba(45,75,115,.2);font-weight:400;font-size:16px;color:#2d4b73;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__cancel-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;background:#fff;border-radius:22px;border:1px solid rgba(45,75,115,.2);font-weight:400;font-size:16px;color:#2d4b73;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__confirm-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-left:8px;font-weight:400;font-size:16px;color:#fff;text-align:center;background-image:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background-image:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border-radius:22px}

package/es/hierarchy-select/index.js

@@ -113,7 +113,7 @@ export default createComponent({
       "class": bem("title")
     }, [h(Icon, {
       "attrs": {
-        "name": "arrow-left"
+        "name": "back"
       },
       "on": {
         "click": function click() {

package/es/hierarchy-select/index.less

@@ -1,25 +1,27 @@
+@import '../style/var';
+
 .zt-hierarchy-select__popup {
   height: 100%;
   .zt-hierarchy-select {
-    background-color: #F5F5FF;
+    background-color: @background-color;
     height: 100%;
     &__title {
       height: 44px;
+      margin-bottom: 12px;
       position: relative;
-      background-color: #fff;
-      border-bottom: 1px solid rgba(0,0,0,.1);
       i {
-        font-size: 14px;
+        font-size: 24px;
         position: absolute;
-        left: 15px;
-        top: 16px;
+        left: 16px;
+        top: 10px;
+        color: @gray-6;
       }
       div {
         line-height: 44px;
         text-align: center;
         font-weight: bold;
         font-size: 18px;
-        color: #142841;
+        color: @text-color-3;
       }
     }
     .zt-hierarchy-select-core {
@@ -50,8 +52,6 @@
       position: relative;
       display: flex;
       padding: 10px 0;
-      background-color: #fff;
-      margin-bottom: 16px;
       &__indicator-crumb-list {
         flex: 1;
         display: flex;
@@ -63,17 +63,21 @@
             align-items: center;
             white-space: nowrap;
             height: 24px;
-            font-size: 16px;
+            font-size: 14px;
+            font-weight: 400;
             font-family: PingFangSC, PingFangSC-Regular;
             text-align: left;
-            color: #000;
             line-height: 24px;
         }
-        &__icon-arrow {
-            margin: 0 4px;
-            width: 20px;
-            height: 20px;
-        }
+
+      }
+      &__icon-arrow {
+        margin: 0 4px;
+        width: 20px;
+        height: 20px;
+        font-size: 20px;
+        color: @text-color-3;
+        opacity: 0.4;
       }
       &__crumb-item {
           display: flex;
@@ -96,18 +100,33 @@
     .zt-hierarchy-mark-list {
       background-color: #fff;
       &__multiple-button {
+        display: flex;
         margin-right: 8px;
       }
-      &__check-icon {
-        color: #0091fa;
-        font-size: 24px;
-      }
-      &__uncheck-icon {
-        width: 24px;
-        height: 24px;
-        border: 1px solid rgba(0,0,0,.1);
-        border-radius: 50%;
+      &__select-icon {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        border-radius: 100%;
+        font-size: 22px;
+        cursor: pointer;
+
+        &--normal {
+          color: transparent;
+          background-image: linear-gradient(135deg, #E6EBF0 0%, #FFF 100%);
+          border: 1px solid rgba(45, 75, 115, 0.13);
+          box-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgb(45 75 115 / 20%);
+        }
+
+        &--checked {
+          color: #fff;
+          background-color: #0091FA;
+          border: 1px solid rgba(255, 255, 255, 0.5);
+          box-shadow: inset 1px 1px 2px 0 rgb(0 0 0 / 20%);
+        }
       }
+
       &__score-item {
           position: relative;
           display: flex;
@@ -128,27 +147,26 @@
       }
       &__item-content {
           flex: 1;
-          margin-right: 16px;
+          margin-right: 8px;
           width: 278px;
-          font-size: 16px;
+          font-size: 14px;
           font-family: PingFangSC, PingFangSC-Regular;
           font-weight: 400;
           text-align: left;
-          color: #000;
+          color: @text-color-3;
           line-height: 24px;
           word-break: break-all;
-          span {
-              color: #0091fa;
-          }
       }
       &__item-nav {
           padding: 0 16px;
-          border-left: rgba(0,0,0,0.10) 1px solid;
+          border-left: rgba(45, 75, 115, 0.1) 1px solid;
+          box-shadow: inset 0 0 0 0 #2D4B73;
       }
       &__sub-level {
         display: flex;
         align-items: center;
         span {
+          font-size: 14px;
           color: #0091fa;
         }
         &--disable {
@@ -170,25 +188,30 @@
       }
       &__result-list {
         height: 160px;
-        box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.10);
-        border-radius: 8px 8px 0 0;
+        background: #FFFFFF;
+        box-shadow: 0 -4px 8px 0 rgba(45,75,115,0.10);
+        border-radius: 16px 16px 0 0;
+        border-radius: 16px 16px 0 0;
         padding: 12px 16px;
         font-size: 14px;
-        color: #000000;
+        color: #2D4B73;
         line-height: 24px;
       }
       &__operate-box {
         display: flex;
         height: 44px;
         line-height: 44px;
+        padding: 8px 16px;
         align-items: center;
       }
       &__selected {
-        border-top: 1px solid rgba(0,0,0,.1);
         display: flex;
         align-items: center;
-        padding: 0 16px;
-        flex: 1;
+        padding-right: 8px;
+        width: 110px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
         height: 44px;
         i {
           color: #0091fa;
@@ -198,41 +221,47 @@
         span {
           font-size: 14px;
           color: rgba(0,0,0,.6);
+          flex-shrink: 0;
+
           &.zt-hierarchy-mark-list__blue {
             color: #0091fa;
-            margin-left: 8px
+            margin-left: 8px;
+            flex-shrink: 1;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
           }
         }
       }
-      &__line {
-        width: 1px;
-        height: 24px;
-        background: rgba(0,0,0,0.10);
-        transform: scaleX(0.5);
-        border-top: 1px solid rgba(0,0,0,.1);
-      }
       &__reset-button {
-        width: 110px;
-        border-top: 1px solid rgba(0,0,0,.1);
+        flex: 1;
+        background: #FFFFFF;
+        border-radius: 22px;
+        border: 1px solid rgba(45,75,115,0.20);
+        font-weight: 400;
         font-size: 16px;
-        color: #000000;
+        color: #2D4B73;
         text-align: center;
       }
       &__cancel-button {
-        width: 110px;
-        border-top: 1px solid rgba(0,0,0,.1);
+        flex: 1;
+        background: #FFFFFF;
+        border-radius: 22px;
+        border: 1px solid rgba(45,75,115,0.20);
+        font-weight: 400;
         font-size: 16px;
-        color: #000000;
+        color: #2D4B73;
         text-align: center;
       }
       &__confirm-button {
-        width: 110px;
-        border-top: 1px solid #0091FA;
-        font-weight: bold;
+        flex: 1;
+        margin-left: 8px;
+        font-weight: 400;
         font-size: 16px;
         color: #FFFFFF;
         text-align: center;
-        background: #0091FA;
+        background-image: linear-gradient(-45deg, #3CAFFF 0%, #0091FA 100%);
+        border-radius: 22px;
       }
     }
   }

package/es/hierarchy-select/markList.js

@@ -66,14 +66,22 @@ export default createComponent({
     },
     getMultipleDom: function getMultipleDom(item) {
       var h = this.$createElement;
-      return this.getChecked(item) ? h(Icon, {
-        "attrs": {
-          "name": "checked"
-        },
-        "class": bem("check-icon")
-      }) : h("div", {
-        "class": bem("uncheck-icon")
-      });
+
+      if (this.multiple) {
+        return h(Icon, {
+          "attrs": {
+            "name": "checkBox-select"
+          },
+          "class": bem("select-icon", this.getChecked(item) ? "checked" : "normal")
+        });
+      } else {
+        return h(Icon, {
+          "attrs": {
+            "name": "radio-round"
+          },
+          "class": bem("select-icon", this.getChecked(item) ? "checked" : "normal")
+        });
+      }
     },
     getChecked: function getChecked(item) {
       var _this = this;
@@ -164,21 +172,20 @@ export default createComponent({
     }, [this.dataList.map(function (item, index) {
       return h("div", {
         "class": bem("score-item")
-      }, [_this4.multiple ? h("div", {
+      }, [h("div", {
         "class": bem("multiple-button"),
         "on": {
           "click": function click() {
             _this4.multipleClicked(item);
           }
         }
-      }, [_this4.getMultipleDom(item)]) : h(), h("div", {
+      }, [_this4.getMultipleDom(item)]), h("div", {
         "class": bem("item-content"),
         "on": {
           "click": function click() {
             _this4.selected(item);
           }
-        },
-        "style": !_this4.multiple && _this4.choosedValue === item[_this4.valueKey] ? 'color:#0091fa;' : ''
+        }
       }, [item[_this4.textKey]]), h("div", {
         "class": bem("item-nav"),
         "on": {
@@ -191,7 +198,7 @@ export default createComponent({
       }, [h(SubIcon, {
         "class": bem("sub-icon")
       }), h("span", ["\u4E0B\u7EA7"])]) : h()])]);
-    }), this.multiple ? h("div", {
+    }), h("div", {
       "class": bem("result-box")
     }, [this.showResultList ? h("div", {
       "class": bem("result-list")
@@ -199,7 +206,7 @@ export default createComponent({
       return v[_this4.textKey];
     }).join("、") : ""]) : h(), h("div", {
       "class": bem("operate-box")
-    }, [h("div", {
+    }, [this.multiple ? h("div", {
       "class": bem("selected"),
       "on": {
         "click": function click() {
@@ -208,13 +215,11 @@ export default createComponent({
       }
     }, [h(Icon, {
       "attrs": {
-        "name": this.showResultList ? "arrow-up" : "arrow-down"
+        "name": this.showResultList ? "keyboard-arrow-up" : "keyboard-arrow-down"
       }
     }), h("span", ["\u5DF2\u9009\u62E9"]), h("span", {
       "class": bem("blue")
-    }, [this.checkedList.length])]), h("div", {
-      "class": bem("line")
-    }), h("div", {
+    }, [this.checkedList.length])]) : h(), h("div", {
       "directives": [{
         name: "show",
         value: this.resetReplaceCancel
@@ -237,6 +242,6 @@ export default createComponent({
       "on": {
         "click": this.confirm
       }
-    }, ["\u786E\u5B9A"])])]) : h()]);
+    }, ["\u786E\u5B9A"])])])]);
   }
 });

package/es/index.js

@@ -45,6 +45,7 @@ import NumberKeyboard from './number-keyboard';
 import Overlay from './overlay';
 import PasswordInput from './password-input';
 import PdfViewer from './pdf-viewer';
+import PdfViewerV2 from './pdf-viewer-v2';
 import Picker from './picker';
 import Popover from './popover';
 import Popup from './popup';
@@ -75,10 +76,10 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.8';
+var version = '2.0.10';
 
 function install(Vue) {
-  var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];
+  var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, PdfViewerV2, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];
   components.forEach(function (item) {
     if (item.install) {
       Vue.use(item);
@@ -92,7 +93,7 @@ if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
 
-export { install, version, ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader };
+export { install, version, ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, PdfViewerV2, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader };
 export default {
   install: install,
   version: version

package/es/pdf-viewer-v2/index.css

@@ -0,0 +1 @@
+.zt-pdf-viewer-v2{width:100%;height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zt-pdf-viewer-v2__inner-container{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll}.zt-pdf-viewer-v2::-webkit-scrollbar{width:0;height:0}.zt-pdf-viewer-v2__page-box{width:100%;height:44px;background-color:#fff;text-align:center;font-size:16px;line-height:44px}.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__next,.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__pre{cursor:pointer;color:#3a90f6}.zt-pdf-viewer-v2__page-box .zt-pdf-viewer-v2__page{margin:0 10px}.zt-pdf-viewer-v2 .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-top:-18px}