zartui 1.0.2 → 2.0.2

package/es/field/index.js

@@ -51,7 +51,10 @@ export default createComponent({
     labelWidth: [Number, String],
     labelClass: null,
     labelAlign: String,
-    inputAlign: String,
+    inputAlign: {
+      type: String,
+      default: 'left'
+    },
     placeholder: String,
     errorMessage: String,
     errorMessageAlign: String,
@@ -68,7 +71,7 @@ export default createComponent({
     },
     error: {
       type: Boolean,
-      default: null
+      default: false
     },
     colon: {
       type: Boolean,
@@ -525,7 +528,10 @@ export default createComponent({
           "on": {
             "click": this.onClickLeftIcon
           }
-        }, [h(SearchIcon, {
+        }, [h(Icon, {
+          "attrs": {
+            "name": "search"
+          },
           "class": bem('zt-left-icon-size')
         })]);
       } else if (this.leftIcon) {
@@ -585,7 +591,7 @@ export default createComponent({
       if (message) {
         var errorMessageAlign = this.getProp('errorMessageAlign');
         return h("div", {
-          "class": bem('error-message', errorMessageAlign)
+          "class": [bem('error-message', errorMessageAlign), this.error ? '' : bem('no-error')]
         }, [message]);
       }
     },
@@ -607,12 +613,14 @@ export default createComponent({
       }
 
       if (this.label) {
-        return h("span", [this.label + colon]);
+        return h("span", {
+          "class": bem('label-content')
+        }, [this.label + colon]);
       }
     }
   },
   render: function render() {
-    var _bem;
+    var _bem2;
 
     var h = arguments[0];
     var slots = this.slots;
@@ -637,6 +645,82 @@ export default createComponent({
       };
     }
 
+    if (this.direction === 'column') {
+      var _bem;
+
+      return h("div", {
+        "class": [bem('root'), bem("column")]
+      }, [h(Cell, {
+        "attrs": {
+          "icon": this.leftIcon,
+          "size": this.size,
+          "center": this.center,
+          "border": this.border,
+          "isLink": this.isLink,
+          "required": this.required,
+          "clickable": this.clickable,
+          "titleStyle": this.labelStyle,
+          "valueClass": bem('value'),
+          "titleClass": [bem('label', labelAlign), this.labelClass, {
+            'zt-field--error-label': this.showErrorMessage
+          }],
+          "arrowDirection": this.arrowDirection,
+          "noFlex": this.type === 'textarea',
+          "direction": this.direction
+        },
+        "scopedSlots": scopedSlots,
+        "class": bem((_bem = {
+          error: this.showError,
+          disabled: disabled
+        }, _bem["label-" + labelAlign] = labelAlign, _bem['min-height'] = this.type === 'textarea' && !this.autosize, _bem)),
+        "on": {
+          "click": this.onClick
+        }
+      }, [h("div", {
+        "class": bem('body')
+      }, [this.genInput(), this.showClear &&
+      /*<Icon
+        name="clear"
+        class={bem('clear')}
+        onTouchstart={this.onClear}
+      />*/
+      h("div", {
+        "class": bem('zt-clear-icon'),
+        "on": {
+          "touchstart": this.onClear,
+          "click": this.onClear
+        }
+      }, [h(ClearIcon, {
+        "class": bem('zt-clear-size'),
+        "attrs": {
+          "color": this.iconColor
+        }
+      })]), this.type === 'password' && h("div", {
+        "on": {
+          "click": this.togglePwdVisible
+        },
+        "style": "width:20px;height:20px;margin-left:12px;display:flex;justify-content:center;align-items:center;color:rgba(0,0,0,.4);"
+      }, [this.showPassword ? h(Icon, {
+        "attrs": {
+          "name": "eye-open",
+          "color": this.iconColor
+        }
+      }) : h(Icon, {
+        "attrs": {
+          "name": "eye-closed",
+          "color": this.iconColor
+        }
+      })]), this.genWordLimit(), this.type === "textarea" ? h("div", {
+        "class": bem("right-icon-box")
+      }, [this.genRightIcon(), slots('button') && h("div", {
+        "class": bem('button')
+      }, [slots('button')])]) : h("div", {
+        "class": bem("right-icon-box-row")
+      }, [this.genRightIcon(), slots('button') && h("div", {
+        "class": bem('button')
+      }, [slots('button')])])])]), this.genMessage()]);
+    }
+
     return h("div", {
       "class": bem('root')
     }, [h(Cell, {
@@ -654,13 +738,14 @@ export default createComponent({
           'zt-field--error-label': this.showErrorMessage
         }],
         "arrowDirection": this.arrowDirection,
-        "noFlex": this.type === 'textarea'
+        "noFlex": this.type === 'textarea',
+        "direction": this.direction
       },
       "scopedSlots": scopedSlots,
-      "class": bem((_bem = {
+      "class": bem((_bem2 = {
         error: this.showError,
         disabled: disabled
-      }, _bem["label-" + labelAlign] = labelAlign, _bem['min-height'] = this.type === 'textarea' && !this.autosize, _bem)),
+      }, _bem2["label-" + labelAlign] = labelAlign, _bem2['min-height'] = this.type === 'textarea' && !this.autosize, _bem2)),
       "on": {
         "click": this.onClick
       }

package/es/field/index.less

@@ -7,9 +7,9 @@
   background-color: @field-background-color;
   padding: @field-vertical-padding @field-horizontal-padding;
 
-  &::after {
-    .hairline-bottom(@cell-border-color, @padding-md, );
-  }
+  // &::after {
+  //   .hairline-bottom(@cell-border-color, @padding-md, );
+  // }
 
   &:last-child::after,
   &--borderless::after {
@@ -19,8 +19,9 @@
 
 .zt-field {
   padding: 0;
-  background-color: @field-background-color;
-
+  // background-color: @field-background-color;
+  font-size: 14px;
+  line-height: 20px;
   &::after {
     display: none;
   }
@@ -28,12 +29,17 @@
   &__label {
     flex: none;
     box-sizing: border-box;
-    width: @field-label-width;
+    // width: @field-label-width;
     margin-right: @field-label-margin-right;
     color: @field-label-color;
     text-align: left;
     word-wrap: break-word;
     vertical-align: middle;
+    flex: 4;
+    &-content {
+      color: #2D4B73;
+
+    }
     &--center {
       text-align: center;
     }
@@ -51,14 +57,18 @@
 
   &__value {
     overflow: visible;
+    flex: 6;
+    justify-content: flex-end;
   }
 
   &__body {
     display: flex;
     align-items: center;
+    width: 100%;
     input {
       caret-color: @blue;
     }
+
   }
 
   &__control {
@@ -68,12 +78,12 @@
     min-width: 0; // for flex-shrink in field__button
     margin: 0;
     padding: 0;
-    color: @field-input-text-color;
+    color: #2D4B73;
     line-height: inherit;
-    text-align: left;
     background-color: transparent;
     border: 0;
     resize: none;
+    font-size: 14px;
 
     &::placeholder {
       color: @field-placeholder-text-color;
@@ -160,6 +170,7 @@
   &__zt-left-icon-size, &__zt-clear-size {
     width: @field-zt-icon-size;
     height: @field-zt-icon-size;
+    color: @field-zt-icon-color;
   }
 
   &__left-icon {
@@ -171,13 +182,14 @@
   }
 
   &__button {
-    padding-left: @padding-xs;
+    padding: 0 @padding-xs 0 @padding-xs;
   }
 
   &__error-message {
     position: relative;
     background-color: @field-error-background-color;
-    margin-top: @field-error-message-margin-top;
+    // margin-top: @field-error-message-margin-top;
+    margin-top: 0;
     padding: @field-error-message-padding;
     color: @field-error-message-color;
     font-size: @field-error-message-text-size;
@@ -198,8 +210,10 @@
     }
   }
 
+
+
   &__word-limit {
-    margin-top: @padding-base;
+    // margin-top: @padding-base;
     color: @field-word-limit-color;
     font-size: @field-word-limit-font-size;
     line-height: @field-word-limit-line-height;
@@ -229,3 +243,59 @@
     }
   }
 }
+
+.zt-field__column {
+  background-color: #f5faff;
+  .zt-field__label {
+    margin-right: 0px;
+    line-height: 20px;
+    // label内容
+    &-content {
+      color: #2D4B73;
+    }
+  }
+  .zt-field__right-icon-box {
+    position: absolute;
+    right: 12px;
+    bottom: 12px;
+    display: flex;
+    align-items: center;
+  }
+
+  .zt-field__right-icon-box-row {
+    flex-shrink: 0;
+  }
+
+  .zt-field__value {
+    justify-content: flex-start;
+    .zt-field__body {
+      flex: 8;
+      textarea {
+        padding-bottom: 16px;
+      }
+    }
+  }
+  
+  .zt-field__word-limit {
+    position: absolute;
+    bottom: 12px;
+  }
+
+  .zt-field__no-error {
+    background: rgba(45,75,115,0.04);
+    color: rgba(45,75,115,0.60);
+      &::after {
+        position: absolute;
+        box-sizing: border-box;
+        content: ' ';
+        pointer-events: none;
+        top: 0;
+        right: 0;
+        left: 0;
+        border-top: 1px solid #000000;
+        -webkit-transform: scaleY(0.5);
+        transform: scaleY(0.5);
+        opacity: 0.2;
+    }
+  }
+}

package/es/hierarchy-select/hierarchySelect.js

@@ -58,12 +58,6 @@ export default createComponent({
     returnChainData: {
       type: Boolean,
       default: false
-    },
-    confirmedList: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
     }
   },
   data: function data() {
@@ -154,8 +148,7 @@ export default createComponent({
         "resetReplaceCancel": this.resetReplaceCancel,
         "disableParent": this.disableParent,
         "valueKey": this.valueKey,
-        "textKey": this.textKey,
-        "confirmedList": this.confirmedList
+        "textKey": this.textKey
       },
       "on": {
         "clickNext": this.clickNext,

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;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}.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{color:#e4e4e4;font-size:24px}.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:#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}

package/es/hierarchy-select/index.js

@@ -10,7 +10,6 @@ import HierarchySelect from './hierarchySelect';
 import Popup from '../popup';
 import { PopupMixin } from '../mixins/popup';
 import Icon from "../icon";
-import { deepClone } from '../utils/deep-clone';
 export default createComponent({
   mixins: [PopupMixin()],
   props: {
@@ -61,8 +60,7 @@ export default createComponent({
   },
   data: function data() {
     return {
-      showPicker: false,
-      confirmedList: []
+      showPicker: false
     };
   },
   methods: {
@@ -87,13 +85,7 @@ export default createComponent({
       }
     },
     confirm: function confirm(list) {
-      this.confirmedList = deepClone(list);
-      this.$emit("confirm", this.confirmedList);
-    },
-    onBack: function onBack() {
-      if (this.$refs.hierarchySelect && this.$refs.hierarchySelect.$refs.markList) {
-        this.$refs.hierarchySelect.$refs.markList.cancel();
-      }
+      this.$emit("confirm", list);
     }
   },
   render: function render(h) {
@@ -124,10 +116,11 @@ export default createComponent({
         "name": "arrow-left"
       },
       "on": {
-        "click": this.onBack
+        "click": function click() {
+          _this.showPicker = false;
+        }
       }
     }), h("div", [this.title])]), h(HierarchySelect, {
-      "ref": "hierarchySelect",
       "attrs": {
         "treeData": this.treeData,
         "disableParent": this.disableParent,
@@ -136,8 +129,7 @@ export default createComponent({
         "multiple": this.multiple,
         "valueKey": this.valueKey,
         "textKey": this.textKey,
-        "returnChainData": this.returnChainData,
-        "confirmedList": this.confirmedList
+        "returnChainData": this.returnChainData
       },
       "on": {
         "selected": this.onSelected,

package/es/hierarchy-select/index.less

@@ -97,17 +97,16 @@
       background-color: #fff;
       &__multiple-button {
         margin-right: 8px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
       }
       &__check-icon {
         color: #0091fa;
         font-size: 24px;
       }
       &__uncheck-icon {
-        color: #E4E4E4;
-        font-size: 24px;
+        width: 24px;
+        height: 24px;
+        border: 1px solid rgba(0,0,0,.1);
+        border-radius: 50%;
       }
       &__score-item {
           position: relative;

package/es/hierarchy-select/markList.js

@@ -36,12 +36,6 @@ export default createComponent({
     textKey: {
       type: String,
       default: "name"
-    },
-    confirmedList: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
     }
   },
   data: function data() {
@@ -67,11 +61,6 @@ export default createComponent({
         return;
       }
 
-      if (this.multiple) {
-        this.multipleClicked(item);
-        return;
-      }
-
       this.choosedValue = item[this.valueKey];
       this.$emit('selected', item);
     },
@@ -82,10 +71,7 @@ export default createComponent({
           "name": "checked"
         },
         "class": bem("check-icon")
-      }) : h(Icon, {
-        "attrs": {
-          "name": "circle"
-        },
+      }) : h("div", {
         "class": bem("uncheck-icon")
       });
     },
@@ -160,7 +146,6 @@ export default createComponent({
       unchecked(array);
     },
     cancel: function cancel() {
-      this.checkedList = deepClone(this.confirmedList);
       this.$emit("cancel");
     },
     confirm: function confirm() {